body,
div,
p,
span,
form,
iframe,
table,
td,
th,
input,
textarea,
button,
label,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

body,
button,
input,
textarea,
select {
    font: 14px/1.6 'microsoft yahei', Helvetica, sans-serif;
    color: #333
}
body{ min-width: 1320px;}
*,
*:before,
*:after {
    box-sizing: border-box;
    /*所有元素以border开始计算盒子大小*/
}

img {
    border: 0 none;
}

i,
em {
    font-style: normal;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 300
}

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

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

a {
    text-decoration: none;
    color: #333
}

a:hover {
    color: #288feb
}

.icon {
    line-height: 1.5;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    white-space: nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    /* IE7 */
    *text-indent: 0;
    *zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML='\3000');
}

.icon:before {
    content: '\3000';
}

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

.clearfix {
    *zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

::-webkit-input-placeholder {
    color: #999 !important;
}

:-moz-placeholder {
    color: #999 !important;
}

::-moz-placeholder {
    color: #999 !important;
}

:-ms-input-placeholder {
    color: #999 !important;
}

input,
textarea:focus {
    outline: none;
}

.db {
    display: block
}

.blue {
    color: #288feb
}

.flex {
    display: flex
}

.flex-center {
    display: flex;
    align-items: center;
}

.flex-center-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}


/*首页top*/

.main-containt {
    width: 1260px;
    margin: 0 auto;
    position: relative;
    z-index: 100
}

.topbf {

    position: absolute;
    z-index: 1000;
    padding: 15px 0 5px;
    top: 0;
    width: 100%;
}
.topbf.change {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    width: 100%;
}
.topbf.change .menu_nav .nav_ul{background: rgba(19, 62, 108, .6);}
.logo {
    float: left
}

.logoimg {
    display: block;
    width: 200px;
}



/* 菜单*/

.menu_nav {
    position: relative;
    width: 700px;
    margin: 0 auto;
    z-index: 1000;
    float: right
}

.menu_nav .nav_li:nth-child(2) .nav_ul {
    width: 200px;
    margin-left: -100px;
}

.menu_nav .nav_li:nth-child(2) .nav_ul:after {
    left: 90px;
}

.menu_nav .nav_li {
    width: 16.6%;
    float: left;
    position: relative;
}

.menu_nav .nav_li h3 a {
    display: block;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
    color: #fff
}

.menu_nav .nav_ul {
    width: 90px;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -45px;
    display: none;
    background: rgba(110, 184, 203, .3);
    padding: 8px 10px;
    overflow: visible!important;
}

.menu_nav .nav_ul:after {
    display: block;
    content: "";
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent rgba(110, 184, 203, .3) transparent;
    position: absolute;
    top: -16px;
    left: 38px;
}

.menu_nav .nav_ul a {
    display: block;
    text-align: center;
    padding: 5px;
    color: #fff
}

.menu_nav .nav_ul a:hover {
    text-shadow: .2rem 0 .5rem rgba(0, 255, 234, 1), -.2rem 0 .5rem rgba(0, 255, 234, 1), 0 .2rem .5rem rgba(0, 255, 234, 1), 0 -.2rem .5rem rgba(0, 255, 234, 1);
}

.bluebg {
    background: #0f1b34;
    width: 100%;
    height: 72px;
}

.bluebg .menu_nav .nav_ul {
    background: rgba(110, 184, 203, 1);
}

.bluebg .menu_nav .nav_ul:after {
    border-color: transparent transparent rgba(110, 184, 203, 1) transparent;
}

.menu_nav .nav_ul li:last-child a {
    border-bottom: none
}

.menu_nav .nav_ul a:hover,
.menu_nav .nav_li h3 a:hover,
.menu_nav .nav_li.on h3 a {}

.menu_nav .nav_li h3 a:before {
    content: "";
    display: block;
    width: 0;
    height: 76px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    background-image: url("../images/menvbg.png");
}

.menu_nav .nav_li:hover h3 a:before,
.menu_nav .nav_li.on h3 a:before {
    width: 90px;
    margin-left: -45px;
}


