/*
Theme Name: 中环海陆
Theme URI: 
Description:QQ   361436824  
Author: jeffrey
Version: 1.0 
*/
@keyframes big2small{
  0%{
    transform: scale(1);
  }
  25%{
    transform: scale(1.3);
  }
  75%{
    transform: scale(0.5);
  }
  100%{
    transform: scale(1);
  }
}
* {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: "微软雅黑", Arial;
    border: none;
}

body {
    font-size: 13px;
    color: #666666
}
/* 栅格系统 */
.row {
    margin-left: 0;
    margin-right: 0;
    position:relative;
  }
.overhide{
    overflow: hidden;
}
.underline{
    text-decoration:underline;
}
.row:before,
.row:after,
.clearfix
{
  content: " ";
  display: table;
}
  .col-1,.col-2, .col-3,.col-4,.col-5,.col-6,.col-7, .col-8,.col-9,.col-10,.col-11,.col-12,
  .col-13,.col-14,.col-15,.col-16,.col-17, .col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24,{
    position: relative;
    min-height: 1px;
  }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
  .col-13,.col-14,.col-15,.col-16,.col-17, .col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24 {
    float: left;
  }
  .col-1{width:4.16666667%}
  .col-offset-1{margin-left:4.16666667%}
  .col-2{width:8.33333333%}
  .col-offset-2{margin-left:8.33333333%}
  .col-3{width:12.5%}
  .col-offset-3{margin-left:12.5%}
  .col-4{width:16.66666667%}
  .col-offset-4{margin-left:16.66666667%}
  .col-5{width:20.83333333%}
  .col-offset-5{margin-left:20.83333333%}
  .col-6{width:25%}
  .col-offset-6{margin-left:25%}
  .col-7{width:29.16666667%}
  .col-offset-7{margin-left:29.16666667%}
  .col-8{width:33.33333333%}
  .col-offset-8{margin-left:33.33333333%}
  .col-9{width:37.5%}
  .col-offset-9{margin-left:37.5%}
  .col-10{width:41.66666667%}
  .col-offset-10{margin-left:41.66666667%}
  .col-11{width:45.83333333%}
  .col-offset-11{margin-left:45.83333333%}
  .col-12{width:50%}
  .col-offset-12{margin-left:50%}
  .col-13{width:54.16666667%}
  .col-offset-13{margin-left:54.16666667%}
  .col-14{width:58.33333333%}
  .col-offset-14{margin-left:58.33333333%}
  .col-15{width:62.5%}
  .col-offset-15{margin-left:62.5%}
  .col-16{width:66.66666667%}
  .col-offset-16{margin-left:66.66666667%}
  .col-17{width:70.83333333%}
  .col-offset-17{margin-left:70.83333333%}
  .col-18{width:75%}
  .col-offset-18{margin-left:75%}
  .col-19{width:79.16666667%}
  .col-offset-19{margin-left:79.16666667%}
  .col-20{width:83.33333333%}
  .col-offset-20{margin-left:83.33333333%}
  .col-21{width:87.5%}.col-offset-21{margin-left:87.5%}
  .col-22{width:91.66666667%}
  .col-offset-22{margin-left:91.66666667%}
  .col-23{width:95.83333333%}
  .col-offset-23{margin-left:95.83333333%}
  .col-24{width:100%}
  .col-offset-24{margin-left:100%}
@media screen and (max-width:767px) {
    .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-13,.col-xs-14,.col-xs-15,.col-xs-16,.col-xs-17,.col-xs-18,.col-xs-19,.col-xs-20,.col-xs-21,.col-xs-22,.col-xs-23,.col-xs-24 {position:relative;min-height:1px;}
    .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-13,.col-xs-14,.col-xs-15,.col-xs-16,.col-xs-17,.col-xs-18,.col-xs-19,.col-xs-20,.col-xs-21,.col-xs-22,.col-xs-23,.col-xs-24 {float:left;}
    .col-xs-1 {width:4.16666667%}
    .col-xs-offset-0 {margin-left:0%}
    .col-xs-offset-1 {margin-left:4.16666667%}
    .col-xs-2 {width:8.33333333%}
    .col-xs-offset-2 {margin-left:8.33333333%}
    .col-xs-3 {width:12.5%}
    .col-xs-offset-3 {margin-left:12.5%}
    .col-xs-4 {width:16.66666667%}
    .col-xs-offset-4 {margin-left:16.66666667%}
    .col-xs-5 {width:20.83333333%}
    .col-xs-offset-5 {margin-left:20.83333333%}
    .col-xs-6 {width:25%}
    .col-xs-offset-6 {margin-left:25%}
    .col-xs-7 {width:29.16666667%}
    .col-xs-offset-7 {margin-left:29.16666667%}
    .col-xs-8 {width:33.33333333%}
    .col-xs-offset-8 {margin-left:33.33333333%}
    .col-xs-9 {width:37.5%}
    .col-xs-offset-9 {margin-left:37.5%}
    .col-xs-10 {width:41.66666667%}
    .col-xs-offset-10 {margin-left:41.66666667%}
    .col-xs-11 {width:45.83333333%}
    .col-xs-offset-11 {margin-left:45.83333333%}
    .col-xs-12 {width:50%}
    .col-xs-offset-12 {margin-left:50%}
    .col-xs-13 {width:54.16666667%}
    .col-xs-offset-13 {margin-left:54.16666667%}
    .col-xs-14 {width:58.33333333%}
    .col-xs-offset-14 {margin-left:58.33333333%}
    .col-xs-15 {width:62.5%}
    .col-xs-offset-15 {margin-left:62.5%}
    .col-xs-16 {width:66.66666667%}
    .col-xs-offset-16 {margin-left:66.66666667%}
    .col-xs-17 {width:70.83333333%}
    .col-xs-offset-17 {margin-left:70.83333333%}
    .col-xs-18 {width:75%}
    .col-xs-offset-18 {margin-left:75%}
    .col-xs-19 {width:79.16666667%}
    .col-xs-offset-19 {margin-left:79.16666667%}
    .col-xs-20 {width:83.33333333%}
    .col-xs-offset-20 {margin-left:83.33333333%}
    .col-xs-21 {width:87.5%}
    .col-xs-offset-21 {margin-left:87.5%}
    .col-xs-22 {width:91.66666667%}
    .col-xs-offset-22 {margin-left:91.66666667%}
    .col-xs-23 {width:95.83333333%}
    .col-xs-offset-23 {margin-left:95.83333333%}
    .col-xs-24 {width:100%}
    .col-xs-offset-24 {margin-left:100%}
}
/*  */
img.aligncenter {
    margin: 0 auto;
    display: block
}
.block{
    display:block;
}
.margin-center{
    margin: 0 auto;
}
.w1000{
    width:1000px;
    margin: 0 auto;
}
.w1400{
    width:1400px;
    margin: 0 auto;
}
.w1300{
    width:1300px;
    margin: 0 auto;
}
.clear {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

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

.h5 {
    height: 5px;
}

.h10 {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h25 {
    height: 25px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

.h50 {
    height: 50px;
}

.h60 {
    height: 60px;
}

.h70 {
    height: 70px;
}

.fl {
    float: left
}

.fr {
    float: right
}

img.qw {
    display: block;
    width: 100%;
}

.w {
    width: 1200px;
    margin: 0 auto;
}
.img-block{
    display: block;
    max-width: 100%;

}
.title,.title-en{
    display:block;
}

.header_zhan {
    /* height: 90px; */
    display: none;
}
header .shadow{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 600px;
    background: rgba(35,145,90,0.9);
    z-index: -1;
}
.lymsg-w100 textarea{
    width: 100%;
    min-width: 100%;
    background: none;
    border-radius: 3px;
    border: 1px solid rgb(255, 255, 255);
    margin: 0px;
    max-width: 100%;
    height: 170px;
    min-height: 170px;
    max-height: 170px;
    padding-left: 15px;
    font-size: 14px;
    padding-top: 15px;
    outline: none;
    color: #FFF;
}
#gform_confirmation_message_1{
    color: #fff;
    position: absolute;
    top: 20%;
    font-size: 16px;
}


.list-flex{
    display:flex;
    flex-wrap: wrap;
}
.lymsg-w80 input{
    width: 80%;
    background: none;
    outline: none;
    border: 1px solid #fff;
    line-height: 39px;
    border-radius: 3px;
    padding-left: 15px;
    color: #fff;
    margin: 10px 0;
    font-size: 14px;
    height:40px;
}
.list-inline li{
    display:inline-block;
}
.lymsg-w80 ::-webkit-input-placeholder { 
color:#FFF !important; 
}
.lymsg-w100 ::-webkit-input-placeholder { 
color:#FFF !important; 
}
#gform_1{
    margin-top: 200px;
}
#gform_submit_button_1,#gform_submit_button_3{
    width: 40%;
    background: none;
    outline: none;
    border: 1px solid #fff;
    line-height: 39px;
    border-radius: 3px;
    color: #fff;
    margin: 10px 0;
    font-size: 14px;
    cursor: pointer;
}
#gform_submit_button_1:hover, #gform_submit_button_3:hover{
	background:#FFF;
    COLOR:#333;
}
.w-1300 {
    margin: 0 auto;
    width: 1300px;
}

.w-1400 {
    margin: 0 auto;
    width: 1400px;
}

/*加载中*/
#jiazai {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgb(245, 245, 245);
    text-align: center;
    left: 0;
    top: 0;
}



.load-container {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    display: block;
    margin: 0 auto;
    user-select: none;
    box-sizing: border-box;
}

.rongqi {
    top: 50%;
    position: relative;
    margin-top: -90px;
}

.rongqi>img {
    margin-top: 20px;
}

.load-container:before {
    content: 'Loading...';
    display: block;
    position: absolute;
    top: 35px;
    font-size: 18px;
    line-height: 200%;
    text-align: center;
    left: 0;
    right: 0;
    color: #12285c;
    box-sizing: border-box;
}

