@charset "utf-8"; @font-face {
    font-family: 'alipuhui';
    src: url('../font/Alibaba_PuHuiTi_2.0_65_Medium_65_Medium.ttf');
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

body {
    font: 12px/1.5 "alipuhui","黑体",Arial,sans-serif;
    color: #333;
    min-width: 1700px;
    max-width: 1920px;
    margin: 0px auto;
}

/*网站字体颜色*/
a {
    color: #666666;
    text-decoration: none;
}

/*for ie f6n.net*/
a:focus {
    outline: 0;
}

/*for ff f6n.net*/
a:hover {
    text-decoration: none;
}

.vam {
    vertical-align: middle;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.clearfix {
    clear: both;
    zoom:1;}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.center {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fw {
    font-family: "alipuhui","黑体","宋体";
}

.pa {
    position: absolute;
}

.pr {
    position: relative
}

.mt8 {
    margin-top: 8px;
}

.font14 {
    font-size: 14px;
    font-weight: bold;
}

/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer {
    width: 760px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.w1080 {
    width: 1080px;
}

.w1700 {
    width: 1700px;
    margin: 0 auto;
}

html {
    color: #000;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,dfn,em,th,var,optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del,ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption,th {
    text-align: left;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

input,button,textarea,select,optgroup {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    background: none;
    border: none;
    color: #fff;
}

input,button,textarea,select {
    *font-size: 100%;
}

input,select {
    vertical-align: middle;
}

select,input,button,textarea,button {
    font: 99% arial,helvetica,clean,sans-serif;
    font: 12px/1.5 "alipuhui","黑体","Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
    border-collapse: collapse;
}

pre,code,kbd,samp,tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}

/*title*/
h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

.mt10 {
    margin-top: 10px;
}

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

.w1400 {
    width: 1400px;
    margin: 0 auto;
}

.w1366 {
    width: 1366px;
    margin: 0 auto;
}

.w1600 {
    width: 1600px;
    margin: 0 auto;
    overflow: hidden;
}

.icon_xb {
    background-image: url(../images/icon_xb.png);
}

.ny {
    width: 1200px;
    height: auto;
    overflow: hidden;
    font-family: "alipuhui";
    margin: 30px auto;
}

.ny_ban {
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.public_search {
    line-height: 20px;
    padding: 35px 0 40px;
}

.public_search .keyWords {
    float: left;
}

.public_search .keyWords h1 {
    display: inline-block;
    font-size: 14px;
}

.public_search .keyWords a {
    font-size: 14px;
    color: #7c7c7c;
    display: inline-block;
    font-weight: 500;
    margin-right: 5px;
}

.public_search .keyWords a:hover {
    color: #c80014;
}

.public_search .search1 {
    float: right;
    overflow: hidden;
}

.public_search .search1 input {
    outline: none;
    font-size: 14px;
    line-height: 20px;
    float: left;
    color: #000;
    border: 1px solid #000;
    border-right: none;
    padding: 5px 10px;
    border-radius: 20px 0 0 20px;
}

.public_search .search1 input::-input-placeholder {
    color: #000;
}

.public_search .search1 .submit {
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    border: 1px solid #000;
    border-left: none;
    padding: 5px 10px;
    border-radius: 0 20px 20px 0;
}

.public_search .search1 .submit i {
    width: 18px;
    height: 18px;
    background: url('../images/icon_common.png') -102px -142px;
    display: inline-block;
}

.ms_foot {
    margin: 40px auto 20px;
}

.ms_foot .return {
}

.ms_foot .return a {
    font-size: 18px;
    color: #fff;
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    background: #ed4302;
    border-radius: 50%;
    text-align: center;
    line-height: 125px;
    margin: 0 auto 25px;
}

.ms_foot .return a i {
    display: block;
    width: 33px;
    height: 19px;
    background-position: -10px -142px;
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    margin: 0 auto;
}

.ms_foot .zx {
    text-align: center;
}

.ms_foot .zx a {
    width: 200px;
    line-height: 40px;
    display: inline-block;
    background: #2a2a2a;
    color: #fff;
    text-align: center;
    margin: 0 10px;
    font-size: 16px;
}

.ms_foot .zx a i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.ms_foot .zx a i.icons6 {
    width: 18px;
    height: 17px;
    background-position: -178px -142px;
}

.ms_foot .zx a i.icons5 {
    width: 18px;
    height: 17px;
    background-position: -140px -142px;
}

.ms_foot .zx a:hover {
    background: #ed4302;
}

.icons {
    background: url('../images/icon_common.png') no-repeat;
}

.ny_content {
    width: 1080px;
    padding: 25px 25px 50px;
    box-sizing: border-box;
    background: #fff;
}

.ny_content .title {
    font-size: 30px;
    color: #ed4302;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
}

.ny_content .Subtitle {
    font-size: 16px;
    color: #0d0d0d;
    text-align: center;
}

.ny_content .information {
    margin: 30px auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    background: #f0f0f0;
    line-height: 45px;
}

.ny_content .information p {
    font-size: 14px;
    color: #515151;
    display: inline-block;
}

.ny_content .information p i {
    display: inline-block;
    width: 15px;
    height: 15px;
    float: left;
    position: relative;
    top: 13px;
    margin-right: 5px;
    background: url('../images/icon_common.png');
}

.ny_content .information p i.icons1 {
    width: 19px;
    height: 19px;
    background-position: -63px -142px;
}

.ny_content .information p i.icons2 {
    width: 16px;
    height: 16px;
    background-position: -220px -102px;
    top: 15px;
}

.ny_content .information p i.icons3 {
    width: 12px;
    height: 15px;
    background-position: -10px -215px;
    top: 16px;
}

.ny_content .information p i.icons4 {
    width: 16px;
    height: 8px;
    background-position: -165px -114px;
    top: 19px;
}

.ny_content .ellipsis {
    background: #f0f0f0;
    padding: 15px 10px;
    margin-bottom: 30px;
}

.ny_content .ellipsis p {
    float: right;
    width: 905px;
    font-size: 18px;
    color: #6a6a6a;
    height: 54px;
    overflow: hidden;
}

.ny_content .ellipsis p:nth-child(1) {
    display: block;
    width: 65px;
    line-height: 30px;
    color: #fff;
    background: #ed4302;
    text-align: center;
    float: left;
    height: auto !important;
}

.ny_content .ellipsis .null {
    height: 75px;
    background: #f8f8f8;
}

.ny_content .chapter-control {
    padding: 15px 45px;
    background: #f0f0f0;
    margin: 25px 0;
    font-size: 21px;
}

.ny_content .chapter-control a {
    font-size: 21px;
    color: #515151;
    font-weight: 600;
}

.ny_content .chapter-control a:hover span {
    font-weight: 600;
}

.ny_content .chapter-control a span {
    font-size: 21px;
    color: #ed4302;
    font-weight: 500;
}

.ny_right {
    width: 290px;
    position: relative;
    top: -190px;
}

.ny_right .ny_nav {
}

.ny_right .ny_nav .title {
    font-size: 24px;
    background: #ed4302;
    color: #fff;
    line-height: 30px;
    padding: 25px;
    box-sizing: border-box;
}

.ny_right .ny_nav .title span {
    margin: 5px 0;
    line-height: 45px;
}

.ny_right .ny_nav ul {
    background: #fff;
    padding: 10px 0;
}

.ny_right .ny_nav ul li {
    text-indent: 65px;
}

.ny_right .ny_nav ul li a {
    font-size: 20px;
    color: #252525;
    line-height: 85px;
    height: 85px;
    transition: all linear 0.3s;
    display: block;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #d8d8d8;
}

.ny_right .ny_nav ul li:last-child a {
    border: none;
}

.ny_right .ny_nav ul li:hover,.ny_right .ny_nav ul li.on {
    background: #ed4302;
}

.ny_right .ny_nav ul li:hover a,.ny_right .ny_nav ul li.on a {
    color: #fff;
    border-color: #ed4302;
}

.ny_right .ny_contacts {
    padding: 25px 50px;
    background: #fff;
    margin: 25px 0 35px;
    border-left: 2px solid #eb561d;
    box-sizing: border-box;
    position: relative;
}

.ny_right .ny_contacts:after {
    content: "";
    width: 57px;
    height: 57px;
    background: url('../images/icon_common.png') -10px -10px;
    position: absolute;
    right: 50px;
    top: 22px;
}

.ny_right .ny_contacts p {
    line-height: 23px;
}

.ny_right .ny_contacts p a {
    font-size: 22px;
    color: #323232;
}

.ny_right .flg {
    margin: 0 auto 20px;
}

.ny_right .flg .title {
    color: #252525;
    font-size: 24px;
    margin-bottom: 20px;
}

.ny_right .flg ul {
    overflow: hidden;
}

.ny_right .flg ul li {
    float: left;
    background: #e7e7e7;
    margin-right: 10px;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.ny_right .flg ul li:nth-child(2n+1) {
    width: 140px;
}

.ny_right .flg ul li:nth-child(2n) {
    margin-right: 0;
}

.ny_right .flg ul li a {
    font-size: 17px;
    color: #353535;
    line-height: 30px;
    display: block;
    box-sizing: border-box;
}

.ny_right .flg ul li:hover {
    background: #ed4302;
}

.ny_right .flg ul li:hover a {
    color: #fff;
}

/* good style */
.good_list {
    background: #f4f6f9;
    padding-bottom: 50px;
}

.good_list ul {
    overflow: hidden;
    width: 100%;
}

.good_list ul li {
    background: #fff;
    padding: 40px;
    overflow: hidden;
    width: 835px;
    height: 395px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 500px center;
    float: left;
    margin-bottom: 30px;
    position: relative;
}

.good_list ul li:nth-child(2n) {
    float: right;
}

.good_list ul li .content {
    width: 438px;
    float: left;
}

.good_list ul li .img {
    float: right;
    width: 300px;
    height: 315px;
    position: relative;
}

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

.good_list ul li .content h3 a {
    font-size: 24px;
    color: #333333;
    line-height: 75px;
    display: block;
}

.good_list ul li .content h3 a:hover {
    color: #d70d25;
}

.good_list ul li .content p {
    font-size: 16px;
    color: #464646;
    line-height: 30px;
}

.good_list ul li .content>a {
    width: 172px;
    height: 37px;
    line-height: 37px;
    display: block;
    font-size: 14px;
    color: #272625;
    background: url('../images/section3_border.png') no-repeat;
    background-size: 100%;
    text-indent: 45px;
    margin-top: 35px;
}

.good_list ul li .content>a:hover {
    background-image: url('../images/section5_border.png');
    color: #fff;
}

.good_slide {
    position: relative;
}

.good_slide .bd ul li {
    margin-right: 30px;
    padding: 40px 0;
}

.good_slide .bd ul li .content {
    margin: 0 0 0 40px;
}

.good_slide .bd ul li .img {
    margin-right: 40px;
}

.good_slide>span {
    display: block !important;
    z-index: 100;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: #ffffff;
    opacity: 1 !important;
    border-radius: 50%;
    bottom: 130px;
    position: absolute;
    top: 180px;
    border: 1px solid #125db6;
}

.good_slide>span.prev:after {
    content: " ";
    position: absolute;
    background: url('../images/icon_prev.png') no-repeat center;
    font-size: 35px;
    width: 50px;
    height: 50px;
}

.good_slide>span.next:after {
    content: " ";
    position: absolute;
    background: url('../images/icon_prev.png') no-repeat center;
    font-size: 35px;
    width: 50px;
    height: 50px;
    transform: rotateY(180deg);
}

.good_slide>span.prev {
    left: -60px;
}

.good_slide>span.next {
    right: -60px;
}

.good_show {
    overflow: hidden;
    background: #fff;
    padding-bottom: 115px;
}

.good_show .title {
    padding: 45px 0 15px;
}

.good_show .title h2 {
    font-size: 35px;
    color: #131313;
    text-align: center;
}

.good_show .title>p {
    font-size: 14px;
    color: #a8a8a8;
    text-align: center;
}

.good_show .title .cp_introduce {
    margin: 50px 0 30px;
}

.good_show .title .cp_introduce p {
    font-size: 26px;
    color: #2b2b2b;
    text-indent: 80px;
    background: url('../images/good_show_title.png') no-repeat -25px center;
    line-height: 33px;
}

.good_show .content {
    padding: 0 70px;
}

.recommend_good {
}

.recommend_good .title {
    margin: 30px 0 40px;
    line-height: 50px;
}

.recommend_good .title p {
    font-size: 24px;
    color: #1b1b1b;
    position: relative;
}

.recommend_good .title p:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #d70d25;
}

.recommend_good .title a {
    font-size: 18px;
    color: #1b1b1b;
}

.recommend_good .title a:hover {
    color: #d70d25;
}

/* service style */
.service_swiper {
    background: url('../images/service_ban.jpg') no-repeat center;
    background-size: auto 100%;
    padding: 100px 0 155px;
    height: 865px;
    box-sizing: border-box;
    position: relative;
}

.service_swiper:after {
    content: "";
    position: absolute;
    width: 55px;
    height: 30px;
    background: url(../images/css_sprites.png) -133px -260px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 65px;
    animation: 1s mymove linear infinite normal;
}

.service_swiper .service_list_slider {
}

.service_swiper .service_list_slider .hd {
    width: 270px;
}

.service_swiper .service_list_slider .hd h3 {
    font-size: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 60px;
}

.service_swiper .service_list_slider .hd ul {
}

.service_swiper .service_list_slider .hd ul li {
    margin-bottom: 35px;
    position: relative;
}

.service_swiper .service_list_slider .hd ul li:after {
    content: "";
    position: absolute;
    left: -315px;
    top: 14px;
    width: 300px;
    height: 1px;
    background: #fff;
    display: none;
}

.service_swiper .service_list_slider .hd ul li:hover:after,.service_swiper .service_list_slider .hd ul li.on:after {
    display: block;
}

.service_swiper .service_list_slider .hd ul li a {
    font-size: 18px;
    color: #8a91af;
}

.service_swiper .service_list_slider .hd ul li:hover a,.service_swiper .service_list_slider .hd ul li.on a {
    color: #fff;
}

.service_swiper .service_list_slider .bd {
    width: 1268px;
}

.service_swiper .service_list_slider .bd ul {
}

.service_swiper .service_list_slider .bd ul li {
    width: 1268px;
    height: 610px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
}

.service_swiper .service_list_slider .bd ul li .content {
    width: 570px;
    height: 610px;
    background: rgba(18,93,182,0.7);
    box-sizing: border-box;
    padding: 115px 65px 0;
}

.service_swiper .service_list_slider .bd ul li .content .title {
    margin-bottom: 30px;
}

.service_swiper .service_list_slider .bd ul li .content .title h3 {
    font-size: 36px;
    color: #ffffff;
}

.service_swiper .service_list_slider .bd ul li .content .title i {
    margin-bottom: 5px;
}

.service_swiper .service_list_slider .bd ul li .content .title i.icon1 {
    width: 48px;
    height: 44px;
    display: block;
    background: url(../images/section2_icon1.png) no-repeat;
}

.service_swiper .service_list_slider .bd ul li .content .title i.icon2 {
    width: 48px;
    height: 44px;
    display: block;
    background: url(../images/section2_icon2.png) no-repeat;
}

.service_swiper .service_list_slider .bd ul li .content .title i.icon3 {
    width: 52px;
    height: 44px;
    display: block;
    background: url(../images/section2_icon3.png) no-repeat;
}

.service_swiper .service_list_slider .bd ul li .content .title i.icon4 {
    width: 48px;
    height: 44px;
    display: block;
    background: url(../images/section2_icon4.png) no-repeat;
}

.service_swiper .service_list_slider .bd ul li .content .title i.icon5 {
    width: 48px;
    height: 44px;
    display: block;
    background: url(../images/section2_icon5.png) no-repeat;
}

.service_swiper .service_list_slider .bd ul li .content .title i.icon6 {
    width: 48px;
    height: 44px;
    display: block;
    background: url(../images/section2_icon6.png) no-repeat;
}

.service_swiper .service_list_slider .bd ul li .content>p {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
}

.service_swiper .service_list_slider .bd ul li .content>a {
    width: 85px;
    line-height: 20px;
    font-size: 14px;
    color: #ffffff;
    margin-top: 80px;
    display: block;
    background: url('../images/arrow2.png') no-repeat right center;
}

.service_list {
    padding: 47px 0 50px;
}

.service_list ul {
    overflow: hidden;
}

.service_list ul li {
    float: left;
}

.service_list ul li {
    width: 550px;
    margin-right: 25px;
    margin-bottom: 25px;
}

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

.service_list ul li a {
}

.service_list ul li a .img {
    width: 550px;
    height: 370px;
    overflow: hidden;
}

.service_list ul li a .img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: all linear 0.3s;
}

.service_list ul li:hover a .img img {
    transform: scale(1.1);
}

.service_list ul li a p {
    line-height: 73px;
    background: #fff;
    font-size: 22px;
    color: #1b1b1b;
    padding: 0 20px;
    height: 73px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service_list ul li:hover a p {
    color: #d70d25;
}

.service_nav {
}

.service_main {
    padding-bottom: 50px;
}

.service_main .content {
    width: 100%;
    background: #fff;
}

.service_nav ul {
    text-align: center;
}

.service_nav ul li {
    display: inline-block;
}

.service_nav ul li a {
    font-size: 20px;
    color: #1e1e1e;
    display: block;
    width: 155px;
    line-height: 50px;
    background: url('../images/service_nav_bg.png') no-repeat;
    text-align: center;
}

.service_nav ul li:hover a {
    background-image: url('../images/service_nav_bg_on.png');
    color: #fff;
}

.service_title {
    margin: 65px 0 30px;
}

.service_title h2 {
    font-size: 30px;
    color: #1e1e1e;
    display: inline-block;
    font-weight: 500;
    width: 230px;
    text-align: right;
    position: relative;
    margin-right: 35px;
}

.service_title h2:before {
    content: "";
    position: absolute;
    width: 95px;
    height: 2px;
    background: #d70d25;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

.service_title h2:after {
    content: "/";
    position: absolute;
    right: -26px;
    top: -1px;
    color: #bcbcbc;
    font-weight: 100;
}

.service_title p {
    display: inline-block;
    width: 95px;
    line-height: 16px;
}

.service_title p span {
    font-size: 14px;
    color: #aaaaaa;
}

/*case style*/
.case_slider {
    position: relative;
}

.case_slider .bd {
}

.case_slider .bd ul {
}

.case_slider .bd ul li {
}

.case_slider .bd ul li .img {
    width: 930px;
    height: 660px;
}

.case_slider .bd ul li .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.case_slider .bd ul li .con {
    height: 660px;
    background: url('../images/case_slider_bg.jpg') no-repeat center;
    background-size: 100%;
    width: 770px;
    padding: 100px 45px 0;
    box-sizing: border-box;
}

.case_slider .bd ul li .con .case_slider_title {
    margin-bottom: 25px;
}

.case_slider .bd ul li .con .case_slider_title h3 {
    font-size: 36px;
    color: #ffffff;
    height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case_slider .bd ul li .con .case_slider_title p {
    font-size: 22px;
    color: #ffffff;
    font-weight: 100;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 33px;
}

.case_slider .bd ul li .con>p {
    font-size: 16px;
    color: #ffffff;
    line-height: 28px;
    margin-bottom: 40px;
    max-height: 300px;
    overflow: hidden;
}

.case_slider .bd ul li .con>a {
    font-size: 18px;
    color: #ffffff;
    background: url('../images/case_more_arrow.png') no-repeat 105px center;
    padding-right: 30px;
    font-weight: 600;
    border: 2px solid #fff;
    padding: 6px 45px;
    padding-left: 20px;
}

.case_slider .hd {
    width: 315px;
    line-height: 65px;
    height: 65px;
    background: #d70d25;
    position: absolute;
    bottom: 60px;
    left: 880px;
    box-sizing: border-box;
    padding-left: 50px;
}

.case_slider .hd:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent #002f7f transparent transparent;
    right: 0;
    top: 24px;
    background: transparent;
}

.case_slider .hd ul {
    text-align: center;
}

.case_slider .hd ul li {
    font-size: 18px;
    color: #ffffff;
    display: inline-block;
    margin: 0 6px;
    position: relative;
    cursor: pointer;
}

.case_slider .hd ul li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 0;
    bottom: 18px;
    display: none;
}

.case_slider .hd ul li.on:after {
    display: block;
}

.case_title {
    margin-bottom: 45px;
}

.case_title ul {
    text-align: left;
}

.case_title ul li {
    display: inline-block;
    background: #2b2c31;
    padding: 0 25px;
    margin-right: 10px;
}

.case_title ul li a {
    font-size: 18px;
    color: #fff;
    line-height: 35px;
}

.case_title ul li.on,.case_title ul li:hover {
    background: #ed4302;
}

.case_list {
}

.case_list h3 {
    font-size: 24px;
    color: #1f1f1f;
    margin: 60px 0 40px;
    font-weight: 500;
}

.case_list>ul {
    margin-bottom: 10px;
    overflow: hidden;
}

.case_list>ul li {
    float: left;
    margin-right: 25px;
    margin-bottom: 30px;
}

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

.case_list>ul li a {
}

.case_list>ul li a .img {
    width: 550px;
    height: 390px;
    overflow: hidden;
}

.case_list>ul li a .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all linear 0.3s;
}

.case_list>ul li:hover a .img img {
    transform: scale(1.1);
}

.case_list>ul li .title {
    line-height: 100px;
    background: #fff url(../images/case_list_arrow.png) no-repeat 470px 15px;
}

.case_list>ul li .title p {
    font-size: 20px;
    padding-left: 20px;
    width: 430px;
    line-height: 100px;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case_list>ul li .title .msg{
    display: flex;
    justify-content: space-between;
    padding: 0 20px 20px;
}
.case_list>ul li .title .msg span{
    line-height: 20px;
    font-size: 14px;
}
.case_list>ul li:hover .title {
    background: #002f7f url(../images/case_list_arrow_on.png) no-repeat 470px 15px;
}

.case_list>ul li:hover .title p {
    color: #fff;
}

.case_list>ul li:hover .msg span{
    color:#fff;
}

.hot_case {
    width: 390px;
    padding: 15px 25px 20px;
    box-sizing: border-box;
    background: #fff;
}

.hot_case h2 {
    font-size: 20px;
    color: #151515;
    line-height: 55px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
}

.hot_case ul {
}

.hot_case ul li {
    padding: 14px 0;
    position: relative;
}

.hot_case ul li a {
    display: block;
}

.hot_case ul li .img {
    width: 340px;
    height: 240px;
    overflow: hidden;
}

.hot_case ul li .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all linear 0.3s;
}

.hot_case ul li:hover .img img {
    transform: scale(1.1);
}

.hot_case ul li .title {
    line-height: 65px;
    background: #f4f6f9 url('../images/hot_case_arrow.png') no-repeat 300px center;
}

.hot_case ul li .title p {
    font-size: 16px;
    color: #333333;
    padding-left: 15px;
    width: 265px;
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot_case ul li:hover .title {
    background: #002f7f url('../images/hot_case_arrow_on.png') no-repeat 300px center;
}

.hot_case ul li:hover .title p {
    color: #fff;
}

.case_nav {
    margin-top: 25px;
}

.case_nav ul {
    overflow: hidden
}

.case_nav ul li {
    float: left;
    margin-right: 9px;
}

.case_nav ul li a {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    background: #000;
    line-height: 35px;
    padding: 0 25px;
}

.case_nav ul li:nth-child(1) a {
    font-weight: bold;
}

.case_nav ul li a:hover,.case_nav ul li.on a {
    background: #ed4302;
}

.case_desc {
    overflow: hidden;
    background: #f1f1f1;
    margin: 20px auto 35px;
}

.case_desc .left {
    float: left;
    width: 295px;
    height: 90px;
    background: #ed4302;
    box-sizing: border-box;
    padding: 25px;
    border-radius: 8px;
}

.case_desc .left p {
    font-size: 24px;
    color: #fff;
}

.case_desc .left p i {
    background: url('../images/case_desc.png') no-repeat center;
    width: 31px;
    height: 35px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
}

.case_desc .right {
    float: right;
    width: 1105px;
    height: 90px;
    box-sizing: border-box;
    padding: 25px 45px;
    background: #f1f1f1;
}

.case_desc .right p {
    font-size: 16px;
    color: #4e4e4e;
    line-height: 20px;
}

.case_recommend {
    height: 817px;
    padding: 65px 0;
    box-sizing: border-box;
    background: url('../images/case_recommend_bg.jpg') no-repeat center;
}

.case_recommend .recommend_title {
    color: #ed4302;
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 30px;
}

.case_recommend ul {
    overflow: hidden;
}

.case_recommend ul li {
    width: 435px;
    float: left;
    padding: 30px 20px 20px;
    box-sizing: border-box;
    background: #fff;
    margin-right: 45px;
    margin-bottom: 25px;
    border: 1px solid #fff;
}

.case_recommend ul li:hover {
    border-color: #ed4302;
    box-shadow: 2px 2px 4px #d3d3d3;
}

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

.case_recommend ul li a {
    display: block;
    cursor: pointer;
}

.case_recommend ul li:hover a,.case_recommend ul li:hover span {
    color: #ed4302 !important;
}

.case_recommend ul li .title {
    font-size: 18px;
    color: #181818;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding-left: 15px;
}

.case_recommend ul li .title:after {
    content: "";
    width: 3px;
    height: 22px;
    position: absolute;
    background: #ed4302;
    left: 0;
    top: 0;
}

.case_recommend ul li .content {
    font-size: 14px;
    color: #505050;
    height: 40px;
    margin-bottom: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.case_recommend ul li .more {
    font-size: 14px;
    color: #505050;
    padding-top: 15px;
    border-top: 1px solid #e2e2e2;
    position: relative;
}

.case_recommend ul li .more span {
    font-size: 12px;
    color: #9d9d9d;
    margin-left: 42px;
    padding-left: 15px;
    position: relative;
}

.case_recommend ul li .more:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 9px;
    background: url('../images/css_sprites.png') -255px -156px;
    left: 70px;
    top: 21px;
}

.case_recommend ul li a:hover {
    color: #ed4302;
    cursor: pointer;
}

/* new  style */
.crumb_container {
    height: 100px;
    line-height: 100px;
    position: relative;
    top: -50px;
}

.crumb_container .w1700 {
    background: #fff;
    box-sizing: border-box;
    padding: 0 25px;
    overflow: hidden;
}

.crumb_container .crumb_menu {
    float: left;
    overflow: hidden;
}

.crumb_container .crumb_menu a {
    font-size: 18px;
    color: #2e2e2e;
    float: left;
    margin: 0 25px;
}

.crumb_container .crumb_menu a:hover,.crumb_container .crumb_menu a.on {
    color: #d70d25;
}

.crumb_container .crumb_menu i {
    height: 18px;
    width: 1px;
    background: #c0c0c0;
    float: left;
    position: relative;
    top: 41px;
}

.crumb_container .crumb_content {
    float: right;
    overflow: hidden;
    margin-right: 20px;
}

.crumb_container .crumb_content i {
    width: 15px;
    height: 15px;
    background: url('../images/crumb_icon1.png') no-repeat;
    display: inline-block;
    position: relative;
    margin-right: 13px;
}

.crumb_container .crumb_content a {
    font-size: 18px;
    color: #848484;
    display: inline-block;
}

.crumb_container .crumb_content a:hover,.crumb_container .crumb_content a.on {
    color: #d70d25;
}

.crumb_container .crumb_content span {
    font-size: 18px;
    color: #848484;
    margin: 0 5px;
    display: inline-block;
}

.crumb_container .back_btn {
    float: right;
}

.crumb_container .back_btn a {
    font-size: 14px;
    color: #848484;
    background: url('../images/icon_back.png') no-repeat left center;
    padding-left: 30px;
}

.new_list {
}

.new_list ul {
    overflow: hidden;
    width: 100%;
}

.new_list ul li {
    width: 540px;
    margin-bottom: 40px;
    float: left;
    margin-right: 40px;
}

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

.new_list ul li .img {
    width: 100%;
    height: 333px;
}

.new_list ul li .img a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.new_list ul li .img a img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all linear 0.3s;
}

.new_list ul li .img:hover a img {
    transform: scale(1.1);
}

.new_list ul li .content {
    padding: 35px 0 30px;
    position: relative;
    margin-bottom: 20px;
}

.new_list ul li .content:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e1e1e1;
    position: absolute;
    left: 0;
    bottom: 0;
}

.new_list ul li .content:before {
    content: "";
    width: 0;
    height: 1px;
    background: #d70d25;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all linear 0.3s;
}

.new_list ul li .content h3 {
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
    margin-bottom: 10px;
}

.new_list ul li .content h3 a {
    font-size: 20px;
    color: #333333;
}

.new_list ul li .content:hover h3 a {
    color: #d70d25;
}

.new_list ul li .content:hover:before {
    width: 100%;
}

.new_list ul li .content p {
    height: 50px;
    overflow: hidden;
}

.new_list ul li .content p a {
    font-size: 15px;
    color: #464646;
    line-height: 26px;
}

.new_list ul li .msg {
    overflow: hidden;
    font-size: 16px;
    color: #585858;
}

.new_list ul li .msg span {
    float: left;
}

.new_list ul li .msg a {
    float: right;
}

.new_list ul li .msg a:hover {
    color: #d70d25;
}

.new_pages {
    padding: 45px 0 60px;
    /* background:url('../images/case_page_bg.png') no-repeat center 20px; */
}

.new_pages ul {
    text-align: center;
}

.new_pages ul li {
    display: inline-block;
    margin: 0 5px;
}

.new_pages ul li a {
    color: #b2b2b2;
    font-size: 14px;
    display: block;
    width: 60px;
    line-height: 60px;
    border: 1px solid #000;
    border-radius: 50%;
}

.new_pages ul li.on a,.new_pages ul li:hover a {
    color: #fff;
    background: #000;
}

.Newpage_list {
    margin-bottom: 105px;
}

.Newpage_list ul {
    text-align: center;
}

.Newpage_list ul li {
    padding: 0 10px;
    line-height: 35px;
    display: inline-block;
    background: #999999;
    border-radius: 5px;
    margin: 0 5px;
}

.Newpage_list ul li a {
    font-size: 15px;
    color: #ffffff;
}

.Newpage_list ul li:hover,.Newpage_list ul li.on {
    background: #d70d25;
}

.new_ny {
    padding-bottom: 75px;
}

.new_ny .article_container {
    width: 1215px;
    background: #fff;
    padding: 0 40px;
    box-sizing: border-box;
}

.new_ny .article_container .article_title {
    text-align: center;
    padding: 45px 0 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px;
}

.new_ny .article_container .article_title h3 {
    font-size: 34px;
    color: #125db6;
    margin-bottom: 25px;
}

.new_ny .article_container .article_title p {
    font-size: 14px;
    color: #515151;
    display: inline-block;
    margin: 0 5px;
}

.new_ny .article_container .article_title .information {
    margin: 30px auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    background: #f0f0f0;
    line-height: 45px;
}

.new_ny .article_container .article_title .information p {
    font-size: 14px;
    color: #515151;
    display: inline-block;
}

.new_ny .article_container .article_title .information p i {
    display: inline-block;
    width: 15px;
    height: 15px;
    float: left;
    position: relative;
    top: 13px;
    margin-right: 5px;
    background: url('../images/icon_common.png');
}

.new_ny .article_container .article_title .information p i.icons1 {
    width: 19px;
    height: 19px;
    background-position: -63px -142px;
}

.new_ny .article_container .article_title .information p i.icons2 {
    width: 16px;
    height: 16px;
    background-position: -220px -102px;
    top: 15px;
}

.new_ny .article_container .article_title .information p i.icons3 {
    width: 12px;
    height: 15px;
    background-position: -10px -215px;
    top: 16px;
}

.new_ny .article_container .article_title .information p i.icons4 {
    width: 16px;
    height: 8px;
    background-position: -165px -114px;
    top: 19px;
}

.new_ny .article_container .article_title .information p i.icons5 {
    width: 16px;
    height: 16px;
    background: url('../images/icon_time.png') no-repeat center;
    background-size: 100%;
    top: 15px;
}

.new_ny .article_container .article_content {
    min-height: 500px;
}

.new_ny .article_container .article_content img {
    max-width: 100%;
}

.new_ny .article_container .article_control {
    margin-bottom: 70px;
    padding-top: 25px;
    border-top: 1px solid #ededed;
}

.new_ny .article_container .article_control .article_page div {
    display: block;
    width: 600px;
}

.new_ny .article_container .article_control .article_page a {
    display: inline-block;
    font-size: 16px;
    color: #515151;
    margin-bottom: 10px;
}

.new_ny .article_container .article_control .article_page a:hover {
    color: #d70d25;
}

.new_ny .article_container .article_control .article_btn {
    width: 170px;
    height: 40px;
    line-height: 40px;
    border: 2px solid #646464;
    text-align: center;
}

.new_ny .article_container .article_control .article_btn a {
    font-size: 14px;
    color: #151515;
    padding-right: 24px;
    background: url('../images/article_btn.png') no-repeat right center;
}

.new_ny .article_container .article_control .article_btn:hover {
    border-color: #d70d25;
}

.new_ny .article_container .article_control .article_btn:hover a {
    color: #d70d25;
    background-image: url('../images/article_btn_on.png');
}

.new_ny .hot_article {
    width: 460px;
    padding: 15px 25px 20px;
    box-sizing: border-box;
    background: #fff;
}

.new_ny .hot_article h2 {
    font-size: 20px;
    color: #151515;
    line-height: 55px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
}

.new_ny .hot_article ul {
}

.new_ny .hot_article ul li {
    padding: 14px 0;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.new_ny .hot_article ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #d70d25;
    z-index: 2;
    transition: all linear 0.3s;
}

.new_ny .hot_article ul li:hover:after {
    width: 100%;
}

.new_ny .hot_article ul li a {
    display: block;
}

.new_ny .hot_article ul li .img {
    width: 105px;
    height: 65px;
    overflow: hidden;
}

.new_ny .hot_article ul li .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all linear 0.3s;
}

.new_ny .hot_article ul li:hover .img img {
    transform: scale(1.1);
}

.new_ny .hot_article ul li .box {
    width: 275px;
}

.new_ny .hot_article ul li .box h3 {
    font-size: 16px;
    color: #666666;
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    margin-bottom: 13px;
}

.new_ny .hot_article ul li:hover .box h3 {
    color: #d70d25;
}

.new_ny .hot_article ul li .box p {
    color: #aaaaaa;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
}

.new_ny .hot_article ul li .box p .time {
    font-size: 16px;
}

.new_ny .hot_article ul li .box p .num {
    background: url('../images/icon_watch.png') no-repeat left center;
    padding-left: 25px;
}

.fixed {
    position: fixed !important;
    top: 0px !important;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
}

/* about style */
.about_title {
    text-align: center;
    padding: 40px 0 0;
    margin-bottom: 35px;
}

.about_title p {
    line-height: 24px;
    height: 24px;
    color: #cecece;
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.about_title h2 {
    font-size: 50px;
    color: #171717;
    font-weight: 500;
    position: relative;
    padding-bottom: 28px;
    line-height: 50px;
}

.about_title h2:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 26px;
    height: 4px;
    background: #d70d25;
    bottom: 0;
}

.about_page1 {
    padding: 65px 0 0;
}

.about_page1>p {
    font-size: 18px;
    color: #393333;
    line-height: 30px;
    margin-bottom: 25px;
}

.about_page1>p span {
    color: #012f82;
}

.about_page2 {
    padding: 0 0 80px;
    background: #fff;
}

.about_page2 .container {
}

.about_page2 .container .left {
    width: 850px;
    height: 660px;
    padding: 28px;
    box-sizing: border-box;
    position: relative;
}

.about_page2 .container .left .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.about_page2 .container .left .img img {
    width: 100%;
    height: 100%;
    transition: all linear 0.3s;
    display: block;
}

.about_page2 .container .left .content {
    width: 794px;
    height: 604px;
    transition: all linear 0.3s;
    border: 1px solid #fff;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 160px 40px 0;
}

.about_page2 .container .left:hover .content {
    transform: scale(0.95);
}

.about_page2 .container .left:hover .img img {
    transform: scale(1.05);
}

.about_page2 .container .left .content .txt {
    color: #fff;
    margin-bottom: 115px;
}

.about_page2 .container .left .content .txt h4 {
    font-size: 34px;
}

.about_page2 .container .left .content .txt p {
    font-size: 18px;
}

.about_page2 .container .right {
    width: 850px;
}

.about_page2 .container .right>div {
    float: left;
    width: 425px;
}

.about_page2 .container .right>div:nth-child(1) {
    background: url('../images/about_page2_img2.jpg') no-repeat center;
    background-size: 100%;
}

.about_page2 .container .right>div:nth-child(4) {
    background: url('../images/about_page2_img5.jpg') no-repeat center;
    background-size: 100%;
}

.about_page2 .container .right .content {
    width: 425px;
    height: 330px;
    padding: 100px 40px;
    box-sizing: border-box;
}

.about_page2 .container .right .content .txt {
    color: #000;
}

.about_page2 .container .right .content .txt h3 {
    font-size: 28px;
    margin-bottom: 15px;
}

.about_page2 .container .right .content .txt p {
    font-size: 18px;
}

.about_page2 .container .right .img {
    position: relative;
    overflow: hidden;
}

.about_page2 .container .right .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all linear 0.3s;
}

.about_page2 .container .right .img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all linear 0.3s;
    border: 1px solid #fff;
    opacity: 0;
}