/*菜单end*/


/*轮播*/

.focus {
    position: relative;
    width: 100%;
}

.focus .hd {
    bottom: 13px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.focus .hd ul {
    display: inline-block;
    height: 0.7em;
}

.focus .hd ul li {
    background: #b3b7bc;
    border: 2px solid #fff;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 5px;
    overflow: hidden;
    text-indent: -444em;
    vertical-align: top;
}

.focus .hd ul .on {
    background: none;
}

.focus .bd {
    position: relative;
    z-index: 0;
}

.focus .bd li {
    overflow: hidden;
}

.focus .bd li img {
    display: block;
    width: 100%
}


/*轮播end*/

.warp5-title {
    margin-bottom: 30px;
    padding-top: 40px;
}

.warp5-title h4 {
    text-align: center;
    font-size: 36px;
}

.warp5-title .line {
    display: block;
    border-top: 5px solid #288feb;
    height: 16px;
    margin: 13px auto 10px;
    width: 40px
}

.warp5-title p {
    text-align: center;
    color: #666;
    font-size: 16px;
}


/*合作*/

.hezuo {
    margin: 0 -16px;
    padding-bottom: 150px;
}

.hezuo ul li {
    width: 20%;
    float: left;
    text-align: center
}

.hezuo ul li .pp_div {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin: 0 15px 15px;
    padding: 15px 0;
    background: #fff
}


/*新闻*/

.newscenter {
    margin: 0 -16px;
}

.newscenter ul li {
    width: 33.3%;
    float: left;
    overflow: hidden
}

.newscenter ul li .pp_div {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin: 0 15px 15px;
    padding: 0;
    background: #fff
}
.nynews .newsphoto{float: right; border-radius: 5px; }

.newsphoto {
    height: 225px;
    overflow: hidden;

}

.newsphoto:hover img {
    transform: scale(1.1);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.newsphoto img {
    height: 225px;
    width: 100%;
    display: block;
}

.newsqihuan .newsphoto img {
    width: 400px;
}

.newscenter a {
    color: #666
}

.newscenter a .newsdbt {
    color: #0087e8;
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 10px;
    height: 28px;
    overflow: hidden;
}

.newscenter a .newsdbt:hover {
    color: #1879bd;
}

.newscenter-nr {
    padding: 15px;
    height: 150px;
}

.news-line {
    position: relative;
    margin-right: 30px;
}

.news-line:before {
    content: '';
    display: block;
    height: 3px;
    width: 50%;
    background-color: #999;
}

.hua {
    position: absolute;
    z-index: -1
}

.hua:hover {
    cursor: pointer;
}


/* .jiejuewindowimgfg1,
.jiejuewindowimgfg2,
.jiejuewindowimgfg3 {
    display: none
}

.hua:hover .jiejuewindowimgfg1,
.hua:hover .jiejuewindowimgfg2,
.hua:hover .jiejuewindowimgfg3 {
    display: block
}

.hua:hover .jiejuewindowimg1,
.hua:hover .jiejuewindowimg2,
.hua:hover .jiejuewindowimg3 {
    display: none
} */

.jiejuewindowimg1,
.jiejuewindowimg2,
.jiejuewindowimg3 {
    position: absolute;
    display: block;
}

.jiejuewindowimgfg1,
.jiejuewindowimgfg2,
.jiejuewindowimgfg3 {
    display: block;
    animation: blink 4s infinite;
    /* Firefox: */
    -moz-animation: blink 4s infinite;
    /* Safari and Chrome: */
    -webkit-animation: blink 4s infinite;
    /* Opera: */
    -o-animation: blink 4s infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 100;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 100;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 100;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 100;
    }
    100% {
        opacity: 0;
    }
}

.hua1 {
    left: 0;
    top: 0
}

.hua2 {
    right: 0;
    top: 0
}

.hua3 {
    right: 0;
    bottom: 0
}

.rel {
    position: relative
}

.more {
    text-align: right;
    display: inherit;
    color: #0087e8;
}

a.more:hover {
    text-decoration: underline
}

.per100 {
    width: 100%;
    display: block
}
.zhihuigd .anfangjiankong-nr,.zhihuijsc .anfangjiankong-nr{ align-items: center}
/*核心技术*/

.hexin {
    position: relative;
    background: url("../images/hexinbg.jpg") no-repeat center/cover;
    height: 645px;
}

.hexin .main-containt,
.jiejue .main-containt {
    position: absolute;
    left: 50%;
    margin-left: -620px;
}

.hexin .main-containt .warp5-title h4,
.jiejue .main-containt .warp5-title h4 {
    color: #fff;
    margin-top: 30px;
}

.hexin .main-containt .warp5-title .line,
.jiejue .main-containt .warp5-title .line {
    border-top-color: #5ffdff
}

.hexin .main-containt .warp5-title p,
.jiejue .main-containt .warp5-title p {
    color: #5ffdff;
    line-height: 2
}

.hexinlb {
    margin: 0 -16px;
    margin-top: 40px;
}

.hexinlb ul li {
    width: 25%;
    float: left;
    color: #fff
}

.hexinlb ul li .pp_div {
    margin: 0 15px 15px;
    padding: 15px 0;
}

.coregdu {
    height: 186px;
    display: flex;
    align-items: center;
    justify-content: center
}

.coregdutc {
    text-align: center
}

.texiang {
    position: relative;
    overflow: hidden;
    width: 244px;
    height: 246px;
}

.hexinbg {
    background: url("../images/hexin.png") no-repeat;
    width: 244px;
    height: 246px;
    position: absolute;
    top: 0;
    left: 0
}

.hexinwz {
    position: absolute;
    top: -190px;
    left: 20px;
    color: #fff;
    padding-right: 15px;
}

.hexinbghover {
    background: url("../images/hexinhover.png") no-repeat;
    width: 244px;
    height: 246px;
    position: absolute;
    top: 0;
    left: 0
}

.hexinwzhover {
    top: 30px;
    transition: all 0.5s ease 0s;
}

.hexinwz span.dot {
    color: #ffc000;
    margin-right: 5px;
}

.hexinwz span.tc {
    display: flex;
    justify-content: center;
}

.hexinwz .title {
    margin-bottom: 10px;
}


/*解决方案*/

.solutebg {
    position: relative;
}

.solutebg>.show {
    position: absolute;
    left: 280px;
    top: 336px;
    opacity: 0;
    transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
}

.jiejue {
    background: url("../images/bg2.jpg") no-repeat center/cover;
    height: 1221px;
}

.jiejuemain {
    position: relative;
    top: 115px;
    color: #fff;
    text-align: center
}

.jiejuewindow1 {
    left: -17px;
    top: 90px;
}

.jiejuewindow2 {
    right: 5px;
    top: 90px;
}

.jiejuewindow3 {
    left: 380px;
    top: -15px;
}

.jiejuemain img {
    margin-top: 10px;
}

.demo-class .layui-layer-title {
    display: none
}

.demo-class.layui-layer {
    background: url("../images/frame.png") no-repeat center/900px auto;
    width: 1261px;
    height: 784px;
}

.demo-class .layui-layer-setwin .layui-layer-close1 {
    background: url("../images/close.png") no-repeat center/35px auto;
    width: 52px;
    height: 52px;
}

.demo-class .layui-layer-setwin {
    right: 212px;
    top: 145px;
}

.demo-class.layui-layer-page .layui-layer-content {
    padding: 170px 260px;
    text-align: justify
}

.demo-class.layui-layer-page .layui-layer-content h1 {
    color: #ffbf00;
    font-size: 36px;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: 2px;
}

.demo-class.layui-layer-page .layui-layer-content p {
    color: #fff;
    font-size: 16px;
    line-height: 2;
}


/*foot*/

.foot {
    background: #323232;
    padding: 50px 0 0;
}

.foot,
.foot a {
    color: #ccc; font-size: 12px;
}

.foot a:hover {
    color: #eee
}

.footup {
    padding-bottom: 40px;
    display: flex
}

.footbottom {
    padding: 15px 0;
    text-align: center;
    background: #1f1f1f;
    font-size: 12px;
}

.footupleft {
    width: 450px;
    padding-right: 20px;
}

.footnav {
    margin-bottom: 40px;
    padding-top: 20px;
}

.footnav ul {
    display: flex
}

.footnav ul li {
    margin-right: 12px;
}

.footupcenter {
    width: 400px;
    padding-left: 30px;
}

.icon-kf {
    background-image: url("../images/foottb1.png");
    background-size: 30px;
    width: 53px;
    height: 53px;
    margin-left: 5px;
}


.footupcenter {
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
}

.fuwutel {
    margin-bottom: 15px;
    line-height: 1.4
}

.fuwutel h3 {
    font-size: 16px;
    color: #bbb
}

.fuwutel h4 {
    font-size: 22px;
    margin-left: 16px;
    font-weight: 600
}

.icon-foottb2 {
    background-image: url("../images/foottb2.png");
}

.icon-foottb3 {
    background-image: url("../images/foottb3.png");
}

.icon-foottb4 {
    background-image: url("../images/foottb4.png");
    background-size: 17px;
}

.fuwuaddress {
    padding-left: 20px;
}

.fuwuaddress ul li {
    margin-bottom: 5px;
}

.fuwuaddress i {
    margin-right: 3px;
    line-height: 1.3
}

.footupright {
    text-align: center;
    padding-top: 20px;
}

.footupright ul {
    display: flex;
    font-size: 12px;
}

.footupright img {
    margin-bottom: 5px;
}

.footma {
    height: 135px;
}

.footma.footma1 {
    padding-left: 33px;
}

.footma.footma2 {
    width: 130px;
    padding-top: 18px;  margin-left: 5px;
}
.footlogo{width: 300px;}
.footma.footma3 {
    margin-left: 5px;

}

.footma a {
    margin: 0 5px;
}

.footma3 {
    padding-top:18px; display: flex; align-items: center;
}
.footma3 .souhu1{ margin-left:10px;}
.footupright .guanzhu{margin-left: 15px;}
/*top*/

.toolbar {
    bottom: 3rem;
    position: fixed;
    right: 2rem;
    z-index: 999;
}

.toolbar .totop a {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0.5rem;
    line-height: 3.2;
    text-align: center;
    width: 3rem;
    display: block;
}

.icon-up {
    background-image: url("../images/goarrow.png");
    background-size: 1.5rem auto;
}


/*内页关于我们*/

.aboutbg {
    position: relative;
}

.aboutbg>.show1 {
    /* display: none; */
    position: absolute;
    left: 732px;
    top: 45px;
}

.aboutbg>.show2 {
    position: absolute;
    left: 415px;
    top: 557px;
}

.aboutjj {
    background: url("../images/about/introduction.png") no-repeat;
    height: 491px;
    padding: 40px 420px 0 0;
}

.aboutjj h2 {
    font-size: 30px;
    font-weight: 500
}

.aboutjj h3 {
    font-size: 20px;
}

.aboutjjnr {
    margin: 20px 0
}

.aboutjjnr p {
    text-indent: 2em;
    margin-bottom: 10px;
    line-height: 2
}

.wenhua {
    margin: 0 -16px;
}

.wenhua ul li {
    width: 25%;
    float: left;
}

.wenhua ul li .pp_div {
    padding: 183px 0 0 0;
    background: url("../images/about/culture1.jpg");
    width: 255px;
    height: 255px;
}

.wenhua ul li .pp_div.wenhua2 {
    background-image: url("../images/about/culture2.jpg")
}

.wenhua ul li .pp_div.wenhua3 {
    background-image: url("../images/about/culture3.jpg")
}

.wenhua ul li .pp_div.wenhua4 {
    background-image: url("../images/about/culture4.jpg")
}

.qiyewenhua {
    margin: 0 0 20px;
}

.pinpaitop {
    padding-top: 20px;
}

.fuwutitle {
    font-size: 16px;
    font-weight: 600
}

.fuwutitleen {
    font-size: 12px;
    color: #999
}

.wenhuatitle {
    text-align: center;
    width: 230px;
}

.quanweibg {
    background: url("../images/about/huabian3.jpg") no-repeat center;
    margin-bottom: 20px;
    padding-top: 0;
}

.circle {
    margin-top: 30px;
}

.contactusjj {
    background-image: url("../images/about/lianxibg.jpg");
    display: flex;
    padding: 10px 20px 0 0;
    height: 412px;
    margin-bottom: 100px;
}

.rongyu {
    margin-bottom: 30px;
}

.lianxifangshi {
    width: 550px;
    padding: 50px 30px;
}

.lianxifangshi ul {
    margin-top: 30px;
}

.lianxifangshi ul li {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.contactusjj i,
.lianxibg i.icon {
    background-size: 27px;
    width: 27px;
    height: 27px;
    margin-right: 10px;
}

.icon-lx1 {
    background-image: url("../images/tb3.png")
}

.icon-lx2 {
    background-image: url("../images/tb4.png")
}

.icon-lx3 {
    background-image: url("../images/tb6.png")
}

.icon-lx4 {
    background-image: url("../images/tb7.png")
}

.icon-lx5 {
    background-image: url("../images/tb1.png")
}

.icon-lx6 {
    background-image: url("../images/tb2.png")
}

.icon-lx7 {
    background-image: url("../images/tb5.png")
}

.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.map {
    width: 690px;
    height: 380px;
    border-radius: 0 0 45px 0
}


/*商务合作*/

.pingpaijj {
    background: url("../images/hezuo/hezuo1.jpg") no-repeat;
    height: 379px;
    padding: 60px 650px 0 20px;
    margin-bottom: 20px;
}

.pingpaijj p {
    text-indent: 2em;
    font-size: 18px;
    text-align: justify;
    line-height: 2
}

.meitijj {
    background-image: url("../images/hezuo/hezuo2.jpg");
    padding: 90px 90px 0 640px;
}

.touzi {
    background-image: url("../images/hezuo/hezuo4.jpg");
    padding: 90px 90px 0 640px;
}

.hezuojj {
    background-image: url("../images/hezuo/hezuo3.png");
    padding: 90px 670px 0 70px;
}

.lianxibg {
    background-image: url("../images/hezuo/hezuobg.png");
    padding: 75px 0 0 100px
}

.lianxibg1 {
    width: 500px;
    margin-right: 50px;
    padding-left: 50px;
}

.lianxibg2 {}

.lianxibg1 label {
    display: flex;
    width: 110px;
    align-items: center
}

.lianxibg2 label {
    display: flex;
    width: 150px;
    align-items: center;
    padding-left: 0;
    margin-bottom: 5px;
}

.lianxibg1 .layui-form-item {
    display: flex;
    align-items: center
}

.lianxibg .layui-input-block {
    width: 285px;
    margin-left: 0;
    border: 1px solid #387dbf;
    border-radius: 20px;
    background: #fff;
    padding-right: 10px;
}

.lianxibg .layui-input {
    border: none;
    background: none;
}

.lianxibg .layui-input {
    padding: 0 20px;
}

.lianxibg2 .wenben {
    width: 400px;
}

.lianxibg2 .layui-textarea {
    height: 140px;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #387dbf;
}

.layui-input:hover,
.layui-textarea:hover,
.layui-input:focus,
.layui-textarea:focus {
    border-color: #2280ff !important
}

.layui-btn-normal {
    border-radius: 20px;
    padding: 0 30px;
}

.tjbtn {
    text-align: center
}


/*新闻*/

.newscenterny .main-containt,
.newsqihuan .main-containt {
    width: 1100px;
}

.newscenterny h1 {
    text-align: center;
    font-size: 30px;
    color: #0087e8;
    font-weight: 600;
    margin-bottom: 10px;
}

.newscenterny p,
.dongtaileft p {
    font-size: 16px;
}

.newscenternrwz {
    padding: 20px 30px;
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #0087e8;
}

.layui-tab-title li {
    font-size: 20px;
    margin: 0 20px;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 3px solid #0087e8;
    width: 30px;
    left: 40px;
    top: 5px;
}

.dongtaileft {
    width: 600px;
    margin-right: 60px;
    padding-top: 20px;
    padding-left: 20px;
}

.dongtaileft h1 {
    font-size: 24px;
    color: #0087e8;
    font-weight: 600;
    margin-bottom: 10px;
}

.date {
    color: #888;
    margin-bottom: 20px;
}

.date span {
    margin-right: 50px;
}

.layui-tab-title {
    padding-left: 330px;
    height: 47px;
    margin-bottom: 20px;
}

.newscenternr a:hover,
.layui-tab-item a:hover {
    color: inherit
}

.nynews ul li {
    margin-bottom: 40px;
}

.newsqihuan {
    position: relative
}

.bghui {
    background: #f5f5f6
}

.layui-tab {
    margin-bottom: 0
}


/*翻页上一页*/

.pager {
    color: #333;
    line-height: 30px;
    padding: 20px 0;
    font-size: 12px;
    text-align: center;
}

.pager span {
    color: #666;
    background: #fff;
    text-decoration: none;
    font-size: 12px;
    line-height: 28px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 3px;
}

.pager span.nolink {
    padding: 0 10px;
    color: #ccc
}

.pager a {
    padding: 0 10px;
    display: block;
}

.pager a:hover {
    color: #fff;
    background-color: #387dbf;
    border-radius: 5px;
    transition: all 0.6s
}

.pager a:active,
.pager span.current_page {
    color: #fff;
    border: #387dbf 1px solid;
    background-color: #387dbf;
    padding: 0 10px;
}

.pager span.current_page a {
    color: #fff;
    padding: 0
}

.newsxiangqing {
    position: relative;
    padding-top: 50px;
}

.newsxiangqing .more {
    text-align: left;
    margin-bottom: 30px;
}

.newsxiangqing h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.newsxiangqing .date {
    text-align: center
}

.xinwenview p {
    line-height: 2;
}

.xinwenview img {
    margin: 20px 0;
    max-width: 100%;
}

.tc {
    text-align: center
}

.fanye {
    padding: 15px 0;
    line-height: 2
}

.xinwenview {
    padding-bottom: 50px;
}


/*解决方案*/

.shenbluebg {
    background: #031c37
}

.soluteqh {
    margin: 0 auto
}

.soluteqhtitle {
    background: #133e6c;
}

.soluteqh.layui-tab-brief>.soluteqh .layui-tab-title .layui-this {
    color: #0087e8;
}

.soluteqh.layui-tab-brief>.layui-tab-title .layui-this {
    color: #fff;
    line-height: 1.5
}

.soluteqh .layui-tab-title li {
    font-size: 22px;
    margin: 0 20px;
    color: #fff;
    line-height: 1.6;
    background: url("../images/fenge.png") no-repeat right center/ auto 90px;
    height: 90px;
    flex: 1;
    padding-top: 10px;
    margin-left: -20px;
}

.soluteqh .layui-tab-title li:last-child {
    background: none
}

.soluteqh .layui-tab-title {
    height: auto;
    border-bottom: none;
    padding: 10px 0;
    display: flex
}

.soluteqh .layui-tab-title .layui-this:after {
    border: none;
    border-bottom: 3px solid #fff;
    top: 58px;
    width: 130px;
    left: 92px;
}

.soluteqh .layui-tab-title .layui-this {
    font-weight: 600
}

.soluteqh .layui-tab-title li a {
    color: #fff
}

.jiejuecontent {
    background: url("../images/bgjianbian.jpg") repeat-x top #05234d;
    padding: 80px 120px 20px;
    color: #fff;
}

.jiejuecontent1 {
    background-image: url("../images/bgjianbian1.jpg")
}

.jiejuecontentbk {
    border: 2px dashed #00fffc;
    padding: 10px;
    width: 1420px;
    margin: 60px auto 100px;
    position: relative;
}

.arrow {
    position: absolute
}

.arrow1 {
    left: -14px;
    top: -14px
}

.arrow2 {
    right: -14px;
    top: -14px
}

.arrow3 {
    left: -14px;
    bottom: -22px
}

.arrow4 {
    right: -14px;
    bottom: -22px
}

.jiejuecontent h3 {
    color: #00fffc;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    display: flex;
    align-items: center
}

.jiejuecontent h3 img {
    width: 35px;
    margin-right: 5px;
}

.pingtaijjnr {
    display: flex;
}

.pingtaijjnr p {
    margin-left: 90px;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
    margin-top: 60px;
}

.gongneng {
    margin: 20px 0
}

.gongneng ul {
    display: flex;
    margin-top: 50px;
}

.gongneng ul li {
    text-align: center;
    flex: 1;
    color: #00ebe9;
    font-size: 18px;
}

.gongneng ul li img {
    margin-bottom: 10px;
}

.anfangjiankong {
    margin: 40px 0
}

.anfangjiankong-nr {
    display: flex
}

.bluedan {
    color: #00ebe9;
}

.anfangjiankong-nr p {
    padding: 0 0 0 80px;
    line-height: 2;
    font-size: 15px;
}

.anfangjiankong-nr p .bluedan {
    font-size: 18px;
}

.zhxiaofang .anfangjiankong-nr p {
    padding: 0 82px 0 0;
}

.programme {
    width: 580px;
}

.arrow5 {
    left: 210px;
    top: -38px;
}

.jiejue2.arrow5 {
    left: 530px;
}

.jiejue3.arrow5 {
    left: 844px;
}

.jiejue4.arrow5 {
    left: 1160px;
}
.jiejue5.arrow5 {
    left: 1395px;
}
.shuzijiashic .anfangjiankong-nr {
    display: inherit
}

.shuzijiashic .anfangjiankong-nr p {
    padding: 20px 0 0;
}

.shuzijiashic .quyufazhan p {
    margin: 0 30px;
}
.rongyuimg{ width: 500px!important; height: 354px!important;}
.gsry .slideItem{width: 500px!important;right: 50%!important;
    margin-right: -250px!important;}
.gsry .carousel .slides{height: 400px!important;}

#progressEffect{
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
}

/*案例展示*/

.casebgt {
    position: relative;
    width: 100%;
}

.casebgt>.show1 {
    position: absolute;
    left: 0;
    top: 240px; width: 100%;
}

.casebg>.caselb {
    margin: 0 -16px 30px;
}

.caselb ul li {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    height: 330px;
}

.caselbbg {
    width: 426px;
    height: 284px;
    padding: 6px 45px 10px 0;
    position: relative
}

.caselbbg .kongbg {
    border: 1px solid #387dbf;
    border-radius: 50px 0 60px 0;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 382px;
    height: 264px;
    z-index: 0
}

.swiper-slide .caselbbg img {
    border-radius: 50px 0 50px 0;
    margin-bottom: 10px;
    width: 380px;
    height: 254px;
    position: relative;
    z-index: 1;
}

.caselb ul li a {
    font-size: 16px;
}

.caselb ul li a:hover .caselbbg .kongbg {
    box-shadow: 0 0 12px rgba(56, 125, 191, 0.6);
}

.casexq h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
}