.load1 .loader {
    border-radius: 50%;
    font-size: 12px !important;
    width: 8em;
    height: 8em;
    position: relative;
    display: inline-block;
    text-indent: -9999em;
    border: 0.2em solid #ff9933;
    border-left: 0.2em solid #e11c2b;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    animation: load 0.85s infinite linear;
    -o-animation: load 0.85s infinite linear;
    -webkit-animation: load 0.85s infinite linear;
    -moz-animation: load 0.85s infinite linear;
}

@-ms-keyframes load {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-moz-keyframes load {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes load {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes load {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@keyframes load {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

/*全局动画*/
.dh {
    position: relative;
    top: 50px;
    opacity: 0;
}

.ksdh {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

header {
    background: rgba(35,145,90,0.4);
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 101;
    display:none;
}

.logo {
    padding: 10px 0;
}
.nav-toggle{
    background: #ededed;
    width:320px;
    height:80px;
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 111;
    transition: all 0.3s;
}
.nav-toggle.on{
    transform: scale(0.6);
    top: -16px;
    left: -64px;
}
.nav-toggle .img{
    float:left;
    box-sizing:border-box;
    padding:15px 25px;
}
.toggle{
    height: 80px;
    width:80px;
    float:right;
    background: #ff9933;
    box-sizing:border-box;
    padding:20px;
}
.toggle img,.toggle span{
    display:none;
}
.toggle span{
    font-size: 19px;
    color: #fff;
    line-height: 40px;
}
.toggle .defalut{
    display:block;
}

.toggle.close .defalut,.toggle:hover .defalut,.toggle.isShow:hover .close-img2{
    display:none;
}
.toggle.isShow:hover .close-img,.toggle:hover .close-img2{
    display:block;
}
.nav {
   min-height:100vh;
}

.yuyan {
    margin-left: 60px;
}

.show-more{
    width: 182px;
    height: 44px;
    background: #ff9933;
    border-radius: 22px;
    display:block;
    margin:0 auto;
    color:#fff;
    text-align:center;
    line-height:44px;
}
.flex-list{
    display:flex;
}
.flex-list li{
    flex: 1;
}
  
  /* 新闻end */
.ygtd {
    margin-left: 20px;
}
.text-center{
    text-align: center;
}
.nav .sub-menu img{
  position: absolute;
  top: 25px;
  right: 4%;
  width: 276px;
  height: 185px;
  border-left:1px solid #c7c7c7;
  padding-left:50px;
}
.nav .sub-menu{
  position: relative;
}
.nav>ul>li {
    float: left;
    border-left:1px solid #a5a5a5;
    padding-top:200px;
    width: 200px;
    min-height: 100vh;
}
.nav>ul>li:last-child{
    border-right:1px solid #a5a5a5;
}
.nav>ul>li>.sub-menu {
    display: block;
    position: absolute;
    box-sizing: border-box;
    padding: 0 15px;
  	
}
.nav>ul>li>.sub-menu li{
	text-align:left;
}

.nav>ul>li>.sub-menu li a {
    display: block;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
}

.nav>ul>li>.sub-menu li a:hover {
    color: #FF9933;
}

.nav>ul>li.xz>ul.sub-menu {
    z-index: 10;
    box-shadow: 1px 1px 3px 0px rgba(144, 144, 144, 0.37);
    -webkit-box-shadow: 1px 1px 3px 0px rgba(144, 144, 144, 0.37);
    -moz-box-shadow: 1px 1px 3px 0px rgba(144, 144, 144, 0.37);
    display: block !important;
}
.nav>ul>li>a {
    display: block;
    margin: 15px;
    margin-top: 10px;
    font-size: 24px;
    color: #FF9933;
    position: relative;
}
.nav>ul>li>a::before{
    content:'';
    position:absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff9933;
    left:-19px;
    top: 7px;
}
.navxiala .qiehuan {
    height: 80px;
    line-height: 80px;
    margin-top: 10px;
    display: block;
    padding-right: 15px;
    background-image: url(images/jt.png);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.navxiala ul {
    display: none
}

.navxiala ul li {
    display: block
}

.navxiala ul li a {
    display: block
}

#top .wx {
    margin-top: 28px;
    cursor: pointer
}

#tan {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.70);
    z-index: 19;
    display: none;
    top: 0;
    left: 0;
}

#tan .tannr {
    width: 200px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -200px;
    text-align: center;
    font-size: 16px;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.nr-txt .nr-left {
    margin-right: 20px;
}

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

#tan .tannr img {
    width: 100%;
    display: block
}

/*slide*/
#home-slide{
    position: relative;
}
#home-slide img {
    display: block;
    width: 100%;
}

#swiper-pagination1 {
    bottom: 0px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: auto;
    left: 50%;
    height: 30px;
    line-height: 32px;
    padding: 0 10px;
    transform: translate(-50%, -50%);
}

#swiper-pagination1 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #e6e6e6;
    opacity: 1;
    margin: 0 4px;
}

#swiper-pagination1 .swiper-pagination-bullet-active {
    background: #fff;
    border-radius: 20px;
    width:45px;
}

/*about*/
.homediv {
    padding-top: 90px;
    padding-bottom: 80px;
}

span.bt,
span.fubt,
span.icon {
    display: block
}


.home-title {
    padding-top:100px;
    text-align: center;
    margin-bottom: 70px;
}
.home-title .cn{
    font-size: 36px;
    font-weight: 700;
    color: #ff962e;
}
.home-title .en{
    font-size: 18px;
    font-weight: 400;
    color: #ff962e;
}
.home-title .line{
    width:40px;
    display:inline-block;
    height:2px;
    margin: 0 20px;
    vertical-align: middle;
    background:#ff9933;
}
#news-body{
    background:#F4F4F4;
    padding-bottom:150px;
  }
  #news-body .body{
    padding:20px;
  }
  #news-body li{
    display:flex;
    padding:50px;
    box-sizing:border-box;
    justify-content: flex-start;
    align-items:center;
    background:#fff;
    border-radius: 6px;
    margin-bottom: 50px;
  }
  #news-body li .left img{
    height:100%;
    display:block;
  }
  #news-body li .right{
    padding-left:50px;
  }
  #news-body li .right p{
    text-indent: 2em;
  }
  #news-body li .right a{
    color: #666;
  }
  #news-body li .right .time img{
    padding-right:10px;
    color:#666;
  }
  #news-body li .right .time{
    color:#888888;
  }
  #news-body li .right h2{
    font-size: 18px;
    margin: 30px 0;
  }
  #news-body li .right p{
    line-height:1.8;
    margin-bottom:30px;
  }
  #news-body li .right .show{
    font-size:12px;
    color:#888888;
  }
  #news-body li:hover{
    
    box-shadow: 1px 1px 20px 0px #c7c7c7;
  }
  #news-body li:hover h2{
    color:#FF9933;
  }
  .news-nav{
    margin-top:50px;
    text-align:center;
  }
  .news-nav a{
    width: 40px;
    height: 40px;
    background: #f4f4f4;
    border: 1px solid #b5b5b5;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    margin-right:10px;
    color:#666666;
    font-size: 16px;
  }
  .news-nav a.current,.news-nav a:hover{
    background: #ff9933;
    border: 1px solid #ff9933;
    color:#fff;
  }
  #product-list{
    background:#F6F6F6;
    padding-top:80px;
  }
  #product-list .left .item {
    margin-bottom:100px;
  }
  #product-list .left .item h3{
    font-size: 30px;
    font-weight: 700;
    color:#FF9933;
    margin-bottom:50px;
  }
  #product-list .left .item .list-flex{
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items:center;
  }
  #product-list .left .item .list-flex li{
    width:24%;
    margin-right:1%;
    margin-bottom:35px;
  }
  #product-list .left .item .list-flex li .img{
    background:#23915A;
    min-height:200px;
    display:flex;
    justify-content: center;
    align-items:center;
    max-height:200px;
  }
  #product-list .left .item .list-flex li span{
    display:flex;
    justify-content: center;
    align-items:center;
    color:#FF9933;
    font-size: 16px;
    height:50px;
    background:#fff;
    padding:0 10px;
  }
  #product-list .right{
    box-sizing:border-box;
    position:relative;
  }
  #product-list .right .list-flex{
    flex-wrap:wrap;
    position:absolute;
    right:0px;
    top:0px;
    width:250px;
  }
  #product-list .right .list-flex.fixed-box{
      position: fixed;
      right: ;
  }
  #product-list .right .list-flex .title{
    height: 60px;
    width:100%;
    display:flex;
    justify-content: center;
    align-items:center;
    background:#FF9933;
    color:#fff;
    font-size:24px;
    
  }
  #product-list .right .list-flex li{
    width:100%;
    display:flex;
    justify-content: center;
    align-items:center;
    height:60px;
    background:#fff;
  }
  #product-list .right .list-flex li a{
    color:#333333;
    font-size: 16px;
  }
  #product-list .right .list-flex li:not(:last-child){
    border-bottom:1px solid #bfbfbf;
  }
  
  #product-list .right .list-flex li:hover{
    background:#ff9933;
    
  }
  #product-list .right .list-flex li:hover a{
    color:#fff;
  }
  #contact{
    margin-bottom:50px;
  }
  #contact .info {color:#FF9933;float:left;background:#23915a;width:500px;padding:50px 40px;box-sizing:border-box;height:500px;}
  #contact .map {width: 700px;height: 500px;float:left;}
  #contact .info h3 {font-size:20px;margin-bottom:5px;}
  #contact .info .title_en {font-size:16px;margin-bottom:5px;}
  #contact .info ul {border-top:1px solid #fff;border-bottom:1px solid #fff;padding-bottom:30px;overflow:hidden;}
  #contact .info ul li {margin-top:20px;overflow:hidden;font-size:14px;}
  #contact .contact-details .header{
      margin-bottom:50px;
  }
  #contact .contact-details .header span{
      
      font-size:24px;
      font-weight:700;
      color:#FF9933;
      margin-left:10px;
      
  }
  
  #contact .contact-details .body span{
      font-size:20px;
      color:#666666;
      margin-bottom:20px;
      display:block;
  }
  #contact .contact-details .body p{
      font-size:16px;
      color:#666666;
      line-height:2;
  }
  .daohang-btn {
      width: 127px;
      height: 37px;
      background: rgba(234,199,134,1);
      margin-top: 25px;
      display: block;
      text-align: center;
      line-height: 37px;
      border-radius: 5px;
      color: #464646;
  }