.about_page2 .container .right .img:hover:after {
    opacity: 1;
    transform: scale(0.9);
}

.about_page2 .container .right .img:hover img {
    transform: scale(1.1);
}

.about_page3 {
    background: url('../images/about_page3_bg.jpg') no-repeat center;
    height: 785px;
}

.about_page3 .about_honor_slider {
    width: 100%;
    position: relative;
}

.about_page3 .about_honor_slider>span {
    width: 48px;
    height: 28px;
    display: block;
    background: url('../images/honer_btn.png') no-repeat center;
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.about_page3 .about_honor_slider>span.next {
    right: 0;
    transform: rotateY(180deg);
}

.about_page3 .about_honor_slider .bd {
    width: 100%;
    position: relative;
    right: -15px;
}

.about_page3 .about_honor_slider .bd ul {
}

.about_page3 .about_honor_slider .bd ul li {
    width: 260px;
    height: 450px;
    padding: 25px 70px 0;
    float: left;
    background: #fff;
    margin-right: 25px;
}

.about_page3 .about_honor_slider .bd ul li .img {
    width: 260px;
    height: 365px;
    overflow: hidden;
}

.about_page3 .about_honor_slider .bd ul li .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all linear 0.3s;
}

.about_page3 .about_honor_slider .bd ul li .img:hover img {
    transform: scale(1.2);
}