.casexq .main-containt {
    width: 1180px;
}

.bianminbt {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 50px;
    display: inline-block
}

.xiaodaview p {
    padding-left: 50px;
}

.jiejuecontent1 .pingtaijjnr p {
    margin-left: 60px;
}

.jiejuecontent1 .pingtaijjnr {
    margin-bottom: 50px;
}

.jiejuecontent1 .anfangjiankong-nr .programme {
    width: 470px;
}

.wygj .bianminbt {
    margin-top: 30px;
}

.xiahua {
    text-decoration: underline
}

.red {
    color: #f00
}

.soluteqh .zixuntop ul {
    display: flex
}

.soluteqh .zixuntop ul li {
    flex: 1;
    text-align: center;
    background: url(../images/fenge.png) no-repeat right center/ auto 90px;
}

.soluteqh .zixuntop ul li:last-child {
    background: none
}

.soluteqh .zixuntop a {
    display: block;
    font-size: 22px;
    padding: 10px 0;
    color: #fff;
}

.soluteqh .zixuntop .sel a {
  /*  border-bottom: 3px solid #fff;*/
   /* width: 130px;*/
    margin: 0 auto;
    font-weight: 600;
    background: #85c0ff;
     color: #020e3a;
}


.gufeijiejue .anfangjiankong-nr {
    display: inherit;
}