footer {
    background: #23915A;
    background-position: left top;
    background-size:100% 100%;
}

.foot-logo{
    padding:50px 0 30px 0;
}
.foot-a {
    padding-top: 120px;
    padding-bottom: 50px;
}
.foot-a .fuwu{
    margin-top:30px;
    text-align: left;
    color: #E4E4E4;
    line-height: 1.8;
}

.foot-link {
    margin-bottom: 10px;
}

.foot-link li {
    display: block;
    float: left;
    margin-right: 6px;
    color: #b9c0cf;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.foot-link li a {
    color: #b9c0cf;
    display: block;
    margin-right: 5px;
}

.foot-a .erwei {
    text-align: center;
    color: #f5f5f5;
    padding-top: 5px;
}

.foot-a .erwei img {
    display: block;
    margin-bottom: 20px;
}


.foot-a .foot-nav .xgj {
    float: left;
    padding-right: 100px;
    min-height: 195px;
}

.foot-a .foot-nav .xgj:last-of-type {
    border: none
}

.foot-a .foot-nav .xgj .footnav-title {
    color: #FF9933;
    font-size: 16px;
    margin-bottom: 26px;
}
.foot-a .foot-nav .xgj li:hover a{
  color: #FF9933;
}
.foot-a .foot-nav .xgj li a {
    display: block;
    line-height: 24px;
    color: #FFFFFF;
    font-size: 12px;
    color: #e4e4e4;
}
.section-title{

text-align:center;
padding-top: 120px;
padding-bottom: 70px;
}
.section-title h3{
    font-weight: 300;
    font-size:36px;
    text-align:center;
}
.section-title p{
    font-size: 16px;
    font-weight: 300;
}
.section-title .line{
width:40px;
display:inline-block;
height:3px;
background:#E10000;
}
.foot-a .foot-nav .xgj li.navbt a {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #333;
}

.foot-a .footer-call {
    text-align: right;
}

.foot-a .footer-call p {
    margin: 5px 0;
}

.foot-a .footer-map {
    position: absolute;
    top: 120px;
}

.foot-b {
    border-top: 1px solid #fff;
    height: 40px;
    line-height: 40px;
    color: #b9c0cf;
}

.foot-b a {
    color: #b9c0cf;
}

.footer a.btn{
    width:140px;
    height:40px;
    border:1px solid #BFBFBF;
    display:block;
    margin: 20px auto;
    text-align:center;
    color:#888888;
    line-height: 40px;
    
  }
  .footer a.btn:hover{
    background:#8B00FF;
    color:#FFF;
  }
#page-nav {
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #c1bfbf;
}

#page-nav .page-title {
    color: #000;
    font-size: 24px;
}

#page-nav .page-nav-list ul li {
    float: left;
    display: block;
}

#page-nav .page-nav-list ul li:last-of-type a {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

#page-nav .page-nav-list ul li a {
    font-size: 14px;
    color: #555555;
    margin-right: 24px;
    padding-right: 24px;
    border-right: 1px solid #c1bfbf;
    font-weight: 300;
}

#page-nav .page-nav-list ul li.dq a,
#page-nav .page-nav-list ul li a:hover {
    color: #9F30FC;
}

.pagediv {
    padding-top: 50px;
}

.pagediv.jishuindex {
    padding-top: 30px;
    padding-bottom: 50px;
}

body .pagediv.jishuindex.dier {
    background: #F6F6F6
}

.pagediv-bt {
    text-align: center;
    margin-bottom: 50px;
}

.pagediv-bt span {
    display: block
}

#page-contenr .pagediv-bt .hanzi,
#page-contenr .pagediv-bt .hanzi p {
    color: #83b514;
    font-size: 36px;
    margin-bottom: 6px;
}

.pagediv-bt .yw,
#page-contenr .pagediv-bt .yw p {
    font-family: HelveticaNeueCE;
    font-size: 18px;
    color: #b2b3b1;
    margin-bottom: 20px;
}

.pagediv-bt .hx {
    width: 37px;
    height: 1px;
    background: #3598d5;
    margin: 0 auto;
}

.pagediv.shu {
    padding-top: 50px;
    padding-bottom: 100px;
}

#page-contenr .nr-div {
    width: 47.5%;
}

#page-contenr .nr-div .img img {
    display: block;
    width: 100%;
}

#page-contenr p {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}

#page-contenr.about .img {
    margin-top: 5px;
    margin-bottom: 5px;
}

#page-contenr.xdwh .nr-div.left {
    width: 42.5%;
}

#page-contenr.xdwh .nr-div.right {
    width: 52.5%;
}

#page-contenr.xdwh .nr-div.right ul li {
    display: block;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #bfbfbf;
    font-size: 14px;
    color: #666666;
}

#page-contenr.xdwh .nr-div.right ul li .bt {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    margin-right: 6px;
    padding-left: 60px;
    background-image: url(images/whbj.png);
    background-repeat: no-repeat;
}

#page-contenr.xdwh .nr-div.right ul li:nth-child(1) .bt {
    background-position: 0px 17px;
}

#page-contenr.xdwh .nr-div.right ul li:nth-child(2) .bt {
    background-position: 3px -76px;
}

#page-contenr.xdwh .nr-div.right ul li:nth-child(3) .bt {
    background-position: 2px -157px;
}

#page-contenr.xdwh .nr-div.right ul li:nth-child(4) .bt {
    background-position: 1px -243px;
}

#page-contenr.xdwh .nr-div.right ul li:nth-child(5) .bt {
    background-position: 1px -325px;
}


.page-cat ul {
    border-bottom: 1px solid #bfbfbf;
}

.page-cat ul li {
    display: block;
    float: left;
    border: 1px solid #bfbfbf;
    border-bottom: none;
    margin-right: 10px;
}

.page-cat ul li a {
    display: block;
    border-top: 3px solid #fff;
    font-size: 18px;
    color: #666666;
    padding: 0 50px;
    line-height: 60px;
    height: 60px;
}

.page-cat ul li.dq a,
.page-cat ul li a:hover {
    border-top: 3px solid #0d58b3
}

.hdlist ul {
    margin-bottom: 50px;
}

.hdlist ul li {
    margin-top: 50px;
}

.hdlist ul li a {
    display: block;
    border-top: 2px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
}

.hdlist ul li span {
    display: block
}

.hdlist ul li .txt {
    width: 62%;
    padding-top: 25px;
    margin-right: 8%;
}

.hdlist ul li .txt .wh-title {
    font-size: 23px;
    color: #3598d5;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 30px;
    background: url(images/quan.png) left center no-repeat;
}

.hdlist ul li .txt p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 25px;
    line-height: 26px;
    margin-left: 30px;
}