.about_page3 .about_honor_slider .bd ul li p {
    font-size: 18px;
    color: #303132;
    text-align: center;
    line-height: 85px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.about_page3 .about_honor_slider .hd {
    padding: 50px 0;
}

.about_page3 .about_honor_slider .hd ul {
    text-align: center;
}

.about_page3 .about_honor_slider .hd ul li {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #125db6;
    text-indent: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 5px;
}

.about_page3 .about_honor_slider .hd ul li.on {
    background: #d70d25;
}

.about_page4 {
    background: url('../images/about_page4_bg.jpg') no-repeat center;
    height: 785px;
}

.about_page4 .about_title h2 {
    color: #fff;
}

.about_page4 .about_active_slider {
    width: 100%;
    position: relative;
}

.about_page4 .about_active_slider>span {
    width: 48px;
    height: 28px;
    display: block;
    background: url('../images/about_active_btn.png') no-repeat center;
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.about_page4 .about_active_slider>span.prev {
    left: -55px;
}

.about_page4 .about_active_slider>span.next {
    right: -55px;
    transform: rotateY(180deg);
}

.about_page4 .about_active_slider .bd {
    width: 100%;
    position: relative;
    /* right: -15px; */
}

.about_page4 .about_active_slider .bd ul {
}

.about_page4 .about_active_slider .bd ul li {
    width: 550px;
    float: left;
    margin-right: 25px;
}

.about_page4 .about_active_slider .bd ul li .img {
    width: 550px;
    height: 390px;
    overflow: hidden;
}

.about_page4 .about_active_slider .bd ul li .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all linear 0.3s;
}

.about_page4 .about_active_slider .bd ul li .img:hover img {
    transform: scale(1.1);
}

.about_page4 .about_active_slider .bd ul li p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 85px;
}

