body {
    font-size: 14px;
    min-width: 1190px;
}

* {
    margin: 0;
    padding: 0; box-sizing: border-box;
}

img {
    border: none;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

.clear {
    clear: both
}
@font-face{
	font-family:neutra_text_tf;
	src: url('../fonts/neutra_text_tf.eot');
	src: url('../fonts/neutra_text_tf.eot?#iefix') format('embedded-opentype'),
		url('../fonts/neutra_text_tf.woff2') format('woff2'),
		url('../fonts/neutra_text_tf.woff') format('woff'), 
		url('../fonts/neutra_text_tf.ttf') format('truetype'),
		url('../fonts/neutra_text_tf.svg#neutra_text_tf') format('svg');
}
@font-face {
    font-family: Met-Regular;
    src: url("../fonts/Metric_Regular.otf");
  }
  @font-face {
    font-family: Met-Bold;
    src: url("../fonts/Metric_Medium.otf");
  }
/*-------------首页业务------------*/

.yewu_bg {background:#fff; padding: 50px 0 0 0; overflow: hidden;}
.project{width:100%;margin:0 auto; display: flex;justify-content: space-between;}
.project li{width:calc(100%/4); background: #fafafa;padding:70px 35px}
.project li:nth-child(2n){ background: #f5f5f5;}
.project_icon{ margin:0 0 25px 0}
.project strong{display: block;font-size: 30px;font-weight: normal;color: #1b1b1b;line-height: 85px;}
.project p{ font-size: 16px; color: #858484;line-height: 27px;margin:0 0 35px 0}
.project_li{display: flex;justify-content: space-between; flex-wrap: wrap; margin: 0 -25px;}
.project_li a{display: block;width:54%;font-size: 17px;color: #464646;line-height: 36px;position: relative;padding:0 25px}
.project_li a:hover{ color:#f18a09;}
.project_li a:nth-child(2n){width:46%;}
.project_li_fo a{width:50%;}
.project_li_fo a:nth-child(2n){width:50%;}
.project_li_fo a:nth-child(3){width:100%;}
.project_li_fo a:nth-child(3):after{width:0;}
.project_li a:after{width:1px;background: #464646;position: absolute;right:0;top:8px;height:20px;content: '';}
.project_li a:nth-child(2):after{width:0;}
.project_li a:nth-child(4):after{width:0;}
.project_li a:nth-child(6):after{width:0;}
.project_li a:nth-child(7):after{width:0;}
.project_li_se{justify-content:flex-start;}
.project_li_se a{width:32%;}
.project_li_se a:nth-child(2){width:66%}
.project_li_se a:nth-child(4){width:66%}
.project_b_li a{ width:30%;}
.project_b_li a:nth-child(2){width:30%;}
.project_b_li a:nth-child(3){width:30%;}
.project_b_li a:nth-child(4){width:30%;}
.project_b_li a:nth-child(5){width:30%;}
.project_b_li a:nth-child(6){width:30%;}
.project_b_li a:nth-child(7){width:30%;}
.project_b_li a:nth-child(2):after{width:1px;}
.project_b_li a:nth-child(3):after{width:0;}
.project_b_li a:nth-child(4):after{width:1px;}
.project_b_li a:nth-child(6):after{width:0;}
.project_b_li a:nth-child(7):after{width:0;}

.project_b{width:100%;margin:0 auto; display: flex;justify-content: space-between; }
.project_b li{width:50%; background: #eee;padding:70px 0 35px 35px}
.project_b li:nth-child(2n){ background: #fafafa;}
.project_b_r{width:50%;}
.project_b span{display: block;font-size: 30px;font-weight: normal;color: #1b1b1b;line-height: 85px;}
.project_t{ display: flex;justify-content: space-between;flex-wrap: wrap;padding:10px 0 0 0}
.project_t strong{display: block;width:50%;font-size: 30px;font-weight: normal;color: #1b1b1b;line-height: 65px;}
.project_t strong a:hover{color:#f18a09;}
@media only screen and (max-width:1820px){ /**/
    .project li{padding: 50px 25px;}
    .project_b li{padding:50px 25px 25px 25px;}
}

@media only screen and (max-width:1750px){ /**/
    .project_li_se a{width:42%;}
    .project_li_se a:nth-child(2){width:42%}
    .project_li_se a:nth-child(4){width:42%}

}
@media only screen and (max-width:1680px){ /**/
    .project_li{margin: 0 -15px;}
    .project_li a{ font-size: 16px;padding:0 15px}
    .project strong{ font-size: 27px; line-height: 65px;}
    .project_b span{ font-size: 27px; line-height: 65px;}
    .project_t strong{ font-size: 27px; line-height: 65px;}
}
@media only screen and (max-width:1600px){ /**/
    .project_li_se a{width:42%;}
    .project_li_se a:nth-child(2){width:42%}
    .project_li_se a:nth-child(4){width:42%}
    .project p{ font-size: 15px;line-height: 25px; margin: 0 0 25px 0;}
    .project_t{padding: 0 0 0 0;}
    .project_li a{ line-height: 32px;}
}
@media only screen and (max-width:1550px){ /**/
    .project_icon{margin: 0 0 15px 0;}
    .project strong{ font-size: 24px; line-height: 55px;}
    .project_b span{ font-size: 24px; line-height: 55px;}
    .project_t strong{ font-size: 24px; line-height: 55px;}
}
.yewu_bg ul {
    width: 90%;
    margin: 0 auto;
}
@media only screen and (max-width:1550px){ /**/
    .yewu_bg ul{width:95%}
}
.yewu_bg .top {
    margin: 15px 0 20px 0;
    overflow: hidden; display: flex;justify-content: space-between;
}

.yewu_bg .top .ll {    width: 30%;background: #fff;}
.yewu_bg .top .ll .lm { height: 62px; width: 100%; line-height: 62px; padding-left: 70px; font-size: 18px; font-weight: bold; color: #fff;}


.yewu_bg .top .ll .lm.ab1 {
    background: url("../img/p1a.png") center left 20px no-repeat #f67524;
}

.yewu_bg .top .ll .lm.ab2 {
    background: url("../img/p3a.png") center left 20px no-repeat #f67524;
}

.yewu_bg .top .ll .lm.ab3 {
    background: url("../img/p4a.png") center left 20px no-repeat #f67524;
}

.yewu_bg .top .ll .list {
    width: 100%;
    padding: 20px 25px;
    overflow: hidden;
}

.yewu_bg .top .ll .list li {
    width: 50%;
    float: left;
    font-size: 15px;
    line-height: 33px;
    color: #5f5f5f
}

.yewu_bg .top .ll .list li a {
    color: #555
}

.yewu_bg .top .ll .list li a:hover {
    transition-duration: 0.5s;
    color: #f67524;
    font-weight: bold;
}

.yewu_bg .top .rr {width: 69%;}
@media only screen and (max-width:1600px){ /**/
    .yewu_bg .top .ll { width: 27%;}
    .yewu_bg .top .rr { width: 72%;}
}
@media only screen and (max-width:1510px){ /**/
    .yewu_bg .top .ll { width: 23%;}
    .yewu_bg .top .rr { width: 76%;}
}
@media only screen and (max-width:1470px){ /**/
    .yewu_bg .top .ll .lm { line-height: 59px;}
    .yewu_bg .top .ll .list{padding: 16px 17px;}
    .yewu_bg .top .ll { width: 22.5%;}
    .yewu_bg .top .rr { width: 76.5%;}
}  
.syyewu_list {
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.syyewu_list img {
    max-width: 82px
}

.syyewu_list li {
    width: 16.2%;
    background: #fff;
    padding: 35px 10px;
    border-bottom: #ececec 1px solid;
    transition-duration: 0.5s;
}

.syyewu_list li:hover {
    background: #fafafa;
    transition-duration: 0.5s;
    border-bottom: #f67524 1px solid;
}

.syyewu_list li .lm18 {
    font-size: 18px;
    font-weight: bold;
    color: #5f5f5f;
}

.syyewu_list li .pic {
    margin: 25px auto;
    transition-duration: 0.5s;
}

.search-bar li {
    float: left;
    text-align: center;
    transition-duration: 0.5s;
}

.syyewu_list li .pic img {
    transition-duration: 0.5s;
}

.syyewu_list li:hover img {
    transform: rotateY(180deg);
}

.syyewu_list li:hover .lm18 {
    color: #f67524;
    transition-duration: 0.5s;
}

.syyewu_list li .lista a {
    color: #747474;
    line-height: 23px;
    font-size: 14px
}

.syyewu_list li .lista a:hover {
    color: #f67524;
    font-weight: bold;
}


/*-------------首页业务end------------*/

.zizhi_more {
    width: 120px;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    margin-top: 25px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background: #f18a09;
}

.zizhi_more a {
    color: #fff;
}

.l {
    float: left;
}

.r {
    float: right;
}

.hidden {
    display: none
}

a,
a:hover {
    text-decoration: none
}

.top_mar {
    width: 40%;
    text-align: left;
    color: #ffff;
    line-height: 50px;
    right: 20px;
    position: fixed
}

.top_about_list {
    width: 90%;
    margin: 0 auto;
}

.top_about_list li {
    width: 20%;
    float: left;
    height: 100px;
}

.top_about_list li .pic_img {
    position: fixed;
    width: 50px;
    left: 60px;
}

.top_about_list li .top_about {
    position: fixed;
    left: 120px;
    text-align: left;
    line-height: 23px
}

.top_about_list li .top_about h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
}

.top_about_list li .top_about .list {
    font-size: 12px;
    color: #f1f1f1
}

.yellow {
    color: #f18a09
}


/*topline*/

.topline {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #1a7acc;
}

.topline ul {
    height: 40px;
    width: 1190px;
    margin: 0 auto;
}

.topline li {
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 12px;
}


/*head*/

.head {
    height: 132px;
    overflow: hidden;
    width: 100%;
    background: #f0f2f4;
}

.head ul {
    width: 1190px;
    margin: 0 auto;
    height: 132px;
}

.head li {
    float: left;
}

.head li.tel {
    float: right;
    font-size: 14px;
    color: #333;
    text-align: right;
    padding: 45px 0 0 0;
}

.head li.tel strong {
    font-size: 24px;
    color: #fa8d00;
}

.head .logo {
    padding: 26px 0 0 0;
}

.head .xia,
.head .sougou {
    margin: 47px 0 0 40px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #444444;
    font-weight: bold;
    padding: 0 0 0 55px;
}

.head .xia {
    background: url(../images/xia.jpg) no-repeat left center;
}

.head .sougou {
    background: url(../images/sougou.jpg) no-repeat left center;
}


/*二级菜单*/

#nav_child {
    position: absolute;
    width: 100%;
    background-color: black;
    filter: Alpha(opacity=50);
    background: rgba(0, 0, 0, 0.5);
    height: 0;
    overflow: hidden;
    top: 57px;
    z-index: 1000;
}

.nav_child {
    width: 1190px;
    margin: 0 auto;
}

.nav_child div {
    width: 130px;
    float: left;
}

.nav_child div li {
    width: 130px;
    text-align: center;
    line-height: 35px;
    height: 35px;
    color: white;
    background: url(../images/nav_bg_biao.png) no-repeat left top;
}

.nav_child div li a {
    color: #fff;
    line-height: 35px;
    height: 35px;
    display: block;
}

.nav_child div li a:hover {
    font-weight: bold;
}


/*service*/

.service {
    background: #f3f4f6;
    padding: 48px 0 48px 0;
}

.service h2 {
    font-size: 32px;
    color: #333333;
    line-height: 60px;
    text-align: center;
}

.service_list {
    height: 90px;
}

.service_list ul {
    height: 40px;
    line-height: 40px;
    width: 508px;
    margin: 0 auto;
}

.service_list li {
    width: 127px;
    float: left;
    text-align: center;
    color: #000000;
    line-height: 40px;
    font-size: 18px;
    background: url(../images/service_list_border.jpg) no-repeat right center;
}

.service_con {
    background: #fff;
    width: 1195px;
    margin: 0 auto;
}

.service_con_list {
    width: 238px;
    height: 334px;
    position: relative;
    margin-right: 1px;
    overflow: hidden;
}

.service_con_list h3 {
    font-size: 24px;
    text-align: center;
    color: #6cafed;
    line-height: 43px;
}

.service_con_list p {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}

.service_con_list p span {
    width: 200px;
    font-size: 12px;
    display: block;
    position: absolute;
    line-height: 20px;
    text-align: center;
    top: 272px;
    left: 19px
}

.service_con_list .service_pic {
    width: 104px;
    height: 104px;
    position: absolute;
    left: 62px;
    top: 137px;
}

.service_con_list .b_line {
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 5px;
    background: #458fd4
}

.service_left {
    width: 238px;
    height: 334px;
    padding-top: 38px;
    color: #7e7e7e;
}

.service_con_list_on {
    width: 238px;
    padding: 38px 0 0 0;
    height: 296px;
    position: relative;
    margin-right: 1px;
    background: #60d4ba;
    overflow: hidden
}

.service_con_list_on h3 {
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 43px;
}

.service_con_list_on p {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

.service_con_list_on p span {
    width: 100%;
    font-size: 14px;
    color: #fff;
    display: block;
    position: absolute;
    line-height: 20px;
    text-align: center;
    top: 272px;
}

.service_con_list_on .service_pic {
    width: 104px;
    height: 104px;
    position: absolute;
    margin-left: -52px;
    left: 50%;
    top: 137px;
}

.service .on {
    color: white
}

.service .on h3 {
    color: white
}

#service1 .on {
    background: #4590d4;
}

#service2 .on {
    background: #5fd4ba;
}

#service3 .on {
    background: #81d065;
}

#service4 .on {
    background: #ebb136;
}

#service1 .b_line {
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 5px;
    background: #458fd4
}

#service2 .b_line {
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 5px;
    background: #5fd4ba
}

#service3 .b_line {
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 5px;
    background: #81d065
}

#service4 .b_line {
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 5px;
    background: #ebb136
}

.service_con_list_con {
    width: 213px;
    padding: 10px 0 0 25px;
    height: 320px;
    position: absolute;
    top: 0;
    left: 238px;
    margin-right: 1px;
}

.service_con_list_con h4 {
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #c4ccd4;
    min-width: 50px;
    padding: 0 12px;
    display: inline-block;
}

.service_con_list_con h4 a {
    color: #5f5e68;
}

.service_con_list_con p {
    font-size: 12px;
    color: #7e7e7e;
    line-height: 35px;
    text-align: left;
    padding: 0 0 8px 0;
}


/*首页新闻*/

.sy_newsbg {
    width: 100%; padding:0 0 50px 0
}

.sy_news {
    width: 90%;
    margin: 0 auto;
}

.news_con{ display:flex; flex-wrap:wrap;justify-content:space-between;padding:20px 0 0 0}
.news_con li .n_title{color:#333333; height:60px;}
.news_con li .n_title a{  font-size: 17px;line-height:30px;color:#434343;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition: 0.3s;}
.news_con li .n_title a:hover{ color:#f18a09;font-weight: bold;}
.news_con li .n_date{text-align: left; line-height:26px; color:#adadad; font-size: 15px; text-transform: uppercase; transition: 0.5s;}
.news_con li .n_text{text-align: left; line-height:27px; color:#838383;	font-size: 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news_con li {width:32.5%; background: #fff; transition: 0.5s; box-shadow: 0 0 35px rgba(0,0,0,.05);display:flex; flex-direction:column;justify-content:flex-start;}
.news_con li .n_pic{width:100%;overflow: hidden;}
.news_con li .n_pic img{width:100%;transition:0.4s ease; }
.news_con li .n_con{padding:25px 20px}
.news_con li .n_jieshao{line-height:26px; color:#adadad; font-size: 15px;margin:15px 0 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.news_con li:hover .n_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.news_con li:hover .n_title a{ color:#f18a09;font-weight: bold;}
.sy_news_img {
    width: 580px;
    top: 0;
    position: relative
}

.sy_news_img img {
    z-index: 11;
    position: absolute;
    top: 30px
}

.sy_news_img h4 {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 50px;
    top: 320px;
    position: relative;
    z-index: 22;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.sy_news_img h4 a {
    color: #fff
}

.sy_news_list {
    width: 570px;
}

.sy_news_list li {
    margin: 15px 0
}

.sy_news_list .date {
    width: 100px;
    margin: 25px 0
}

.sy_news_list .txt {
    width: 470px;
    padding-top: 10px
}

.sy_news_list .txt h4 {
    font-size: 16px;
    color: #ffffff;
    line-height: 33px
}

.sy_news_list .txt h4 a {
    font-size: 16px;
    color: #ffffff
}

.sy_news_list li:hover a {
    color: #f17c13
}

.sy_news_list li:hover .txt p {
    color: #cfcfcf
}

.sy_news_list .txt p {
    font-size: 14px;
    margin-top: 7px;
    color: #bebebe;
    line-height: 28px
}


/*企业微信*/

.qiyeweixin_one,
.qiyeweixin_two {
    width: 1280px;
    margin: 20px auto
}

.qiyeweixin_one li {
    width: 280px;
    float: left;
    margin: 0 20px;
    text-align: center;
    height: 340px
}

.qiyeweixin_one li h4 {
    font-size: 18px;
    line-height: 60px
}

.qiyeweixin_one li p {
    font-size: 14px;
    line-height: 23px;
    color: #666
}

.qiyeweixin_bg {
    background: url("../images/client_witness_index_bg-2019.8.23.jpg") center;
    height: 200px;
    width: 100%
}

.qiyeweixin_two li {
    width: 370px;
    float: left;
    margin: 0 5px 5px 0;
    text-align: center;
    height: 260px;
    border: 1px #ececec solid;
    padding: 50px 20px 20px
}

.qiyeweixin_two li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.qiyeweixin_two li .shutiao {
    background: #ccc;
    height: 30px;
    width: 1px;
    margin: 10px auto
}

.qiyeweixin_two li h4 {
    font-size: 16px;
    background: #ec6f5b;
    height: 30px;
    line-height: 30px;
    margin: 20px auto;
    color: #fff;
    border-radius: 20px;
    width: 150px;
}

.qiyeweixin_two li p {
    font-size: 14px;
    line-height: 23px;
    color: #666
}


/*内页头部*/

.zhaotong_top {
    width: 100%;
}

.top_head {
    background: rgba(0, 0, 0, .6);
    position: absolute;
    z-index: 999999;
    height: 66px;
    width: 100%
}

.top_head .logo {
    padding-top: 10px
}

.top_menu {
    width: 100%;
    margin: 0 auto;
    line-height: 57px;
    height: 57px;
    position: absolute;
    z-index: 88888;
    top: 66px;
    background: rgba(0, 0, 0, .4);
}

.menu_item {
    width: 10%;
    text-align: center;
    float: left;
    color: #ccc;
    cursor: pointer;
    position: relative;
    z-index: 10000
}

.menu_item:hover .menu_info_normal {
    margin-top: -57px;
}

.menuchild {
    position: absolute;
    top: 100%;
    height: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    background: rgba(241, 138, 9, 0.9);
    transition: all 0.3s linear;
    border: 1px solid #ca9149;
    border-top: none;
    border-bottom: none;
    box-sizing: border-box;
}

.menuchild li {
    line-height: 45px;
    height: 45px;
    text-align: center;
    color: white;
    border-bottom: 1px solid #ca9149;
}

.menu_info {
    height: 57px;
    overflow: hidden;
}

.menu_info div {
    height: 57px;
}

.menu_info_normal {
    margin-top: 0;
    transition: all 0.3s linear;
}

.menu_info_hover {
    color: #f18a09;
    font-weight: bold;
}

.sybg2 {
    background: url("../images/sy_bg2.jpg")
}

.sybg3 {
    background: url("../images/sybg3.jpg")
}

.zizhi_list {
    width: 90%;
    text-align: center;
    margin: 0 auto
}

.zizhi_list li {
    line-height: 36px;
    position: relative;
    z-index: 99;
}

.zizhi_list li a {
    color: #fff;
    font-size: 15px;
    z-index: 100;
}

.zizhi_list li img {
    display: none;
    position: absolute;
    z-index: 101;
    width: 240px;
    height: auto;
}

.zizhi_list li:hover img {
    display: block;
    margin-left: 80%;
}

.js-us-ability-item-scroll {
    overflow: visible!important;
}


/*内页banner图*/
.se_banner{width: 100%; background: url("../img/jianjiebg.jpg") no-repeat  center top; position: relative;display: flex;justify-content: center;flex-direction: column;align-items: center; padding:240px 0 95px 0}
.se_banner_t{display: flex;justify-content: center;flex-direction: column;align-items: center; }
.se_banner_t strong{ font-size: 52px;color: #ffffff; line-height: 115px;;}
.se_banner_t span{ font-size: 52px;color: #ffffff; line-height: 115px;display: block;}
.se_banner_t i{ width:40px;background: #fff;height:2px;margin: 0 auto;}
.se_banner_t p{ font-size: 30px;color: #ffffff; line-height: 75px;}
.se_banner_t p#loopText{ font-size: 40px;color: #ffffff;width:540px;margin:0 auto;font-weight: bold;}
.douyinyh {    width: 100%;    background: url("../img/dyy.jpg") center;    height: 510px;    position: relative;    z-index: 11111}
.doulitui {    width: 100%;    background: url(../douyin/doushitui.jpg) no-repeat center center;    height: 510px;    position: relative;    z-index: 11111}
.youshitui {    width: 100%;    background: url(../douyin/youshitui.jpg) no-repeat center center;    height: 510px;    position: relative;    z-index: 11111}
.jiayoubao {    width: 100%;    background: url(../douyin/jiayoubao.jpg) no-repeat center center;    height: 510px;    position: relative;    z-index: 11111}
.douyindaiyunying {    width: 100%;    background: url(../douyin/douyindaiyunying.jpg) no-repeat center center;    height: 510px;    position: relative;    z-index: 11111}
.shangxueyuanbg {    width: 100%;    background: url(../douyin/shangxueyuan.jpg) no-repeat center center;    height: 510px;    position: relative;    z-index: 11111}


.se_dyyh{ display: flex;justify-content:space-between;  flex-wrap: wrap;padding:25px 0}
.se_dyyh li{width:45%}
.se_dyyh li h3{font-size: 18px;color: #176cf2; padding:0 0 0 15px;line-height: 25px;border-left:2px solid #176cf2; margin: 0 0 25px 0;font-weight: bold;}
.se_dyyh li p{font-size: 16px;color: #666; line-height: 27px; margin: 0 0 35px 0;}
.se_d_img{ text-align: center;}

.ny_contactbanner {
    width: 100%;
    background: url("../img/banner/contact.jpg") center;
    height: 560px;
    position: relative;
    z-index: 11111; padding: 138px 0 95px 0;
}
.ny_aboutbanner {
    width: 100%;
    background: url("../img/jianjiebg.jpg") no-repeat  center top;
    height: 800px;
    position: relative;
    z-index: 11111
}

.ny_zhaoshangbanner {
    width: 100%;
    background: url("../img/banner/zhaoshang.jpg") center;
    height: 950px;
    position: relative;
    z-index: 11111
}

.ny_newsbanner {
    width: 100%;
    background: url("../img/banner/news.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_zizhibanner {
    width: 100%;
    background: url("../images/zizhi.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_weixinbanner {
    width: 100%;
    background: url("../images/weixinbg.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_kuaichebanner {
    width: 100%;
    background: url("../images/kuaiche.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_waimaoniubanner {
    width: 100%;
    background: url("../images/waimaoniu.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_waimaokuaichebanner {
    width: 100%;
    background: url("../images/kuaiche.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_aicaigoubanner {
    width: 100%;
    background: url("../images/aicaigou.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_kuaifawubanner {
    width: 100%;
    background: url("../images/kuaifawu.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_qiyeweixinbanner {
    width: 100%;
    background: url("../images/qiyeweixin.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_yumingbanner {
    width: 100%;
    background: url("../images/yuming.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_alibababanner {
    width: 100%;
    background: url("../images/ali.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny258banner {
    width: 100%;
    background: url("../images/258.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.nydoushituibanner {
    width: 100%;
    background: url("../images/doushitui.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.nyquanwangyouhuabanner {
    width: 100%;
    background: url("../images/quanwangyouhua.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.nyyoushituibanner {
    width: 100%;
    background: url("../images/youshitui.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111;
}

.nyquanwangtui {
    width: 100%;
    background: url("../images/quanwangtui.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.nycpcbanner {
    width: 100%;
    background: url("../images/cpc.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_yiqibaobanner {
    width: 100%;
    background: url("../images/yiqibao.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_anlibanner {
    width: 100%;
    background: url("../images/anli---2.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}
.ny_anlibanner2 {
    width: 100%;
    background: url("../images/anli2.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}
.douyin {
    width: 100%;
    background: url("../images/douyin.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}
.ny_shangwuweishiwuyou {
    width: 100%;
    background: url("../images/shangwuweishiwuyou.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_youlituiguanwang {
    width: 100%;
    background: url("../images/youlituiguanwang.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_dianshangbanner {
    width: 100%;
    background: url("../images/dianshang.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.ny_youlituishangpubanner {
    width: 100%;
    background: url("../images/youlituishangpu.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}
.page_box{border-bottom:1px solid rgba(0,0,0,0.05); padding: 30px 0 30px 0; color:#555;font-size: 16px;}
.page_box a{color:#555;font-size: 16px;}
.se_news_con_li li{margin:0 0 15px 0}
.se_news_con_li li .n_title{height:auto}
.se_news_text{background: #f5f5f5;padding:160px 0 50px 0;}
.se_news_text .s_width2{ display: flex;justify-content: space-between;position: relative;}
.se_news_text_l{width:62%}
.se_news_text_l h1{font-size: 2.25rem;line-height: 1.2;    color: #333;}
.date{ font-size: 16px; color: #ccc; margin-top: 30px; padding-bottom:50px;border-bottom: 1px solid #cccccc;}
.date:before{ content: '';width: 1.5rem;height: 1.5rem;display: inline-block;vertical-align: middle;margin: -2px 10px 0 0;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../img/icon-2.png);}
.se_news_text_con{padding: 50px 0;}
.se_news_text_con p{font-size: 16px;line-height: 31px;color: #444;}
.se_news_text_con img{display: block;width:auto;max-width:750px;margin: 0 auto;}
.se_news_text_r{ }
.remen{ background: #fff;padding:35px 28px;margin:0 0 25px 0}
.remen_t{font-size: 1.5rem; color: #333;}
.remen li a:before { content: ''; width: 4px; height: 4px; background-color: #ff6a00; border-radius: 50%; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0;}
.remen li a { display: block; font-size: 16px; color: #808080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1.25rem;}

/*电商运营页面*/
.dianshang_fwjuzhen_list {
    width: 1200px;
    margin: -20px auto 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.dianshang_fwjuzhen_list li {
    width: 280px;
    background: #fff;
    border: 1px #ccc solid;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.dianshang_fwjuzhen_list li:hover {
    margin-top: -10px;
}

.dianshang_fwjuzhen_list li .bg {
    background: #e98d06;
    height: 100px;
    color: #fff;
    padding-top: 20px;
}

.dianshang_fwjuzhen_list li:hover .bg {
    background: #444444;
}

.dianshang_fwjuzhen_list li h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}

.dianshang_fwjuzhen_list li p {
    margin: 20px 0;
    font-size: 14px;
    line-height: 30px;
}

.dianshang_adbg {
    width: 100%;
    height: 150px;
    background: url("../img/dianshang/adbg.jpg") center no-repeat;
}

.dianshang_adbg ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.dianshang_adbg ul .left {
    font-size: 24px;
    color: #fff;
    padding-top: 30px;
    line-height: 38px;
}

.dianshang_adbg ul .right {
    padding-top: 15px;
}

.dianshang_adt20 {
    font-size: 20px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    margin: 20px auto;
}


/*dianshang_yunyingnengli*/

.dianshang_yunyingnengli {
    width: 1200px;
    margin: -20px auto 20px;
    display: flex;
    justify-content: space-between;
}

.dianshang_yunyingnengli .nl1,
.dianshang_yunyingnengli .nl2,
.dianshang_yunyingnengli .nl3 {
    background: #fff;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.dianshang_yunyingnengli .nl1 {
    width: 250px
}

.dianshang_yunyingnengli .nl2 {
    width: 560px;
}

.dianshang_yunyingnengli .nl3 {
    width: 360px
}

.dianshang_yunyingnengli .bg {
    color: #fff;
    line-height: 70px;
    font-size: 20px;
}

.dianshang_yunyingnengli .bg.red {
    background: #f18a09;
}

.dianshang_yunyingnengli .bg.bule {
    background: #426bc7;
}

.dianshang_yunyingnengli .bg.zi {
    background: #c358a9;
}

.dianshang_yunyingnengli .lie {
    border: 5px #ccc solid;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-top: 8px;
    padding: 15px;
}

.dianshang_yunyingnengli .jiantou_xia {
    font-size: 100px;
    line-height: 80px;
    color: #ececec;
}

.dianshang_yunyingnengli h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
}

.dianshang_yunyingnengli .nl1 .alist {
    width: 90%;
    margin: 0 auto;
}

.dianshang_yunyingnengli .nl1 .alist li {
    background: #f2f2f2;
    line-height: 40px;
    margin: 5px 0;
    ;
}

.dianshang_yunyingnengli .nl2 .top,
.dianshang_yunyingnengli .nl2 .bottom {
    display: flex;
    justify-content: space-between;
}

.dianshang_yunyingnengli .nl2 .bottom {
    margin-top: 8px;
}

.dianshang_yunyingnengli .nl2 .t18 {
    font-size: 18px;
    padding: 50px 0;
    width: 200px;
    text-align: center;
}

.dianshang_yunyingnengli .nl2 .yuanlist {
    width: 200px
}

.dianshang_yunyingnengli .nl2 .yuanlist li {
    background: #f2f2f2;
    margin: 4px 0;
    line-height: 36px;
}

.dianshang_yunyingnengli .nl2 .z,
.dianshang_yunyingnengli .nl2 .y {
    line-height: 150px;
    font-size: 80px;
    color: #ececec;
}

.dianshang_yunyingnengli .nl3 h2 {
    font-size: 16px;
    border: 1px #ececec solid;
    padding: 15px 25px;
    line-height: 28px;
    border-radius: 50px;
}

.dianshang_yunyingnengli .mid {
    display: flex;
    justify-content: space-between;
    height: 120px;
    margin: 20px 0;
}

.dianshang_yunyingnengli .mid .txt {
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
}

.dianshang_yunyingnengli .mid .yuan {
    width: 120px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    background: #ececec;
    padding-top: 30px;
}


/*dianshang_adbg2*/

.dianshang_adbg2 {
    background: #000000;
    width: 100%;
    padding: 50px 0;
    text-align: center;
    color: #f18a09
}

.dianshang_adbg2 h2 {
    font-size: 36px;
    line-height: 66px;
    font-weight: bold;
}

.dianshang_adbg2 p {
    font-size: 16px;
    line-height: 36px;
}


/*dianshang_jiagou*/

.dianshang_jiagou {
    background: #f1f1f1;
    padding: 20px 0;
    width: 100%;
    margin-top: -20px;
}

.dianshang_jiagou ul {
    width: 1200px;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
}


/*dianshang_qiatan*/

.dianshang_qiatan {
    width: 1200px;
    margin: -20px auto 30px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.dianshang_qiatan .jt {
    padding: 0 1%;
}

.dianshang_qiatan .q1 {
    width: 350px;
}

.dianshang_qiatan .q2 {
    width: 320px;
}

.dianshang_qiatan .q3 {
    width: 310px;
}

.dianshang_qiatan .bg {
    height: 120px;
    line-height: 120px;
    width: 100%;
    background: #f18a09;
    color: #fff;
    text-align: center;
    font-size: 24px;
}

.dianshang_qiatan li {
    border: #ececec 3px solid;
    margin: 5px 0 7px;
    padding: 15px;
}

.dianshang_qiatan li h3 {
    font-weight: bold;
    margin-bottom: 5px;
}

.dianshang_qiatan li p {
    font-size: 14px;
    line-height: 25px;
    color: #666;
}


/*dianshang_fuwubiaozhun*/

.dianshang_fuwubiaozhun {
    width: 100%;
    background: url("../img/dianshang/bbg.jpg") top center no-repeat;
    padding: 80px 0 50px;
}

.dianshang_fuwubiaozhun h3 {
    font-size: 36px;
    text-align: center;
    color: #fc6007;
    font-weight: bold;
    line-height: 55px;
}

.dianshang_fuwubiaozhun h4 {
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.dianshang_fuwubiaozhun ul {
    width: 1200px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
}

.dianshang_fuwubiaozhun li {
    background: #fff;
    width: 320px;
    border-radius: 40px;
    text-align: center;
    padding: 30px;
    box-shadow: #ececec 5px 5px;
}

.dianshang_fuwubiaozhun li .img {
    margin-bottom: 15px;
}

.dianshang_fuwubiaozhun li h2 {
    font-size: 20px;
    font-weight: bold;
}

.dianshang_fuwubiaozhun li p {
    margin: 20px 0;
    font-size: 14px;
    line-height: 28px;
    ;
}

.dianshang_fuwubiaozhun li .line {
    background: #ececec;
    height: 20px;
    border-radius: 20px;
    width: 120px;
    margin: 0 auto;
}

.dianshang_anli {
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
}

.dianshang_anli img {
    max-width: 100%
}


/*优立推官网优化版*/

.youliutuip {
    font-size: 15px;
    line-height: 28px;
    margin-top: 20px;
}

.youlituiguanwang_tedian ul,
.youlituiguanwang_jianjie,
.youlituiguangwang_biaoge {
    width: 1280px;
    margin: 50px auto;
}

.youlituiguanwang_jianjie {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.youlituiguanwang_jianjie .left {
    margin-left: 5%;
}

.youlituiguanwang_jianjie .right {
    font-size: 14px;
    line-height: 36px;
}

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

.youlituiguanwang_tedian {
    background: url("../img/youlitui/bg.jpg");
    color: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.youlituiguanwang_tedian li {
    float: left;
    width: 14%;
    padding: 3%;
    text-align: center;
}

.youlituiguanwang_tedian li h2 {
    line-height: 50px;
    font-weight: bold;
}

.youlituiguangwang_biaoge {
    margin-bottom: 50px;
    font-size: 15px;
}


/*全网推*/

.quanwangtui_tuisong {
    background: url("../images/qwtbg.jpg") bottom center;
    height: 300px;
    width: 100%;
    padding: 50px 0;
}

.quanwangtui_tuisong h3 {
    color: #e98d06;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}

.quanwangtui_tuisong ul {
    width: 1200px;
    margin: 0 auto;
}

.quanwangtui_tuisong ul li {
    background: #fff;
    border-radius: 70px;
    height: 70px;
    line-height: 70px;
    width: 48%;
    float: left;
    margin: 0.5% 1%;
    text-align: center;
    font-size: 18px;
}

.quanwangtui_xunpan {
    width: 1200px;
    margin: 50px auto;
    height: 300px;
    ;
}

.quanwangtui_xunpan h3 {
    color: #e98d06;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.quanwangtui_xunpan li {
    width: 23%;
    float: left;
    border: 1px #ccc solid;
    padding: 5%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.quanwangtui_xunpan h4 {
    font-family: impact;
    font-size: 68px;
    color: #ececec;
}


/*优视推*/

.youshitui_youshi {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.youshitui_youshi .left {
    width: 400px
}

.youshitui_youshi .mid {
    width: 400px;
    text-align: center
}

.youshitui_youshi .right {
    width: 400px
}

.youshitui_youshi h3 {
    font-size: 28px;
    font-weight: bold;
    color: #E01D20;
    line-height: 44px;
    margin-top: 25px
}

.youshitui_youshi p {
    font-size: 14px;
    line-height: 25px;
}

.youshitui_6advantage {
    width: 100%;
    height: 400px;
    background: url(../images/6advantage_bg.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    opacity: 0
}

.youshitui_6advantage_title {
    margin: 0 auto;
    padding: 46px 0 38px;
    width: 1200px;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: url(../images/extension_6advantage_title_bg.png) no-repeat center;
}

.youshitui_6advantage_ulwarp {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}

.youshitui_6advantage_ulwarp ul {
    width: 1200px;
    height: 200px;
}

.youshitui_6advantage_ulwarp li {
    float: left;
    margin: 0 5px 8px 0;
    width: 590px;
    height: 110px;
    background: #fff;
    border: #d8dadb 1px solid;
}

.youshitui_6advantage_ulwarp li .cimg {
    width: 68px;
    height: 68px;
    margin: 24px 0 0 4px;
}

.youshitui_6advantage_ulwarp li p {
    margin: 24px 0 0 10px;
    width: 485px;
    font-size: 14px;
    text-align: left;
    color: #5e5e5e;
    line-height: 24px;
}

.youshitui_6advantage_ulwarp li .cimg {
    width: 68px;
    height: 68px;
    margin: 24px 0 0 14px;
}

.youshitui_list {
    width: 1200px;
    margin: 20px auto;
    font-size: 15px;
    line-height: 30px;
    ;
}

.youshitui_bg {
    background: #333;
    padding: 30px 0;
}


/*cpc*/

.fc16 {
    font-size: 15px;
    line-height: 27px;
    padding: 30px;
    margin-bottom: 25px
}

.cpc_youshi {
    width: 1200px;
    margin: 0px auto 40px
}

.cpc_youshi li {
    width: 1200px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 100px;
    border-radius: 100px;
    background: #ececec;
    margin-bottom: 10px
}

.cpc_youshi li .left {
    width: 15%;
    text-align: center;
    line-height: 100px;
    font-size: 28px;
    font-family: Arial
}

.cpc_youshi li .right {
    width: 85%;
    text-align: left;
    line-height: 100px;
    font-size: 18px;
}

.cpc_youshi li:hover {
    background: #e88c1f;
    color: #fff
}


/*亿企宝*/

.yiqibao_h2 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    margin: 60px 0 30px;
    color: #ff7300
}

.yiqibao_youshi_list {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px
}

.yiqibao_youshi_list li {
    width: 580px;
    text-align: center;
    float: left;
    margin: 10px 0;
}

.yiqibao_youshi_list li .pic {
    float: left;
    width: 80px;
    text-align: center
}

.yiqibao_youshi_list li .pic img {
    max-width: 100%
}

.yiqibao_youshi_list li .txt {
    float: right;
    width: 460px;
    text-align: left;
    margin-right: 20px
}

.yiqibao_youshi_list li .txt h3 {
    font-size: 18px;
    font-weight: bold;
}

.yiqibao_youshi_list li .txt p {
    font-size: 14px;
    margin-top: 15px;
    line-height: 24px;
    color: #666
}

.about_yiqibao_bg {
    background: url("../img/yiqibao/bg.jpg");
    height: 430px
}

.about_yiqibao {
    width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
    color: #fff
}

.about_yiqibao h3 {
    font-size: 34px;
    font-weight: bold;
    line-height: 55px
}

.a_yiqibao {
    padding-top: 20px
}

.jianjie {
    width: 800px;
    margin-top: 40px;
}

.jianjie p {
    margin-top: 20px;
    line-height: 28px;
}

.gongneng_list {
    width: 1200px;
    margin: 20px auto;
    padding: 30px 0
}

.gongneng_list li {
    border: 1px #ececec solid;
    float: left;
    width: 318px;
    text-align: center;
    padding: 40px 0;
}

.gongneng_list li:hover {
    border: 1px #ff7300 solid;
}

.gongneng_list li h4 {
    line-height: 50px;
    font-size: 16px;
    padding-top: 10px
}

.gongneng_list li:hover h4 {
    color: #ff7300;
    font-weight: bold
}

.yiqibao_seo {
    width: 100%;
    height: 720px;
    margin: 0 auto;
    text-align: center
}

.yiqibao_seo .bg {
    background: url("../img/yiqibao/seo.jpg") top center;
    height: 640px;
}

.yiqibao_seo .wenzi {
    width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
    border-radius: 15px;
    background: #fff;
    padding: 30px;
    transform: translateY(-50%);
}

.yiqibao_seo .txt {
    text-indent: 30px;
    line-height: 30px;
    font-size: 16px;
}

.tedian_list {
    width: 1280px;
    margin: 30px auto
}

.tedian_list li {
    width: 260px;
    margin: 20px 10px;
    float: left;
    text-align: center;
    padding: 20px;
    height: 400px;
    color: #fff
}

.tedian_list li h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 66px;
}

.tedian_list li p {
    font-size: 14px;
    line-height: 25px;
}

.tedian_list li.bg1 {
    background: #251638
}

.tedian_list li.bg2 {
    background: #05a3de
}

.tedian_list li.bg3 {
    background: #e1393b
}

.tedian_list li.bg4 {
    background: #db4d93
}


/*快法务*/

.top-text {
    width: 100%;
    text-align: center;
    padding-top: 50px
}

.App .content .top-text .mini-title {
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    line-height: 30px;
}

.top-text .mt-25 {
    font-size: 36px;
    color: #1e305d;
    line-height: 40px;
    text-align: center;
}

.top-text .mini-title {
    font-size: 16px;
    line-height: 30px;
    color: #555;
    margin-bottom: 30px
}

.ability-list {
    padding-bottom: 20px;
    width: 1280px;
    margin: 0 auto
}

.ability-list .ability-list-card {
    width: 340px;
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
    float: left;
    -webkit-transition: all .3s linear;
    -o-transition: .3s all linear;
    transition: all .3s linear;
    margin-left: 60px;
    text-align: center;
}

.tag-title {
    font-size: 20px;
    line-height: 44px;
    margin-top: 20px
}

.kuaifawu_ad {
    background:
}

.kuaifawu_ad .ad_bg {
    background: url("../img/kuaifawu/ad2.jpg") center no-repeat;
    height: 250px;
    padding-top: 300px;
}

.kuaifawu_ad .ad_bg .youshi {
    width: 960px;
    margin: 0 auto;
}

.kuaifawu_ad .ad_bg .youshi li {
    width: 200px;
    text-align: center;
    float: left;
    background: #fff;
    height: 70px;
    border-radius: 50px 0 50px 0;
    margin: 0 20px;
    padding-top: 15px
}

.kuaifawu_img {
    width: 100%;
    margin: 0 auto;
    text-align: center
}


/*内页右侧漂浮代码*/

.izl-rmenu {
    margin-right: 0;
    width: 82px;
    position: fixed;
    right: 2px;
    top: 35%;
    -webkit-box-shadow: #DDD 0px 1px 5px;
    -moz-box-shadow: #DDD 0px 1px 5px;
    box-shadow: #DDD 0px 1px 5px;
    z-index: 999999;
}

.izl-rmenu .consult {
    background-image: url(../images/consult_icon.jpg);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}

.izl-rmenu .consult .phone {
    background-color: rgb(247, 247, 255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}

.izl-rmenu a.consult:hover .phone {
    display: inline !important;
}

.izl-rmenu .cart {
    background-image: url(../images/consult_icon.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}

.izl-rmenu a.cart:hover .pic {
    display: block;
}

.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.izl-rmenu .btn_top:hover {
    background-image: url("../images/float_top.gif");
    background-repeat: no-repeat;
    background-position: center bottom;
}

.izl-rmenu .cart .pic {
    display: none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background: url(../images/weixin.jpg);
}

#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index: 999;
}

.tg_servicebg {
    background: url("../images/abg.jpg");
    width: 100%;
    height: 700px;
    padding-top: 40px;
    overflow: hidden
}

.sy_bt {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 42px;
    color: #333;font-weight: bold;
}

.sy_p {
    font-size: 16px;
    text-align: center;
    color: #5f5f5f;
    line-height: 33px;margin:0 0 20px 0
}

.news_morea {
    width: 100%
}

.news_morea_r {
    color: #333;
    width: 40px;
    height: 20px;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 24px;
    padding: 7px 0;
    background: url("../img/aw10.png") no-repeat right top;
}

.a_date {
    width: 90px;
    height: 70px;
    background: #ececec;
    border-radius: 50%;
    text-align: center;
    padding-top: 20px
}

.gsm18 {
    font-size: 18px;
    color: #fb820d;
    line-height: 55px
}

.gw {
    background: #fb820d;
    height: 36px;
    line-height: 36px;
    width: 120px;
    border-radius: 30px;
    text-align: center;
    margin-top: 30px
}

.gw a {
    color: #fff;
    font-size: 14px
}

.gw a:hover {
    color: #ff0
}

.espcms_piclist_slide {
    overflow: hidden;
}

.espcms_piclist_slide ul li {
    float: left;width:calc(100%/4);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.espcms_piclist_slide ul li:nth-child(3) {
    margin-right: 0;
}

.espcms_piclist_slide ul li:nth-child(6) {
    margin-right: 0;
}

.espcms_piclist_slide ul li a {
    color: #fff;
}

.espcms_piclist_slide ul li p {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 32%;
    z-index: 99999;
    display: none;
    text-align: center;
    font-size: 17px;
}

.espcms_piclist_slide ul li:hover p {
    display: block;
}

.espcms_piclist_slide li .pic {
    width: 100%;
}

.espcms_piclist_slide li .pic a {
    font-size: 16px;
}

.espcms_piclist_slide li .pic img {
    width: 100%;
}

.espcms_piclist_slide li .cover_top {
    text-align: center;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    z-index: 99;
    position: absolute;
    color: #666;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7)
}

.espcms_piclist_slide li .cover_pic {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: -150px;
    z-index: 100
}

.espcms_piclist_slide li .cover_pic a {
    font-size: 24px;
    color: #ffea00;
    font-weight: bold;
    padding: 80px 0 0 0;
    display: block
}

.espcms_piclist_slide li p {}

.espcms_piclist_slide li p a {
    color: #fff
}

.espcms_piclist_slide li p a:hover {
    color: #fff600
}

.mask_a {
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, .6);
    opacity: 0;
    transition: all .4s;
    position: absolute;
    top: 0;
    z-index: 97
}

.se_pro_con li:hover .mask_a,
.pic:hover .mask_a {
    opacity: 0.8;
}

.p {
    position: absolute;
    left: -68px;
    transition: all .4s;
    z-index: 9999 !important;
}

.leftcon {
    position: absolute;
    top: calc((100% - 37px)/2);
    left: -68px;
    transition: all .4s;
    width: 68px !important;
    height: auto !important;
    z-index: 9999 !important;
}

.rightcon {
    position: absolute;
    top: calc((100% - 8px)/2);
    right: -34px;
    transition: all .4s;
    width: 34px !important;
    height: auto !important;
    z-index: 9999 !important;
}

.se_pro_con li:hover .leftcon,
.pic:hover .leftcon {
    left: calc((100% - 68px)/2)
}

.se_pro_con li:hover .rightcon,
.pic:hover .rightcon {
    right: calc((100% - 34px)/2)
}


/*走进兆通*/

.zhaotong_about {
    width: 1200px;
    margin: 40px auto;
    color: #f2f2f2;
    font-size: 14px;
    line-height: 28px;
    padding-top: 50px
}

.zhaotong_about p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 20px;
}

.tow-bg {
    background: #fff url("../img/buu1.png")center no-repeat;
    height: 707px;
    width: 100%;
}

.tow-content {
    margin-top: 0px;
}

.tow-l {
    float: left;
    margin-top: 60px;
}

.tow-r {
    position: relative;
    float: right;
}

.tow-l ul li {
    border-radius: 3px;
    box-shadow: 0px 0px 10px #ddd;
    padding: 6px 20px;
    margin-top: 40px;
}

.tow-l ul li img {
    display: inline;
    vertical-align: top;
}

.tow-l ul li span {
    display: inline;
    vertical-align: top;
    font-size: 18px;
    line-height: 50px;
    margin-left: 10px;
}

.tow-li1 {
    width: 250px;
    margin-left: 30px;
}

.tow-li2 {
    width: 350px;
    margin-left: 50px;
}

.tow-li3 {
    width: 240px;
    margin-left: 30px;
}

.tow-li4 {
    width: 390px;
    margin-left: 50px;
}

.tow-per1,
.tow-per2,
.tow-per3 {
    width: 60px;
    height: 100px;
    z-index: 2;
}

.tow-per1 {
    position: absolute;
    top: 230px;
    left: 176px;
}

.tow-per2 {
    position: absolute;
    top: 278px;
    left: 250px;
}

.tow-per3 {
    position: absolute;
    top: 185px;
    left: 224px;
}

.boingInUp {
    -webkit-animation-name: boingInUp;
    animation-name: boingInUp;
}

@-webkit-keyframes boingInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(-90deg);
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(50deg);
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(0deg);
    }
}

@keyframes boingInUp {
    0% {
        opacity: 0;
        transform-origin: 50% 0%;
        transform: perspective(800px) rotateX(-90deg);
    }
    50% {
        opacity: 1;
        transform-origin: 50% 0%;
        transform: perspective(800px) rotateX(50deg);
    }
    100% {
        opacity: 1;
        transform-origin: 50% 0%;
        transform: perspective(800px) rotateX(0deg);
    }
}

@-webkit-keyframes tinUpIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%);
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
    }
    60%,
    80%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
    }
}

@keyframes tinUpIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%);
    }
    50%,
    70%,
    90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0);
    }
    60%,
    80%,
    100% {
        opacity: 1;
        transform: scale(1, 1) translateY(0);
    }
}

.tinUpIn {
    -webkit-animation-name: tinUpIn;
    animation-name: tinUpIn;
}

.slideRight {
    -webkit-animation-name: slideRight;
    animation-name: slideRight;
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0%);
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(100%);
    }
}

@keyframes slideRight {
    0% {
        transform-origin: 0 0;
        transform: translateX(0%);
    }
    100% {
        transform-origin: 0 0;
        transform: translateX(100%);
    }
}


/*linian2*/

.linian2 {
    padding: 30px 0px;
}

.linianImg2 {
    width: 1200px;
    margin: 0px auto;
}

.linianImg2 li {
    float: left;
    display: block;
    width: 50%;
    position: relative;
    overflow: hidden;
}

.linianImg2 .img {
    width: 100%;
    display: block;
}

.linianImg2 .bg {
    background: url(../images/red_2.png) repeat;
    background: none rgba(234, 125, 28, 0.9);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.linianImg2 .t {
    position: absolute;
    left: 8%;
    top: 6%;
    width: 84%;
    color: #323232;
    font-size: 16px;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.linianImg2 .t .by {
    font-size: 32px;
    color: #000;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.linianImg2 .b {
    position: absolute;
    left: 100%;
    bottom: 20%;
    width: 80%;
    color: #fff;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    opacity: 0;
}

.linianImg2 .b .bot {
    height: 1px;
    width: 62px;
    display: block;
    background-color: #fff;
    margin-bottom: 30px;
}

.linianImg2 li:hover .t,
.linianImg2 li:hover .by {
    color: #fff;
}

.linianImg2 li:hover .bg {
    width: 100%;
}

.linianImg2 li:hover .b {
    left: 8%;
    opacity: 1;
}

#divSmallBox {
    overflow: hidden;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 10px;
    background: #ffffff;
}

#playBox {
    width: 608px;
    height: 386px;
    margin: 20px auto;
    background: #333;
    position: relative;
    overflow: hidden;
}

#playBox .oUlplay {
    width: 99999px;
    position: absolute;
    left: 0;
    top: 0;
}

#playBox .oUlplay li {
    float: left;
}

#playBox .pre {
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: url(../img/about/l.png) no-repeat;
    position: absolute;
    top: 190px;
    left: 10px;
    z-index: 10;
}

#playBox .next {
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: url(../img/about/r.png) no-repeat;
    position: absolute;
    top: 190px;
    right: 10px;
    z-index: 10;
}

#playBox .smalltitle {
    width: 608px;
    height: 10px;
    position: absolute;
    bottom: 15px;
    z-index: 10
}

#playBox .smalltitle ul {
    width: 120px;
    margin: 0 auto;
}

#playBox .smalltitle ul li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 10px;
    background: #ffffff;
    float: left;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
}

#playBox .smalltitle .thistitle {
    background: #69aaec;
}


/*three-bg*/

.three-bg {
    background: url("../img/buu2.png")center no-repeat;
    height: 820px;
    width: 100%;
}

.three-main {
    padding: 0px 0px;
    box-sizing: border-box;
}

.three-gu {
    position: relative;
    width: 380px;
    height: 380px;
    margin: 40px auto 0px;
}

.gu-tu {
    position: relative;
    z-index: 3;
}

.three-deng {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
}

.posi-w {
    z-index: 2;
}

.three-x1 {
    position: absolute;
    top: 70px;
    left: -160px;
    z-index: 2;
}

.three-x2 {
    position: absolute;
    top: 250px;
    left: -190px;
    z-index: 2;
}

.three-x3 {
    position: absolute;
    top: 80px;
    left: 300px;
    z-index: 2;
}

.three-x4 {
    position: absolute;
    top: 220px;
    left: 290px;
    z-index: 2;
}

.three-nei {
    position: absolute;
    width: 460px;
    font-size: 0;
    z-index: 3;
}

.three-tu {
    display: inline-block;
    vertical-align: top;
    width: 60px;
}

.three-tu img {
    width: 60px;
}

.three-nei .threee-rir {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    width: 390px;
}

.threee-rir h1 {
    font-size: 20px;
    color: #333;
    line-height: 40px;
}

.threee-rir p {
    font-size: 16px;
    line-height: 25px;
    color: #333;
    margin-top: 10px;
    padding-left: 30px
}

.three-po1 {
    top: 75px;
    left: 0px
}

.three-po2 {
    top: 250px;
    left: 0px
}

.three-po3 {
    top: 80px;
    right: 0px;
    text-align: right;
}

.three-po4 {
    top: 245px;
    right: 0px;
    text-align: right;
}

.three-con {
    position: relative;
}

.three-po3 .threee-rir,
.three-po4 .threee-rir {
    margin-right: 10px;
    margin-left: 0px;
}

.sky-cloud {
    -webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    -ms-animation: 1s ease;
    animation: 1s ease;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -ms-animation-name: swing;
    animation-name: swing
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
        transform-origin: 190px 200px
    }
    40% {
        transform: rotate(-10deg);
        transform-origin: 190px 200px
    }
    60% {
        transform: rotate(5deg);
        transform-origin: 190px 200px
    }
    80% {
        transform: rotate(-5deg);
        transform-origin: 190px 200px
    }
    100% {
        transform: rotate(0);
        transform-origin: 190px 200px
    }
}

.chuyi {
    animation: chuyi 1s both;
    -webkit-animation: chuyi 1s both;
    -moz-animation: chuyi 1s both;
    -ms-animation: chuyi 1s both;
    -o-animation: chuyi 1s both;
}

@-webkit-keyframes chuyi {
    0% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
    }
    50% {
        transform: translate(-30px, 0px);
        -webkit-transform: translate(-30px, 0px);
        -ms-transform: translate(-30px, 0px);
        -moz-transform: translate(-30px, 0px);
        -o-transform: translate(-30px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
    }
}

.chuyix {
    animation: chuyix 1s both;
    -webkit-animation: chuyix 1s both;
    -moz-animation: chuyix 1s both;
    -ms-animation: chuyix 1s both;
    -o-animation: chuyix 1s both;
}

@-webkit-keyframes chuyix {
    0% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
    }
    50% {
        transform: translate(30px, 0px);
        -webkit-transform: translate(30px, 0px);
        -ms-transform: translate(30px, 0px);
        -moz-transform: translate(30px, 0px);
        -o-transform: translate(30px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
    }
}

.four-bg {
    background: #fff url("../img/bu3.png") center no-repeat;
    height: 435px;
    width: 100%;
}

.four-top h3 {
    font-size: 38px;
    text-align: center;
    color: #555658;
    padding-top: 20px;
}

.four-top h3 i {
    color: #f2ae2f;
    font-style: normal
}

.fout-one {
    margin-top: 20px;
}

.four-lp {
    position: relative;
    float: left;
    margin-top: 60px;
    width: 700px;
}

.four-lp h2 {
    position: relative;
    z-index: 4;
    font-size: 28px;
    line-height: 45px;
    color: #555658;
    text-align: center;
}

.four-lp p {
    position: relative;
    z-index: 4;
    font-size: 14px;
    line-height: 30px;
    color: #717171;
    margin-top: 10px;
}

.four-rp {
    position: relative;
    float: right;
    width: 387px;
    margin-top: 90px;
}

.fou-b {
    text-align: center;
    margin-top: 10px;
}

.four-x1 {
    position: absolute;
    top: -20px;
    left: 134px;
    width: 412px;
}

.four-x2 {
    position: absolute;
    top: 90px;
    right: 0px;
    width: 213px;
}

.four-piv {
    position: absolute;
    top: 170px;
    left: 120px;
    width: 100px;
    height: 99px;
    overflow: hidden;
}

.rectv {
    -webkit-animation-name: rectv;
    animation-name: rectv
}

@-webkit-keyframes rectv {
    0% {
        margin-top: 10px;
    }
    100% {
        margin-top: 0px;
    }
}

.recmar {
    -webkit-animation-name: recmar;
    animation-name: recmar
}

@-webkit-keyframes recmar {
    0% {
        margin-top: -40px;
        margin-left: -80px;
    }
    100% {
        margin-top: 0px;
        margin-left: 0px;
    }
}

@keyframes recmar {
    0% {
        margin-top: -40px;
        margin-left: -80px;
    }
    100% {
        margin-top: 0px;
        margin-left: 0px;
    }
}

.retoe {
    -webkit-animation-name: retoe;
    animation-name: retoe
}

@-webkit-keyframes retoe {
    0% {
        margin-top: 60px;
        margin-left: 80px;
    }
    100% {
        margin-top: 0px;
        margin-left: 0px;
    }
}

@keyframes retoe {
    0% {
        margin-top: 60px;
        margin-left: 80px;
    }
    100% {
        margin-top: 0px;
        margin-left: 0px;
    }
}

@keyframes perspectiveLeftRetourn {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg);
    }
    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg);
    }
}

@-webkit-keyframes perspectiveRightRetourn {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg);
    }
    100% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
    }
}

.perspectiveLeftRetourn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveLeftRetourn;
    animation-name: perspectiveLeftRetourn;
}

.perspectiveRightRetourn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveRightRetourn;
    animation-name: perspectiveRightRetourn;
}

@-webkit-keyframes perspectiveRightRetourn {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg);
    }
    100% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
    }
}

@keyframes perspectiveRightRetourn {
    0% {
        transform-origin: 100% 0;
        transform: perspective(1800px) rotateY(180deg);
    }
    100% {
        transform-origin: 100% 0;
        transform: perspective(1800px) rotateY(0deg);
    }
}

.five-top h3 {
    position: relative;
    font-size: 30px;
    text-align: center;
    color: #555658;
    padding-top: 40px;
}

.five-top {
    margin-top: 180px;
}

.five-top h3 i {
    color: #fb5f31;
}

.five-top h3 b {
    position: relative;
    z-index: 3;
}

.five-top h3 img {
    position: absolute;
    top: 0px;
    left: 320px;
    width: 201px;
    z-index: 1;
}

.five-con {
    margin-top: 50px;
    position: relative;
    font-size: 0;
}

.five-tu {
    margin-top: 30px;
    text-align: center;
}

.five-si {
    position: absolute;
    width: 400px;
}

.fiv-zp {
    display: inline-block;
    vertical-align: middle;
    width: 96px;
}

.fiv-zp img {
    width: 96px;
}

.five-si .five-rf {
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
    width: 290px;
}

.fivw4 .five-rf,
.fivw5 .five-rf,
.fivw6 .five-rf {
    margin-left: 0px;
    margin-right: 14px;
}

.five-rf h4 {
    font-size: 20px;
    color: #f2ae2f;
    font-weight: bold
}

.five-rf p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 21px;
    color: #666;
}

.fivw1 {
    top: -16px;
    left: 0px
}

.fivw2 {
    top: 112px;
    left: 0px
}

.fivw3 {
    top: 268px;
    left: 0px
}

.fivw4 {
    top: -25px;
    right: 0px;
    text-align: right;
}

.fivw5 {
    top: 105px;
    right: 0px;
    text-align: right;
}

.fivw6 {
    top: 260px;
    right: 0px;
    text-align: right;
}

.bounceIntow {
    -webkit-animation-name: bounceIntow;
    animation-name: bounceIntow;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@-webkit-keyframes bounceIntow {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIntow {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.six-main {
    background: url("../img/six-bg.png") center no-repeat;
    height: 710px;
    width: 100%;
}

.six-top {
    height: 100%;
    position: relative;
}

.six-top h3 b {
    position: relative;
    z-index: 3;
}

.six-top h3 img {
    position: absolute;
    top: 25px;
    left: 480px;
    width: 170px;
    z-index: 1;
}

.six-tu1 {
    position: absolute;
    bottom: 0px;
    left: -10px;
    width: 276px;
    z-index: 1;
}

.six-tu2 {
    position: absolute;
    bottom: -6px;
    left: 320px;
    width: 39px;
    z-index: 1;
}

.six-tu3 {
    position: absolute;
    bottom: 26px;
    right: -70px;
    width: 668px;
    z-index: 1;
}

.six-tu1 img,
.six-tu2 img,
.six-tu3 img {
    width: 100%;
}

.rotation {
    animation-name: rotation;
    -webkit-animation-name: rotation;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    visibility: visible !important;
}

@-webkit-keyframes rotation {
    from {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }
}

@keyframes rotation {
    from {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }
}

.rotation1 {
    animation-name: rotation1;
    -webkit-animation-name: rotation1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    visibility: visible !important;
}

@-webkit-keyframes rotation1 {
    from {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
    }
}

@keyframes rotation1 {
    from {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
    }
}

.rotation2 {
    animation-name: rotation2;
    -webkit-animation-name: rotation2;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    visibility: visible !important;
}

@-webkit-keyframes rotation2 {
    from {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }
}

@keyframes rotation2 {
    from {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }
}


/*基础业务*/

.jichu_list {
    width: 100%;
    height: 120px
}

.jichu_list li {
    width: 30%;
    float: left;
    padding-left: 3%;
    text-align: left;
    padding-top: 30px;
    margin-bottom: 20px
}

.bt18 {
    font-size: 18px;
    font-weight: bold
}

.bt14 {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 32px
}

.liaojie {
    width: 120px;
    height: 30px;
    line-height: 30px;
    background: #f18a09;
    border-radius: 20px;
    text-align: center;
    margin-top: 10px
}

.liaojie a {
    color: #fff
}

.p_xian {
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
}

.jichu1 {
    background: url("../img/a1.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.jichu2 {
    background: url("../img/a2.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.jichu3 {
    background: url("../img/a3.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.jichu4 {
    background: url("../img/a4.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.jichu5 {
    background: url("../img/a5.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.jichu6 {
    background: url("../img/a6.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.jichu_list_2 {
    width: 100%;
    margin-top: 20px;
    height: 150px
}

.jichu_list_2 li {
    width: 46%;
    float: left;
    padding-left: 3%;
    text-align: left;
    padding-top: 30px;
}

.jichu_img {
    width: 100%;
    margin-top: 26px
}

.jichu_img li {
    width: 44%;
    float: left;
}

.jichu_img li img {
    max-width: 100%;
}


/*网站建设*/

.web_list {
    width: 100%;
    height: 130px
}

.web_list li {
    width: 44%;
    float: left;
    padding-left: 5%;
    text-align: left;
    margin-bottom: 40px
}

.web1 {
    background: url("../img/w1.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.web2 {
    background: url("../img/w2.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.web3 {
    background: url("../img/w3.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.web4 {
    background: url("../img/w4.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}


/*网络推广*/

.t1 {
    background: url("../img/t1.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t2 {
    background: url("../img/t2.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t3 {
    background: url("../img/t3.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t4 {
    background: url("../img/t4.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t5 {
    background: url("../img/t5.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t6 {
    background: url("../img/t6.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t7 {
    background: url("../img/t7.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.tdouyin {
    background: url("../img/tdouyin.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.tyh {
    background: url("../img/tyh.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t8 {
    background: url("../img/t8.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t9 {
    background: url("../img/t9.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t20 {
    background: url("../images/t20.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.t21 {
    background: url("../images/t21.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}


/*程序开发*/

.c1 {
    background: url("../img/c1.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.c2 {
    background: url("../img/c2.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.c3 {
    background: url("../img/c3.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}

.c4 {
    background: url("../img/c4.png") left no-repeat;
    height: 36px;
    padding-left: 50px
}


/*首页作品*/

.sy_zuopin {
    margin: 40px auto 0 auto
}

.case_index_list {
    padding: 30px 0;
    width: 100%;
    height: 520px;
    overflow: hidden;
}

.case_index_list ul {
    width: 1280px;
    height: 520px;
    position: absolute;
    left: 50%;
    margin-left: -720px;
    overflow: hidden
}

.case_index_list li {
    width: 360px;
    height: 260px;
    position: absolute;
    overflow: hidden;
    cursor: auto;
}

.case_index_list div {
    position: absolute;
    width: 360px;
    height: 260px;
    background-color: #3f9dca;
    filter: Alpha(opacity=50);
    background: rgba(233, 141, 6, 1);
    top: 360px;
    left: 0;
    text-align: center
}

.case_index_list div img {
    width: 40px;
    height: 40px;
    padding: 80px 0 0 0
}

.case_index_list div a {
    margin: 0 auto;
    width: 340px;
    height: 46px;
    line-height: 46px;
    font-size: 17px;
    text-decoration: none;
    color: #fff;
    display: block;
    font-weight: bold
}

.case_index_list div span {
    margin: 0 auto;
    width: 340px;
    height: 50px;
    font-size: 12px;
    color: #fff;
    display: block;
}

.case_index_list .active {
    margin: 0 auto;
    width: 340px;
    height: 182px;
    padding: 78px 10px 0 10px;
    text-align: center;
    background: #232323;
}

.case_index_list .active img {
    margin: 0 auto;
    width: 40px;
    height: 40px;
}

.case_index_list .active a {
    margin: 0 auto;
    width: 340px;
    height: 36px;
    line-height: 36px;
    font-size: 17px;
    text-decoration: none;
    color: #fff;
    display: block;
}

.case_index_list .active span {
    margin: 0 auto;
    width: 340px;
    height: 50px;
    font-size: 12px;
    color: #c3ebfe;
    display: block;
}

.case_index_list li:nth-child(1) {
    top: 0;
    left: -720px;
}

.case_index_list li:nth-child(2) {
    top: 0;
    left: -360px;
}

.case_index_list li:nth-child(3) {
    top: 0;
    left: 1440px;
}

.case_index_list li:nth-child(4) {
    top: 0;
    left: 1800px;
}

.case_index_list li:nth-child(5) {
    top: 260px;
    left: -720px;
}

.case_index_list li:nth-child(6) {
    top: 260px;
    left: -360px;
}

.case_index_list li:nth-child(7) {
    top: 260px;
    left: 1440px;
}

.case_index_list li:nth-child(8) {
    top: 260px;
    left: 1800px;
}


/*网站建设页面*/

.box-content {
    padding-top: 40px;
    width: 1280px;
    margin: 0 auto
}

.advantage3 li {
    width: calc((100% - 160px)/3);
    padding-top: 220px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 20px;
    margin-right: 80px;
    float: left;
}

.advantage3 li.ad3-1 {
    background-image: url("../img/ad3-1.gif");
    background-size: 250px;
}

.advantage3 li.ad3-2 {
    background-image: url("../img/ad3-2.gif");
    background-size: 300px;
}

.advantage3 li.ad3-3 {
    background-image: url("../img/ad3-3.gif");
    background-size: 300px;
}

.advantage3 li:last-of-type {
    margin-right: 0;
}

.advantage3 li h3,
.right-info h3 {
    font-size: 24px;
    color: #393939;
    line-height: 32px;
    margin-bottom: 16px;
}

.advantage3 li p,
.right-info p {
    font-size: 16px;
    color: #87878A;
    line-height: 24px;
}


/*关于我们页面*/

.toggle_display {
    display: block;
}

.tabs li {
    width: 320px;
    height: 70px;
}

.tabs li a {
    display: block;
    font-size: 16px;
    color: #fff;
}

.tabs li:first-child a {
    border-left: none;
}

.tabs li a:hover,
.tabs li a:focus {
    color: #e98d06;
}

.tabs .active a {
    color: #e98d06;
}

.fuwu {
    width: 100%;
    height: 760px;
    background: url("../img/about/about.jpg")repeat;
    margin-top: 15px;
}

.fuwu_con {
    width: 1200px;
    margin: 0 auto;
    height: 760px;
    overflow: hidden;
    position: relative;
}

.fuwu .bt {
    width: 390px;
    height: 200px;
    margin-top: 75px;
}

.fuwu .bt h3 {
    font-size: 35px;
    color: #fff;
}

.fuwu .bt dl {
    font-size: 25px;
    color: #fff;
    margin: 12px 0px;
}

.fuwu .bt p {
    font-size: 14px;
    line-height: 25px;
    color: #686c6f;
}

.fuwu .img {
    width: 608px;
    height: 574px;
    position: absolute;
    top: 90px;
    right: 0;
}

.tabs-4 {
    margin-top: 79px;
}

.tabs li i {
    width: 62px;
    height: 1px;
    background: #394047;
    display: block;
    float: left;
    margin: 10px 15px 0 8px;
    transition: all 0.5s;
}

.tabs li img {
    float: left;
}

.tabs li.active i {
    width: 80px;
    background: #e98d06;
}

.accordion_tabs {
    display: none;
    border-top: 1px solid #ccc;
    padding: 10px;
    font-weight: bold;
    background: #eee;
}

.tab_content_wrapper>.accordion_tabs:first-child {
    border-top: none;
}

a.accordion_tabs:link,
a.accordion_tabs:visited {
    color: #21759B;
}

a.accordion_tabs:hover,
a.accordion_tabs:focus {
    color: #D54E21;
}

a.accordion_tabs.active {
    color: #e98d06;
}

.tab_content_wrapper {
    width: 787px;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: 474px;
    right: 0;
    transition: all .3s ease-in-out .3s;
}

.tab_content {
    transition: all .6s ease-in-out;
    padding: 20px 45px;
    box-sizing: border-box;
}

.toggle_display {
    display: block;
}

.toggle_position {
    position: absolute;
}

.invert_border {
    border-width: 1px 1px 0 1px;
}

.tab_content h3 {
    display: inline-block;
    font-size: 24px;
    color: #333;
    height: 39px;
    border-bottom: 2px solid #e98d06;
}

.tab_content p {
    font-size: 15px;
    color: #666;
    line-height: 25px;
    margin-top: 10px;
}

.slideUpIn {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    transition-delay: .3s;
}

.slideUpOut {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}

.wrapper {
    width: 1200px;
    margin: 0 auto;
}

.bounceIntow {
    -webkit-animation-name: bounceIntow;
    animation-name: bounceIntow;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.fivw1 {
    top: -16px;
    left: 0px;
}

.fivw2 {
    top: 112px;
    left: 0px;
}

.fivw3 {
    top: 268px;
    left: 0px;
}

.fivw4 {
    top: -25px;
    right: 0px;
    text-align: right;
}

.fivw5 {
    top: 105px;
    right: 0px;
    text-align: right;
}

.fivw6 {
    top: 260px;
    right: 0px;
    text-align: right;
}

.five-si {
    position: absolute;
    width: 400px;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.bounceIntow {
    -webkit-animation-name: bounceIntow;
    animation-name: bounceIntow;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@-webkit-keyframes bounceIntow {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIntow {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.groupicon {
    display: block;
    width: 110px;
    height: 68px;
    background: url(../images/connect.png) center no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -34px;
    z-index: 12;
}

.list-info {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-top: -65px;
}

.list-info figure {
    display: block;
    overflow: hidden;
    line-height: 1;
    position: relative;
}

.list-info figure img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    transition: 0.76s;
}

.list-info figure figcaption {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -44px;
    transition: 0.45s 0.3s;
}

.list-info figure figcaption h3 {
    color: #0d4194;
    font-size: 40px;
    text-align: center;
    line-height: 1;
    margin-bottom: 18px;
}

.list-info figure figcaption small {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.listfix {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.listfix:before {
    content: "";
    width: 0%;
    height: 0%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(255, 255, 255, 0.9);
    background: #fff\9;
    filter: alpha(opacity=90);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: 0.67s ease-in-out;
}

.list-title {
    margin-bottom: 32px;
    text-align: center;
}

.list-title .listimg {
    width: 80px;
    height: 80px;
    border: 5px solid #f6b37f;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.list-title .listimg img {
    display: block;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.list-title strong {
    display: inline-block;
    color: #0d4194;
    font-size: 40px;
    line-height: 90px;
    position: relative;
    margin-left: 26px;
    vertical-align: middle;
}

.list-title strong:before {
    content: "";
    width: 1;
    height: 22px;
    background: #d2d2d2;
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: -11px;
}

.listfix {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.listfix:before {
    content: "";
    width: 0%;
    height: 0%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(0, 0, 0, .6);
    background: #fff\9;
    filter: alpha(opacity=90);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: 0.67s ease-in-out;
}

.listwr {
    padding: 65px 15% 0;
    position: relative;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: 0.76s;
}

.list-title {
    margin-bottom: 32px;
    text-align: center;
}

.list-title .listimg {
    width: 80px;
    height: 80px;
    border: 5px solid #f6b37f;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.list-title .listimg img {
    display: block;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.list-title strong {
    display: inline-block;
    color: #f2ae2f;
    font-size: 40px;
    line-height: 90px;
    position: relative;
    margin-left: 26px;
    vertical-align: middle;
}

.list-title strong:before {
    content: "";
    width: 1;
    height: 22px;
    background: #d2d2d2;
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: -11px;
}

.synlaitfix {
    height: 132px;
    border-bottom: 1px solid #a0a0a0;
}

.synlaitfix p {
    color: #ccc;
    font-size: 15px;
    line-height: 2;
    font-weight: bold;
}

.list-info:hover .listfix {
    background: #fff\9;
}

.list-info:hover .listfix:before {
    width: 130%;
    height: 200%;
}

.list-info:hover figure figcaption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transition: 0.45s;
}

.list-info:hover .listwr {
    opacity: 1;
    visibility: visible;
    transition: 0.76s 0.3s;
}

.health {
    padding: 112px 240px 80px 0px;
}

.holdimg {
    padding-top: 70px;
    position: relative;
    width: 100%
}

.healthleft .holds {
    color: #323232;
}

.healthleft small {
    display: block;
    color: #999999;
    font-size: 40px;
    line-height: 1;
    margin-bottom: 24px;
}

.healthleft h3 {
    color: #11499b;
    font-size: 40px;
    line-height: 1.2;
}

.healthleft {
    float: left;
}

.alliance-info {
    position: relative;
    width: 33.2%;
    float: left;
    margin-right: 0.2%;
}

.alliance-info:last-child {
    margin-right: 0;
}

.alliance-info figure {
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
}

.alliance-info figure mark {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    background: #000\9;
    filter: alpha(opacity=20);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    transition: 0.5s;
}

.alliance-info figure img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    transition: 0.65s;
}

.alliances {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transition: 0.56s;
    height: 66px;
    margin-top: -33px;
    transition: 0.65s;
    z-index: 12;
}

.alliances strong {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.4;
    transition: 0.56s;
}

.allianfix {
    margin-top: 28px;
    opacity: 0;
    visibility: hidden;
    transition: 0.45s;
}

.allianfix p {
    color: #f3f3f3;
    font-size: 14px;
    text-align: center;
}

.alliance-info:hover figure mark {
    background: rgba(13, 65, 148, 0.8);
    background: #0d4194\9;
    filter: alpha(opacity=80);
}

.alliance-info:hover figure img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
}

.alliance-info:hover .alliances {
    height: 220px;
    margin-top: -110px;
}

.alliance-info:hover .alliances strong {
    color: #f7b15e;
    transition: 0.56s 0.3s;
}

.alliance-info:hover .allianfix {
    opacity: 1;
    visibility: visible;
}

.automate {
    margin-top: 7px;
    padding: 48px 0 0px;
    background: #fff;
}

.automattitle {
    padding-top: 74px;
    position: relative;
}

.automattitle:before {
    content: "";
    width: 2px;
    height: 53px;
    background: #a0a0a0;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
}

.automattitle h4 {
    display: block;
    text-align: center;
    color: #333;
    font-size: 36px;
    line-height: 1.4;
    font-weight: normal
}

.autolist {
    margin-top: 80px;
}

.autolist li {
    float: left;
    text-align: center;
    width: 14.28%;
    text-align: center;
}

.autolist li figure {
    width: 44px;
    height: 38px;
    margin: auto;
    text-align: center;
    position: relative;
}

.autolist li figure img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
}

.autolist li figcaption {
    display: block;
    text-align: center;
    color: #646464;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    margin-top: 38px;
}

.autolist li:hover figure img {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
}

.aspect {
    position: relative;
    overflow: hidden;
}

.aspect figure {
    display: block;
    overflow: hidden;
    line-height: 0;
}

.aspect figure img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
}

.aspectfix {
    position: absolute;
    right: 11%;
    bottom: 35px;
    width: 240px;
}

.aspectfix p {
    color: #0d4194;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 24px;
}

.aspectfix small {
    display: inline-block;
    color: #0d4194;
    font-size: 20px;
    font-family: "Arial";
    font-weight: bold;
    line-height: 1.2;
    padding: 6px 0;
    border-top: 2px solid #0d4194;
    border-bottom: 2px solid #0d4194;
}

.healthri {
    float: right;
    padding-left: 32px;
    margin-top: 12px;
    border-left: 1px solid #a0a0a0;
    width: 50%;
    min-height: 100px;
}

.healthri p {
    color: #323232;
    font-size: 14px;
    line-height: 2;
    margin-top: -4px;
}

.consumers-lest {
    width: 50%;
    float: left;
}

.consumer-info {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
}

.consumer-info figure {
    display: block;
    overflow: hidden;
    line-height: 0;
    position: relative;
}

.consumer-info figure mark {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    background: #000\9;
    filter: alpha(opacity=70);
    z-index: 5;
}

.consumer-info img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    transition: 0.65s;
}

.consumerwr {
    position: absolute;
    left: 34px;
    top: 32px;
    z-index: 6;
}

.consumerwr time {
    line-height: 53px;
    position: relative;
    padding-left: 78px;
    color: #fff;
    margin-bottom: 50px;
    display: block;
}

.consumerwr time i {
    display: block;
    width: 51px;
    height: 51px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 51px;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    position: absolute;
    left: 0;
    top: 0;
}

.consumerwr h3 {
    color: #e65c3c;
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
}

.consumerwr small {
    display: block;
    color: #e65c3c;
    font-family: "Arial";
}

.consumerwr span {
    display: block;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.2;
    width: 220px;
    height: 128px;
    margin-top: 25px;
    font-weight: bold;
}

.consumerwr b {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 4px;
    position: relative;
    line-height: 1;
    font-weight: normal;
}

.consumerwr b:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1), -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.consumer-info:hover .consumerwr b:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.consumer-info:hover img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
}

.consumer-info1 figure mark,
.consumer-info3 figure mark {
    display: none;
}

.consumer-info2 {
    width: 100%;
}

.consumer-info2 .consumerwr span {
    width: auto;
}

.consumer-info3 {
    width: 100%;
}

.consumer-info3 .consumerwr span {
    color: #11499b;
    height: auto;
    margin-bottom: 24px;
    width: auto;
}

.consumer-info3 .consumerwr p {
    color: #646464;
    font-size: 14px;
    width: 616px;
    margin-bottom: 58px;
}

.consumer-info3 .consumerwr time {
    color: #666;
}

.consumer-info3 .consumerwr time i {
    color: #000000;
    border-color: #a4a4a4;
}

.consumer-info3 .consumerwr b {
    color: #666;
}

.consumer-info3 .consumerwr b:before {
    background: #666;
}

.milke-info {
    width: 49.8%;
    float: left;
    position: relative;
}

.milke-info:hover img {
    left: 0;
}

.milke-info:nth-child(2) {
    float: right;
}

.milke-info:nth-child(2) figure:before {
    background: rgba(153, 153, 255, 0.8);
    background: #9999ff\9;
    filter: alpha(opacity=80);
}

.milke-info figure {
    display: block;
    overflow: hidden;
    line-height: 0;
    position: relative;
}

.milke-info figure:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 153, 102, 0.6);
    background: #ff9966\9;
    filter: alpha(opacity=60);
    z-index: 5;
}

.milke-info img {
    display: block;
    width: 110%;
    height: auto;
    line-height: 0;
    transition: 0.65s;
    position: relative;
    left: -5%;
}

.milked {
    position: absolute;
    left: 9.4%;
    bottom: 13.9%;
    z-index: 10;
}

.milked p {
    color: #fff;
    font-size: 20px;
    line-height: 2;
}

.milked a {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    margin-top: 30px;
    padding-bottom: 4px;
    position: relative;
    line-height: 1;
}

.milked a:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1), -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.milked a:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}


/*渠道招商合作流程*/

.bz {
    width: 100%;
    height: 720px;
}

.bz dl {
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 80px;
}

.bz .nr {
    width: 1200px;
    height: 210px;
    background: url("../img/zhaoshang/fw.png") no-repeat top center;
    margin: 20px auto 0;
}

.bz .nr_s1 {
    width: 21px;
    height: 22px;
    float: left;
    margin-top: 75px;
    margin-left: 285px;
}

.bz .nr_s2 {
    width: 21px;
    height: 22px;
    float: left;
    margin-top: 75px;
    margin-left: 280px;
}

.bz .nr_s3 {
    width: 21px;
    height: 22px;
    float: left;
    margin-top: 75px;
    margin-left: 280px;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.Rotation {
    -webkit-transform: rotate(360deg);
    animation: rotation 2s linear infinite;
    -moz-animation: rotation 2s linear infinite;
    -webkit-animation: rotation 2s linear infinite;
    -o-animation: rotation 2s linear infinite;
}

.bz .txt {
    width: 1200px;
    height: 100px;
    float: left;
    margin-top: 100px;
    padding: 0 10px;
    box-sizing: border-box;
}

.bz .txt dt {
    width: 25%;
    height: 100px;
    float: left;
    text-align: center
}

.bz .txt dt h3 {
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: normal;
    line-height: 55px;
}

.bz .txt dt p {
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 25px;
}

.bz .more {
    position: relative;
    width: 148px;
    height: 37px;
    border: 1px solid #393939;
    text-align: center;
    line-height: 38px;
    margin: 90px auto;
    transition: all 0.5s;
}

.bz .more span {
    text-align: center;
    line-height: 38px;
    color: #333;
    font-size: 16px;
    position: absolute;
    z-index: 5;
    display: block;
    width: 148px;
    height: 38px;
    transition: all 0.5s;
}

.bz .more i {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0px;
    height: 40px;
    background: #f06969;
    transition: all 0.5s;
}

.bz .more:hover i {
    width: 150px;
}

.bz .more:hover span {
    color: #fff;
}

.time-line {
    width: 1280px;
    margin: 50px auto 0 auto;
    position: relative;
}

.time-line .left-btn,
.time-line .right-btn {
    width: 30px;
    height: 30px;
    background: url(../img/arrow.png) no-repeat;
    position: absolute;
    margin-top: -15px;
    cursor: pointer;
}

.time-line .left-btn {
    left: 0;
    top: 50%;
}

.time-line .right-btn {
    right: 0;
    top: 50%;
    transform: rotate(180deg);
}

.time-line .right-btn:hover {
    background: url(../img/arrow-hover.png) no-repeat;
    transform: rotate(180deg);
}

.time-line .left-btn:hover {
    background: url(../img/arrow-hover.png) no-repeat;
}

.time-line .time-box {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.time-line .time-box ul {
    overflow: hidden;
    position: relative;
    height: 420px;
}

.time-line .time-box ul:after {
    content: "";
    background: #d2d2d2;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
}

.time-line .time-box li {
    width: 240px;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    position: relative;
    cursor: pointer;
    text-align: center
}

.time-line .time-box li:nth-child(2n) {
    margin-top: 256px;
}

.time-line .time-box li:before {
    content: "";
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    bottom: -9px;
    transform: rotate(-45deg);
    left: 50%;
    margin-left: -8px;
}

.time-line .time-box li:after {
    content: "";
    width: 15px;
    height: 15px;
    background: url(/img/point.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: 0;
    bottom: -48px;
    z-index: 1;
}

.time-line .time-box li:nth-child(2n):before {
    bottom: auto;
    top: -10px;
    transform: rotate(-225deg);
}

.time-line .time-box li:nth-child(2n):after {
    bottom: auto;
    top: -46px;
}

.time-line .time-box li:hover,
.time-line .time-box li.active {
    background: #e98d06;
    color: #fff;
    border-color: #e98d06;
}

.time-line .time-box li:hover:before,
.time-line .time-box li.active:before {
    border-color: #f6e98d066707;
    background: #e98d06;
}

.time-line .time-box li:hover:after,
.time-line .time-box li.active:after {
    background: url(../img/point-hover.png) no-repeat;
}

.aspectmore {
    width: 214px;
    height: 70px;
    position: absolute;
    right: 31.5%;
    bottom: 76px;
    border: 1px solid #d2d2d2;
    transition: 0.34s;
}

.aspectmore a {
    display: block;
    position: relative;
    text-align: center;
    z-index: 5;
    line-height: 70px;
    color: #7d7d7d;
    font-size: 14px;
}

.blob-btn__inner {
    z-index: -1;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.blob-btn__blobs {
    position: relative;
    display: block;
    height: 100%;
    -webkit-filter: url("#goo");
    filter: url("#goo");
    display: none\9;
}

.blob-btn__blob {
    position: absolute;
    top: 6px;
    width: 25%;
    height: 100%;
    background: #0d4194;
    border-radius: 100%;
    -webkit-transform: translate3d(0, 150%, 0) scale(1.7);
    transform: translate3d(0, 150%, 0) scale(1.7);
    -webkit-transition: -webkit-transform 0.45s;
    transition: -webkit-transform 0.45s;
    transition: transform 0.45s;
    transition: transform 0.45s, -webkit-transform 0.45s;
}

.blob-btn__blob:nth-child(1) {
    left: 0%;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.blob-btn__blob:nth-child(2) {
    left: 30%;
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.blob-btn__blob:nth-child(3) {
    left: 60%;
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.blob-btn__blob:nth-child(4) {
    left: 90%;
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.aspectmore:hover .blob-btn__blob {
    -webkit-transform: translateZ(0) scale(1.7);
    transform: translateZ(0) scale(1.7);
}

.aspectmore:hover {
    border-color: #0d4194;
    background: #0d4194\9;
}

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

.delivery {
    position: relative;
    overflow: hidden;
}

.delivery figure {
    display: block;
    line-height: 0;
    overflow: hidden;
}

.delivery figure img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
}

.deliver {
    position: absolute;
    left: 50%;
    margin-left: -550px;
    bottom: 50%;
}

.deliver h4 {
    color: #0d4194;
    font-size: 20px;
    text-align: center;
    margin-bottom: 28px;
}

.deliver-list {
    text-align: center;
}

.deliver-list li {
    display: inline-block;
    margin-right: 2px;
    background: rgba(255, 255, 255, 0.3);
    background: #fff\9;
    filter: alpha(opacity=30);
    width: 138px;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    position: relative;
}

.deliver-list li:last-child {
    margin-right: 0;
}

.deliver-list li b {
    display: block;
    width: 138px;
    height: 122px;
    text-align: center;
    line-height: 122px;
    color: #2c5099;
    font-size: 36px;
    font-weight: normal;
    float: left;
}

.deliverts {
    float: left;
    margin-top: 10px;
    height: 102px;
    padding-left: 36px;
    width: 420px;
    border-left: 1px solid #e5e1e0;
    position: absolute;
    left: 138px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.deliverts strong {
    display: block;
    color: #0b0b0b;
    font-size: 28px;
    line-height: 1;
    margin-top: 18px;
    margin-bottom: 18px;
}

.deliverts p {
    color: #0b0b0b;
    font-size: 14px;
    padding-top: 20px;
}

.deliverts span {
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: -20px;
    top: 8px;
    transition: 0.35s;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
}

.deliverts span:before,
.deliverts span:after {
    content: "";
    position: absolute;
    background: #000000;
}

.deliverts span:before {
    width: 100%;
    height: 1px;
    left: 0;
    top: 9px;
}

.deliverts span:after {
    height: 100%;
    width: 1px;
    left: 9px;
    top: 0;
}

.deliver-list li:hover {
    width: 640px;
    background: rgba(255, 255, 255, 0.8);
    background: #fff\9;
    filter: alpha(opacity=80);
}

.deliver-list li:hover .deliverts {
    opacity: 1;
    visibility: visible;
    transition: 0.43s 0.3s;
}

.deliver-list li:hover span {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transition: 0.53s 0.3s;
}


/*case*/

#case_index {
    margin-top: 4px;
    background: #fff;
    height: 789px;
    position: relative
}

.case_index_title {
    height: 82px;
    width: 100%;
    background: url(../images/case_index_title_bg.png) no-repeat bottom;
    border-bottom: #e3e3e3 1px solid;
    position: absolute;
    top: 10px;
    left: 0
}

.case_index_title h1 {
    width: 322px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    padding: 23px 0 21px 24px;
    font-size: 32px;
    color: #666;
    background: url(../images/case_index_title_e.png) no-repeat right;
}

.case_index_titled {
    height: 82px;
    width: 100%;
    border-bottom: #e3e3e3 1px solid;
    position: absolute;
    top: 10px;
    left: 0
}

.case_index_titled h1 {
    width: 345px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    padding: 23px 0 21px 24px;
    font-size: 32px;
    color: #666;
    background: url(../images/aa.png) no-repeat right;
}

#case_index p {
    width: 700px;
    padding: 20px 0 24px;
    line-height: 26px;
    text-align: center;
    color: #777;
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -350px;
    font-size: 13px;
}

.case_index_nav {
    width: 1050px;
    height: 30px;
    overflow: hidden;
    padding: 0 0 0 12px;
}

.case_index_nav ul {
    height: 30px;
}

.case_index_nav li {
    float: left;
    margin-right: 12px;
    min-width: 112px;
    height: 30px;
}

.case_index_nav li span {
    float: left;
    width: 112px;
    height: 30px;
    display: block;
    font-weight: bold
}

.case_index_nav li a {
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    display: block;
    background: #797979;
    border-radius: 3px;
}

.case_index_nav .active {
    width: 448px;
    height: 30px;
}

.ca_erji {
    float: left;
    padding: 0 0 0 10px;
}

.ca {
    float: left;
    height: 30px;
    margin: 0 5px 0 0
}

.case_index_nav li .ca a {
    background: #d8d8d8;
    color: #5b5b5b;
    width: 90px;
    font-size: 13px;
}

.case_index_sub_nav {
    margin-left: 2px;
    width: 320px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 124px;
}

.case_index_sub_nav ul {
    width: 320px;
    height: 30px;
}

.case_index_sub_nav li {
    float: left;
    margin-right: 6px;
    width: 100px;
    height: 30px;
}

.case_index_sub_nav li span {
    width: 100px;
    height: 30px;
    background: #d8d8d8;
    display: block;
}

.case_index_sub_nav li strong {
    width: 100px;
    height: 30px;
    background: url(../images/case_index_sub_nav_bg_l.gif) no-repeat left;
    display: block;
}

.case_index_sub_nav li a {
    width: 100px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #5b5b5b;
    background: url(../images/case_index_sub_nav_bg_r.gif) no-repeat right;
    display: block;
}


/*choose_index*/

#choose_index {
    margin: 0 auto;
    padding: 38px 0 0 30px;
    width: 1300px;
}

#choose_index h1 {
    margin-top: 20px;
    width: 1190px;
    height: 55px;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    line-height: 55px;
    text-align: center;
}

#choose_index p {
    width: 1300px;
    font-size: 16px;
    color: #616161;
    line-height: 33px;
    text-align: center;
}

#choose_index ul {
    width: 1300px;
    overflow: hidden;
    height: 277px;
}

#choose_index ul li {
    float: left;
    width: 284px;
    padding-right: 10px;
    position: relative;
}

#choose_index ul li h1 {
    margin: 0 auto;
    margin: 26px 0;
    width: 270px;
    height: 80px;
    line-height: 80px;
    font-size: 70px;
    font-weight: bold;
    color: #ea7d1c;
    text-align: center;
    position: relative;
}

#choose_index ul li h2 {
    font-size: 66px;
    font-weight: bold;
    color: #ea7d1c;
}

#choose_index ul li .h6 {
    line-height: 48px;
    font-size: 48px;
    font-weight: bold;
    color: #ea7d1c;
    position: absolute;
    top: -13px;
}

#choose_index ul li .h7 {
    line-height: 30px;
    font-size: 30px;
    font-weight: bold;
    color: #ea7d1c;
    position: absolute;
    top: 0;
}

#choose_index ul li h3 {
    margin: 0 auto;
    clear: both;
    padding-bottom: 10px;
    width: 270px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    text-align: center;
}

#choose_index ul li p {
    margin: 0 auto;
    width: 300px;
    height: 75px;
    font-size: 13px;
    color: #616161;
    line-height: 22px;
    text-align: center;
}

#choose_index ul li a {
    width: 270px;
    margin: 0 auto;
    height: 30px;
    font-size: 18px;
    color: #ea7d1c;
    line-height: 30px;
    text-align: center;
    display: block;
    text-decoration: none;
}

#choose_index ul li a:hover {
    font-weight: bold;
}

#choose_index ul li div.num {
    float: left;
    font-size: 70px;
    line-height: 132px;
    font-weight: bold;
    color: #ea7d1c;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#choose_index ul li div.top {
    float: left;
    font-size: 35px;
    line-height: 94px;
    font-weight: normal;
    color: #ea7d1c;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
}

#choose_index ul li div.choose_xgdiv {font-family: Met-Bold;
    height: 111px;
    margin: 0 auto;display: flex;justify-content: center;
}

.animate {
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation: play 500ms linear 1;
    -moz-animation: play 500ms linear 1;
    animation: play 500ms linear 1;
}

@-webkit-keyframes play {
    0% {
        /*

        水平翻转



        -webkit-transform:rotateY(0deg);*/
        /*

        垂直翻转*/
        -webkit-transform: rotateX(0deg);
        /* 顺时针旋转

        -webkit-transform:rotate(0deg);

        逆时针旋转

        -webkit-transform:rotate(0deg);

        */
    }
    100% {
        /* 水平翻转

        -webkit-transform:rotateY(360deg); */
        /* 垂直翻转*/
        -webkit-transform: rotateX(360deg);
        /*顺时针旋转

        -webkit-transform:rotate(360deg);

        逆时针旋转

        -webkit-transform:rotate(-360deg);

        */
    }
}

@-moz-keyframes play {
    0% {
        /* -moz-transform:rotateY(0deg);

        */
        -moz-transform: rotateX(0deg);
        /* -moz-transform:rotate(0deg);

         -moz-transform:rotate(0deg);

         */
    }
    100% {
        /*-moz-transform:rotateY(360deg);

        */
        -moz-transform: rotateX(360deg);
        /*-moz-transform:rotate(360deg);

        -moz-transform:rotate(-360deg);

        */
    }
}

@keyframes play {
    0% {
        /*transform:rotateY(0deg);*/
        transform: rotateX(0deg);
        /*

        transform:rotate(0deg);

        transform:rotate(0deg);

        */
    }
    100% {
        /*transform:rotateY(360deg);*/
        transform: rotateX(360deg);
        /*

        transform:rotate(360deg);

        transform:rotate(-360deg);

        */
    }
}


/*client_witness_index*/

#client_witness_index {
    margin: 0 auto;
    width: 100%;
    height: 620px;
    background: url(../images/client_witness_index_bg.jpg) no-repeat center top;
}

#client_witness_index h1 {
    margin: 0 auto;
    padding-top: 40px;
    width: 348px;
    height: 32px;
    font-size: 32px;
    font-weight: bold;
    color: #f6f6f6;
    line-height: 32px;
    background: url(../images/client_witness_index_title_e.png) no-repeat right bottom;
}

#client_witness_index p {
    margin: 14px 0 48px 0;
    font-size: 18px;
    line-height: 22px;
    color: #fdfdfd;
    text-align: center;
}

.client_witness_index_list {
    margin: 0 auto;
    width: 1190px;
    height: 403px;
}

.client_witness_index_nav {
    float: left;
    width: 184px;
    height: 403px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.client_witness_index_nav li {
    width: 184px;
    height: 100px;
    background: #2f8ae7;
    border-bottom: #fff 1px solid;
    background-position: 25px 50%;
    background-repeat: no-repeat;
    background-size: 27px 27px;
}

.client_witness_index_nav li.crnt {
    background: white;
    background-position: 25px 50%;
    background-repeat: no-repeat;
    background-size: 27px 27px;
}

.client_witness_index_nav li span {
    margin-left: 60px;
    line-height: 100px;
    color: #fff;
    font-size: 16px;
}

.client_witness_index_nav li.crnt span {
    color: #515151;
    font-weight: bold
}

#pinpai {
    background-image: url(../images/kehujianzheng_pinpai2.png)
}

#jinqi {
    background-image: url(../images/client_witness_index_nav_icon2.png)
}

#jianzheng {
    background-image: url(../images/client_witness_index_nav_icon3.png)
}

#zhuanli {
    background-image: url(../images/aaa1.png)
}

#pinpai.crnt {
    background-image: url(../images/kehujianzheng_pinpai.png);
}

#jinqi.crnt {
    background-image: url(../images/kehujianzheng_jinpi2.png);
}

#jianzheng.crnt {
    background-image: url(../images/kehujianzheng_jianzheng.png);
}

#zhuanli.crnt {
    background-image: url(../images/aaa2.png);
}

.client_witness_index_pic {
    display: none;
    float: right;
    width: 1006px;
    height: 403px;
    padding-top: 50px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden
}

.client_witness_index_pic h4 {
    line-height: 40px;
    color: #666;
    font-weight: normal;
}

.pinpai ul {
    margin: 32px 0 0 0;
    width: 950px;
    height: 240px;
    border-left: #dfdfdf 1px solid;
    border-top: #dfdfdf 1px solid;
    display: block;
}

.pinpai li {
    float: left;
    width: 189px;
    height: 79px;
    border-bottom: #dfdfdf 1px solid;
    border-right: #dfdfdf 1px solid;
    display: table;
    text-align: center;
    overflow: hidden;
}

.pinpai li span {
    display: table-cell;
    vertical-align: middle;
}

.jinqi ul {
    margin-top: 12px;
    width: 930px;
    height: 240px;
    display: block;
}

.jinqi li {
    width: 170px;
    margin-right: 20px;
    float: left;
    font-size: 13px;
    text-align: center
}

.jinqi li img {
    border: 1px solid #ddd
}

.jianzheng ul {
    margin-top: 12px;
    width: 930px;
    height: 240px;
    display: block;
}

.jianzheng li {
    width: 220px;
    margin-right: 20px;
    float: left;
    font-size: 13px;
    text-align: center
}

.jianzheng li img {
    border: 1px solid #ddd
}

.zhuanli ul {
    margin-top: 12px;
    width: 930px;
    height: 240px;
    display: block;
}

.zhuanli li {
    width: 220px;
    margin-right: 10px;
    float: left;
    font-size: 13px;
    text-align: center
}

.zhuanli li img {
    border: 1px solid #ddd
}


/*微信朋友圈*/

.wx_fangshi_list {
    width: 1280px;
    margin: 0px auto
}

.wx_fangshi_list li {
    float: left;
    text-align: center;
    width: 190px;
    height: 190px;
    margin: 15px;
    border: 2px #ccc solid;
    padding: 15px;
    border-radius: 50%
}

.wx_fangshi_list li .fs24 {
    font-size: 24px;
    padding-top: 45px
}

.wx_fangshi_list li .fs20 {
    color: #e98d06;
    font-size: 18px;
    line-height: 40px;
}

.wx_fangshi_list li .en48 {
    color: #e98d06;
    font-family: impact;
    font-size: 48px;
}

.wx_fangshi_list li .fstxt {
    color: #666
}

.weixin_m1 {
    width: 1280px;
}

.weixin_m1_l {
    width: 420px;
}

.weixin_tg_list {
    width: 420px
}

.weixin_tg_list li {
    width: 100%;
    margin-top: 20px;
}

.weixin_tg_list li .tiao {
    background: #e98d06;
    height: 2px;
    width: 40px;
    margin-bottom: 15px
}

.weixin_tg_list .img {
    width: 88px;
    text-align: center;
    padding-top: 18px;
    height: 70px;
    border: 1px solid #e7eaee;
    display: inline-block;
    color: #e98d06;
}

.weixin_tg_list .txt {
    width: 300px;
}

.weixin_tg_list li h3 {
    font-size: 22px;
    color: #979aa2;
    line-height: 40px;
}

.weixin_tg_list li h6 {
    color: #979aa2;
    font-size: 15px;
}

.weixin_tg_list li:hover .img {
    border: 1px solid #e98d06;
}

.weixin_tg_list li:hover h3,
.weixin_tg_list li:hover h6 {
    color: #e98d06
}

.weixin_m1_r {
    width: 800px;
}

.weixin_m1_r img {
    max-width: 100%
}

.weixin_fs_bg {
    background: #28292b;
    height: 940px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    color: #fff
}

.weixin_fs {
    width: 1280px;
    margin: 0 auto;
    padding-top: 50px;
}

.weixin_fs h2 {
    font-size: 36px;
    color: #e98d06;
    line-height: 60px;
}

.weixin_fs p {
    font-size: 18px;
    color: #fff;
    line-height: 50px;
}

.weixin_dt_list {
    width: 1280px;
    margin: 0 auto;
}

.weixin_dt_list li {
    width: 31.1%;
    margin: 0 1%;
    float: left;
    border: 1px #ccc solid;
    background: #fff;
    padding: 10px 0
}

.weixin_pingtai {
    width: 1280px;
    margin: 40px auto;
    height: 360px;
}

.weixin_pingtai li {
    width: 570px;
    float: left;
    border: 1px solid #e1e4eb;
    margin-bottom: 15px;
    height: 120px;
    padding: 40px 30px 0 20px
}

.weixin_pingtai li:hover {
    border: 1px solid #e1e4eb;
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-bottom: 15px
}

.weixin_pingtai li .img {
    width: 120px;
    text-align: center
}

.weixin_pingtai li .txt {
    width: 440px;
}

.weixin_pingtai li h2 {
    font-size: 24px;
}

.weixin_pingtai li p {
    color: #575C66;
    letter-spacing: 1px;
    line-height: 34px;
}

.weixin_pingtai li .tiao {
    background: #e98d06;
    height: 3px;
    width: 40px;
    margin-top: 20px
}


/*外贸快车页面*/

.wm_kuaiche_one {
    width: 1280px;
    margin: 20px auto;
    height: 270px
}

.wm_kuaiche_one li {
    width: 232px;
    margin: 0 10px;
    float: left;
    text-align: center;
    padding: 50px 0;
}

.wm_kuaiche_one li p {
    font-size: 16px;
    color: #666;
    width: 180px;
    margin: 0 auto;
    color: #fff;
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
}

.wm_kuaiche_one li .tiao {
    background: #ccc;
    height: 20px;
    width: 2px;
    margin: 10px auto
}

.bgcolor1 {
    background: #ee471a;
}

.bgcolor2 {
    background: #87a206;
}

.bgcolor3 {
    background: #ecb41e;
}

.bgcolor4 {
    background: #24b1df;
}

.bgcolor5 {
    background: #de8f06;
}

.bgcolor6 {
    background: #ff7469;
}

.wm_kuaiche_ad1 {
    background: url("../img/kuaiche/ad1.jpg");
    height: 200px;
}

.wm_kuaiche_two {
    width: 1280px;
    margin: 20px auto;
}

.wm_kuaiche_two_l {
    width: 960px
}

.wm_kuaiche_two_l img {
    max-width: 100%
}

.wm_kuaiche_two_r {
    width: 310px
}

.wm_kuaiche_youshibg {
    width: 100%;
    background: #232323;
    height: 860px;
    padding-top: 20px
}

.wm_kuaiche {
    width: 1280px;
    margin: 0 auto;
    text-align: center
}

.wm_kuaiche h2 {
    text-align: center;
    color: #fff;
    line-height: 110px;
    font-size: 36px;
}

.wm_kuaiche_youshi {
    width: 1280px;
}

.wm_kuaiche_youshi li {
    width: 300px;
    margin: 0 10px;
    background: #fff;
    height: 330px;
    float: left;
    margin-bottom: 15px
}

.youshi_top {
    height: 67px;
    padding-top: 15px;
    font-size: 20px;
    color: #fff;
    line-height: 150%;
    background-color: #e67d12;
}

.wm_kuaiche_youshi li p {
    padding: 15px;
    text-align: justify;
    font-size: 14px;
    line-height: 25px;
    padding: 30px;
    height: 100px;
    overflow-y: auto;
    margin-bottom: 25px
}

.wm_kuaiche_youshi li .jiantou {
    background: #ececec;
    height: 36px;
    width: 120px;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto 20px auto;
    ;
    line-height: 36px;
}


/*商务卫士无忧版*/

.wuyou_list {
    width: 1280px;
    margin: 30px auto
}

.wuyou_list li {
    width: 24%;
    float: left;
    border: 1px #ececec solid;
    height: 140px;
    text-align: center
}

.wuyou_list li .txt {
    padding-top: 30px;
}

.wuyou_list li h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 36px
}

.wuyou_list li p {
    font-size: 15px;
    color: #555;
    line-height: 25px
}


/*百度爱采购*/

.acg_tongdian {
    width: 90%;
    margin: 0px auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.acg_tongdian li {
    width: 32%
}

.acg_tongdian li h2 {
    background: #f18a09;
    width: 100%;
    line-height: 77px;
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
}

.acg_tongdian li .list {
    border: 2px #ececec solid;
    border-radius: 10px;
    margin-top: 5px;
    padding: 20px 0;
}

.acg_tongdian li .list h3 {
    font-size: 22px;
    line-height: 55px;
}

.acg_tongdian li .list .bg16 {
    width: 84%;
    margin: 15px auto;
    background-color: #ececec;
    padding: 5% 3%;
    border-radius: 10px;
}

.acg_tongdian li .list .bg16 h4 {
    font-size: 18px
}

.acg_tongdian li .list .bg16 p {
    font-size: 15px;
    line-height: 28px;
}

.quanyi_list {
    width: 1300px;
    margin: 30px auto
}

.quanyi_list li {
    width: 50%;
    float: left;
    border: 1px #ececec solid;
    padding: 60px;
}

.quanyi_list li .img {
    width: 100px;
    text-align: center;
    padding-top: 15px
}

.quanyi_list li .txt {
    width: 340px;
    text-align: left
}

.quanyi_list li h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 36px
}

.quanyi_list li p {
    font-size: 15px;
    color: #555;
    line-height: 25px
}

.aicaigou_bg {
    background: #232323;padding:0 0 55px 0;
}

.aicaigou_bg2 {
    background: url("../img/aicaigou/bg.jpg") center top no-repeat;
    height: 640px;
}

.aicaigou_bg2 .neirong {
    width: 1200px;
    margin: 0 auto;
    color: #fff;
    display: flex;
    justify-content: space-between;
}

.aicaigou_bg2 .neirong .text {
    width: 45%
}

.aicaigou_bg2 .neirong .text h2 {
    font-size: 36px;
    font-weight: normal;
}

.aicaigou_bg2 .neirong .text p {
    font-size: 20px;
    line-height: 42px;
    margin-top: 40px;
}

.aicaigou_bg2 .neirong .img {
    width: 50%;
    text-align: right;
}

.aicaigou_bg2 .neirong .img img {
    max-width: 100%
}

.aicaigou {
    width: 1200px;
    margin: 0 auto;
    background: #fff
}

.aicaigou .video {
    width: 700px;
}

.aicaigou .fuwu_list {
    width: 480px;
    margin:
}

.aicaigou .fuwu_list li {
    float: left;
    width: 46%;
    text-align: center;
    margin-left: 2%;
    font-size: 14px;
    line-height: 21px;
    color: #666;
}

.aicaigou .fuwu_list li h4 {
    font-size: 18px;
    font-weight: bold;
    color: #e88c1f;
    line-height: 30px
}

.aicaigou .fuwu_list li .limg {
    width: 100px;
    text-align: center;
    padding-top: 15px;
    margin: 0 auto;
    border: none
}

.aicaigou .fuwu_list li p {
    font-size: 13px;
    color: #555
}

.acg_imgw {
    width: 100%;
    margin: 0px auto
}

.acg_imgw img {
    max-width: 100%;
}

.acg_img {
    width: 1200px;
    margin: 30px auto
}

.acg_img img {
    max-width: 100%;
}

.join_aicaigou_bg {
    background: url("../img/aicaigou/join.jpg") center;
    height: 320px;
    overflow: hidden
}

.join_acg36,
.join_acg18 {
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 0 auto
}

.join_acg36 {
    font-size: 36px;
    padding-top: 110px;
    line-height: 55px
}

.join_acg18 {
    font-size: 18px;
    line-height: 55px
}

.aicaigou_liucheng {
    width: 1200px;
    margin: 0px auto 50px auto
}

.aicaigou_liucheng img {
    max-width: 100%
}


/*外贸牛页面*/

.s_main3 {
    background: #efefef;
    overflow: hidden;
    padding-bottom: 40px;
}

.s_main3 .hd .title h3,
.s_main3 .hd .title p,
.s_main3 .hd ul {
    overflow: hidden;
}

.s_main3 .hd li {
    width: calc(100% / 3);
    padding: 50px;
    text-align: center;
    cursor: pointer;
    height: 322px;
    background: #fff;
    box-sizing: border-box;
    float: left;
}

.s_main3 .hd h4 {
    font-size: 20px;
    color: #333333;
    text-align: center;
    line-height: 58px;
}

.s_main3 .hd h5 {
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 22px;
    margin-top: 15px;
}

.s_main3 .hd .ico {
    height: 100px;
}

.s_main3 .hd li:nth-child(1) .ico {
    background: url(../img/waimaoniu/sico10.png) no-repeat center;
}

.s_main3 .hd li:nth-child(2) .ico {
    background: url(../img/waimaoniu/sico11.png) no-repeat center;
}

.s_main3 .hd li:nth-child(3) .ico {
    background: url(../img/waimaoniu/sico12.png) no-repeat center;
}

.s_main3 .hd li:hover {
    background: url(../img/waimaoniu/bg9.jpg) no-repeat right bottom #dc4335;
}

.s_main3 .hd li:nth-child(1):hover .ico {
    background: url(../img/waimaoniu/sico10-1.png) no-repeat center;
}

.s_main3 .hd li:nth-child(2):hover .ico {
    background: url(../img/waimaoniu/sico11-1.png) no-repeat center;
}

.s_main3 .hd li:nth-child(3):hover .ico {
    background: url(../img/waimaoniu/sico12-1.png) no-repeat center;
}

.s_main3 .hd li:hover h5,
.s_main3 .hd li:hover h4 {
    color: #fff;
}

.s_main3 .bd ul {
    overflow: hidden;
    width: 110%;
}

.s_main3 .bd li {
    float: left;
    width: 374px;
    height: 125px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    border-top: 1px solid #efefef;
    margin-right: 89px;
}

.s_main3 .bd li:hover {
    border-top: 1px solid #dc4335;
    background: #fff;
}

.s_main3 .bd .img {
    width: 88px;
    margin-left: 48px;
    height: 124px;
    float: left;
}

.s_main3 .bd .txt {
    float: left;
    width: 200px;
    margin-top: 32px;
    margin-left: 15px;
}

.s_main3 .bd .txt h4 {
    font-size: 20px;
    color: #333333;
    line-height: 36px;
}

.s_main3 .bd .txt h5 {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.s_main3 .bd li:nth-child(1) .img {
    background: url(../img/waimaoniu/sico21.png) no-repeat center;
}

.s_main3 .bd li:nth-child(2) .img {
    background: url(../img/waimaoniu/sico22.png) no-repeat center;
}

.s_main3 .bd li:nth-child(3) .img {
    background: url(../img/waimaoniu/sico23.png) no-repeat center;
}

.s_main3 .bd li:nth-child(4) .img {
    background: url(../img/waimaoniu/sico24.png) no-repeat center;
}

.s_main3 .bd li:nth-child(5) .img {
    background: url(../img/waimaoniu/sico25.png) no-repeat center;
}

.s_main3 .bd li:nth-child(6) .img {
    background: url(../img/waimaoniu/sico26.png) no-repeat center;
}

.s_main3 .bd li:nth-child(1):hover .img {
    background: url(../img/waimaoniu/sico21-1.png) no-repeat center;
}

.s_main3 .bd li:nth-child(2):hover .img {
    background: url(../img/waimaoniu/sico22-1.png) no-repeat center;
}

.s_main3 .bd li:nth-child(3):hover .img {
    background: url(../img/waimaoniu/sico23-1.png) no-repeat center;
}

.s_main3 .bd li:nth-child(4):hover .img {
    background: url(../img/waimaoniu/sico24-1.png) no-repeat center;
}

.s_main3 .bd li:nth-child(5):hover .img {
    background: url(../img/waimaoniu/sico25-1.png) no-repeat center;
}

.s_main3 .bd li:nth-child(6):hover .img {
    background: url(../img/waimaoniu/sico26-1.png) no-repeat center;
}

.s_main3 .bd li:hover h4 {
    color: #dc4335;
}

.waimao_list {
    width: 1280px;
    margin: 0 auto;
    height: 200px
}

.waimao_list li {
    width: 211px;
    float: left;
    text-align: center;
    border: 1px #ececec solid;
    padding: 30px 0 20px 0;
    margin-left: -1px;
}

.waimao_list li .img {
    height: 50px;
}

.waimao_list li img {
    -webkit-filter: grayscale(100%);
}

.waimao_list li p {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #444
}

.wrap {
    width: 1280px;
    margin: 0 auto;
}

.product .wrap {
    position: relative;
    z-index: 111;
    overflow: hidden;
}

.product .hd {
    background: url(../img/waimaoniu/bg3.jpg) no-repeat center;
    height: 512px;
    overflow: hidden;
    position: relative;
}

.product .imgs {
    width: 710px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.product .txt {
    position: absolute;
    right: 0;
    width: 735px;
    top: 50%;
    z-index: 11;
    text-align: center;
    transform: translateY(-50%);
}

.product .txt h2 {
    font-size: 37px;
    color: #4778bc;
    line-height: 77px;
    background: url(../img/waimaoniu/bg6.png) no-repeat center;
    width: 77px;
    margin: 0 auto;
}

.product .txt h3 {
    font-size: 33px;
    color: #4778bc;
    margin-top: 18px;
    line-height: 80px;
    text-align: center;
}

.product .txt h5 {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    text-align: center;
}

.product li:nth-child(2n) .txt h2 {
    background: url(../img/waimaoniu/bg4.png) no-repeat center;
    color: #fff;
}

.product li:nth-child(2n) .hd {
    background: url(../img/waimaoniu/bg7.jpg) no-repeat center top;
}

.product li:nth-child(2n) .txt h5,
.product li:nth-child(2n) .txt h3 {
    color: #ffffff;
}

.product li {
    margin-bottom: 30px;
}

.product li:nth-child(2) .txt h4 {
    color: #ffffff;
}

.product .bd {
    background: #fff;
}

.product dl {
    overflow: hidden;
}

.product dd {
    float: left;
    width: calc((100% - 3px)/4);
    text-align: center;
    height: 278px;
    cursor: pointer;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.product dd:last-child {
    border-right: none;
}

.product .dl3 dd {
    width: calc((100% - 2px)/3);
}

.product .dl2 dd {
    width: calc((100% - 2px)/3);
}

.product dd .ico {
    height: 110px;
    margin-top: 40px;
    margin-bottom: 22px;
}

.product dd h4 {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}

.product dd h6 {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.product dd:hover {
    background: url(../img/waimaoniu/bg5.jpg) no-repeat right bottom #dc4335;
}

.product dd:hover h4,
.product dd:hover h6 {
    color: #fff;
}

.product .d1 .ico {
    background: url(../img/waimaoniu/pico1.png) no-repeat center;
}

.product .d2 .ico {
    background: url(../img/waimaoniu/pico2.png) no-repeat center;
}

.product .d3 .ico {
    background: url(../img/waimaoniu/pico3.png) no-repeat center;
}

.product .d4 .ico {
    background: url(../img/waimaoniu/pico4.png) no-repeat center;
}

.product .d5 .ico {
    background: url(../img/waimaoniu/pico5.png) no-repeat center;
}

.product .d6 .ico {
    background: url(../img/waimaoniu/pico6.png) no-repeat center;
}

.product .d7 .ico {
    background: url(../img/waimaoniu/pico7.png) no-repeat center;
}

.product .d8 .ico {
    background: url(../img/waimaoniu/pico8.png) no-repeat center;
}

.product .d9_1 .ico {
    background: url(../img/waimaoniu/pico9.png) no-repeat center;
}

.product .d9 .ico {
    background: url(../img/waimaoniu/on.png) no-repeat center;
}

.product .d10 .ico {
    background: url(../img/waimaoniu/pico10.png) no-repeat center;
}

.product .d11 .ico {
    background: url(../img/waimaoniu/pico11.png) no-repeat center;
}

.product .d12 .ico {
    background: url(../img/waimaoniu/pico12.png) no-repeat center;
}

.product .d13 .ico {
    background: url(../img/waimaoniu/pico13.png) no-repeat center;
}

.product .d14 .ico {
    background: url(../img/waimaoniu/pico14.png) no-repeat center;
}

.product .d15 .ico {
    background: url(../img/waimaoniu/pico15.png) no-repeat center;
}

.product .d16 .ico {
    background: url(../img/waimaoniu/pico16.png) no-repeat center;
}

.product .d17 .ico {
    background: url(../img/waimaoniu/pico17.png) no-repeat center;
}

.product .d18 .ico {
    background: url(../img/waimaoniu/pico18.png) no-repeat center;
}

.product .d19 .ico {
    background: url(../img/waimaoniu/pico19.png) no-repeat center;
}

.product .d20 .ico {
    background: url(../img/waimaoniu/pico20.png) no-repeat center;
}

.product .d21 .ico {
    background: url(../img/waimaoniu/pico21.png) no-repeat center;
}

.product .d22 .ico {
    background: url(../img/waimaoniu/pico22.png) no-repeat center;
}

.product .d23 .ico {
    background: url(../img/waimaoniu/pico23.png) no-repeat center;
}

.product .d24 .ico {
    background: url(../img/waimaoniu/pico24.png) no-repeat center;
}

.product .d25 .ico {
    background: url(../img/waimaoniu/pico25.png) no-repeat center;
}

.product .d26 .ico {
    background: url(../img/waimaoniu/pico26.png) no-repeat center;
}

.product .d27 .ico {
    background: url(../img/waimaoniu/pico27.png) no-repeat center;
}

.product .d28 .ico {
    background: url(../img/waimaoniu/pico28.png) no-repeat center;
}

.product .d29 .ico {
    background: url(../img/waimaoniu/pico29.png) no-repeat center;
}

.product .d30 .ico {
    background: url(../img/waimaoniu/pico30.png) no-repeat center;
}

.product .d31 .ico {
    background: url(../img/waimaoniu/pico31.png) no-repeat center;
}

.product .d32 .ico {
    background: url(../img/waimaoniu/pico32.png) no-repeat center;
}

.product .d33 .ico {
    background: url(../img/waimaoniu/pico33.png) no-repeat center;
}

.product .d34 .ico {
    background: url(../img/waimaoniu/pico34.png) no-repeat center;
}

.product .d35 .ico {
    background: url(../img/waimaoniu/pico35.png) no-repeat center;
}

.product .d1:hover .ico {
    background: url(../img/waimaoniu/pico1-1.png) no-repeat center;
}

.product .d2:hover .ico {
    background: url(../img/waimaoniu/pico2-1.png) no-repeat center;
}

.product .d3:hover .ico {
    background: url(../img/waimaoniu/pico3-1.png) no-repeat center;
}

.product .d4:hover .ico {
    background: url(../img/waimaoniu/pico4-1.png) no-repeat center;
}

.product .d5:hover .ico {
    background: url(../img/waimaoniu/pico5-1.png) no-repeat center;
}

.product .d6:hover .ico {
    background: url(../img/waimaoniu/pico6-1.png) no-repeat center;
}

.product .d7:hover .ico {
    background: url(../img/waimaoniu/pico7-1.png) no-repeat center;
}

.product .d8:hover .ico {
    background: url(../img/waimaoniu/pico8-1.png) no-repeat center;
}

.product .d9_1:hover .ico {
    background: url(../img/waimaoniu/pico9-1.png) no-repeat center;
}

.product .d9:hover .ico {
    background: url(../img/waimaoniu/off.png) no-repeat center;
}

.product .d10:hover .ico {
    background: url(../img/waimaoniu/pico10-1.png) no-repeat center;
}

.product .d11:hover .ico {
    background: url(../img/waimaoniu/pico11-1.png) no-repeat center;
}

.product .d12:hover .ico {
    background: url(../img/waimaoniu/pico12-1.png) no-repeat center;
}

.product .d13:hover .ico {
    background: url(../img/waimaoniu/pico13-1.png) no-repeat center;
}

.product .d14:hover .ico {
    background: url(../img/waimaoniu/pico14-1.png) no-repeat center;
}

.product .d15:hover .ico {
    background: url(../img/waimaoniu/pico15-1.png) no-repeat center;
}

.product .d16:hover .ico {
    background: url(../img/waimaoniu/pico16-1.png) no-repeat center;
}

.product .d17:hover .ico {
    background: url(../img/waimaoniu/pico17-1.png) no-repeat center;
}

.product .d18:hover .ico {
    background: url(../img/waimaoniu/pico18-1.png) no-repeat center;
}

.product .d19:hover .ico {
    background: url(../img/waimaoniu/pico19-1.png) no-repeat center;
}

.product .d20:hover .ico {
    background: url(../img/waimaoniu/pico20-1.png) no-repeat center;
}

.product .d21:hover .ico {
    background: url(../img/waimaoniu/pico21-1.png) no-repeat center;
}

.product .d22:hover .ico {
    background: url(../img/waimaoniu/pico22-1.png) no-repeat center;
}

.product .d23:hover .ico {
    background: url(../img/waimaoniu/pico23-1.png) no-repeat center;
}

.product .d24:hover .ico {
    background: url(../img/waimaoniu/pico24-1.png) no-repeat center;
}

.product .d25:hover .ico {
    background: url(../img/waimaoniu/pico25-1.png) no-repeat center;
}

.product .d26:hover .ico {
    background: url(../img/waimaoniu/pico26-1.png) no-repeat center;
}

.product .d27:hover .ico {
    background: url(../img/waimaoniu/pico27-1.png) no-repeat center;
}

.product .d28:hover .ico {
    background: url(../img/waimaoniu/pico28-1.png) no-repeat center;
}

.product .d29:hover .ico {
    background: url(../img/waimaoniu/pico29-1.png) no-repeat center;
}

.product .d30:hover .ico {
    background: url(../img/waimaoniu/pico30-1.png) no-repeat center;
}

.product .d31:hover .ico {
    background: url(../img/waimaoniu/pico31-1.png) no-repeat center;
}

.product .d32:hover .ico {
    background: url(../img/waimaoniu/pico32-1.png) no-repeat center;
}

.product .d33:hover .ico {
    background: url(../img/waimaoniu/pico33-1.png) no-repeat center;
}

.product .d34:hover .ico {
    background: url(../img/waimaoniu/pico34-1.png) no-repeat center;
}

.product .d35:hover .ico {
    background: url(../img/waimaoniu/pico35-1.png) no-repeat center;
}

.s_main4 {
    background: url(../img/waimaoniu/sbg3.jpg) no-repeat center #4778bc;
    height: 686px;
}

.s_main4 .title h2,
.s_main4 .title h3 {
    color: #fff;
}

.s_main4 ul {
    text-align: center;
    font-size: 0;
}

.s_main4 li {
    display: inline-block;
    padding: 0 54px;
    box-sizing: border-box;
    background: url(../img/waimaoniu/sbg4.png) no-repeat center;
    text-align: left;
    width: 267px;
    height: 323px;
    position: relative;
    margin: 0 42px;
    cursor: pointer;
    vertical-align: top;
}

.s_main4 li h4 {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.19);
    text-align: center;
    position: absolute;
    left: -26px;
    top: -19px;
    z-index: 11;
}

.s_main4 li h4 i {
    width: 65px;
    height: 65px;
    display: block;
    line-height: 65px;
    text-align: center;
    font-size: 25px;
    color: #4778bc;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #4778bc;
    font-style: oblique;
}

.s_main4 li .imgs {
    margin-top: 18px;
    height: 96px;
    margin-bottom: 10px;
}

.s_main4 li:nth-child(1) .imgs {
    background: url(../img/waimaoniu/sico27.png) no-repeat center;
}

.s_main4 li:nth-child(2) .imgs {
    background: url(../img/waimaoniu/sico28.png) no-repeat center;
}

.s_main4 li:nth-child(3) .imgs {
    background: url(../img/waimaoniu/sico29.png) no-repeat center;
}

.s_main4 li h5 {
    font-size: 20px;
    color: #333333;
    line-height: 24px;
}

.s_main4 li p {
    font-size: 13px;
    color: #666666;
    line-height: 21px;
    margin-top: 14px;
}

.s_main4 li:hover i {
    color: #dc4335;
}

.s_main4 li:nth-child(1):hover .imgs {
    background: url(../img/waimaoniu/sico27-1.png) no-repeat center;
}

.s_main4 li:nth-child(2):hover .imgs {
    background: url(../img/waimaoniu/sico28-1.png) no-repeat center;
}

.s_main4 li:nth-child(3):hover .imgs {
    background: url(../img/waimaoniu/sico29-1.png) no-repeat center;
}

.s_main4 li:hover {
    background: url(../img/waimaoniu/sbg4-1.png) no-repeat center;
}

.title {
    text-align: center;
    padding: 50px 0 50px;
}

.title h3 {
    font-size: 36px;
    color: #e98d06;
    line-height: 60px;
    font-weight: bold;
}

.title h3 span {
    display: inline-block;
    padding: 0 55px;
    position: relative;
}

.s_main4 .title h2,
.s_main4 .title h3 {
    color: #fff;
    text-align: center;
}

.title h2 {
    font-size: 18px;
    color: #666;
    text-transform: uppercase;
    line-height: 40px;
    font-family: arial;
    text-align: center;
}

.title p {
    font-size: 16px;
    color: #666;
    line-height: 2;
    text-align: center;
}


/*news_index*/

#news_index {
    background: url(../images/client_witness_pic) repeat-x;
    position: relative;
    padding: 0 0 30px 0
}

#news_index ul {
    margin: 0 auto;
    padding: 30px 0 0 20px;
    width: 1172px;
    height: 350px;
    overflow: hidden;
}

.news_list li {
    float: left;
    margin-right: 20px;
    width: 370px;
    height: 350px;
    background: #eaeaea;
    position: relative;
}

.news_list li h4 {
    margin: 0 auto;
    margin-top: 16px;
    width: 334px;
    height: 32px;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    color: #0b0b0b;
    text-align: left;
}

.news_list li time {
    margin: 0 auto;
    width: 334px;
    font-size: 12px;
    color: #a0a0a0;
    text-align: left;
    display: block;
}

.news_list li span {
    position: absolute;
    left: 30px;
    top: 151px;
    width: 32px;
    height: 16px;
    z-index: 40;
    display: block;
    background: url(../images/news_index_zz_icon.png) no-repeat;
}

.news_list li p {
    margin: 0 auto;
    padding-top: 12px;
    width: 334px;
    font-size: 14px;
    color: #9c9b9b;
    line-height: 26px;
    text-align: justify;
    text-indent: 2em;
}

.news_list li img {
    position: absolute;
    bottom: 0;
}

.news_list {
    width: 1172px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    opacity: 0;
}

.news_list dl {
    margin: 0 auto;
    padding: 30px 0 0 20px;
    width: 1172px;
    height: 250px;
    overflow: hidden;
}

.news_list dt {
    float: left;
    margin-right: 20px;
    width: 370px;
    height: 350px;
    background: #eaeaea;
    position: relative;
}

.news_list dt h4 {
    margin: 0 auto;
    margin-top: 16px;
    width: 334px;
    height: 32px;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    color: #0b0b0b;
    text-align: left;
}

.news_list dt h4 a {
    color: #333;
}

.news_list dt time {
    margin: 0 auto;
    width: 334px;
    font-size: 12px;
    color: #a0a0a0;
    text-align: left;
    display: block;
}

.news_list dt span {
    position: absolute;
    left: 30px;
    top: 151px;
    width: 32px;
    height: 16px;
    z-index: 40;
    display: block;
    background: url(../images/news_index_zz_icon.png) no-repeat;
}

.news_list dt p {
    margin: 0 auto;
    padding-top: 12px;
    width: 334px;
    font-size: 14px;
    color: #9c9b9b;
    line-height: 26px;
    text-align: justify;
    text-indent: 2em;
}

.news_index_title {
    width: 100%;
    background: url(../images/line.jpg) repeat-x left 67px;
}

.news_index_title dl {
    margin: 0 auto;
    padding: 46px 0 0 40px;
    ;
    width: 336px;
    height: 44px;
    margin: 0 auto;
}

.news_index_title dt {
    float: left;
    margin-right: 40px;
    width: 128px;
    height: 44px;
    background: #2f8ae7;
    display: block;
    line-height: 44px;
    text-align: center;
    color: #fff;
}

.news_index_title a {
    font-size: 14px;
    color: #fff;
    line-height: 44px;
    display: block;
    text-decoration: none;
}

.news_index_title a:hover {
    font-weight: bold;
}

.news_index_more {
    width: 210px;
    height: 44px;
    margin: 0 auto;
    margin-top: 30px;
}

.news_index_more a {
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    color: #666565;
    text-decoration: none;
    display: block;
    border-radius: 25px;
    background: #dfdfdf
}

.news_index_more a:hover {
    font-weight: bold;
    background: #2f8ae7;
    color: #fff
}

.news_index_more_zhao a {
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border-radius: 25px;
    background: #f79624
}

.news_index_more_zhao a:hover {
    font-weight: bold;
    background: #f79624;
    color: #fff;
    font-size: 17px;
}

.t18 {
    font-size: 18px;
    font-weight: bold;
    color: #e88c1f;
}

.h10 {
    height: 6px;
}


/*footer*/

.end_fangan_bg {
    background: url(../img/chengse.jpg) no-repeat center top;
padding:68px 0;
}

.end_fangan {
    width: 90%;
    margin: 0 auto; display: flex;justify-content: space-between;align-items: center;
}
.end_fangan p { color: #fff;    font-size: 17px;font-weight: normal;cursor: pointer;}
.end_fangan p strong{ display: block;color: #fff; font-size: 28px;font-weight: bold;line-height: 50px;}
.end_fangan a{display: block;width:200px;color: #fff;line-height:55px; text-align:center;font-size: 17px; border: 2px solid rgba(255,255,255,1);border-radius: 35px;}
.end_fangan a:hover{ color: #fff; }
.end_fangan_on {
    background: #cd8222;
    padding: 15px 10px;
    font-size: 20px;
    margin: 0 5px;
}

.footer { background: #151b29; overflow: hidden;}
.footer .f_erweima strong{display: block;margin:0 0 15px 0}
.footer .f_erweima dl{ display: flex;justify-content: space-between;}
.footer .f_erweima dd{ width:48%; display: flex;justify-content: center; align-items: center;flex-direction: column;padding: 5px 0 0 0;line-height: 35px; color: #fff}
.footer .f_erweima dd img{ text-align: center; width:95%; max-width:102px; display: block;}
.footer ul {margin: 0 auto;padding:60px 0;width: 90%; display: flex;justify-content: space-between;}
.footer li h6 { font-size: 17px; line-height: 35px; font-weight: normal;margin:0 0 25px 0;color: #ffffff;text-align: left;}
.footer li h6 a { color: #ffffff;display: block;font-size: 17px;}
.footer li a { color: #d5d5d5; display: block;line-height: 35px;font-size: 15px;     text-decoration: none;}
.footer li a:hover { color: #848484}

@media only screen and (max-width:1480px){ /**/
    .footer li h6 { font-size: 16px; line-height: 35px; }
    .footer li h6 a {font-size: 16px;}
}
.footer_al {
    width: 190px;
    height: 170px;
    text-align: left
}

.footer_al li {
    float: none;
    width: 160px;
    height: 27px;
}

.footer_al a {
    color: #757575;
    text-decoration: none;
}

.footer_al a:hover {
    color: #848484
}

.copy {
    font-size: 14px;
    color: #757575;
    text-align: center;
    width: 100%;
}

.end_lianxi {
    font-size: 14px;
    color: #757575;
    text-align: center;
    width: 100%;
    line-height: 36px;
}

.zhengjian {
    width: 500px;
    margin: 0 auto
}

.end_mid {
    width: 90%;
    margin:0 auto 20px auto;
    color: #757575;
    line-height: 30px;padding:10px 0;border-bottom: rgba(255,255,255,0.2) solid 1px;border-top: rgba(255,255,255,0.2) solid 1px;
}
.footer_copy{width: 90%; margin: 0 auto;padding:25px 0; color: #aeaeae;font-size: 15px;line-height:28px;display: flex; justify-content: space-between; align-items: center;}
.footer_copy a{ color: #aeaeae;font-size: 15px;}


.end_mid strong {
    color: #aeaeae;
    font-size: 15px
}


.end_mid a {
    color: #aeaeae;font-size: 15px;
}

.end_mid a:hover {
    color: #ccc;
}

#foot_warp {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #3a3a3a;
    border-top: #373737 1px solid;
}

.foot {
    margin: 0 auto;
    width: 1190px;
    color: #a4a4a4;
}

.foot_l {
    float: left;
    width: 540px;
    height: 42px;
    font-size: 12px;
}

.foot_r {
    float: right;
    width: 630px;
    height: 42px;
    text-align: right;
    background: url(../images/foot_cheng_bg.png) no-repeat right;
}

.foot_r a {
    font-size: 12px;
    color: #a4a4a4;
    text-decoration: none;
    display: block;
    float: right;
    height: 42px;
}

.foot_r a:hover {
    color: #afafaf;
}


/*f_lianxi.html*/

#contact_ditu_liuyan_warp {
    width: 100%;
    background: #e8e8e8;
}

.contact_ditu_liuyan {
    margin: 0 auto;
    padding-top: 26px;
    width: 1200px;
}

.contact_ditu_liuyan_title {
    width: 1200px;
    height: 70px;
    text-align: center;
    border-bottom: #d0d0d0 1px solid;
}

.contact_ditu_liuyan_title h1 {
    height: 70px;
    line-height: 70px;
    font-size: 36px;
    font-weight: bold;
    color: #e88c1f;
    display: inline;
}

.contact_ditu_liuyan_title h2 {
    height: 70px;
    line-height: 70px;
    font-size: 36px;
    font-weight: bold;
    color: #626161;
    display: inline;
}

.contact_ditu_liuyan_title h3 {
    margin-left: 20px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    font-weight: bold;
    color: #bab9b9;
    display: inline;
}

.contact_ditu_liuyan p {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #6d6d6d;
    text-align: center;
}

.ditu_liuyan {
    margin: 0 auto 15px;
    width: 1200px;
}

.ditu_liuyan .ditu {
    width: 508px;
    height: 328px;
    border: #d3d3d3 1px solid;
}

.ditu_liuyan .liuyan {
    width：600px;
}

.ditu_liuyan .liuyan_title {
    height: 28px;
    font-size: 18px;
    color: #777;
}

.ditu_liuyan .liuyan_title span {
    padding-left: 10px;
    font-size: 16px;
    color: #ccc;
}

.ditu_liuyan .liuyan .liuyan_name,
.liuyan_phone,
.liuyan_company,
.liuyan_content {
    margin-bottom: 12px;
    padding: 0 8px;
    font-size: 14px;
    color: #9d9d9d;
    outline: none;
    border: #dcdcdc 1px solid;
}

.ditu_liuyan .liuyan .liuyan_name {
    width: 254px;
    height: 36px;
    background: url(../images/liuyan_bg_1.gif) repeat-x;
}

.ditu_liuyan .liuyan .liuyan_phone {
    margin-left: 12px;
    width: 244px;
    height: 36px;
    background: url(../images/liuyan_bg_1.gif) repeat-x;
}

.ditu_liuyan .liuyan .liuyan_company {
    width: 532px;
    height: 36px;
    background: url(../images/liuyan_bg_1.gif) repeat-x;
}

.ditu_liuyan .liuyan .liuyan_content {
    margin-bottom: 18px;
    width: 532px;
    height: 144px;
    background: url(../images/liuyan_bg_2.gif) repeat-x;
}

.ditu_liuyan .liuyan .liuyan_tijiao {
    width: 120px;
    height: 38px;
    background: #3a91d4;
    font-size: 18px;
    color: #fff;
    line-height: 38px;
    border: none;
}


/*--- optimum_page  ---*/

.optimum_banner {
    width: 100%;
    height: 540px;
    position: relative;
    background: url(../images/optimum_banner.jpg) no-repeat center top;
}

#optimum_page {
    margin: 0 auto;
    width: 100%;
    height: 134px;
    background: #fff;
    position: relative;
    margin-top: 0px;
}

#optimum_page h2 {
    margin: 0 auto;
    padding-top: 26px;
    width: 1200px;
    height: 48px;
    line-height: 48px;
    font-size: 40px;
    text-align: center;
    color: #2a8ec7;
    font-weight: bold;
}

.optimum_title_content {
    margin: 0 auto;
    height: 32px;
    line-height: 32px;
    font-size: 26px;
    text-align: center;
    color: #0d85d1;
}

.optimum {
    width: 100%;
    background: #fff;
}

.optimum_con {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    overflow: hidden
}

.optimum_con_pic {
    width: 284px;
    position: absolute;
    bottom: 0;
    right: -284px
}

.optimum_title {
    width: 700px;
    padding: 0 0 50px 0;
    margin-left: -700px;
}

.optimum_text {
    margin-left: 18px;
    padding: 60px 0 48px;
    width: 678px;
    height: 164px;
    font-size: 15px;
    line-height: 30px;
    color: #646464;
    text-align: justify;
}

.optimum .more {
    margin-left: 18px;
    width: 146px;
    height: 38px;
    border: #4091c2 1px solid;
}

.optimum_title .more a {
    width: 146px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #4091c2;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    display: block;
}

.optimum_core_competence {
    width: 100%;
    height: 520px;
    background: #4091c2;
    overflow: hidden;
}

.optimum_core_competence_title {
    width: 100%;
    height: 96px;
    background: url(../images/optimum_core_competence_bg.gif) repeat-x;
    opacity: 0;
    position: relative;
    top: 50px;
}

.optimum_core_competence_title_h {
    margin: 0 auto;
    padding: 34px;
    width: 428px;
    height: 62px;
    background: #4091c2;
}

.optimum_core_competence_title_h img {
    padding-left: 40px;
}

.optimum_core_competence_title_h h1 {
    width: 428px;
    height: 44px;
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
    text-align: center;
    color: #fff;
}

.optimum_core_competence_ul {
    margin: 0 auto;
    margin-top: 34px;
    width: 1200px;
    height: 340px;
}

.optimum_core_competence ul {
    width: 1220px;
    height: 340px;
}

.optimum_a,
.optimum_b,
.optimum_c,
.optimum_d,
.optimum_e {
    opacity: 0;
    margin-top: 100px;
}

.optimum_core_competence li {
    float: left;
    margin-right: 20px;
    width: 222px;
    height: 338px;
    background: #fff;
    border: #3b82ad 1px solid;
}

.optimum_core_competence li img {
    padding: 24px 0 0 38px;
}

.optimum_core_competence li h4 {
    width: 222px;
    height: 54px;
    font-size: 18px;
    font-weight: bold;
    line-height: 54px;
    color: #444;
    text-align: center;
}

.optimum_core_competence li p {
    padding: 0 20px;
    line-height: 22px;
    color: #777;
    text-align: justify;
}

.optimum_case {
    margin: 0 auto;
    padding: 24px 0 34px;
    width: 1200px;
    height: 544px;
    background: #fff;
    opacity: 0;
    position: relative;
    top: 100px;
}

.optimum_case_title {
    margin-bottom: 30px;
    width: 1200px;
    height: 102px;
}

.optimum_case_title h1 {
    width: 1200px;
    height: 62px;
    font-size: 36px;
    font-weight: bold;
    line-height: 62px;
    text-align: center;
    color: #2a8ec7;
    border-bottom: #e1e1e1 1px solid;
}

.optimum_case_title p {
    width: 1200px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    text-align: center;
    color: #646464;
}

.optimum_case_ul {
    margin: 0 auto;
    width: 1200px;
    height: 350px;
    overflow: hidden;
}

.optimum_case_ul ul {
    width: 1239px;
    height: 350px;
}

.optimum_case_ul li {
    float: left;
    margin-right: 39px;
    width: 372x;
    height: 348px;
    background: #ececec;
    border: #dcdcdc 1px solid;
}

.optimum_case_ul p {
    width: 372px;
    height: 53px;
    font-size: 15px;
    color: #646464;
    line-height: 53px;
    text-align: center;
}

.optimum_case .nav {
    margin: 0 auto;
    padding-top: 20px;
    width: 128px;
    height: 40px;
}

.optimum_case .nav ul {
    width: 132px;
    height: 40px;
}

.optimum_case .nav li {
    float: left;
    margin-right: 4px;
    width: 40px;
    height: 40px;
}


/*---  website_build_page  ---*/

.website_build_banner {
    width: 100%;
    height: 518px;
    position: relative;
    background: url(../images/website_build_banner_bg.jpg) no-repeat center top;
}

.website_build_banner ul {
    margin: 0 auto;
    padding-top: 72px;
    width: 1200px;
    height: 420px;
}

.website_build_banner li {
    float: left;
    width: 300px;
    height: 420px;
}

.website_build_banner li img {
    margin-left: 62px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
}

.website_build_banner li img.cover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.website_build_banner li h2 {
    padding: 36px 0;
    width: 300px;
    height: 36px;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: normal;
}

.website_build_banner li p {
    padding: 0 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #fff;
}

.why_choose {
    margin: 0 auto;
    width: 1200px;
    height: 770px;
    position: relative;
    overfolw: hidden
}

.why_choose_title_t {
    height: 36px;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    color: #e86a2e;
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
}

.why_choose_title_m {
    height: 36px;
    font-size: 30px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    color: #666;
    position: absolute;
    top: 240px;
    left: 0;
    width: 100%;
}

.why_choose_title_b {
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #8f8f8f;
    position: absolute;
    top: 280px;
    left: 0;
    width: 100%;
}

.why_choose_vs {
    width: 1000px;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -500px;
    overflow: hidden;
}

.why_choose_vs_ul_l {
    float: left;
    margin-top: 28px;
    width: 338px;
    height: 560px;
}

.why_choose_vs_ul_l li {
    margin-top: 26px;
    width: 338px;
    height: 94px;
    background: url(../images/why_choose_vs_zt_content_bg.jpg) no-repeat;
}

.why_choose_vs_ul_l li h3 {
    font-weight: bold;
    padding-top: 8px;
    width: 338px;
    height: 30px;
    font-size: 20px;
    text-align: center;
    color: #ff6920;
}

.why_choose_vs_ul_l li h6 {
    font-weight: bold;
    width: 338px;
    height: 24px;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    color: #a09f9f;
}

.why_choose_vs_ul_l .title {
    margin: 0 0 0 108px;
    width: 178px;
    height: 75px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: url(../images/why_choose_vs_zt_titile_bg.jpg) no-repeat;
}

.why_choose_vs_ul_c {
    float: left;
    margin: 0 112px;
    width: 100px;
    height: 590px;
    background: #fff;
}

.why_choose_vs_ul_c_title {
    padding-top: 26px;
    width: 100px;
    height: 74px;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: url(../images/why_choose_vs_titile_bg.jpg) no-repeat;
}

.why_choose_vs_ul_c ul {
    background: url(../images/why_choose_vs_bg.gif) repeat-y;
}

.why_choose_vs_ul_c li {
    padding: 44px 15px 0 15px;
    width: 70px;
    height: 70px;
    background: url(../images/why_choose_vs_li_bg.jpg) no-repeat bottom;
}

.why_choose_vs_ul_c li p {
    padding: 16px 18px 0 18px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    text-align: center;
}

.why_choose_vs_ul_r {
    float: right;
    margin-top: 28px;
    width: 338px;
    height: 560px;
}

.why_choose_vs_ul_r li {
    margin-top: 26px;
    width: 338px;
    height: 94px;
    background: url(../images/why_choose_vs_qt_content_bg.jpg) no-repeat;
}

.why_choose_vs_ul_r li h3 {
    padding-top: 8px;
    width: 338px;
    height: 30px;
    font-size: 20px;
    text-align: center;
    color: #aaa;
}

.why_choose_vs_ul_r li h6 {
    width: 338px;
    height: 24px;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    color: #aaa;
}

.why_choose_vs_ul_r .title {
    margin: 0 0 0 54px;
    width: 178px;
    height: 75px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: url(../images/why_choose_vs_qt_titile_bg.jpg) no-repeat;
}

.why_choose_vs li.why_move_li {
    position: absolute
}

.program {
    width: 100%;
    height: 700px;
    background: #ececec;
}

.program_title_t {
    margin: 0 auto;
    padding-top: 36px;
    height: 36px;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    color: #e86a2e;
}

.program_title_m {
    margin: 0 auto;
    height: 36px;
    font-size: 30px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    color: #666;
}

.program_title_b {
    margin: 0 auto;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #8f8f8f;
}

.program_ul {
    padding-top: 20px;
    width: 1200px;
    height: 440px;
    float: left;
}

.program_ul li {
    float: left;
    width: 400px;
    height: 220px;
    background: #309dbd;
}

.program_ul li p {
    padding: 44px 28px 0 28px;
    width: 344px;
    height: 160px;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    color: #fff;
}

.program_ul img {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 40;
}

.program_ul .lit {
    width: 400px;
    height: 220px;
    position: relative;
}

.program_ul .lit h6 {
    width: 400px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
    z-index: 42;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.program_ul .lit a {
    width: 400px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: block;
    z-index: 60;
}

.program_ul .lit a:hover {
    font-weight: bold;
}

.program_ul .lit .litbg {
    width: 400px;
    height: 40px;
    background: #000;
    filter: alpha(opacity: 45);
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 41;
}

.program_ul .lim {
    width: 400px;
    height: 220px;
    position: relative;
    left: 0;
    top: 0;
}

.program_ul .lim h6 {
    width: 400px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: normal;
    z-index: 42;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.program_ul .lim a {
    width: 400px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: block;
    z-index: 60;
}

.program_ul .lim a:hover {
    font-weight: bold;
}

.program_ul .lim .limbg {
    width: 400px;
    height: 40px;
    background: #000;
    filter: alpha(opacity: 45);
    opacity: 0.7;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 41;
}

.program .nav {
    margin: 0 auto;
    padding-top: 24px;
    width: 96px;
    height: 40px;
    overflow: hidden;
}

.program .nav ul {
    width: 110px;
    height: 40px;
}

.program .nav li {
    float: left;
    margin-right: 14px;
    width: 40px;
    height: 40px;
}

.procedure {
    width: 100%;
    height: 946px;
    background: #35a0cc;
}

.procedure_title_t {
    margin: 0 auto;
    padding-top: 46px;
    width: 510px;
    height: 18px;
    color: #e86a2e;
}

.procedure_title_m {
    margin: 0 auto;
    width: 510px;
    height: 48px;
    font-size: 30px;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    color: #fff;
}

.procedure_title_b {
    margin: 0 auto;
    width: 1200px;
    height: 30px;
    background: url(../images/procedure_title_b_bg.gif) repeat-x;
}

.procedure_title_b p {
    margin: 0 auto;
    width: 510px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #35a0cc;
}

.procedure_content {
    margin: 0 auto;
    margin-top: 38px;
    width: 1200px;
    height: 766px;
    background: url(../images/procedure_content_bg.png) no-repeat;
    position: relative;
}

.procedure_content .pch4 {
    margin-bottom: 8px;
    font-size: 18px;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
}

.procedure_content .p1 {
    width: 242px;
    height: 140px;
    font-size: 12px;
    color: #eaf9ff;
    line-height: 22px;
    text-align: justify;
    position: absolute;
    left: 618px;
    top: 560px;
}

.procedure_content .p2 {
    width: 242px;
    height: 140px;
    font-size: 12px;
    color: #eaf9ff;
    line-height: 22px;
    text-align: justify;
    position: absolute;
    left: 302px;
    top: 622px;
}

.procedure_content .p3 {
    width: 314px;
    height: 140px;
    font-size: 12px;
    color: #eaf9ff;
    line-height: 22px;
    text-align: justify;
    position: absolute;
    left: 216px;
    top: 458px;
}

.procedure_content .p4 {
    width: 350px;
    height: 140px;
    font-size: 12px;
    color: #eaf9ff;
    line-height: 22px;
    text-align: justify;
    position: absolute;
    left: 50px;
    top: 300px;
}

.procedure_content .p5 {
    width: 360px;
    height: 140px;
    font-size: 12px;
    color: #eaf9ff;
    line-height: 22px;
    text-align: justify;
    position: absolute;
    left: 62px;
    top: 136px;
}

.procedure_content .p6 {
    width: 310px;
    height: 140px;
    font-size: 12px;
    color: #eaf9ff;
    line-height: 22px;
    text-align: justify;
    position: absolute;
    left: 190px;
    top: 10px;
}

.procedure_content .p7 {
    width: 242px;
    height: 140px;
    font-size: 12px;
    color: #eaf9ff;
    line-height: 22px;
    text-align: justify;
    position: absolute;
    left: 524px;
    top: 150px;
}

.procedure_content .p8 {
    width: 242px;
    height: 140px;
    font-size: 12px;
    color: #eaf9ff;
    line-height: 22px;
    text-align: justify;
    position: absolute;
    left: 870px;
    top: 182px;
}


/*--- extension_page  ---*/

.extension_banner {
    width: 100%;
    height: 540px;
    position: relative;
    background: url(../images/extension_banner.jpg) no-repeat center top;
}

#extension_page {
    margin: 0 auto;
    width: 100%;
    height: 164px;
    position: relative;
    margin-top: 0px;
}

#extension_page h2 {
    margin: 0 auto;
    padding-top: 26px;
    width: 1280px;
    height: 36px;
    line-height: 36px;
    font-size: 30px;
    text-align: center;
    color: #232323;
    font-weight: bold;
}

.extension_title_content {
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    color: #787878;
}

.extension_nav {
    margin: 0 auto;
    margin-top: 6px;
    width: 1200px;
    height: 34px;
}

.extension_nav ul {
    margin: 0 auto;
    width: 600px;
    padding-left: 18px;
    display: flex;
    justify-content: center;
}

.extension_nav li {
    float: left;
    width: 200px;
    height: 34px;
    background: #888;
    margin-right: 18px;
    height: 34px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    color: #fff;
    line-height: 34px;
}

.extension_nav li a {
    width: 200px;
    height: 34px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
    display: block;
}

.extension_nav li a:hover {
    font-weight: bold;
}

.extension_258sw_title_warp {
    width: 100%;
    height: 360px;
    background: #333333;
    padding: 30px 0
}

.extension_258sw_con {
    margin: 0 auto;
    width: 1200px;
    height: 360px;
    position: relative;
    overflow: hidden;
}

.extension_258sw_title {
    width: 640px;
    position: absolute;
    left: -640px;
}

.extension_258sw_title h2 {
    margin-left: 12px;
    padding-top: 58px;
    width: 588px;
    height: 36px;
    line-height: 36px;
    font-size: 30px;
    text-align: left;
    color: #e98d06;
    font-weight: bold;
}

.extension_258sw_title h6 {
    margin-left: 12px;
    width: 588px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: left;
    color: #fff;
}

.extension_258sw_title .extension_258sw_text {
    margin: 24px 0 0 12px;
    width: 588px;
    height: 96px;
    font-size: 14px;
    line-height: 30px;
    color: #ccc;
    text-align: justify;
}

.extension_258sw_title .more {
    margin-left: 12px;
    width: 146px;
    height: 38px;
    border: #e98d06 1px solid;
}

.extension_258sw_title .more a {
    width: 146px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #e98d06;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    display: block;
}

.extension_258sw_pic {
    width: 512px;
    padding: 5px 0 0 0;
    position: absolute;
    right: -512px;
}

.extension_syb_title_warp {
    width: 100%;
    background: #ededed;
    padding: 0 0 50px 0
}

.extension_syb_con {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.extension_syb_pic {
    width: 508px;
    padding: 40px 0 0 0;
    position: relative;
    left: -508px;
}

.extension_syb_title {
    width: 640px;
    position: relative;
    right: -570px;
}

.extension_syb_title_content {}

.extension_syb_title h2 {
    margin-right: 12px;
    padding-top: 58px;
    width: 570px;
    line-height: 36px;
    font-size: 30px;
    text-align: left;
    color: #e98d06;
    font-weight: bold;
}

.extension_syb_title h6 {
    margin-right: 12px;
    width: 570px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: left;
    color: #333;
}

.extension_syb_title .extension_syb_text {
    margin: 26px 12px 0 0;
    width: 640px;
    height: 80px;
    font-size: 14px;
    line-height: 30px;
    color: #646464;
    text-align: justify;
}

.extension_syb_title .more {
    margin: 24px 12px 0 0;
    width: 146px;
    height: 38px;
    border: #4091c2 1px solid;
}

.extension_syb_title .more a {
    width: 146px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #4091c2;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    display: block;
}

.extension_syb_title_content ul {
    padding: 20px 0 0 10px
}

.extension_syb_title_content li {
    float: left;
    width: 198px;
    margin: 0 10px 10px 0;
    line-height: 40px;
    color: #666;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #666;
    border-radius: 20px 0 20px 0
}

.extension_syb_title_content li:hover {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #e98d06;
    border-radius: 20px 0 20px 0;
    background: #e98d06
}


/*xuanchuanyi*/

.xuanchuanyi {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 45px;
}

.xuanchuanyi li {
    width: 225px;
    float: left;
    margin-right: 15px;
    height: 210px;
    opacity: 0;
    border-radius: 40px 0 40px 0
}

.xuanchuanyi li h2 {
    margin: 0 15px;
    line-height: 65px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding: 10px 0 0 0
}

.xuanchuanyi li p {
    margin: 0 15px;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    padding: 10px 0 0 0
}

.xuanchuanyi li.a {
    background: #e4ab63
}

.xuanchuanyi li.a h2 {
    border-bottom: 1px solid #ecc492
}

.xuanchuanyi li.b {
    background: #65bcd8
}

.xuanchuanyi li.b h2 {
    border-bottom: 1px solid #94d0e4
}

.xuanchuanyi li.c {
    background: #70a5d9
}

.xuanchuanyi li.c h2 {
    border-bottom: 1px solid #9bc0e4
}

.xuanchuanyi li.d {
    background: #79c256
}

.xuanchuanyi li.d h2 {
    border-bottom: 1px solid #a1d489
}

.xuanchuanyi li.e {
    background: #e9cb6b
}

.xuanchuanyi li.e h2 {
    border-bottom: 1px solid #f0db98
}

.core_competence {
    margin: 0 auto;
    width: 1200px;
    height: 516px;
    padding: 32px 0 36px;
    background: #fff;
}

.core_competence_titile {
    margin-left: 22px;
    width: 104px;
    height: 516px;
    background: url(../images/core_competence_titile_bg.png) no-repeat center right;
    position: relative;
    opacity: 0;
    top: 50px;
}

.core_competence_titile span {
    padding-top: 42px;
    width: 54px;
    height: 168px;
    font-size: 30px;
    text-align: center;
    color: #fff;
    line-height: 32px;
    font-weight: bold;
    background: #e98d06;
    display: block;
    position: absolute;
    left: 0;
    top: 152px;
}

.core_competence_ul {
    width: 1074px;
    height: 516px;
    overflow: hidden;
    margin-top: 60px;
    opacity: 0;
}

.core_competence_ul ul {
    width: 1074px;
    height: 535px;
    position: relative;
}

.core_competence_ul li {
    margin-bottom: 20px;
    padding-left: 180px;
    width: 894px;
    height: 87px;
}

.core_competence_ul .ll1 {
    background: url(../images/core_competence_ul_bg.png) no-repeat;
}

.core_competence_ul .ll2 {
    background: url(../images/core_competence_ul_bg2.png) no-repeat;
}

.core_competence_ul .ll3 {
    background: url(../images/core_competence_ul_bg3.png) no-repeat;
}

.core_competence_ul .ll4 {
    background: url(../images/core_competence_ul_bg4.png) no-repeat;
}

.core_competence_ul .ll5 {
    background: url(../images/core_competence_ul_bg5.png) no-repeat;
}

.core_competence_ul li h5 {
    padding-top: 12px;
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    text-align: left;
    color: #ef8d0e;
}

.core_competence_ul li p {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #666;
}

.extension_6advantage {
    width: 100%;
    height: 360px;
    background: url(../images/6advantage_bg.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    opacity: 0
}

.extension_6advantage_title {
    margin: 0 auto;
    padding: 46px 0 38px;
    width: 1200px;
    height: 30px;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: url(../images/extension_6advantage_title_bg.png) no-repeat center;
}

.extension_6advantage_ulwarp {
    margin: 0 auto;
    width: 1104px;
    overflow: hidden;
}

.extension_6advantage ul {
    width: 1152px;
    height: 200px;
}

.extension_6advantage li {
    float: left;
    margin: 0 54px 8px 0;
    width: 328px;
    height: 92px;
    background: #fff;
    border: #d8dadb 1px solid;
}

.extension_6advantage li .cimg {
    width: 68px;
    height: 68px;
    margin: 24px 0 0 84px;
}

.extension_6advantage li p {
    margin: 24px 0 0 18px;
    width: 154px;
    font-size: 16px;
    text-align: left;
    color: #5e5e5e;
    line-height: 24px;
}

.extension_ul {
    margin: 0 auto;
    padding: 36px 0 38px;
    width: 1200px;
    height: 356px;
    background: #fff;
    overflow: hidden;
}

.extension_ul ul {
    width: 1254px;
    height: 356px;
}

.extension_ul li {
    float: left;
    margin-right: 54px;
    width: 360px;
    height: 356px;
    background: #e98d06;
    border: #e98d06 1px solid;
    position: relative;
    cursor: pointer
}

.extension_li_a,
.extension_li_b,
.extension_li_c {
    top: 356px;
    opacity: 0
}

.extension_ul li .zzimg1 {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    background: url(../images/zzimg1.png) no-repeat;
    position: absolute;
    bottom: 78px;
    left: 138px;
}

.extension_ul li .zzimg2 {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    background: url(../images/zzimg1.png) no-repeat center;
    position: absolute;
    bottom: 78px;
    left: 138px;
}

.extension_ul li .zzimg3 {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    background: url(../images/zzimg1.png) no-repeat bottom;
    position: absolute;
    bottom: 78px;
    left: 138px;
}

.extension_ul li .zzimg1 h6 {
    margin-top: 54px;
    width: 90px;
    height: 18px;
    line-height: 18px;
    font-size: 15px;
    color: #444;
    text-align: center;
}

.extension_ul li .zzimg2 h6 {
    margin-top: 54px;
    width: 90px;
    height: 18px;
    line-height: 18px;
    font-size: 15px;
    color: #444;
    text-align: center;
}

.extension_ul li .zzimg3 h6 {
    margin-top: 54px;
    width: 90px;
    height: 18px;
    line-height: 18px;
    font-size: 15px;
    color: #444;
    text-align: center;
}

.extension_ul li p {
    margin: 0 auto;
    padding-top: 64px;
    width: 336px;
    height: 60px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}


/*--- B2B  ---*/

.b2b_banner {
    width: 100%;
    height: 542px;
    position: relative;
    background: url(../images/b2b_banner.jpg) no-repeat center top;
}

#b2b_page {
    margin: 0 auto;
    width: 100%;
    height: 164px;
    background: #fff;
}

#b2b_page h2 {
    margin: 0 auto;
    padding-top: 26px;
    width: 1200px;
    line-height: 66px;
    font-size: 36px;
    text-align: center;
    color: #e98d06;
    font-weight: bold;
}

.b2b_title_content {
    margin: 0 auto;
    height: 36px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #787878;
}

.b2b_nav {
    margin: 0 auto;
    margin-top: 6px;
    width: 1200px;
    height: 34px;
}

.b2b_nav ul {
    margin: 0 auto;
    width: 324px;
    padding-left: 18px;
}

.b2b_nav li {
    float: left;
    width: 144px;
    height: 34px;
    background: #333;
    margin-right: 18px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
}

.b2b_nav li a {
    width: 144px;
    height: 34px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
    display: block;
}

.b2b_nav li a:hover {
    font-weight: bold;
}

.conghui_title_warp {
    width: 100%;
    height: 456px;
    background: #e9e9e9;
}

.conghui_title_warp .conghui_text {
    margin: 24px auto 0 auto;
    width: 1200px;
    height: 420px;
    font-size: 15px;
    line-height: 30px;
    color: #646464;
    overflow: hidden;
    position: relative
}

.conghui_title_warp .conghui_text .conghui_wenzi {
    width: 666px;
    position: absolute;
    left: -666px;
    line-height: 30px;
}

.conghui_title_warp .conghui_text h2 {
    padding-top: 94px;
    height: 66px;
    line-height: 36px;
    font-size: 30px;
    text-align: left;
    color: #e98d06;
    font-weight: bold;
}

.conghui_title_warp .conghui_text .conghui_pic {
    position: absolute;
    right: -666px;
    padding: 15px 0 0 0
}

.conghui_title2_warp {
    width: 100%;
    height: 510px;
    background: #232323;
}

.conghui_con2 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 510px;
    overflow: hidden
}

.conghui_title2 {
    width: 710px;
    right: 0;
    bottom: -510px;
    height: 510px;
    position: absolute
}

.conghui_title2_t {
    padding-top: 90px;
    height: 36px;
}

.conghui_title2 h2 {
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    display: inline;
}

.conghui_title2 .h3 {
    padding-left: 22px;
    width: 260px;
    height: 36px;
    line-height: 36px;
    font-size: 28px;
    font: normal;
    color: #fbac30;
    display: inline;
}

.conghui_title2 .conghui_text {
    margin-top: 30px;
    height: 278px;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    text-align: justify;
}

.conghui_con2_pic {
    position: absolute;
    left: 0;
    top: -520px;
    width: 379px;
    height: 482px;
}

.chengxintong_warp {
    width: 100%;
    height: 500px;
    background: #e8e8e8;
}

.chengxintong_con {
    margin: 0 auto;
    width: 1200px;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.chengxintong_con .chengxintong_pic {
    width: 608px;
    height: 452px;
    position: absolute;
    right: -608px;
    top: 45px;
}

.chengxintong_t {
    padding-top: 70px;
    width: 560px;
    height: 380px;
    position: absolute;
    left: -560px;
}

.chengxintong_t h2 {
    height: 60px;
    font-size: 36px;
    font-weight: bold;
    line-height: 60px;
    color: #333333;
    display: inline;
}

.chengxintong_t h3 {
    height: 60px;
    font-size: 36px;
    line-height: 60px;
    color: #ec7225;
    display: inline;
}

.chengxintong_t p {
    font-size: 15px;
    line-height: 26px;
    color: #646464;
}

.b2b_ul {
    margin: 0 auto;
    width: 1200px;
    height: 540px;
    overflow: hidden;
}

.b2b_ul ul {
    margin-top: 30px;
    width: 1230px;
}

.b2b_ul li {
    float: left;
    margin-right: 30px;
    width: 380px;
    height: 420px;
    padding-top: 10px;
    background: #ececec
}

.b2b_ul li .title {
    width: 282px;
    height: 66px;
    text-align: center;
    margin: 0 auto;
    padding: 0
}

.b2b_ul li .title .h1 {
    font-size: 30px;
    line-height: 46px;
    color: #fff;
    display: inline;
}

.b2b_ul li .title .h2 {
    font-size: 30px;
    line-height: 66px;
    font-weight: bold;
    color: #fff;
    display: inline;
}

.b2b_ul li .content {
    margin-left: 14px;
    width: 352px;
    height: 302px;
    background: #e0eafe;
}

.b2b_ul li .content img {
    width: 352px;
    height: 220px;
}

.b2b_ul li .content .h4 {
    margin-top: 8px;
    line-height: 36px;
    font-size: 24px;
    color: #232323;
    font: normal;
    text-align: center;
}

.b2b_ul li .content p {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    text-align: center;
}

.b2b_a,
.b2b_b,
.b2b_c {
    top: 356px;
    opacity: 0
}

.b2b_ul li.yellow {
    background: #e98d06;
}

.b2b_ul li.green {
    background: #41ce9e;
}

.b2b_ul li.bule {
    background: #418ece;
}

.chengxintong_list {
    width: 100%;
    margin: 30px auto;
    text-align: center;
}

.chengxintong_list h2 {
    font-size: 36px;
    color: #ff7300;
    margin: 50px 0 20px
}

.chengxintong_list p {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px
}

.chengxintong_list .bg1 {
    background: #f4f4f4;
    padding: 0px 0
}


/*---  basic_service_page  ---*/

.basic_service_banner {
    width: 100%;
    height: 570px;
    background: url(../images/basic_service_banner_bg.jpg) no-repeat center top;
}

.domain_registration {
    width: 100%;
    height: 642px;
}

.domain_registration_title {
    margin: 0 auto;
    width: 1200px;
    height: 92px;
    border-bottom: #d6d6d6 1px solid;
}

.domain_registration_title h2 {
    float: left;
    padding-left: 525px;
    width: 144px;
    height: 92px;
    font-size: 30px;
    font-weight: bold;
    line-height: 92px;
    text-align: left;
    color: #e98d06;
}

.domain_registration_title h6 {
    float: left;
    padding-top: 4px;
    width: 530px;
    height: 88px;
    font-size: 18px;
    font-weight: normal;
    line-height: 88px;
    color: #666;
}

.domain_registration_content_ul {
    margin: 0 auto;
    padding: 0 14px;
    width: 1176px;
    height: 282px;
    position: relative;
}

.domain_registration_content_ul ul {
    padding: 42px 0 52px;
}

.domain_registration_content_ul li {
    margin: 0 0 2px 14px;
    width: 1152px;
    height: 110px;
}

.domain_registration_content_ul h3 {
    padding-left: 24px;
    width: 1128px;
    height: 24px;
    font-size: 18px;
    line-height: 24px;
    color: #666;
    background: url(../images/domain_registration_title_content_bg.png) no-repeat center left;
}

.domain_registration_content_ul p {
    padding-left: 24px;
    width: 1128px;
    height: 84px;
    font-size: 14px;
    line-height: 28px;
    color: #646464;
}

.domain_registration_ul_wrap {
    width: 100%;
    height: 266px;
    background: #282828;
}

.domain_registration_ul {
    margin: 0 auto;
    width: 1200px;
    height: 266px;
    background: url(../images/domain_registration_ul_bg.jpg) no-repeat;
    position: relative;
}

.domain_registration_ul img {
    position: absolute;
    top: -90px;
    right: -42px;
}

.domain_registration_ul ul {
    padding: 42px 0 0 42px;
    width: 768px;
    height: 32px;
}

.domain_registration_ul li {
    float: left;
    margin-right: 2px;
    width: 124px;
    height: 30px;
    background: #f6f6f6;
    text-align: center;
    line-height: 30px;
}

.domain_registration_ul li.crnt {
    color: red
}

.domain_registration_ul li a {
    width: 124px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #406182;
    display: block;
}

.domain_registration_ul li a:hover {
    font-weight: bold;
}

.domain_registration_ul_content {
    margin: 58px 0 0 34px;
    width: 746px;
    height: 76px;
    position: relative
}

.domain_registration_ul_content span {
    margin-left: 40px;
    width: 620px;
    height: 76px;
    display: block;
}

.domain_registration_ul_content span h6 {
    font-size: 18px;
    margin-left: 100px;
    font-weight: normal;
    color: #fff;
    line-height: 42px;
    text-align: left;
}

.domain_registration_ul_content span p {
    font-size: 12px;
    margin-left: 100px;
    color: #fff;
    line-height: 20px;
    text-align: left;
}

.domain_registration_ul_content .left_btn {
    background: url(../images/domain_registration_ul_content_navbtn_l.png) no-repeat center left;
    position: absolute;
    height: 76px;
    width: 23px;
    top: 0;
    left: 0
}

.domain_registration_ul_content .right_btn {
    background: url(../images/domain_registration_ul_content_navbtn_r.png) no-repeat center left;
    position: absolute;
    height: 76px;
    width: 23px;
    top: 0;
    right: 0
}

.domain_registration_ul_content .domain_registration_ul_content_children {
    width: 660px;
    margin: 0 20px;
    overflow: hidden;
}

.domain_registration_ul_content .domain_registration_ul_content_gr {
    width: 8000px
}

.domain_registration_ul_content .domain_registration_ul_content_gr div {
    float: left;
    width: 680px;
    height: 95px;
}

.domain_registration_ul_content span.s_a {
    background: url(../images/yuming_a.png) no-repeat left;
}

.domain_registration_ul_content span.s_b {
    background: url(../images/yuming_b.png) no-repeat left;
}

.domain_registration_ul_content span.s_c {
    background: url(../images/yuming_c.png) no-repeat left;
}

.domain_registration_ul_content span.s_d {
    background: url(../images/yuming_d.png) no-repeat left;
}

.domain_registration_ul_content span.s_e {
    background: url(../images/yuming_e.png) no-repeat left;
}

.domain_registration_ul_content span.s_f {
    background: url(../images/yuming_f.png) no-repeat left;
}

.webhost {
    margin: 0 auto;
    width: 1200px;
    height: 674px;
}

.webhost_title {
    margin: 0 auto;
    padding-bottom: 6px;
    width: 1200px;
    height: 108px;
}

.webhost_title h2 {
    float: left;
    padding-left: 394px;
    width: 144px;
    height: 108px;
    font-size: 30px;
    font-weight: bold;
    line-height: 108px;
    text-align: left;
    color: #e98d06;
}

.webhost_title h6 {
    float: left;
    padding-top: 4px;
    width: 300px;
    height: 104px;
    font-size: 18px;
    font-weight: normal;
    line-height: 104px;
    color: #666;
}

.webhost_ul_nav {
    margin: 0 auto;
    padding-bottom: 10px;
    width: 1200px;
    height: 240px;
}

.webhost_ul_nav ul {
    margin-top: 6px;
}

.webhost_ul_nav li {
    float: left;
    width: 300px;
    height: 240px;
}

.webhost_ul_nav li img {
    margin: 0 0 4px 70px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
}

.webhost_ul_nav li img.cover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.webhost_ul_nav li h4 {
    padding: 0 20px;
    width: 260px;
    height: 40px;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    color: #666;
    font-weight: normal;
}

.webhost_ul_nav li p {
    padding: 0 20px;
    width: 260px;
    height: 60px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #999;
}

.webhost_ul_navimg {
    margin: 0 auto;
    margin-bottom: 34px;
    width: 1200px;
    height: 248px;
}

.webhost_ul_navimg ul {
    width: 1186px;
    height: 248px;
    border-left: #f6f6f6 14px solid;
}

.webhost_ul_navimg li {
    float: left;
    position: relative;
    cursor: pointer
}

.webhost_ul_navimg li.blue {
    width: 120px;
    height: 248px;
    background: #51b7dc;
}

.webhost_ul_navimg li.cyan {
    width: 120px;
    height: 248px;
    background: #51d7dc;
}

.webhost_ul_navimg li.green {
    width: 120px;
    height: 248px;
    background: #85dc51;
}

.webhost_ul_navimg li.orange {
    width: 120px;
    height: 248px;
    background: #f2a12e;
}

.webhost_ul_navimg li.red {
    width: 120px;
    height: 248px;
    background: #f24a2e;
}

.webhost_ul_navimg li.liactive {
    height: 248px;
    background: #51b7dc;
}

.webhost_ul_navimg .t_img_b {
    float: left;
    padding: 44px 0 0 36px;
    width: 122px;
    height: 194px;
}


/*.webhost_ul_navimg .imgs{ padding:34px 20px 0 20px; width:80px; height:80px;}*/

.webhost_ul_navimg .imgs {
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: 60% auto;
    height: 208px;
    width: 120px;
    float: left;
    position: relative;
}

.webhost_ul_navimg h5 {
    font-size: 20px;
    width: 30%;
    margin-left: 35%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: normal;
    color: #fff;
    position: absolute;
    top: 45%
}

.webhost_ul_navimg h6 {
    padding: 16px 44px 0 44px;
    width: 32px;
    height: 108px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
    color: #fff;
}

.webhost_ul_navimg .text {
    position: absolute;
    left: 200px;
    top: 30px;
    width: 480px;
    height: 194px;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #fff;
}

.mailbox {
    margin: 0 auto;
    width: 1200px;
    height: 648px;
    background: url(../images/mailbox_img.png) no-repeat right top;
}

.mailbox_title {
    padding-top: 16px;
    width: 1200px;
    height: 108px;
}

.mailbox_title h2 {
    float: left;
    width: 144px;
    height: 108px;
    font-size: 30px;
    font-weight: bold;
    line-height: 108px;
    text-align: left;
    color: #2a8ec7;
}

.mailbox_title h6 {
    float: left;
    padding-top: 4px;
    width: 530px;
    height: 104px;
    font-size: 18px;
    font-weight: normal;
    line-height: 104px;
    color: #2a8ec7;
}

.mailbox_content_ul {
    width: 730px;
    height: 210px;
}

.mailbox_content_ul ul {
    width: 730px;
    height: 220px;
}

.mailbox_content_ul li {
    margin-bottom: 20px;
    width: 730;
    height: 90px;
}

.mailbox_content_ul h3 {
    width: 730px;
    height: 32px;
    font-size: 18px;
    line-height: 32px;
    color: #333;
}

.mailbox_content_ul p {
    width: 726px;
    height: 84px;
    font-size: 14px;
    line-height: 26px;
    color: #888;
}

.mailbox_advantage {
    margin-top: 42px;
    width: 1200px;
    height: 270px;
    position: relative;
}

.mailbox_advantage .limg {
    margin: 42px 0 0 16px;
    width: 248px;
    height: 248px;
    position: absolute;
    left: 0;
    top: 0;
}

.mailbox_advantage ul {
    float: right;
    margin-top: 48px;
    width: 888px;
    height: 220px;
}

.mailbox_advantage li {
    float: left;
    margin: 0 46px 24px 0;
    width: 398px;
    height: 86px;
}

.mailbox_advantage li img {
    float: left;
    margin-right: 16px;
    width: 86px;
    height: 86px;
}

.mailbox_advantage li h6 {
    float: right;
    width: 294px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    text-align: left;
    color: #333;
}

.mailbox_advantage li p {
    float: right;
    width: 294px;
    height: 64p;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #999;
}

#si_tel_wrap {
    width: 100%;
    height: 780px;
    background: #3a92d5;
}

.si_tel {
    margin: 0 auto;
    width: 1200px;
    height: 780px;
    position: relative;
    overflow: hidden;
}

.si_tel_title {
    width: 1200px;
    height: 76px;
    border-bottom: #5ca3d9 1px solid;
    position: absolute;
    top: 300px;
    padding-bottom: 20px;
    opacity: 0
}

.si_tel_title_t {
    width: 1200px;
    height: 46px;
    font-size: 30px;
    line-height: 46px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.si_tel_title_b {
    width: 1200px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.si_tel_img_ul {
    margin: 0 auto;
    padding: 0 33px;
    width: 1134px;
    height: 214px;
    overflow: hidden;
    position: absolute;
    top: 460px;
    opacity: 0
}

.si_tel_img_ul ul {
    padding: 30px 0 40px;
    width: 1152px;
    height: 146px;
    position: relative
}

.si_tel_img_ul li {
    margin-right: 18px;
    width: 126px;
    height: 146px;
    position: absolute;
    top: 30px;
}

.si_tel_img_ul li img {
    margin-left: 18px;
}

.si_tel_img_ul li p {
    padding: 10px 8px 0 8px;
    width: 110px;
    height: 44px;
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    text-align: center;
}

.si_tel_ul {
    width: 1200px;
    height: 358px;
    position: absolute;
    top: 780px;
    opacity: 0
}

.si_tel_ul li {
    float: left;
    width: 200px;
    height: 116px;
    background: #fff;
    margin-bottom: 1px;
    position: relative;
}

.si_tel_ul li.gray {
    width: 200px;
    height: 116px;
    background: #e4e6ea;
    position: relative;
}

.si_tel_ul li .si_tel_img {
    clear: both;
    display: block;
    margin: auto;
    padding-top: 14px;
}

.si_tel_ul li p {
    padding: 0 14px;
    width: 172px;
    height: 48px;
    font-size: 18px;
    color: #666;
    text-align: center;
    line-height: 48px;
    position: absolute;
    bottom: 0;
}


/*zizhi gundong*/

.friend {
    margin: 0 auto;
    padding: 26px 0 58px;
    width: 1280px;
    height: 236px;
    position: relative;
}

.mr_frbox {
    height: auto;
    padding: 24px 0px 0px;
    position: relative
}

.mr_frBtnL,
.mr_frBtnR {
    cursor: pointer;
    position: absolute;
    top: 100px;
}

.mr_frBtnL {
    left: 0;
}

.mr_frBtnR {
    right: 0;
}

.mr_frUl {
    margin: 0 auto;
    width: 1200px;
    height: 238px;
    overflow: hidden
}

.mr_frUl ul li {
    display: inline;
    float: left;
    /*height:389px;*/
    width: 322px;
    height: 238px;
    overflow: hidden;
    position: relative;
    margin: 0 5px;
}

.mr_frUl ul li p {
    text-align: center;
    line-height: 35px;
}


/*youhua gundong*/

.you_friend {
    margin: 0 auto;
    padding: 0 0 58px 0;
    width: 1200px;
    position: relative;
}

.you_mr_frbox {
    height: auto;
    padding: 0;
    position: relative
}

.you_friend .mr_frBtnL,
.you_friend .mr_frBtnR {
    cursor: pointer;
    position: absolute;
    top: 370px;
}

.you_friend .mr_frBtnL {
    left: 45%;
}

.you_friend .mr_frBtnR {
    right: 45%;
}

.you_mr_frUl {
    margin: 0 auto;
    width: 1200px;
    height: 380px;
    overflow: hidden
}

.you_mr_frUl ul li {
    display: inline;
    float: left;
    /*height:389px;*/
    width: 400px;
    height: 380px;
    overflow: hidden;
    position: relative;
}

.you_mr_frUl ul li p {
    text-align: center;
    line-height: 35px;
}

.you_li {
    width: 374px;
    border: 1px solid #CCC;
    margin: 0 auto;
    background: #ececec
}

.zhaotong_history {
    width: 100%;
    height: 786px;
    background: url(../images/lichengaa.jpg) no-repeat center top;
    position: relative;
    overflow: hidden;
}

.zhaotong_history_title {
    width: 1200px;
    height: 100px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -600px;
    opacity: 0
}

.zhaotong_history_title h2 {
    margin: 20px 0 0 446px;
    width: 130px;
    height: 80px;
    font-size: 30px;
    line-height: 80px;
    color: #f6ac0c;
    display: inline;
}

.zhaotong_history_title h4 {
    margin: 20px 0 0 14px;
    width: 200px;
    height: 80px;
    font-size: 18px;
    line-height: 80px;
    color: #fff;
    display: inline;
}

.zhaotong_history_content .lultitle {
    float: right;
    padding-left: 28px;
    width: 564px;
    font-size: 20px;
    text-align: left;
    vertical-align: middle;
    color: #000;
}

.zhaotong_history_content .rultitle {
    float: left;
    padding-right: 28px;
    width: 564px;
    font-size: 20px;
    text-align: right;
    vertical-align: middle;
    color: #000;
}

.zhaotong_history_content div {
    width: 564px;
    height: 52px;
    line-height: 52px;
    font-size: 20px;
    text-align: left;
    color: #000;
    position: absolute;
    opacity: 0
}

.zhaotong_history_content .lh1 {
    text-align: left;
    top: 22px;
    right: 0
}

.zhaotong_history_content .lh2 {
    text-align: left;
    top: 309px;
    right: 0
}

.zhaotong_history_content .lh3 {
    text-align: left;
    top: 518px;
    right: 0;
}

.zhaotong_history_content .rh1 {
    text-align: right;
    top: 165px;
    left: 0
}

.zhaotong_history_content .rh2 {
    text-align: right;
    top: 405px;
    left: 0;
}

.zhaotong_history_content li {
    width: 606px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    color: #dbeefa;
}


/*.zhaotong_history_content li.left{background:url(../images/zhaotong_history_content_img_l.png) no-repeat right;}

.zhaotong_history_content li.left span{margin-right:25px;text-align:right;float:right;width:100%;}

.zhaotong_history_content li.right{background:url(../images/zhaotong_history_content_img_r.png) no-repeat left;float:right}

.zhaotong_history_content li.right span{ margin-left:25px;text-align:left;width:100%;}

*/

.zhaotong_history_content_lul {
    left: 1px;
    width: 608px;
}

.zhaotong_history_content_lul li {
    text-align: right;
    color: #dbeefa;
    background: url(../images/zhaotong_history_content_img_l.png) no-repeat right;
}

.zhaotong_history_content_lul li span {
    margin-right: 25px;
    text-align: right;
    float: right;
    width: 100%;
}

.zhaotong_history_content_rul {
    right: 0;
    width: 608px;
}

.zhaotong_history_content_rul li {
    text-align: left;
    color: #dbeefa;
    background: url(../images/zhaotong_history_content_img_r.png) no-repeat left;
}

.zhaotong_history_content_rul li span {
    margin-left: 25px;
    text-align: left;
    width: 100%;
}

.zhaotong_history_content ul {
    position: absolute;
    opacity: 0
}

#zhaotong_history_1 {
    top: 125px;
}

#zhaotong_history_2 {
    top: 240px;
}

#zhaotong_history_3 {
    top: 580px;
}

#zhaotong_history_4 {
    top: 800px;
}

#zhaotong_history_5 {
    top: 1100px;
}

.zhaotong_advantage {
    margin: 0 auto;
    width: 1200px;
    height: 630px;
}

.zhaotong_advantage_title {
    padding: 46px 0;
    width: 284px;
    margin: 0 auto;
    height: 40px;
    background: url(../images/advantage.jpg) no-repeat right 55px;
}

.zhaotong_advantage_title h3 {
    height: 40px;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    color: #3288bb;
    display: inline;
}

.zhaotong_advantage_title img {
    padding-left: 16px;
    display: inline;
}

.zhaotong_advantage_content_l {
    padding: 12px 0 42px;
    width: 640px;
    height: 412px;
    background: url(../images/zhaotong_advantage_img_l.png) no-repeat center right;
}

.zhaotong_advantage_content_l h2 {
    margin: 120px 0 0 26px;
    font-size: 45px;
    line-height: 64px;
    text-align: left;
    color: #5c5d5d;
}

.zhaotong_advantage_content_l h1 {
    margin-left: 26px;
    width: 410px;
    font-size: 68px;
    line-height: 54px;
    text-align: left;
    color: #fff;
    background: #f79624;
}

.zhaotong_advantage_content_r {
    width: 533px;
    overflow: hidden;
    position: relative;
}

.zhaotong_advantage_content_r ul {
    height: 468px;
}

.zhaotong_advantage_content_r li {
    height: 140px;
    position: absolute;
    left: 0
}

.zhaotong_advantage_content_r li.one {
    background: url(../images/zhaotong_advantage_img_r1.png) no-repeat left 10px;
    top: 10px
}

.zhaotong_advantage_content_r li.two {
    background: url(../images/zhaotong_advantage_img_r2.png) no-repeat left 10px;
    top: 126px;
}

.zhaotong_advantage_content_r li.three {
    background: url(../images/zhaotong_advantage_img_r3.png) no-repeat left 0;
    top: 258px;
}

.zhaotong_advantage_content_r li.four {
    background: url(../images/zhaotong_advantage_img_r4.png) no-repeat left 10px;
    top: 370px;
}

.zhaotong_advantage_content_r li h5 {
    padding-left: 76px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #5c5d5d;
    font-weight: bold
}

.zhaotong_advantage_content_r li p {
    padding-left: 76px;
    line-height: 23px;
    color: #5c5d5d;
    font-size: 13px;
}

.zhaotong_news {
    height: 590px;
    background: url(../images/zhaotong_news_bg.jpg) no-repeat center top;
}

.zhaotong_news ul {
    margin: 0 auto;
    padding: 30px 0 0 20px;
    width: 1172px;
    height: 350px;
    overflow: hidden;
}

.zhaotong_news li {
    float: left;
    margin-right: 20px;
    width: 370px;
    height: 350px;
    background: #eaeaea;
    position: relative;
}

.zhaotong_news li h4 {
    margin: 0 auto;
    margin-top: 16px;
    width: 334px;
    height: 32px;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    color: #0b0b0b;
    text-align: left;
}

.zhaotong_news li time {
    margin: 0 auto;
    width: 334px;
    font-size: 12px;
    color: #a0a0a0;
    text-align: left;
    display: block;
}

.zhaotong_news li span {
    position: absolute;
    left: 30px;
    top: 151px;
    width: 32px;
    height: 16px;
    z-index: 40;
    display: block;
    background: url(../images/zhaotong_news_zz_icon.png) no-repeat;
}

.zhaotong_news li p {
    margin: 0 auto;
    padding-top: 12px;
    width: 334px;
    font-size: 14px;
    color: #9c9b9b;
    line-height: 26px;
    text-align: justify;
    text-indent: 2em;
}

.zhaotong_news li img {
    position: absolute;
    bottom: 0;
}

.zhaotong_news_title_wrap {
    margin: 0 auto;
    width: 1200px;
    height: 90px;
    background: url(../images/zhaotong_news_title_bg.jpg) repeat-x;
}

.zhaotong_news_title {
    margin: 0 auto;
    padding: 46px 0 0 40px;
    width: 336px;
    height: 44px;
}

.zhaotong_news_title span {
    float: left;
    margin-right: 40px;
    width: 128px;
    height: 44px;
    background: #ededed;
    display: block;
}

.zhaotong_news_title a {
    width: 128px;
    height: 44px;
    font-size: 18px;
    color: #333;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    display: block;
    text-decoration: none;
}

.zhaotong_news_title a:hover {
    color: #fff;
    background: #3da6d6;
}

.zhaotong_news li span {
    position: absolute;
    left: 30px;
    top: 151px;
    width: 32px;
    height: 16px;
    z-index: 40;
    display: block;
    background: url(../images/news_index_zz_icon.png) no-repeat;
}

.zhaotong_news_more {
    margin: 0 auto;
    margin-top: 26px;
    width: 210px;
    height: 44px;
    background: url(../images/zhaotong_news_more_bg_r.png) no-repeat right;
}

.zhaotong_news_more a {
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border-radius: 25px;
    background: #f8a81b
}

.zhaotong_news_more a:hover {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}


/*---  join_us_page  ---*/

.join_us_banner {
    width: 100%;
    height: 529px;
    background: url(../images/join_us_bnner_bg.jpg) no-repeat center top;
}

.join_us_title {
    margin: 0 auto;
    padding: 20px 0;
    width: 1200px;
    text-align: center;
    border-bottom: #d0d0d0 1px solid;
}

.join_us_title h1 {
    height: 82px;
    line-height: 82px;
    font-size: 36px;
    font-weight: bold;
    color: #e88c1f;
    display: inline;
}

.join_us_title h2 {
    height: 82px;
    line-height: 82px;
    font-size: 36px;
    font-weight: bold;
    color: #626161;
    display: inline;
}

.join_us_title h3 {
    margin-left: 20px;
    height: 82px;
    line-height: 82px;
    font-size: 30px;
    font-weight: bold;
    color: #bab9b9;
    display: inline;
}

.join_us_title p {
    color: #777
}

.join_us_content_ul {
    margin: 0 auto;
    width: 1020px;
    height: 460px;
}

.join_us_content_ul p {
    margin-top: 12px;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    color: #868686;
}

.join_us_content_ul ul {
    width: 1080px;
    height: 400px;
    margin-top: 60px;
}

.join_us_content_ul li {
    float: left;
    width: 340px;
    height: 414px;
    color: #666;
    position: relative;
}

.join_us_content_ul li:hover {
    color: white;
}

.join_us_content_ul li h2 {
    height: 50px;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
}

.join_us_content_ul li div.text {
    width: 100%;
    height: 250px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}

.join_us_content_nav {
    margin-top: 20px;
    width: 100%;
    height: 242px;
}

.join_us_content_nav ul {
    margin-top: 0px;
    width: 135px;
    height: 170px;
}

.join_us_content_nav li {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: #dfdfdf 1px solid;
    text-align: center;
    font-size: 13px;
}

.join_us_content_nav li.cover {
    border: white 1px solid;
    color: white
}

.join_back_div {
    z-index: 1;
    background: #5ab6a9;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.join_detail_div {
    z-index: 10;
    position: relative;
    width: 280px;
    margin-left: 30px;
    line-height: 30px;
    margin: 0 auto
}

.join_img {
    width: 98px;
    height: 98px;
    overflow: hidden;
    margin: 10px 91px;
}

.join_us_banner_blue_wrap {
    padding-top: 36px;
    width: 100%;
    height: 160px;
    background: #369fda;
}

.join_us_banner_blue {
    margin: 0 auto;
    width: 1200px;
    height: 160px;
}

.join_us_banner_blue_title {
    margin: 0 auto;
    padding-top: 25px;
    width: 506px;
    height: 65px;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    background: url(../images/jion_us_banner2_title_bg.png) no-repeat;
}

.join_us_banner_blue_content {
    margin: 0 auto;
    width: 760px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    font-weight: bold;
    color: #fff;
}

.join_us_position {
    margin: 0 auto;
    margin-top: 38px;
    width: 1108px;
}

.join_us_position_title {
    width: 1108px;
    height: 28px;
    background: url(../images/jion_us_position_title_bg.gif) repeat-x bottom;
}

.join_us_position_title_content {
    width: 76px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
    border-bottom: #414141 2px solid;
}

.join_us_position_content ul {
    width: 1148px;
}

.join_us_position_content li {
    float: left;
    margin-right: 40px;
    padding: 30px 0 0 22px;
    width: 512px;
    height: 144px;
    background: url(../images/jion_us_position_li_bg.gif) repeat-x bottom;
    position: relative;
}

.join_us_position_content li p {
    width: 420px;
    font-size: 14px;
    line-height: 30px;
    color: #666;
}

.join_us_position_content li span {
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
}

.join_us_position_content li .jpc_more {
    width: 80px;
    height: 30px;
    background: #f8f8f8;
    border: #dadada 1px solid;
    position: absolute;
    right: 14px;
    top: 72px;
}

.join_us_position_content li .jpc_more a {
    width: 80px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #666;
    display: block;
}

.join_us_position_content li .jpc_more a:hover {
    color: #333;
}

.join_us_position_nav {
    float: right;
    margin: 30px 0;
    width: 220px;
    height: 28px;
    border: #ddd 1px solid;
}

.join_con {
    padding: 20px 0 0 0
}

.join_con h2 {
    font-weight: bold;
    font-size: 15px;
    padding-left: 14px;
    color: #333;
    height: 40px;
    line-height: 40px;
}

.join_con ul {
    margin: 0 14px;
}

.join_con li {
    width: 530px;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.join_zhiwei {
    padding: 40px 0 0 0
}

.join_zhiwei .zhiwei_t {
    height: 35px;
    line-height: 35px;
    background: #ececec
}

.join_zhiwei .zhiwei_t strong {
    line-height: 35px;
    background: #656565;
    width: 100px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    display: block
}

.join_zhiwei .join_zhiwen_con {
    padding: 30px 10px;
    line-height: 24px;
    font-size: 14px;
}

.join_back {
    width: 100px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dddddd;
    text-align: center;
    margin-bottom: 50px;
}

.join_back a {
    line-height: 40px;
    font-size: 14px
}


/*-----优立推推商机---*/

.tuishangji_jianjie {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.tuishangji_jianjie .img {
    width: 50%
}

.tuishangji_jianjie .img img {
    max-width: 100%
}

.tuishangji_jianjie .txt {
    width: 50%;
    font-size: 18px;
    line-height: 40px;
    color: #333;
    padding-top: 50px;
}

.tuishangji_jianjie .txt p {
    margin: 25px 0;
}

.tuishangji_youshi {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.tuishangji_youshi .left,
.tuishangji_youshi .right {
    width: 30%;
    padding-top: 60px;
}

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

.tuishangji_youshi h2 {
    font-size: 20px;
    color: #150e52
}

.tuishangji_youshi p {
    margin-top: 10px;
    margin-bottom: 35px;
    font-size: 15px;
    line-height: 27px;
}

.tuishangji_youshi .mid {
    width: 40%;
    text-align: center;
}


/*---  contact_us_page  ---*/
.kefu_title p{
    text-align: center;
	font-size:24px;
	font-weight:bold; color: #151b29;
}
.heise .kefu_title p{color: #fff;}
.contact_us_title {padding: 55px 0;
    text-align: center;
    overflow: hidden; 
}

.contact_us_title h3 {
    font-size: 30px;
    color: #626161;
    display: inline;
}

.contact_us_title h2 {
    font-size: 30px;
    color: #626161;
    display: inline;
}

.contact_us_title h3 {
    margin-left: 20px;
    height: 82px;
    line-height: 82px;
    font-size: 30px;
    font-weight: bold;
    color: #bab9b9;
    display: inline;
}

.contact_us_title .txt16 {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}

.contact_us_content {
    margin: 50px auto 0 auto;
    padding: 0px 20px 6px 20px;
    width: 1200px;
    color: #fff;
}

.cont_list {
    color: #fff;
    font-size: 16px;
    line-height: 33px
}

.contact_us_content_l {
    float: left;
    margin-top: 18px;
    width: 508px;
    line-height: 40px;
    font-size: 16px
}

.contact_us_content_r {
    float: right;
}


/*联系我们人才招聘recuite-box*/

.recuite-box {
    padding: 30px 0 70px;
    background: #f6f6f6;
}

.inner {
    width: 1200px;
    margin: 0px auto;
}

.commont h3 {
    line-height: 1;
    color: #666666;
    font-size: 28px;
    text-align: center;
    margin-bottom: 12px;
}

.commont small {
    display: block;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    color: #999999;
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
}

.recuite-box {
    padding: 35px 0;
    background: #f6f6f6;
}

.recruite-fix {
    margin-top: 0;
}

.recuite-title small {
    text-align: center;
    color: #c8c8c8;
    font-size: 20px;
    font-family: Arial;
    line-height: normal;
    display: block;
}

.recruite-t {
    padding: 20px 0 16px;
    background: #f77e11;
}

.recruite-t span {
    color: #fff;
    display: block;
    line-height: 1;
    float: left;
    font-size: 16px;
    line-height: normal;
}

.recruite-t span:nth-child(1) {
    padding-left: 34px;
    width: 172px;
}

.recruite-t span:nth-child(2) {
    width: 194px;
}

.recruite-t span:nth-child(3) {
    width: 420px;
    padding-left: 12px;
}

.recruite-t span:nth-child(4) {
    width: 180px;
    text-align: center;
}

.recruite-t span:nth-child(5) {
    width: 210px;
    text-align: center;
}

.recruite-t span:nth-child(6) {
    width: 170px;
}

.recuite-info {
    margin-bottom: 2px;
}

.recuite-info:nth-child(1) .recuites {
    display: block;
}

.recuite-top {
    cursor: pointer;
    background: #fff;
    transition: 366ms;
    position: relative;
    overflow: inherit;
}

.recuite-top.on,
.recuite-top:hover {
    background: #2a2a2a;
}

.recuite-top.on span,
.recuite-top:hover span {
    color: #fff;
}

.recuite-top.on span:last-child:after,
.recuite-top.on span:last-child:before,
.recuite-top:hover span:last-child:after,
.recuite-top:hover span:last-child:before {
    background: #fff;
}

.recuite-top.on span:last-child:after {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
}

.recuite-top span {
    display: block;
    float: left;
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 60px;
    transition: 320ms;
}

.recuite-top span:nth-child(1) {
    padding-left: 34px;
    width: 172px;
}

.recuite-top span:nth-child(2) {
    padding-left: 17px;
    width: 194px;
}

.recuite-top span:nth-child(3) {
    width: 420px;
    padding-left: 8px;
}

.recuite-top span:nth-child(4) {
    width: 180px;
    text-align: center;
}

.recuite-top span:nth-child(5) {
    width: 210px;
    text-align: center;
}

.recuite-top span:nth-child(6) {
    width: 170px;
}

.recuite-top span:last-child {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 23px;
    top: 23px;
}

.recuite-top span:last-child:before {
    content: "";
    width: 15px;
    height: 3px;
    background: #cccccc;
    position: absolute;
    left: 0;
    top: 6px;
}

.recuite-top span:last-child:after {
    content: "";
    width: 3px;
    height: 15px;
    background: #cccccc;
    position: absolute;
    left: 6px;
    top: 0;
    transition: 320ms;
}

.recuites {
    padding: 34px 34px 6px;
    background: #fff;
    position: relative;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
}

.recuite-list {
    margin-bottom: 20px;
}

.recuite-list strong {
    line-height: normal;
    color: #f18a09;
    font-weight: bold;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.recuite-list p {
    color: #666666;
    font-size: 16px;
    margin-bottom: 4px;
}

.recuite-list p a {
    display: inline-block;
    color: #f18a09;
    margin-right: 24px;
}


/*---  channle_page  ---*/

.channel_banner {
    width: 100%;
    height: 529px;
    background: url(../images/join_us_bnner_bg.jpg) no-repeat center top;
}

.channel_title {
    width: 1200px;
    height: 82px;
    position: absolute;
    top: 120px;
    opacity: 0;
    left: 50%;
    margin-left: -600px;
}

.channel_title h1 {
    height: 82px;
    line-height: 82px;
    font-size: 36px;
    font-weight: bold;
    color: #e88c1f;
    display: inline;
}

.channel_title h2 {
    height: 82px;
    line-height: 82px;
    font-size: 36px;
    font-weight: bold;
    color: #626161;
    display: inline;
}

.channel_title h3 {
    margin-left: 20px;
    height: 82px;
    line-height: 82px;
    font-size: 30px;
    font-weight: bold;
    color: #bab9b9;
    display: inline;
}

.channel_title h4 {
    padding-left: 70px;
    height: 70px;
    font-size: 18px;
    font-weight: bold;
    line-height: 70px;
    color: #6b6b6b;
    display: inline;
}

.channel_content_title {
    width: 1200px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #55a1d6;
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -600px;
}

.channel_content_title_c {
    width: 1200px;
    height: 420px;
    line-height: 32px;
    font-size: 15px;
    text-align: justify;
    text-indent: 32px;
    color: #868686;
    position: absolute;
    top: 470px;
    left: 50%;
    margin-left: -600px;
}

.channel_honor {
    width: 100%;
    height: 310px;
    background: #333;
}

.channel_258_wrap {
    width: 100%;
    height: 430px;
    background: #333333;
    position: relative;
    overflow: hidden
}

.channel_258 {
    width: 600px;
    height: 430px;
    position: absolute;
    top: 0;
    right: 150%;
}

.channel_258_title_t {
    padding-top: 50px;
    width: 660px;
    height: 44px;
    line-height: 44px;
    font-size: 36px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.channel_258_title_b {
    width: 660px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

.channel_258_title_p {
    margin-top: 26px;
    width: 660px;
    height: 60px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.channel_258 ul {
    margin-top: 30px;
}

.channel_258 li {
    float: left;
    width: 128px;
    height: 150px;
    transition-duration: 0.5s;
}

.channel_258 li img {
    padding-left: 20px;
}

.channel_258 li:hover {
    transform: rotateY(360deg)
}

.channel_258_li_p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-align: center;
}

.channer_right {
    width: 600px;
    height: 430px;
    position: absolute;
    top: 0;
    left: 100%;
    background-image: url(../images/channel_258_bg_img.png);
    background-position: 100% 50%;
    background-repeat: no-repeat
}

.channel_yxc {
    margin: 0 auto;
    width: 1200px;
    height: 480px;
    background: #fff;
    position: relative;
    overflow: hidden
}

.channel_yxc_left {
    position: absolute;
    left: 8px;
    top: 570px
}

.channel_yxc_right {
    width: 460px;
    height: 356px;
    position: absolute;
    right: 0px;
    top: 10px;
    opacity: 0
}

.channel_yxc_right_title {
    font-size: 36px;
    line-height: 64px;
    font-weight: bold;
    color: #e98d06;
}

.channel_yxc_right_content {
    font-size: 14px;
    line-height: 36px;
    color: #717171;
    text-align: justify;
}

.w_channel_yxc {
    margin: 0 auto;
    width: 1200px;
    height: 564px;
    background: #fff;
    position: relative;
    overflow: hidden
}

.w_channel_yxc_left {
    position: absolute;
    right: 8px;
    top: 570px
}

.w_channel_yxc_right {
    width: 450px;
    height: 356px;
    position: absolute;
    left: 0px;
    top: 102px;
    opacity: 0
}

.w_channel_yxc_right_title {
    font-size: 36px;
    line-height: 64px;
    font-weight: bold;
    color: #e98d06;
}

.w_channel_yxc_right_content {
    font-size: 15px;
    line-height: 36px;
    color: #717171;
    text-align: justify;
}

.channel_best_wrap {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden
}

.channel_best {
    width: 1300px;
    height: 520px;
    position: absolute;
    top: 520px;
    left: 50%;
    margin-left: -600px;
}

.channel_best_left {
    float: left;
    margin: 25px 0 0 8px;
    width: 800px;
    height: 454px;
}

.channel_best_left_h2 {
    width: 150px;
    height: 52px;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    color: #e98d06;
    display: inline;
}

.channel_best_left_h4 {
    padding-left: 20px;
    width: 296px;
    height: 52px;
    font-size: 20px;
    line-height: 52px;
    color: #e98d06;
    display: inline;
}

.channel_best_left_p {
    width: 840px;
    height: 166px;
    font-size: 14px;
    line-height: 36px;
    text-align: justify;
    color: #717171;
}

.channel_best_left_ul {
    width: 840px;
    height: 186px;
}

.channel_best_left_ul li {
    float: left;
    margin: 0 10px;
    width: 148px;
    height: 180px;
    text-align: center;
    transition: 0.32s;
}

.channel_best_left_ul li:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}

.channel_best_ul_p {
    padding-top: 10px;
    font-size: 14px;
    color: #164661;
    line-height: 24px;
    text-align: center;
}

.channel_best_right {
    width: 293px;
    height: 380px;
    background: url(../images/channel_best_r_img.png) no-repeat;
    position: absolute;
    top: 560px;
    right: 48px;
}

.channel_mozhan_wrap {
    width: 100%;
    height: 500px;
    background: #333;
}

.channel_mozhan {
    width: 1200px;
    margin: 0 auto;
    height: 490px;
    position: relative;
    overflow: hidden
}

.channel_mozhan_logo {
    padding: 66px 349px 0 0;
    width: 199px;
    height: 59px;
}

.channel_mozhan_h2 {
    margin: 24px 0 60px;
    width: 546px;
    height: 34px;
    line-height: 34px;
    font-size: 26px;
    font-weight: bold;
    color: #fcfeff;
    text-align: left;
}

.channel_mozhan_p {
    width: 546px;
    height: 170px;
    font-size: 16px;
    line-height: 28px;
    color: #fcfeff;
    text-align: left;
}

.channel_right {
    position: absolute;
    top: 25px;
    right: -600px;
    width: 600px;
}

.channel_left {
    position: absolute;
    top: 25px;
    left: -560px;
    width: 560px;
    height: 430px;
    background-image: url(../images/channel_mozhan_img.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
}


/*sougou page*/

.sougou_page {}

.sougou_page_title {
    text-align: center;
    padding: 40px 0 20px 0
}

.sougou_page_title h2 {
    font-size: 30px;
    color: #4091c2;
    line-height: 40px;
}

.sougou_page_title p {
    font-size: 18px;
    color: #787878;
    line-height: 30px;
}

.sougou_page_intro {
    padding: 60px 0 70px 0;
    background: #e9e9e9;
    margin-top: 100px;
    opacity: 0
}

.sougou_intro_con {
    width: 1200px;
    margin: 0 auto
}

.sougou_intro_con_text {
    width: 423px;
    line-height: 27px;
    padding: 30px 0 0 0;
    color: #444444
}

.sougou_page_advantage {
    background: #377daa;
    padding: 0 0 70px 0;
    opacity: 0;
}

.sougou_page_advantage ul {
    width: 1200px;
    margin: 0 auto;
    padding: 174px 0 0 0
}

.sougou_page_advantage li {
    width: 285px;
    float: left;
    background: #4fb0de;
    height: 293px;
    text-align: center;
    position: relative;
    color: #ffffff;
    margin: 0 20px 0 0;
    top: 0
}

.sougou_page_advantage li img {
    position: absolute;
    top: -110px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}

.sougou_page_advantage li h2 {
    margin: 100px 0 0 0;
    line-height: 70px;
    font-size: 20px;
    font-weight: bold
}

.sougou_page_advantage li p {
    line-height: 24px;
    padding: 0 25px;
    font-size: 14px;
}

.sougou_page_advantage li.on,
.sougou_page_advantage li.on_last {
    background: #4091c2
}

.sougou_page_advantage li.on_last {
    margin: 0 0 0 0
}

.sougou_tuiguang {
    padding: 30px 0;
    margin-top: 50px;
    opacity: 1
}

.sougou_tuiguang ul {
    width: 1200px;
    margin: 0 auto
}

.sougou_tuiguang li {
    width: 600px;
    float: left;
    height: 120px;
    margin-left: 0px;
}

.sougou_tuiguang li .sougou_tui_pic {
    width: 86px;
    height: 86px;
}

.sougou_tuiguang li .sougou_tui_text {
    width: 440px;
    padding: 0 0 0 30px;
}

.sougou_tuiguang li .sougou_tui_text h2 {
    font-size: 20px;
    color: #000;
    line-height: 40px;
}

.sougou_tuiguang li .sougou_tui_text p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.sougou_kaihu {
    height: 411px;
    overflow: hidden;
    background: url(../images/kaihubg.jpg) no-repeat center top;
    padding: 20px 0 0 0;
    opacity: 1;
    margin-top: 50px;
}

.sougou_kaihu h2 {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    line-height: 80px;
    border-bottom: 1px solid #77a8cf;
}

.sougou_kaihu ul {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0 0 0
}

.sougou_kaihu li {
    float: left;
    padding: 0 71px;
    text-align: center;
}

.sougou_kaihu li.s_jiantou {
    padding: 55px 0 0 0
}

.sougou_kaihu .kaihu_pic {}

.sougou_kaihu p {
    line-height: 60px;
    font-size: 16px;
    color: #fff
}


/*soft_page*/

.soft_page {
    background: none
}

.soft_page li h2 {
    color: #333
}

.soft_page li p {
    color: #666
}

.soft_liucheng {
    padding: 40px 0 60px 0;
    position: relative
}

.soft_liucheng h2 {
    text-align: center;
    line-height: 50px;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 50px 0
}

.soft_liucheng h2 span {
    padding: 0 0 0 20px;
    color: #C33;
    text-transform: uppercase
}

.soft_liucheng .soft_line {
    height: 1px;
    background: #f13939;
    width: 1100px;
    position: absolute;
    left: 50%;
    margin-left: -550px;
    top: 191px;
    z-index: 1;
}

.soft_liucheng ul {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.soft_liucheng li {
    float: left;
    width: 150px;
}

.soft_liucheng li .soft_liucheng_pic {
    width: 118px;
    margin: 0 auto
}

.soft_liucheng li p {
    text-align: center;
    line-height: 50px;
}

.soft_advantage {
    background: url(../images/soft_youshi_bg.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 50px;
}

.soft_advantage h2 {
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 33px;
    font-weight: bold;
    padding: 50px 0 0 0;
    display: block;
    text-transform: uppercase
}

.soft_advantage span {
    padding: 0 0 0 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    text-align: center
}

.soft_advantage ul {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 0 0
}

.soft_advantage li {
    width: 400px;
    float: left;
}

.soft_advantage_con {
    width: 260px;
    padding: 0 50px;
    margin: 0 auto;
    margin-top: 50px;
    height: 320px;
    background-color: rgba(255, 255, 255, 0.80);
    position: relative;
    text-align: center
}

.soft_advantage_con .soft_liucheng_pic {
    width: 130px;
    height: 130px;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: -50px;
}

.soft_advantage_con h3 {
    padding-top: 70px;
    line-height: 80px;
    font-size: 18px;
    color: #f75a53;
    font-weight: bold
}

.soft_advantage_con p {
    line-height: 28px;
    font-size: 14px;
}


/*erjiyemian*/


/*se_case*/

.se_case {
    width: 1280px;
    margin: 0 auto;
    padding: 15px 0 0 0
}

.se_case ul {}

.se_case li {
    width: 400px;
    margin: 0 10px 10px 10px;
    height: 388px;
    float: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #eee
}

.se_case_pic {
    width: 400px;
    height: 280px;
    text-align: center;
    margin: 0 auto;
}

.se_case_name {
    width: 380px;
    margin: 0 auto;
    padding: 15px 0 0 20px;
    font-size: 16px;
    color: #555;
    line-height: 40px;
    text-align: center
}

.se_case_name a {
    color: #555
}

.se_case_hangye {
    width: 360px;
    margin: 0 auto;
    padding: 0 20px 10px 20px;
    font-size: 14px;
    color: #666;
    line-height: 40px;
}

.se_case_click {
    float: right;
    color: #666;
}

.se_case li div.cover_top {
    position: absolute;
    top: -285px;
    left: 0;
    width: 400px;
    height: 280px;
    filter: Alpha(opacity=50);
    background: rgba(0, 0, 0, 0.4);
    z-index: 900;
    text-align: center
}

.se_case li div.cover_top img {
    padding: 95px 0 0 0
}

.se_case li div.cover_bottom {
    position: absolute;
    bottom: -110px;
    left: 0;
    width: 400px;
    height: 110px;
    filter: Alpha(opacity=50);
    background: rgba(233, 141, 6, 1);
    z-index: 900
}

.se_case .se_case_text {
    position: relative;
    z-index: 1000;
}


/*------资质list---*/

.fenye {
    padding: 10px 0 30px 0;
}

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

.shangxiaye li {
    line-height: 35px; font-size: 16px;;
    color: #666
}

.shangxiaye li a {
    color: #666
}

.weizhi {
    background: #f6f6f6;
}

.weizhi_con {
    width: 1070px;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #555;
    padding: 0 0 0 25px;
    background: url(../images/weizhi_icon.jpg) no-repeat left center
}

.weizhi_con a {
    font-size: 14px;
    color: #555
}

.se_content {
    width: 1100px;
    margin: 0 auto;
    padding: 20px 0 0 0
}

.se_content_t {
    padding: 30px 0 40px 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 30px;
}

.se_content_t .anli_pic {
    background: url(../images/casedet_l.jpg) no-repeat;
    width: 589px;
    height: 323px;
    padding: 19px 19px 180px;
}

.se_content_t .se_title_intro {
    width: 400px;
    text-align: left;
}

.se_content_t .se_anli_jieshao {
    line-height: 27px;
    font-size: 14px;
    color: #555
}

.se_content_t p {
    text-align: center;
    font-size: 16px;
    color: #666;
    text-align: left
}

.se_title {
    line-height: 70px;
    font-size: 24px;
    font-weight: bold;
    color: #f60;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0
}

.se_date {
    line-height: 30px;
    color: #555;
    font-size: 14px;
    font-weight: normal;
}

.se_con {
    font-size: 14px;
    line-height: 30px;
    padding: 0 0 30px 0
}

.se_con img {
    max-width: 1100px;
}

.xiangguan {
    padding: 5px 0px 7px 15px;
    color: #f60;
    font-size: 16px;
    font-weight: bold;
    background: url(../images/xiangguan_title_bg.jpg) no-repeat left center;
    border-bottom: 1px solid #ccc;
    line-height: 50px;
}

.xiangguan_con {
    padding: 30px 0 0 0
}

.xiangguan_con ul {}

.xiangguan_con li {
    width: 275px;
    height: 268px;
    float: left;
    margin-bottom: 30px;
}

.xiangguan_con_pic {
    width: 250px;
    height: 180px;
    text-align: center;
    margin: 0 auto;
}

.xiangguan_con_name {
    width: 230px;
    margin: 0 auto;
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #555;
    line-height: 40px;
    background: #eee;
}

.xiangguan_con_name a {
    color: #555
}

.xiangguan_con_hangye {
    width: 210px;
    margin: 0 auto;
    padding: 0 20px 10px 20px;
    font-size: 12px;
    color: #666;
    line-height: 40px;
    background: #eee;
}

.xiangguan_con_click {
    float: right;
    color: #666;
}


/*se_news*/

.se_news {
    width: 1100px;
    margin: 0 auto;
    padding: 30px 0 0 0
}

.se_news ul {}

.se_news li {
    margin-bottom: 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px dashed #ccc
}

.se_news_pic {
    width: 430px;
    height: 166;
}

.se_news_con {
    width: 630px;
}

.se_news_con_t {
    line-height: 40px;
}

.se_news_con_t a {
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    color: #555;
}

.se_news_con_t a:hover {
    color: #e98d06;
}

.se_news_con_other {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    padding: 0 0 10px 0
}

.se_news_con_t_intro {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.se_news li .item {
    position: relative;
    width: 300px;
    height: 188px;
    -webkit-perspective: 300px;
    perspective: 300px;
    perspective-origin: 50% 50%;
    transform-style: preserve-3d;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*se_hangye*/

.se_hangye {
    width: 1100px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}

.se_hangye ul {
    padding: 0 0 0 20px;
    position: relative
}

.se_hangye li {
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 20px;
    border: 1px dashed #ccc;
    width: 477px;
    float: left;
    position: relative;
    top: 20px;
    left: 20px;
    cursor: pointer;
}

.se_hangye li:nth-child(2n) {}

.se_hangye li.hover {
    border: 1px solid yellow;
}

.se_hangye_con {}

.se_hangye_con_t {
    line-height: 40px;
}

.se_hangye_con_t a {
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    color: #555;
}

.se_hangye_con_other {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    padding: 0 0 10px 0
}

.se_hangye_con_t_intro {
    font-size: 12px;
    color: #666;
    line-height: 24px;
}

.se_lanmu_weizhi {
    height: 82px;
    line-height: 82px;
    background: url(../images/case_index_title_bg.png) no-repeat bottom;
    border-bottom: #e3e3e3 1px solid;
    font-size: 24px;
    color: #666;
    text-align: center;
    font-weight: bold
}

#se_case_index {
    position: relative;padding:35px 0 25px 0;
}

.se_case_index_title {
    height: 82px;
    width: 100%;
    background: url(../images/case_index_title_bg.png) no-repeat bottom;
    border-bottom: #e3e3e3 1px solid;
    position: absolute;
    top: 10px;
    left: 0
}

.se_case_index_title h1 {
    width: 322px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    padding: 23px 0 21px 24px;
    font-size: 32px;
    color: #666;
    background: url(../images/case_index_title_e.png) no-repeat right;
}

.se_case_index_nav {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}

.se_case_index_nav ul {
     display: flex;justify-content: center;
}

.se_case_index_nav li {
    margin-right: 12px;
    min-width: 150px;
}

.se_case_index_nav li span {
    float: left;
    width: 150px;
    display: block;
}

.se_case_index_nav li a {
    font-size: 17px;
    text-align: center;
    line-height: 46px;
    text-decoration: none;
    color: #fff;
    display: block;
    background: #f17c13;transition: 0.3s;
}
.se_case_index_nav li a:hover {background: #797979;}
.se_ca_erji {
    float: left;
    padding: 0 0 0 10px;
}

.se_ca {
    float: left;
    height: 40px;
    margin: 0 5px 0 0
}

.se_case_index_nav li .se_ca a {
    background: #d8d8d8;
    color: #5b5b5b;
    width: 90px;
    font-size: 15px;
}

.right_nav {
    position: fixed;
    right: 10px;
    top: 50%;
}

.right_nav li {
    width: 13px;
    height: 13px;
    border-radius: 8px;
    background: #666;
    margin: 8px 0
}

.right_nav li.crnt {
    background: red
}

.anliku {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    position: relative;
    overflow: hidden;
}

.anliku ul {
    width: 1240px;
}

.anliku li {
    width: 380px;
    margin: 0 15px 50px 0;
    height: 450px;
    float: left;
    position: relative;
    cursor: pointer;
    border: 5px solid #eaeaea
}

.anliku_pic {
    width: 380px;
    height: 450px;
    text-align: center;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    overflow: hidden;
}

.anliku_pic img {
    width: 380px;
    top: 0;
    position: absolute;
    left: 0;
}

.anliku_icon {
    width: 62px;
    height: 62px;
    position: absolute;
    z-index: 3;
    right: -5px;
    bottom: -5px;
    overflow: hidden;
}

.anliku_icon img {
    margin-left: 0
}

.p_float {
    position: fixed;
    height: 50px;
    background: #333366;
    url(../images/f_line.jpg) no-repeat center center;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #bcc4df;
    font-size: 24px;
    line-height: 50px;
}

.s_width {
    width: 1260px;
    margin: 0 auto;
}

.p_float li {
    float: left;
}

.p_float li.p_service {
    padding: 0 0 0 0;
}

.p_float li.p_service span {
    font-size: 17px;
    color: #FFFFFF;
    padding: 0 8px 0 8px;
}

.ssss {
    padding-top: 15px;
    padding: 10 2px 0 2px;
}

.p_float li.p_free {
    padding: 5px 0 0 20px;
}

.p_float li#gotop {
    float: left;
    margin-left: 50px;
    display: inline;
}

.p_float li .fl_top {
    width: 62px;
    height: 60px;
    background: url(../images/down1.jpg) no-repeat left top;
    display: block;
    cursor: pointer
}

.p_float li.p_free a {
    color: #bcc4df;
}

.p_float a:link,
.p_float a:visited {
    color: #cccccc;
}

.p_float a:hover {
    color: #ffcc00;
}

li.rright {
    float: right;
}

li.rright a {
    float: right;
    margin-top: 5px;
}


/*渠道招商*/

.ny_lm24 {
    width: 1200px;
    margin: 360px auto 0;
    text-align: center;
    font-size: 28px;
    color: #6b4422
}

.zhaoshang_zhichi {
    width: 1200px;
    margin: 50px auto 0;
    text-align: left;
    height: 250px
}

.zhaoshang_zhichi li {
    width: 31.3%;
    text-align: center;
    float: left;
    margin: 1%;
    height: 50px;
    transition: .3s;
    padding-top: 20px;
    color: #fff;
}

.zhaoshang_zhichi li:hover .zhichi_img {
    -webkit-filter: grayscale(0%);
}

.zhaoshang_zhichi .zhichi_img {
    width: 20%;
    margin-left: 3%;
    -webkit-filter: grayscale(100%);
}

.zhaoshang_zhichi .zhichi_img img {
    width: 80%;
}

.zhaoshang_zhichi .zhichi_txt {
    padding-left: 1%;
    font-size: 18px;
    text-align: left;
    width: 75%;
    padding-top: 20px;
}

.zhaoshang_zhichi .zhichi_txt p {
    font-size: 12px;
    font-family: Arial
}

.zhaoshang_jianjie {
    width: 1200px;
    margin: 0px auto;
    text-align: left;
    padding-top: 70px
}

.zhaoshang_jianjie_l {
    width: 360px;
}

.zhaoshang_jianjie_l h2 {
    font-size: 24px
}

.zhaoshang_jianjie_l h1 {
    font-size: 36px;
    margin-top: 40px;
    color: #e98d06
}

.zhaoshang_jianjie_r {
    width: 820px;
}

.zhaoshang_jianjie_r p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 25px
}

.wu {
    height: 1229px;
}

.wu_title {
    text-align: center;
    width: 1280px;
    margin: 0 auto;
    padding: 130px 0 0 0
}

.wu_title .wu_en {
    border-top: 1px solid #4f85c4;
    line-height: 33px;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    font-size: 17px;
    color: #8ec2ff
}

.wu_title p {
    color: #d2e7fe;
    font-size: 16px;
    text-align: left;
    margin-top: 20px;
}

.wu ul {
    width: 1280px;
    margin: 0 auto;
    padding: 58px 0 0 0
}

.wu li {
    width: 212px;
    float: left;
}

.wu li .wu_bg {
    width: 191px;
    height: 160px;
    margin: 0 auto;
    background: #f7fbff;
    text-align: center;
    border-radius: 120px;
    padding: 20px 0 20px 0;
    transition-duration: 0.5s;
}

.wu li .wu_pic img {
    transition-duration: 0.5s;
}

.wu li strong {
    font-size: 22px;
    color: #383838;
    padding: 15px 0 0 0;
    line-height: 50px;
    border-bottom: 1px solid #ea650d;
    display: block;
    width: 88px;
    margin: 0 auto;
    transition-duration: 0.5s;
}

.wu li p {
    padding: 10px 24px 0 24px;
    line-height: 28px;
    font-size: 15px;
    color: #444;
    text-align: left
}

.wu .wu_tel {
    text-align: center;
    padding: 50px 0 0 0
}

.wu li:hover img {
    transform: rotateY(180deg)
}

.ffff p {
    text-align: left;
    line-height: 24px;
    text-indent: 24px;
}


/*首页电子地图下边*/

.home__homescene-2hdkp {
    background: #fff;
}

.home__scene-2zmBw {
    width: 1180px;
    background: #fff;
    height: 200px;
    padding: 40px 0 42px;
    margin: 0 auto;
}

.home__scene-2zmBw .home__leftScene-2nKLs,
.home__scene-2zmBw .home__rightScene-e6iT5 {
    display: block;
    width: 380px;
    height: 180px;
    float: left;
}

.home__scene-2zmBw .home__centerScene-2y5rf,
.home__scene-2zmBw .home__leftScene-2nKLs {
    margin-right: 20px;
}

.home__leftScene-2nKLs {
    background: url(../img/left_scene-fc731f3….png) no-repeat;
    background-size: 380px;
    background-position-x: center;
    transition: background .5s;
}

.home__centerBottom-3atCW,
.home__centerTop-1px0Q,
.home__left-1Vn9P,
.home__right-2BhJu {
    width: 100%;
    height: 100%;
    transition: opacity .2s cubic-bezier(.445, .05, .55, .95);
}

.home__scene-2zmBw .home__centerScene-2y5rf {
    float: left;
}

.home__scene-2zmBw .home__centerScene-2y5rf,
.home__scene-2zmBw .home__leftScene-2nKLs {
    margin-right: 20px;
}

.home__centerScene-2y5rf .home__bottomScene-3k5lL,
.home__centerScene-2y5rf .home__topScene-1tjCe {
    display: block;
    width: 380px;
    height: 80px;
}

.home__centerScene-2y5rf .home__topScene-1tjCe {
    background: url(../img/center_scene_top-f007c65….png) no-repeat;
    background-size: 380px;
    background-position-x: center;
    margin-bottom: 20px;
    transition: background .5s;
}

.cage_list {
    width: 1440px;
    margin: 0 auto;
    height: 90px;
    position: relative;
    z-index: 1;
    top: 90px;
}

.cage_list li {
    float: left;
    width: 90px;
    float: left;
    height: 30px;
    line-height: 90px;
    margin-left: 15px;
    display: inline;
}

.cage_list li.cage_a {
    width: 225px;
}

.cage_list li.cage_b {
    width: 204px;
}

.cage_list li.cage_c {
    width: 90px;
}

.cage_list li.cage_f {
    width: 225px;
}

.cage_list li.cage_h {
    width: 90px;
}

.cage_list li.cage_i {
    width: 205px;
}

.cage_list li.cage_a a {
    background: url(../images/f_a.png) no-repeat 10px center;
}

.cage_list li.cage_b a {
    background: url(../images/f_b.png) no-repeat 20px center;
    padding: 0 15px 0 0;
}

.cage_list li.cage_c a {
    background: url(../images/a1.png) no-repeat center;
    padding: 0 12px 0 0;
}

.cage_list li.cage_d a {
    background: url(../images/f_d.png) no-repeat 10px center;
}

.cage_list li.cage_e a {
    background: url(../images/f_e.png) no-repeat 10px center;
}

.cage_list li.cage_f a {
    background: url(../images/f_z.png) no-repeat 10px center;
}

.cage_list li.cage_h a {
    background: url(../images/a1.png) no-repeat center;
    padding: 0 12px 0 0;
}

.cage_list li.cage_i a {
    background: url(../images/f_h.png) no-repeat 10px center;
    padding: 0 10px 0 0;
}

.cage_list li a {
    display: block;
    text-align: right;
    font-size: 18px;
    color: #191919;
    font-weight: bold;
}

.cage_list li a:hover {
    color: #fff
}

.cage_list li.cage_a a:hover {
    background: #0c58a6 url(../images/f_a.png) no-repeat 15px center;
}

.cage_list li.cage_b a:hover {
    background: #0c58a6 url(../images/f_b.png) no-repeat 24px center;
}

.cage_list li.cage_c a:hover {
    background: url(../images/a2.png) no-repeat center;
    padding: 0 12px 0 0;
}

.cage_list li.cage_d a:hover {
    background: #0c58a6 url(../images/f_d.png) no-repeat 17px center;
}

.cage_list li.cage_e a:hover {
    background: #0c58a6 url(../images/f_e.png) no-repeat 17px center;
}

.cage_list li.cage_h a:hover {
    background: url(../images/a2.png) no-repeat center;
    padding: 0 12px 0 0;
}

.cage_list li.cage_i a:hover {
    background: #0c58a6 url(../images/f_h.png) no-repeat 13px center;
}

.cage_list li.cage_f a:hover {
    background: #0c58a6 url(../images/f_z.png) no-repeat 17px center;
}

.pro_dd ul {
    width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    top: 90px;
}

.chanpin_con {
    padding: 0 0 71px 0;
    width: 1440px;
    margin: 0 auto;
}

.chanpin_con li {
    float: left;
    padding: 0;
    width: 170px;
    height: 170px;
    margin-right: 11px;
    margin-bottom: 11px;
    position: relative;
    overflow: hidden;
    background: #f1f1f1;
}

.chanpin_con li .gonglv {
    line-height: 50px;
    width: 135px;
    background: url(../images/gonglv.png) no-repeat left top;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    text-align: center;
}

.chanpin_t_l {
    width: 150px;
    height: 120px;
    margin: 10px auto 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.chanpin_t_l a {
    width: 150px;
    height: 120px;
    position: relative;
    z-index: 3;
    display: block
}

.chanpin_t_l a span {
    display: block;
    color: #ffffff;
    line-height: 40px;
    width: 148px;
    position: absolute;
    bottom: 0;
    z-index: 99;
    font-size: 15px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.chanpin_con li img {}

.chanpin_t_l a:hover span {
    color: #ffd800
}

.chanpin_con li:hover .chanpin_t_r p {
    font-size: 18px;
    font-weight: bold;
    color: #fff
}

.chanpin_t_r {
    padding: 0 0 20px 0
}

.chanpin_t_r p {
    line-height: 34px;
    font-size: 18px;
    color: #000000;
    text-align: center;
    padding: 10px 0 0 0
}

.chanpin_t_r p a {
    color: #333333;
}

.chanpin_t_r a:hover {
    color: #cb0622;
}

.chanpin_t_r_more {
    width: 148px;
    line-height: 30px;
    margin: 0 auto;
    border: 1px solid #cecece
}

.chanpin_t_r_more a {
    font-size: 15px;
    color: #616060;
    display: block;
    text-align: center;
}

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

.chanpin_con li:hover .chanpin_t_r_more {
    border: 1px solid #d53331;
    background: #d53331
}

.chanpin_con li:hover .chanpin_t_r_more a {
    color: #fff;
}

.wm_toutiao {
    background: url(../images/ad1.jpg);
    height: 200px;
}

.wm_toutiao1 {
    width: 1280px;
    margin: 0 auto;
    padding: 56px 0;
}

.wm_toutiao1l {
    width: 900px;
}

.wm_toutiao1l strong {
    font-size: 28px;
    font-weight: bold;
    color: #666;
    display: block;
    margin-top: 130px;
}

.wm_toutiao1l i {
    display: block;
    width: 80px;
    height: 2px;
    background: rgba(0, 0, 0, 0.4);
    margin: 20px 0;
}

.wm_toutiao1l p {
    font-size: 18px;
    line-height: 27px;
}

.wm_toutiao1l ul {
    margin-top: 40px;
    display: flex;
}

.wm_toutiao1l ul li {
    width: 100px;
    height: 60px;
    ;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.1);
    margin: 0 8px;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
}

.wm_toutiao1r {
    width: 295px;
    height: 500px;
}

.wm_toutiao1r img {
    width: 100%;
}

.toutiao2_bg {
    background: url("../images/xinxiliubg.jpg") no-repeat center top;
}

.sylm36 {
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin: 30px auto 10px;
}

.sylm36 h2 {
    font-size: 36px;
    color: #272727
}

.sylm36 p {
    color: #999999;
    line-height: 36px;
}


/*===优立推商铺版=*/

.tuishangji_bg {
    background: #1a7acc;
    padding: 40px 0;
}

.youlituitedian_list {
    width: 1200px;
    margin: 0 auto 30px;
    overflow: hidden;
}

.youlituitedian_list li {
    width: 30.3%;
    margin: 0.5%;
    float: left;
    background: #ececec;
    padding: 4% 1%;
    height: 80px;
    text-align: center;
    color: #fff;
}

.youlituitedian_list li h3 {
    font-size: 20px;
    line-height: 33px;
}

.youlituitedian_list li p {
    font-size: 14px;
    line-height: 25px;
}

.youlituitedian_list li.abg1 {
    background: #05a3de;
}

.youlituitedian_list li.abg2 {
    background: #f17c13;
}

.youlituitedian_list li.abg3 {
    background: #d34f4f;
}

.youlituitedian_list li.abg4 {
    background: #cb4ba2;
}

.youlituitedian_list li.abg5 {
    background: #519533;
}

.youlituitedian_list li.abg6 {
    background: #150e52;
}

.youlituitedian_list li.abg7 {
    background: #f8d65a;
}

.youlituitedian_list li.abg8 {
    background: #0656b5;
}

.youlituitedian_list li.abg9 {
    background: #ff3400;
}

.splmbg {
    width: 100%;
    height: 120px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    line-height: 120px;
}

.abg1 {
    background: #05a3de;
}

.abg2 {
    background: #f17c13;
}

.abg3 {
    background: #d34f4f;
}

.abg4 {
    background: #cb4ba2;
}

.abg5 {
    background: #519533;
}

.list_imga {
    width: 1200px;
    margin: 15px auto 30px;
}

.list_imga img {
    max-width: 100%;
    margin: 5px 0;
}


/*main css*/

.main-im {
    position: fixed;
    right: 10px;
    top: 200px;
    z-index: 99999999999999999999;
    width: 110px;
    height: 600px;
}

.main-im .qq-a {
    display: block;
    width: 106px;
    height: 116px;
    font-size: 14px;
    color: #0484cd;
    text-align: center;
    position: relative;
}

.main-im .qq-a span {
    bottom: 5px;
    position: absolute;
    width: 90px;
    left: 10px;
}

.main-im .qq-hover-c {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    position: absolute;
    left: 18px;
    top: 10px;
    overflow: hidden;
    z-index: 9;
}

.main-im .qq-container {
    z-index: 99;
    position: absolute;
    width: 109px;
    height: 100px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #dddddd;
    background: url(../images/qq-icon-bg.png) no-repeat center 8px;
}

.main-im .img-qq {
    max-width: 70px;
    display: block;
    position: absolute;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.main-im .im-qq:hover .img-qq {
    max-width: 70px;
    position: absolute;
}

.main-im .im_main {
    background: #F9FAFB;
    border: 1px solid #dddddd;
    border-radius: 10px;
    background: #F9FAFB;
    cursor: pointer;
}

.main-im .im_main .im-tel {
    color: #000000;
    text-align: center;
    width: 109px;
    height: 360px;
    border-bottom: 1px solid #dddddd;
}

.qtui {
    width: 90%;
    margin: 0 auto;
}

.qtui a {
    width: 90%;
    height: 40px;
    margin: 5px auto;
    border-radius: 8px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #f18a09;
    display: block;
}

.qtui a:hover {
    background: #333;
}

.main-im .im_main .im-tel div {
    font-weight: bold;
    font-size: 15px;
    line-height: 32px;
    border-bottom: 1px #ececec solid;
}

.main-im .im_main .im-tel div a {
    color: #333
}

.main-im .im_main .im-tel div a:hover {
    color: #f18a09
}

.main-im .im_main .im-tel .tel-num {
    font-family: Arial;
    font-weight: bold;
    color: #e66d15;
}

.main-im .im_main .im-tel:hover {
    background: #fafafa;
}

.main-im .im_main .weixing-container {
    width: 55px;
    height: 47px;
    border-right: 1px solid #dddddd;
    background: #f5f5f5;
    border-bottom-left-radius: 10px;
    background: url(../images/weixing-icon.png) no-repeat center center;
    float: left;
}

.main-im .im_main .weixing-show {
    width: 112px;
    height: 172px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #dddddd;
    position: absolute;
    left: -125px;
    top: -126px;
}

.main-im .im_main .weixing-show .weixing-sanjiao {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 6px;
    left: 112px;
    top: 134px;
    position: absolute;
    z-index: 2;
}

.main-im .im_main .weixing-show .weixing-sanjiao-big {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #dddddd;
    border-width: 8px;
    left: 112px;
    top: 132px;
    position: absolute;
}

.main-im .im_main .weixing-show .weixing-ma {
    width: 104px;
    height: 103px;
    padding-left: 5px;
    padding-top: 5px;
}

.main-im .im_main .weixing-show .weixing-txt {
    position: absolute;
    top: 110px;
    left: 7px;
    width: 100px;
    margin: 0 auto;
    text-align: center;
}

.main-im .im_main .go-top {
    width: 100%;
    height: 47px;
    background: #f5f5f5;
    border-bottom-right-radius: 10px;
    background: url(../images/totop-icon.png) no-repeat center center;
    float: right;
}

.main-im .im_main .go-top a {
    display: block;
    width: 52px;
    height: 47px;
}

.main-im .close-im {
    position: absolute;
    right: 10px;
    top: -4px;
    z-index: 100;
    width: 24px;
    height: 24px;
}

.main-im .close-im a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/close_im.png) no-repeat left top;
}

.main-im .close-im a:hover {
    text-decoration: none;
}


/*--------------抖视推--------------*/

.douyinbt {
    font-size: 36px;
    color: #f18a09;
    text-align: center;
    margin-top: 50px;
}

.douyin_list {
    width: 1200px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.douyin_list li {
    padding: 30px 30px 20px;
    width: 230px;
    text-align: center;
}

.douyin_list li h3 {
    font-size: 18px;
    line-height: 44px;
    background: #e98d06;
    width: 100%;
    border-radius: 10px;
    color: #fff;
    margin-top: 20px;
}

.douyin_list li p {
    font-size: 14px;
    line-height: 27px;
    width: 100%;
    border-radius: 10px;
    color: #333;
    margin-top: 20px;
}

.douyin1 {
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
    justify-content: space-between;
    display: flex;
}

.douyin1 .right {
    width: 550px;
    text-align: right;
}

.douyin1 .left {
    width: 650px;
    text-align: left;
    overflow: hidden;
}

.douyin1 .left .a1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.douyin1 .left .a1 .img {
    width: 120px
}

.douyin1 .left .a1 .jianjie {
    width: 520px;
    margin-top: 5px;
}

.douyin1 .left h1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
}

.douyin1 .left p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 28px;
}

.douyin1 .left .shuju {
    width: 100%;
    display: flex;
    margin: 40px auto 0;
    justify-content: space-between;
}

.douyin1 .left .shuju li {
    width: 49%;
    text-align: center;
    border: 1px #ececec solid;
}

.douyin1 .left .shuju li span {
    font-size: 56px;
    color: #f4a92e;
    font-family: impact;
    padding-right: 5px;
    background: #fff;
}

.douyin1 .left .shuju li .num {
    color: #f4a92e;
    font-size: 18px;
    font-weight: bold;
}

.douyin1 .left .shuju li p {
    font-size: 20px;
    line-height: 44px;
}


/*------------douyin_wuqu--------------*/

.douyin_wuqu {
    width: 100%;
    background: #333;
    overflow: hidden;
    padding: 70px 0;
}

.douyin_wuqu .bt {
    font-size: 36px;
    width: 100%;
    text-align: center;
    color: #f4a92e;
    margin-bottom: 25px;
}

.douyin_wuqu ul {
    width: 1200px;
    margin: 0 auto;
    color: #fff;
    display: flex;
    justify-content: space-between;
}

.douyin_wuqu .mid {
    width: 260px;
    text-align: center;
}

.douyin_wuqu .left,
.douyin_wuqu .right {
    width: 450px;
}

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

.douyin_wuqu h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
}

.douyin_wuqu p {
    font-size: 14px;
    line-height: 27px;
}

.douyin_wuqu li {
    margin-top: 30px;
}


/*-----------douyin_yaosu----------*/

.douyin_yaosu {
    width: 1200px;
    margin: 50px auto 0;
}

.douyin_yaosu .bt {
    font-size: 36px;
    width: 100%;
    text-align: center;
    color: #f4a92e;
    margin-bottom: 25px;
}

.douyin_yaosu ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.douyin_yaosu ul li {
    width: 380px;
    background: #444444;
    padding-bottom: 15px;
}

.douyin_yaosu ul li h2 {
    font-size: 20px;
    line-height: 70px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.douyin_yaosu ul li p {
    color: #fff;
    padding: 0 15px;
}


/*---douyin_taocan----*/

.douyin_taocan {
    width: 1200px;
    overflow: hidden;
    margin: 20px auto 0;
}

.douyin_taocan h2 {
    font-size: 36px;
    line-height: 77px;
    text-align: center;
    margin-bottom: 15px;
    color: #f4a92e
}

.douyin_taocan table {
    font-size: 15px;
    line-height: 32px;
}


/*----------------douyin_youshi-----------------------*/

.douyin_youshi {
    background: #333;
    width: 100%;
    padding: 70px 0;
    text-align: center;
}

.douyin_youshi .bt {
    font-size: 36px;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.douyin_youshi ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.douyin_youshi li {
    width: 200px;
    margin: 10px;
    background: #fff;
    border-radius: 20px;
    padding: 30px 10px;
}

.douyin_youshi li .line {
    background: #ececec;
    height: 2px;
    width: 40px;
    margin: 20px auto;
}

.douyin_youshi li p {
    font-size: 18px;
    font-weight: bold;
}


/*---------------douyin_anli------*/

.douyin_anli {
    width: 1200px;
    margin: 30px auto 50px;
    overflow: hidden;
}

.douyin_anli .bt {
    font-size: 36px;
    width: 100%;
    text-align: center;
    color: #f4a92e;
    line-height: 88px;
}


/*-----------全网推广优化版---------*/

.quanwangtuiyouhua_maidian {
    width: 1200px;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #fff;
    font-size: 24px
}

.quanwangtuiyouhua_maidian p {
    line-height: 55px;
}

.quanwangtuiyouhua_maidian .right {
    width: 50%;
    background: #4379e1;
    height: 160px;
    padding: 110px 0;
}

.quanwangtuiyouhua_maidian .left {
    width: 50%;
}

.quanwangtuiyouhua_maidian .left li {
    padding: 30px 0;
    height: 130px;
}

.quanwangtuiyouhua_maidian .left li.a1 {
    background: #fb6069;
}

.quanwangtuiyouhua_maidian .left li.a2 {
    background: #0bdeba;
}

.quanwangtuiyouhua_list {
    width: 100%;
    margin: 50px auto;
    text-align: center;
}

.quanwangtuiyouhua_list .bt {
    background: #ececec;
    padding: 50px 0;
}

.quanwangtuiyouhua_list .bt h2 {
    font-size: 24px;
    margin-bottom: 5px;
}

.quanwangtuiyouhua_list .bt p {
    font-size: 16px;
    color: #666
}

.quanwangtuiyouhua_list .img img {
    max-width: 100%;
    margin: 20px 0 40px;
}

.nyzizhi_list {
    width: 1200px;
    margin: 0 auto;
}

.nyzizhi_list li {
    width: 47%;
    height: 50px;
    line-height: 50px;
    margin: 0.5%;
    float: left;
    background: #ececec;
    box-shadow: 3px;
    padding-left: 2%;
}

.nyzizhi_list li a {
    display: block;
    color: #555;
}

.nyzizhi_list li:hover {
    background: #f18a09;
    color: #fff
}

.nyzizhi_list li:hover a {
    color: #fff
}

.zizhi_neiye {
    width: 1180px;
    margin: 0 auto 50px;
    overflow: hidden;
}

.zizhi_neiye li {
    height: 50px;
    margin: 0.5%;
    line-height: 50px;
    padding-left: 20px;
    background: #ececec;
}


.aaa{ float:left; width:302px; height:672px; background:#f8f8f8; margin-left:15px; margin-top:15px; margin-right:0; display:inline;}
.aaa_t{float:left; width:300px; height:400px; border:#cdcdcd solid 1px;}
.aaa_b{float:left; width:300px; height:270px; border:#e7e7e7 solid 1px; border-top:none;}
.aaa_b1{float:left; width:302px; height:30px; margin-top:30px; }
.aaa_b1a{float:left; width:120px; margin-left:20px; display:inline;}
.aaa_b1b{float:right; width:120px; margin-right:30px; display:inline;}
.aaa_b2{float:left; width:258px; height:1px; background:url(../images/0000.jpg); margin-top:5px; margin-left:15px; display:inline;}
.aaa_b3{float:left; width:302px; height:40px; margin-top:10px;}
.aaa_b4{float:left; width:270px; height:90px; margin-top:10px; margin-left:20px; display:inline;}

.s_width2{width:90%;margin: 0 auto;}
.se_about{background: #f7f9fc;padding:75px 0;position: relative;}
.se_about:after{position:absolute;content: '';width:50%;height:100%;background-color: #f7f9fc;right:0;top:0;z-index: 1;}
.se_about .s_width2{ display: flex;justify-content: space-between; flex-direction: row-reverse;position: relative;z-index: 2; }
.se_about .se_about_img{ width: 30%;}
.se_about .se_about_img img{background:url(../img/500588307.jpg) right center fixed;width:100%;max-width:482px;}
.se_about_l{width:65%;}
.se_about_l strong{color: #333; font-size: 40px; line-height: 95px;}
.se_about_l p{color: #4f4f4f; font-size:17px; line-height: 33px;}


.se_why{padding:55px 0 0 0}
.se_why .s_width2{width:100%;margin: 0 auto;}
.why_t{ text-align: center;padding:0 0 25px 0}
.why_t strong{ font-size: 40px;color: #181818; line-height:65px;}
.why_t p{ font-size: 18px;color: #555555; line-height: 45px;text-transform: uppercase;}
.se_fengongsi{display: flex;justify-content: space-between; align-items: center;background: #f18a09;}
.se_fengongsi img{ display: block;width:50%}
.se_fengongsi p{ width:50%;display: flex;justify-content:center;flex-direction: column;padding:0 55px;color: #fff;font-size: 16px;line-height: 30px; }
.se_fengongsi strong{ font-size: 40px;color: #fff; line-height:95px;}
.se_why ul{display: flex;justify-content: space-between;}
.se_why li{width:25%;position: relative;overflow: hidden;}
.se_why li img{width:100%;display: block;position: relative;z-index: 1;transition:0.4s ease;}
.se_why li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_why_hover{width:100%;position: absolute;left:0;bottom:0;height: 100%;z-index:2; background: url(../img/hh.png) repeat-x left bottom;}
.se_why li p{width:100%;position: absolute;left:0;bottom:30px;z-index:3;display: flex;justify-content:flex-start;flex-direction: column;padding:0 25px; color: #fff;}
.se_why li p strong{font-size: 24px;color: #fff; line-height:45px;}
.se_why li p span{font-size: 16px;color: #fff; line-height:30px;}

.se_wenhua{padding:55px 0}
.se_wenhua_t{ text-align: center;padding:0 0 25px 0}
.se_wenhua_t strong{ font-size: 40px;color: #333333; line-height:65px; display: block;}
.se_wenhua_t span{ color: #f18a09; }
.se_wenhua_t p{ font-size: 18px;color: #555555; line-height: 45px;}
.se_wenhua ul{ display: flex;justify-content: space-between; align-items: flex-start;}
.se_wenhua li{text-align: center;}
.se_wenhua li strong{font-size: 20px;color: #141311; line-height: 55px;}
.se_wenhua li p{font-size: 16px;color: #555; line-height: 30px;}

/* licheng */
.fazhan{ background: url(../img/img-4.jpg) no-repeat center top;padding:55px 0 65px 0;  }
.sw53out {
	margin-top: 20px;
	}
	#sw53 {
	}
	#sw53 .swiper-slide {
	width: 580px;
	}
	#sw53 .slideinner {
	position: relative;
	width: 100%;
	height: 100%;
	}
	.fittuwen3 {
	display: block;
	padding-left: 44px;
	padding-right: 30px;
	height: 100%;
	color: #fff;
	background: url('../images/ll.png') 14px 28px no-repeat;
	position: relative;
	}
	.fittuwen3 i {
	position: absolute;
	left: 10px;
	top: 23px;
	z-index: 1;
	border-radius: 5px;
	width: 9px;
	height: 9px;
	background-color: #f18a09;
	-webkit-transition: 1s;
	transition: 1s;
	-webkit-box-shadow: 0 0 0 6px rgba(241, 138, 9, 0.15);
	box-shadow: 0 0 0 6px rgba(241, 138, 9, 0.15);;
	}
	.swiper-slide:hover .fittuwen3 i {
	-webkit-transform: scale(1.2) rotateY(360deg);
	transform: scale(1.2) rotateY(360deg);
	}
	.fittuwen3 dt {
	font-size: 17px;
	line-height: 54px;
	overflow: hidden;
	margin-bottom: 12px;color: #555;
	}
	.fittuwen3 dt em {
	font-size: 36px;
	font-family: "Met-Bold";
	font-style: normal;
	font-weight: bold;
	margin-right: 6px; color: #222;
	}
	.fittuwen3 .txt {
	font-size: 15px;
	line-height: 28px;
	padding:0 5px 0 0 ;
	overflow: auto;color: #333;
    }
    .fittuwen3 .txt::-webkit-scrollbar {
        width: 5px;
        height: 4px;
        background-color: rgba(240, 240, 240, 1);
      }
	.fittuwen3 .txt dd + dd {
	margin-top: 18px;
	}
	.fittuwen3 .txt dd span {
	display: block;
	}
	@media screen and (max-height: 1200px) {
        .sw53out {
        margin-top: 20px;
        }
	}
	.wenhuasec {
	overflow: hidden;
	width: 100%;
	position: relative;
	height: 760px;
	background-color: #fff;
	}
@media only screen and (max-width: 1440px) {
    .se_wenhua li p{font-size: 15px; line-height: 27px;}
    .se_why li p strong{font-size: 17px;}
    .se_why li p span{font-size: 15px; line-height: 25px;}
    .se_why li p{height: 80px;}
    .se_fengongsi p{ padding:0 35px;color: #fff;font-size: 15px;line-height: 28px; }
    .se_fengongsi strong{ font-size: 30px;color: #fff; line-height:65px;}
    .se_about_l p{font-size: 15px; line-height: 28px;}
    .se_about_l strong{color: #333; font-size: 30px; line-height: 65px;}
    .se_banner{ padding: 140px 0 15px 0;}
    .se_banner_t p{ font-size: 24px;}
    .se_banner_t strong{ font-size: 44px;}
}
.se_contact{ margin-top:-80px; background: #f77e11; display: flex;justify-content: space-between; align-items: center;position: relative;z-index: 19999; box-shadow: 0 0 0 rgb(0 0 0 / 5%);}
.se_contact_l{padding:0 60px;width:50%}
.se_contact_l div{font-size: 18px;line-height: 35px;color: #fff;margin: 0 0 25px 0;padding:0 0 25px 0;border-bottom: 1px solid rgba(255, 255, 255, .4);}
.se_contact_l div span{display: block;}
.se_contact_l div strong{display: block;font-size: 42px;line-height: 65px;font-family:Met-Bold;}
.se_contact_l p{font-size: 16px;line-height: 32px;color: #fff;}
.se_contact_r{width:50%}

.se_gongsi{padding:80px 0 20px 0}
.se_gongsi ul{display:flex;justify-content: space-between;flex-wrap:wrap ;}
.se_gongsi li{width: 25%; padding:0 35px 0 0;margin:0 0 40px 0}
.se_gongsi li:nth-child(4n){padding:0 0 0 0;}
.se_gongsi li span{display:block;font-size: 22px;color: #111;line-height: 85px;border-top: 1px solid rgba(0, 0, 0, .1); background: url(../douyin/didi.png) no-repeat left center;padding:0 0 0 35px;}
.se_gongsi li p{ font-size: 16px;color: #777; line-height: 30px;;}
@media only screen and (max-width: 1620px) {
    .se_gongsi li span{ font-size: 18px; color: #444; }
    .se_gongsi li{width: 23%; }
    .se_gongsi li:nth-child(4n){width:28%;}
}
@media only screen and (max-width: 1440px) {
    .se_gongsi li span{ font-size: 16px;font-weight: bold; }
    .se_gongsi li{width: 23%; }
}
.f_con{position:relative; overflow:hidden; display: flex;justify-content: flex-start;flex-wrap: wrap; padding:0 0 30px 0}
.f_con li{float:left; position:relative; overflow:hidden; transition:0.3s; height:auto; width:19.2%;margin:0 .8% 20px 0;background: #f8f8f8;}
.f_con2 li{ background: #fff;}
.f_con li:nth-child(5n){ margin:0 0 20px 0;}
.f_con li .cp_m{ width:100%; margin:0 auto;position:relative; overflow:hidden;}
.f_con li .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block;b border-bottom:none;}
.f_con li .cp_k{ width:100%; margin: 0 auto; transition: 0.3s;color: #333; font-size:22px; padding:25px 10px; box-sizing:border-box;  border-top:none;}
.f_con li .cp_k p span{ float:right;font-weight:normal; color:#fea207;}
.f_con li .cp_k p{font-size:22px; font-weight:bold; line-height:40px;}
.cp_a{ font-size:16px;padding:0 0 5px 0;line-height:40px; border-top:1px solid rgba(0,0,0,.1)}
.cp_b{  font-size:15px; line-height:26px;color: #777;}
.cp_c{ font-size:14px; color:#f18a09;}
.cp_d{  font-size:15px; line-height:26px;}
.contact_us_title h1{
    text-align: center;
	font-size:42px;
	font-weight:bold;
}


.prod_nav2{ position: fixed; top:100px;right:5%}



.se_douyin{background: #fafafa;padding:0 0 60px 0}
.se_douyin_t {font-size: 16px;text-align: center;padding:60px 0 30px 0}
.se_douyin_t h2 {font-size: 36px;color: #272727;line-height: 56px;}
.se_douyin_t p {color: #999999;line-height: 36px;}
.se_douyin_t a { display:block;width:150px;margin:0 auto;line-height: 46px;border: 2px solid rgba(0, 0, 0, .6);border-radius: 35px;color: #272727;;}
.se_douyin_t a:hover { color: #fff;background: #f18a09;border: 2px solid #f18a09;}

.se_youlitui_t {font-size: 16px;text-align: center;padding:60px 0 0px 0}
.se_youlitui_t h2 {font-size: 36px;color: #272727;line-height: 56px; margin: 0 0 10px 0;}
.se_youlitui_t p {color: #999999;line-height: 36px; margin: 0 0 0 0;}






.se_douyin_con{width: 1260px; margin: 0 auto; display: flex;justify-content: space-between; align-items: center;}
.se_douyin_con li{	width:33%; display: flex;justify-content: center; align-items: center; flex-direction: column;text-align: center;;}
.se_douyin_con img{     max-width: 54px; display: block; margin:0 auto 15px 0 }
.se_douyin_con .text{ padding: 0 30px; }
.se_douyin_con .text h3{color:#333;	font-size:22px;	line-height:40px;	margin-bottom:10px;text-align:center;}
.se_douyin_con2{padding:25px 0 0 0}
.se_douyin_con2 .text h3{color:#333;	font-size:18px;	line-height:40px;	margin-bottom:10px;text-align:center;}
.se_douyin_con .text p{
	color:#999;
	font-size:15px;
	line-height:24px;
}
.guanggao{display: flex;justify-content: space-between;align-items: flex-start; padding:0 0 60px 0}
.guanggao_r{width:60%}
.guanggao_r ul{display: flex;justify-content: space-between;}
.guanggao_r li{width:100px;font-size: 24px;color: #333; line-height: 55px;border-bottom: 2px solid #ddd;}
.guanggao_r p{ font-size: 18px;color: #666; line-height: 35px;padding:55px 0 0 0}


.you{background: #fafafa;padding:0 0 60px 0}
.you2{background: #fafafa;padding:0 0 30px 0}
.se_gg_con{  display: flex;justify-content: space-between; align-items: flex-start;flex-wrap: wrap;}
.se_gg_con li{	width:32%; display: flex;justify-content: center; align-items: center; flex-direction: column;text-align: center;background: #fff;border-radius: 15px;padding:35px 20px;margin:0 0 25px 0}
.se_gg_con img{ width:54px; display: block; margin:0 auto 15px 0 }
.se_gg_con .text{ padding: 0 30px; }
.se_gg_con .text h3{	color:#333;	font-size:22px;	line-height:40px;	margin-bottom:10px;text-align:center;}
.se_gg_con .text p{	color:#999;	font-size:15px;	line-height:24px;}
.se_ff{text-align: center;margin:0 0 45px 0}
.se_gg_con2 img{ width:94px; display: block; margin:0 auto 15px 0 }
.se_gg_con3 li{	width:23%; display: flex;justify-content: center; align-items: center; flex-direction: column;text-align: center;background: #fff;border-radius: 15px;padding:35px 20px;margin:0 0 0 0}
.se_gg_con3 img{ width:94px; display: block; margin:0 auto 15px 0 }
.se_gg_con3{ padding:  40px 0 0 0;}

.huise{background: #f7f9fc;padding:25px 0 25px 0}
.huise2{background: #f7f9fc; }
.baise{background: #fff;padding:25px 0 25px 0}
.baise2{background: #fff;}
.baise3{background: #fff;padding:55px 0 55px 0}
.heise{background: #151b29;padding:25px 0 25px 0}
.heise .contact_us_title h1{color: #fff;}

.se_youshitui{ display: flex;justify-content:space-between;  flex-wrap: wrap;padding:0 0 45px 0}
.se_youshitui li{width:49%;display: flex;justify-content:space-between;align-items: center;margin: 0 0 25px 0;box-shadow: 0 0 35px rgb(0 0 0 / 7%);padding:25px 25px;border-radius: 25px;}
.se_youshitui li .text{width:50%}
.se_youshitui li h3{font-size: 18px;color: #176cf2; padding:0 0 0 15px;line-height: 25px;border-left:2px solid #176cf2; margin: 0 0 25px 0;font-weight: bold;}
.se_youshitui li p{font-size: 16px;color: #666; line-height: 27px; margin: 0 0 35px 0;}
.se_youshitui_pic{width:45%; }
.se_youshitui_pic img{width:100%;display:block;margin: 0 auto;}
.se_youshitui li:nth-child(7){width:100%;display: flex;justify-content:space-between;align-items: center; }
/* youshituianli */
.youshituianli{padding:0 0 45px 0}
.youshituianli .s_width{display: flex;justify-content: space-between;padding: 25px 0 0 0;flex-wrap: wrap;}
.youshituianli .s_width li{width:33%;margin:0 0 15px 0;}
.youshituianli .s_width li img{width:100%;display:block;margin: 0 auto;}
/* se_jiayong */
.se_jiayong{ background: url(../douyin/jiayongbg.jpg) no-repeat center top;}
.se_daiyunying_table{}
.se_daiyunying_table td{border: 1px solid #ddd;line-height: 40px;border-collapse: collapse;padding:0 10px	}
.se_daiyunying_table table {width: 100%;border-collapse: collapse;}
/* se_shangxueyuan */
.se_shangxueyuan{display: flex;justify-content: space-between; flex-wrap: wrap; }
.se_shangxueyuan li{width:32%; background: #fff;border-radius: 25px;overflow: hidden;}
.se_shangxueyuan li strong{font-size: 22px;color: #fff; line-height: 65px; text-align: center;; display: block;background: #ff7922;}
.se_shangxueyuan li p{font-size: 16px;color: #555;line-height: 30px; padding:25px;}
.se_shangxueyuan3 li{width:24%; }
.se_shangxueyuan2 li{width:49%;box-shadow: 0 0 35px rgb(0 0 0 / 7%);margin:0 0 25px 0}
.section2 { background: url("../douyin/wendabg.png") left top/100% 100% no-repeat;padding: 0 0 70px 0 ;}
.section-main{ padding: 30px 0 0 0 ;}
.section2 ul {    display: flex;    flex-wrap: wrap;    align-content: flex-start;    justify-content: center;}
.section2 li { flex: none; width: 356px; height: 283px; padding: 53px 56px 0 70px; background-position: left top; background-size: 100% 100%; background-repeat: no-repeat;}
.section2 li:nth-child(1) { background-image: url("../douyin/wendabga.png");}
.section2 li:nth-child(2) { background-image: url("../douyin/wendabgb.png");}
.section2 li:nth-child(3) { background-image: url("../douyin/wendabgc.png");}
.section2 li:nth-child(4) { padding: 57px 87px 0 71px;    margin-top: -86px; background-image: url("../douyin/wendabgd.png");}
.section2 li:nth-child(5) { padding: 57px 74px 0 63px; margin-top: -86px; background-image: url("../douyin/wendabge.png");}
.section2 li div:first-child { padding-left: 12px; font-weight: 600; font-size: 26px; line-height: 37px; color: #333333;}
.section2 li div:last-child { margin-top: 10px; font-size: 16px; line-height: 24px; color: #555555;}
.section2 li:nth-child(4) div:first-child,.section2 li:nth-child(5) div:first-child,.section2 li:nth-child(4) div:last-child,.section2 li:nth-child(5) div:last-child {    color: #FFFFFF;}
.se_duanshipin{width: 1260px; margin: 0 auto; display: flex;justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.se_duanshipin li{	width:23%; display: flex;justify-content: center; align-items: center; flex-direction: column;text-align: center;margin:0 0 25px 0;}
.se_duanshipin img{     max-width: 54px; display: block; margin:0 auto 15px 0 }
.se_duanshipin .text{ padding: 0 30px; font-size:15px;	line-height:27px;color:#888;}
.se_duanshipin .text h3{color:#333;	font-size:18px;	line-height:40px;font-weight: bold;	margin-bottom:10px;text-align:center;}
.se_duanshipin .text i{width:30px;margin:0 auto 15px auto;display: block;height:2px;background: #ec5309;}
.duanshipin {
    width: 100%;
    background: url("../douyin/duanshipin.jpg") center;
    height: 510px;
    position: relative;
    z-index: 11111
}

.se_anli{width: 1260px; margin: 0 auto; display: flex;justify-content:flex-start; align-items: flex-start; flex-wrap: wrap;}
.se_anli li{ width:33%; position: relative;;margin:0 0.5% 25px 0;}
.se_anli li:nth-child(3n){ margin:0 0 25px 0;}
.se_anli li  a{width:100%; position: relative;display: block;overflow: hidden; }
.se_anli li  a img{ display: block; width:100% ;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_anli li  a:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_anli li .cover_text{  width:100%;position: absolute;height:100%; display: flex;justify-content: center;align-items: center;flex-direction: column; z-index: 3;top:0;left:0;color: #fff;}
.se_anli li .cover_text p{ font-size: 17px;}
.se_anli li .cover_pic{  width:100%;position: absolute;height:100%;background:rgba(0,0,0,0.6);z-index: 2;}


/* licheng */
.pro_con_in{ margin:70px 0 0 0;    overflow: hidden;}
.in-yfndk {        display: block;        overflow: hidden; position: relative;}
.container-inyf {        display: block;        float: right;        width:92%;        margin-bottom: 60px;overflow: hidden;}
.container.s_width {    width: 84%;    margin: 0 auto;}
.clear {    clear: both;}
.ovfh {        overflow: hidden;}
.in-protu {        display: block;        width: 100%;  transition:0.4s ease;position: relative; z-index: 1;}
.swiper-slide:hover .in-protu{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.in-protuk { display: block; width: 100%; height: auto;        z-index: 1;        position: relative;}
.in-yftudk { display: block; position: relative;        overflow: hidden; }
.in-yftuk {        display: block;        position: relative;        overflow: hidden; }
.fittuwen3 {        display: block;padding:0 0 18px 0;width:100%;margin:0 auto; display: block;
    padding-left: 44px;
    padding-right: 30px;}
.fittuwen3 p{font-size: 1.5rem;color: #141414;}
.swiper-button-prev-inyf,.swiper-button-next-inyf {        display: block;        width: 66px;height: 66px;position: relative;float: left;left: auto;        top: auto;
right: auto;margin-top: 0;border-radius: 50%;         background-color: #fff;        box-shadow: 5px 5px 27px rgba(2, 105, 13, 0.16);
cursor: pointer;}
.swiper-button-prev-inyf::after,.swiper-button-next-inyf::after {        content: "";}
.swiper-button-prev-inyf {        background:#fff url(../images/huijb.png) center center no-repeat;}
.swiper-button-next-inyf {        margin-left: 14px;        background:#fff url(../images/huija.png) center center no-repeat;}
.swiper-button-prev-inyf:hover {        background:#fff url(../images/huijb1.png) center center no-repeat;}
.swiper-button-next-inyf:hover {        background:#fff url(../images/huija1.png) center center no-repeat;}
.container {         margin-left: auto;        margin-right: auto;}
.inyfank {        position: relative;}
.inyfank .swiper-pagination-inyf {        display: block;        position: relative;        top: 32px;        width: calc(100% - 175px);        height: 2px;        float: right;        background-color: #ebebeb;}
.inyfank .swiper-pagination-inyf span {        background: #f18a09;}