.hdlist ul li .txt .link {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #c4c4c4;
    color: #3a3a3a;
    margin-left: 30px;
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.hdlist ul li .txt .link:hover {
    background: #0d5197;
    border-color: #0d5197;
    color: #fff
}

.hdlist ul li .img {
    width: 30%
}

.hdlist ul li .img img {
    display: block;
    width: 100%
}

.page_navi {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.page_navi a {
    height: 36px;
    color: #666666;
    text-decoration: none;
    line-height: 36px;
    margin: 0 2px;
    padding: 2px
}

.language{
    z-index: 11111;
    position: absolute;
    right: 50px;
    top: 90px;
    
    font-size: 20px;
}
.language a{
    color: #fff;
}
.page_navi a:hover,
.page_navi a.current {
    text-decoration: none;
    color: #343434;
    font-weight: bolder
}

 
#home-product{
    background:url('images/home-product-bg.jpg') right top no-repeat;
    width:100%;
    background-size:100%;
  }
  #home-product .body{
    padding-bottom:50px;
  }
  #home-product li{
    width: 25%;
    position:relative;
  }
  #home-product li img{
    display:block;
  }
  #home-product li span{
    position:absolute;
    left:25px;
    bottom:25px;
    font-size: 36px;
    color:#fff;
    font-weight: 700;
  }
  #home-video{
    width:100%;
    overflow: hidden;
    position:relative;
    height:800px;
  }
  #home-video img{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
  }
  #home-news{
    background:url('images/home-news-bg.png') left top no-repeat;
    width:100%;
    background-size: 100% 100%;
    padding-bottom:30px;
  }
  #home-news .home-title{
    padding-top: 30px;
    margin-bottom:30px;
  }
  #home-news .newss-nav{
    text-align:center;
    margin-bottom:50px;
  }
  #home-news .newss-nav li a{
    padding:0 50px;
    font-size: 24px;
    color:#333333;
    position:relative;
  }
  #home-news .newss-nav li.current a::after{
    content:'';
    position: absolute;
    bottom:-10px;
    left:50%;
    width: 46px;
    height: 6px;
    background: #ff9933;
    border-radius: 3px;
    transform: translateX(-50%);
  }
  #home-news .list-flex{
    flex-wrap:wrap;
    justify-content: space-between;
    margin-bottom:30px;
  }
  #home-news .list-flex li{
    width:28%;
    margin-bottom:30px;

  }
  #home-news .list-flex li .time{
    font-size: 12px;
    color:#888888;
    margin:30px 0;
  }
  #home-news .list-flex li .time .zuixin{
    display:block;
    width:80px;
    padding:5px 0;
    text-align:center;
    border: 1px solid #ff0000;
    color:#FF0000;
  }
  #home-news .list-flex li h3{
    font-size: 16px;
    color:#333333;
    margin-bottom:35px;
    font-weight: 700;
  }
  #home-news .list-flex li:hover h3{
    color:#FF9933;
  }
  #home-news .list-flex li .show{
    font-size: 12px;
    color:#888888;
  }
  #home-news .w{
    display:none;
  }
  #home-news .show{
    display:block;
  }
  #about-summary{
    padding-bottom:160px;
  }
  #about-summary li{
    width:25%;
  }
  #about-summary li img{
    display:block;
    max-width:100%;
  }
  #about-summary .info{
    background: #ecedee;
    padding:60px;
    box-sizing:border-box;
  }
  #about-summary .info h2{
    text-align:center;
    padding-top:70px;
    padding-bottom:60px;
    color:#FF9933;
    font-size: 30px;
    font-weight: 700;
  }
  #about-summary .info p{
    font-size: 16px;
    color: #666666;
    line-height:1.8;
    margin-bottom:30px;
    text-indent:2em;
  }

  #about-speech{
    background: #ecedee;
    padding-bottom:150px;
  }
  #about-speech .info{
    padding-left:30px;
  }
  #about-speech .info p{
    margin-bottom:25px;
    text-indent:2em;
    font-size:16px; 
    line-height:1.5;
  }
  #about-speech .info .bottom{
    float:right;
    
  }
  #about-organization,#about-culture,#about-future{
    padding-bottom:150px;
  }
  #about-honor,#about-av{
    background: #ecedee;
    padding-bottom:150px;
  }
  .picScroll{
    position:relative;
  }
  .picScroll>div>span.prev:hover {
      background: url('images/zjt_h.png') no-repeat;
  }
  .picScroll>div>span.prev {
      background-position: -50px 0;
      background: url('images/zjt1.png') no-repeat;
      left: -50px;
  }
  .picScroll>div>span.next:hover {
      background: url('images/yjt_h.png') no-repeat;
  }
  .picScroll>div>span.next {
      background: url('images/yjt1.png') no-repeat;
      right: -90px;
  }
  .picScroll .hd span {
    width: 42px;
    height: 42px;
    display: block;
    z-index: 1000;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}
  #about-honor .list-flex{
    justify-content: space-between;
  }
  #about-honor .list-flex li {
    width:33.33%;
    padding:0 10px;
  }
  #about-honor .list-flex li img{
    max-width:100%;
  }
  #about-honor .list-flex li span{
    font-size: 20px;
    margin-top:60px;
    color: #333333;
    display:block;
    width:80%;
    margin:60px auto 0 auto;
    text-align:center;
    padding-bottom:20px;
    border-bottom:1px solid #c5c5c5;
  }
  #about-summary .culture{
    margin-top:30px;
  }
  #about-summary .culture .list-flex{
    justify-content: space-between;
    box-sizing: border-box;
    overflow: hidden;
  }
  #about-summary .culture .list-flex li{
    width:24%;
    height:288px;
    background: #dcdcdc;
    color:#666666;
    font-size:14px;
    padding:80px 40px;
    box-sizing:border-box;
  }
  #about-summary .culture .list-flex li h3{
    color:#444;
    font-size:20px;
    font-weight: 700;
  }
  #about-summary .culture .list-flex li .line{
    display:block;
    margin: 15px 0;
    height: 1px;
    background: #aaaaaa;
    width: 36px;
  }
  
  #about-summary .culture .list-flex li:hover{
    background: #ff9933;
    color:#fff;
  }
  #about-summary .culture .list-flex li:hover h3{
    color:#fff;
  }
  #about-summary .culture .list-flex li:hover .line{
    background: #fff;
  }
  #about-av .body{
    position:relative;
    width:1000px;
    margin:0 auto;
  }
  #about-av .body li{
    position:relative;
  }
  #about-av .body .prev{
    position:absolute;
    left:-100px;
    top:50%;
    transform: translateY(-50%);
  }
  #about-av .body .next{
    position:absolute;
    right:-100px;
    top:50%;
    transform: translateY(-50%);
  }
  #about-av .body span.title{
    width:30%;
    border-bottom:1px solid #bfbfbf;
    padding-bottom:20px;
    font-size: 24px;
    margin: 70px  auto 0 auto;
    text-align:center;
  }
  
  #employees{
    padding-bottom:150px;
  }
  #employees .list-flex{
    justify-content: space-between;
  }
  #employees .list-flex li{
    width:24%;
    position:relative;
    margin-right:10px;
  }
  #employees .list-flex li span{
    width:100%;
    height: 48px;
    background:rgba(0,0,0,0.4);
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    bottom:0;
    left:0;
    position:absolute;
    color:#FF9933;
    font-size: 16px;
  }
/*企业大事件*/

.dasjslide .swiper-wrapper .swiper-slide li{
	background: url(images/item-line.png) left top no-repeat;
    height: 150px;
    background-size: auto 100%;
    padding-left:15px;
}
.dasjslide .swiper-slide .left {
    margin-left: 19%;
    font-size: 14px;
    color: #000;
    border-right: 1px solid #f1eeee;
    height: 90px;
    padding-right: 4%;
}

.dasjslide .swiper-slide .left .cattitle {
    font-size: 55px;
    font-family: Arial;
    margin-right: 3px;
}

.dasjslide .swiper-slide .right {
    padding-left: 5%;
    width: 56%;
}

.dasjslide .swiper-slide .right ul li {
    display: block;
    line-height: 26px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #5b5a5a;
    padding-left: 34px;
    background: url(images/landian.png) left 8px no-repeat;
}

#qydasj .sjdh {
    position: relative;
    margin-bottom: 95px;
}

#qydasj .sjdh .dasjfan {
    width: 39px;
    height: 39px;
    top: auto;
    bottom: 11px;
    background-size: 100%;
    margin-top: 0px;
    background-repeat: no-repeat;
}

#qydasj .dasjslide #dasjslideprev {
    background-image: url(images/zuo.png);
  	height:60px;
    width:60px;
    background-size:auto !important;
    z-index:1000 !important;
  top:48% !important;
  left:-60px;
}

#qydasj .dasjslide #dasjslidenext {
    background-image: url(images/you.png);
    height:60px;
    width:60px;
   background-size:auto !important;
  z-index:1000 !important;
   top:48% !important;
  right:-60px;
}
#about-fazhan .line-bg{
	background: url(images/sjdhbj.png) center center;
    height: 24px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 500px;
}
#qydasj .dadiv {
    
    text-align: left;
    margin-left: 6.5%;
    margin-right: 6.5%;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    min-height: 160px;
    overflow: hidden;
}

#qydasj .dadiv .xiaodiv {
    min-height: 160px;
    overflow: hidden;
}

#qydasj .dadiv #swiper-pagination3 {
    text-align: left;
    position: relative;
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    left: 0;
}

#qydasj #swiper-pagination3 span {
    width: 20%;
    display: inline-block;
    font-family: Arial;
    vertical-align: top;
    background: url(images/dhapn.png) center bottom no-repeat;
    font-size: 30px;
    height: 108px;
    text-align: center;
    opacity: 1;
    position: relative;
    bottom: -35px;
    color: #555555;
    background-size: 26px 26px;
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

#qydasj #swiper-pagination3 span.swiper-pagination-bullet-active {
    background: url(images/dhapnact.png) center bottom no-repeat;
    color: #006eb1;
    height: 130px;
    font-size: 35px;
    bottom: -30px;
}

.newslist ul {
    margin-bottom: 50px;
}

.newslist ul li {
    display: block;
    margin-bottom: 35px;
    background: #f9f9f9;
}
.newslist ul li:hover{
	background:#034b93;
    color:#FFF;
}
.newslist ul li:hover .txt .news-title,#page-contenr .newslist ul li:hover p,.newslist ul li:hover .time {
    color:#FFF;
}
.newslist ul li a {
    position: relative
}

.newslist ul li a,
.newslist ul li span {
    display: inline-block;
}
.newslist ul li a{
	width:70%;
}
.newslist ul li .img img {
    display: block;
    width: 100%;
     
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.newslist ul li .img {
    width: 25%;
    overflow: hidden;
    padding-left:40px;

}

.newslist ul li .img:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.newslist ul li .txt {
    width: 100%;
    padding: 55px 35px;
    box-sizing: border-box;
}
.white *{
    color:#fff !important;
}
.newslist ul li .txt .news-title {
    color: #000;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 20px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newslist ul li .arrow .icon{
	fill:#034B93;
}
.newslist ul li:hover .arrow .icon{
	fill:#fff;
}
.newslist ul li .arrow{

    position: absolute;
    top: 50%;
    right: -15px;
    margin-top:-25px;

}
.newslist ul li .txt p {
    font-size: 14px;
    margin-bottom: 50px;
}
.newslist ul li .time {
    font-size: 14px;
    color: #212121;
}

.news-single .single-top {
    margin-bottom: 20px;
}

.news-single .single-top h1 {
    font-weight: 400;
    color: #000;
    font-size: 25px;
    overflow: hidden;
    text-align: center;
}
.picScroll1{
    position:relative;
}
.picScroll1 .next,.picScroll1 .prev{
    position:absolute;
    top:50%;
}
.picScroll1 .prev{
    left:-50px;
}
.picScroll1 .next{
    right:-40px;
}
.news-single .single-top p{
    text-align: center;
}
.news-single .single-top .time {
    color: #3598d5;
    font-size: 14px;
    font-family: arial;
    position: relative;
    top: 6px;
}

#page-contenr.news-single p {
    line-height: 24px;
    margin-bottom: 5px;
}
#page-contenr.news-single .shangxia{
	margin-bottom:20px;
}
#page-contenr.news-single .shangxia a{
    color: #333;
}
#page-contenr.news-single .shangxia li:hover a{
	color:#0d4680;
}
#page-contenr.news-single .single-center {
    padding-bottom: 40px;
    padding-top:10px;
    margin-bottom: 25px;
    border-top: 1px solid #075B91;
    border-bottom: 1px solid #075B91;
}

#page-contenr.news-single .shang {
    text-align: center;
  	margin-bottom:20px;
}
#page-contenr.news-single .fanhui:hover{
	color:#fff;
  	background:#0d4680;
}

#page-contenr.news-single .fanhui {
    display: inline-block;
    padding: 0 30px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #313131;
    color: #313131;
    margin: 0 auto;
}

#product-nav{
    padding: 60px 0;
  }
  #product-nav li{
    width: 24.5%;
    text-align: center;
    box-sizing: border-box;
  }
  #product-nav li span{
    font-size: 30px;
    cursor: pointer;
  }
  #product-nav li span a{
    color: #5a5a5a;
  }

  #product-nav li.dq span,#product-nav li:hover span{

    padding-bottom: 10px;
    display: inline-block;
    border-bottom: 2px solid #2f416c;
  } 