.gufeijiejue .anfangjiankong-nr p {
    padding: 20px 0 0;
}
.gufeijiejue .anfangjiankong-nr p:first-child{padding-right: 15px;}
.gufeijiejue .anfangjiankong-nr p:nth-child(2){padding-left: 10px;}

    /*swiper*/

.swiper-container {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img:first-child {
    display: block;
    width: 100%
}

.show1,
.show2,
.show3,
.show4,
.show5 {
    position: absolute;
    /* opacity: 0; */
}

.swiper-slide>.show1 {
    display: none;
    left: 158px;
    top: 131px;
}

.swiper-slide>.show2 {
    display: none;
    left: 210px;
    top: 296px;
}

.swiper-slide>.show3 {
    display: none;
    left: 0px;
    top: 508px;
}

.swiper-slide>.show4 {
    display: none;
    left: 0px;
    top: 666px;
}

.swiper-slide>.show5 {
    left: 398px;
    top: 312px;
    opacity: 0;
    transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
}

.swiper-pagination-bullet {
    border: 2px solid #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    opacity: 1
}

.swiper-pagination-bullet-active {
    background: #b3b7bc;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 20px;
}

.swiper-button-next,
.swiper-button-prev {
    width: 47px;
    height: 95px;
}

.swiper-button-next {
    background: url("../images/arrow2.png");
}

.swiper-button-prev {
    background: url("../images/arrow1.png")
}

.firstimg {
    width: 100%;
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}


/*滚动*/

.topopen {
    width: 1300px;
    margin: 0 auto 50px;
}

.solution {
    overflow: hidden;
}

.des {
    width: 100%;
    /*几屏这里控制*/
    text-align: center;
    height: auto;
}

.anding {
    width: 100%;
    height: 200px;
    display: block;
}

.firewidth {
    position: absolute;
    top: 51%;
    cursor: pointer;
}

.firewidth img {
    width: 32px;
    opacity: .8
}

.firewidth:hover img {
    opacity: .8
}

.textleft {
    left: -100px;
}

.textright {
    right: -100px;
}
@media screen and (max-width: 1680px){
    .swiper-slide>.show1 {
        top: 100px;
        width: 220px;
    }

    .swiper-slide>.show2 {
        left: 170px;
        top: 210px;
        width: 500px;
    }

    .swiper-slide>.show3 {
        left: 10px;
        top: 400px;
        width: 800px;
    }
    .swiper-slide>.show4 {
        left: 0;
        top: 520px; width: 800px;
    }

    .swiper-slide>.show5 {
        left:50%;
        top: 260px;
        width: 900px;
         margin-left: -450px;
    }
}
@media screen and (max-width: 1366px){
    .swiper-slide>.show1 {
        top: 100px;
        width: 200px;
    }

    .swiper-slide>.show2 {
        top: 190px;
        width: 480px;
    }
    .swiper-slide>.show3 {
        top: 360px;
        width: 780px;
    }
    .swiper-slide>.show4 {
        top: 480px; width: 780px;
    }
    .swiper-slide>.show5 {
        top: 240px;
        width: 880px;
        margin-left: -440px;
    }
    .jiejuewindow1{
        left: 12px;}
    .jiejuewindow2{right: -28px;}
    .jiejuewindow3{left: 410px;}
    .arrow5 {
        left: 130px;
    }

    .jiejue2.arrow5 {
        left: 380px;
    }

    .jiejue3.arrow5 {
        left: 637px;
    }

    .jiejue4.arrow5 {
        left: 894px;
    }
    .jiejue5.arrow5 {
        left: 1145px;
    }

}