@charset "utf-8";
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

ol,
ul,
li {
    list-style-type: none;
}

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

button,
input,
select,
textarea {
    font-size: 12px;
    font-family: inherit;
    margin: 0;
    outline: none;
    resize: none;
    border: none;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

html {
    verflow: -Scroll;
    overflow-x: hidden;
    zoom: 1;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

body {
    color: #565656;
    font-size: .875rem;
    line-height: 24px;
    font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
}

a {
    color: #565656;
    text-decoration: none;
    outline: none;
    blr: expression(this.onFocus=this.blur());
    transition: all 0.3s;
}

a:hover {
    color: #3888c5;
    text-decoration: none;
}

:focus {
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Trump';
    src: url('../font/Trump.eot');
    src: url('../font/Trump.eot?#font-spider') format('embedded-opentype'), url('../font/Trump.woff') format('woff'), url('../font/Trump.ttf') format('truetype'), url('../font/Trump.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iconfont';
    /* project id 1085674 */
    src: url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.eot');
    src: url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.woff2') format('woff2'), url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.woff') format('woff'), url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.ttf') format('truetype'), url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}


/* CSS活动的公共样式 */

.fl {
    float: left;
}

.fr {
    float: right;
}

.woWidth {
    width: 94%;
    margin: 0 auto;
}

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

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb25 {
    margin-bottom: 25px;
}

.ce {
    text-align: center;
}

.hide {
    overflow: hidden;
}

.erp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clearfix {
    clear: both;
}

.wapI,
.wapT {
    display: none;
}

.head-long {
    display: none;
}

.Img {
    overflow: hidden;
    transition: 0.5s all;
}

li:hover .Img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.padding {
    padding-bottom: 3%;
    overflow: hidden;
}

.banner .samll {
    display: none;
}

.list-bg {
    padding: 30px 0;
    overflow: hidden;
}

.list-bg2 {
    padding: 50px 0;
    overflow: hidden;
}

.list-bg3 {
    padding: 0 0 30px 0;
    background: #f1f1f1;
    overflow: hidden;
}

.list-bg4 {
    padding: 30px 0 0 0;
    overflow: hidden;
}

.wrap-bg {
    padding: 30px 0 0 0;
    overflow: hidden;
}

.list_wrapper-news {
    background: #efefef;
}


/*内页次导航*/

.sindeMenu {
    height: 50px;
    line-height: 50px;
    background: #f6f6f6;
}

.sindeMenu .leftmenu {
    float: left;
    width: 70%;
}

.sindeMenu ul a {
    font-size: 14px;
    color: #666;
    position: relative;
    display: inline-block;
    margin-right: 30px;
}

.sindeMenu ul a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #1d2088;
    transition: 0.5s all;
}

.sindeMenu span {
    float: left;
    color: #626262;
    font-size: 12px;
}

.sindeMenu .active:after {
    width: 100%;
}

.sindeMenu a:hover:after {
    width: 100%;
}

.sindeMenu .location {
    float: left;
    background: url(../images/home.png)no-repeat left;
    padding-left: 20px;
}


/*目标位置*/

.pageTitle {
    padding: 19px 0;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

.pageTitle span {
    font-size: 12px;
    color: #626262;
    display: inline-block;
    margin-right: 30px;
    background: url(../images/home.png)no-repeat left;
    padding-left: 24px;
}

.pageTitle span a {
    font-size: 12px;
    color: #626262;
}

.toTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background: url(../images/toTop.png)no-repeat center;
    background-size: 100%;
    transition: .5s all;
    z-index: 99999;
    display: none;
}

.toTop:hover {
    transform: translateY(-10px);
}


/* 顶部  */

.headerTop2 {
    position: fixed ! important;
    left: 0;
    background: #ffffff;
    z-index: 99999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

.headerTop2 .nav li a {
    color: #000 ! important;
}

.headerTop2 .logo .logo1 {
    display: none;
}

.headerTop2 .logo .logo2 {
    display: block ! important;
    animation: logo 1s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.headerTop2 .header-fr a {
    color: #000 ! important;
    background: url(../images/icon-toptel-on.png)no-repeat left ! important;
    animation: tel 1s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    transform: translateY(-5px);
}

.headerTop2 .nav {
    transform: translateY(-5px);
    animation: nav 1s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@keyframes logo {
    to {
        transform: translateY(5px);
    }
}

@keyframes nav {
    to {
        transform: translateY(0);
    }
}

@keyframes tel {
    to {
        transform: translateY(0);
    }
}

.headerTop {
    position: fixed;
    width: 100%;
    height: 90px;
    line-height: 90px;
    z-index: 99999;
    transition: .5s all;
}

.headerTop .logo {
    width: 11%;
    line-height: 80px;
    float: left;
}

.headerTop .logo a {
    float: left;
}

.headerTop .logo .logo2 {
    display: none;
}

.headerTop .logo dt {
    float: right;
    padding-top: 31px;
    width: 54%;
    line-height: 16px;
}

.headerTop .logo dt h3 {
    font-size: 18px;
    font-weight: bold;
    color: #0a85bf;
}

.headerTop .logo dt p {
    font-size: 14px;
    color: #565656;
    font-weight: normal;
    padding-top: 4px;
}

.headerTop .nav {
    display: table;
    float: left;
    width: 60%;
    margin: 0 9%;
}

.headerTop .nav li {
    text-align: center;
    display: table-cell;
    position: relative;
}

.headerTop .nav li:last-child {
    margin-right: 0;
}

.headerTop .nav li i {
    position: absolute;
    right: 22px;
    top: 47%;
    width: 11px;
    height: 7px;
    background: url(../images/icon-limore.png)no-repeat center;
}

.headerTop2 .nav li i {
    background: url(../images/icon-limore2.png)no-repeat center ! important;
}

.headerTop .nav li a {
    position: relative;
    ;
    font-size: 18px;
    font-weight: normal;
    display: block;
    color: #fff;
    z-index: 9;
}

.headerTop .nav .subnav {
    position: absolute;
    left: 0;
    top: 90px;
    padding: 10px;
    width: 100%;
    background: #fff;
    display: none;
}

.headerTop .nav .subnav a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.headerTop .nav .subnav a:hover {
    background: #3888c5;
    color: #fff ! important;
}

.headerTop .nav li .active {}

.headerTop .nav li:hover a {}

.headerTop:hover {
    background: #fff;
}

.headerTop:hover .nav li a {
    color: #000;
}

.headerTop:hover .logo .logo1 {
    display: none;
}

.headerTop:hover .logo .logo2 {
    display: block;
    transform: translateY(8px);
}

.headerTop:hover .header-fr a {
    color: #000 ! important;
    background: url(../images/icon-toptel-on.png)no-repeat left ! important;
}

.headerTop:hover .nav li i {
    background: url(../images/icon-limore2.png)no-repeat center ! important;
}

.header-fr {
    float: right;
    padding: 30px 0;
    position: relative;
}

.header-fr a {
    position: relative;
    float: left;
    line-height: 36px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    padding-left: 36px;
    background: url(../images/icon-toptel.png)no-repeat left;
}


/*左侧边栏*/

.sindeleft {
    float: left;
    width: 20%;
}

.sindeleft .menu_in .btn a {
    position: relative;
}

.sindeleft .menu_in .btn i {
    position: absolute;
    right: 24px;
    top: 46%;
    width: 11px;
    height: 7px;
    background: url(../images/icon-limore2.png)no-repeat center;
    transition: .54s all;
    -webkit-transition: .5s all;
}

.sindeleft .menu_in .active i {
    transform: rotateZ(180deg);
}

.sindeleft .menu_in .active .menu_two {
    display: block
}

.leftmenu b {
    font-size: 35px;
    color: #fff;
}

.leftmenu .tie {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 26px;
    border-bottom: 1px solid #4db8e9;
    background: #0a85bf url(../images/leftmenu-tie.png)no-repeat right;
    padding: 30px 20px;
    background-position-x: 95%;
    margin-bottom: 4px;
}

.menu_two {
    display: none;
}

.menu_two li a {
    padding-left: 10px;
}

.menu_three {
    display: none;
}

.menu_three li a {
    padding-left: 30px ! important;
    height: 38px ! important;
    line-height: 38px ! important;
}

.menu_in li {
    overflow: hidden;
    font-size: 13px;
}

.menu_in li a {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    background: #e9e9e9 url(../images/list1.jpg) no-repeat 4px center;
    padding-left: 20px;
    margin-bottom: 2px;
    width: 100%;
    color: #333;
}

.menu_in li a:hover {
    background: #0a85bf url(../images/li_h.jpg) no-repeat 4px center;
    color: #fff;
}

.menu_in li .current {
    background: #0a85bf url(../images/li_h.jpg) no-repeat 4px center;
    color: #fff;
}

.menu_in .menu_two li a {
    background: #fff;
    border-bottom: 1px dashed;
}

.menu_in .menu_two li a:hover {
    background: #95c7c8;
}

.side_bom a {
    margin-top: 10px;
    display: block;
}

.menu_in .menu_two a.current {
    background: #95c7c8;
    color: #fff;
}

.menu_in li span {
    font-size: 14px;
    font-weight: bold;
}

.menu_in .menu_three li a {
    width: 85%
}


/*推荐产品*/

.leftrecommend {
    margin-top: 20px;
}

.leftrecommend strong {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 26px;
    border-bottom: 1px solid #4db8e9;
    background: #0a85bf url(../images/leftmenu-tie.png)no-repeat right;
    padding: 30px 20px;
    background-position-x: 95%;
    margin-bottom: 4px;
}

.leftrecommend ul li {
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
}

.leftrecommend ul li span {
    width: 100%;
    height: 300px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}

.leftrecommend ul li span img {
    max-width: 100%;
    max-height: 100%;
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
}

.leftrecommend ul li h4 {
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #e8e8e8;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    position: relative;
    padding-left: 20px;
    z-index: 0;
    transition: .6s all;
    -webkit-transition: .6s all;
}

.leftrecommend ul li h4:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    background: #0a85bf url(../images/icon-pro-more.png)no-repeat center;
    background-position-x: 50%;
    z-index: -1;
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
}

.leftrecommend ul li:hover h4 {
    color: #fff;
}

.leftrecommend ul li:hover h4:after {
    width: 100%;
    background: #0a85bf url(../images/icon-pro-more.png)no-repeat center;
    background-position-x: 90%;
}

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


/*推荐新闻*/

.rightNews-recommend {
    margin-bottom: 20px;
}

.rightNews-recommend strong {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 26px;
    border-bottom: 1px solid #4db8e9;
    background: #0a85bf;
    padding: 30px 20px;
    background-position-x: 95%;
    margin-bottom: 4px;
}

.rightNews-recommend ul li {
    width: 100%;
    height: 60px;
    line-height: 59px;
    background: #fff;
    padding: 0 20px;
}

.rightNews-recommend ul li a {
    display: block;
}

.rightNews-recommend ul li:last-child h4 {
    border-bottom: none;
}

.rightNews-recommend ul li h4 {
    font-size: 14px;
    color: #525252;
    border-bottom: 1px dashed #d0d0d0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
    position: relative;
}

.rightNews-recommend ul li h4:after {
    content: '';
    position: absolute;
    left: 0;
    top: 47%;
    width: 5px;
    height: 5px;
    background: #909090;
    border-radius: 100px;
}

.rightNews-recommend ul li:hover h4 {
    color: #0a85bf
}

.rightNews-recommend ul li:hover h4:after {
    background: #0a85bf
}

.leftcontact {
    margin-top: 20px;
    width: 100%
}

.leftcontact strong {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 26px;
    border-bottom: 1px solid #4db8e9;
    background: #0a85bf;
    padding: 30px 20px;
    background-position-x: 95%;
    margin-bottom: 4px;
}

.leftcontact .cont {
    padding: 20px;
    background: #e9e9e9;
}

.sinderight2 .leftcontact .cont {
    background: #fff;
}

.sinderight2 {
    float: right;
    width: 20%;
}

.sindeleft2 {
    float: left !important;
}

.topMenu {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #e3e3e3;
    overflow: hidden;
}

.topMenu ul {
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    float: left;
    width: 60%;
}

.topMenu ul a {
    float: left;
    margin-right: 2rem;
    position: relative;
    display: block;
    font-size: 16px;
    color: #333;
    transition: 0.3s all;
}

.topMenu ul a:last-child {
    margin-right: 0
}

.topMenu ul a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #3888c5;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.topMenu ul a:hover:after {
    width: 100%;
    left: 0
}

.topMenu ul a:hover a {
    color: #3888c5
}

.topMenu ul a.active a {
    color: #3888c5
}

.topMenu ul a.active:after {
    width: 100%;
    left: 0
}

.location {
    float: right;
    background: url(../images/icon-location.png)no-repeat left;
    padding-left: 20px;
    font-size: 14px;
    color: #8e8e8e;
}

.location a {
    font-size: 14px;
    color: #8e8e8e;
}

.location a:hover {
    color: #3888c5
}

.sinderight {
    float: right;
    width: 77%
}

.sinderightTie {
    padding: 16px 0 16px 20px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    font-size: 20px;
    color: #0a85bf;
    margin-bottom: 30px;
}

.sinderightTie:after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 3px;
    height: 20px;
    background: #0a85bf;
}

.sinderightTie .back {
    font-size: 20px;
    background: url(../images/icon-backtolist.png)no-repeat right;
    padding-right: 25px;
}

.sindecont {
    width: 100%;
}


/*banner图*/

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

.banner ul li img {
    width: 100%;
    transition: 1s ease-in 2s;
    transform: scale(1.1, 1.1);
}

.banner ul li.swiper-slide-active img {
    transition: 5s ease-in;
    transform: scale(1, 1);
}

.banner .ban {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 54px;
    z-index: 99;
    transition: 0.5s all
}

.banner .ban-prev {
    left: 8%;
    background: url(../images/ban-prev.png)no-repeat center;
    background-position-x: 12px;
    opacity: 0;
}

.banner .ban-next {
    right: 8%;
    background: url(../images/ban-next.png)no-repeat center;
    opacity: 0;
}

.banner:hover .ban-prev {
    left: 10%;
    opacity: 1;
}

.banner:hover .ban-next {
    right: 10%;
    opacity: 1;
}

.banner .banner-pagination {
    position: absolute;
    left: 95% ! important;
    top: 45%;
    z-index: 99;
    width: auto ! important;
}

.banner .banner-pagination span {
    display: block;
    margin: 20px 0 ! important;
    font-size: 0;
    width: 10px;
    height: 10px;
    line-height: 10px;
    background: none;
    position: relative;
    font-weight: bold;
    opacity: 1 ! important;
}

.banner .banner-pagination span:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background: #fff;
}

.banner .banner-pagination span.swiper-pagination-bullet-active {
    font-size: 14px;
    color: #fff;
    background: none
}

.banner .banner-pagination span.swiper-pagination-bullet-active:after {
    display: none;
}


/*搜索热词*/

.seachhot {
    position: absolute;
    left: 2.5%;
    bottom: 8%;
    width: 95%;
    height: 88px;
    line-height: 88px;
    border-radius: 10px;
    background: #fff;
    z-index: 99;
    padding: 0 2%;
}

.seachhot .hotword {
    float: left;
    color: #676767;
}

.seachhot .hotword span {
    font-size: 14px;
    font-weight: bold;
}

.seachhot .seach {
    float: right;
    width: 30%;
    margin: 27px 0;
}

.seachhot .seach .sear_txt {
    width: 60%;
    height: 35px;
    border-bottom: 1px solid #ccc;
    float: right;
}

.seachhot .seach .sear_btn {
    float: right;
    width: 35px;
    height: 35px;
    border-bottom: 1px solid #ccc;
    background: url(../images/icon-seach.png)no-repeat center;
    background-size: 64%;
    cursor: pointer;
}

.seachhot .seach input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
    font-size: 14px;
}

