* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: "微软雅黑";
    line-height: none;
}

a {
    text-decoration: none;
    list-style: none;
    color: #000000;
}

a:hover {
    text-decoration: none;
    list-style: none;
    cursor: pointer;
}

ul,
li {
    list-style: none;
    margin: 0;
    font-size: .15rem;
    line-height: .15rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "微软雅黑";
    font-size: .2rem;
    text-align: center;
    margin: 0;
    font-weight: bold;
}

p {
    font-size: .16rem;
    line-height: .16rem;
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

span {
    padding: 0;
}

a,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}

button,
input,
select,
textarea {
    font-family: "微软雅黑";
    font-size: .17rem;
    line-height: .17rem;
    outline: none;
}

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

.containers {
    max-width: 1600px;
    margin: 0 auto;
}

.container-h1 {
    padding: 2% 0;
    text-align: left;
}

.container-h1 span {
    margin-left: 5%;
    font-size: .25rem;
    color: #364F6B;
    text-shadow: 2px 2px 2px #84d7dc;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-2,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding: 0;
    /* float: none;
    position: relative; */
}


/*头部开始*/

.head {
    max-width: 100%;
    position: relative;
    height: 100%;
}

.swiper-pagination-bullet {
    width: .25rem;
    height: .25rem;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.nav-container {
    max-width: 1600px;
    margin: 0.5% auto;
}

.nav-left p {
    margin-bottom: 0;
    color: #2A2A2A;
    font-size: .16rem;
}

.nav-left02 {
    display: none;
}

.nav-right {
    float: right;
    padding-left: 0;
}

.nav-right-sp01,
.nav-right-sp02 {
    width: 47.5%;
    color: #2a2a2a;
    padding: 0;
    font-size: .16rem;
    margin-right: 5%;
    line-height: .16rem;
    float: right;
}

.nav-right-sp01 {
    color: #c20909;
}

.nav-right-sp02 {
    margin-right: 0;
}

.nav-right-sp01 i,
.nav-right-sp02 i {
    margin-right: 2%;
    color: #000;
}

.nav-menu {
    position: relative;
    overflow: hidden;
}

.nav-menu-left-box {
    background-color: #fff;
}

.nav-menu-left {
    max-width: 1600px;
    margin: 0 auto;
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: auto;
    margin-left: auto;
}

.nav-menu-left-logo {
    margin-top: 1.3%;
    margin-left: 8.33333333%;
}

.navbar-nav {
    margin-top: 1%;
    margin-left: 4.33333333%;
}

.navbar-nav>li {
    float: left;
    padding: 4% 3%;
    display: block;
    z-index: 10;
    text-align: center;
}

.navbar-nav-li01 {
    margin-left: 5%;
}

.collapse .nav dl dd {
    line-height: 49px;
    height: 49px;
    text-align: center;
    position: relative;
    z-index: 12;
    display: block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}

.collapse .nav dl dd a {
    color: #000;
}

.collapse .nav dl dd:hover a {
    color: #fff;
}

.collapse .nav dl dd:hover {
    background-color: #043088;
    color: #fff;
    box-shadow: 5px 0 5px -5px #043088, -5px 0 5px -5px #043088;
    border-color: #043088;
}

.collapse .nav .expand {
    width: 870%;
    left: -295%;
    padding: 20% 0;
    margin: 0;
}

#foot-expand {
    top: -275%;
}

#foot-normal {
    top: -75%;
}

.collapse .nav .expand button {
    border: 1px solid #364F6B;
    border-radius: 0.05rem;
    background-color: #fdb44b;
    color: #fff;
    line-height: 49px;
    height: 49px;
    width: 20%;
    margin: 2.5% 0;
}

.collapse .nav .normal dd {}

.collapse .nav .expand dd {
    line-height: 49px;
    height: 49px;
    position: relative;
    z-index: 12;
    display: block;
    width: 21.25%;
    margin-right: 5%;
    float: left;
}

.collapse .nav .expand dd:before {
    content: "";
    background-color: #3fc1c9;
    width: 1%;
    height: 40%;
    top: 20%;
    left: 30%;
    position: absolute;
}

.collapse .nav dl {
    position: absolute;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}

.collapse .nav dl {
    width: 100%;
    background: rgba(230, 230, 230, 0.95);
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 12;
    border-radius: 0.05rem;
    box-shadow: 2px 2px 10px #f5f5f5;
}

.collapse .nav dl {
    margin: 0;
    position: absolute;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}

.collapse .nav li:hover dl {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.navbar-nav>li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 100%;
    border-bottom: 2px solid #043088;
    transition: 0.2s all linear;
}

.navbar-nav>li:hover:before {
    left: 0;
    width: 100%;
}

.navbar-nav>li:hover~li:before {
    left: 0;
}

#nav-column-end:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: auto;
    border-bottom: 2px solid #043088;
    transition: 0.2s all linear;
}

#nav-column-end:hover:after {
    width: 0;
}

#nav-column-end:hover:after {
    width: 100%;
}

.navbar-nav>li>a {
    font-size: .18rem;
    color: #364F6B;
    text-align: center;
    padding: 0;
}

.navbar-nav>li:hover {
    cursor: pointer;
}

.navbar-nav>li:hover .navbar-nav-li-div {
    visibility: visible;
}

.navbar-nav>li:hover .navbar-nav-li-a {
    color: #043088;
}

.navbar-nav-li-a {
    color: #000;
}

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

.navbar-nav>li>a:hover {
    background-color: transparent;
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #043088;
}

.nav-menu-right {
    float: right;
    margin-top: 1%;
    margin-right: 2%;
}

.nav-menu-right a {
    margin-left: 3%;
    float: right;
}

.nav-text {
    margin-top: 10%;
}

.nav-text>p {
    width: 100%;
    font-size: .5rem;
    line-height: .9rem;
    text-align: center;
    background-image: -webkit-linear-gradient(bottom, #ffd09d, #fff5ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*新头部*/

.navigation {
    max-width: 100%;
    z-index: 999;
    background-color: #e6e6e6;
}

.navbar {
    border-radius: 4px;
    margin-bottom: 0;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-nav>.active>a {
    color: #000;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:focus {
    color: #000;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active:hover a {
    color: #043088;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #000000;
}

.navbar-fixed-top {
    position: relative;
}

.nav-line {
    height: 1px;
    background-color: #000;
}


/* #nonenav:hover div.navbar-nav-li-div{
    opacity: 1;
    visibility: visible;
    display: block;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
} */

.navbar-nav-li-div {
    width: 100%;
    position: absolute;
    display: none;
    z-index: 9999;
    top: 110%;
    left: 0;
    padding: 2% 0 0 0;
    margin: 0;
    background-color: rgba(230, 230, 230, .95);
    box-shadow: 2px 2px 10px #f5f5f5;
    transition: all 1s ease 1s;
}

.navbar-nav-li-div-box {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 2%;
}

.navbar-nav-li-div-box div {
    width: 16%;
    float: left;
    margin: 0 2%;
}

.navbar-nav-li-div-box div ul p {
    margin-bottom: 5%;
    text-align: center;
    font-size: .2rem;
    font-weight: bold;
}

.navbar-nav-li-div-box div ul h1:hover {
    cursor: default;
}

.navbar-nav-li-div-box div ul li {
    text-align: center;
    padding: 5% 0;
}

.navbar-nav-li-div-box div ul li a {
    padding: 5%;
}

.navbar-nav-li-div-box div ul li:hover a {
    color: #fff;
    background-color: #043088;
}

.navbar-nav-li-div-box-span {
    width: 100%;
    margin: 1% 0;
    height: 1px;
    background-color: #000000;
    float: left;
}

.navbar-nav-li-div-box-p {
    float: left;
    width: 100%;
}

.navbar-nav-li-div-box-p a {
    float: right;
    margin-right: 15%;
    color: #c83a3a;
}

.navbar-nav-li-div-box-p a:hover {
    color: #043088;
}

.navbar-nav-li-div-box-ck a {
    color: #c83a3a;
    font-size: .15rem;
}

.navbar-nav-li-div-box-ck a:hover {
    color: #043088;
}


/*全局搜索开始*/

#nav-column-end:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    width: 3%;
    height: 50%;
    background-color: #000000;
    border-bottom: none;
}

#nav-column-end .iconfont {
    font-size: 25px;
}

#search {
    position: absolute;
    top: 100%;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    color: #FFF;
    height: 0;
    overflow: hidden;
    transition: 0.3s all;
    z-index: 9999;
}

#search .w1200 {
    position: relative;
}

.search-right {
    padding: 1% 0;
}

#search a {
    color: #FFF;
}

#search .search_top {
    background: #FFF;
    max-width: 50%;
    height: 55px;
    margin: 0 auto;
}

#search .search_top .txt {
    padding: 0 5px;
    float: left;
    height: 55px;
    border: none;
    background: none;
    color: #444444;
    line-height: 55px;
    width: 80%;
}

#search .search_top .but {
    width: 20%;
    height: 55px;
    float: right;
    background: #df0716;
    color: #FFF;
    cursor: pointer;
    border: none;
}

#search .close {
    position: absolute;
    top: 0;
    right: 22%;
    height: 100%;
    width: auto;
    cursor: pointer;
    padding: .2% 0;
    color: #000;
}

#search .close i {
    font-size: .32rem;
}


/*全局搜索解决*/


/*新下拉菜单样式*/

.expand ul {
    float: left;
    padding: 0 3%;
    width: 20%;
}

.expand ul li {
    line-height: .31rem;
    font-size: .15rem;
    display: inline-block;
}

.expand ul li a {
    text-align: left;
}

.expand ul li:hover {
    background-color: #043088;
}

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

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


/*新下拉菜单样式*/


/*banner滚动样式*/

.swzl img {
    width: 100%;
    object-position: center;
}


/*bannner滚动样式*/


/*头部结束*/


/*产品推荐开始*/

.pro-recomm {}

.pro-recomm-container {
    padding: 3% 0;
}

.pro-recomm-container-list {
    float: right;
    margin-top: 5%;
}

.pro-recomm-container-list ul {
    padding: 0 8%;
    margin-left: 16%;
    background: url(../img/prorecommlist.jpg);
}

.pro-recomm-container-list-ul li p {
    margin-top: 10%;
    margin-bottom: 0;
}