#product-nav li.dq span a,#product-nav li:hover span a{
  color:#2f416c;
}
{

}
.page-nav-er ul li {
    float: left;
    margin-right: 12px;
    padding-right: 20px;
    background: url(images/erbj.png) right center no-repeat;
}

.page-nav-er ul li a {
    display: block;
    color: #888686;
}

.page-nav-er ul li a:hover,
.page-nav-er ul li.dq a {
    color: #333333;
}

.page-nav-er ul li:last-of-type {
    padding-right: 0;
    margin-right: 0;
    background: none
}

.cp-er .catbt {
    margin-bottom: 50px;
}

.cp-er .catbta {
    text-align: center;
    font-size: 28px;
    color: #0e2b66;
    margin-bottom: 25px;
    display: block
}

.cp-er .catbt .hx {
    height: 1px;
    width: 38px;
    background: #0e2b66;
    margin: 0 auto;
    display: block;
}

.cp-er ul {
    margin: 0 -0.6%;
}

.cp-er ul li {
    display: block;
    float: left;
    width: 23.8%;
    margin: 0 0.6%;
    margin-bottom: 60px;
}

.cp-er ul li .img,
.cp-er ul li img {
    display: block;
    width: 100%;
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.cp-er ul li .img {
    margin-bottom: 6px;
    overflow: hidden;

}

.cp-er ul li:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.cp-er ul li:hover h3,
#page-contenr.cp-san .txt p:hover {
    color: #1f6cb7;
}

.cp-er ul li h3 {
    margin: 0 20px;
    font-weight: 400;
    color: #333333;
    font-size: 14px;
    padding-right: 20px;
    background: url(images/more.png) right 3px no-repeat;
    height: 22px;
}


.cp-san ul li {
    display: block;
    margin-top: 50px;
}

.cp-san ul li a {
    display: block;
    position: relative
}

.cp-san ul li span {
    display: block
}

.cp-san ul li .img {
    width: 31.5%;
    overflow: hidden
}

.cp-san ul li .img img {
    display: block;
    width: 100%;
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;

}

.cp-san ul li .img:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.cp-san ul li .txt {
    width: 64.5%;
    float: right
}

.cp-san ul li .txt h3 {
    font-weight: 400;
    color: #133985;
    font-size: 25px;
    margin-bottom: 24px;
}

.cp-san ul li .txt p {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}

.cp-san ul li .more {
    position: absolute;
    bottom: 0;
    left: 35.5%;
    border: 1px solid #131313;
    color: #131313;
    height: 45px;
    line-height: 45px;
    padding: 0 36px;
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.cp-san ul li .more:hover {
    background: #1f6cb7;
    color: #fff;
    border: 1px solid #1f6cb7;
}

.cp-contenr {
    margin-top: 50px;
}

.cp-contenr .cp-top {
    margin-bottom: 40px;
}

.cp-contenr .cp-top span,
.cp-contenr .cp-top img {
    display: block;
}

.cp-contenr .cp-top img {
    width: 100%;
}

.cp-contenr .cp-top .img {
    width: 31.5%;
}

.cp-contenr .cp-top .txt {
    width: 64.5%;
}

.cp-contenr .cp-top .txt h1 {
    color: #133985;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dbdbdb;
}

.cp-contenr .nr-title {
    font-size: 16px;
    color: #333333;
    padding-left: 23px;
    background: url(images/title.png) left center no-repeat;
}

.cp-contenr .cp-top .txt p {
    margin-left: 23px;
    color: #666;
    font-size: 14px;
}

.cp-contenr .cp-top .txt .nr-title {
    margin-bottom: 6px;
}

.jianma-div-a {
    border-top: 1px solid #dbdbdb;
    padding-top: 24px;
    margin-bottom: 24px;
}

.jianma-div-a .nr-title,
.jianma-div-a .nr-txt {
    float: left;
}

.jianma-div-a .nr-title {
    width: 90px;
}

.jianma-div-a .nr-txt {
    width: 1085px;
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    margin-top: -2px;
}

.jianma-div-b {
    border-top: 1px solid #dbdbdb;
    padding-top: 24px;
    margin-bottom: 24px;
}

.jianma-div-b .nr-title {
    margin-bottom: 10px;
}

.yanfa-top {
    border: 16px solid #0d4680;
    border-bottom: none;
    width: 582px;
    margin: 0 auto;
    padding: 10px 60px;
    padding-bottom: 0;
    margin-bottom: 40px;
}

.yanfa-top p {
    position: relative;
    bottom: -4px;
}

.yanfa-list ul {
    margin: 0 -1%;
}

.yanfa-list ul li {
    display: block;
    float: left;
    width: 48%;
    margin: 0 1%;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden
}

.yanfa-list ul li .img {
    display: block;
}

.yanfa-list ul li img {
    display: block;
    width: 100%;
}

.yanfa-list ul li .txt {
    position: absolute;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height: 226px;
    display: block;
    width: 150px;
    height: 150px;
    top: -94px;
    left: 50%;
    margin-left: -75px;
    background: rgba(154, 36, 25, 0.9);
    color: #fff;
    font-size: 21px;
    text-align: center
}

.cxkj-top {
    padding-top: 10px;
    margin-bottom: 50px;
}

.kj-list ul {
    padding: 0 40px
}

.kj-list ul li {
    margin: 0 0.6%;
    float: left;
    display: block;
    width: 23.8%;
    margin-bottom: 20px;
}

.kj-list ul li span {
    display: block;
}

.kj-list ul li img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.kj-list ul li .txt {
    line-height: 20px;
    font-size: 16px;
    color: #666666;
    text-align: center
}

.zlfm-top {
    margin-bottom: 40px;
}

.zlfm-top span {
    color: #0d58b4;
}

.pinbox_ul_3 ul li:first-child {
    background: #dddcdc;
}

.pinbox_ul_3 {
    padding-top: 40px;
}

.pinbox_ul_3 ul li span {
    display: inline-block;
    line-height: 63px;
    font-size: 15px;
    color: #333;
    float: left;
    text-align: center;
}


.pinbox_ul_3 ul li {
    width: 100%;
    border: none;
    text-align: left;
    height: 63px;
    margin: 0px;
}

.list_but1,
.listx_but1 {
    width: 40px;
    padding-left: 40px;
}

.list_but2,
.listx_but2 {
    width: 430px;
    padding-left: 40px;
    padding-left: 40px;
    text-align: left !important;
}

.list_but2 {
    text-indent: 60px;
}

.list_but3,
.listx_but3 {
    width: 160px;
}

.list_but4,
.listx_but4 {
    width: 380px;
}

.list_but5,
.listx_but5 {
    width: 110px;
}

.pinbox_ul_3 ul li.cur {
    background: #f0f0f0;
}

.leftye span {
    display: inline-block;
    color: #9b9b9b;
    margin-right: 12px;
}

.pinbox_ul_3 ul {
    margin-bottom: 40px;
}

.page_navi {
    overflow: hidden;
    width: 100%;
    text-align: center
}

.page_navi a {
    height: 36px;
    border: 1px solid #d0d0d1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    line-height: 36px;
    margin: 2px;
    padding: 1px 7px;
    color: #0d58b4
}

.page_navi a:hover,
.page_navi a.current {
    text-decoration: none;
    border: 1px solid #0d58b4;
    color: #fff;
    background-color: #0d58b4;
}

.jczx .kj-list ul {
    padding: 0;
    margin: 0 -1%
}

.jczx .kj-list ul li {
    margin: 0 1%;
    float: left;
    display: block;
    width: 31.3333%;
    margin-bottom: 20px;
}

.jczx.ljzz .kj-list ul li {

    width: 48%;
}

.huoban-list .bt {
    color: #666666;
    display: block;
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 30px;
}

.huoban-list ul {
    display: block;
    margin: 0-1%;
    margin-bottom: 50px;
}

.huoban-list ul li {
    display: block;
    float: left;
    width: 18%;
    margin: 0 1%;
    margin-bottom: 20px;
}

.huoban-list ul li .table-cell {
    border: 1px solid #f2f2f2;
}

.huoban-list ul li .table {
    height: 75px;
}

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

.table-cell {
    display: table-cell;
    text-align: center;
    width: 100%;
    height: 100%;
    vertical-align: middle
}


.xszx {
    border: 1px solid #bfbfbf;
    border-left: none;
    border-right: none
}

.xszx .xs-left {
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}

.xszx .xs-left .name {
    min-height: 1px;
    width: 130px;
    text-align: right;
    display: inline-block;
}

.xszx .xs-left li {
    line-height: 28px;
}

.xszx .xs-left .li {
    padding: 13px 0px;
    border-bottom: 1px solid #bfbfbf;
}

.xszx .xs-left .li:last-of-type {
    border: none
}

.xszx .xs-right {
    margin-right: 60px;
    background: #faf9f9;
    margin-top: 90px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.xszx .xs-right li {
    padding-left: 80px;
    display: block;
    width: 320px;
    height: 100px;
    line-height: 100px;
    background: url(images/dh1.png) 60px center no-repeat;
    font-size: 23px;
    color: #ed2d2d;
    text-align: center
}

.xszx .xs-right li .name {
    color: #666666;
}

.lxtxt .bt {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    color: #83b514;
}

.lxtxt .lx-left {
    width: 460px;
}

.lxtxt .lx-left li:first-of-type {
    border-top: 1px solid #bfbfbf
}

.lxtxt .lx-left li {
    border-bottom: 1px solid #bfbfbf;
    height: 54px;
    padding: 20px 0;
}

.lxtxt .lx-left li span {
    display: inline-block
}

.lxtxt .lx-left li .icon {
    width: 80px;
    height: 54px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 20px;
    border-right: 1px solid #bfbfbf
}

.lxtxt .lx-left li:nth-child(1) .icon {
    background-image: url(images/lx1.png)
}

.lxtxt .lx-left li:nth-child(2) .icon {
    background-image: url(images/lx3.png)
}

.lxtxt .lx-left li:nth-child(3) .icon {
    background-image: url(images/lx2.png)
}

.lxtxt .lx-left li .txt {
    font-size: 14px;
    color: #666666;
    vertical-align: top;
}

.lxtxt .lx-left li .txt.zongjitxt {
    color: #666666
}

.lxtxt .lx-left li .txt font {
    display: block;
    color: #333333;
    font-size: 16px;
    margin-bottom: 12px;
}

.lxtxt .lx-right {
    width: 600px;
}

.lxtxt .lx-right .divp {
    width: 264px;
    font-size: 14px;
    color: #666666;
    line-height: 36px;
}

.lxtxt {
    margin-bottom: 60px;
}

#ditu {
    min-height: 285px;
    position: relative
}

#ditu .txt {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #0d4680;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}

.job-list .top {
    line-height: 60px;
    height: 60px;
    background: #f5f5f5;
    font-size: 18px;
    color: #444444;
}

.job-list .top span,
.job-list .title span {
    display: inline-block;
    text-align: center;
}

.job-list .top .mc,
.job-list .title .mc {
    width: 200px;
    padding-left: 10px;
    text-align: left
}

.job-list .bm {
    width: 180px
}

.job-list .dd {
    width: 180px;
}

.job-list .ren {
    width: 180px;
}

.job-list .zt {
    width: 220px;
}

.job-list .time {
    width: 130px;
}

.jobnr .nrtop {
    margin-bottom: 20px;
}

.job-list .title {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #444444;
    cursor: pointer;

}

.job-list .title .zk {
    background: url(images/zk.png) center center no-repeat;
    display: block;
    width: 20px;
    height: 60px;
    float: right;
    margin-right: 35px;
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;

}

.job-list .title.dqde .zk {

    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* Internet Explorer */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.job-list .title .mc {
    padding-left: 28px;
    background: url(images/title.png) left center no-repeat;
    width: 182px;
}

.jobnr {
    border: 1px solid #bfbfbf;
    padding: 25px 30px;
}

.jobnr .nrtop .zuobian {
    width: 580px;
}

.jobnr .nrtop .youbian {
    width: 550px;
}

.jobnr .nrtop .zuobian li {
    display: block;
    float: left;
    width: 50%;
}

.jobnr .nrtop li {
    line-height: 18px;
    margin-bottom: 10px;
}

.jobnr .txtnr .bt {
    display: block;
    color: #0d4680;
    font-size: 16px;
    margin-bottom: 10px;
}

.jobnr {
    position: relative;
    border-bottom: none;
    display: none;
}

.jobnr:after {
    display: block;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: " ";
    position: absolute;
    left: 30px;
    top: -6px;
    background: #fff;
    width: 10px;
    height: 10px;
    border: 1px solid #bfbfbf;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* Internet Explorer */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.job-list .list-li {
    border-bottom: 1px solid #bfbfbf
}

.navxiala {
    position: relative
}

.navxiala ul {
    position: absolute;
    margin-top: -28px;
    position: absolute;
    z-index: 22;
    background: #fff;
    padding: 5px 10px;
    min-width: 100%;
}

.navxiala ul li {
    display: block
}

.navxiala ul li a {
    color: #666;
    line-height: 26px;
}

.navbar {
    display: none;
}

.cp-er .xcp ul li h3 {
    background: #0d4680;
    margin: 0;
    display: block;
    font-size: 16px;
    padding: 0 20px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.cp-er .xcp ul li h3:hover {
    background: #bebebe;
    color: #2d2d2d;
}

.cp-er .xcp ul li a {
    display: block;
}

.cp-er .xcp ul {
    margin: 0 -1.2%;
    text-align: center;
}

.cp-er .xcp ul li {
    display: inline-block;
    width: auto;
    float: none;
    margin: 0 1.2%;
    margin-bottom: 40px;
}

.pagediv.xcp-er {
    padding-bottom: 10px;
}



#page-contenr .gypage .nr-div.fl {
    width: 43.75%;
    padding: 30px 5%;
    background: #f9f9f9;
}

#page-contenr .gypage .nr-div.fr {
    width: 44.15%;
    padding-left: 1%;
    padding-top: 30px;
    padding-bottom: 29px;
    border-bottom: 2px solid #e62129;
}

#page-contenr .gypage .nr-div.fr .img {
    margin-left: -10.33%;
    margin-bottom: 25px;
}