.seachhot .seach input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #ccc;
    font-size: 14px;
}

.seachhot .seach input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ccc;
    font-size: 14px;
}

.seachhot .seach input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc;
    font-size: 14px;
}

.banner .down-to {
    position: absolute;
    left: 0;
    bottom: 4%;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 70px;
}

.banner .down-to a {
    display: block;
    width: 20px;
    height: 44px;
    background: url(../images/down-to.png)no-repeat center;
    margin: 0 auto;
    position: relative;
    transition: 0.5s all;
    animation: downto 2s infinite;
    animation-direction: alternate;
    -webkit-animation-delay: 0s;
    /*延迟时间*/
}

@keyframes downto {
    0% {
        top: 0px
    }
    50% {
        top: 10px
    }
    75% {
        top: 10px
    }
    100% {
        top: 0px
    }
}

@-moz-@keyframes downto {
    0% {
        top: 0px
    }
    50% {
        top: 10px
    }
    75% {
        top: 10px
    }
    100% {
        top: 0px
    }
}

@-webkit-@keyframes downto {
    0% {
        top: 0px
    }
    50% {
        top: 10px
    }
    75% {
        top: 10px
    }
    100% {
        top: 0px
    }
}

@-o-@keyframes downto {
    0% {
        top: 0px
    }
    50% {
        top: 10px
    }
    75% {
        top: 10px
    }
    100% {
        top: 0px
    }
}

.list_banner {
    position: relative;
}

.list_banner img {
    width: 100%
}

.list_banner .slogan {
    position: absolute;
    top: 40%;
    left: 3%;
    width: 30%;
    text-align: center;
}

.list_banner .slogan:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 40%;
    height: 1px;
    background: #fff;
}

.list_banner .slogan:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 40%;
    height: 1px;
    background: #fff;
}

.list_banner .slogan h3 {
    font-size: 35px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 50px;
}

.list_banner .slogan i {
    display: inline-block;
    width: 24px;
    height: 3px;
    background: #fff;
    margin: 30px 0 14px 0;
}

.list_banner .slogan p {
    font-size: 25px;
    color: #fff;
    line-height: 32px;
    text-transform: uppercase;
}


/*公共标题*/

.proTie {
    font-size: 48px;
    color: #000;
    text-align: center;
    margin-bottom: 50px;
}

.proTie p {
    font-size: 24px;
    color: #bdbdbd;
    margin-top: 30px;
    text-transform: uppercase;
    font-weight: normal;
}

.Btie {
    color: #fff ! important;
}

.Btie p {
    color: #bdbdbd;
}


/*关于*/

.aboutIndex {
    padding: 78px 0;
    background: url(../images/bg-aboutIndex.jpg)no-repeat top center;
    overflow: hidden;
}

.aboutFl {
    float: left;
    width: 50%;
    height: 640px;
    padding: 0 2% 0 0;
}

.aboutFl img {
    float: right;
    width: 90%;
    height: 90%;
    position: relative;
    object-fit: cover;
}

.aboutFl span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.aboutFl span:after {
    content: '';
    position: absolute;
    left: 5%;
    bottom: 2%;
    width: 90%;
    height: 90%;
    background: rgba(59, 157, 204, 0.8);
    z-index: -1;
}

.aboutFr {
    float: right;
    width: 50%;
    position: relative;
    padding: 30px 14px 14px 14px;
    padding: 0 5% 0 0
}

.aboutFr .mainTie {
    font-size: 60px;
    color: #000;
    padding: 15px 0;
    margin-bottom: 50px;
    position: relative;
    display: inline-block;
}

.aboutFr .mainTie:after {
    content: '';
    position: absolute;
    right: 41%;
    top: 24px;
    width: 1px;
    height: 20px;
    background: #a9a4a4;
    transform: rotateZ(30deg);
}

.aboutFr .mainTie span {
    font-size: 45px;
    color: #dedede;
    margin-left: 40px;
}

.aboutFr .viceTie {
    display: block;
    font-size: 45px;
    color: #000;
    margin-bottom: 30px;
    font-weight: normal;
    padding: 10px 0;
}

.aboutFr dt {
    font-size: 16px;
    color: #736e6e;
    line-height: 30px;
    margin-bottom: 30px;
}

.aboutFr .moreIndex {
    font-size: 16px;
    color: #736e6e;
    background: url(../images/icon-moreIndex.png)no-repeat right;
    padding: 7px 30px 7px 0;
    background-size: 22%;
    display: inline-block;
    float: right;
}

.aboutFr .moreIndex:hover {
    color: #3888c5;
}

.aboutFr .focus {
    width: 80%;
}

.aboutFr .focus li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.aboutFr .focus li span {
    font-size: 16px;
    color: #333333;
}

.aboutFr .focus li p {
    font-size: 14px;
    color: #999999;
}