.pro-recomm-container-list-ul li {
    max-width: 100%;
    padding: 13.5% 0;
    text-align: center;
    position: relative;
    color: #000000;
    font-size: .21rem;
    border-bottom: 2px dashed #000;
}

.pro-recomm-container-list-ul li:nth-child(5) {
    border-bottom: none;
}

.pro-recomm-container-list .active {
    color: #043088;
    border-bottom-color: #043088;
    position: relative;
}

.pro-recomm-container-list-ul-li-img {
    position: relative;
    overflow: hidden;
    height: 60px;
}

.pro-recomm-container-list-ul-li-img02 {
    display: none;
}

.pro-recomm-container-list-ul-li-img01 {
    position: absolute;
    left: 0;
    z-index: 9998;
    top: 0;
    display: block;
}

.pro-recomm-container-list .active .pro-recomm-container-list-ul-li-img02 {
    position: absolute;
    left: 0;
    z-index: 9999;
    top: 0;
    display: block;
}

.pro-recomm-container-list .active .pro-recomm-container-list-ul-li-img01 {
    display: none;
}

.pro-recomm-container-list .active:before {
    content: "";
    position: absolute;
    left: -23%;
    top: 43%;
    width: 12%;
    height: 20%;
    background: url(../img/prorecommlistjt.png) no-repeat 100%;
}

.pro-recomm-container-list li:hover {
    color: #043088;
}

.pro-recomm-contact-switch-box {
    display: none;
}

.pro-recomm-contact {
    margin-top: 5%;
}

.pro-recomm-contact-box {
    margin-bottom: 2%;
}

.pro-recomm-contact-box-top {
    width: 100%;
    text-align: center;
}

.pro-recomm-contact-box-top-box {
    max-width: 80%;
    margin: 0 10%;
    box-shadow: 5px 5px 5px #a8b3bf;
    overflow: hidden;
}

.pro-recomm-contact-box-top-box:hover {
    cursor: pointer;
}

.pro-recomm-contact-box-top-box:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 1.5s;
    cursor: pointer;
}

.pro-recomm-contact-box-top-box:hover .pro-recomm-contact-box-top-box-p-box p {
    color: #fff;
    cursor: pointer;
    transition: all 1s;
}

.pro-recomm-contact-box-top-box:hover .pro-recomm-contact-box-top-box-p-box:after {
    transform: scaleX(1);
}

.pro-recomm-contact-box-top-box-img {
    overflow: hidden;
}

.pro-recomm-contact-box-top-box-img img {
    object-fit: cover;
    transition: all 1.5s;
    width: 100%;
}

.pro-recomm-contact-box-top-box:hover .pro-recomm-contact-box-top-box-img {
    /* border: 10px solid #053671; */
    overflow: hidden;
    transition: all 1.5s;
}

.pro-recomm-contact-box-top-box-p-box {
    position: relative;
    height: .49rem;
    ;
}

.pro-recomm-contact-box p {
    width: 100%;
    ;
    padding: 5% 0;
    text-align: center;
    color: #000;
    background-color: transparent;
    margin: 0;
    transition: all 1s;
    position: absolute;
    z-index: 9999;
    /* box-shadow: inset 500px 0 0 0.01px #fff; */
}

.pro-recomm-contact-box-top-box-p-box:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: 1s;
    opacity: 1;
    background: #053671;
    transform-origin: left;
    transform: scaleX(0);
}

.pro-recomm-contact-box button {
    color: #043088;
    text-align: center;
    background-color: #fff;
    padding: 2% 10%;
    border-radius: .03rem;
    margin: 5% auto;
    transition: all 1s;
}

.pro-recomm-contact-box button:hover {
    background-color: #053671;
    cursor: pointer;
    color: #fff;
    transition: all 1s;
}

.pro-recomm-more {
    margin-top: 3%;
    padding-bottom: 2%;
}

.pro-recomm-more p {
    float: right;
    color: #053671;
    padding: 0;
    background-color: transparent;
}


/*产品推荐结束*/


/*制作工序开始*/

.pro-process {}

.pro-process-container {
    padding: 3% 0;
}

.pro-process-container-content-box {
    max-width: 100%;
    position: relative;
    transition: all 1s;
    overflow: hidden;
}

.pro-process-container-content-box:hover {
    transition: all 1s;
    cursor: pointer;
}

.pro-process-container-content-box img {
    transition: all 1s;
}

.pro-process-container-content-box:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 1s;
}

.pro-process-container-content-box02 {
    max-width: 86%;
    margin: 0 7%;
}

.pro-process-container-content:nth-child(2) {
    margin-top: 3%;
}

.pro-process-container-content-box p {
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: left;
    left: 5%;
    color: #fff;
    font-size: .35rem;
    line-height: .35rem;
}

.pro-process-container-content-h1 h2 {
    color: #043088;
    font-size: .35rem;
}

.pro-process-container-content-h1 p {
    color: #000;
    text-align: center;
    margin: 2% 0;
}

.pro-process-container-content-describe ul li {
    text-align: center;
    margin: 4% 0;
    border-right: 2px solid #000;
    font-size: .19rem;
}

.pro-process-container-content-describe ul li:nth-child(4) {
    border-right: none;
}


/*制作工序结束*/


/*解决方案开始*/

.solution {
    padding: 5% 0;
    background: url(../img/solutionbanner.jpg) no-repeat center top;
}

.solution-container-left h2 {
    text-align: left;
    margin: 3% 0;
    color: #fff;
}

.solution-container-left p {
    text-align: left;
    margin: 8% 0 0 0;
    color: #fff;
}

.solution-container-left button {
    color: #043088;
    padding: 3% 10%;
    background-color: #fff;
    border: 1px solid #043088;
    margin: 12% 0 0 0;
    transition: all 1s;
    text-align: center;
}

.solution-container-left button:hover {
    color: #fff;
    background-color: #043088;
    transition: all 1s;
}

#solution-container-left-button01 {
    margin-right: 8.33333333%;
    text-align: center;
}

.solution-container-right {
    margin-left: 8.33333333%;
}

.solution-container-right-left {
    margin-right: 8.33333333%;
}

.solution-container-right-left-ul {
    margin: 0 10%;
}

.solution-container-right-left li,
.solution-container-right-right li {
    color: #fff;
    margin-top: all 3%;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
}

.solution-container-right-left li:hover,
.solution-container-right-right li:hover {
    cursor: pointer;
    color: #fff;
}

#solution-container-right-right-li {
    color: #fff;
}

.solution-container-right-left li:hover p,
.solution-container-right-right li:hover p {
    margin-left: 6%;
}


/*解决方案结束*/


/*合作伙伴开始*/

.cooperative-partner {
    padding: 4% 0;
    background: url(../img/wonderfulcasebeijing.jpg) no-repeat center top;
}

.cooperative-partner-title-h01 {
    font-size: .5rem;
    color: #2a2a2a;
}

.cooperative-partner-title-h02 {
    font-size: .4rem;
    color: #043088;
}

.cooperative-partner-contact01 {
    margin-top: 5%;
    float: right;
}

.cooperative-partner-contact01-img {
    float: left;
    margin: 0 auto;
}

.cooperative-partner-contact01-img-box {
    max-width: 90%;
    margin: 0 5%;
    position: relative;
}

.cooperative-partner-contact01-img-box img {
    width: 4rem;
    height: 2.25rem;
}

.cooperative-partner-contact01 div:nth-child(1),
.cooperative-partner-contact01 div:nth-child(2) {
    margin-bottom: 5%;
}

.cooperative-partner-contact01-img p {
    color: #000;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 3% 0;
    line-height: .25rem;
    background-color: rgba(255, 255, 255, 0.8);
}

.cooperative-partner-contact01-img p:hover {
    color: #043088;
    cursor: pointer;
}


/*合作伙伴结束*/


/*实时新闻开始*/

.Realtime-news {
    padding: 3% 0;
    background: url(../img/Realtimenewsbj.jpg) no-repeat;
}

.Realtime-news-container {
    position: relative;
}

.Realtime-news-box01-p-top {
    box-shadow: 0 0 2px 2px #eeeeee;
}

.Realtime-news-box01 {
    transition: all 1s;
    margin: 3% 0 0 0;
}

.Realtime-news-box01-img {
    transition: all 1s;
    overflow: hidden;
}

.Realtime-news-box01-img img {
    transition: all 1s;
    cursor: pointer;
}

.Realtime-news-box01-p:hover {
    background-color: #043088;
    transition: all 1s;
    cursor: pointer;
}

.Realtime-news-box01-p-top:hover .Realtime-news-box01-img img {
    background-color: #f8f8f8;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 1s;
}

..Realtime-news-box01-p-top:hover {
    cursor: pointer;
}

.Realtime-news-box01-p:hover p,
.Realtime-news-box01-p:hover h5 {
    color: #fff;
    transition: all 1s;
}

.Realtime-news-box01 h5,
.Realtime-news-box01 p {
    color: #000;
    text-align: left;
    margin: 2% 5% 0 5%;
}

.Realtime-news-box01 h5 {
    font-size: .2rem;
}

.Realtime-news-box01 p {
    line-height: .15rem;
    font-size: .15rem;
    padding: 0 0 0.3% 0;
}

.Realtime-news-box01 p span {
    float: right;
}

.Realtime-news-box02 {
    padding: 3% 0 0 0;
    /* background-color: #f8f8f8; */
}

.Realtime-news-box02-contact {
    margin: 0 4.3%;
    background-color: #f8f8f8;
    box-shadow: 0 0 2px 2px #eeeeee;
}

.Realtime-news-box02-title h1 {
    float: left;
    position: relative;
    margin-left: 2%;
}

.Realtime-news-box02-title h1:before {
    content: "";
    background-color: #043088;
    width: 5%;
    height: 100%;
    top: 0;
    left: -8%;
    position: absolute;
}

.Realtime-news-box02-title p {
    color: #000000;
    float: right;
    margin-top: 2%;
    height: 100%;
    margin-bottom: 0;
}

.Realtime-news-box02-contact-p {
    padding-bottom: 5%;
    border-bottom: 1px dashed #999999;
}

.Realtime-news-box02-contact h5 {
    margin-top: 5.4%;
    text-align: left;
    font-size: .2rem;
}

.Realtime-news-box02-contact p {
    margin-top: 4.9%;
    text-align: left;
    line-height: .25rem;
    transition: all 1s;
}