#page-contenr .gypage .nr-div.fr p {
    margin-bottom: 25px;
}

#page-contenr .gypage .nr-div.fl .gybt {
    display: block;
    position: relative;
    font-size: 24px;
    color: #1e3972;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#page-contenr .gypage .nr-div.fl .gybt:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 20px;
    background: #e62129;
}

#page-contenr .gypage .nr-div.fl p {
    margin-bottom: 20px;
}

.zlfm-top {
    margin-bottom: 40px;
}

#page-contenr .zlfm-top p {
    text-align: center;
    font-size: 30px;
    color: #adadad;
}

.fmpage ul li {
    display: block;
    float: left;
    width: 29.333%;
    margin: 0 2%;
}

.fmpage ul li img {
    display: block;
    margin: 0 6%;
    width: 88%;
}

.fmpage ul li .nr {
    display: block;
    padding-top: 110px;
    margin-top: -80px;
    background: #e4e4e4;
    font-size: 14px;
    color: #383838;
    height: 80px;
    text-align: center;
}

.fmpage ul li .nr font {
    font-size: 30px;
    color: #0757a9;
    margin: 0 2px;
}

.fmpage {
    position: relative;
    padding-bottom: 70px;
}

.fmpage .dbbj {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ececec;
    z-index: -1;
    height: 260px;
}

.zdybt {
    text-align: center;
    font-size: 28px;
    color: #0e2b66;
    margin-bottom: 50px;
    display: block;
    text-transform: uppercase;
}

/*新增的*/
.lxfs .lxfs-left {
    width: 830px;
}

.lxfs .lxfs-left .lxnr-div {
    border: 1px solid #e4e4e4;
}

.lxfs .lxfs-left .fs-bt {
    background: #e4e4e4;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #2b2b2b;
    text-align: center;
}

.lxfs .lxfs-left .lxnr-div ul {
    margin: 15px;
}

.lxfs .lxfs-left .lxnr-div.lxa {
    margin-bottom: 5px;
}

.lxfs .lxfs-left .lxnr-div ul li.fl {
    width: 55%;
}

.lxfs .lxfs-left .lxnr-div ul li .lxname {
    width: 114px;
    display: inline-block
}

.lxfs .lxfs-left .lxnr-div ul li {
    line-height: 33px;
    width: 44%;
    display: block;
    font-size: 14px;
    color: #666666;
}

.lxfs .lxfs-right {
    background: #eaeaea;
    width: 340px;
    height: 390px;
}
.pc-hidden{
    display: none;
}
.lxfs .lxfs-right .fr-nr {
    font-size: 14px;
    color: #666666;
    line-height: 33px;
    margin: 20px;
    15px;
    margin-right: 0;
    margin-bottom: 25px;
}

.lxfs .lxfs-right .lybtn {
    text-align: center
}

.lxfs .lxfs-right .lybtn a {
    display: inline-block;
    background-color: #6e6e6e;
    font-size: 16px;
    color: #ffffff;
    background-image: url(images/lybtn.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 85px;
    padding-right: 35px;
    height: 54px;
    line-height: 54px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.lxfs .lxfs-right .lybtn a:hover {
    background-color: #0d4680
}

    .div_vsUUcb {
        width: 15vh;
        right: 0px;bottom: 0;
        position: fixed;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        z-index: 120;
    }
    .div_scroll2 {
        width: 15vh;
        height: 15vh;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .div_cF078N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    right: auto;
    -webkit-transform: rotate(
0deg
) scale(1) translate(0%, 0%);
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(
0deg
) scale(1) translate(0%, 0%);
    transition: all 0s ease 0s;
    z-index: 0;
    padding-bottom: 5vh;
    text-align: center;
}
.div_nujU7w {
    width: 4vh;
    border-width: 2px;
    border-style: solid;
    border-radius: 50px;
    height: 7vh;
    border-color: #ff9933;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 0px;
}
.div_5k2X7p {
    min-height: 0px;
    height: 0.8vh;
    width: 2px;
    background-color: #ff9933;
    margin-bottom: 1.5vh;
    animation: slideInDown;
}
.paragraph_iHxgMP {
    text-transform: capitalize;
    color: #ff9933;
    margin-bottom: 0px;
    letter-spacing: 2px;
    font-size: 12px;
}
@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@media screen and (min-width: 1200px) and (max-width: 1650px){
  #menu-item-877 .sub-menu,#menu-item-2164 .sub-menu{
  	position:absolute;
    right:50px;
  }
}
@media screen and (max-width: 1279px) {
    .nav {
        margin-left: 30px;
    }

    .yuyan {
        margin-left: 45px;
    }
}

@media screen and (max-width: 1200px) {
    .lxfs .lxfs-left {
        width: 100%;
        margin-bottom: 20px;
    }

    .lxfs .lxfs-right {
        width: 100%;
        height: auto;
        padding-bottom: 20px;
    }

    .lxfs .lxfs-right .fr-nr,
    .lxfs .lxfs-left .lxnr-div ul li {
        line-height: 26px;
    }

    #page-contenr .zlfm-top p {
        font-size: 20px;

    }

    .fmpage ul li .nr {
        padding-top: 85px;
        margin-top: -70px;

    }

    .fmpage {
        padding-bottom: 40px;
    }

    .fmpage .dbbj {
        height: 205px;
    }

    #page-contenr .gypage .nr-div.fl p {
        margin-bottom: 10px;
    }

    .xszx .xs-right {
        margin-right: 0px;
    }

    .xszx .xs-right li {
        padding-left: 76px;
        display: block;
        width: 296px;
        height: 100px;
        line-height: 100px;
        background: url(images/dh1.png) 38px center no-repeat;
        font-size: 23px;
        color: #ed2d2d;
        text-align: center;
    }

    .w {
        width: 1060px
    }

    .ygtd {
        display: none
    }

    .job-list .dd {
        display: none !important
    }

    #home-about .about-a {
        width: 380px;

    }

    #home-about .about-a .lximg img {
        width: 100%;
        margin-top: 24px;
    }

    #home-about .about-b {
        width: 350px;
        margin-left: 30px;
    }

    #home-about .about-b .fubt {
        margin-bottom: 33px;
    }

    #home-about .about-c {
        width: 240px;
        padding-left: 15px;
    }

    .wenhua-list {
        width: 100% !important;
        margin-bottom: 30px;
    }

    #home-wenhua .wenhua-list .icon,
    #home-wenhua .wenhua-list .nr {
        float: left
    }

    #home-wenhua .wenhua-list .nr {
        margin-left: 30px;
    }

    #home-wenhua .wenhua-list .shuzi {
        display: none
    }

    .wenhua-list:after {
        display: table;
        clear: both;
        webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        content: " ";
    }

    #home-wenhua .wenhua-list .txt p {
        margin-bottom: 15px;
    }

    #home-wenhua .wenhua-list .icon {
        margin-top: 18px;
    }

    #home-wenhua .wenhua-list:hover .icon {
        bottom: 0;
    }

    #home-wenhua .wenhua-list .txt,
    #home-wenhua .wenhua-list.b .txt {
        width: 780px !important;
    }

    #home-cp .cplist-b {
        width: 315px;
    }

    #home-cp .cplist-b ul li:nth-child(1) {
        margin-bottom: 15px;
    }

    #home-cp .cplist-b ul li {
        padding-top: 21px;
        padding-bottom: 32px;
    }

    #home-cp .cplist-a ul {
        margin: 0 -1%;
    }

    #home-cp .cplist-a ul li {
        margin: 0px 1%;
        width: 48%;
        margin-bottom: 30px;
    }

    #home-news .top-news {
        width: 385px;
        padding: 20px 30px;
    }

    #home-lx .lxlist.b .bt {
        margin-bottom: 15px;
    }

    #home-lx .lxlist.b .lxdh {
        width: 100%
    }

    #home-lx .lxlist.b .lxdh li .name,
    #home-lx .lxlist.b .lxdh li.ybde .name {
        width: 130px;
        text-align: right;
    }

    .list_but3,
    .listx_but3 {
        display: none !important
    }

    #tan .tannr {
        margin-top: -100px;
    }

    .lxtxt .lx-right,
    .lxtxt .lx-left {
        width: 100%;
    }

    .lxtxt .lx-left {
        margin-bottom: 10px;
    }

}