.aboutFr .focus li i {
    display: block;
    margin: 0 auto;
    width: 92px;
    height: 92px;
    background: url(../images/intel1.png)no-repeat center;
    background-position: 0 0;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.aboutFr .focus li:nth-child(2) i {
    background: url(../images/intel2.png)no-repeat center;
    background-position: 0 0;
}

.aboutFr .focus li:nth-child(3) i {
    background: url(../images/intel3.png)no-repeat center;
    background-position: 0 0;
}

.aboutFr .focus li:hover i {
    display: block;
    margin: 0 auto;
    width: 92px;
    height: 92px;
    background: url(../images/intel1.png)no-repeat center;
    background-position: 0 -93px;
}

.aboutFr .focus li:nth-child(2):hover i {
    background: url(../images/intel2.png)no-repeat center;
    background-position: 0 -88px;
}

.aboutFr .focus li:nth-child(3):hover i {
    background: url(../images/intel3.png)no-repeat center;
    background-position: 0 -115px;
}

.aboutIndex .conStrength {
    float: left;
    width: 100%;
    margin-top: 100px;
}

.aboutIndex .conStrength .conStrength-box {
    float: left;
    width: 70%;
    height: 356px;
    position: relative;
}

.aboutIndex .conStrength .conStrength-box .conStrength-list {
    width: 76%;
    height: 100%;
    overflow: hidden;
    margin-left: 4%;
}

.aboutIndex .conStrength .conStrength-box .conStrength-list ul li {
    float: left;
    background: #ededed;
}

.aboutIndex .conStrength .conStrength-box .conStrength-list ul li span {
    width: 90%;
    height: 90%;
    background: #fff;
    margin: 5% auto;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.aboutIndex .conStrength .conStrength-box .conStrength-list ul li span img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down
}

.conStrength-pagination {
    width: 76%;
    margin-left: 4%;
    text-align: center;
}

.conStrength-pagination span {
    width: 20px;
    height: 4px;
    border-radius: 0;
    margin: 0 4px;
}

.conStrength-pagination span.swiper-pagination-bullet-active {
    background: #399cca;
}

.conStrength-btn {
    position: absolute;
    right: 100px;
    top: 110px;
    width: 60px;
    height: 130px;
}

.conStrength-btn a {
    display: block;
    width: 60px;
    height: 60px;
    background: #9e9fa0 url(../images/icon-conStrength-prev.png)no-repeat center;
    margin-bottom: 10px;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.conStrength-btn a:nth-child(2) {
    background: #9e9fa0 url(../images/icon-conStrength-next.png)no-repeat center;
}

.conStrength-btn a:hover {
    background: #399cca url(../images/icon-conStrength-prev.png)no-repeat center;
}

.conStrength-btn a:nth-child(2):hover {
    background: #399cca url(../images/icon-conStrength-next.png)no-repeat center;
}

.aboutIndex .conStrength .conStrength-video {
    float: right;
    width: 30%;
    position: relative;
    cursor: pointer;
}

.aboutIndex .conStrength .conStrength-video:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    height: 100%;
    background: url(../images/icon-video.png)no-repeat center;
    background-size: 10%;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.aboutIndex .conStrength .conStrength-video h3 {
    position: absolute;
    left: 5%;
    top: 10%;
    font-size: 36px;
    color: #fff;
}

.aboutIndex .conStrength .conStrength-video h3 p {
    font-size: 18px;
    margin-top: 10px;
}

.aboutIndex .conStrength .conStrength-video:hover:after {
    transform: rotateZ(40deg);
    background-size: 12%
}


/*优势*/

.advantageIndex {
    background: url(../images/bg-advantageIndex.jpg)no-repeat center;
    overflow: hidden;
    height: 600px;
}

.advantageIndex .advantageTie {
    float: left;
    width: 20%;
    padding-top: 9rem;
}

.advantageIndex .advantageTie h3 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 60px;
}

.advantageIndex .advantageTie p {
    font-size: 18px;
    color: #fff;
}

.advantageIndex .advantageTie span {
    font-size: 60px;
    color: rgb(177 177 177 / 30%);
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-top: 30px;
}

.advantageIndex .advantageList {
    float: right;
    width: 75%;
}

.advantageIndex .advantageList ul li {
    float: left;
    width: 25%;
    padding: 12% 2% 20% 2%;
    text-align: center;
    transition: .6s all;
    -webkit-transition: .6s all;
    border-right: 1px solid rgba(255, 255, 255, .5);
    transform: translateY(0);
}

.advantageIndex .advantageList ul li:last-child {
    border-right: none;
}

.advantageIndex .advantageList ul li:after {
    content: '';
    position: absolute;
    right: -3px;
    top: 168px;
    width: 6px;
    height: 10px;
    background: rgb(56 136 197);
    z-index: 9;
}

.advantageIndex .advantageList ul li:last-child:after {
    display: none;
}

.advantageIndex .advantageList ul li i {
    display: block;
    margin: 0 auto;
    width: 111px;
    height: 111px;
    background: url(../images/icon-advantage.png)no-repeat center;
    background-position: 0 0;
    border: 2px solid #fff;
    border-radius: 100px;
    margin-bottom: 20px;
    transition: .6s all;
    -webkit-transition: 1 all;
}

.advantageIndex .advantageList ul li:nth-child(2) i {
    background-position: -115px 0
}

.advantageIndex .advantageList ul li:nth-child(3) i {
    background-position: -236px 0
}

.advantageIndex .advantageList ul li:nth-child(4) i {
    background-position: -350px 0
}

.advantageIndex .advantageList ul li h4 {
    font-size: 24px;
    color: #fff;
}

.advantageIndex .advantageList ul li hr {
    width: 50px;
    background: #fff;
    margin: 20px auto;
    display: block;
}

.advantageIndex .advantageList ul li p {
    font-size: 16px;
    color: #fff;
    ;
}

.advantageIndex .advantageList ul li:hover i {
    transform: rotateY(360deg);
}

.advantageIndex .advantageList ul li:hover {
    transform: translateY(-10px);
}


/*方案*/

.programIndex {
    padding: 78px 0;
    height: 1040px;
    background: url(../images/bg-programIndex.jpg)no-repeat center;
}

.programIndex .desc {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.programIndex-cont {
    position: relative;
    height: 740px;
}

.programIndex-cont:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/shuiyin.png)no-repeat center;
    opacity: .5;
}

.programIndex-cont li {
    position: absolute;
}

.chuhuo {
    bottom: 17%;
    left: 44%;
}

.wlqdfj {
    top: 346px;
    left: 242px;
    z-index: 99;
}

.wlqdfj2 {
    top: 226px;
    left: 114px;
    z-index: 99;
}

.wlqdfj3 {
    top: 192px;
    left: 496px;
    z-index: 99;
}

.wlqdfj4 {
    top: 399px;
    right: 108px;
    z-index: 99;
}

.sjqyfj01 {
    top: 238px;
    left: 465px;
}

.sjqyfj02 {
    top: 145px;
    left: 618px;
}

.kcq01 {
    top: 323px;
    right: 186px;
}

.kcq02 {
    top: 242px;
    right: 60px;
}

.programIndex-cont span {
    position: absolute;
    display: block;
    background: url(../images/bg-tie.png);
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 180px;
    height: 55px;
    line-height: 55px;
    transition: .5s all;
    -webkit-transition: .5s all;
    transform: translateY(0);
}

.programIndex-cont .tie {
    left: 12%;
    bottom: 17%;
}

.programIndex-cont .tie i {
    width: 210px;
    height: 65px;
    background: url(../images/program-tie-bg.png)no-repeat center;
    position: absolute;
    right: -165px;
    top: -78px;
}

.programIndex-cont .tie2 {
    left: 0;
    bottom: 60%;
}

.programIndex-cont .tie2 i {
    width: 210px;
    height: 65px;
    background: url(../images/program-tie-bg.png)no-repeat center;
    position: absolute;
    right: -195px;
    top: 61px;
    transform: rotateZ(57deg);
}

.programIndex-cont .tie3 {
    left: 22%;
    top: 7%;
}

.programIndex-cont .tie3 i {
    width: 210px;
    height: 65px;
    background: url(../images/program-tie-bg2.png)no-repeat center;
    position: absolute;
    right: -4px;
    top: 120px;
    transform: rotateZ(-68deg);
}

.programIndex-cont .tie4 {
    left: 53%;
    top: 8%;
}

.programIndex-cont .tie4 i {
    width: 210px;
    height: 65px;
    background: url(../images/program-tie-bg3.png)no-repeat center;
    position: absolute;
    right: -127px;
    top: 112px;
    transform: rotateZ(115deg);
}

.programIndex-cont .tie5 {
    left: 82%;
    top: 18%;
}

.programIndex-cont .tie5 i {
    width: 210px;
    height: 65px;
    background: url(../images/program-tie-bg4.png)no-repeat center;
    position: absolute;
    right: 16px;
    top: 96px;
    transform: rotateZ(-68deg);
}

.programIndex-cont .tie6 {
    right: 2%;
    bottom: 24%;
}

.programIndex-cont .tie6 i {
    width: 210px;
    height: 65px;
    background: url(../images/program-tie-bg4.png)no-repeat center;
    position: absolute;
    right: 154px;
    top: 10px;
    transform: rotateZ(-6deg);
}

.programIndex-cont .tie7 {
    left: 36%;
    bottom: 6%;
}

.programIndex-cont .tie7 i {
    width: 210px;
    height: 65px;
    background: url(../images/program-tie-bg4.png)no-repeat center;
    position: absolute;
    right: -54px;
    top: -85px;
    transform: rotateZ(-48deg);
}

.programIndex .more {
    font-size: 16px;
    color: #fff;
    background: url(../images/icon-moreIndex.png)no-repeat right;
    padding: 7px 30px 7px 0;
    background-size: 22%;
    display: block;
    margin: 0 auto;
    width: 94px;
    height: 38px;
}

.programIndex-cont span:hover {
    transform: translateY(-20px);
}

.programIndex-cont span:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    /*border: 1px solid #35bbfb;*/
    box-shadow: 0px 0px 100px #63ccff;
    background: url(../images/bg-tie.png)no-repeat center;
    z-index: -1;
    animation: shaketo 2s infinite;
    -webkit-animation: shaketo 2s infinite;
}

@-webkit-keyframes shaketo {
    0%,
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes shaketo {
    0%,
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
}


/*产品*/

.productIndex {
    padding: 78px 0;
    background: #ededed;
    overflow: hidden;
}

.productIndex-tap {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
    overflow: hidden;
}

.productIndex-tap li {
    float: left;
    width: 20%;
    height: 60px;
    line-height: 60px;
    background: #414141;
    cursor: pointer;
    position: relative;
}

.productIndex-tap li:first-child {
    border-radius: 50px 0 0 50px;
}

.productIndex-tap li:last-child {
    border-radius: 0 50px 50px 0;
}

.productIndex-tap li:last-child:before {
    display: none;
}

.productIndex-tap li:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #626262;
}

.productIndex-tap li:after {
    content: '';
    position: absolute;
    right: 24px;
    top: 28px;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #7a7a7a;
}

.productIndex-tap li a {
    font-size: 16px;
    color: #bbbbbb;
}

.productIndex-tap li.active {
    background: #0a85bf
}

