/*----- Common css ------*/
*{
    box-sizing: border-box;
}
.fl {
    float: left;
}

.fr {
    float: right;
}


.wh1630 {
    max-width: 1650px;
    padding: 0 15px;
    margin: 0 auto;
}
.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}
.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.top1 {
    padding: 30px 0;
    /* height: 160px; */
}
.top1 .logo {
    width: 70.24%;
}
.top1 .logo  a {
    display: flex;
    align-items: center;
}
.top1 .logo  a img {
    max-width: 100%;
}
.ss {
    position: relative;
}
.ssbtn {
    width: 57px;
	height: 57px;
    background: url(../images/ss1.png) no-repeat center center;
   display: none;
}
#formsearch1{
    width: 300px;
    background: #fff;
    /*position: absolute;*/
    /*top: 100%;*/
    /*right: 0;*/
    /*display: none;*/
     background: url(../images/ss111.png) no-repeat center center;
     	height: 57px;
}
#formsearch1 input{
    outline: none;
    border: none;
    background: none;
}
#formsearch1 input[name="wd"]{
    width: 243px;
    height: 57px;
    font-size: 20px;
    /*border: 1px solid #ccc;*/
    padding-left: 6px;
}
#formsearch1 input[type="submit"]{
    width: 57px;
    height: 57px;
   
}
#formsearch1.on {
    display: block;
}



.x-banner{
    max-width: 1740px;
    padding: 0 15px;
    margin: 0 auto;
}


.wh1710 {
    /*max-width: 1740px;*/
    max-width: 1650px;
    padding: 0 15px;
    margin: 0 auto;
}

.p1 .p1a {
    margin-top: 1.6rem;
}
.p1 .p1a li{
    flex: 1;
    text-align: center;
}
.p1 .p1a li a {
    font-size: 1.37rem;
	font-weight: normal;
	color: #000000;
    position: relative;
    display: inline-block;
    z-index: 0;
}
.p1 .p1a li:hover a{
    font-weight: 700;
    color: #ee7800;
}
.p1 .p1a li a::after{
    content: "";
    width: 100%;
    height: 4px;
	background-color: #e57512;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0;
    transition: all ease .3s;
}
.p1 .p1a li:hover a::after {
    opacity: 1;
}
@media(max-width:992px) {
    .x-banner {
        max-width: 100%;
        padding: 0;
    }
}

.p2 {
    margin-top: 6.5rem;
}
.wh1710{
    max-width: 1740px;
    padding: 0 15px;
    margin: 0 auto;
    color: #fff;
}
.p2a{
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.p2b{
    width: 45%;
}
.p2a .p2-title {
    width: 100%;
    background: url(../images/line2.png) no-repeat bottom left;
    background-size: 100% auto;
    padding-left: 1.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.15rem;
    padding-right: 0.4rem;
}
.p2a .p2-title h3  {
    font-size: 34px;
	font-weight: normal;
    color: #000000;
}

.p2a .p2-title h3  span {
	color: #0199df;
}
.p2-title a {
    font-size: 1.5rem;
	font-weight: normal;
	color: #707070;
    padding-top: 0.5rem;
}
.p2-swiper{
    /*height: 550px;*/
    overflow: hidden;
}

.p2cont li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 2.53;
   
}
.p2cont li a h3 {
    font-size: 1.1rem;
	font-weight: normal;
	color: #000000;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 4rem;
    background: url(../images/jiao1.png) no-repeat 1.5rem center;
   
}
.p2cont li a  span {
    white-space: nowrap;
    font-size: 1.31rem;
	font-weight: normal;
	color: #000000;
    width: 11%;
}
.p2b .p2-title  {
    width: 100%;
}
@media(max-width: 1440px) {
    .p2 {
        margin-top: 4.5rem;
    }
}
@media(max-width: 768px){
    .p2-swiper{
        height: 400px;
        overflow: hidden;
    }
    .p2a {
        width: 100%;
    }
    .p2b{
        margin-top: 4%;
    }
}
@media(max-width: 767px) {
    .p2-swiper{
        height: 180px;
        overflow: hidden;
    }
    .p2 {
        margin-top: 2.5rem;
    }
    .p2cont li a h3{
     
        padding-left: 2rem;
        background: url(../images/jiao1.png) no-repeat 0.4rem center;
        background-size: 4% auto;
    }
  
}