.about_page4 .about_active_slider .hd {
    padding: 50px 0;
}

.about_page4 .about_active_slider .hd ul {
    text-align: center;
}

.about_page4 .about_active_slider .hd ul li {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #fff;
    text-indent: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 5px;
}

.about_page4 .about_active_slider .hd ul li.on {
    background: #d70d25;
}

.about_part4 {
    height: 1015px;
    padding: 25px 0 0;
    background: url(../images/about_map_bg.jpg) #fff no-repeat center bottom;
}

.about_part4 .about_title {
    margin-bottom: 50px;
}

.about_part4 .content {
    width: 600px;
    height: 315px;
    background: #fff;
    padding: 35px 60px;
    box-sizing: border-box;
    margin: 0 auto;
    box-shadow: 0 0 10px #858585;
    border-radius: 4px;
}

.about_part4 .content p {
    font-size: 18px;
    color: #2c2d33;
    line-height: 30px;
}

.about_part4 .content a {
    display: block;
    width: 120px;
    line-height: 35px;
    color: #fff;
    background: #125db6;
    text-align: center;
    margin: 20px auto;
    font-size: 16px;
}

.service_ban a {
    display: block;
    width: 100%;
    height: 100%;
}

.service_page1 {
    padding: 70px 0;
    background: #f6f6f6;
}