.productIndex-tap li.active:after {
    border-top: 6px solid #fff;
}

.productIndex-tap li.active a {
    color: #fff;
}

.productIndex-list {
    height: 880px;
    position: relative;
}

.productIndex-list .conSide {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: translateY(6rem);
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    animation: side 1s;
}

.productIndex-list .active {
    display: block;
    transform: translateY(0);
}

.productIndex-list ul {
    overflow: hidden;
}

.productIndex-list ul li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
}

.productIndex-list ul li:nth-child(4n) {
    margin-right: 0
}

.productIndex-list ul li span {
    width: 90%;
    height: 350px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
}

.productIndex-list ul li span img {
    max-width: 100%;
    max-height: 100%;
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    object-fit: scale-down;
}

.productIndex-list ul li h4 {
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #e8e8e8;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    position: relative;
    padding-left: 20px;
    z-index: 0;
    transition: .6s all;
    -webkit-transition: .6s all;
}

.productIndex-list .more {
    font-size: 16px;
    color: #736e6e;
    background: url(../images/icon-moreIndex.png)no-repeat right;
    padding: 7px 30px 7px 0;
    background-size: 22%;
    display: block;
    margin: 0 auto;
    width: 94px;
    height: 38px;
}

.productIndex-list ul li h4:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    background: #0a85bf url(../images/icon-pro-more.png)no-repeat center;
    background-position-x: 50%;
    z-index: -1;
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
}

.productIndex-list ul li:hover h4 {
    color: #fff;
}

.productIndex-list ul li:hover h4:after {
    width: 100%;
    background: #0a85bf url(../images/icon-pro-more.png)no-repeat center;
    background-position-x: 90%;
}

.productIndex-list ul li:hover span img {
    transform: scale(1.1);
}

.productIndex-list .more:hover {
    color: #399cca
}

@keyframes side {
    from {
        transform: translateY(2rem);
    }
    to {
        transform: translateY(0%);
    }
}


/*咨询*/

.adIndex {
    padding: 73px 0;
    background: url(../images/bg-adIndex.jpg)no-repeat center;
    overflow: hidden;
}

.adIndex .adIndexFl {
    float: left
}

.adIndex .adIndexFl b {
    display: block;
    font-size: 44px;
    color: #fff;
    margin-bottom: 30px;
    padding: 14px 0;
}

.adIndex .adIndexFl p {
    font-size: 24px;
    color: #fff;
}

.adIndex .adIndexFr {
    float: right
}

.adIndex .adIndexFr span {
    font-size: 18px;
    color: #fff;
}

.adIndex .adIndexFr p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
}

.adIndex .adIndexFr a {
    display: block;
    width: 150px;
    height: 60px;
    line-height: 40px;
    background: #0a85bf;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 10px solid rgba(0, 0, 0, .5);
}

.adIndex .adIndexFr a:hover {
    border: 10px solid rgba(0, 0, 0, .7);
}


/*案例*/

.caseIndex {
    padding: 50px 0;
    overflow: hidden;
}

.caseIndex-list {
    overflow: hidden;
}

.caseIndex-list ul li {
    float: left;
    width: 32%;
    margin: 0 2% 2% 0;
}

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

.caseIndex-list ul li p {
    width: 100%;
    height: 380px;
    overflow: hidden;
}

.caseIndex-list ul li p img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.caseIndex-list ul li h4 {
    line-height: 60px;
    font-size: 16px;
    color: #000;
    padding-left: 20px;
    z-index: 0;
    position: relative;
    transition: .6s all;
    -webkit-transition: .6s all;
}

.caseIndex-list ul li h4:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #0a85bf;
    z-index: -1;
    transition: .5s all;
    -webkit-transition: .5s all;
    opacity: 0;
}

.caseIndex-list ul li h4 span {
    font-size: 14px;
    color: #fff;
    float: right;
    transition: .5s all;
    -webkit-transition: .5s all;
    opacity: 0;
}

.caseIndex-list .more {
    font-size: 16px;
    color: #736e6e;
    background: url(../images/icon-moreIndex.png)no-repeat right;
    padding: 7px 30px 7px 0;
    background-size: 22%;
    display: block;
    margin: 0 auto;
    width: 94px;
    height: 38px;
    display: block;
    overflow: hidden;
}

.caseIndex-list ul li:hover h4:after {
    width: 100%;
    opacity: 1;
}

.caseIndex-list ul li:hover h4 {
    color: #fff;
}

.caseIndex-list ul li:hover h4 span {
    margin-right: 20px;
    opacity: 1;
}

.caseIndex-list ul li:hover p img {
    transform: scale(1.09)
}

.caseIndex-list .more:hover {
    color: #0a85bf
}


/*合作客户*/

.partnerIndex {
    padding: 50px 0;
}

.partnerIndex .woWidth {
    position: relative;
}

.partnerIndex-list {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.partnerIndex-list ul li {
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
}

.partnerIndex-list ul li img {
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down;
}

.partnerIndex-list ul li h4 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(10, 133, 191, .9);
    font-size: 14px;
    color: #fff;
    transform: rotateY(90deg);
    transition: .6s all;
    -webkit-transition: .6s all;
    opacity: 0;
}

.partnerIndex-list-pagination {
    text-align: center;
}

.partnerIndex-list-pagination span {
    width: 20px;
    height: 4px;
    border-radius: 0;
    margin: 0 4px;
}

.partnerIndex-list-pagination span.swiper-pagination-bullet-active {
    background: #0a85bf
}

.partnerIndex-list-btn {
    position: absolute;
    right: 100px;
    top: 60%;
    width: 60px;
    height: 60px;
}

.partnerIndex-list-next {
    right: 0;
    background: #9e9fa0 url(../images/icon-conStrength-next.png)no-repeat center;
}

.partnerIndex-list-prev {
    left: 0;
    background: #9e9fa0 url(../images/icon-conStrength-prev.png)no-repeat center;
}

.partnerIndex-list-next:hover {
    background: #399cca url(../images/icon-conStrength-next.png)no-repeat center;
}

.partnerIndex-list-prev:hover {
    background: #399cca url(../images/icon-conStrength-prev.png)no-repeat center;
}

.partnerIndex-list ul li:hover h4 {
    transform: rotateY(0);
    opacity: 1;
}


/*新闻中心*/

.newsIndex {
    padding: 50px 0;
    overflow: hidden;
}

.newsIndex-fl {
    float: left;
    width: 55%;
}

.newsIndex-tap {
    text-align: left;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 14px;
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden;
}

.newsIndex-tap ul {
    float: left;
}

.newsIndex-tap a {
    font-size: 20px;
    color: #000;
    margin-right: 30px;
    position: relative;
    padding-bottom: 17px;
}

.newsIndex-tap .more {
    font-size: 16px;
    background: url(../images/icon-moreIndex.png)no-repeat right;
    background-size: 28%;
    padding: 2px 28px 2px 0;
    float: right;
    color: #989898;
    margin-right: 0
}

.newsIndex-tap .more:after {
    display: none;
}

.newsIndex-tap .more:hover {
    color: #0a85bf
}

.newsIndex-tap a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #0a85bf;
    transition: .5s all
}

.newsIndex-tap:after {
    content: '';
    position: absolute;
    left: 96px;
    top: 6px;
    width: 1px;
    height: 14px;
    background: #989898;
    transform: rotateZ(25deg);
}

.newsIndex-tap a.active {
    color: #0a85bf;
}

.newsIndex-tap a.active:after {
    width: 100%;
    left: 0;
}

.newsIndex-cont .conSide {
    margin-bottom: 30px;
    display: none;
    animation: newsSide 2s;
}

.newsIndex-cont .active {
    display: block;
}

@keyframes newsSide {
    from {
        opacity: .8;
        transform: translateY(1rem);
    }
    to {
        ;
        opacity: 1;
        transform: translateY(0);
    }
}

.newsIndex-cont .conSide li {
    width: 100%;
    overflow: hidden;
}

.newsIndex-cont .conSide li .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.newsIndex-cont .conSide li .pic img {
    width: 100%;
    height: 100%;
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    object-fit: cover;
}

.newsIndex-cont .conSide li dt {
    width: 100%;
    margin-top: 10px;
}

.newsIndex-cont .conSide li h5 {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsIndex-cont .conSide .li1 {
    margin-bottom: 30px;
    float: left;
    width: 48%;
    margin-right: 4%;
}

.newsIndex-cont .conSide .li1:nth-child(2) {
    margin-right: 0
}

.newsIndex-cont .conSide .li2 {
    float: left;
    width: 48%;
    position: relative;
    margin-right: 4%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #c8c8c8;
    padding-left: 26px;
}

.newsIndex-cont .conSide .li2:nth-child(2n) {
    margin-right: 0
}

.newsIndex-cont .conSide .li2 h5 {
    float: left;
    width: 80%;
}

.newsIndex-cont .conSide .li2 span {
    float: right;
}

.newsIndex-cont .conSide .li2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 23%;
    width: 6px;
    height: 6px;
    background: #8e8d8b url(../images/icon-news-li.png)no-repeat center;
    border-radius: 100px;
}

.newsIndex-cont .conSide li span {
    font-size: 12px;
    color: #a9a9a9;
}

.newsIndex-cont .conSide li span i {
    float: right;
    height: 22px;
    background: url(../images/icon-newsMore.png)no-repeat right;
    transition: .5s all;
    -webkit-transition: .5s all;
    opacity: 0;
    font-style: normal;
    padding-right: 26px;
    display: block;
    font-size: 12px;
    transform: translateX(24px);
}

.newsIndex-cont .conSide li p {
    font-size: 12px;
    color: #6c6c6c;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.newsIndex-cont .conSide li:hover img {
    transform: scale(1.1);
}

.newsIndex-cont .conSide li:hover h5 {
    color: #0a85bf;
}

.newsIndex-cont .conSide li:hover span i {
    opacity: 1;
    transform: translateX(0);
}

.newsIndex-cont .conSide .li2:hover:after {
    background: #0a85bf url(../images/icon-news-li.png)no-repeat center;
}

.newsIndex-fr {
    float: right;
    width: 40%;
}

.newsIndex-fr .faq {
    font-size: 20px;
    color: #000;
    background: url(../images/icon-faq.png)no-repeat left;
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden;
}

.newsIndex-fr {
    overflow: hidden;
    height: 666px;
}

.newsIndex-fr .faq a {
    float: right;
    height: 22px;
    background: url(../images/icon-moreIndex.png)no-repeat right;
    padding: 0px 28px 0px 0;
    font-size: 16px;
    background-size: 26%;
    color: #989898
}

.newsIndex-faq {
    width: 100%;
    height: 620px;
}