.Realtime-news-box02-title-a p:hover {
    color: #043088;
    transition: all 1s;
    cursor: pointer;
}

.Realtime-news-box02-contact p span {
    float: right;
}

.Realtime-news-box02-contact-content-box p {
    transition: all 0.5s;
}

.Realtime-news-box02-contact-content-box p:hover {
    color: #043088;
    cursor: pointer;
    border-bottom: 1px dashed #043088;
    transition: all 0.5s;
}

.Realtime-news-box02-contact-list-time-p {
    font-size: .4rem;
}

.Realtime-news-box02-contact-list-time {
    margin-right: 5%;
    margin-top: 5.4%;
    background-color: #eeeeee;
}

.Realtime-news-box02-contact-list-text p {
    font-size: .15rem;
}

.Realtime-news-box02-contact-list-time p {
    text-align: center;
    margin-top: 16%;
}

.Realtime-news-box02-contact-list {
    padding: 0 5%;
}

.Realtime-news-box02-contact-list-box {
    border-bottom: 1px solid #000;
    padding-bottom: 2%;
}

.Realtime-news-box02-contact-list:hover {
    cursor: pointer;
    box-shadow: 0 0 6px 4px #dddcdc;
}

.Realtime-news-box02-contact-list:hover h5 {
    color: #043088;
}

.Realtime-news-box02-contact-list:hover .Realtime-news-box02-contact-list-box {
    border: none;
}

.Realtime-news-box02-contact-list:hover .Realtime-news-box02-contact-list-time {
    background-color: #043088;
    opacity: 0.8;
}

.Realtime-news-box02-contact-list:hover .Realtime-news-box02-contact-list-time p {
    color: #fff;
}

.Realtime-news-box02-contact-list:nth-child(4) .Realtime-news-box02-contact-list-box {
    border-bottom: none;
}

.Realtime-news-box01-p {
    padding: 1.21% 0;
    background-color: #f8f8f8;
}

.Realtime-news-box01-p-bottom {
    margin-top: 5%;
    background-color: #f8f8f8;
    box-shadow: 0 0 2px 2px #eeeeee;
}

.Realtime-news-box01-p-bottom-content {
    border-right: 1px dashed #000;
    padding: 5% 1%;
}

.Realtime-news-box01-p-bottom-content:nth-child(3) {
    border-right: none;
}

.Realtime-news-box01-p-bottom-content-box h5 {
    font-size: .19rem;
    margin-bottom: 5%;
}

.Realtime-news-box01-p-bottom-content:hover {
    cursor: pointer;
    box-shadow: 0 0 6px 4px #dddcdc;
}

.Realtime-news-box01-p-bottom-content:hover h5 {
    color: #043088;
}

.Realtime-news-box01-p-bottom-content-box p {
    text-align: left;
    line-height: .25rem;
    margin-bottom: 5%;
}


/*实时新闻结束*/


/*方针宗旨开始*/

.policy-purpose {
    padding: 1% 0;
    background-color: #daf4ff;
}

.policy-purpose-contact {
    padding: 2.4% 0;
}

.policy-purpose-contact p {
    text-align: left;
    margin-left: 5%;
    font-size: .25rem;
    line-height: .4rem;
    letter-spacing: .05rem;
}


/*方针宗旨结束*/


/*底部开始*/

.footer {
    padding: 0;
    background-color: #f8f8f8;
    margin-top: 0;
}

.footer-container-links p {
    font-size: .2rem;
    color: #2a2a2a;
    padding: 1% 0;
    margin: 0;
}

.footer-container-line {
    max-width: 100%;
    height: 1px;
    background-color: #cdcdcd;
}

.footer-container-contact {
    padding: 1% 0 0 0;
}

.footer-container-contact-left-box h6 {
    text-align: left;
    margin: 10% 0 4%;
}

.footer-container-contact-left-box ul li {
    text-align: left;
    margin-bottom: 8%;
}

.footer-container-contact-left-box ul li:hover {
    color: #043088;
}

.footer-container-contact-right {
    margin-top: 1%;
}

.footer-container-contact-right img {
    margin-bottom: 10%;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    outline: none;
    background-color: #043088;
    height: 42px;
}

.footer-container-contact-right p {
    float: right;
    color: #043088;
}

.footer-container-address {
    margin-top: 2%;
}

.footer-container-address p a {
    margin-right: 2%;
}

.btn-default i {
    color: #fff;
}

.form-control {
    height: 42px;
}

.footer-container-contact-right-top p {
    color: #000;
    float: none;
}

.footer-container-contact-right-top-p {
    margin-bottom: 3%;
}

.footer-container-contact-right-top button {
    padding: 4% 10%;
    background: #043088;
    color: #fff;
    margin: 7% 0 2% 0;
}

.footer-container-contact-right-code ul li {
    display: inline-block;
    margin-bottom: 5%;
}

.footer-container-contact-right-code-img {
    border-radius: 50%;
    display: block;
}

.footer-container-contact-right-code li:hover .footer-container-contact-right-code-box-content {
    display: block;
}

.footer-container-contact-right-code-box {
    position: relative;
    bottom: .7rem;
}

.footer-container-contact-right-code-box-content {
    position: absolute;
    width: 1.7rem;
    bottom: 0;
    left: 50%;
    display: none;
    background-color: #fff;
    padding: 30%;
}

.footer-container-contact-right-code-box-content p {
    font-size: .15rem;
    float: none;
    color: #000000;
}


/*底部结束*/


/*首页移动端开始*/

@media (max-width:1750px) {
    .collapse .nav .expand {
        top: 200%;
    }
}

@media (min-width:250px) and (max-width:768px) {
    .navigation {
        background: transparent;
    }
    .navbar-fixed-top {
        position: fixed;
    }
    .nav-container {
        display: none;
    }
    .navbar-nav {
        width: 100%;
        margin: 0;
        background-color: rgba(255, 255, 255, 0.5);
    }
    .navbar-nav>li {
        width: 100%;
    }
    .navbar-nav-li01 {
        margin-left: 0;
    }
    .navbar-nav>li>a {
        text-align: left;
    }
    .navbar-nav>li:after {
        display: none;
    }
    .nav-menu-left {
        padding: 0;
    }
    .navbar-toggle {
        margin-right: 0;
    }
    .nav-left {
        margin: 5.5% 0;
        width: 50%;
        float: left;
    }
    .nav-left02 {
        display: block;
    }
    .container-fluid>.navbar-header {
        margin: 0 2%;
    }
    .container-fluid>.navbar-collapse,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin: 0;
    }
    .pro-recomm-title-ul {
        margin: 3% 0;
    }
    .pro-process-container {
        padding: 10% 0;
    }
    .pro-process-container-content {
        margin: 5% 0 0 0;
    }
    .solution-container-left-button button {
        margin: 5% 0 0 0;
    }
    .solution-container-right-left {
        margin-right: 0;
    }
    .solution-container-right {
        margin-left: 0;
    }
    .cooperative-partner-contact01-img {
        max-width: 46%;
        margin-right: 2.66666666%;
        margin-top: 3%;
        float: left;
    }
    .cooperative-partner-contact02-img {
        max-width: 45%;
        margin-top: 3%;
    }
    .Realtime-news-box02-contact p,
    .Realtime-news-box03-contact p {
        line-height: .3rem;
    }
    .policy-purpose-contact p {
        margin-left: 0;
    }
    .footer {
        padding: 0 2%;
    }
    .footer-container-links p {
        line-height: .2rem;
        margin-bottom: 0;
    }
    .footer-container-contact-left-box ul li {
        line-height: .3rem;
    }
    .footer-container-address p {
        line-height: .3rem;
    }
    .solution-container-left p {
        line-height: .3rem;
    }
    .Realtime-news-box02-contact-list-time {
        border-right: 1px solid #000;
        margin-right: 5%;
        margin-top: 11%;
        padding-right: 1%;
    }
    .Realtime-news-box01-p-bottom-content {
        border-right: none;
        padding: 1% 0;
        border-bottom: 1px dashed #000;
    }
    .Realtime-news-box01-p-bottom {
        padding: 0;
    }
    .Realtime-news-box01 p {
        line-height: .3rem;
        padding: 0 0 1% 0;
    }
    .pro-process-container-content-h1 p {
        line-height: .5rem;
    }
    .pro-process-container-content-describe ul li:nth-child(2) {
        border-right: none;
    }
    .pro-process-container-content-describe {
        margin-top: 2%;
    }
    .pro-process-container-content-box02 {
        max-width: 100%;
        margin: 0;
    }
    .pro-recomm-container-list ul {
        padding: 0;
        margin-left: 0;
    }
    .pro-recomm-container-list-ul li {
        width: 42%;
        padding: 3% 2%;
        margin: 0 4%;
        float: left;
    }
    .pro-recomm-container-list-ul li h4{
        font-size: .2rem;
    }
    .Realtime-news-box02-contact {
        margin: 0;
    }
}


/*首页移动端结束*/


/*产品中心开始*/


/*产品导航开始*/

.pro-column {
    padding: 1% 0;
    background-color: #f8f8f8;
}

.pro-column-container li {
    float: left;
    color: #2a2a2a;
    position: relative;
    font-size: .15rem;
}


/*产品导航结束*/


/*产品系列开始*/

.product-line {
    width: 100%;
    max-width: 1200px;
    margin: .5rem auto;
}

.product-line02 {
    background-color: #eef7fe;
}

.product-line-title {
    padding: .1rem;
}

.product-line-title-h01 {
    font-size: .5rem;
    font-family: Arial;
    text-align: left;
}

.product-line-title-h02 {
    font-size: .3rem;
    text-align: left;
    color: #043088;
    font-weight: bold;
    margin-top: 1%;
}

.product-line-title-ul {}

.product-line-title-ul-p01 {
    margin: 0;
    border-bottom: 1px solid #043088;
}

