media

(
min-width:

1200
px

)
{
.container {
    width: 1200px;
}

}

.detailcontent p {
    text-indent: 2em;;
}

.detailcontent p img, .detailcontent center img {
    padding-bottom: 15px;
    max-width: 1000px;
    width: 100%
}

.detailcontent p strong {
    font-size: 24px;
    margin: 20px 0 30px 0;
}

.detailcontent p strong:has(p) {
    margin: 10px
}

.detailcontent p em {
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
    color: #a1a3a3;
}

.bdb0 {
    border: 0 !important;
}

body {
    min-width: 1300px;
    line-height: 1;
}

.container iframe {
    width: 100%;
    height: 100%;
    max-width: 1000px;
    min-height: 560px;
    margin-left: -2em;
}

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

.disv {
    font-size: 0;
}

.disv:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}

.disvc {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-size: 14px;
}

.navToggle {
    display: inline-block;
    display: none;
    width: 25px;
    height: 20px;
    font-size: 0;
    cursor: pointer;
}

.navToggle:before {
    display: inline-block;
    width: 0;
    height: 100%;
    content: "";
    vertical-align: middle;
}

.navToggle .icon, .navToggle .icon:after, .navToggle .icon:before {
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.navToggle .icon {
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    vertical-align: middle;
}

.navToggle .icon:after, .navToggle .icon:before {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 1px;
    background-color: #fff;
    content: "";
}

.navToggle .icon:before {
    top: -9px;
}

.navToggle .icon:after {
    bottom: -7px;
}

.navToggle.active .icon {
    width: 0;
}

.navToggle.active .icon:before {
    top: -5px;
    -webkit-transform: translateY(3px) rotate(45deg);
    transform: translateY(3px) rotate(45deg);
    -ms-transform: translateY(3px) rotate(45deg);
}

.navToggle.active .icon:after {
    top: -7px;
    -webkit-transform: translateY(4px) rotate(-45deg);
    transform: translateY(4px) rotate(-45deg);
    -ms-transform: translateY(4px) rotate(-45deg);
}

.gycon tr {
    border-bottom: 1px solid #ddd !important;
}

.gycon tr:hover td {
    background-color: #f3f3f3 !important;
}

.telicon {
    position: relative;
    top: -2px;
}

.swiper-slide img {
    width: 100%;
}

.navbar-brand {
    padding: 27px 0;
    height: auto;
}

#nav {
    margin-bottom: 0;
}

.section {
    background: #fff;
}

.banner-l, .bgtrs {
    background: 0 0;
}

body {
    padding-top: 80px;
}

.head {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 80px;
    background: #0071be;
    color: #fff;
    text-align: center;
    line-height: 80px;
}

ul {
    padding-left: 0;
}

.itemtime {
    margin: 0 5px;
    position: relative;
    height: 100%;
}

.change {
    position: relative;
    margin-left: 0px;
}

.change .change-t span {
    display: inline-block;
    width: 32px;
    text-align: center;
    color: #fff;
}

.changese {
    list-style: none;
}

.changese {
    position: absolute;
    right: -30px;
    top: 70px;
    background: #fff;
    padding: 3px 0;
    border-radius: 5px;
    width: 85px;
    text-align: center;
    line-height: 30px;
    visibility: hidden;
    opacity: 0;
}

.changese.open {
    visibility: inherit;
    opacity: 1;
}

.changese a {
    display: block;
    margin-left: 0 !important;
}

.changese a:hover {
    background: #f5f5f5;
}

.array-down {

    display: inline-block;

    width: 0;

    height: 0;

    border-top: 5px solid #000;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    margin-left: 4px;

    position: relative;

    top: -2px;

}

.trans5 {
    transition: all .5s;
}

.changese.open {
    visibility: inherit;
    opacity: 1;
}

.change {
    float: right;
}

.header2 .change .change-t span {
    color: #0f121b;
}

.headnav {
    display: inline-block;
    width: 750px;
    text-align: center;
}

.headnav li {
    float: left;
    width: 135px;
    height: 80px;
    list-style: none;
    text-align: center;
}

.headnav .active > a {
    display: block;
    height: 80px;
    border-bottom: 1px solid #fff;
}

.headnav li a {
    color: #fff;
    font-size: 18px;
}

.head .pull-left {
    position: relative;
    padding-left: 150px;
}