.service_page1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 45px;
}

.service_page1 ul li {
    width: 340px;
    height: 455px;
    background: #fff;
    position: relative;
    margin-bottom: 13px;
}

.service_page1 ul li .top {
    height: 100px;
    text-align: center;
    position: relative;
}

.service_page1 ul li .top:after {
    content: '';
    width: 94%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 3%;
    background: #f0f0f0;
}

.service_page1 ul li .top:before {
    content: '';
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #ed4201;
}

.service_page1 ul li .top p {
    font-size: 26px;
    color: #212121;
    line-height: 100px;
}

.service_page1 ul li .top p i {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 15px;
}

.service_page1 ul li .content {
    padding: 35px 15px 0;
}

.service_page1 ul li .content p {
    padding-left: 25px;
    font-size: 16px;
    color: #212121;
    margin-bottom: 13px;
    line-height: 16px;
    position: relative;
}

.service_page1 ul li .content p:before {
    content: "";
    width: 17px;
    height: 13px;
    background: url('../images/css_sprites.png') -181px -328px;
    position: absolute;
    left: 0;
    top: 3px;
    transform: scale(0.5);
}

.service_page1 ul li a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    position: absolute;
    bottom: 35px;
    right: 35px;
    text-align: center;
}

.service_page1 ul li a i {
    width: 17px;
    height: 13px;
    background-position: -181px -328px;
    display: inline-block;
}