.p3 {
   /* background: url(../images/p3b.jpg) no-repeat center center;*/
    background-size: cover;
    padding: 0.6rem 0 1.5rem;
    margin-top: 4.2rem;
}
.p3a{
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.p3a .p3-title {
    width: 100%;
    background: url(../images/line2.png) no-repeat bottom left;
    background-size: 100% auto;
    padding-left: 1.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.15rem;
    padding-right: 0.4rem;
}
.p3a .p3-title h3  {
    font-size: 34px;
	font-weight: normal;
    color: #000000;
}

.p3a .p3-title h3  span {
	color: #0199df;
}
.p3-title a {
    font-size: 1.5rem;
	font-weight: normal;
	color: #707070;
    padding-top: 0.5rem;
}


.p3cont{
    margin-top:2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
}
.p3aa .p3cont li {
    width: 29.777%;
}
.p3aa .p3cont li  a {
    display: block;
}
.p3aa .p3cont li  a img {
    max-width: 100%;
}
.p3aa .p3cont li:nth-last-child(-n+3) {
    margin-top: 0.9rem;
}
.p3b{
    width:45%;
}
.p3b .p3cont {
    padding: 0 0.5rem 0 1rem;
}
.p3b .p3cont li{
    width: 46.62%;
    margin-bottom: 1rem;
}
.p3b .p3cont li:nth-last-child(-n+2) {
    margin-bottom: 0;
}
.p3b .p3cont li a {
    display: block;
    position: relative;
    overflow: hidden;
}
.p3b .p3cont li a div.img {
    display: block;
    width: 100%;
}
.p3b .p3cont li a div.img img {
    max-width: 100%;
}
.p3b .p3cont li a .cont {
    position: absolute;
    bottom: -44px;
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    text-align: center;
    padding: 0 0.8rem 0.6rem;
    transition: all ease .3s;
}
.p3b .p3cont li a .cont  h3{
    font-size: 1.05rem;
	font-weight: normal;
	color: #f7f7f7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 43px;
}
.p3b .p3cont li a .cont  span {
    width: 112px;
	line-height: 31px;
	background-color: #ee7800;
	border-radius: 3px;
    font-size: 18px;
	letter-spacing: 3px;
	color: #f7f7f7;
    display: block;
    margin: 0 auto;
    opacity: 0;
    transition: all ease .2s;
}
.p3b .p3cont li a:hover .cont {
    bottom: 0;
}
.p3b .p3cont li a:hover .cont span {
    opacity: 1;
}
@media(max-width: 768px) {
    .p3a {
        width: 100%;
    }
    .p3{
        padding: 3rem 0;
    }
    .p3b {
        margin-top: 6%;
    }
    .p3b .p3cont{
        padding: 0;
    }
}
@media(max-width: 767px){
    .p3b .p3cont li {
        width: 48.62%;
    }
    .p3b .p3cont li a .cont h3{
        font-size: 14px;
        line-height: 34px;
    }
    .p3b .p3cont li a .cont{
        bottom: -40px;
    }
    .p3b .p3cont {
        margin-top: 1.4rem;
    }
}



.p4 {
    padding-top: 2.5rem;
    padding-bottom: 4.8rem;
    background: url(../images/bj.png)
}
.wh1720{
    max-width: 1750px;
    padding: 0 15px;
    margin: 0 auto;
}
.p4-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p4-title h3 {
    width: 240px;
    background: url(../images/yw.png) no-repeat bottom center;
    font-size: 34px;
	font-weight: normal;
    color: #000000;
    padding-bottom: 6px;
    margin-right: 2.6rem;
    padding-left: 1rem;
    line-height: 90px
}
.p4-title h3  span {
    color: #0199df;
}
.p4-title a {
    flex: 1;
    font-size: 1.5rem;
	color: #707070;
    text-align: right;
    padding-bottom: 20px;
    padding-right: 1.1rem;
    background: url(../images/more.png) no-repeat bottom right;
    background-size: 100% auto;
}

.p4a{
    width: 100%;
    margin: 4.2rem auto 0;
}
.p4a li{
    width: 24%;
    text-align: center;
    margin-bottom: 25px;
    
}
.p4a li a {
    display: block;
}
.p4a li a h3 {
    font-size: 2rem;
	font-weight: normal;
	color: #259be0
}
.p4a li a h3 span {
    font-size: 1.75rem;
    color: #4e4e4e;
}
.p4a li a p {
    font-size: 1rem;
	font-weight: normal;
	color: #7f7f7f;
    padding-left: 1.7rem;
}
/*.p4a li:nth-last-child(-n+5) {*/
/*    margin-top: 5rem;*/
/*}*/
@media(max-width: 1600px) {
    .p4a li{
        width: 25%;
    }
}
@media(max-width: 1440px) {
    .p4a li a h3 {
        font-size: 1.8rem;
    }
    .p4a li a h3 span {
        font-size: 1.8rem;
    }
    .p4a li a p{
        font-size: 18px;
    }
}
@media(max-width: 1024px) {
    .p4a{
        width: 100%;
    }
    .p4a li a p {
        font-size: 16px;
    }
}
@media(max-width: 768px) {
    .p4a{
        margin: 0;
    }
    .p4a li{
        width: 49%;
        margin-top: 2rem;
    }
    .p4a li:nth-last-child(-n+4) {
        margin-top: 2rem;
    }
}
@media(max-width: 767px) {
    .p4-title h3 {
        width: 110px;
        background-size: 100% auto;
        padding-bottom: 10px;
    }
    .p4a li a p{
        font-size: 12px;
    }
    .p4-title a{
        padding-bottom: 12px;
    }
    .p4a li{
        text-align:left;
    }
}


.f_link{
    font-size: 12px;
    color: #fff;
    line-height: 2.4;
    margin-bottom: 1rem;
    opacity: .4;
}
.f_link a {
    color: #fff;
    margin-right: 16px;
}
.wh1335 {
    max-width: 1365px;
    margin: 0 auto;
    padding: 0 15px;
}
.p5{
    background: #2d6984;
    border-top: 4px solid #ee7800;
    padding: 1.6rem 0 1.7rem;
}

.p5a{
    width: 16.78%;
}
.p5a1 img {
    display: block;
    max-width: 100%;
}
.p5a2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.6rem;
}
.p5a2 p img {
    max-width: 100%;
    margin: 0 0.3rem;
}
.p5b{
    width: 45%;
}
.p5b1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
	font-weight: normal;
	color: #ffffff;
    margin-bottom: 1rem;
}
.p5b1  a{
	color: #ffffff;
    position: relative;
}
.p5b1  a::after {
    content: "|";
    font-size: 12px;
	color: #ffffff;
    position: absolute;
    right: -12%;
    top: 50%;
    transform: translateY(-50%);
}
.p5b1  a:last-child::after {
    display: none;
}