@media screen and (max-width: 1060px) {

    /*手机模式*/
    #home-lx .lxlist {
        height: auto;
        padding-bottom: 20px;
    }

    #home-cp .cplist-a ul.lista li {
        width: 98%;
    }

    #home-cp .cplist-a ul.lista {
        margin-bottom: 0
    }

    .cp-er ul li h3 {
        margin: 0 5px;
    }

    #page-contenr .gypage .nr-div.fl {
        padding: 0;
        background: none;
    }

    #page-contenr .gypage .nr-div.fl p,
    #page-contenr .gypage .nr-div.fr p {
        margin-bottom: 15px;

    }

    #page-contenr .gypage .nr-div.fr {
        padding-bottom: 15px;
    }

    #page-contenr .gypage .nr-div.fr .img {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .job-list .ren {
        display: none !important
    }

    .xszx .xs-left {
        font-size: 16px;
    }

    .xszx .xs-left,
    .xszx .xs-right {
        float: none
    }

    .xszx .xs-right {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .list_but1,
    .listx_but1 {
        display: none !important
    }

    .dasjslide .swiper-slide .left {
        margin-left: 9%;
    }

    .dasjslide .swiper-slide .right {
        width: 66%;
    }

    #page-contenr p {
        text-align: justify
    }

    #page-nav .page-nav-list {
        display: none
    }

    #page-nav .page-title {
        font-size: 24px;
    }

    #page-nav {
        height: 60px;
        line-height: 60px;
    }

    .w {
        width: auto;
        margin: 0 15px;
    }

    .yuyan,
    #top .wx,
    .ygtd {
        margin-left: 0px;
        float: right;
        margin-right: 30px;
    }

    #top .wx {
        margin-top: 13px;
        width: 34px;
    }

    #top .wx img {
        width: 100%;
        display: block
    }

    .ygtd {
        display: block
    }

    .logo {
        padding: 5px 0;
    }

    .logo img {
        height: 45px;
    }
    .navxiala{
        display: none;
    }
    .navxiala .qiehuan {
        height: 50px;
        line-height: 50px;
        margin-top: 0px;
    }

    .header_zhan {
        height: 55px;
    }

    #gbbj {
        position: fixed;
        background-color: rgba(45, 45, 45, 0.72);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 109;
    }

    .navbar {
        display: block;
        float: right;
        padding-top: 6px;
        margin-top: 7px;
        padding-bottom: 6px;
        width: 30px;
    }

    .navbar span {
        height: 2px;
        width: 100%;
        display: block;
        margin-bottom: 6px;
        background: #999;
    }

    .navxiala ul {

        margin-top: 3px;

    }

    .nav,
    .nav>ul>li>ul.sub-menu {
        position: fixed;
        left: -210px;
        z-index: 1111111110;
        display: block;
        opacity: 1;
        min-width: inherit;
        border: none;
        margin: 0;
        margin-left: 0 !important;
        top: 0;
        width: 210px;
        height: 100%;
        padding: 15px 0;
        background-color: rgba(3, 75, 147, 0.75);
    }

    .nav>ul>li>ul.sub-menu>li,
    .nav>ul>li {
        margin: 0 10px;
        display: block;
        float: none;
    }

    .nav ul li a,
    .nav>ul>li>.sub-menu li a {
        color: #FFF;
        margin: 0;
        display: block;
        border-bottom: 1px solid #E0E0E0;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 5px;
        border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
    }

    #home-about .about-a {
        display: none
    }

    #home-about .about-b {
        width: 100%;
        margin-left: 0;
    }

    #home-about .about-b .bt,
    #home-about .about-b .fubt {
        text-align: center
    }

    #home-about .about-b .more-link {
        display: block;
        width: 200px;
        padding: 0;
        margin: 0 auto;
        margin-bottom: 50px;
        text-align: center
    }

    #home-lx .lxlist {
        width: 100%;
    }

    #home-about .about-b p {
        margin-bottom: 20px;
    }

    #home-about .about-c {
        width: 100%;
        clear: both;
        border: none;
        padding-bottom: 0;
        padding-left: 0
    }

    #home-about .about-c ul li {
        width: 23%;
        float: left;
        display: block;
        margin-bottom: 0
    }

    #home-about .about-c ul li:first-child {
        width: 31%
    }

    .homediv {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    #home-wenhua .wenhua-list .icon {
        display: none;
    }

    #home-wenhua .wenhua-list .nr {
        margin-left: 0;
        float: none;
        text-align: center
    }

    #home-wenhua .wenhua-list .txt,
    #home-wenhua .wenhua-list.b .txt {
        width: auto;
        max-width: 80%;
        margin: 0 auto;
        float: none;
    }

    .h40 {
        height: 25px;
    }

    #home-cp .cplist-a {
        margin-bottom: 15px;
    }

    #home-cp .cplist-a,
    #home-cp .cplist-b {
        width: 100%;
        float: none;
    }

    #home-news .top-news {
        width: 90%;
        padding: 5%;
        float: none;
        margin-bottom: 30px;
    }

    .homediv-bt .yw {
        font-size: 20px;

    }

    .homediv-bt .hanzi {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    #page-contenr .pagediv-bt .hanzi,
    #page-contenr .pagediv-bt .hanzi p {

        font-size: 28px;

    }

    .pagediv {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    #page-contenr .nr-div {
        width: 100% !important;
    }

    .pagediv-bt .yw {
        font-size: 16px;
    }

    #home-news .news-list {
        width: 100%;
        float: none;
    }

    #home-news .news-list a.more-link {

        display: block;

        float: none;
        text-align: center;

        padding: 0px;
        max-width: 200px;
        margin: 0 auto;
    }

    #home-news .news-list ul li:nth-child(3) {
        margin-bottom: 35px;
        border-bottom: 1px solid #cfd0d1;
        padding-bottom: 35px;
    }

    .foot-a .erwei,
    .foot-a {
        display: none
    }

    .foot-a .foot-nav {
        margin-right: 0;
        float: none
    }

    footer {
        padding-top: 15px;
    }

    .foot-b {
        height: 45px;
        line-height: 45px;

    }

    .dasjslide .swiper-slide {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .hdlist ul li .txt {
        width: 57%;
    }

    .hdlist ul li .img {
        width: 35%;
    }

    .news-single .single-top h1,
    .news-single .single-top .time {
        float: none;
        width: 100%;
        height: auto;
    }

    .news-single .single-top {
        line-height: 26px;
        padding-bottom: 20px;
        height: auto;
    }

    #page-nav-er {
        display: none
    }

    .cp-er ul li {
        width: 32.1%;
        margin: 0 0.6%;
        margin-bottom: 60px;

    }

    .kj-list ul li .txt {
        font-size: 14px;
    }
}