.product-line-title-ul-p01-fff {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.product-line-title-ul-p02 {
    font-size: .15rem;
    margin-top: 1%;
    line-height: .25rem;
}

.product-line-title-ul-span01 {
    float: left;
    margin-top: 0.5%;
    margin-bottom: 1%;
}

.product-line-title-ul-span02 {
    float: right;
    background-color: #043088;
    color: #fff;
    padding: 0.5% 1%;
    border-radius: .05rem;
    margin-bottom: 0.3%;
    font-size: .15rem;
}

.product-line-contact {
    margin: 3% 0;
}

.product-line-contacts {
    margin-top: 0;
}

.product-line-contact-box-top {
    width: 100%;
    text-align: center;
}

.product-line-contact-box-top-box {
    max-width: 94%;
    margin: 0 3%;
    position: relative;
}

.product-line-contact-box-top-box-img {
    position: relative;
    box-shadow: 5px 5px 5px #a8b3bf;
}

.product-line-contact-box-top-box:hover {
    cursor: pointer;
}

.pro_type {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pro_type a {
    font-size: .18rem;
    display: inline-block;
    padding: .05rem .3rem;
    margin: .1rem 0;
    border-radius: 10px;
    border-bottom: 1px dashed #999999;
    transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
}

.pro_type a.m_hover,
.pro_type a:hover {
    /* color: #fff; */
    background-image: -webkit-linear-gradient(left, #dee2eb 0%, #e6edf5 100%);
    background-image: -moz-linear-gradient(left, #dee2eb 0%, #e6edf5 100%);
    background-image: linear-gradient(left, #dee2eb 0%, #e6edf5 100%);
    /* box-shadow: inset 500px 0 0 0 #043088; */
}

.product-line-contact-box-top-box.product-line-contact-box-top-box02 {
    width: 20%;
    border-radius: .25rem;
}

.product-line-contact-box-top-box:hover .product-line-contact-box-top-box02 p {
    color: #fff;
    transition: all 0.8s;
    box-shadow: inset 500px 0 0 0 #043088;
    cursor: pointer;
}

.product-line-contact-box img {
    width: 100%;
    height: 2.82rem;
}

.product-line-contact-box-top-box01 p {
    color: #000;
    padding: 5% 0 3% 0;
    text-align: left;
    background-color: transparent;
    border-top: none;
    bottom: 0;
    width: 100%;
    margin: 0 0 0 0;
}

.proclass-line-contact-box {
    margin-top: 2%;
}

.product-line-contact-box-top-box06 {
    margin: 3% 5% 0 5%;
}

.product-line-contact-box-top-box06 p {
    color: #000;
    padding: 3% 0 3% 5%;
    text-align: left;
    background-color: #f8f8f8;
    margin-top: 0;
    margin-bottom: 0;
    line-height: .3rem;
    transition: all 0.8s;
    font-size: .15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-line-contact-box-top-box02 .product-line-contact-box-top-box {
    box-shadow: 0px 0px 6px 3px #b5b5b5;
    border-radius: .25rem;
    margin: 4% 5%;
}

.product-line-contact-box-top-box03 .product-line-contact-box-top-box {
    border-radius: 8px;
    box-shadow: 3px 3px 3px #b5b5b5;
    margin: 4% 5%;
}

.product-line-contact-box-top-box02 {
    margin: 0;
}

.product-line-contact-box-top-box03 {
    margin: 0;
}

.product-line-contact-box-top-box03 p {
    background-color: #fff;
    border-radius: 8px;
}

.product-line-contact-box-top-box03 p {
    color: #000;
    padding: 3% 0;
    text-align: left;
    background-color: #fff;
    margin-top: 5%;
    line-height: .3rem;
    transition: all 0.8s;
}

.product-line-contact-box-top-box02 p {
    color: #000;
    padding: 3% 0;
    text-align: left;
    background-color: #f8f8f8;
    margin-top: 0;
    margin-bottom: 0;
    line-height: .3rem;
    border-radius: .25rem;
    transition: all 0.8s;
}

.product-line-contact-box-top-box02 p:hover {
    color: #fff;
    transition: all 0.8s;
    box-shadow: inset 500px 0 0 0 #043088;
    cursor: pointer;
}

.product-line-contact-box-top-box03 p:hover {
    color: #fff;
    transition: all 0.8s;
    box-shadow: inset 500px 0 0 0 #043088;
    cursor: pointer;
}

.product-line-contact-box-top-box01 p {
    padding-left: 5%;
}

.product-line-contact-box-top-box02 p {
    padding-left: 5%;
}

.product-line-contact-box-top-box03 p {
    padding-left: 5%;
}


/*产品系列结束*/


/*产品中心结束*/


/*产品中心移动端开始*/

@media (min-width:250px) and (max-width:768px) {
    .product-line-contact-box img {
        height: auto;
    }
    .product-line-title-ul-p02 {
        line-height: .25rem;
    }
    .product-line-title-ul-span02 {
        padding: 2.5% 1%;
    }
}


/*产品中心移动端结束*/


/*产品分类开始*/

@media screen and (min-width:769px) {
    .proclass {
        padding-top: .6rem;
    }
}

.proclass-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    /* padding: 3% 0; */
}

.proclass-line {
    padding: 1% 0;
}

.proclass-line .product-line-contact {
    margin-top: 1%;
}

#proclass-pagination {
    margin: 3% auto;
}

.product-line-contact-box-top-box-img-proclass img {
    padding-bottom: 0;
}


/*产品分类结束*/


/*产品分类移动端开始*/

@media (min-width:250px) and (max-width:768px) {
    .casedetail-column-container li {
        line-height: .35rem;
    }
    #proclass-pagination {
        width: 100%;
        margin: 7% 0%;
    }
    #proclass-pagination li a {
        margin-right: -1%;
    }
}


/*产品分类移动端结束*/


/*新闻中心开始*/


/*企业新闻模块开始*/

.corporatenews--line-title-ul-p01 {}

.news-line-title-ul a {
    color: #000;
    transition: all 0.5s;
}

.news-line-title-ul a:hover {
    color: #043088;
    transition: all 0.5s;
}

.news-recomm-title-ul-li {
    float: right;
}

.news-line-contact {
    transition: all 1s;
}

.news-line-contact-box {
    background-color: #F8F8F8;
    transition: all 1s;
    box-shadow: 5px 5px 5px #eeeeee;
}

.news-line-contact-box:hover {
    cursor: pointer;
    transition: all 1s;
    box-shadow: 5px 5px 5px #cccccc;
}

.news-line-contact a {
    color: #000;
}

.news-img {
    float: left;
    overflow: hidden;
}

.news-img02 {
    float: right;
    padding: 4% 0 0 0;
}

.news-img img {
    width: 100%;
    height: 4.2rem;
    object-fit: cover;
    transition: all 1s;
}

.news-img img,
.news-img02 img {
    object-fit: cover;
    transition: all 1s;
}

.news-text {
    float: left;
    padding: 2% 3% 0;
}

.news-line-contact-box:hover .news-img img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 1s;
}

.news-text h5 {
    transition: all 0.5s;
}

.news-line-contact-box:hover .news-text h5 {
    color: #043088;
    transition: all 0.5s;
}

.news-text span {
    line-height: .5rem;
    color: #000;
}

.news-text p {
    line-height: .3rem;
    color: #000;
}

.news-text-button {
    margin-top: 5%;
}

.news-text-button button {
    padding: 2% 5%;
    background-color: #fff;
    color: #043088;
    border: 1px solid #043088;
}

.news-text-button button:hover {
    background-color: #043088;
    color: #FFF;
}

.news-line-contact-box02 {
    margin-top: 1%;
}

.news-line-contact-box02-left {
    padding: 0 0 0 0;
}

.news-line-contact-box02-right {
    padding: 0 0 0 2%;
}

.news-line-contact-box02-left-contents {
    margin-top: 3%;
}

.news-line-contact-box02-left-contents:nth-child(2n-1) {
    padding: 0 3% 0 0;
}

.news-line-contact-box02-left-contents:nth-child(2n) {
    padding: 0 0 0 3%;
}

.news-line-contact-box02-left-content-box {
    background-color: #F8F8F8;
    padding: 5%;
    box-shadow: 5px 5px 5px #eeeeee;
}

.news-line-contact-box02-left-content-box:hover {
    cursor: pointer;
    margin-top: -1.5%;
}

.news-line-contact-box02-left-content:hover h1 {
    color: #043088;
}


/*企业新闻模块结束*/


/*行业新闻模块开始*/

.inductry {
    background-color: #f8f8f8;
}

.hangnews-line-contact-box02-left-content {
    background-color: #fff;
    opacity: 0.8;
    padding: 2% 5%;
    box-shadow: none;
}

.hangnews-line-contact-box02-left-content:hover {
    margin: 0;
}

.hangnews-line-contact-box02-left-content ul li {
    color: #000;
    /* border-bottom: 1px dashed #999999; */
}

.hangnews-line-contact-box02-left-content ul li dl {
    border-bottom: 1px dashed #999999;
    margin: 0;
}

.hangnews-line-contact-box02-left-content ul li:nth-child(2n-1) {
    padding: 0.5% 3% 0 0;
}

.hangnews-line-contact-box02-left-content ul li:nth-child(2n) {
    padding: 0.5% 0 0 3%;
}

.hangnews-line-contact-box02-left-content ul li a {
    float: left;
    line-height: .6rem;
}

.hangnews-line-contact-box02-left-content ul li span {
    float: right;
    line-height: .6rem;
}

.hangnews-line-contact-box02-left-content ul li:hover {
    border-color: #043088;
}

.hangnews-line-contact-box02-left-content ul li:hover a,
.hangnews-line-contact-box02-left-content ul li:hover span {
    color: #043088;
}


/*行业新闻模块结束*/


/*产品知识开始*/

.knowledge-line-contact-box02-left-content {
    background-color: transparent;
    padding: 0;
}

.knowledge-line-contact-box02-left-content li {
    margin: 2% 0 0 0;
    /* background-color: #f8f8f8; */
}

.knowledge-line-contact-box02-left-content li:nth-child(2n-1) {
    padding: 0 3% 0 0;
}

.knowledge-line-contact-box02-left-content li:nth-child(2n) {
    padding: 0% 0 0 3%;
}

.knowledge-line-contact-box02-left-content li:hover dl:nth-child(1) {
    background-color: #cccccc;
}

.knowledge-line-contact-box02-left-content li dl:nth-child(1) {
    background-color: #f8f8f8;
    display: block;
    margin: 0;
}

.knowledge-li:hover .knowledge-dl02 h5 {
    color: #043088;
}

.knowledge-dl01 {
    overflow: hidden;
    /* border: 5px solid #043088; */
}

.knowledge-li:hover .knowledge-dl01 img {
    /* -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); */
    transition: all 1s;
}

.knowledge-line-contact-box02-left-content li a h5 {
    text-align: left;
    line-height: .4rem;
    font-size: .2rem;
    font-weight: bold;
}

.knowledge-line-contact-box02-left-content li dl span {
    text-align: left;
    line-height: .4rem;
}

.knowledge-line-contact-box02-left-content .knowledge-dl01 {
    margin: 0;
}

.knowledge-line-contact-box02-left-content .knowledge-dl02 {
    padding: 3% 10px 0 10px;
    margin-left: 0;
}

.knowledge-line-contact-box02-left-content dl img {
    width: 100%;
    height: 1.8rem;
    transition: all 1s;
}


/*产品知识结束*/


/*新闻中心结束*/


/*新闻中心移动端开始*/

@media (min-width:250px) and (max-width:768px) {
    .knowledge-line-contact-box02-left-content .knowledge-dl02 {
        padding: 3% 5% 0;
        margin-left: 0;
    }
    .product-line-title {
        padding: 0 2%;
    }
    .news-line-contact {
        padding: 0 5%;
    }
    .news-line-contact-box02 {
        margin-top: 6%;
    }
    .news-line-contact-box02-left {
        padding: 0 0% 0 0;
    }
    .news-line-contact-box02-right {
        padding: 6% 0 0 0%;
    }
    .hangnews-line-contact-box02-left-content ul li:nth-child(2n-1) {
        padding: 0;
    }
    .hangnews-line-contact-box02-left-content ul li:nth-child(2n) {
        padding: 0;
    }
    .knowledge-line-contact-box02-left-content li:nth-child(2n-1) {
        padding: 0 3%;
    }
    .knowledge-line-contact-box02-left-content li:nth-child(2n) {
        padding: 0 3%;
    }
    .news-line-contact-box02-left-contents:nth-child(2n-1) {
        padding: 0 3%;
    }
    .news-line-contact-box02-left-contents:nth-child(2n) {
        padding: 0 3%;
    }
}


/*新闻中心移动端结束*/


/*新闻分类开始*/

.new-line-contact {
    padding: 0 5%;
    transition: all 1s;
    padding-bottom: 5%;
    border-bottom: 1px solid #999999;
}

.new-line-contact a {
    color: #000;
}

.new-img {
    float: left;
    overflow: hidden;
    margin-right: 4%;
}

.new-img02 {
    float: right;
    padding: 4% 0 0 0;
}

.new-img img {
    width: 100%;
    height: 1.9rem;
    ;
}

.new-img02 img {
    width: 80%;
}

.new-img img,
.new-img02 img {
    object-fit: cover;
    transition: all 1s;
}

.new-text {
    float: left;
    margin-right: 1%;
}

.new-line-contact:hover {
    border-color: #F0AD4E;
}

.new-line-contact-box {
    max-width: 95%;
    transition: all 1s;
}

.new-line-contact:hover .new-line-contact-box {
    margin-left: 5%;
    transition: all 1s;
}

.new-line-contact:hover .new-img img {
    /* -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); */
    transition: all 1s;
}

.new-line-contact:hover .new-text h1 {
    color: #043088;
}

.new-text span,
.new-text p {
    line-height: .25rem;
    color: #000;
}

.new-line-pagination .pagination {
    width: 100%;
    text-align: center;
    margin: 3% auto;
}

.new-line-pagination .pagination a {
    border: none;
    background-color: #f8f8f8;
    color: #000;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 6px 12px;
    font-size: 14px;
}

.new-line-pagination .pagination a:hover {
    color: #fff;
    background-color: #043088;
}


/*新闻分类结束*/


/*新闻分类移动端开始*/

@media (min-width:250px) and (max-width:768px) {
    .new-img {
        width: 93%;
    }
    .new-text span,
    .new-text p {
        line-height: .3rem;
    }
}


/*新闻分类移动端结束*/


/*新闻详情开始*/

.newsdetail-line-contact {
    padding-bottom: 0;
}

.newsdetail-line-contact-box {
    background-color: transparent;
    box-shadow: none;
}

.newsdetail-line-contact-box:hover {
    box-shadow: none;
}

.newsdetail-line-contact-box h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: left;
}