.head .pull-left .backhome {
    position: absolute;
    top: 100%;
    right: 10px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.head .pull-right {
    position: relative;
    padding-right: 150px;
}

.head .pull-right .searchbox {
    position: absolute;
    top: 100%;
    right: 20px;
    visibility: hidden;
    padding: 3px;
    width: 300px;
    height: 40px;
    border-radius: 3px;
    background: #fff;
    opacity: 0;
    transition: all .3s;
}

.head .pull-right .opne {
    right: 50px;
    visibility: visible;
    opacity: 1;
}

.head .pull-right .searchbox form {
    height: 42px;
    line-height: 1;
}

.head .pull-right .searchbox input {
    float: left;
    line-height: 30px;
}

.head .pull-right .searchbox .text {
    padding: 0 10px;
    width: 240px;
    border: 1px solid #ccc;
    color: #333;
}

.head .pull-right .searchbox .search {
    width: 50px;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: 0 0;
    color: #0069B2;
    text-align: center;
}

.head .pull-right .pullAa {
    margin-left: 28px;
}

.sonnavwrap {
    position: absolute;
    top: 80%;
    left: 0;
    visibility: hidden;
    width: 100%;
    background: rgba(1, 88, 148, .95);
    opacity: 0;
    transition: all .3s;
}

.nav2 {
    height: 65px;
    background: #0069b2;
    line-height: 65px;
}

.nav2 a {
    position: relative;
    float: left;
    width: 200px;
    text-align: center;
}

.nav2 a::before {
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: 40px;
    background: #2882c0;
    content: '';
}

.nav2 a:last-of-type:after {
    position: absolute;
    top: 20px;
    right: 0;
    width: 1px;
    height: 40px;
    background: #2882c0;
    content: '';
}

.nav2 .current {
    background: #015894;
}

.nav3 .nav3item {
    display: none;
}

.nav3 .active {
    display: block;
}

.nav3 .nav3item dl {
    float: left;
    margin: 50px 0 60px 0;
    /*margin-bottom: 0;*/
    width: 200px;
    border-left: 1px solid #81aac8;
    text-align: left;
}

.nav3 .nav3item dl dt {
    margin-left: -1px;
    height: 44px;
    font-weight: 400;
    font-size: 16px;
}

.nav3 .nav3item dl dt a {
    padding-left: 10px;
    border-left: 1px solid #fff;
    font-size: 16px;
}

.nav3 .nav3item dl dd {
    margin-left: -1px;
    line-height: 33px;
}

.nav3 .nav3item dl dd a {
    display: inline-block;
    padding: 0 20px 0 10px;
    border-radius: 0 40px 40px 0;
    font-weight: 700;
    font-size: 16px;
}

.nav3 .nav3item dl dd a span {
    color: #5ec251;
    font-size: 12px;
}

.solutionmain .sitem {
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
}

.solutionmain {
    margin-right: -10px;
}

.solutionmain .sitem {
    overflow: hidden;
}

.solutionmain .sitem img {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.solutionmain .sitem .text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.section {
    padding: 84px 0 90px 0;
}

.section .section-tit {
    margin-bottom: 24px;
    text-align: center;
}

.section .section-tit div {
    margin-bottom: 5px;
    color: #5c5a5a;
    text-align: center;
    font-weight: 700;
    font-size: 32px;
}

.section .section-tit .line {
    position: relative;
    display: inline-block;
    width: 404px;
    height: 1px;
    background: #0071be;
    font-size: 0;
}

.section .section-tit .line::before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 5px;
    background: #0071be;
    content: "";
}

.section-text {
    margin-bottom: 56px;
    color: #676767;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
}

.tablee {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.sitem .text {
    font-size: 22px;
}

.tablee .cell {
    display: table-cell;
    vertical-align: middle;
}

.product {
    background: #f6f7f7;
}

.product-item {
    position: relative;
    overflow: hidden;
    padding: 0 37px;
}

.productlist .row {
    margin: 0 -37px;
}

.product-item .info {
    position: absolute;
    padding: 20px 48px 0;
    background: #0071be;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.product-item .info .infor-arry {
    height: 30px;
    background: url(../image/fffup.png) no-repeat center top;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.product-item .info .info-tit {
    display: block;
    height: 62px;
    color: #fff;
    text-align: center;
    font-size: 24px;
}

.product-item .info .info-line {
    margin-bottom: 30px;
    height: 1px;
    background: #84bade;
}

button:focus {
    outline-style: none;
}

.product-item .info .info-text {
    color: #f6f6f6;
    font-size: 16px;
    line-height: 24px;
}

.productlist {
    padding-top: 40px;
}

.banner1 .owl-dots {
    position: relative;
    margin-top: -40px !important;
}

.banner1 .owl-dots .owl-dot {
    margin: 0 15px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #fff;
    opacity: 1;
}

.banner1 .owl-dots .owl-dot span {
    opacity: 0;
}

.banner1 .owl-dots .owl-dot.active {
    background: #0071be;
}

.product-slider {
    margin-top: 90px;
    padding: 46px 0 76px 0;
    background: #fff;
}

.product-slider .item {
    overflow: hidden;
}

.product {
    padding-bottom: 0;
}

.cpslider .name {
    display: block;
    color: #5c5a5a;
    text-align: center;
    font-size: 22px;
    line-height: 88px;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #0071be;
}

.cpslider .owl-item img {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
}

.cpslider .owl-item + .owl-item {
    position: relative;
}

.cpslider .owl-item + .owl-item::before {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 1;
    height: 184px;
    border: 1px dashed #dcdcdc;
    content: "";
}

.slidernav {
    position: relative;
    z-index: 100;
    margin: 0 auto;
    width: 270px;
}

.slidernav img {
    opacity: 0;
}

.slidernav .sliderleft {
    position: absolute;
    top: -32px;
    left: 0;
    background: #015894 url(../image/slider-btn.png) no-repeat center;
    background-size: 14px;
}

.slidernav .sliderright {
    position: absolute;
    top: -32px;
    right: 0;
    background: #015894 url(../image/slider-btn2.png) no-repeat center;
    background-size: 14px;
}

.newsmain .col-sm-12 {
    padding: 0 10px;
}

.newsmain .row {
    margin: 0 -10px;
}

.news {
    background: url(../image/newsbg_13.jpg) no-repeat center;
    background-size: cover;
}

.newsmain .new-thumbwrap .info {
    padding: 26px 28px;
    height: 174px;
    background: #fff;
}

.newsmain .new-thumbwrap .info .tit {
    display: block;
    overflow: hidden;
    margin-bottom: 22px;
    height: 72px;
    color: #2e2e2e;
    font-size: 22px;
    line-height: 36px;
}

.newsmain .pull-left {
    color: #b9b9b9;
    font-size: 14px;
}

.newsmain .newsmore {
    position: relative;
    color: #676767;
}

.newsmain .newsmore::before {
    float: right;
    margin-left: 10px;
    width: 9px;
    height: 15px;
    background: url(../image/black.png) no-repeat center right;
    content: "";
    -webkit-transition: width .5s;
    transition: width .5s;
}

.newsmain .news-item {
    padding: 20px 30px;
    height: 133px;
    background: #fff;
    transition: all .3s;
}

.newsmain .news-item + .news-item {
    margin-top: 10px;
}

.newsmain .new-thumbwrap {
    transition: all .3s;
}

.newsmain .news-item .tit {
    display: block;
    margin-bottom: 15px;
    color: #2e2e2e;
    font-size: 18px;
    line-height: 30px;
}

.newsmain .new-thumb {
    overflow: hidden;
}

.newsmain {
    padding-top: 20px;
}

.newsmain .new-thumb img {
    -webkit-transition: all .3s;
    transition: all .3s;
}

a {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.classbtn {
    padding-top: 70px;
    text-align: center;
}

.classbtn a {
    display: inline-block;
    margin: 0 20px;
    width: 170px;
    height: 55px;
    border-radius: 2px;
    background: #0071be;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 55px;
}

.contact {
    height: 886px;
    background: url(../image/1538202578351354.jpg) no-repeat center;
}

.contanusbtns {
    position: relative;
    top: 150px;
    margin-right: -10px;
}

.contanusbtns a {
    float: left;
    margin-right: 10px;
    padding-top: 30px;
    width: 595px;
    height: 230px;
    background: #007ac2;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.contanusbtns a .icon {
    margin-bottom: 20px;
}

.contanusbtns a .name {
    margin-bottom: 12px;
}

.cricle {
    display: inline-block;
    overflow: hidden;
    width: 280px;
    height: 280px;
    border-radius: 280px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
    color: #2a2a2a;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.cricle .iconwrap {
    margin-bottom: 26px;
    padding-top: 45px;
}

.cricle .tiit {
    margin-bottom: 10px;
    font-size: 20px;
}

.cricle .address {
    color: #5c5a5a;
    font-size: 16px;
    line-height: 22px;
}

.contactslider {
    text-align: center;
}

.contactslider .item {
    padding: 20px 0;
}

.contactslider .item img {
    display: inline-block;
    width: auto;
    height: 88px;
}

.aboutsection {
    position: relative;
    clear: both;
    overflow: hidden;
    padding-top: 218px;
    height: 640px;
    background: 0 0;
    color: #fff;
}

.parallax {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    margin-top: -800px;
    width: 100%;
    height: 800px;
    background: url(../image/1538229927134198.png) no-repeat center;
    background-size: cover;
}

.aboutbtn {
    display: block;
    margin: 0 auto;
    width: 260px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
}

.fiedbg {
    position: absolute;
    top: 155px;
    left: 0;
    z-index: -1;
    width: 100%;
}

.fiedbg img {
    width: 100%;
}

.aboutsection .section-text {
    margin-bottom: 26px;
    color: #fff;
    font-size: 18px;
    line-height: 34px;
}

.aboutsection .section-tit div {
    margin-bottom: 26px;
    color: #fff;
}

.footer-top {
    padding: 84px 0 80px 0;
    background: #5c5a5a;
    color: #fff;
}

.footer-top .dt {
    position: relative;
    margin-bottom: 22px;
    height: 44px;
    color: #fff;
    font-size: 20px;
}

.footer-top .dt .line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #0071be;
    content: "";
}

.footer-top .ctus {
    font-size: 20px;
}

.footer-top .ctus p {
    margin-bottom: 20px;
    line-height: 20px;
}

.footer-top .ctus p img {
    margin-right: 20px;
    width: 26px;
}

.footer-top .share {
    padding-top: 12px;
}

.footer-top .share a {
    margin-right: 10px;
}

.footer-top .footernav a {
    display: block;
    height: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.footer-top .footernav .pull-left + .pull-left {
    margin-left: 106px;
}

.footer-bottom {
    height: 80px;
    background: #0071be;
    color: #fff;
    line-height: 80px;
}

.footer-bottom a {
    color: #fff;
}

.footer-bottom .pull-right {
    opacity: .6;
}

.basebanner {
    position: relative;
}

.basebanner .container {
    position: relative;
}

.basebanner .container .section {
    padding-left: 516px;
}

.xf_li .xf_ewm img {
    max-width: 150px !important;
}


.basebanner .container .section .section-tit {
    text-shadow: none;
    -webkit-animation: fadeInUp ease-in .7s .5s forwards;
    animation: fadeInUp ease-in .7s .5s forwards;
}

.basebanner .container .section .section-text {
    color: #4e4e4e;
    text-align: left;
    text-shadow: none;
    -webkit-animation: fadeInUp ease-in .7s .8s forwards;
    animation: fadeInUp ease-in .7s .8s forwards;
}

.basebanner .textnaner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px #000;
}

.basebanner .textnaner .tiit {
    margin-bottom: 40px;
    font-size: 40px;
    opacity: 0;
    -webkit-animation: fadeInUp ease-in .7s .5s forwards;
    animation: fadeInUp ease-in .7s .5s forwards;
}

.basebanner .textnaner .text {
    font-size: 16px;
    line-height: 28px;
    opacity: 0;
    -webkit-animation: fadeInUp ease-in .7s 1s forwards;
    animation: fadeInUp ease-in .7s 1s forwards;
}

.secondnav {
    height: 80px;
    background: #f6f7f7;
}

.secondnav a {
    float: left;
    padding: 0 20px;
    height: 80px;
    color: #343434;
    font-size: 16px;
    line-height: 80px;
}

.secondnav .active {
    background: #0071be;
    color: #fff;
}

.pagecon .productlist .row {
    margin: 0;
}

.pagecon .productlist .row .product-item {
    padding: 0;
}

.pagecon .productlist .row .product-item .info {
    right: 0;
    left: 0;
    background: #fff;
    color: #fff;
}

.pagecon .productlist .row .product-item {
    margin-bottom: 30px;
    text-align: center;
}

.pagecon .productlist .row .product-item .info .info-tit {
    display: block;
    color: #343434;
}

.pagecon .productlist .row .product-item .info {
    bottom: 0;
}

.loademore {
    display: block;
    height: 55px;
    border-radius: 5px;
    background: #f6f7f7;
    color: #9c9c9c;
    text-align: center;
    font-size: 16px;
    line-height: 55px;
}

.zb2 {
    background: #f6f7f7;
}

.slider31 .owl-item + .owl-item::before {
    opacity: 0;
}

.slider31 .active + .active::before {
    opacity: 1;
}

.zb2main .row {
    margin: 0 -15px;
}

.zb2main .row .col-sm-12 {
    padding: 0 15px;
}

.double .media {
    background: #fff;
}

.double .media-body {
    padding-top: 56px;
    padding-right: 28px;
    height: 300px;
}

.double .media-body .media-heading {
    display: block;
    height: 32px;
    color: #343434;
    font-size: 20px;
}

.double .media-body p {
    padding-left: 6px;
    background: url(../image/dian.png) no-repeat left 6px;
    color: #5c5a5a;
    font-size: 12px;
    line-height: 18px;
}

.nav-tabs {
    margin-bottom: 30px;
    border: 0;
    text-align: center;
}

.nav-tabs > li {
    float: none;
    display: inline-block;
}

.nav-tabs > li > a {
    margin-right: 12px;
    border: 1px solid #0071be;
    border-radius: 20px;
    color: #0071be;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    background: #0071be;
    color: #fff;
}

.pagecon .section-text {
    margin-bottom: 24px;
}

.page3list {
    text-align: center;
}

.page3list .row {
    margin: 0 -15px;
}

.page3list .row .col-md-8 {
    padding: 0 15px;
}

.page3list .thumb {
    margin-bottom: 36px;
    padding-top: 15px;
    height: 295px;
    background: #fff;
}

.page3list a {
    color: #343434;
    font-size: 20px;
}

.double img {
    margin-top: 16px;
}

.zb5 .double .media {
    background: #f6f7f7;
}

.zb5 .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 60px;
}

.breadcrumb {
    margin-bottom: 0;
    padding: 0;
    height: 75px;
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
    color: #000;
    font-size: 16px;
    line-height: 75px;
}

.breadcrumb > li + li:before {
    color: #9d9d9d;
    content: ">";
}

.breadcrumb a {
    color: #0071be;
}

.detail-header .col-sm-8 {
    padding-right: 20px;
}

.detail-header .col-sm-16 {
    padding-left: 120px;
}

.detail-header {
    padding: 50px 0 80px 0;
}

.detail-tit {
    height: 50px;
    color: #343434;
    font-weight: 700;
    font-size: 32px;
}

.detaides p {
    margin-bottom: 0;
    padding-left: 10px;
    background: url(../image/dian.png) no-repeat left 16px;
    color: #555;
    font-size: 16px;
    line-height: 36px;
}

.detaides {
    margin-bottom: 32px;
}

.detail-header .owl-stage-outer {
    margin-bottom: 48px;
}

.banner1 .owl-stage-outer {
    margin-bottom: 0;
}

.detailbtns a {
    margin-right: 14px;
}

.centernav a {
    float: left;
    width: 25%;
    height: 50px;
    background: #0071be;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
}

.centernav .active {
    background: #000;
}

.gysection {
    padding: 40px 0;
    border-bottom: 1px solid #d5d5d5;
}

.gysection .gy-t {
    height: 60px;
    color: #343434;
    font-size: 34px;
}

.gysection .gy-text {
    color: #4a4a4a;
    text-align: justify;
    font-size: 16px;
    line-height: 26px;
}

.gysection .gy-text p {
    margin-bottom: 20px;
}

.gysection .gy-t img {
    margin-top: -5px;
    margin-right: 12px;
}

hr {
    border-bottom: 1px solid #d5d5d5;
}

.pageitem {
    padding: 0 40px;
}

img {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.pageitem .thumb, .pageitem .tit {
    display: block;
    margin-bottom: 40px;
    text-align: center;
    font-size: 22px;
}

.pageitem .tit {
    margin-bottom: 22px;
    color: #343434;
}

.jskfslider .owl-stage-outer {
    margin-bottom: 35px;
}

.pageitem .thumb img {
    display: inline-block;
    width: 254px;
}

.pageitem .text {
    color: #676767;
    font-size: 16px;
    line-height: 24px;
}

.owl-stage-outer {
    margin-bottom: 50px;
}

.newslsideritem .tit {
    display: block;
    overflow: hidden;
    padding: 15px 0 40px 0;
    height: 104px;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 24px;
}

.newslsideritem .thumb {
    overflow: hidden;
}

.newslsideritem .thumb img {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.fomrmain {
    padding: 0 197px;
}

.fomrmain .form-control {
    margin-bottom: 16px;
    height: 38px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fomrmain .row {
    margin: 0 -10px;
}

.fomrmain .row .col-sm-12 {
    padding: 0 10px;
}

.fomrmain .btn {
    width: 112px;
    height: 40px;
}

.fomrmain textarea {
    height: 128px !important;
}

.contactform .section {
    padding: 0;
}

.contactform .section .container {
    padding: 60px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
}

.contactform {
    padding: 90px 0;
    background: url(../image/formdetail.png) no-repeat center;
    background-size: cover !important;
}

.navbox {
    /*height: 80px;*/
    background: #f6f7f7;
    font-size: 0;
}

.navbox .container > a {
    display: inline-block;
    padding: 0 20px;
    height: 80px;
    color: #343434;
    font-size: 16px;
    line-height: 80px;
}

.navbox .active {
    background: #0071be;
    color: #fff !important;
}

.navbox .container {
    position: relative;
    /*height: 80px;*/
}

.navbox .pnav {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
}

.page2main {
    padding: 90px 0;
    border-bottom: 1px solid #d5d5d5;
}

.page2main .titi {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 32px;
}

.page2main .text {
    color: #676767;
    font-size: 18px;
    line-height: 34px;
}

.page2main .text p {
    margin-bottom: 30px;
}

.page2main span {
    color: #343434;
    font-size: 22px;
}

.wllist .wl-item {
    padding: 20px 0;
}

.wllist .wl-item:nth-of-type(2n+1) {
    background: #f6f7f7;
}

.wllist .media-left {
    margin-right: 60px;
    width: 380px;
    text-align: center;
}

.wllist .media-body {
    width: 820px;
}

.wllist .media-heading {
    margin-bottom: 22px;
    padding-left: 60px;
    color: #0071be;
    font-size: 22px;
}

.wllist p {
    padding-left: 60px;
    color: #676767;
    font-size: 18px;
    line-height: 30px;
}

.media-body, .media-left, .media-right {
    vertical-align: middle;
}

.wllist .media {
    display: table;
}

.media-object {
    display: inline-block;
}

.hoversection {
    background: #f6f7f7;
}

.hoversectionwrap {
    padding: 0 35px;
}

.hoversectionwrap .productlist .row {
    margin: 0 -10px;
}

.hoversectionwrap .productlist .row .product-item {
    padding: 0 10px;
    height: 390px;
    text-align: center;
}

.bgfff {
    position: relative;
    height: 100%;
    background: #fff;
}

.hoversectionwrap .productlist .row .product-item .info {
    right: 0;
    left: 0;
}

.hoversectionwrap .productlist .product-item .info {
    top: 290px;
    background: #fff;
}

.hoversectionwrap .productlist .product-item .info .infor-arry {
    background-image: url(../image/blackup.png);
}

.hoversectionwrap .productlist .product-item .info .info-tit {
    color: #343434;
}

.imgbtnwrap {
    position: relative;
    z-index: 10;
    text-align: center;
}

.mb20 {
    margin-bottom: 20px !important;
}

.fblack {
    color: #343434 !important;
}

.pdb0 {
    padding-bottom: 0 !important;
}

.kftj {
    background: #e6ebee;
}

.kftj .row {
    margin: 0 -10px;
}

.kftj .row .kftj-item {
    padding: 0 10px;
}

.kftj .row .kftj-item .media-body {
    padding: 30px 30px 0 0;
    width: 210px;
}

.kftj .row .kftj-item .media {
    height: 300px;
    background: #fff;
}

.kftj .row .kftj-item .media-body .media-heading {
    display: block;
    margin-bottom: 12px;
    color: #0071be;
    font-size: 22px;
}

.kftj .row .kftj-item .media-body p {
    display: block;
    margin-bottom: 12px;
    color: #0071be;
    color: #5c5a5a;
    font-size: 22px;
    font-size: 14px;
    line-height: 22px;
}

.kftj .row .kftj-item {
    margin-bottom: 20px;
}

.kftj .row .kftj-item .pull-left {
    padding-top: 20px;
}

.hoversliderwrap {
    background: #f6f7f7;
}

.hoverslider .product-item {
    padding: 0;
}

.hoverslider .product-item .info {
    right: 0;
    left: 0;
    background: #fff;
    color: #343434;
}

.hoverslider .product-item .info .infor-arry {
    background-image: url(../image/blackup.png);
}

.hoverslider .product-item .info .info-tit {
    color: #343434;
}

.gklist .gkitem {
    float: left;
    margin: 0 20px 10px 0;
    padding: 16px 20px;
    width: 590px;
    border: 1px dashed #d5d5d5;
    font-size: 18px;
    line-height: 30px;
}

.gklist .lb {
    float: left;
    width: 110px;
    color: #8d8d8d;
}

.gklist {
    margin-right: -20px;
    padding-top: 20px;
}

.gklist .text {
    display: block;
    margin-left: 110px;
}

.gklist .gkpd {
    padding: 23px 20px;
}

.history {
    background: #f7f7f7;
}

.historyslider {
    padding: 0 8px 0 22px;
    background: url(../image/historybg_03.jpg) no-repeat left 179px;
}

.historyslider .owl-item img {
    width: 11px;
    height: 11px;
}

.historyslider .item, .historyslider .owl-item {
    position: relative;
    height: 380px;
}

.historyslider .owl-item:nth-of-type(2n+1) .year {
    position: absolute;
    top: 162px;
    left: 0;
    width: 100%;
    color: #0071be;
    text-align: center;
    font-size: 16px;
}

.historyslider .owl-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5.5px 0 0 -5.5px;
}

.historyslider .owl-item:nth-of-type(2n+1) .text {
    position: absolute;
    top: 220px;
    right: 5px;
    left: 5px;
    padding: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 26px;
    transition: all .3s;
}

.historyslider .owl-item:nth-of-type(2n) .year {
    position: absolute;
    top: 162px;
    left: 0;
    width: 100%;
    color: #0071be;
    text-align: center;
    font-size: 16px;
}

.historyslider .owl-item:nth-of-type(2n) .text {
    position: absolute;
    right: 5px;
    bottom: 246px;
    left: 5px;
    padding: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 26px;
    transition: all .3s;
}

.hxshow .row .item {
    position: relative;
    float: left;
    overflow: hidden;
    width: 10%;
}

.hxshow .row .item img {
    width: 100%;
}

.hxshow .row {
    margin-bottom: 50px;
}

.hxshow .row .item:nth-of-type(2n+1) {
    position: relative;
    top: 50px;
}

.itemab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hxshow .row .item .itemab img {
    width: auto;
    height: auto;
}

.hxshow .row .item .itemab .icon {
    margin-bottom: 30px;
}

.hxshow .row .item .itemab {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.morethan {
    height: 920px;
}

.morethan .section-tit div {
    color: #fff;
}

.morethantages {
    text-align: center;
    font-size: 0;
}

.morethantages a {
    display: inline-block;
    margin: 0 5px 10px 5px;
    padding: 16px 10px;
    background: rgba(255, 255, 255, .2);
    color: #fff;
    font-size: 18px;
}

.kpserverlist .kpserveritem {
    float: left;
    width: 25%;
}

.kpserverlist .kpserveritem:nth-of-type(2n+1) {
    background: #f8f8f8;
}

.kpserverlist .thumb {
    overflow: hidden;
}

.kpserverlist .thumb img {
    width: 100%;
}

.kpserverlist {
    background: #fff;
}

.kpserverlist .kpserverinfo {
    padding: 83px 110px 0 110px;
    height: 480px;
}

.kpserverlist .kpserverinfo .tiit {
    margin-bottom: 40px;
    height: 60px;
    border-bottom: 1px solid #9e9e9e;
    color: #343434;
    font-size: 24px;
    line-height: 60px;
}

.kpserverlist .kpserverinfo .text p {
    margin-bottom: 0;
    padding-left: 24px;
    background: url(../image/fd.png) no-repeat center left;
    color: #4e4e4e;
    font-size: 18px;
    line-height: 36px;
}

.mbl {
    margin: 143px auto 0;
    width: 646px;
    height: 76px;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px #ccc;
    box-shadow: 0 10px 20px #ccc;
    text-align: center;
    font-size: 30px;
    line-height: 76px;
}

.mbl a {
    color: #0160a0;
    font-weight: 700;
}

.ctusitemheader .ctusitem {
    text-align: center;
}

.ctusitemheader .ctusitem .icon {
    margin-bottom: 8px;
}

.ctusitemheader .ctusitem:nth-of-type(2) {
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

.ctusitemheader .ctusitem .text {
    display: block;
    color: #343434;
    font-size: 20px;
}

.ctusitemheader .ctusitem .titi {
    margin-bottom: 14px;
    color: #747474;
    font-size: 20px;
}

.map {
    text-align: center;
}

.addresssection .title {
    padding-left: 20px;
    border-top: 1px solid #d5d5d5;
    font-size: 30px;
    line-height: 70px;
}

.addresssection {
    margin-bottom: 48px;
}

.addresssection .lists {
    margin-right: -10px;
}

.addresssection .lists .addressitem {
    float: left;
    margin: 0 10px 10px 0;
    padding: 16px 26px;
    width: 595px;
    background: #f6f7f7;
}

.addresssection .lists .tiit {
    margin-bottom: 10px;
    color: #0071be;
    font-size: 22px;
}

.addresssection .lists .addesss {
    margin-bottom: 10px;
    color: #343434;
    font-size: 18px;
}

.addresssection .lists .ctuslist {
    font-size: 16px;
    line-height: 26px;
}

.addresssection .lists .ctuslist p {
    margin-bottom: 0;
}

.addresssection .lists .ctuslist p a {
    color: #343434;
}

.addresssection .lists .ctuslist .tel1 {
    padding-left: 34px;
    background: url(../image/p1.png) no-repeat center left;
    color: #343434;
}

.addresssection .lists .ctuslist .tel2 {
    padding-left: 34px;
    background: url(../image/p2.png) no-repeat center left;
    color: #343434;
}

.addresssection .lists .ctuslist .emai {
    padding-left: 34px;
    background: url(../image/p3.png) no-repeat center left;
    color: #343434;
}

.newsnav {
    margin-bottom: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #d5d5d5;
}

.newsnav a {
    position: relative;
    display: inline-block;
    margin: 0 1%;
    /*width: 280px;*/
    height: 49px;
    text-align: center;
    font-size: 20px;
    line-height: 48px;
    width: 14.666%
}

.newsnav a::before {
    position: absolute;
    right: -10px;
    height: 48px;
    border-left: 1px dashed #d2d2d2;
    content: '';
}

.newsnav span {
    display: inline-block;
    height: 48px;
    border-left: 1px dashed #ececec;
}

.newslist .newsitem .container {
    padding: 30px 0;
    border-bottom: 1px dashed #d5d5d5;
}

.newslist .newsitem .thumb {
    float: left;
    width: 292px;
}

/* .newslist .newsitem .thumb img{width:100%; */
.newslist .newsitem .info {
    margin-left: 370px;
}

.newslist .newsitem .info .tiit {
    display: block;
    margin-bottom: 20px;
    padding-top: 16px;
    color: #343434;
    font-size: 24px;
}

.newslist .newsitem .info .text {
    overflow: hidden;
    margin-bottom: 50px;
    height: 56px;
    color: #5d5d5d;
    font-size: 16px;
    line-height: 28px;
}

.newslist .newsitem .info .pull-right {
    color: #ababab;
}

.newslist .newsitem .info .tag {
    margin-left: 60px;
}

.newslist .newsitem .info img {
    position: relative;
    margin-top: -2px;
    margin-right: 8px;
}

.pagenationwrap {
    padding: 65px 0;
    text-align: center;
}

.pagenationwrap .pagination {
    display: inline-block;
}

.pagination > li > a, .pagination > li > span {
    margin: 0 10px;
    border-radius: 2px;
    color: #333;
}

.pagination > .active > a, .pagination > .active > span {
    background: #007ac2;
    color: #fff;
}

.news-detailhead {
    background: #0071be;
}

.news-detailhead .thumb {
    float: left;
}

.news-detailhead .thumb img {
    width: 678px;
}

.news-detailhead .info {
    margin-left: 678px;
    padding: 75px 45px 0;
    color: #fff;
}

.news-detailhead .info .tiit {
    margin-bottom: 15px;
    font-size: 30px;
}

.news-detailhead .info .dateform {
    margin-bottom: 76px;
    font-size: 16px;
}

.news-detailhead .info .dateform img {
    position: relative;
    top: -2px;
    margin-right: 4px;
}

.news-detailhead .lb {
    float: left;
    width: 58px;
    color: #8db5d1;
    font-size: 18px;
    line-height: 30px;
}

.news-detailhead .text {
    margin-left: 58px;
    padding-bottom: 20px;
    background: url(../image/yinhao.png) no-repeat right bottom;
    font-size: 16px;
    line-height: 30px;
}

.dateform .date {
    margin-right: 40px;
}

.detailcontent p img {
    display: block;
    margin: 0 auto;
    max-width: 1000px;
}

.detailcontent {
    padding: 70px 0 40px 0;
}

.newsdetail {
    background: #f6f7f7;
}

.detailcontent p {
    font-size: 18px;
    line-height: 32px;
}

.pagenationdetal {
    margin-top: 40px;
    padding: 30px 0 60px 0;
    border-top: 1px solid #d5d5d5;
}

.pagenationdetal a {
    padding: 15px;
    border-radius: 2px;
    background: #333;
    color: #fff;
    font-size: 18px;
}

.pagenationdetal a img {
    position: relative;
    top: -2px;
}

.bggary {
    background: #f6f7f7;
}

.newslist .loaditem .thumb {
    width: 264px;
    /*margin-left:-26px*/
}

.newslist .newsitem .info .tiit:hover {
    color: #343434;
}

/* .newslist .loaditem .thumb img{width:100%; */
.newslist .loaditem .container {
    position: relative;
}

.newslist .loaditem .info {
    margin-left: 280px;
}

.newslist .newsitem {
    transition: all .3s;
}

.newslist .loaditem .info .tiit {
    padding: 0;
}

.newslist .loaditem .sclist a, .newslist .loaditem .sclist span {
    display: block;
    /* padding-left:10px; *//* height:28px; *//* background:url(../images/bluedian.png) no-repeat center left; */
    color: #666;
    font-size: 16px;
    line-height: 28px;
}

.newslist .loaditem .loadbtn {
    /* position:absolute; */
    top: 50%;
    /*margin-top:-10px*/
    right: 0;
    display: inline-block;
    padding-top: 87px;
}

.bd_weixin_popup {
    height: auto !important;
}

.bdshare-button-style0-16 .bds_more, .bdshare-button-style0-16 a {
    height: 40px !important;
}

body {
    min-width: 100%;
}

.product_dl {
    position: relative;
    padding-bottom: 100px;
}

.product_dt img {
    width: 100%;
}

.product-item .product_dd {
    right: 0;
    bottom: 0;
    left: 0;
    height: 100px;
}

.new-thumb img {
    width: 100%;
}

.hoversectionwrap .productlist .row .product-item {
    height: auto;
}

.hoversectionwrap .productlist .product-item .info {
    top: auto;
    bottom: 0;
    height: 100px;
}

.contanusbtns:after {
    clear: both;
    display: block;
    content: "";
}

.newslist .newsitem .info .tiit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
}


.media-left, .media > .pull-left, .page3list .thumb {
    overflow: hidden;
}

.kpserverlist {
    margin-top: 20px;
}

.contactmain {
    margin-top: 20px;
}

.head .pull-right .searchbox {
    height: 48px;
}

.mbl {
    margin-top: 100px;
}

.historyslider {
    margin-top: 45px;
}

#collapse_ffcc-8868 {
    overflow: visible !important;
}

.hoverslider.owl-theme .owl-nav.disabled + .owl-dots,
.newsmain.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 55px;
}

.atab_but:hover {
    color: #fff !important;
    background-color: #007ac2;
}

.sclist {
    min-height: 84px;
}

@media (min-width: 1600px) {
    .kpserverlist .kpserverinfo {
        padding: 83px 65px 0 65px;
        height: 480px;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .kpserverlist .kpserverinfo {
        padding: 53px 40px 0 40px;
        height: 400px;
    }
}

@media (min-width: 1000px) and (max-width: 1400px) {
    .kpserverlist .kpserverinfo {
        padding: 53px 30px 0 30px;
        height: 400px;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1024px) {
    .product-item:hover .product_dd {
        padding-top: 50px;
        height: 100%;
    }

    .product-item:hover .info .infor-arry {
        visibility: visible;
        opacity: 1;
    }

    .hoversectionwrap .productlist .product-item:hover .info {
        top: auto;
        height: 100%;
    }

    .loademore:hover {
        background: #e2e2e2;
        color: #999;
    }

    .pagecon .productlist .row .product-item:hover .info {
        background: rgba(13, 120, 193, .95);
    }

    .pagecon .productlist .row .product-item:hover .info .info-tit {
        color: #fff;
    }

    .aboutbtn:hover {
        border-color: #0071be;
        background: #0071be;
        color: #fff;
    }

    .contactslider .item .cricle:hover {
        position: relative;
        -webkit-box-shadow: 0 0 20px #0071be;
        box-shadow: 0 0 20px #0071be;
    }

    .contactslider .item .cricle:hover::before {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border: 4px solid #0071be;
        border-radius: 200px;
        content: "";
    }

    .contanusbtns a:hover {
        background: #008de0;
    }

    .classbtn a:hover {
        background: #0160a0;
    }

    .newsmain .tit:hover {
        color: #0071be;
    }

    .newsmain .new-thumb:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    .newsmain .new-thumbwrap:hover {
        transform: translateY(-5px);
    }

    .newsmain .news-item:hover {
        box-shadow: 0 10px 20px #ccc;
        transform: translateY(-5px);
    }

    .newsmain .newsmore:hover::before {
        width: 46px;
        background: url(../image/blue.png) no-repeat center right;
    }

    .newsmain .new-thumbwrap .info .tit:hover {
        color: #0069B2;
    }

    .slidernav .sliderright:hover {
        background: #008de0 url(../image/slider-btn2.png) no-repeat center;
        background-size: 14px;
    }

    .slidernav .sliderleft:hover {
        background: #008de0 url(../image/slider-btn.png) no-repeat center;
        background-size: 14px;
    }

    .owl-theme .owl-dots .owl-dot:hover span {
        background: #0071be;
    }

    .product-slider .item:hover img {
        transform: translateY(-10px);
    }

    .solutionmain .sitem:hover .text {
        background: rgba(0, 0, 0, .1);
    }

    .nav3 .nav3item dl dd a:hover {
        background: #074c7b;
    }

    .headnav > li:hover .sonnavwrap {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }

    .head .pull-left:hover .backhome {
        top: 90%;
        visibility: visible;
        opacity: 1;
    }

    .headnav > li > a:hover {
        display: block;
        height: 80px;
        border-bottom: 1px solid #fff;
    }

    .solutionmain .sitem:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    .newsmain .newsmore:hover {
        color: #0071be;
    }

    .newslist .newsitem:hover {
        background: #f7f7f7;
    }

    /* .newslist .newsitem .info .tiit:hover{color:#0071be; */
    .newsnav .active, .newsnav a:hover {
        background: #403a3a;
        color: #fff;
    }

    .kpserverlist .thumb:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    .morethantages a:hover {
        background: #fff;
        color: #0071be;
    }

    .hxshow .row .item:hover > img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    .hxshow .row .item:hover .icon img {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        -ms-transform: translateY(-5px);
    }

    .historyslider .owl-item:nth-of-type(2n):hover .text {
        transform: translateY(-10px);
    }

    .historyslider .owl-item:nth-of-type(2n+1):hover .text {
        transform: translateY(10px);
    }

    .hoverslider .product-item:hover .info {
        background: rgba(13, 120, 193, .95);
        color: #fff;
    }

    .hoverslider .product-item:hover .info .info-tit {
        color: #fff;
    }

    .kftj .row .kftj-item:hover img {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -ms-transform: translateY(-10px);
    }

    .hoversectionwrap .productlist .product-item:hover .info {
        top: 0;
        background: rgba(13, 120, 193, .95);
    }

    .hoversectionwrap .productlist .product-item:hover .info .info-tit {
        color: #fff;
    }

    .newslsideritem .thumb:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    .pageitem:hover img {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -ms-transform: translateY(-10px);
    }

    .nav-tabs > li.active > a:hover {
        background: #0071be;
        color: #fff;
    }

    .cpslider .owl-item:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    .double:hover img, .page3list .thumb:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    .product-item:hover .product_dd {
        padding-top: 30px;
    }

    .headnav .active > a, .headnav > li > a:hover {
        height: 80px;
    }
}

@media screen and (max-width: 1366px) {
    .product-item {
        padding-right: 20px;
        padding-left: 20px;
    }

    .productlist .row {
        margin-right: -20px;
        margin-left: -20px;
    }
}

@media screen and (max-width: 1279px) {
    .headnav li {
        width: 135px;
    }

    .head {
        height: 65px;
        line-height: 65px;
    }

    .headnav li {
        height: 65px;
        line-height: 65px;
    }

    body {
        padding-top: 65px;
    }

    .headnav {
        width: auto;
    }

    .pull-right img {
        width: 20px;
    }

    .solutionmain .sitem {
        width: 230px;
    }

    .solutionmain .sitem img {
        width: 100%;
    }

    .solutionmain .sitem:nth-child(1) {
        width: 470px;
        height: 165px;
    }

    .contanusbtns a {
        width: 470px;
    }

    .parallax {
        top: 62%;
    }

    .nav2 a {
        width: 150px;
    }

    .nav2 a::before, .nav2 a:last-of-type:after {
        top: 14px;
    }

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

    .nav3 .nav3item dl dd a {
        font-size: 14px;
    }

    .nav3 .nav3item dl {
        margin-top: 40px;
        margin-right: 35px;
        margin-bottom: 40px;
        width: auto;
    }

    .nav3 .nav3item dl dt {
        height: 30px;
    }

    .product-item .product_dd {
        height: 70px;
    }

    .product-item .info .infor-arry {
        height: 20px;
    }

    .product-item .info {
        padding-top: 15px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .product_dl {
        padding-bottom: 70px;
    }

    .product-item .info .info-tit {
        font-size: 22px;
    }

    .cpslider .owl-item + .owl-item::before {
        top: 10px;
    }

    .cpslider .name {
        line-height: 55px;
    }

    .cpslider .name {
        font-size: 18px;
    }

    .newsmain .new-thumbwrap .info .tit {
        font-size: 18px;
        line-height: 30px;
    }

    .newsmain .news-item .tit {
        font-size: 16px;
        line-height: 26px;
    }

    .newsmain .news-item {
        height: 112px;
    }

    .newsmain .news-item .tit {
        margin-bottom: 10px;
    }

    .classbtn {
        padding-top: 50px;
    }

    .classbtn a {
        width: 150px;
        height: 45px;
        line-height: 45px;
    }

    .section .section-tit div {
        font-size: 28px;
    }

    .section-text {
        font-size: 16px;
    }

    .section .section-tit {
        margin-bottom: 10px;
    }

    .owl-stage-outer {
        margin-bottom: 0;
    }

    .contactslider {
        margin-bottom: -72px;
    }

    .contact {
        height: 730px;
    }

    .footer-top {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .footer-top .ctus {
        font-size: 18px;
    }

    .footer-top .dt {
        height: 40px;
        font-size: 18px;
    }

    .footer-bottom {
        height: 65px;
        line-height: 65px;
    }

    .media-left, .media > .pull-left {
        padding-right: 0;
        width: 100%;
        text-align: center;
    }

    .double .media-body {
        padding-top: 20px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .double .media-body .media-heading {
        font-size: 24px;
    }

    .double .media-body p {
        font-size: 16px;
        line-height: 24px;
    }

    .section.zb2 {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .pagecon .section-text {
        padding-right: 50px;
        padding-left: 50px;
    }

    .page3list .thumb img {
        width: 100%;
    }

    .double .media-body {
        height: auto;
    }

    .double .media-body {
        padding-bottom: 20px;
    }

    .double .media-body .media-heading {
        padding-right: 15px;
        padding-left: 15px;
        height: auto;
        font-size: 20px;
    }

    .hoversectionwrap .productlist .product-item .info {
        height: 70px;
    }

    .headnav .active > a {
        height: 65px;
    }

    .basebanner .textnaner .tiit {
        margin-bottom: 25px;
        font-size: 30px;
    }

    .page2main .titi {
        font-size: 30px;
    }

    .page2main .text {
        line-height: 30px;
    }

    .gklist .gkitem {
        width: 464px;
        font-size: 15px;
    }

    .kpserverlist .kpserverinfo .tiit {
        font-size: 20px;
    }

    .kpserverlist .kpserverinfo {
        padding-right: 20px;
        padding-left: 20px;
        height: 360px;
    }

    .kpserverlist .kpserverinfo .text p {
        font-size: 14px;
        line-height: 28px;
    }

    .cricle {
        width: 250px;
        height: 250px;
    }

    .contactslider .item img {
        height: 75px;
    }

    .news-detailhead .info .tiit {
        font-size: 20px;
        line-height: 30px;
    }

    .news-detailhead .info {
        padding-right: 20px;
        padding-left: 20px;
    }

    .news-detailhead .lb {
        font-size: 16px;
    }

    .news-detailhead .info .dateform {
        margin-bottom: 30px;
    }

    .pagenationdetal a {
        font-size: 16px;
    }

    .section .section-tit div {
        font-size: 24px;
    }

    .product-item .info .info-line {
        background: rgba(0, 0, 0, 0);
    }
}

.ws_table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
}

.ws_table td {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-bottom: solid 1px #ddd;
    color: #666;
    font-size: 16px;
    line-height: 24px;
}

.ws_table td a {
    color: #333;
    font-weight: 400;
}

.ws_table td a:hover {
    color: #007ac2;
}

.ws_table td:nth-child(1) {
    color: #333;
}

.ws_table thead {
    background-color: #bcd8ec;
}

.ws_table thead td {
    border-bottom: 0;
    color: #333;
    font-weight: 700;
}

.ws1_table td:nth-child(1) {
    width: 25%;
}

.ws1_table td:nth-child(2) {
    width: 75%;
}

.ws2_table td:nth-child(1) {
    width: 50%;
}

.ws2_table td:nth-child(2) {
    width: 25%;
}

.ws2_table td:nth-child(3) {
    width: 25%;
}

.ws3_table td:nth-child(1) {
    width: 15%;
}

.ws3_table td:nth-child(2) {
    width: 20%;
}

.ws3_table td:nth-child(3) {
    width: 65%;
}

.atab_but {
    display: inline-block;
    padding-right: 25px;
    padding-left: 25px;
    height: 40px;
    border-radius: 5px;
    background-color: #333;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}

.contactslider.owl-carousel .owl-dots.disabled.nne, .cpslider.owl-carousel .owl-dots.disabled.nne {
    display: none;
}

.contactslider.owl-carousel .owl-dots.disabled, .cpslider.owl-carousel .owl-dots.disabled {
    display: block;
}

.cpslider .owl-stage-outer {
    margin-bottom: 0;
}

.contanusbtns {
    z-index: 5;
}

.headnav .active > a, .headnav > li > a:hover, .nav2 .current {
    font-weight: 700;
}

.footer-top .dt .line {
    background: #00a0e9;
}

.bdshare-button-style0-16 .bds_more, .bdshare-button-style0-16 a {
    padding-left: 0 !important;
}

.footer-top .share a {
    margin-right: 20px;
}

.product_dt {
    border-right: solid 1px #e1e1e1;
}

.pagecon .productlist .row .product-item:nth-child(3n) .product_dt {
    border-right: none;
}

.headnav .active > a, .headnav > li:hover > a, .headnav > li > a:hover, .nav2 .current {
    border-bottom: none;
    background-color: #015894;
}

.headnav > li > a {
    display: block;
}

.newsmain .news-item .tit {
    height: 60px;
}

.head .pull-right .searchbox input {
    line-height: 40px;
    height: 40px;
}

.xf_box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    margin: auto;
    height: 400px;
    list-style: none;
}

.xf_li {
    position: relative;
    padding-top: 13px;
    width: 47px;
    height: 100px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}

.xf_div .ico {
    display: block;
    margin-bottom: 13px;
}

.xf_div .span {
    color: #444;
    font-size: 14px;
    line-height: 18px;
}

.xf_li:hover {
    background-color: #0071be;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
}

.xf_li:hover .ico {
    -webkit-filter: brightness(3);
    -moz--filter: brightness(3);
    -ms-filter: brightness(3);
    -o-filter: brightness(3);
    filter: brightness(3);
}

.xf_li:hover .xf_div .span {
    color: #fff;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
}

.xf_ewm {
    position: absolute;
    top: 0;
    right: 69px;
    visibility: hidden;
    padding: 15px;
    background-color: #f4f4f4;
    opacity: 0;
}

.xf_li:hover .xf_ewm {
    right: 59px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
}

.ewm1 {
    margin-top: 15px;
    color: #666;
    font-size: 18px;
}

.ewm2 {
    color: #444;
    font-size: 18px;
}

.xf_divs1 {
    position: absolute;
    top: 0;
    right: 57px;
    bottom: 0;
    visibility: hidden;
    margin: auto;
    width: 150px;
    height: 72px;
    opacity: 0;
}

.xf_li:hover .xf_divs1 {
    right: 47px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
}

.xf_divss {
    position: relative;
    padding: 8px 0;
    width: 140px;
    background-color: #0071be;
}

.xf_divss:after {
    position: absolute;
    top: 0;
    right: -7px;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 18px;
    background: url(../image/jiao.png) no-repeat center center;
    content: "";
}

.xf_divs1 span {
    display: block;
    color: #fff;
    line-height: 28px;
}

.xf_divs1 span:nth-child(1) {
    font-size: 18px;
}

.xf_divs1 span:nth-child(2) {
    font-size: 16px;
}

.banindex .item {
    position: relative;
}

.ban_txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ban_p, .ban_tit {
    color: #fff;
}

.ban_tit {
    margin-top: 0;
    margin-bottom: 30px;
    letter-spacing: 10px;
    font-size: 60px;
}

.ban_p {
    letter-spacing: 3px;
    font-size: 32px;
}

.disv:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
}

.disv {
    font-size: 0;
}

.disv:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}

.disvc {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-size: 14px;
}

.banner1 .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
}

.ban_txt .disvc {
    padding-bottom: 150px;
}

.hoverslider .product-item {
    height: 400px;
}

.hoverslider .product-item .info {
    height: 100%;
}

.aboutbtn {
    border-color: #0071be;
    background-color: #0071be;
    color: #fff;
}

.newslist .newsitem1 {
    padding: 10px 10px;
    padding-bottom: 30px;
    text-align: center;
}

.newslist .newsitem1 .thumb img {
    width: 100%;
}

.newslist .newsitem1 .info .tiit {
    padding: 10px 0;
    font-size: 18px;
    line-height: 28px;
}

.branch-name {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
------------ 2018-12-04 修改
*/
.historyslider .owl-item:nth-of-type(2n) .text {
    font-size: 14px;
    line-height: 22px;
}

.historyslider .owl-item:nth-of-type(2n+1) .text {
    font-size: 14px;
    line-height: 22px;
}

img {
    max-width: 100%;
}

.morethan {
    position: relative;
    padding: 0;
    height: auto;
}

.morethan .container {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
}

.news-detailhead .info .tiit {
    font-size: 28px;
    line-height: 38px;
}

.show_hide {
    width: 47px;
    height: 47px;
    background: url(../image/hide.jpg) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
}

.hidediv {
    position: relative;
    right: -47px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.hidediv.vis {
    position: absolute;
    right: 0;
    visibility: visible;
    opacity: 1;
}

.footnav {
    display: none;
}

/*.basebanner .textnaner,
.iphimg {
	display: none;
}*/

.pcimg {
    display: block;
}

.panel-group {
    overflow: scroll !important;
}

.list-paddingleft-2 {
    padding-left: 16px;
}

/*
-----------------------------2018-12-25
*/
.navbox .container > a,
.navbox .container,
.navbox {
    /*height: 70px;*/
}

.navbox .container > a {
    line-height: 70px;
}

.iphimg, .mtextnaner {
    display: none;
}

table.tablepress {
    width: 100% !important;
    min-width: 1027px;
}

.entry-content img,
.page2main img {
    max-width: 100% !important;
    height: auto !important;
}

.zhanwei {
    height: 100px;
}

.margins {
    margin-top: 100px;
}

@media screen and (max-width: 1500px) {
    .ban_tit {
        letter-spacing: 5px;
        font-size: 48px;
    }

    .ban_p {
        font-size: 24px;
    }

    .morethan .container {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
    }

    .morethan.section {
        padding-top: 0;
    }
}

@media screen and (min-width: 1195px) and (max-width: 1530px) {
    .head .pull-right {
        padding-right: 20px;
    }

    .head .pull-left {
        padding-left: 20px;
    }

}

@media screen and (max-width: 1466px) {
    body {
        padding-top: 60px;
    }

    /*	.head .pull-left {
		padding-left: 50px;
	}*/
    /*.head .pull-right {
		padding-right: 50px;
	}*/
    .mbl {
        margin-top: 55px;
    }

    .contact {
        height: 730px;
        background-size: cover !important;
    }

    .breadcrumb {
        height: 50px;
        line-height: 50px;
    }

    .ctusmap .section-text {
        margin-bottom: 0;
    }

    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .owl-stage-outer {
        margin-bottom: -15px;
    }

    .head,
    .headnav li {
        height: 60px;
    }

    .head {
        line-height: 60px;
    }

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

    .headnav .active > a, .headnav > li > a:hover {
        height: 60px;
    }

    .nav2 {
        height: 50px;
        line-height: 50px;
    }

    .nav2 a::before {
        height: 25px;
    }

    .parallax-wrapper .container {
        margin-top: 115px;
    }

    .parallax {
        top: 60%;
    }

    .product {
        padding-bottom: 0px;
    }

    .footer-bottom {
        height: 60px;
        line-height: 60px;
    }

    .nav2 a:last-of-type:after {
        height: 25px;
    }
}

@media screen and (max-width: 1366px) {
    .ban_tit {
        font-size: 40px;
    }

    .ban_p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .ban_tit {
        letter-spacing: 3px;
        font-size: 32px;
    }

    .ban_p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .headnav {
        display: none;
    }

    .headnav li {
        width: 100px;
    }

    .solutionmain .sitem:nth-child(7) {
        margin-top: -178px;
    }

    .product-item {
        padding-right: 10px;
        padding-left: 10px;
    }

    .productlist .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .product .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .newsmain .news-item {
        padding: 15px;
    }

    .newsmain .new-thumbwrap .info {
        padding-top: 10px;
        padding-bottom: 10px;
        height: 124px;
    }

    .newsmain .new-thumbwrap .info .tit {
        height: 58px;
    }

    .newsmain .news-item:nth-child(4) {
        display: none;
    }

    .product-slider {
        padding-bottom: 46px;
    }

    .cricle {
        width: 200px;
        height: 200px;
    }

    .contactslider .item img {
        height: 60px;
    }

    .cricle .iconwrap {
        margin-bottom: 15px;
        padding-top: 30px;
    }

    .cricle .address {
        font-size: 14px;
        line-height: 20px;
    }

    .contanusbtns {
        margin-right: -2%;
    }

    .contanusbtns a {
        margin-right: 2%;
        width: 48%;
    }

    .contact {
        height: 645px;
    }

    .aboutsection {
        height: 590px;
    }

    .aboutsection {
        padding-top: 200px !important;
    }

    .parallax {
        top: 67%;
    }

    .footer_left, .footer_right {
        width: 100%;
    }

    .footer_right {
        margin-top: 50px;
    }

    .pagecon .productlist .row .product-item {
        padding-right: 10px;
        padding-left: 10px;
    }

    .product_dl {
        padding-bottom: 50px;
    }

    .pagecon .productlist .row .product-item .info, .product_dd {
        height: 50px;
    }

    .product-item .info {
        padding-top: 0;
    }

    .product-item .info .infor-arry {
        display: none;
    }

    .product-item .product_dd {
        height: 50px;
    }

    .product-item .info .info-tit {
        height: 50px;
        line-height: 50px;
    }

    .double img {
        margin-top: 0;
    }

    .page3list .thumb {
        height: auto;
    }

    .double .media-body .media-heading {
        line-height: 30px;
    }

    .fomrmain {
        padding: 0 100px;
    }

    .basebanner .textnaner .tiit {
        font-size: 24px;
    }

    .basebanner .textnaner .text {
        font-size: 14px;
        line-height: 26px;
    }

    .navbox {
        height: 70px;
    }

    .navbox .container > a {
        height: 70px;
        line-height: 70px;
    }

    .page2main .col-sm-8 img {
        width: 100%;
    }

    .page2main .titi {
        font-size: 26px;
    }

    .page2main .text {
        font-size: 16px;
        line-height: 26px;
    }

    .page2main {
        padding: 50px 0;
    }

    .hoversectionwrap .productlist .product-item .info {
        height: 50px;
    }

    .product-item .info .info-tit {
        font-size: 20px;
    }

    .pageitem {
        padding-right: 20px;
        padding-left: 20px;
    }

    .pageitem .thumb img {
        width: 100%;
    }

    .section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .wllist p {
        font-size: 16px;
        line-height: 24px;
    }

    .hoversectionwrap .productlist .row .product-item {
        margin-bottom: 15px;
    }

    .productlist {
        padding-top: 0;
    }

    .newslsideritem .tit {
        height: 110px;
        font-size: 14px;
        line-height: 20px;
    }

    .newsmain .newsmore {
        font-size: 12px;
    }

    .wllist .media-heading {
        line-height: 32px;
    }

    .basebanner .container .section {
        padding-left: 0;
    }

    .fiedbg {
        top: 140px;
    }

    .gklist .gkitem {
        margin-right: 2%;
        width: 48%;
        line-height: 24px;
    }

    .gklist .gkpd {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .gklist .text {
        min-height: 48px;
    }

    .morethan {
        height: 630px;
        background-size: cover !important;
    }

    .morethantages a {
        background-color: rgba(0, 0, 0, .3);
    }

    .kpserverlist .kpserverinfo {
        padding-top: 25px;
    }

    .kpserverlist .kpserverinfo .text p {
        line-height: 25px;
    }

    .newslist .newsitem .info {
        margin-left: 330px;
    }

    .newslist .newsitem .info .pull-right {
        margin-top: -5px;
    }

    .newsnav a {
        margin: 0 1%;
        width: 31.333%;
    }

    .news-detailhead .thumb {
        width: 430px;
    }

    .news-detailhead .thumb img {
        width: 100%;
    }

    .news-detailhead .info {
        margin-left: 440px;
    }

    .news-detailhead .info {
        padding-top: 55px;
    }

    .pagenationdetal a {
        display: block;
        width: 100%;
    }

    .page2main p {
        font-size: 16px;
        line-height: 28px;
    }

    .basebanner .textnaner .text {
        overflow: hidden;
        height: 82px;
        font-size: 14px;
        line-height: 26px;
    }

    .hxshow .row .item {
        width: 20%;
    }

    .kpserverlist .kpserveritem {
        width: 50%;
    }

    .kpserverlist .kpserverinfo .text p {
        font-size: 16px;
        line-height: 28px;
    }

    .solutionmain .sitem {
        margin-right: 2%;
        width: 48%;
    }

    .solutionmain .sitem:nth-child(1) {
        width: 98%;
    }

    .solutionmain {
        margin-right: -2%;
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .section .section-tit .line {
        width: 100%;
    }

    .solutionmain .sitem:nth-child(7) {
        margin-top: 0;
    }

    .product-item {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }

    .navToggle {
        position: absolute;
        top: 3px;
        right: 15px;
        bottom: 0;
        display: block;
        margin: auto;
        line-height: 0;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .navToggle.active {
        right: 27px;
    }

    .headnav {
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        background-color: rgba(0, 113, 190, .85);
    }

    .headnav li {
        width: 100%;
    }

    html, body {
        position: relative;
        overflow: visible;
    }

    html.hides, body.hides {
        position: fixed;
        overflow: hidden;
        width: 100%;
    }

    .navToggle {
        display: none;
    }

    .head .pull-right {
        padding-right: 15px;
    }

    .footnav {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000000;
        display: block;
        margin-bottom: 0;
        width: 100%;
        background-color: #0071be;
        list-style: none;
    }

    .footnav .ftli {
        float: left;
        width: 20%;
    }

    .footnav .ftli:after {
        content: "";
    }

    .footnav .ftli .ftlia {
        float: left;
        width: 100%;
        height: 55px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        line-height: 55px;
    }

    body {
        padding-bottom: 55px;
    }

    .ftlidiv {
        position: fixed;
        top: 0;
        left: 0;
        left: -300px;
        z-index: 99;
        visibility: hidden;
        padding: 15px;
        width: 300px;
        height: 100%;
        background-color: #0071be;
        opacity: 0;
        transition: all 0.5s ease 0s;
    }

    .ftlidiv.vis {
        left: 0;
        visibility: visible;
        opacity: 1;
    }

    .ftlidiv .overss {
        overflow-x: hidden;
        height: 100%;
    }

    .ftnavlia {
        display: block;
        height: 45px;
        border-bottom: solid 1px #488ebe;
        color: #fff;
        font-size: 16px;
        line-height: 45px;
    }

    .ftnavlidiv .h3s, .ftnavlidiv .h3s a {
        margin: 0;
        height: 40px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        line-height: 40px;
    }

    .ftnavlidiv .li a {
        color: #fff;
        font-size: 14px;
        line-height: 25px;
    }

    .ftnavlidiv .li a span {
        color: #5ec251;
        font-size: 12px;
    }

    .footnav .bgs {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        visibility: hidden;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        transition: all .5s ease 0s;
    }

    .footnav .bgs.vis {
        visibility: visible;
        opacity: 1;
    }

    .ftnavlidiv .h3s, .ftnavlidiv .h3s a {
        color: #89cfff !important;
    }

    .footnav {
        margin: 0;
    }

    .zhanwei {
        height: 50px;
    }

    .margins {
        margin-top: 50px;
    }
}

@media screen and (max-width: 768px) {
    .ws_table td {
        font-size: 14px;
    }

    .ws3_table td {
        padding-right: 5px;
        padding-left: 5px;
    }

    .ws3_table td:nth-child(1) {
        width: 10%;
    }

    .ws3_table td:nth-child(2) {
        width: 25%;
    }

    .ws3_table td:nth-child(3) {
        width: 65%;
    }

    .parallax-wrapper .container {
        margin-top: 0px;
    }

    .morethan {
        height: auto;
    }

    .historyslider .owl-item:nth-of-type(2n+1) .text,
    .historyslider .owl-item:nth-of-type(2n) .text {
        box-shadow: 0 0 10px #ccc;
        padding: 10px;
    }

    .zhanwei {
        height: 30px;
    }
}


@media screen and (max-width: 767px) {
    .head .pull-left {
        padding-left: 15px;
    }

    .head .pull-left img {
        height: 30px;
    }

    .head {
        height: 45px;
        line-height: 45px;
    }

    .headnav {
        display: none;
    }

    body {
        padding-top: 45px;
    }

    /*.head .pull-right {
		padding-right: 55px;
	}*/
    .head .pull-right .pullAa {
        margin-left: 15px;
    }

    .changese {
        top: 45px;
        right: -5px;
    }

    .section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .section-text {
        margin-bottom: 20px;
    }

    .solutionmain .sitem:nth-child(1) {
        height: auto;
    }

    .product .productlist .product-item {
        margin-bottom: 15px;
    }

    .product-slider {
        margin-top: 30px;
    }

    .product {
        padding-bottom: 0;
    }

    .newsmain .new-thumbwrap {
        margin-bottom: 10px;
    }

    .section-text {
        line-height: 24px;
    }

    .contactslider .item {
        padding: 10px 0;
    }

    .contactslider {
        margin-bottom: -110px;
    }

    .contanusbtns a {
        height: 200px;
        font-size: 15px;
    }

    .contanusbtns a > img {
        width: 80px;
    }

    .contact {
        height: 550px;
    }

    .aboutsection {
        padding-top: 130px !important;
    }

    .aboutsection .section-text {
        font-size: 16px;
        line-height: 28px;
    }

    .aboutsection {
        height: 525px;
    }

    .aboutbtn {
        width: 200px;
        height: 45px;
        line-height: 45px;
    }

    .footer-top .ctus p {
        margin-bottom: 10px;
    }

    .footer-top .ctus p img {
        width: 17px;
    }

    .bdshare-button-style0-16 .bds_more, .bdshare-button-style0-16 a {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
    }

    .bdshare-button-style0-16 .bds_more, .bdshare-button-style0-16 a {
        width: 30px !important;
        height: 30px !important;
    }

    .footer-top .share a img {
        width: 30px;
    }

    .footer-top .dt {
        margin-bottom: 10px;
    }

    .footer-top .footernav a {
        height: 25px;
        line-height: 25px;
    }

    .footer-top .footernav .pull-left + .pull-left {
        margin-left: 0;
    }

    .footer-top .pull-left.footer_left .dt .line {
        margin-left: 0;
    }

    .footer-top .footernav .pull-left {
        width: 25%;
        text-align: center;
    }

    .footer-top .dt .line {
        right: 0;
        margin: auto;
    }

    .footer-bottom {
        height: auto;
        line-height: 24px;
    }

    .cpright.pull-left a {
        display: block;
    }

    .footer-bottom {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer-bottom .pull-left, .footer-bottom .pull-right {
        width: 100%;
        text-align: center;
    }

    .footer-top {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .footer_right {
        margin-top: 30px;
    }

    .sitem .text {
        font-size: 18px;
    }

    .solutionmain .sitem:nth-child(4) {
        height: 458px;
    }

    .solutionmain .sitem {
        margin-bottom: 10px;
    }

    .basebanner .textnaner .text {
        display: none;
    }

    .secondnav a {
        height: 45px;
        line-height: 45px;
    }

    .secondnav a {
        padding-right: 15px;
        padding-left: 15px;
        font-size: 14px;
    }

    .secondnav {
        height: auto;
    }

    .section .section-tit div {
        font-size: 22px;
    }

    .pagecon .section-text {
        padding-right: 0;
        padding-left: 0;
    }

    .double img {
        width: 280px;
    }

    .double .media-body {
        padding-top: 0;
    }

    .double .media-body p {
        margin-bottom: 0;
        font-size: 15px;
    }

    .zb2main .row .col-sm-12 {
        margin-bottom: 15px;
    }

    .page3list .thumb {
        margin-bottom: 0;
        padding-top: 0;
    }

    .page3list a {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .double .media-body .media-heading {
        font-size: 16px;
    }

    .zb5 .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 30px;
    }

    .navbox, .navbox .container {
        height: auto;
    }

    .navbox .container > a {
        height: 45px;
        font-size: 14px;
        line-height: 45px;
    }

    .page2main .col-sm-8 img {
        display: block;
        margin: auto;
        margin-bottom: 15px;
        width: 230px;
    }

    .page2main .titi {
        font-size: 20px;
    }

    .page2main p {
        font-size: 14px;
        line-height: 24px;
    }

    .page2main .titi {
        margin-bottom: 20px;
    }

    .wllist .media {
        display: block;
    }

    .wllist .media-body, .wllist .media-left {
        float: left;
        width: 100%;
    }

    .wllist .media-body {
        padding-top: 20px;
    }

    .wllist .media-heading {
        margin-bottom: 10px;
        padding-left: 0;
        font-size: 20px;
    }

    .wllist p {
        padding-left: 0;
        font-size: 14px;
    }

    .hoversectionwrap {
        padding: 0;
    }

    .pageitem .thumb img {
        width: 220px;
    }

    .pageitem .thumb, .pageitem .tit {
        margin-bottom: 10px;
    }

    .pageitem .text {
        font-size: 14px;
    }

    .pageitem {
        padding-right: 15px;
        padding-left: 15px;
    }

    .newslsideritem .tit {
        padding-bottom: 20px;
        height: 80px;
    }

    .contactform .section .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .fomrmain {
        padding-right: 0;
        padding-left: 0;
    }

    .page2main span {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .media-object {
        width: 230px;
    }

    .kftj .row .kftj-item .media-body {
        padding: 0;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        width: 100%;
    }

    .product-item {
        width: 100%;
    }

    .basebanner .container .section .section-text, .section .section-tit .line {
        display: none;
    }

    .breadcrumb {
        height: 40px;
        line-height: 40px;
    }

    .fiedbg {
        top: 85px;
    }

    .section .section-tit div {
        margin-bottom: 0;
    }

    .gklist .gkitem {
        width: 100%;
    }

    .gklist {
        margin-right: 0;
    }

    .hxshow .row .item {
        width: 25%;
    }

    .morethantages a {
        margin-bottom: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 13px;
    }

    .kpserverlist .kpserverinfo {
        padding-top: 10px;
        padding-right: 15px;
        padding-left: 15px;
        height: 290px;
    }

    .kpserverlist .kpserverinfo .tiit {
        margin-bottom: 20px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
    }

    .kpserverlist .kpserverinfo .text p {
        font-size: 14px;
        line-height: 24px;
    }

    .mbl {
        width: 100%;
        height: auto;
        font-size: 20px;
    }

    .contact {
        padding-top: 50px;
    }

    .breadcrumb {
        font-size: 12px;
    }

    .detail-tit {
        font-size: 24px;
    }

    .pagenationdetal a {
        font-size: 14px;
        line-height: 24px;
    }

    .news-detailhead .thumb {
        width: 100%;
    }

    .news-detailhead .info {
        float: left;
        margin-top: 0;
        margin-left: 0;
        padding-left: 0;
    }

    .news-detailhead .info {
        padding-top: 30px;
        padding-right: 15px;
        padding-bottom: 30px;
        padding-left: 15px;
    }

    .news-detailhead .info .tiit {
        font-size: 16px;
        line-height: 28px;
    }

    .news-detailhead .info .dateform {
        font-size: 13px;
    }

    .news-detailhead .lb {
        font-size: 14px;
        line-height: 24px;
    }

    .classbtn a {
        margin: 0 10px;
        width: 130px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }

    .classbtn {
        padding-top: 30px;
    }

    .newsmain .news-item .tit {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 24px;
    }

    .newsmain .new-thumbwrap .info .tit {
        font-size: 16px;
        line-height: 26px;
    }

    .newsnav a {
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }

    .newsnav a::before {
        right: -2px;
        height: 33px;
    }

    .newsmain {
        padding-top: 0;
    }

    .newslist .newsitem .container {
        padding: 15px;
    }

    .newslist .newsitem .thumb {
        width: 230px;
    }

    .newslist .newsitem .info {
        float: left;
        margin: 0;
        width: 100%;
    }

    .newslist .newsitem .info .tiit {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 30px;
    }

    .newslist .newsitem .info .text {
        margin-bottom: 25px;
        height: 52px;
        font-size: 14px;
        line-height: 24px;
    }

    .pull-right img {
        width: 15px;
    }

    .detailcontent {
        padding-top: 40px;
    }

    .detailcontent p {
        font-size: 14px;
        line-height: 24px;
    }

    .detailcontent img {
        height: auto !important;
        max-width: 100%;
    }

    .banner1 .owl-dots {
        bottom: 15px;
    }

    .banner1 .owl-dots .owl-dot {
        margin: 0 5px;
        width: 12px;
        height: 12px;
    }

    .ban_txt .disvc {
        padding-right: 15px;
        padding-left: 15px;
    }

    /*
	*/
    .detail-header .col-sm-16 {
        padding-left: 0;
    }

    .detail-header .owl-stage-outer {
        margin-bottom: 25px;
    }

    .detailsldier {
        margin-bottom: 30px;
    }

    .gysection .gy-t {
        margin-bottom: 20px;
        height: auto;
        font-size: 24px;
    }

    .pageitem .thumb, .pageitem .tit {
        font-size: 14px;
    }

    .section .section-tit {
        margin-bottom: 20px;
    }

    .product-item:hover .info {
        height: 100%;
    }

    .product_dt {
        border-right: 0;
    }

    .product-item {
        width: 50%;
    }

    .solutionmain .sitem:nth-child(9) {
        width: 98%;
    }

    .breadcrumb > li:nth-child(5) {
        display: none;
    }

    /*
==============================================
==============================================
*/
    ul {
        list-style: none;
    }

    .navbox .pnav {
        width: auto;
    }

    .navbox .container > a {
        height: 35px;
        line-height: 35px;
    }

    .ctusitemheader .ctusitem .icon {
        height: 90px;
    }

    .ctusitemheader .ctusitem .icon img {
        height: 100px;
    }

    .ctusitemheader .ctusitem:nth-of-type(2) {
        margin-top: 10px;
        margin-bottom: 30px;
        border: 0;
    }

    .ctusitemheader .ctusitem:nth-of-type(3) .icon {
        margin-bottom: 30px;
    }

    .ctusitemheader .ctusitem .titi {
        margin-bottom: 7px;
        font-size: 16px;
    }

    .basebanner .container .section .section-text, .section .section-tit .line {
        display: block;
    }

    /* .basebanner .textnaner{
		position: relative; */
    .section .section-tit div {
        margin-bottom: 15px;
    }

    .h3s {
        font-size: 18px;
    }

    .mmsm {
        margin-bottom: 20px;
    }

    .newsnav a {
        color: #333;
    }

    .newsnav a.active {
        color: #337ab7;
    }

    .hxshow .row .item {
        width: 33.333%;
    }

    .hxshow .row .item:nth-of-type(2n+1) {
        top: 0;
    }

    body {
        padding-top: 45px;
    }

    .morethan .container {
        position: relative;
        top: 0;
    }

    .morethan .container .section-tit div {
        color: #5c5a5a;
    }

    .newslist .newsitem .thumb {
        width: 100%;
    }

    .contact .mbl {
        margin-top: 150px;
    }

    .addresssection .lists .addressitem {
        width: 100%;
    }

    .addresssection .lists {
        margin-right: 0;
    }

    .addresssection .title {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 20px;
        line-height: 32px;
    }

    .addresssection .lists .tiit {
        font-size: 18px;
    }

    .addresssection .lists .addesss {
        font-size: 16px;
    }

    .addresssection .lists .ctuslist p a {
        font-size: 14px;
    }

    .detailcontent img {
        height: auto !important;
    }

    .newsmain .new-thumbwrap .info .tit {
        height: 55px;
    }

    .basebanner .textnaner,
    .iphimg {
        display: block;
    }

    .pcimg {
        display: none;
    }

    .navbox .pnav {
        display: none !important;
    }

    body {
        padding-top: 45px !important;
    }

    /*

	*/
    .basebanner .textnaner .tiit {
        margin-bottom: 0;
        font-size: 20px;
    }

    .basebanner .mtextnaner {
        position: relative;
        top: 0;
        left: 0;
    }

    .historyslider .owl-item:nth-of-type(2n) .text,
    .historyslider .owl-item:nth-of-type(2n+1) .text {
        font-size: 12px;
        line-height: 20px;
    }

    .product-item {
        width: 100%;
    }

    .navbox .container > a, .navbox .container, .navbox {
        height: auto;
    }

    .ykvideo {
        width: 300px !important;
        height: 191px !important;
    }

    .newslist .loaditem .loadbtn {
        padding-top: 30px;
    }

    .newslist .newsitem .info .tiit {
        margin-bottom: 25px;
        margin-top: 30px;
    }

    .product-item .info .info-line {
        margin-bottom: 10px;
    }

    .product-item:hover .info {
        padding-top: 0px;
    }

    .newsnav a {
        width: 22.333%;
        font-size: 13px;
    }

    .margins {
        margin-top: 30px;
    }
}

@media screen and (max-width: 500px) {
    .solutionmain .sitem {
        margin-bottom: 7px;
    }

    .solutionmain .sitem:nth-child(4) {
        height: 458px;
        height: auto !important;
    }

    .section-text {
        text-align: left;
        font-size: 14px;
    }

    .nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .nav-tabs > li {
        margin-bottom: 5px;
    }

    .product-item .info .info-tit {
        font-size: 16px;
    }

    .kftj .row .kftj-item .media {
        height: auto;
    }

    .pagecon .productlist .row .product-item {
        margin-bottom: 15px;
    }

    /*
	*/
    .ban_tit {
        margin-bottom: 15px;
        letter-spacing: 1px;
        font-size: 18px;
    }

    .ban_p {
        letter-spacing: 1px;
        font-size: 12px;
    }

    .ban_txt .disvc {
        padding-bottom: 30px;
    }

    .aboutsection .section-text {
        font-size: 14px;
        line-height: 24px;
    }

    .jskfslider .owl-stage-outer {
        margin-bottom: 0;
    }

    .section-text {
        text-align: center;
    }

    .historyslider {
        padding: 0px;
    }

    .historyslider .owl-item:nth-of-type(2n) .text,
    .historyslider .owl-item:nth-of-type(2n+1) .text {
        padding: 10px;
        line-height: 18px;
    }

    .product-item .info .info-tit {
        font-size: 20px;
    }

    .gycons {
        overflow: hidden;
        max-width: 100%;
    }

    .footer-top .footernav a {
        line-height: 16px;
        height: auto;
        padding: 5px 0;
    }
}

a.accordion-toggle {
    color: #0071be;
}

.edui-upload-video {
    max-width: 100% !important;
    height: auto !important;
}

.tableBoxs {
    width: 100%;
    overflow-y: hidden;
}

@media screen and (max-width: 1500px) {
    .contanusbtns {
        top: 75px;
    }
}

.cnenBut {
    position: relative;
    display: inline-block;
}

.cnEnUl {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80px;
    background-color: #fff;
    list-style: none;
    padding: 10px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 5px;
}

.cnenBut.vis .cnEnUl {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}

.cnEnUl li {
    line-height: 28px;
}

.cnEnUl a {
    font-size: 14px;
    color: #666;
}

.cnEnUl .active a, .cnEnUl li:hover a {
    color: #0071be;
}

.navbox .container > a {
    padding: 0 15px;
}

img {
    height: auto !important;
}

.pageitem .tit {
    font-size: 20px;
}

.weixins {
    position: relative;
}

.weixins div {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 150px;
    padding: 0px;
    /*background-color: #fff;*/
    /*border-radius: 3px;*/
    margin-bottom: 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.weixins:hover {
    opacity: 1 !important;
}

.weixins:hover div {
    visibility: visible;
    opacity: 1;
    margin-bottom: 20px;
}

.weixins div img {
    width: 100%;
    border-radius: 3px;
}

.weixins div:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}