.newsIndex-faq li {
    width: 100%;
    margin-bottom: 15px;
    /*padding-bottom: 15px;*/
    overflow: hidden;
}

.newsIndex-faq li b {
    float: left;
    width: 40px;
    height: 28px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
}

.newsIndex-faq li .q {
    background: url(../images/icon-faqq.png)no-repeat center;
}

.newsIndex-faq li .a {
    background: url(../images/icon-faqa.png)no-repeat center;
}

.newsIndex-faq li span {
    float: left;
}

.newsIndex-faq li h5 {
    overflow: hidden;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    font-weight: normal;
}

.newsIndex-faq li h5 b {
    background: #797979;
}

.newsIndex-faq li dt b {
    background: #f1861c;
}

.newsIndex-faq li dt p {
    float: left;
    width: 80%;
    font-size: 12px;
    color: #aeaeae;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.newsIndex-faq li:hover h5 span {
    color: #0a85bf;
}

.newsIndex-fr .faq a:hover {
    color: #0a85bf;
}


/*底部*/

.footer {
    background: #303030;
    overflow: hidden;
    color: #919191;
    padding: 50px 0 0 0;
}

.footer .foot-menu {
    float: left;
    width: 45%;
   /* padding-bottom: 30px;*/
}

.footer .foot-menu ul {
    float: left;
    width: 20%
}

.footer .foot-menu ul h3 {
    font-size: 16px;
    color: #e6e6e6;
    margin-bottom: 10px;
}

.footer .foot-menu ul h3 i {
    display: none;
}

.footer .foot-menu ul a {
    display: block;
    font-size: 14px;
    color: #a9a9a9;
}

.footer .foot-menu ul p {
    font-size: 12px;
    color: #a4a4a4
}

.foot-code {
    float: right;
    position: relative;
    width: 30%;
}

.foot-code ul {
    overflow: hidden;
    margin-bottom: 30px;
}

.foot-code ul li {
    float: right;
    text-align: center;
    width: 33.3%
}

.foot-code ul li p {
    font-size: 18px;
   /* color: #fff;*/
    text-align: center;
    background: url(../images/icon-foot-wx.png)no-repeat left;
    background-position-x: 36px;
    margin-top: 10px;
}

.foot-code ul li:nth-child(1) p {
    background: url(../images/icon-foot-phone.png)no-repeat left;
    background-position-x: 36px;
}

.foot-code a {
    display: block;
    font-size: 18px;
    color: #fff;
    padding-left: 30px;
}

.foot-code a b {
    color: red
}

.foot-contact {
    float: left;
    width: 18%;
 padding-left: 3%;
}

.foot-contact span {
    font-size: 18px;
    color: #8a8a8a;
    background: url(../images/icon-foot-tel.png)no-repeat left;
    padding: 1px 0 4px 34px;
    margin: 2px 0;
    display: block;
}

.foot-contact p {
    font-size: 16px;
   /* color: #fff;*/
   /* font-weight: bold;*/
    margin-bottom: 2px;
}

.foot-conAddr {
    float: left;
    overflow: hidden;
    width: 100%;
    margin: 10px 0;
}

.foot-conAddr ul li {
    float: left;
    width: 33%;
    padding-right: 5%;
}

.foot-conAddr ul li:last-child {
    margin-right: 0
}

.foot-conAddr ul li p {
    background: url(../images/icon-foot-conAddr-copy.png)no-repeat left;
    padding-left: 24px;
    margin-bottom: 10px;
}

.foot-conAddr ul li p:nth-child(2) {
    background: url(../images/icon-foot-conAddr-addr.png)no-repeat left top;
}

.foot-conAddr ul li p:nth-child(3) {
    background: url(../images/icon-foot-conAddr-email.png)no-repeat left;
}

.foot-conAddr ul li p:nth-child(4) {
    background: url(../images/icon-foot-conAddr-phone.png)no-repeat left;
}

.copyright {
    border-top: 1px solid #717171;
    padding: 30px 0;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.copyright p {
    font-size: 16px;
    color: #a4a4a4;
}

.copyright a {
    font-size: 16px;
    color: #a4a4a4;
}

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

.Links {
    width: 100%;
   /* padding-bottom: 30px;*/
    float: left;
}

.Links h3 {
    font-size: 14px;
    color: #fff;
    font-weight: normal
}

.Links a {
    font-size: 12px;
    color: #919191;
    margin-right: 10px;
}

.footer .foot-menu ul a:hover {
    color: #fff;
}

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


/*内页*/


/*公共标题*/

.page-tie {
    font-size: 35px;
    color: #333;
    margin: 0 0 50px 0;
    text-align: center;
    font-weight: normal;
}

.page-tie p {
    font-size: 24px;
    color: #909090;
    margin-top: 10px;
    text-transform: uppercase;
}

.align {
    text-align: center;
}


/*解决方案*/

.page-solubox {
    margin-bottom: 30px;
}

.page-solu-tie {
    font-size: 20px;
    color: #0a85bf;
    padding: 20px 0 20px 20px;
    border-bottom: 3px dotted #ccc;
    background: url(../images/page-solu-tie.png)no-repeat left;
    margin-bottom: 30px;
}

.page-solubox-vise li {
    float: left;
}

.page-solubox-vise li span {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 77%;
    overflow: hidden;
}

.page-solubox-vise li span img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s all
}

.page-solubox-vise li dt {
    padding: 20px;
    background: #fff;
    overflow: hidden;
}

.page-solubox-vise li dt h4 {
    float: left;
    width: 80%;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-solubox-vise li dt i {
    float: right;
    width: 30px;
    height: 24px;
    background: url(../images/index-case-li-more.png)no-repeat center;
    position: relative;
    left: 0;
    transition: 0.5s all
}

.page-solubox-vise li:hover dt i {
    left: 8px;
}

.page-solubox-vise li:hover img {
    transform: scale(1.1);
}


/*技术支持-FAQ*/

.faqList {
    width: 99%;
    margin-bottom: 30px;
}

.faqList li {
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0 0 5px #ccc;
}

.faqList li i {
    float: left;
    display: block;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #c5c5c5;
    font-style: normal;
    color: #fff;
    margin-right: 10px;
}

.faqList li.act i {
    background: #0a85bf
}

.faqList li h4 i {
    margin: 15px 10px 15px 0;
}

.faqList li.act .answer {
    display: block;
}

.faqList li h4 {
    line-height: 50px;
    height: 50px;
    padding: 0 16px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
}

.faqList li h4 span {
    display: block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.faqList li .answer {
    display: none;
    padding: 30px 16px;
    font-size: 16px;
    color: #909090;
    width: 100%;
    overflow: hidden;
}

.faqList li .answer .conto {
    display: block;
    margin-top: 50px;
    font-size: 14px;
    color: #2d97f2;
}

.downList {
    width: 99%;
}

.downList li {
    float: left;
    width: 100%;
    box-shadow: 0 0 5px #ccc;
    margin-bottom: 10px;
    padding: 20px 20px 20px 0;
    background: url(../images/down-icon.png)no-repeat right;
    background-position-x: 98%;
    transition: 0.5s all
}

.downList li a {
    display: block;
    font-size: 16px;
    color: #000;
    background: url(../images/down-fie.png)no-repeat left;
    transition: 0.5s all;
    background-position-x: 20px;
    padding-left: 60px;
}

.downList li:hover {
    background: #0a85bf url(../images/down-icon-on.png)no-repeat right;
    background-position-x: 98%;
}

.downList li:hover a {
    color: #fff;
    background: url(../images/down-fie-on.png)no-repeat left;
    padding-left: 60px;
    background-position-x: 20px;
}


/*关于*/

.page-ab {
    padding: 50px 0;
    overflow: hidden;
    background: url(../images/page-ab-bg.jpg)no-repeat left center;
}

.page-ab .ab-video {
    float: left;
    width: 30%;
    font-size: 16px;
    color: #676767;
}

.page-ab .ab-video img {
    width: 100%;
    height: 100%;
}

.page-ab .ab-txt {
    float: right;
    width: 66%;
    padding-right: 6%;
    font-size: 14px;
    color: #8c8c8c;
}

.page-ab .ab-txt .cont {
    font-size: 18px;
    color: #636363;
    line-height: 32px;
}

.page-ab .ab-tie {
    font-size: 30px;
    color: #1d2088;
    width: 100%;
    margin-bottom: 50px;
}


/*企业荣誉*/

.page-honor {
    padding: 50px 0;
    background: #ececec;
}

.page-honor-vise {
    overflow: hidden;
    width: 80%;
    margin: 0 auto
}

.page-honor-vise ul li {
    background: #fff;
}

.page-honor-vise ul li dt {
    width: 100%;
    height: 310px;
    background: #f8f8f8;
    border: 20px solid #fff;
    box-shadow: 0 0 2px #d5d5d5;
}

.page-honor-vise ul li dt span {
    display: table;
    margin: 0 auto
}

.page-honor-vise ul li dt span a {
    display: table-cell;
    vertical-align: middle;
    height: 270px;
}

.page-honor-vise ul li dt span img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transition: 0.5s all
}

.page-honor-vise ul li h4 {
    font-size: 14px;
    color: #000;
    line-height: 50px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6%;
}

.page-honor-w {
    position: relative;
}

.page-honor-w .honor-btn {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 58px;
    transition: 0.5s all
}

.page-honor-w .honor-next {
    right: 20px;
    background: #fff url(../images/icon-partner-next.png)no-repeat center;
}

.page-honor-w .honor-prev {
    left: 20px;
    background: #fff url(../images/icon-partner-prev.png)no-repeat center;
}

.page-honor-w .honor-next:hover {
    right: 20px;
    background: #0a85bf url(../images/icon-partner-next-on.png)no-repeat center;
}

.page-honor-w .honor-prev:hover {
    left: 20px;
    background: #0a85bf url(../images/icon-partner-prev-on.png)no-repeat center;
}


/*团队精英*/

.page-team {
    padding: 50px 0;
}


/*.page-team ul li{
  float: left;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 3%;
}
.page-team ul li:nth-child(3n){
  margin-right: 0
}
.page-team ul li .pic{
  display: block;
  width: 100%;
  padding-top: 60%;
  position: relative;
}
.page-team ul li .pic img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: .5s all;-webkit-transition:.5s all;
}
.page-team ul li dt{
  padding: 20px;
  background: #f2f2f2;
}
.page-team ul li dt h4{
  font-size: 24px;
  font-weight: normal;
}
.page-team ul li dt span{
  font-size: 16px;
  color: #aeaeae;
  display: block;
  margin: 10px 0;
}
.page-team ul li dt p{
  font-size: 16px;
  color: #424141;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}*/

.page-team ul li {
    float: left;
    width: 30%;
    height: 476px;
    margin-right: 5%;
    margin-bottom: 3%;
    background: #f2f2f2;
    overflow: hidden;
    transition: .5s all;
    -webkit-transition: .5s all;
    position: relative;
}

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

.page-team ul li .pic {
    display: block;
    width: 100%;
    height: 320px;
    position: relative;
}

.page-team ul li .pic img {
    width: 100%;
    height: 100%;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.page-team ul li dt {
    padding: 20px;
    height: 270px;
    overflow: hidden;
    transition: .5s all;
    -webkit-transition: .5s all;
    position: absolute;
    top: 67%;
    left: 0;
}

.page-team ul li dt h4 {
    font-size: 24px;
    font-weight: normal;
}

.page-team ul li dt span {
    font-size: 16px;
    color: #aeaeae;
    display: block;
    margin: 10px 0;
}

.page-team ul li dt p {
    font-size: 16px;
    color: #424141;
    height: 48px;
    overflow: hidden;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.page-team ul li:hover .pic img {
    transform: scale(0.5) translateY(-50%);
    box-shadow: 0 20px 35px rgba(0, 0, 0, .3);
}

.page-team ul li:hover dt {
    top: 40%;
}

.page-team ul li:hover dt p {
    height: auto
}


/*视频宣传*/

.page-video {
    padding: 50px 0;
    overflow: hidden;
}

.page-video ul li {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 3%;
}

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

.page-video ul li .pic {
    display: block;
    width: 100%;
    padding-top: 66%;
    position: relative;
}

.page-video ul li .pic:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transition: .5s all;
    -webkit-transition: .5s all;
    z-index: 1;
}

.page-video ul li .pic:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon-video.png)no-repeat center;
    background-size: 10%;
    transition: .5s all;
    -webkit-transition: .5s all;
    z-index: 9;
}