.newsdetail-line-contact-box span {
    /* line-height: .5rem; */
    font-size: .17rem !important;
}

.newsdetail-line-contact-box p {
    line-height: .3rem;
    margin: 0 0 .1rem;
}

.newsdetail-img01 {
    width: 45%;
    margin: 0 2.5%;
    float: left;
}

.newsdetail-img02 {
    width: 45%;
    margin: 0 2.5%;
    float: right;
}


/*相关推荐开始*/

.related-recommendations-contact-box02 {
    margin: 0;
}

.related-recommendations-contact-h101 {
    text-align: left;
    color: #043088;
    position: relative;
    margin-left: 2%;
}

.related-recommendations-contact-h101:before {
    content: "";
    position: absolute;
    top: 0;
    left: -2%;
    width: 0.4%;
    height: 100%;
    color: #043088;
    background-color: #043088;
    transition: 0.2s all linear;
}

.related-recommendations-contact-box02-left {
    padding: 0;
    /* border-bottom: 1px solid #999999; */
}

.related-li {
    float: left;
}

.related-recommendations-contact-box02-left-content li:nth-child(2n) {
    padding-bottom: 3%;
}

.related-recommendations-contact-box02-left-content li:nth-child(2n-1) {
    padding-bottom: 3%;
}

.related-recommendations-contact-box02-left-content li {
    background-color: transparent;
    margin: 3% 0 0 0;
    border-bottom: 1px solid #999999;
    height: 2.35rem;
}

.related-recommendations-contact-box02-left-content li:hover {
    background-color: transparent;
}

.related-recommendations-contact-box02-left-content li a h3 {
    font-size: .19rem;
    line-height: 1.3;
    
    
    transition: all 1s;
}

.related-recommendations-contact-box02-left-content li dl span {
    text-align: left;
    line-height: .2rem;
    font-size: .15rem;
}

.related-recommendations-contact-box02-left-content li dl p {
    text-align: left;
    line-height: .25rem;
    font-size: .15rem;
    margin: 0;
}

.related-recommendations-contact-box02-left-content .knowledge-dl02 {
    padding: 3% 5% 0;
    margin: 0;
}

.related-dl01 {
    border: none;
}

.related-recommendations-contact-box02-left-content li a h1:hover {
    transition: all 1s;
}


/*相关推荐结束*/


/*行业新闻模块开始*/

.newsdetail-line-contact {
    padding: 0;
    margin-top: 0;
}

.newsdetail-line-contact-box02 {
    margin-top: 0;
}

.newsdetail-line-contact-box02-left {
    padding: 2% 3% 0;
}

.newsdetail-line-contact-box02-left h1 {
    text-align: left;
    line-height: .5rem;
    color: #043088;
    padding-bottom: 5%;
    position: relative;
    margin-left: 2%;
}

.newsdetail-line-contact-box02-left h1::before {
    content: "";
    position: absolute;
    top: 14%;
    left: -2%;
    width: 1%;
    height: 35%;
    color: #043088;
    background-color: #043088;
    transition: 0.2s all linear;
}

.newsdetail-line-contact-box02-left h1 a:hover span {
    color: #D43F3A;
}

.newsdetail-line-contact-box02-left h1 span {
    float: right;
    transition: all 0.8s;
}

.newsdetail-line-contact-box02-left-content {
    background-color: #f8f8f8;
}

.newsdetail-line-contact-box02-left-content ul li a,
.newsdetail-line-contact-box02-left-content ul li a span {
    line-height: .8rem;
}


/*行业新闻模块结束*/


/*新闻详情结束*/


/*新闻详情移动端开始*/

@media (min-width:250px) and (max-width:768px) {
    .pro-column-container li {
        line-height: .3rem;
    }
    .knowledge-line-contact-box02-left-content dl img {
        width: 100%;
        transition: all 1s;
        /* margin: 5% 25%; */
        height: auto;
    }
    .related-recommendations-contact-box02-left-content .knowledge-dl02 {
        padding: 0;
        margin: 0;
    }
    .related-recommendations-contact-box02-left-content li a h1 {
        line-height: .3rem;
    }
    .related-recommendations-contact-box02-left-content li dl span {
        line-height: .3rem;
    }
    .related-recommendations-contact-box02-left-content li dl p {
        line-height: .3rem;
    }
    .new-line-pagination .pagination-lg {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .new-line-pagination .pagination a {
        margin-top: 3%;
        font-size: .25rem;
    }
}


/*新闻详情移动端结束*/


/*案例中心开始*/

.head-container-industry-box {
    position: relative;
}

.case-list-container-h1 {
    margin-top: 3%;
    font-size: .32rem;
}

.case-list-container-list {
    margin: 3% 0;
}

.case-list-container-list-h1 {
    font-size: .25rem;
    float: left;
    padding: 1.6% 2%;
}

.case-list-container-list-ul {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    float: left;
    width: 100%;
}

.case-list-container-list-li {
    float: left;
    font-size: .2rem;
    padding: 2% 2.45%;
    transition: all .5s;
    position: relative;
    overflow: hidden;
}

.case-list-container-list-ul .active: {
    position: relative;
    overflow: hidden;
}

.case-list-container-list-ul .active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 2px solid #043088;
    transition: 0.2s all linear;
}

.case-list-container-list-li:hover {
    transition: all .5s;
}

.head-container-industry {
    position: absolute;
    z-index: 9999;
    padding-left: 10%;
}

.head-container-industry h1 {
    text-align: left;
    margin: 5% 0 3% 0;
}

.head-container-industry p {
    line-height: .35rem;
}

.head-container-industry a button {
    padding: 1% 5%;
    color: #fff;
    background-color: #043088;
    transform: all 1s;
    margin: 2% 0 0 0;
}

.head-container-industry a button:hover {
    color: #000;
    background-color: #999999;
    transform: all 1s;
}


/*案例列表开始*/

.case-list-container {
    max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 3%;
}

.case-list-container-content {
    display: none;
}

.case-list-container-box {
    margin-top: 5%;
    overflow: hidden;
    position: relative;
    transition: all 1s;
    padding: 1%;
    background-color: #f8f8f8;
}