@media screen and (max-width: 960px) {
    .newslist ul li .time {
        position: relative;
        margin-bottom: 5px;
    }

    .cp-er .xcp ul li h3 {
        height: 50px;
        line-height: 50px;
    }

    .job-list .zt {
        display: none !important
    }

    #ditu {
        height: 400px;
        min-height: auto;
        position: relative;
    }

    #ditu>div {
        height: 400px !important;
    }

    #ditu .txt {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        background: #0d4680;
        color: #fff;
        font-size: 14px;
        height: 45px;
        line-height: 45px;
        padding: 0 20px;
    }

    .list_but2 {
        text-indent: 40px;
    }

    .list_but2,
    .listx_but2 {
        width: auto;
        padding-left: 20px;
        text-align: left !important;
        float: left;
    }

    .list_but4,
    .listx_but4 {
        width: auto;
        float: right !important;
        padding-right: 20px;
    }

    .list_but4 {
        padding-right: 80px;
    }

    .list_but5,
    .listx_but5 {
        display: none !important
    }

    .hdlist ul li .img,
    .hdlist ul li .txt,
    .newslist ul li .img,
    .newslist ul li .txt {
        width: 100%;
        margin-right: 0
    }

    .newslist ul li .img {
        margin-bottom: 20px;
    }

    .newslist ul li .txt .news-title {
        margin-bottom: 10px;
        margin-right: 0;
    }

    #page-contenr.news-single .single-center {
        padding-bottom: 30px;
    }

    .dasjslide .swiper-slide .left,
    .dasjslide .swiper-slide .right {
        margin-left: 5%;
        width: 100%;
        margin-bottom: 0px;
        padding-left: 0;
    }

    .hdlist ul li a {
        border-top: none;
        padding-bottom: 20px;
    }

    .page-cat ul li a {
        font-size: 16px;
        padding: 0 30px;
        line-height: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 860px) {

    #home-about .about-c ul li,
    #home-about .about-c ul li:first-child {
        width: 45%;
        margin-bottom: 30px;
        padding-left: 5%;
    }

    .homediv {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .page-cat ul li a {
        font-size: 16px;
        padding: 0 30px;
        line-height: 45px;
        height: 45px;
    }

    .kj-list ul li {
        width: 48.8%;
    }

    .fmpage ul li {
        float: none;
        margin: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .fmpage {
        padding-bottom: 0
    }

    .fmpage .dbbj {
        display: none;
    }

    #page-contenr .zlfm-top p {
        font-size: 16px;
    }

    .fmpage ul li img {
        display: block;
        margin: 0;
        width: 100%;
    }

    .fmpage ul li .nr {
        display: block;
        padding-top: 10px;
        height: auto;
        margin-top: 0px;
        background: none;
        font-size: 14px;
        color: #383838;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
	#page-contenr .time{
		text-align:center;
	}
	#page-contenr.news-single .single-center img{
		max-width: 100%;
		height: auto;
	}
    .navxiala{
        display: block;
    }
    #home-video{
        height:auto;
    }
    .language{
        display: none;
    }
    #swiper-pagination1 .swiper-pagination-bullet{
        height:8px;
        width:8px;
    }
    .wap-logo{
        float:left;
        display: block;
        padding-top: 5px;
        padding-left: 5px;
    }
    .wap-logo img{
        width: 70%;
    }
    .language{
        top:50px;
    }
    #about-summary,#about-speech,#about-organization, #about-culture, #about-future,#about-honor, #about-av{
        padding-bottom: 50px;
    }
    .home-title{
        padding-top: 50px;
        margin-bottom: 30px;
      }
    .nav>ul>li:last-child{
        border-right: none;
    }
    #news-body .body{
        padding: 0;
    }
    #about-av .body{
        width:100%;
    }
    #about-av .body .prev,#about-av .body .next,.picScroll>div>span.prev,.picScroll>div>span.next{
        display:none;
    }
    #about-honor .list-flex li{
        width:100%;
    }
    .nav>ul>li{
        float:none;
        border:none;
        padding-top:0;
        width:auto;
        min-height:auto;
    }
    .nav>ul>li>a::before{
        background: transparent;
    }
    .nav, .nav>ul>li>ul.sub-menu{
        background-color: rgba(35,145,90,0.75);
    }
    header{
        display:block !important;
        background: transparent;
        position: static;
    }
    header .shadow{
        display:none;
    }
    #home-news .newss-nav li a{
        padding: 0 12px;
        font-size: 16px;
    }
    #contact .info{
        padding: 15px;
        width: 100%;
    }
    #contact .map{
        width:100%;
    }
    #product-list .left .item .list-flex li{
        width:49%;
    }
    #product-list .right{
        display:none;
    }
    #news-body li{
        flex-wrap: wrap;
        padding: 15px;
    }
    #news-body li .left img{
        max-width: 100%;
    }
    #news-body li .right{
        padding: 10px 0;
    }
    #about-summary li{
        width:50%;
    }
    #employees .list-flex li{
        margin-bottom: 10px;
        width: 100%;
    }
    #employees .list-flex li img{
	width:100%;
    }
    #employees .next,#employees .prev{
        display:none;
    }
    #about-speech .info{
        padding-left: 0;
    }
    #about-summary .culture .list-flex li{
        width:100%;
        margin-bottom: 10px;
    }
    #about-summary .info{
        padding: 15px;
    }
    .nav-toggle{
        display: none;
    }
    .home-title .cn{
        font-size: 28px;
    }
    #swiper-pagination1{
        transform: translate(-50%, -50%);
        bottom: -15px;
    }
    #home-video{
        height: auto ;
    }
    #home-video img{
        display:none;
    }
    #home-product li{
        width: 50% ;
    }
    #home-product li span{
        font-size: 18px;
    }
    #home-news .list-flex li{
        width:100%;
    }
    .lxfs .lxfs-left .lxnr-div ul li {
        width: 100%;
    }

    .cp-er ul li h3 {
        margin: 0;
    }

    .cp-er .xcp ul li h3 {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    #page-nav .page-title {
        font-size: 18px;
    }

    .job-list .top {
        line-height: 50px;
        height: 50px;
        background: #f5f5f5;
        font-size: 16px;
        color: #444444;
    }

    .job-list .title {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .job-list .top .mc,
    .job-list .title .mc,
    .job-list .title .mc {
        width: auto
    }

    .job-list .bm,
    .job-list .time {
        display: none !important
    }

    .lxtxt .lx-right .divp {
        float: none;
        width: 100%;
    }

    .xszx .xs-left .li {
        padding: 10px 20px;
        border-bottom: 1px solid #bfbfbf;
    }

    .huoban-list ul li {
        width: 23%;

    }

    .huoban-list .bt {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .jczx .kj-list ul li {
        width: 48%;
    }

    .list_but4,
    .listx_but4 {
        display: none !important
    }

    .yanfa-top {
        border: 16px solid #0d4680;
        border-bottom: none;
        width: auto;
        margin: 0 auto;
        padding: 10px 30px;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    .cp-san ul li .img,
    .cp-san ul li .txt,
    .cp-contenr .cp-top .img,
    .cp-contenr .cp-top .txt {
        width: 100%;
        float: none;
    }

    .cp-san ul li .txt,
    .cp-contenr .cp-top .img {
        margin-bottom: 10px;
    }

    .cp-san ul li .txt h3,
    .cp-contenr .cp-top .txt h1 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cp-san ul li .more {
        position: relative;
        left: 0;
        width: 115px;
    }

    .cp-er ul li {
        width: 48.8%;
        margin: 0 0.6%;
        margin-bottom: 40px;

    }

    .page-cat ul li a {
        font-size: 14px;
        padding: 0 15px;
        line-height: 35px;
        height: 35px;
    }

    .hdlist ul li .txt p {
        font-size: 14px;
        color: #666666;
        margin-bottom: 20px;
        line-height: 24px;
        margin-left: 0px;
    }

    .hdlist ul li .txt .link {
        margin-left: 0
    }

    .hdlist ul li .txt .wh-title {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 0px;
        background: none;
    }

    #qydasj .dadiv {
        margin-left: 10%;
        margin-right: 10%;
    }

    #page-contenr.xdwh .nr-div.right ul li .bt {
        display: block;
        padding-top: 24px;
    }

    #page-contenr.xdwh .nr-div.right ul li {
        height: auto;
        line-height: 28px;
        padding: 15px 0;
        padding-top: 0
    }

    #home-about .about-c ul li,
    #home-about .about-c ul li:first-child {
        width: 80%;
        margin-bottom: 30px;
        padding-left: 20%;
    }

    .dh {
        top: 0
    }

    #home-about .about-c,
    #home-news .news-list ul li .more-link,
    #top .wx {
        display: none;
    }

    #home-cp .cplist-a ul li {
        margin: 0px 1%;
        width: 98%;
        margin-bottom: 25px;
    }

    #home-cp .cplist-a {
        margin-bottom: 0
    }

    #home-wenhua .wenhua-list .txt,
    #home-wenhua .wenhua-list.b .txt {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        float: none;
    }

    .foot-b,
    #home-lx .lxlist {
        height: auto
    }

    #home-lx .lxlist {
        padding-bottom: 20px;
    }

    .jishu,
    .banquan {
        float: none;
    }

    .foot-b {
        line-height: 20px;
        padding: 10px 0
    }

    #home-lx .lxlist li {
        float: none !important;
        margin-right: 0 !important
    }

    .yanfa-list ul li .txt {
        font-size: 16px;
    }

}

@media screen and (max-width: 560px) {
    .cp-er .xcp ul li {
        display: block;
        margin-bottom: 20px;
    }

    .lxtxt .lx-left li .icon {
        display: none
    }

    .xszx .xs-left .li {
        padding: 10px;
        border-bottom: 1px solid #bfbfbf;
    }

    .xszx .xs-left .name {
        display: block;
        text-align: left;
    }

    .huoban-list ul li {
        width: 31.333%;
        margin-bottom: 10px;

    }

    .huoban-list .bt {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .jczx .kj-list ul li {
        width: 98%;
    }

    .kj-list ul li {
        width: 98.8%;
    }

    .yanfa-list ul li .txt {
        font-size: 14px;
    }

    .yanfa-list ul li {
        width: 98%
    }

    .cp-er ul li {
        width: 98.8%;
        margin: 0 0.6%;
        margin-bottom: 40px;

    }

    #qydasj .dadiv {
        margin-left: 20%;
        margin-right: 20%;
    }

    #home-news .news-list ul li .title .time,
    .ygtd {
        display: none
    }

    #home-news .news-list ul li .title h3 {
        width: 100%;
    }

    #home-news .news-list ul li p {
        width: auto
    }

    #home-cp .cplist-a ul li .txt {
        font-size: 14px;
    }

    #home-lx .lxlist>div {
        margin-left: 15px;
    }

}

@media screen and (max-width: 390px) {
    .huoban-list ul li {
        width: 48%;

    }

    #home-lx .lxlist>div {
        margin-left: 20px;
    }

    #home-lx .lxlist.b .lxdh li .name,
    #home-lx .lxlist.b .lxdh li.ybde .name {
        display: block;
        text-align: left !important
    }
}