.p5b2{
    font-size: 16px;
	line-height: 28px;
	color: #c9c9c9;
}
.p5b2 a {
	color: #c9c9c9;
}
@media(max-width: 1440px) {
    .p5b {
        width: 48%;
    }
    .p5b1 a::after {
        right: -38%;
    }
    .p5a {
        width: 27.78%;
    }
    .p5b {
        width: 100%;
        order: 3;
        margin-top: 2%;
    }
}

@media(max-width: 767px) {
    .p5a {
        width: 57.78%;
    }
}



/*手机底部*/
@media (max-width:768px){
    .db{display:block!important;}
   }
   
   
   .dbb{height:50px;}
   
   /* 页脚 */
   .footer {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 999;
     background: #000;
   }
   
   .footer ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
   
   .footer ul li {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     text-align: center;
     color: #ffffff;
     line-height: 30px;padding:10px 0;
     font-size: 0;
   }
   
   .footer ul li.active {
     background: #000;
   }
   
   .footer ul li a {
     display: block;color:#fff;
   }
   
   .footer ul li .iconfont {
     font-size: 18px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }
   
   .footer ul li span {
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;color:#fff;
   }
   
   
   .footer li .icon-home{ background: url(../images/fa1.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-home2{ background: url(../images/fa2.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-phone{ background: url(../images/fa3.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-contact{ background: url(../images/fa4.png) no-repeat;width:20px;height:20px;}
   
   .footer li .icon-phone:before{font-size:0;}
   
   .footer ul li a{border-left:1px solid #fff;}
   .footer ul li:nth-child(1) a {
       border: none;
   }