.case-list-container-box:hover {
    cursor: pointer;
    transition: all 1s;
}

.case-list-container-box:hover .case-list-border {
    transition: all 1s;
    cursor: pointer;
}

.case-list-container-top {
    width: 0;
    top: 0px;
    left: 0;
    border-top: 3px solid #043088;
    transition: all 1s;
}

.case-list-container-left {
    height: 0;
    top: 0;
    left: 0px;
    border-left: 3px solid #043088;
    transition: all 1s;
}

.case-list-container-bottom {
    width: 0;
    bottom: 0;
    right: 0;
    border-top: 3px solid #043088;
    transition: all 1s;
}

.case-list-container-right {
    height: 0;
    bottom: 0px;
    right: 0;
    border-right: 3px solid #043088;
    transition: all 1s;
}

.case-list-container-box:hover .case-list-container-top {
    width: 100%;
    transition: all 1s;
}

.case-list-container-box:hover .case-list-container-left {
    transition: all 1s;
    height: 100%;
}

.case-list-container-box:hover .case-list-container-bottom {
    width: 100%;
    transition: all 1s;
}

.case-list-container-box:hover .case-list-container-right {
    transition: all 1s;
    height: 100%;
}

.case-list-border {
    position: absolute;
    z-index: 9999;
}

.case-list-container-box-box {
    margin: 2% 0 0 0;
}

.case-list-container-box-box a {}

.case-list-container-box {
    margin: 0 11%;
    padding: 0;
    background-color: #f8f8f8;
    box-shadow: 0 0 4px 4px #eaeaea;
}

.case-list-container-box:hover {
    cursor: pointer;
}

.case-list-container-box:hover .case-list-container-box-text {}

.case-list-container-box:hover .case-list-container-box-img img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 1s;
}

.case-list-container-box-img {
    overflow: hidden;
}

.case-list-container-box-img img {
    object-fit: cover;
    transition: all 1s;
    width: 100%;
    height: 3rem;
}

.case-list-container-box-text h5 {
    color: #353535;
    margin: 5% 0 5% 2%;
    text-align: center;
}

.case-list-container-box:hover .case-list-container-box-text h5 {
    color: #043088;
    transform: all 1s;
}

.case-list-container-box-text p {
    margin-top: 2.5%;
    line-height: .3rem;
    margin-bottom: 0;
    border-top: 1px dashed #000;
    padding: 5% 3%;
}

.case-list-container-box-text-span01 {
    float: left;
}

.case-list-container-box-text-span02 {
    float: right;
}


/*案例列表结束*/


/*案例中心结束*/


/*案例中心移动端开始*/

@media (min-width:250px) and (max-width:768px) {
    .head-container-industry {
        display: none;
    }
}


/*案例中心移动端结束*/


/*案例详情开始*/

.casedetail-column {
    padding: 1% 0;
    background-color: #043088;
}

.casedetail-column-container {
    max-width: 1600px;
    margin: 0 auto;
}

.casedetail-column-container li {
    float: left;
    color: #fff;
    position: relative;
    font-size: .15rem;
}

.casedetail-column-container li a {
    color: #fff;
    font-size: .15rem;
}

.casedetail-column-container li a:hover {
    cursor: pointer;
}


/*案例详情内容开始*/

.casedetail-container {
    max-width: 1600px;
    margin: 0 auto;
}

.casedetail-container-h1 h1 {
    text-align: center;
    margin: 3% 0 3% 0;
}

.casedetail-container-h1 p {
    text-align: center;
}

.casedetail-container-h1 p span {
    margin-right: 3%;
}

.casedetail-container-h1-ul-box {
    margin-top: 3%;
}

.casedetail-container-h1-ul {
    border: 1px solid #bfbfbf;
}

.casedetail-container-h1-ul-li {
    text-align: center;
    padding: 1% 0;
}

.casedetail-container-h1-ul-li:hover {
    cursor: default;
}

.casedetail-container-h1-ul-li:after {
    content: "";
    position: absolute;
    top: 25%;
    right: 0;
    width: 1px;
    height: 50%;
    background-color: #bfbfbf;
}

.casedetail-container-h1-ul-li:nth-child(4):after {
    width: 0;
}

.casedetail-container-contact-h1 {
    /*text-align: center;
    margin: -4% 0 1% 0;
    font-size: .23rem;
    position: relative;*/
    font-size: .23rem;
    position: relative;
    margin: 0 0 1% 50%;
}

.casedetail-container-contact {
    padding: 1% 2%;
    margin-top: 2%;
}

.casedetail-container-contact:nth-child(2n+0) {
    background-color: #e6e6e6;
}

.casedetail-container-contact p {
    text-align: left;
    line-height: .3rem;
}

.casedetail-container-contact p:hover {
    cursor: default;
}


/*案例详情内容结束*/


/*案例详情图片开始*/

.casedetail-container-img-box {
    margin: 5% 4.16666665% 0 4.16666665%;
}

.casedetail-container-img-box img {
    object-fit: cover;
}


/*案例详情图片结束*/


/*产品推荐开始*/

.casedetail-container-box-background {
    background-color: #e6e6e6;
    margin: 3% 0;
}

.casedetail-container-content {
    padding-bottom: 3%;
}

.casedetail-container-box-background .casedetail-container-contact-h1 {
    margin: 3% 0 0 0;
}

.casedetail-container-content .case-list-container-box {
    margin: 10% 5%;
    padding: 5%;
    box-shadow: none;
}

.casedetail-container-content .case-list-container-box-img {
    border: 5px solid #e6e6e6;
}

.casedetail-container-content .case-list-container-box-text p {
    border-top: none;
    padding: 5% 0;
    text-align: center;
    color: #000;
}

.case-list-container-box:hover .case-list-container-box-text p {
    color: #043088;
}


/*产品推荐结束*/


/*线*/

.casedetail-line {
    max-width: 100%;
    border-bottom: 1px dashed #999999;
    padding: 3% 0 0 0;
}


/*线*/


/*案例详情分页开始*/

.casedetail-container-paging-box {
    margin: 2% 0 0 0;
}

.casedetail-container-paging-box a {
    color: #000000;
}

.casedetail-container-paging-box a:hover {
    cursor: pointer;
    color: #043088;
}

.casedetail-container-paging-box-left {
    float: left;
}

.casedetail-container-paging-box-right {
    float: right;
}

.casedetail-container-paging-box-a01 {
    float: left;
}

.casedetail-container-paging-box-a02 {
    float: right;
}

.casedetail-container-paging-box-a01 p {
    float: left;
}

.casedetail-container-paging-box-a02 p {
    float: right;
}

.casedetail-container-paging-box-a02 p {
    text-align: right;
}

.casedetail-container-paging-box-a03 {
    float: left;
    margin: 0 0% 0 13%;
}

.casedetail-container-paging-box-a03 button {
    padding: 2% 10%;
    border: 2px solid #e6e6e6;
    text-align: center;
    background-color: transparent;
    margin: 0 26%;
    transition: all .1s;
}

.casedetail-container-paging-box-a03 button:hover {
    border-color: #043088;
    color: #043088;
    transition: all .1s;
}


/*案例详情分页结束*/


/*案例详情结束*/


/*案例详情移动端开始*/

@media (min-width:250px) and (max-width:768px) {
    .case-list-container-box-text-button button {
        width: 49%;
        padding: 3% 5%;
        margin-top: 5%;
        margin-bottom: 3%;
    }
}


/*案例详情移动端结束*/


/*联系我们开始*/

.contact {
    padding-bottom: 3%;
}

.contact-container {
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 3%;
}

.contact-container-content {
    padding-top: 0;
}

.contact-container-p p {
    line-height: .3rem;
    margin: 5% 0;
    padding: 0 10% 0 0;
}

.contact-container-img img {
    object-fit: cover;
    width: 100%;
}

.contact-container-information-detailed {
    background-color: #f8f8f8;
    margin: 0 10%;
    max-width: 80%;
    box-shadow: 3px 0 3px #f8f8f8, 0 -1px 1px #ffffff, 3px 0 3px #bbbbbb, 0 5px 5px #bbbbbb;
}

.contact-container-information-detailed:hover {
    cursor: default;
    box-shadow: -3px 0 3px #e0e0e0, 0 3px 3px #e0e0e0, 3px 0 3px #e0e0e0, 0 5px 5px #e0e0e0;
}

.contact-container-information-box {
    margin: 5% 0;
}

.contact-container-information-detailed h5 {
    text-align: left;
    margin-left: 10%;
    padding: 5% 0;
}

.contact-container-information-detailed ul {
    padding-bottom: 5%;
}

.contact-container-information-detailed ul li {
    text-align: left;
    margin-left: 10%;
    line-height: .4rem;
}

.contact-container-information-detailed ul li:hover {
    cursor: default;
}

.contact-container-complaints-hotline p {
    font-size: .2rem;
    color: #000000;
    font-weight: bolder;
    margin-left: 7%;
    max-width: 93%;
}

.contact-container-increase-box {
    max-width: 60%;
    margin: 0 20%;
    padding: 0 5%;
    border: 1px solid #043088;
    transition: all 1s;
}

.contact-container-increase-boxss {
    padding: 5%;
}

.contact-container-increase-box:hover {
    cursor: pointer;
    background-color: #043088;
    color: #fff;
    transition: all 1s;
}

.contact-container-increase-box:hover .contact-container-increase-number {
    color: #fff;
}

.contact-container-increase-number {
    color: #043088;
    font-size: .45rem;
    line-height: .25rem;
    text-align: center;
    padding: 5% 0;
    font-weight: bolder;
}

.contact-container-increase-box p {
    line-height: .25rem;
    text-align: center;
    margin: 10% 0;
}


/*地图开始*/

.contact-map {
    padding-bottom: 3%;
}

.contact-map img {
    max-width: none !important;
    max-height: none !important;
}

.contact-map-container {
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 3%;
}

.contact-map-container-box {
    width: 100%;
    height: 6rem;
    border: 1px solid #ccc;
}

.contact-map-container-box img {}

.contact-map-container-box-p {}

.contact-map-container-box-p a {}


/*地图结束*/


/*联系我们结束*/


/*关于我们开始*/


/*企业文化开始*/

.about-contact-container-content p {
    margin: 3% 0;
    padding: 0;
}

.corporate-culture {
    background: url(../aboutimg/qiyewenhuabeijing.jpg) no-repeat;
}