.page-video ul li .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.page-video ul li dt {
    padding: 20px;
    background: #f2f2f2;
}

.page-video ul li dt h4 {
    font-size: 24px;
    font-weight: normal;
}

.page-video ul li dt p {
    font-size: 16px;
    color: #aeaeae;
    margin-top: 10px;
}

.page-video .more {
    font-size: 16px;
    color: #000;
    background: url(../images/icon-moreIndex.png)no-repeat right;
    padding: 7px 30px 7px 0;
    background-size: 22%;
    display: block;
    margin: 0 auto;
    width: 94px;
    height: 38px;
    overflow: hidden;
}

.page-video ul li:hover .pic:after {
    transform: rotateZ(45deg);
}

.page-video ul li:hover .pic:before {
    opacity: 0;
}

.page-video ul li:hover a {
    color: #3888c5
}


/*产品单页*/

.pro-tie {
    font-weight: normal;
    font-size: 36px;
    color: #0d3a8b;
    position: relative;
    text-align: center;
    padding-bottom: 36px;
}

.pro-tie:after {
    content: '';
    position: absolute;
    display: block;
    left: 48.8%;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: #0d3a8b
}

.pro-intro {
    padding: 70px 0 80px 0;
    text-align: center;
}

.pro-intro h3 {
    font-size: 35px;
    color: #000;
    font-weight: normal
}

.pro-intro p {
    font-size: 14px;
    color: #888888;
    width: 50%;
    margin: 50px auto 70px auto;
}


/*客户价值*/

.pro-value {
    padding: 60px 0 70px 0;
    background: #f6f6f6;
    overflow: hidden;
}

.pro-value ul {
    text-align: center;
    margin-top: 50px;
}

.pro-value ul li {
    display: inline-block;
    width: 364px;
    height: 450px;
    padding: 50px 50px 0 50px;
    text-align: center;
    margin: 0 30px;
    transition: 0.5s all
}

.pro-value ul li i {
    display: inline-block;
    width: 180px;
    height: 180px;
    background: #fff url(../images/pro-show-icon.png)no-repeat;
    border-radius: 100px;
    box-shadow: 3px 3px 7px #bdbdbd;
    transition: 0.5s all
}

.pro-value ul li:nth-child(1) i {
    background-position: 26px 10px
}

.pro-value ul li:nth-child(2) i {
    background-position: -130px 8px
}

.pro-value ul li:nth-child(3) i {
    background-position: -300px 14px
}

.pro-value ul li h4 {
    font-size: 20px;
    color: #222;
    position: relative;
    padding-bottom: 20px;
    margin: 30px 0 20px 0;
}

.pro-value ul li h4:after {
    content: '';
    position: absolute;
    display: block;
    left: 45%;
    bottom: 0;
    width: 28px;
    height: 3px;
    background: #3884dc
}

.pro-value ul li:nth-child(1):hover i {
    background-position: 26px -170px
}

.pro-value ul li:nth-child(2):hover i {
    background-position: -130px -170px
}

.pro-value ul li:nth-child(3):hover i {
    background-position: -300px -170px
}

.pro-value ul li:hover {
    background: #fff;
    box-shadow: 6px 6px 6px #d9d8d8;
}

.pro-value ul li:hover i {
    background: #3884dc url(../images/pro-show-icon.png)no-repeat;
}


/*视频演示*/

.pro-video {
    padding: 80px 0 70px 0;
    overflow: hidden;
    position: relative;
}

.pro-video .grWidth {
    position: relative;
}

.pro-video .video {
    padding: 40px 0 0 190px;
}

.pro-video .video ul li {
    float: left;
    position: relative;
    cursor: pointer;
}

.pro-video .video ul li:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    transition: 0.5s all
}

.pro-video .video ul li i {
    display: inline-block;
    width: 57px;
    height: 57px;
    background: url(../images/player-icon.png)no-repeat center;
    position: absolute;
    left: 42%;
    top: 26%;
    z-index: 1
}

.pro-video .video ul li:nth-child(1) i {
    left: 46%;
    top: 42%;
}

.pro-video .video ul li:nth-child(1) {
    width: 790px;
    height: 538px;
    margin-right: 5px;
}

.pro-video .video ul li:nth-child(2) {
    width: 380px;
    height: 267px;
}

.pro-video .video ul li:nth-child(3) {
    width: 380px;
    height: 267px;
    position: absolute;
    right: 194px;
    top: 451px;
}

.pro-video .video ul li h4 {
    position: absolute;
    top: 60%;
    left: 0;
    font-size: 16px;
    color: #fff;
    width: 100%;
    text-align: center;
    z-index: 1
}

.pro-video .video ul li:hover:after {
    background: rgba(0, 0, 0, 0.7);
}


/*其他案例*/

.pro-orther-Case {
    padding: 80px 0 60px 0;
    background: #f6f6f6;
    overflow: hidden;
}

.pro-orther-Case ul {
    margin-top: 40px;
}

.pro-orther-Case ul li {
    float: left;
    width: 366px;
    margin-right: 32px;
}

.pro-orther-Case ul li:nth-child(4) {
    margin-right: 0
}

.pro-orther-Case ul li .pic {
    display: block;
    overflow: hidden;
}

.pro-orther-Case ul li img {
    height: 215px;
    transition: 0.5s all
}

.pro-orther-Case ul li .txt {
    height: 90px;
    padding: 20px;
    background: #fff;
}

.pro-orther-Case ul li h3 {
    font-size: 18px;
    color: #1c1317;
    font-weight: normal
}

.pro-orther-Case ul li span {
    font-size: 14px;
    color: #7c797a;
}

.pro-orther-Case ul li i {
    font-size: 22px;
    color: #1c1317;
    float: right;
    font-style: normal;
    position: relative;
    top: -12px;
}

.pro-orther-Case ul li:hover img {
    transform: scale(1.1);
}

.pro-orther-Case ul li:hover h3 {
    color: #0d3a8b
}


/*推荐产品*/

.pro-reco {
    padding: 90px 0 88px 0;
    overflow: hidden;
}

.pro-reco .pro-reco-cont {
    margin-top: 40px;
}

.pro-reco ul li {
    float: left;
    width: 280px;
    height: 280px;
    border: 1px solid #ececec;
    margin-right: 40px;
    transition: 0.5s all
}

.pro-reco ul li:nth-child(5) {
    margin-right: 0
}

.pro-reco ul li .pic {
    display: table;
    margin: 0 auto;
}

.pro-reco ul li .pic span {
    display: table-cell;
    vertical-align: middle;
    ;
    height: 210px;
    overflow: hidden;
}

.pro-reco ul li .pic img {
    transition: 0.5s all
}

.pro-reco ul li h3 {
    line-height: 70px;
    font-size: 16px;
    color: #666;
    text-align: center;
    font-weight: normal
}

.pro-reco ul li:hover img {
    transform: scale(1.1);
}

.pro-reco ul li:hover h3 {
    color: #0d3a8b
}

.pro-reco ul li:hover {
    border: 1px solid #0d3a8b;
}


/*产品封面列表*/

.productindex {
    width: 100%;
    overflow: hidden;
    padding-left: 1px;
}

.productindex li {
    float: left;
    margin-bottom: 90px;
}

.productindex li i {
    display: inline-block;
    width: 70px;
    height: 80px;
}

.productindex li .pro-fl {
    float: left;
    width: 40%;
    padding: 50px 100px 70px 58px;
}

.productindex li .pro-fr {
    float: right;
    width: 55%;
}

.productindex li:nth-child(2n) .pro-fl {
    float: right;
    width: 40%;
    padding: 50px 100px 70px 58px;
}

.productindex li:nth-child(2n) .pro-fr {
    float: left;
    width: 55%;
}

.productindex li h3 {
    font-size: 35px;
    color: #000;
    font-weight: normal
}

.productindex li p {
    font-size: 14px;
    color: #888;
    margin: 50px 0 70px 0;
}

.productindex li .more {
    display: block;
    width: 150px;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    color: #a3a2a2;
    text-align: center;
    border: 1px solid #a3a2a2;
    margin: 50px 0 0 0;
    background: url(../images/index-more.png)no-repeat 90px;
    padding-right: 32px;
}

.productindex li .more:hover {
    background: #213f99 url(../images/index-more-on.png)no-repeat 96px;
    color: #fff;
    border: 1px solid #213f99;
}


/*产品列表*/

.productList {
    width: 100%;
    overflow: hidden;
    padding-left: 1px;
}

.productList ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
}

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

.productList ul li span {
    width: 100%;
    height: 440px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}

.productList ul li span img {
    max-width: 100%;
    max-height: 100%;
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    object-fit: contain;
}

.productList ul li h4 {
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #e8e8e8;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    position: relative;
    padding-left: 20px;
    z-index: 0;
    transition: .6s all;
    -webkit-transition: .6s all;
}