.service_page1 ul li.on .top,.service_page1 ul li:hover .top {
    background: #ed4201;
}

.service_page1 ul li.on .top p,.service_page1 ul li:hover .top p {
    color: #fff;
}

.service_page1 ul li.on .top:after,.service_page1 ul li:hover .top:after {
    display: none;
}

.service_page1 ul li.on a,.service_page1 ul li:hover a {
    border-color: #ed4201;
}

.service_page1 ul li.on a i,.service_page1 ul li:hover a i {
    background-position: -144px -328px;
}

.service_page1 ul li .top p i {
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.service_page1 ul li .top p i.icon1 {
    width: 51px;
    height: 51px;
    background-image: url('../images/service_icon1.png');
}

.service_page1 ul li.on .top p i.icon1,.service_page1 ul li:hover .top p i.icon1 {
    background-image: url('../images/service_icon1_on.png');
}

.service_page1 ul li .top p i.icon2 {
    width: 51px;
    height: 51px;
    background-image: url('../images/service_icon2.png');
}

.service_page1 ul li.on .top p i.icon2,.service_page1 ul li:hover .top p i.icon2 {
    background-image: url('../images/service_icon2_on.png');
}

.service_page1 ul li .top p i.icon3 {
    width: 51px;
    height: 51px;
    background-image: url('../images/service_icon3.png');
}

.service_page1 ul li.on .top p i.icon3,.service_page1 ul li:hover .top p i.icon3 {
    background-image: url('../images/service_icon3_on.png');
}

.service_page1 ul li .top p i.icon4 {
    width: 51px;
    height: 51px;
    background-image: url('../images/service_icon4.png');
}

.service_page1 ul li.on .top p i.icon4,.service_page1 ul li:hover .top p i.icon4 {
    background-image: url('../images/service_icon4_on.png');
}

.service_page1 ul li .top p i.icon5 {
    width: 51px;
    height: 51px;
    background-image: url('../images/service_icon5.png');
}

.service_page1 ul li.on .top p i.icon5,.service_page1 ul li:hover .top p i.icon5 {
    background-image: url('../images/service_icon5_on.png');
}

.service_page1 ul li .top p i.icon6 {
    width: 51px;
    height: 51px;
    background-image: url('../images/service_icon6.png');
}

.service_page1 ul li.on .top p i.icon6,.service_page1 ul li:hover .top p i.icon6 {
    background-image: url('../images/service_icon6_on.png');
}

.service_page1 ul li .top p i.icon7 {
    width: 51px;
    height: 51px;
    background-image: url('../images/service_icon7.png');
}

.service_page1 ul li.on .top p i.icon7,.service_page1 ul li:hover .top p i.icon7 {
    background-image: url('../images/service_icon7_on.png');
}

.service_page1 ul li .top p i.icon8 {
    width: 51px;
    height: 51px;
    background-image: url('../images/service_icon8.png');
}

.service_page1 ul li.on .top p i.icon8,.service_page1 ul li:hover .top p i.icon8 {
    background-image: url('../images/service_icon8_on.png');
}

.service_page2 {
    background: url('../images/service_page2_bg.jpg') no-repeat center;
    width: 100%;
    height: 658px;
}

.service_page3 {
    padding: 50px 0 40px;
}

.service_page3 .content {
    margin-top: 25px;
}

.service_page3 .content .service_slider {
    width: 1495px;
    margin: 0 auto;
}

.service_page3 .content .service_slider .bd {
}

.service_page3 .content .service_slider .bd ul {
}

.service_page3 .content .service_slider .bd ul li {
}

.service_page3 .content .service_slider .bd ul li div {
    width: 200px;
    height: 110px;
    position: relative;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.service_page3 .content .service_slider .bd ul li div:nth-child(7n) {
    margin-right: 0;
}

.service_page3 .content .service_slider .bd ul li div img {
    display: block;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.service_page3 .content .service_slider .hd {
    margin: 30px auto;
}

.service_page3 .content .service_slider .hd ul {
    text-align: center;
}

.service_page3 .content .service_slider .hd ul li {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: #8a8a8a;
    overflow: hidden;
    text-indent: 50px;
    border-radius: 50%;
    margin: 0 10px;
}

.service_page3 .content .service_slider .hd ul li.on {
    background: #ed4201;
}

.service_page4 {
    background: #f6f6f6;
    padding: 60px 0 45px;
}

.service_page4 .content {
    margin-top: 40px;
}

.service_page4 .content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.service_page4 .content ul li {
    width: 685px;
    background: #fff;
    padding: 5px 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.service_page4 .content ul li:hover {
    box-shadow: 0 0 8px #c7c7c7;
}

.service_page4 .content ul li .qa_title {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
}

.service_page4 .content ul li .qa_title p {
    font-size: 22px;
    color: #181818;
    line-height: 70px;
}

.service_page4 .content ul li .qa_title p i {
    display: inline-block;
    position: relative;
    top: 8px;
    width: 33px;
    height: 33px;
    background: url('../images/service_q.png');
    margin-right: 10px;
}

.service_page4 .content ul li .qa_container {
    position: relative;
    padding-left: 55px;
    box-sizing: border-box;
    height: 170px;
}

.service_page4 .content ul li .qa_container i {
    position: absolute;
    left: 0;
    top: 5px;
    width: 35px;
    height: 35px;
    background: url('../images/css_sprites.png') -364px -131px;
}

.service_page4 .content ul li .qa_container p {
    font-size: 16px;
    color: #505050;
    line-height: 30px;
}

.service_page5 {
    padding: 45px 0 65px;
    background: url('../images/section2_bg.jpg');
}

.service_page5 .content {
    text-align: center;
}

.service_page5 .content img {
    display: inline-block;
}

.service_news {
    width: 100%;
    height: 855px;
    background: url('../images/service_news_bg.jpg') no-repeat center;
    padding-top: 70px;
    box-sizing: border-box;
}

.service_news .content {
    overflow: hidden;
}

.service_news .content h2 {
    font-size: 40px;
    color: #ed4302;
    margin-bottom: 25px;
}

.service_news .news_box {
    width: 440px;
    background: #fff;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

.service_news .news_box .img a {
    display: block;
}

.service_news .news_box a {
    cursor: pointer;
}

.service_news .news_box:hover a,.service_news .news_box:hover .content .more span {
    color: #ed4302 !important;
}

.service_news .news_box .img a img {
    display: block;
    width: 390px;
    height: 240px;
}

.service_news .news_box .content a {
    display: block;
}

.service_news .news_box .content .news_title {
    font-size: 20px;
    color: #181818;
    line-height: 70px;
    padding-left: 15px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.service_news .news_box .content .news_title:before {
    content: "";
    width: 3px;
    height: 22px;
    position: absolute;
    background: #ed4302;
    left: 0;
    top: 25px;
}

.service_news .news_box .content .text {
    font-size: 14px;
    color: #505050;
    line-height: 22px;
    margin-bottom: 15px;
    height: 45px;
    overflow: hidden;
}

.service_news .news_box .content .more {
    font-size: 14px;
    color: #505050;
    padding-top: 15px;
    border-top: 1px solid #e2e2e2;
    position: relative;
}

.service_news .news_box .content .more:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 9px;
    background: url('../images/css_sprites.png') -255px -156px;
    left: 70px;
    top: 21px;
}

.service_news .news_box .content .more span {
    font-size: 12px;
    color: #9d9d9d;
    margin-left: 42px;
    padding-left: 15px;
    position: relative;
}

.service_news .news_box .content .more span:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: #e2e2e2;
    left: 0;
    top: 0;
}

.service_news .news_box {
    float: left;
    overflow: hidden;
    margin-bottom: 40px;
    margin-right: 40px;
}

.service_news .news_box:nth-child(3n) {
    margin-right: 0;
}

/*================搜索页面 css================*/
.ny .ny_l {
    width: 240px;
    height: auto;
    overflow: hidden;
}

.ny .ny_r {
    width: 890px;
    height: auto;
    overflow: hidden;
}

.ntitle {
    margin: 0 auto;
    padding: 15px 0 10px;
    border-bottom: 1px solid #d6d6d6;
    width: auto;
}

.ntitle h2 {
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    font-weight: bold;
    color: #006db8;
    text-align: left;
    overflow: hidden;
}

.ntitle h2 a {
    color: #5c5c5c;
}

.ntitle span {
    height: 24px;
    color: #999;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    position: relative;
}

.n-list {
    margin: 10px 0px;
}

.n-list li {
    width: 770px;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 20px;
    margin-bottom: 12px;
}

.n-list li dl dt {
    float: left;
    width: 185px;
    height: 120px;
    margin-right: 25px;
}

.n-list li dl dt img {
    width: 185px;
    height: 120px;
}

.n-list li dl dd {
    float: left;
    width: 560px;
    height: 120px;
}

.n-list li h2 {
    color: #006db8;
    text-align: left;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    margin-bottom: 10px;
}

.n-list li h2 a {
    color: #125db6;
}

.n-list li .note {
    width: 770px;
    height: auto;
    overflow: hidden;
}

.n-list li .note .info span {
    margin-right: 10px;
    padding-left: 20px;
    color: #777;
    background: url(Img/Index/sprite.gif) no-repeat;
}

.n-list li .note .info .comm {
    background-position: 0 5px;
}

.n-list li .note b img {
    margin: 10px 0px;
}

.n-list li .note .info .time {
    background-position: 0 -156px;
}

.n-list li .note .info .view {
    background-position: 0 -34px;
}

.n-list li .note p {
    font-size: 14px;
    text-align: left;
    line-height: 23px;
    height: 90px;
    overflow: hidden;
}

.n-list li .note .info {
    font-size: 14px;
    line-height: 26px;
    padding: 5px 0px;
}

.sideMenu,.cpfl {
    width: 240px;
    height: auto;
    overflow: hidden;
    margin: 0 0 25px;
}

.sideMenu .xnav,.cpfl .xnav {
    height: auto;
    padding: 20px 25px;
    overflow: hidden;
    text-align: center;
    background: #125db6;
}

.sideMenu .xnav i,.cpfl .xnav i {
    width: 13px;
    height: 3px;
    display: block;
    background: #fff;
    margin: 0 0 10px;
}

.sideMenu .xnav p,.cpfl .xnav p {
    height: 38px;
    line-height: 19px;
    color: #fff;
    font-size: 1.2em;
    font-family: "Book Antiqua";
    text-transform: uppercase;
}

.sideMenu .xnav p span,.cpfl .xnav p span {
    color: #fff;
    font-size: 1.4em;
    font-family: "Book Antiqua";
    text-transform: uppercase;
    display: block;
}

.sideMenu .xnav a,.cpfl .xnav a {
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 26px;
    display: block;
    margin: 10px 0 0;
}

.sideMenu .xnav a em,.cpfl .xnav a em {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 3px;
}

.sideMenu .xnav em.al {
    background-position: -120px -27px;
}

.sideMenu .xnav em.cp,.cpfl .xnav em.cp {
    background-position: -140px -27px;
}

.sideMenu .xnav em.ab {
    background-position: -160px -27px;
}

.sideMenu .xnav em.xc {
    background-position: -180px -27px;
}

.sideMenu .xnav em.hz {
    background-position: -200px -27px;
}

.sideMenu .xnav em.xw {
    background-position: -220px -27px;
}

.sideMenu .xnav em.fa {
    background-position: -260px -27px;
}

.sideMenu ul {
    height: auto;
    overflow: hidden;
    padding: 15px 20px;
    background: #f7f7f7;
}

.sideMenu ul li {
    height: 45px;
    overflow: hidden;
    margin: 0 auto 8px;
}

.sideMenu ul li a {
    color: #444;
    font-size: 17px;
    height: 45px;
    overflow: hidden;
    line-height: 45px;
    display: block;
    position: relative;
    padding-left: 35px;
    background: url(../images/ce_nyxb1.png) #dfdfdf 20px center no-repeat;
}

.sideMenu ul li.on a,.sideMenu ul li a:hover {
    color: #125db6;
    background: url(../images/ce_nyxb01.png) 20px center no-repeat;
}

.sideMenu ul li a i {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0px;
    height: 1px;
    display: block;
    background: #125db6;
}

.sideMenu ul li a:hover i {
    width: 150px;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
}

.sideMenu dl {
    height: auto;
    overflow: hidden;
    padding: 0px 20px 13px;
}

.sideMenu dl dt a {
    height: 28px;
    overflow: hidden;
    display: block;
    line-height: 28px;
    text-indent: 15px;
    font-size: 13px;
    color: #777;
    border-bottom: 1px solid #dedede;
}

.sideMenu dl dt a:hover {
    color: #e60012;
    border-bottom: 1px solid #e60012;
}

.sideMenu1 h2,.sideMenu3 h2 {
    height: 65px;
    color: #fff;
    font-size: 20px;
    line-height: 65px;
    text-align: center;
    background: url(../images/arrow.png) #006db8 170px center no-repeat;
    background-position: 205px center;
}

.sideMenu2 h2 {
    height: 50px;
    line-height: 50px;
    text-indent: 28px;
    text-align: left;
    background: url(../images/arrow.png) #90847a 200px center no-repeat;
}

.sideMenu h2 a,.sideMenu1 h2 a,.sideMenu3 h2 a {
    color: #fff;
    font-size: 26px;
    font-weight: normal;
}

.sideMenu h4 a {
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    font-weight: normal;
    text-align: left;
    font-size: 15px;
    color: #1f1f1f;
    background: url(Img/ny_cp/cp_b.jpg) center no-repeat;
    display: block;
    margin: 0 0 1px;
}

.sideMenu h4 a:hover {
    background: url(Img/ny_cp/cp_c.jpg) center no-repeat;
    color: #006db8;
}

.ny_r_title1 {
    height: auto;
    overflow: hidden;
}

.ny_r_title2 {
    width: 1000px;
}

.ny_r_title1 .xnav_m2 {
    padding: 0 0 10px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #d4d4d4;
}

.ny_r_title1 .xnav_m2 h2 {
    width: auto;
    color: #322821;
    text-align: left;
    font-size: 16px;
}

.ny_r_title1 .xnav_m2 h2 em {
    color: #7d7d7d;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 5px;
    font-weight: normal;
}

.ny_r_title1 .xnav_m2 p {
    color: #7d7d7d;
    font-size: 13px;
    float: right;
    text-transform: uppercase;
}

.ny_r_title1 .xnav_m2 span {
    width: 70px;
    height: 2px;
    background: #015198;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ny_contact {
    width: 100%;
    height: 350px;
    overflow: hidden;
    background: #f3f3f3;
    border-top: 4px solid #125db6;
    margin: 28px auto 0;
}

.ny_contact .zi1 {
    height: auto;
    text-align: left;
    padding: 14px 15px 14px 20px;
    overflow: hidden;
    margin: 0 auto
}

.ny_contact .zi1 p {
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    font-size: 20px;
    color: #04271b;
    font-weight: bold;
    text-indent: 20px;
}

.ny_contact .zi1 p img {
    width: 24px;
    height: 24px;
    margin-right: 7px;
    position: relative;
    top: 4px;
}

.ny_contact .zi1 p.t {
    font-size: 23px;
    letter-spacing: 0.3px;
}

.ny_contact .zi2 {
    width: 219px;
    height: 64px;
    padding: 15px 0 0 67px;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    background: url(../images/lx_cxb2.png) 20px 25px no-repeat;
    color: #bdbdbd;
    text-align: left;
    overflow: hidden;
    margin: 0 auto;
}

.ny_contact .zi2 p {
    font-size: 18px;
    text-transform: uppercase;
}

.ny_contact .zi2 p span {
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
}

.ny_contact .zi2 h6 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
}

.ny_contact .zi2 h6 span {
    display: inline-block;
    margin-left: 10px;
}

.ny_contact .zi3 {
    padding: 23px 0 10px;
    height: auto;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.ny_contact .zi3 img {
    width: 140px;
    height: 140px;
    margin: 0 auto;
}

.ny_contact .zi3 p {
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #444;
}

.page-box {
    width: 100%;
    height: 32px;
    padding: 20px 0px 10px;
    margin: 0px;
}

div.digg.t {
    margin: 0 auto;
    padding: 40px 0;
}

div.digg {
    width: 100%;
    text-align: center;
    margin: 50px auto 20px;
}

div.digg span {
    display: inline-block;
    padding: 10px 0;
}

div.digg span.disabled {
    border: 1px solid #e1e2e3;
    border-radius: 18px;
    padding: 6px 1%;
    margin: 0 0.4%;
    color: #015198;
    display: inline-block;
}

div.digg span.current {
    padding: 6px 1%;
    border-radius: 18px;
    margin: 0 0.4%;
    font-weight: bold;
    border: 1px solid #006db8color:#fff;
    background: #006db8 display:inline-block;
}

div.digg a {
    display: inline-block;
    padding: 6px 1%;
    border-radius: 18px;
    margin: 0 0.4%;
    border: 1px solid #e1e2e3;
    color: #7f7f7f;
    text-decoration: none;
}

div.digg a:last-child {
    color: #015198;
}

/**浮动**/
.icon_xb {
    background-image: url(../images/icon_xb2.png)
}

.fd_m {
    width: 100px;
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 99;
    transform: scale(0.75);
    right: -12px;
}

.fd_m li {
    width: 100px;
    height: 130px;
    position: relative;
}

.fd_m li>span {
    background: #006db8;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    border-radius: 0 0 0 24px;
    /* padding-top: 10px; */
    text-indent: 16px;
    box-sizing: border-box;
    position: relative;
    top: -1px;
}

.fd_m li a {
    display: block;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 24px 0 0 0;
    padding: 15px 17px 16px;
    background: #006db8;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.fd_m li:last-child a {
    border-bottom: 0;
    border-radius: 8px 0 0 8px;
}

.fd_m li i {
    transform: scale(0.8);
    position: relative;
}

.fd_m li i,.fd_m li .z1 i {
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
}

.fd_m li i.xb1 {
    background: url('../images/icon_zx.png') no-repeat center;
}

.fd_m li i.xb2 {
    background: url('../images/icon_m.png') no-repeat center;
}

.fd_m li i.xb3 {
    background: url('../images/icon_tel.png') no-repeat center;
}

.fd_m li i.xb4 {
    background: url('../images/icon_return.png') no-repeat center;
}

.fd_m li .z1 {
    width: 450px;
    height: 138px;
    position: absolute;
    border-radius: 24px 0 0 24px;
    left: 120px;
    top: 0;
    background: #006db8;
    text-align: left;
    line-height: 77px;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.fd_m li .z1 i {
    float: left;
    margin: 24px 13px 0 20px;
}

.fd_m li .z1 b {
    font-size: 26px;
    display: block;
    float: left;
    margin-left: 10px;
    line-height: 139px;
}

.fd_m li .z1 span {
    font-size: 23px;
    display: block;
    float: left;
    line-height: 139px;
}

.fd_m li:hover .z1 {
    left: -340px;
    cursor: pointer;
    z-index: 1;
}

.fd_m li .z0 {
    width: 160px;
    height: 190px;
    position: absolute;
    left: 220px;
    top: 0;
    background: #006db8;
    text-align: center;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.fd_m li .z0 img {
    width: 110px;
    height: 110px;
    margin: 25px auto 10px;
}

.fd_m li .z0 p {
    height: 30px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.fd_m li:hover .z0 {
    left: -160px;
    cursor: pointer;
    z-index: 1;
}

@media screen and (max-width: 1500px) {
    .fd_m {
        transform:scale(0.7);
        top: 20%;
        right: -15px;
    }
}

@media screen and (max-height: 700px) {
    .fd_m {
        transform: scale(0.65);
        top: 10%;
        right: -15px;
    }
}

.client-2 {
    width: 76px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999;
    color: #333;
    background: #fff;
    box-shadow: 0 0 5px 5px rgba(0 , 0 , 0 , 0.1);
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}

.client-2:before {
    content: "";
    position: absolute;
    width: 79px;
    height: 105px;
    background: url(../images/kf_tico.png) center no-repeat;
    right: 0;
    top: -105px;
}

.client-2 li a {
    text-decoration: none;
    color: #333;
}

.client-2 li {
    width: 76px;
    height: 77px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    padding: 8px 0 0;
    box-sizing: border-box;
}

.client-2 li b {
    display: block;
    width: 38px;
    height: 37px;
    overflow: hidden;
    margin: 0 auto;
}

.client-2 li span {
    display: block;
}

.client-2 .my-kefu-pho a {
    animation: heart 1s ease-in-out infinite alternate;
    display: block;
}

.client-2 .my-kefu-ftop {
    display: none;
    height: 52px;
}

.client-2 li.cur,.client-2 li:hover {
    background: #125db6;
    color: #fff ;
}

.client-2 li.cur a,.client-2 li:hover a {
    color: #fff
}

.client-2 li.cur b img,.client-2 li:hover b img {
    margin-left: -70px;
}

.client-2 li.my-kefu-weixin .cont {
    margin: 0;
    width: 115px;
    padding: 14px;
    position: absolute;
    right: 85px;
    top: -24px;
    background-color: #fff;
}

.client-2 li .cont:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #fff;
}

.client-2 li.my-kefu-weixin .cont span {
    display: block;
    line-height: 30px;
    height: 40px;
    font-size: 16px;
    color: #333;
}

.client-2 li.my-kefu-weixin .cont img {
    width: 115px;
    height: 115px;
}

.client-2 li.my-kefu-tel .cont {
    display: none;
    margin: 0;
    width: 175px;
    padding: 14px;
    position: absolute;
    right: 85px;
    top: 4px;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    background: url(../images/kf_ico1.png) no-repeat -48px center #125db6;
    padding-left: 40px;
}

.client-2 li.my-kefu-tel .cont:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 26px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #125db6;
}

.client-2 li:hover .cont {
    display: block!important;
}