.corporate-culture-background {
    background-color: rgba(4, 48, 136, 0.6);
    padding-bottom: 5%;
}

.corporate-culture-container {
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 5%;
}

.corporate-culture-container .product-line-title-h02 {
    color: #fff;
}

.contact .product-line-title-ul-p01,
.corporate-culture-container .product-line-title-ul-p01,
.enterprise-strength .product-line-title-ul-p01,
.human-resources .product-line-title-ul-p01 {}

.corporate-culture-content-contact {
    max-width: 57%;
    margin: 0 21.5%;
    position: relative;
    height: 275px;
}

.corporate-culture-content-img-hidden {
    overflow: hidden;
    height: 222px;
}

.corporate-culture-content-imgab {
    position: absolute;
    z-index: 9999;
    height: 0;
    width: 100%;
    overflow: hidden;
    transition: all 1s;
}

.corporate-culture-content-img {
    position: absolute;
    z-index: 9998;
    transition: all 1s;
    height: 222px;
    top: 0;
    overflow: hidden;
}

.corporate-culture-content-contact:hover {}

.corporate-culture-content-img-hidden:hover .corporate-culture-content-imgab {
    height: 222px;
    transition: all 1s;
    cursor: pointer;
    z-index: 9999;
}

.corporate-culture-content-imgab img {
    width: 100%;
    display: inline;
}

.corporate-culture-content-img img {
    width: 100%;
    display: inline;
}

.corporate-culture-content-box {
    margin-top: 5%;
    position: relative;
    display: block;
}

.corporate-culture-content-contact p {
    color: #fff;
    line-height: .25rem;
    text-align: left;
    margin: 0 0 0 14%;
    top: 80%;
    position: absolute;
}


/*企业文化结束*/


/*企业实力开始*/

.enterprise-strength-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 3% 0;
}

.enterprise-strength-content {
    padding: 3% 0;
}

.enterprise-strength-content-media {
    margin: 0;
    background-color: #f8f8f8;
    border-radius: .3rem;
}

.enterprise-strength-content-media:hover {
    background-color: rgba(4, 48, 136, 0.6);
}

.enterprise-strength-content-media:hover p {
    color: #fff;
    cursor: pointer;
}

.enterprise-strength-content-left img,
.enterprise-strength-content-right img {
    object-fit: cover;
    width: 100%;
}

.enterprise-strength-content-left p,
.enterprise-strength-content-right p {
    max-width: 50%;
    margin: 0 25%;
    padding: 10% 0;
    line-height: .3rem;
}


/*企业实力结束*/


/*人力资源开始*/

.human-resources-background {
    background-color: #043088;
    padding-bottom: 5%;
    margin-bottom: 3%;
}

.human-resources-content-contact {
    max-width: 1600px;
    margin: 0 auto;
}

.human-resources-content-contact:hover {
    cursor: pointer;
}

.human-resources-content-img {
    overflow: hidden;
}

.human-resources-content-img img {
    transition: all 1s;
}

.human-resources-content-contact:hover .human-resources-content-img img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 1s;
    cursor: pointer;
}

.corporate-culture-content-img {
    overflow: hidden;
}

.corporate-culture-content-img img {
    transition: all 1s;
}

.human-resources-content-contact h3 {
    color: #fff;
    text-align: left;
    padding: 5% 0;
}

.human-resources-content-contact p {
    margin: 0 20% 0 0;
    position: relative;
    top: 0;
}


/*人力资源结束*/


/*关于我们结束*/


/*关于我们移动端开始结束*/

@media (min-width:250px) and (max-width:768px) {
    .contact-container-increase-box {
        max-width: 80%;
        margin: 5% 10%;
        padding: 0 5%;
        border: 1px solid #043088;
        transition: all 1s;
    }
    .corporate-culture-content-contact {
        height: 180px;
    }
    .corporate-culture-content-img {
        height: 125px;
    }
    .corporate-culture-content-img-hidden {
        height: 125px;
    }
    .corporate-culture-content-contact p {
        line-height: .35rem;
        top: 70%;
    }
}


/*关于我们移动端开始结束*/


/*产品详情开始*/


/*产品顶部简介开始*/

.product-introduction-container {
    max-width: 1200px;
    margin: 0 auto;
}

.product-introduction-container-left {}

.product-introduction-container-img {
    margin-top: 10%;
}

.product-introduction-container-img img {
    object-fit: cover;
    width: 100%;
}

.product-introduction-container-content {
    padding-left: .5rem;
}

.product-introduction-container-content-h1 {
    color: #000000;
    font-size: .3rem;
    line-height: .3rem;
    text-align: left;
    margin: 10% 0 .3rem;
}

.product-introduction-container-content table {
    border: none;
    width: 100%;
    margin-top: 5%;
}

.product-introduction-container-content table th {
    background-color: #043088;
    color: #fff;
    padding: 1% 0 1% 5%;
    font-size: .17rem;
}

.product-introduction-container-content table td {
    background-color: #cae9ff;
    color: #000;
    border: 1px solid #043088;
    padding: 1.5% 0 1.5% 5%;
    font-size: .15rem;
}

.product-introduction-container-content-table-td {
    border-right: 1px solid #043088;
}

.product-introduction-container-content-p {
    background-color: #F8F8F8;
    margin: 5.4% 0;
    padding: 1% 5%;
}

.product-introduction-container-content-p h3 {
    font-size: .17rem;
    line-height: .2rem;
    text-align: left;
    margin: 1% 0;
}

.product-introduction-container-content-p p {
    line-height: .25rem;
    font-size: .15rem;
}

.product-introduction-container-content-button button {
    padding: 2% 10%;
    background-color: #fff;
    border: 1px solid #043088;
    color: #043088;
    margin-right: 2%;
    transition: all 1s;
}

.product-introduction-container-content-button button:hover {
    background-color: #043088;
    color: #fff;
    transition: all 1s;
}


/*产品顶部简介结束*/


/*锚点导航开始*/

.anchor-navigation {
    position: relative;
}

.anchor-navigation-container {}

.superconnection {
    padding: 1% 0 0 0;
}

.anchor-navigation-container-navigation {
    background-color: #cae9ff;
    margin: 3% 0 0 0;
    position: relative;
    z-index: 9999;
}

.anchor-navigation-container-navigation-active {
    width: 100%;
    background-color: #cae9ff;
    position: fixed;
    margin: 0;
    top: 0;
}

.anchor-navigation-container-navigation-ul {
    max-width: 1200px;
    margin: 0 auto;
}

.anchor-navigation-container-navigation-ul li {
    float: left;
    padding: 1% 5%;
    color: #000;
    border-left: 1px solid #fff;
}

.anchor-navigation-container-navigation-ul li:nth-child(4) {
    border-right: 1px solid #fff;
}

.anchor-navigation-container-navigation-ul li:hover {
    color: #fff;
    background-color: #043088;
}

.superconnection-box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2% 0;
}

.superconnection-box img,
.superconnection-box video {
    margin: .2rem 0;
}

.superconnection-box li {
    margin: 20px 0 0;
    padding-left: 24px;
    font-size: 18px;
    color: #333333;
    line-height: 3em;
    background: url(../img/xqysicon1.png) no-repeat left 6px;
    background-size: auto 44px;
}

.superconnection h2,
h3,
h4,
h5,
h6 {
    text-align: initial;
    font-size: .2rem;
    line-height: 1.3;
    font-family: "微软雅黑";
    color: #000000;
    height: 52px;
}
.superconnection h2 span,
.superconnection h3 span,
.superconnection h4 span,
.superconnection h5 span,
.superconnection h6 span {
    text-align: initial;
    font-size: .18rem !important;
    line-height: .35rem;
    font-family: "微软雅黑";
    color: #000000;
    font-weight: normal;
}

.superconnection h2 p,
.superconnection h3 p,
.superconnection h4 p,
.superconnection h5 p,
.superconnection h6 p {
    text-align: initial;
    font-size: .18rem !important;
    line-height: .35rem !important;
    font-family: "微软雅黑" !important;
    color: #000000 !important;
    font-weight: normal !important;
}

.superconnection p span,
.superconnection p span,
.superconnection p span,
.superconnection p span,
.superconnection p span {
    text-align: initial;
    font-size: .18rem !important;
    line-height: .35rem !important;
    font-family: "微软雅黑" !important;
    color: #000000 !important;
    font-weight: normal !important;
}

.superconnection p span strong,
.superconnection p span strong,
.superconnection p span strong,
.superconnection p span strong,
.superconnection p span strong {
    text-align: initial;
    font-size: .18rem !important;
    line-height: .35rem !important;
    font-family: "微软雅黑" !important;
    color: #000000 !important;
    font-weight: normal !important;
}

.superconnection p strong,
.superconnection p strong,
.superconnection p strong,
.superconnection p strong,
.superconnection p strong {
    text-align: initial;
    font-size: .18rem !important;
    line-height: .35rem;
    font-family: "微软雅黑";
    color: #000000;
    font-weight: normal;
}

.superconnection {
    line-height: 2;
    font-size: .16rem !important;
}

.superconnection h2 {
    text-align: left;
    position: relative;
    margin: 0 0 2% 1%;
    font-size: .27rem !important;
    letter-spacing: 2px;
    font-weight: bolder;
}

.superconnection h2:before {
    content: "";
    background-color: #043088;
    width: 0.4%;
    height: 100%;
    top: 0;
    left: -1%;
    position: absolute;
}

.superconnection div,
.superconnection p,
.superconnection span {
    font-size: .16rem !important;
    font-family: "微软雅黑";
    color: #000000;
}
.superconnection p,
.superconnection span {
    margin-bottom:0;
   line-height: 1.8;
}
.superconnection02,
.superconnection04 {
    background-color: #f8f8f8;
}

.superconnection table {
    text-align: center;
    line-height: 38px;
    width: 100%;
    border: 1px solid black;
    margin-bottom: 15px;
}

.superconnection table tr:nth-child(1) {
    background: #cae9ff;
}

.superconnection table tr:nth-child(1) td {
    font-weight: bolder;
}

.superconnection table tr {
    background: #e5e9f4;
    border: 1px solid black;
}

.superconnection table td {
    border: 1px solid black;
}

.superconnection table dd {
    text-align: center;
    border: 1px solid #333;
}