.productList ul li h4:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    background: #0a85bf url(../images/icon-pro-more.png)no-repeat center;
    background-position-x: 50%;
    z-index: -1;
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
}

.productList ul li:hover h4 {
    color: #fff;
}

.productList ul li:hover h4:after {
    width: 100%;
    background: #0a85bf url(../images/icon-pro-more.png)no-repeat center;
    background-position-x: 90%;
}

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


/*产品详情*/

.proShow_wrap {
    overflow: hidden;
    border-top: 4px solid #0a85bf;
}

.proShow_wrap .gallery {
    float: left;
    width: 55%;
    border: 20px solid #fff;
    margin-right: -1px;
    background: #fff;
}

.proShow_wrap .gallery .gallery-top ul li {
    position: relative;
}

.proShow_wrap .gallery .gallery-top ul li .pic {
    width: 100%;
    height: 520px;
    justify-content: center;
    flex-direction: column;
    display: flex;
    padding: 20px;
}

.proShow_wrap .gallery .gallery-top ul li img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down;
}

.gallery-thumbs {
    padding: 0 5% ! important;
    position: relative;
}

.proShow_wrap .gallery .gallery-thumbs ul li {
    float: left;
    width: 120px;
    height: 85px;
    border: 1px solid #eaeaea;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.proShow_wrap .gallery .gallery-thumbs ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #15242b;
    opacity: 0.5;
}

.proShow_wrap .gallery .gallery-thumbs ul li.swiper-slide-thumb-active:after {
    opacity: 0;
}

.proShow_wrap .gallery .gallery-thumbs ul li img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto
}

.pro-button {
    transition: 0.5s all;
    -webkit-transition: .5s all;
    font-size: 30px;
    font-family: 宋体;
    line-height: 44px;
    text-align: center;
    color: #737373;
    font-weight: bold;
    position: absolute;
    top: 28%;
    cursor: pointer;
}

.pro-button-next {
    right: 0;
}

.pro-button-prev {
    left: 0;
}

.proShow_wrap .gallery .pro-button-next:hover {
    color: #0a85bf;
}

.proShow_wrap .gallery .pro-button-prev:hover {
    color: #0a85bf;
}

.proShow_wrap .prodesc {
    float: right;
    width: 45%;
    padding: 2%;
}

.proShow_wrap .prodesc h3 {
    font-size: 30px;
    color: #000;
    font-weight: normal;
    white-space: nowrap;
    /*overflow:hidden;*/
    text-overflow: ellipsis;
}

.proShow_wrap .prodesc p {
    font-size: 18px;
    color: #0a85bf;
    margin-top: 20px;
}

.proShow_wrap .prodesc dt {
    font-size: 16px;
    color: #ababab;
    margin-top: 4%;
    padding: 10% 0;
    border-top: 1px dashed #e1e1e1;
    line-height: 30px;
}

.proShow_wrap .prodesc .pro-tel {
    background: url(../images/icon-pro-tel.png)no-repeat left;
    padding: 10px 0 10px 86px;
    margin-bottom: 20px;
}

.proShow_wrap .prodesc .pro-tel span {
    display: block;
    font-size: 18px;
    color: #0b0b0b;
}

.proShow_wrap .prodesc .pro-tel p {
    display: block;
    font-size: 36px;
    color: #0a85bf;
}

.proShow_wrap .prodesc a {
    display: block;
    float: left;
    margin-right: 20px;
    font-size: 16px;
    color: #fff;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #0a85bf;
    padding-left: 36px;
}

.proShow_wrap .prodesc .procontact {
    background: #0a85bf url(../images/icon-procontact.png)no-repeat left;
    background-position-x: 20px;
}

.proShow_wrap .prodesc .proshop {
    background: #0a85bf url(../images/icon-proshop.png)no-repeat left;
    background-position-x: 20px;
}

.proShow_wrap .prodesc .procontact:hover {
    background: #95c7c8 url(../images/icon-procontact.png)no-repeat left;
    background-position-x: 20px;
}

.proShow_wrap .prodesc .proshop:hover {
    background: #95c7c8 url(../images/icon-proshop.png)no-repeat left;
    background-position-x: 20px;
}

.proShow_main {
    overflow: hidden;
    padding: 30px 0 0 0;
    margin-bottom: 30px;
}

.proShow-menu a {
    float: left;
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #6a6a6a;
    text-align: center;
    background: #f1f1f1;
    margin-right: 6px;
    position: relative;
    top: 0;
    z-index: 99
}

.proShow-menu a.on {
    background: #0a85bf;
    color: #fff;
    border-top: 1px solid #0a85bf;
    border-left: 1px solid #0a85bf;
    border-right: 1px solid #0a85bf;
    top: 1px
}

.proShow-box {
    width: 100%;
    background: #fff;
    overflow: hidden;
    border: 1px solid #d6d6d6;
}

.proShow-box .li {
    overflow: hidden;
    padding: 3%;
}

.relaPro .ohbox {
    overflow: hidden;
    padding-bottom: 1px;
}

.relaPro .tie {
    border-bottom: 1px solid #d6d6d6;
}

.relaPro .tie span {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    background: #0a85bf;
    text-align: center;
    font-weight: normal
}

.relaPro ul li {
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
}

.relaPro ul li span {
    width: 100%;
    height: 350px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}

.relaPro ul li span img {
    max-width: 100%;
    max-height: 100%;
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    object-fit: scale-down;
}

.relaPro ul li h4 {
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #e8e8e8;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    position: relative;
    padding-left: 20px;
    z-index: 0;
    transition: .6s all;
    -webkit-transition: .6s all;
}

.relaPro ul li h4:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    background: #0a85bf url(../images/icon-pro-more.png)no-repeat center;
    background-position-x: 50%;
    z-index: -1;
    transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
}

.relaPro ul li:hover h4 {
    color: #fff;
}

.relaPro ul li:hover h4:after {
    width: 100%;
    background: #0a85bf url(../images/icon-pro-more.png)no-repeat center;
    background-position-x: 90%;
}

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


/*案例列表*/

.list-tie {
    font-size: 40px;
    color: #000;
    margin: 0 0 60px 0;
    text-align: center;
}

.caseList {
    width: 100%;
    overflow: hidden;
    padding-left: 1px;
}

.caseList li {
    float: left;
    width: 31.3%;
    margin: 0 3% 3% 0;
    transition: 0.5s all;
    position: relative;
    top: 0
}

.caseList li:nth-child(3n) {
    margin-right: 0
}

.caseList li .pic {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 70%;
    overflow: hidden;
}

.caseList li .pic img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s all
}

.caseList li dt {
    padding: 20px;
    overflow: hidden;
    border-bottom: 1px solid #d6d6d6;
    transition: 0.5s all
}

.caseList li dt h4 {
    width: 100%;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caseList li dt p {
    font-size: 14px;
    color: #7c7f8a;
    margin: 20px 0;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.caseList li dt span {
    color: #a0a0a0
}

.caseList li dt i {
    float: right;
    font-style: normal;
    transition: 0.5s all;
    -webkit-transition: .5s all;
}

.caseList li:hover {
    top: -10px;
}

.caseList li:hover dt {
    box-shadow: 0 6px 6px #ddd;
}

.caseList li:hover dt i {
    padding-right: 30px;
    background: url(../images/index-case-li-more.png)no-repeat right;
}


/*案例详情*/

.pictureIsLeft {
    border: 1px solid #e8e8e8;
    padding: 30px;
    overflow: hidden;
}

.pictureTop h1 {
    font-weight: normal;
    font-size: 25px;
    line-height: 40px;
    color: #000;
}

.pictureTop .top {
    font-size: 14px;
    line-height: 35px;
    color: #888;
    overflow: hidden;
    border: 1px solid #eee;
    margin-top: 15px;
}

.pictureTop .top span {
    padding-right: 40px;
}

.pictureTop .top .bshare-custom {
    margin-top: 8px;
    margin-right: 4%;
}

.pictureTop .top .sp1 {
    background: url('../images/time-bg_03.png') no-repeat;
    width: 272px;
    text-align: center;
    font-size: 14px;
    color: #9d9d9d;
}

.pictureTop .top .sp3 {
    background: url('../images/single-view.png') no-repeat left center;
    padding-left: 30px;
}

.pictureContent {
    padding-top: 20px;
    font-size: 14px;
    line-height: 2em;
    text-align: justify;
    white-space: normal;
    margin-bottom: 30px;
    overflow: hidden;
    min-height: 25rem;
}

.pictureContent p {
    padding: 5px 0;
}

.pictureContent img {
    max-width: 100%;
}

.pictureIsLeft .fen {
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
}

.pictureIsLeft .fen .prew {
    float: left;
    width: 45%;
    background: #ebebeb;
    padding: 13px;
}

.pictureIsLeft .fen .nextw {
    float: right;
    width: 45%;
    background: #ebebeb;
    padding: 13px;
}

.pictureIsLeft .fen a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6b6b6b;
    font-size: 14px;
}

.pictureIsLeft .fen a:hover {
    color: #213f99
}

.relatedNews {
    padding-top: 20px;
}

.relatedNews ul li {
    line-height: 50px;
    width: 45%;
    float: left;
    border-bottom: 1px solid #eaeaea;
    margin-right: 10%;
    background: url(../images/relatedNews-li.png)no-repeat left;
    padding-left: 10px;
}

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

.relatedNews ul li h4 {
    font-size: 14px;
    color: #6b6b6b;
    font-weight: normal;
    float: left;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.relatedNews ul li span {
    float: right;
    font-size: 12px;
    color: #6b6b6b;
    width: 20%;
    display: block;
}


/*图片默认列表*/

.picList li {
    float: left;
    width: 23.5%;
    position: relative;
    margin: 0 2% 2% 0;
}

.picList li:nth-child(4n) {
    margin-right: 0
}

.picList li .pic {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 72%;
    overflow: hidden;
}

.picList li .pic img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s all
}

.picList li h4 {
    line-height: 50px;
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: normal
}

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


/*应用列表*/

.picturelist ul li {
    float: left;
    width: 50%;
    padding: 0 40px 40px 0
}

.picturelist ul li:nth-child(1n) {
    padding-right: 20px;
}

.picturelist ul li:nth-child(2n) {
    padding-right: 0;
    padding-left: 20px;
}

.picturelist ul li .pb {
    overflow: hidden;
    display: block;
    width: 50%;
    float: left;
}

.picturelist ul li .pic {
    width: 100%;
    height: 309px;
}

.picturelist ul li .pic img {
    width: 100%;
}

.picturelist ul li .txt {
    width: 50%;
    height: 100%;
    float: left;
    background: #f1f1f1;
    padding: 20px
}

.picturelist ul li .txt h2 {
    font-weight: normal;
    font-size: 25px;
    color: #252020
}

.picturelist ul li .txt p {
    margin: 20px 0 30px 0;
}

.picturelist ul li .txt .more {
    width: 47.9%;
    display: inline-block;
    background: #3e8ee1;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 7px;
}


/*新闻列表*/

.newsList {
    width: 100%;
}

.newsList li {
    float: left;
    box-shadow: 0 0 14px #ececec;
    width: 100%;
    margin: 0 0 2% 0;
    background: #fff;
    position: relative;
}

.newsList li:nth-child(3n) {
    margin-right: 0
}

.newsList li .pic {
    float: left;
    position: relative;
    display: block;
    width: 30%;
    padding-top: 18%;
    overflow: hidden;
}

.newsList li .pic img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all;
    -webkit-transition: 0.5s all
}