/*锚点导航结束*/


/*相关推荐开始*/

.related-recommendations-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3% 0;
}

.related-recommendations-container-line {
    border-bottom: 1px dashed #999999;
    padding: 0 0 3% 0;
}

.related-recommendations-container-h1 {
    text-align: left;
    position: relative;
    margin: 0 0 2% 1%;
}

.related-recommendations-container-h1:before {
    content: "";
    background-color: #043088;
    width: 0.4%;
    height: 100%;
    top: 0;
    left: -1%;
    position: absolute;
}

.related-recommendations-container-content-box {
    transition: all 1s;
    cursor: pointer;
    margin-top: 5%;
}

.related-recommendations-container-content-box:hover .related-recommendations-container-content-box-contact-content h1 {
    color: #043088;
    transition: all 1s;
}

.related-recommendations-container-content-box:hover .related-recommendations-container-content-box-img img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 1s;
}

.related-recommendations-container-content-box-contact-content {
    max-width: 100%;
    padding: 1% 0 1% .2rem;
}

.related-recommendations-container-content-box-img {
    overflow: hidden;
}

.related-recommendations-container-content-box-img img {
    object-fit: cover;
    transition: all 1s;
    width: 100%;
}

.related-recommendations-container-content-box-contact-content h1 {
    color: #000;
    padding: 2% 0;
    font-weight: bolder;
    text-align: left;
    margin-left: 5%;
    margin-bottom: 1%;
    height: .6rem;
}

.related-recommendations-container-content-box-contact-content p {
    font-size: .15rem;
    line-height: .2rem;
    /*margin-left: 5%;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.related-recommendations-container-content-box-contact-content button {
    font-size: .15rem;
    color: #000;
    letter-spacing: 1px;
    border: 1px solid #043088;
    padding: 2% 10%;
    background-color: #fff;
    transition: all 1s;
    margin: 2% 0 0 0;
    margin-left: 5%;
}

.related-recommendations-container-content-box-contact-content button:hover {
    color: #fff;
    border: 1px solid #043088;
    background-color: #043088;
    transition: all 1s;
}

.related-recommendations-container-content-box-back-right {
    float: right;
}

.related-recommendations-container-content-box-back {
    background-color: #f8f8f8;
}

.related-recommendations-container-content-box:nth-child(2n) {
    padding: 0 0 0 15px;
}

.related-recommendations-container-content-box:nth-child(2n-1) {
    padding: 0 15px 0 0;
}


/*相关推荐结束*/


/*产品详情结束*/


/*产品详情移动端开始*/

@media (min-width:250px) and (max-width:768px) {
    .product-introduction-container-left {
        margin-left: 0;
    }
    .product-introduction-container-content {
        margin-left: 0;
    }
    .anchor-navigation-container-navigation-ul li {
        float: left;
        padding: 1% 0;
        color: #000;
        margin: 2% 4%;
        max-width: 25%;
    }
    .superconnection p {
        line-height: 0.3rem;
    }
    .related-recommendations-container {
        max-width: 97%;
        margin: 0% 3%;
        padding: 3% 0;
    }
    .related-recommendations-container-content-box-contact-content p {
        line-height: .16rem;
        margin-left: 5%;
    }
    .related-recommendations-container-content-box-contact-content {
        max-width: 100%;
        padding: 1.5% 0;
    }
    .casedetail-container-paging-box a p {
        text-align: center;
        margin-top: 5%;
        margin-bottom: 0;
    }
    .casedetail-container-paging-box-a01 {
        float: none;
    }
    .casedetail-container-paging-box-a02 {
        float: none;
    }
    .related-recommendations-container-content-box:nth-child(2n) {
        padding: 0;
    }
    .related-recommendations-container-content-box:nth-child(2n-1) {
        padding: 0;
    }
}


/*产品详情移动端结束*/


/*网站地图开始*/

.website-map-container {
    max-width: 1600px;
    margin: 0 auto;
}

.website-map-container-content h2 {
    text-align: left;
    position: relative;
    margin: 3% 0 1% 0%;
}

.website-map-container-content h2:before {
    content: "";
    background-color: #043088;
    width: 0.4%;
    height: 100%;
    top: 0;
    left: -1%;
    position: absolute;
}

.website-map-container-content ul li {
    margin: 1% 0 0 0;
    line-height: .3rem;
}

.website-map-container-content ul li span {
    color: #043088;
}


/*网站地图结束*/


/*网站地图移动端开始*/

@media (min-width:250px) and (max-width:768px) {
    .website-map-container-content {
        margin-bottom: 5%;
    }
}


/*网站地图移动端结束*/


/*搜索页面开始*/

.list_r_ul li {
    margin-top: 2%;
}

.list_r_ul li img {
    height: 3.29rem;
}


/*搜索页面结束*/


/*分页开始*/

.pagination>li {
    display: inline;
    margin: 0 .03rem 0 0;
}

.pagination>li>a,
.pagination>li>span {
    float: none !important;
}


/*分页结束*/


/* 产品列表页面改版  新增 2021.11.16*/

.wsc-layoutCon {
    padding: .4rem 0 60px
}

.layout-side {
    width: 280px;
    float: left;
    padding: 0 15px;
    font-size: 14px;
    line-height: 1.5;
    font-family: "Microsoft Yahei", "Arial", sans-serif;
    color: #333333;
    background: #ecf0fb;
    border-radius: 2px;
}

.prod-bar {}

.proNav-head {
    padding: 0 20px;
    text-align: center;
    font-size: 24px;
    color: #617080;
    line-height: 60px;
}

.sideNav {
    padding: 0 20px 20px;
}

.sn-list-item,
.sn-list-item .panel-body {
    border: none !important;
}

.panel-default>.panel-heading {
    padding: 0;
    border: none !important;
    background-color: transparent;
}

.sn-item-tit span {
    font-size: 18px;
    line-height: 46px;
}

.sn-item-tit {
    overflow: hidden;
    font-size: 16px;
    color: #617080;
    background: #FFFFFF;
    border-radius: 4px;
}

.sn-item-tit {
    position: relative;
}

.panel .panel-title a .fa {
    float: right;
    transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transform-origin: 50% 55%;
    /* transform-origin: ; */
}

.proclass .panel .panel-title a[aria-expanded=true] .fa {
    transform: rotate(180deg);
}

.proclass .panel .panel-title .typename:hover,
.proclass .panel .panel-title .typename[aria-expanded=true],
.proclass .panel .panel-title.in .typename {
    background-color: #043088;
    color: #fff;
}

.pro_nav_list a:hover,
.pro_nav_list.thisclass a {
    color: #043088;
}

.sn-item-tit .typename {
    display: block;
    width: 100%;
    padding: 0 20px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #617080;
    transition: 0.3s;
}

.sn-item-tit .ico {
    position: absolute;
    padding: 0 20px;
    top: 0;
    right: 0;
}

.sn-list-item .panel-body {
    background-color: #ecf0fb;
}

.collapse {
    border: none !important;
}

.pro_nav_list {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    position: relative;
}

.pro_nav_list a {
    color: #617080;
}

.sideNav li .pro-nav2 {
    color: #617080;
    display: block;
    padding-left: 30px;
}

.layout-content {
    float: right;
    width: 880px;
}

.prodList .Atitem.wsc-relate {
    background-color: #FFFFFF;
    margin-top: 0;
    padding-top: 0px;
}

.prodList .Atitem .rlist-style3 {
    padding: 0;
    overflow: hidden;
    margin-top: 0px;
}

.Atitem .rlist-style3 .rListCon {
    margin: -20px -10px 0;
    zoom: 1;
}

.prodList .Atitem .wsc-pro .rlist-imgitem {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
    margin-top: 20px;
}

.Atitem .wsc-pro .rlist-img {
    height: 255px;
    overflow: hidden;
    margin: 0;
    float: none;
    border: 0;
    position: relative;
    box-sizing: border-box;
    background-color: #E9ECF0;
    border-radius: 2px 2px 0px 0px;
}

.Atitem .wsc-pro .rlist-img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.rlist-style3 .rlist-img img {
    width: 100%;
    height: 100%;
    transition: 0.36s;
}

.rlist-imgitem:hover .rlist-img img {
    transform: scale(1.04);
}

.Atitem .wsc-pro .rlist-info {
    overflow: hidden;
    padding: 20px;
    border: 1px #DADEE2 solid;
    border-top: 0;
    border-radius: 0px 0px 2px 2px;
    background-color: #fff;
}

.Atitem .wsc-pro .rlist-tit {
    font-size: 16px;
    line-height: 24px;
    color: #304255;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
}

.wsc-pro .rlist-attr {
    margin-top: 10px;
    height: 51px;
    overflow: hidden;
}

.wsc-pro .rlist-attr p {
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 14px;
    color: #97A1AC;
    line-height: 24px;
}

.wsc-pro .rlist-attr p em {
    font-size: 14px;
    color: #617080;
    line-height: 24px;
}

.wsc-pro .list-btn {
    margin-top: 15px;
    font-size: 0;
    text-align: center;
}

.wsc-pro .list-btn .btn {
    display: inline-block;
    width: 105px;
    height: 35px;
    /* line-height: 35px; */
    font-size: 14px;
}

.btn-orangebd {
    background: rgba(245, 161, 25, 0.08);
    border: 1px solid #ef333d;
    color: #ef333d;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    transition: 0.36s;
    text-align: center;
    border-radius: 2px;
}

.prodList .wsc-pro .list-btn .btn-bluebdn {
    margin-left: 16px;
}

.btn-bluebdn {
    border: 1px solid #043088;
    background: rgba(245, 248, 250, 1);
    color: #043088;
}

@media screen and (max-width:768px) {
    .layout-side,
    .layout-content {
        width: 100%;
    }
    .layout-content {
        padding: 0 .1rem;
    }
    .pro_nav_list {
        display: inline;
        margin-right: 5px;
    }
    .prodList .Atitem .wsc-pro .rlist-imgitem {
        width: calc(50%);
    }
    .Atitem .wsc-pro .rlist-info {
        padding: 5px;
    }
    .wsc-pro .list-btn .btn {
        width: calc(48% - 5px);
        padding: 6px 0;
    }
    /* .prodList .Atitem .wsc-pro .rlist-imgitem:nth-child(2n-1){
        margin-right: 10px;
    } */
}