.newsList li dt {
    float: right;
    width: 65%;
    overflow: hidden;
    padding: 26px;
}

.newsList li dt h4 {
    font-size: 18px;
    color: #000;
}

.newsList li dt span {
    display: block;
    font-size: 16px;
    color: #9fa0a1;
    margin: 30px 0
}

.newsList li dt p {
    font-size: 16px;
    color: #666565;
    min-height: 48px;
    width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.newsList li dt i {
    float: right;
    font-style: normal;
    font-size: 12px;
    color: #6d6d6d;
    font-style: normal;
    transition: .5s all;
    -webkit-transition: .5s all;
    position: absolute;
    right: 26px;
    bottom: 26px;
}

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

.newsList li:hover dt h4 {
    color: #0a85bf;
}

.newsList li:hover dt i {
    padding-right: 30px;
    background: url(../images/index-case-li-more.png)no-repeat right;
}


/* 新闻详细样式 */

.news-wrap {
    padding: 0 0 90px 0;
    overflow: hidden;
}

.newsbox {
    padding: 30px;
    overflow: hidden;
    background: #fff;
}

.newsIsTop h1 {
    font-weight: normal;
    font-size: 25px;
    line-height: 40px;
    color: #000;
}

.newsIsTop .top {
    font-size: 14px;
    line-height: 35px;
    color: #888;
    overflow: hidden;
    border: 1px solid #eee;
    margin-top: 15px;
}

.newsIsTop .top span {
    padding-right: 40px;
}

.newsIsTop .top .bshare-custom {
    margin-top: 8px;
    margin-right: 4%;
}

.newsIsTop .top .sp1 {
    background: url('../images/time-bg_03.png') no-repeat;
    width: 272px;
    text-align: center;
    font-size: 14px;
    color: #9d9d9d;
}

.newsIsTop .top .sp3 {
    background: url('../images/single-view.png') no-repeat left center;
    padding-left: 30px;
}

.newsIsContent {
    padding-top: 20px;
    font-size: 14px;
    line-height: 2em;
    text-align: justify;
    white-space: normal;
    margin-bottom: 30px;
    overflow: hidden;
    min-height: 25rem;
}

.newsIsContent p {
    padding: 5px 0;
}

.newsIsContent img {
    max-width: 100%;
}

.sinderight .fen {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
}

.sinderight .fen .prew {
    float: left;
    padding: 13px;
}

.sinderight .fen .nextw {
    float: right;
    padding: 13px;
}

.sinderight .fen a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6b6b6b;
    font-size: 14px;
}

.sinderight .fen a:hover {
    color: #0a85bf
}


/*资质证书列表*/

.honorlist li {
    float: left;
    width: 25%;
    position: relative;
    margin-bottom: 30px;
}

.honorlist li span {
    width: 90%;
    height: 290px;
    background: #fff;
    margin: 5% auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.honorlist li span img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.honorlist li p {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*团队列表*/

.teamlist ul li {
    float: left;
    width: 30%;
    height: 476px;
    margin-right: 5%;
    margin-bottom: 3%;
    background: #f2f2f2;
    overflow: hidden;
    transition: .5s all;
    -webkit-transition: .5s all;
    position: relative;
}

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

.teamlist ul li .pic {
    display: block;
    width: 100%;
    height: 320px;
    position: relative;
}

.teamlist ul li .pic img {
    width: 100%;
    height: 100%;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.teamlist ul li dt {
    padding: 20px;
    height: 270px;
    overflow: hidden;
    transition: .5s all;
    -webkit-transition: .5s all;
    position: absolute;
    top: 67%;
    left: 0;
}

.teamlist ul li dt h4 {
    font-size: 24px;
    font-weight: normal;
}

.teamlist ul li dt span {
    font-size: 16px;
    color: #aeaeae;
    display: block;
    margin: 10px 0;
}

.teamlist ul li dt p {
    font-size: 16px;
    color: #424141;
    height: 48px;
    overflow: hidden;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.teamlist ul li:hover .pic img {
    transform: scale(0.5) translateY(-50%);
    box-shadow: 0 20px 35px rgba(0, 0, 0, .3);
}

.teamlist ul li:hover dt {
    top: 40%;
}

.teamlist ul li:hover dt p {
    height: auto
}


/*合作伙伴列表*/

.hezuolist ul li {
    float: left;
    width: 15%;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    margin-right: 2%;
    margin-bottom: 2%;
}

.hezuolist ul li:nth-child(6n) {
    margin-right: 0
}

.hezuolist ul li img {
    max-width: 100%;
    max-height: 100%;
}

.hezuolist ul li h4 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(10, 133, 191, .9);
    font-size: 14px;
    color: #fff;
    transform: rotateY(90deg);
    transition: .6s all;
    -webkit-transition: .6s all;
    opacity: 0;
}

.hezuolist ul li:hover h4 {
    transform: rotateY(0);
    opacity: 1;
}


/*视频列表*/

.videolist ul li {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 3%;
}

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

.videolist ul li .pic {
    display: block;
    width: 100%;
    padding-top: 66%;
    position: relative;
}

.videolist ul li .pic:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon-video.png)no-repeat center;
    background-size: 10%;
    transition: .5s all;
    -webkit-transition: .5s all;
    z-index: 9;
}

.videolist ul li .pic:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transition: .5s all;
    -webkit-transition: .5s all;
    z-index: 1;
}

.videolist ul li .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .5s all;
    -webkit-transition: .5s all;
}

.videolist ul li dt {
    padding: 20px;
    background: #f2f2f2;
}

.videolist ul li dt h4 {
    font-size: 24px;
    font-weight: normal;
}

.videolist ul li dt p {
    font-size: 16px;
    color: #aeaeae;
    margin-top: 10px;
}

.videolist ul li:hover .pic:after {
    transform: rotateZ(45deg);
}

.videolist ul li:hover a {
    color: #3888c5
}

.videolist ul li:hover .pic:before {
    opacity: 0;
}


/*方案详情页*/

.solutionBox .solutionTop {
    margin-bottom: 30px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 30px;
    text-align: center;
}

.solutionBox .solutionTop h1 {
    font-size: 35px;
    color: #000;
    text-align: center;
    font-weight: normal;
    margin-bottom: 20px;
}

.solutionBox .solutionTop .top span {
    font-size: 18px;
    color: #7f7f7f;
    margin: 0 10px;
}

.solutionBox .fen {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
    border-top: 1px solid #ededed
}

.solutionBox .fen .prew {
    float: left;
    padding: 13px;
}

.solutionBox .fen .nextw {
    float: right;
    padding: 13px;
}

.solutionBox .fen a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6b6b6b;
    font-size: 14px;
}

.solutionBox .fen a:hover {
    color: #0a85bf
}

.relaSolution {
    margin-top: 30px;
    overflow: hidden;
}

.relaSolution .tie {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 30px;
}

.relaSolution .tie span {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    background: #0a85bf;
    text-align: center;
    font-weight: normal
}

.relaSolution li {
    float: left;
    width: 23.5%;
    position: relative;
    margin: 0 2% 2% 0;
}

.relaSolution li:nth-child(4n) {
    margin-right: 0
}

.relaSolution li .pic {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 72%;
    overflow: hidden;
}

.relaSolution li .pic img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s all
}

.relaSolution li h4 {
    line-height: 50px;
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: normal
}

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


/*联系我们*/

.confeedback input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9e9e9e;
    font-size: 14px;
}

.confeedback input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #9e9e9e;
    font-size: 14px;
}

.confeedback input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9e9e9e;
    font-size: 14px;
}

.confeedback input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #9e9e9e;
    font-size: 14px;
}

.list_wrapper-contact {
    background: url(../images/bg-contact.jpg)no-repeat center;
    background-size: cover
}

.contactBox {
    overflow: hidden;
    padding: 50px 0;
}

.contactBox .config {
    float: left;
    width: 45%
}

.contactBox .config .tie1 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}

.contactBox .config .tie2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 50px;
}

.contactBox .config .con1 p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    background: url(../images/icon-contact-tel.png)no-repeat left;
    padding: 5px 0 5px 33px;
}

.contactBox .config .con1 p:nth-child(2) {
    background: url(../images/icon-contact-email.png)no-repeat left;
}

.contactBox .config .con1 p:nth-child(3) {
    background: url(../images/icon-contact-addr.png)no-repeat left;
}

.contactBox .config .con2 {}

.contactBox .config .con-code {
    margin-top: 50px;
}

.contactBox .config .con-code li {
    float: left;
    margin-right: 50px;
}

.contactBox .config .con-code img {
    float: left;
    padding: 10px;
    margin-left: 10px;
}

.contactBox .config .con-code p {
    float: left;
    margin: 50px 0 0 20px;
}

.contactBox .config .con-code p span {
    display: block;
    font-size: 16px;
    color: #fff;
}

.contactBox .baidumap {
    float: right;
    width: 50%;
    height: 500px;
}

.confeedback {
    width: 100%;
    float: left;
    padding: 50px 0 40px 0;
}

.confeedback .con-tie {
    font-size: 35px;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}

.confeedback .con-tie p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 20px;
}

.confeedback span {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    display: block;
    margin-bottom: 40px;
}

.confeedback .contact-feedback li {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.confeedback .contact-feedback li:nth-child(3) {
    margin-right: 0
}

.confeedback .contact-feedback li input {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    font-size: 14px;
}

.confeedback .textarea {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.confeedback .textarea textarea {
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 16.0rem;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 14px;
}

.confeedback .submit input {
    float: left;
    width: 120px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    padding: 0 10px;
}

.confeedback .submit img {
    float: left;
    width: 100px;
    height: 60px;
    border: 15px solid #fff;
    margin: 0 20px;
}

.confeedback .submit button {
    float: left;
    width: 140px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-right: 20px;
    background: #000;
    cursor: pointer;
}

.confeedback .submit button:hover {
    background: #3888c5
}