/* 首页 */
#navheadr{
    position: relative;
    z-index: 999;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    transition: all 1s;
    border-bottom: 1px solid rgba(153,153,153,0.4);
    background-color: #036EB8;
}

@media screen and (max-width:1100px) {
    #navheadr{
     display: none;
    }
}


@media screen and (max-width:1600px) {
    .wrapa {
        width: 1200px;
        margin: 0 auto;
    }

}



@media screen and (max-width:1600px) {
    .wrapa {
        width: 1200px;
        margin: 0 auto;
    }

}

@media screen and (max-width:1200px) {
    .wrapa {
        width: 900px;
        margin: 0 auto;
    }
}

#navone{
    display: flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.logo {
    width: 230px;
    overflow: hidden;
}

@media screen and (max-width:1600px) {
  .logo{
    width: 150px;
    overflow: hidden;
  }

}

.logo a {
    display: block;
}



.logo a img {
    max-width: 100%;
}

ul.nav {
    display: inline-flex;
    flex: 1;
    padding-left: 50px;
}

li.nav-item {
    transition: all 1s;
    flex: 1;
}

li.nav-item>a {
    display: block;
    text-align: center;
    line-height: 90px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none
}

@media screen and (max-width:1200px) {
    li.nav-item>a {

        font-size: 12px;
     
    }
  
  }

li.nav-item>a::before{
    display: none;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-width: 1px 20px 1px;
    border-style: solid;
    border-color:#666666;;
    position: absolute;
}


li.nav-item:hover>a::before,
li.nav-item.active>a::before {
    display: block;
}

.subMenu {
    display: none;
    position: absolute;
    /* top: 90px; */
    left: 0;
    width: 100%;
    height: 400px;
    background-color: #fff;
    padding: 3.5rem 15rem 0 15rem;
}

.subMenu .container-fluid .row .col-6 .navbiaoti {
    font-size: 32px;
    font-weight: bold;
    font-family: "微软雅黑";
    color: #666666;
    margin-bottom: 1rem;
}

.subMenu .container-fluid .row .col-6 .navfubiaoti {
    font-size: 1rem;
    color: #666666;
    margin-bottom: 2rem;
}

.subMenu .container-fluid .row .col-6 ul.navul li {
    width:30%;
    float: left;
}



.subMenu .container-fluid .row .col-6 ul.navul li>a {
    display: block;
    line-height: 40px;
    color: #666666;
}

@media screen and (max-width:1200px) {
    .subMenu .container-fluid .row .col-6 ul.navul li>a {
        
        display: block;
        line-height: 40px;
        color: #666666;
        font-size: 12px;
    }
  
  }


 
.subMenu .container-fluid .row .col-6 img.guanyu {
    /* margin-top: 4.2rem; */
    margin-left: 5rem;
}


.footer{
    padding: 60px  150px 0 150px;
    background-color: #2E2E2E;
    height: 300px;
}

@media screen and (max-width:1200px) {
    .footer{
        padding: 60px  40px 0 40px;
        background-color: #2E2E2E;
        height: 320px;
    }
}

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

.footer .row .col-xl-12 .footer01{
    padding: 0 0 40px 0px;
    border-bottom: 1px solid #575757;
}


.footer .row .col-xl-12 .footer01 .footerone{
    width: 20%;
    display: block;
}

.footer .row .col-xl-12 .footer01 .footerone .footerones{
    width: 90%;
    height: 4.5rem;
    border-bottom: 1px solid #6F6F6F;
    margin-bottom: 1rem;
}

.footer .row .col-xl-12 .footer01 .footerone .footerones .footerpone p{
    color: #fff;
    line-height: 1.5rem;
   
}

.footerone{
    color: #fff;
}

.footerone .footzaixian{
    position: relative;
    height: 2rem;
    line-height: 20px;
    font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
margin-bottom:1rem;
}

.footerone .footzaixian::after{
    content: '';
    position: absolute;
    left: 0;
    width: 40px;
    height: 1px;
    bottom: 1px;
    background-color:#6F6F6F;
}

.footerone .footercixun{
   color:#B4B4B4; 
   margin-bottom: 1rem;  
}

.footerboder{
    width: 60%;
    display: flex;
    justify-content: space-around;
    height: 2.5rem;
    background-color: #1E6FA7;
    border-radius: 20px;
}

.footerboder a{
    color: #fff;
   line-height: 2.5rem;
}
.footerboder i{
  
    line-height: 2.5rem;

}

.footerfuwu{
    margin-bottom: 0.5rem;
}

@media screen and (max-width:900px) {
    .footerimg{
        margin-left: 0.5rem;
    }
}


#phoneduan{
    padding: 60px  20px 0 20px;
    background-color: #2E2E2E;
}

@media screen and (min-width:1100px),screen and(max-width:3000px) {
    #phoneduan{
       display: none;
    }
}

#phoneduan .row .col-sm-12 .phone01 p{
    margin-bottom: 0.2rem;
}

.phone01 p{
  color: #D7D7D7;
}


.phone01 img:nth-of-type(2){
  margin-left: 2rem;
}
 
.phone01 .phoneone{
    margin-bottom: 1rem;
}



/* 分頁 */
/*分页 begin*/




.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#217FC0;color:#fff;border:1px solid #217FC0;}
/*分页 end*/

/* 分頁 */




.x6 {
    width: 50%;
}

/*  联系我们begin  */
.inside h2 {font-size:36px;font-weight:400;margin-bottom:20px}
.inside .contact{padding:0 0 50px 0;}
.inside .contact hr {height:1px;background:#F2F2F2}
.inside .contact .media {margin:0;padding:0 0 30px 0;}
.inside .contact .media span{width:42px;height:42px;line-height:64px;}
.inside .contact .media i {font-size:36px;}
.inside .contact .media .media-body {padding:0 0 0 10px;margin-top:0px;}
.inside .contact .media .media-body a,.inside .contact .media .media-body p{color:#333;}
.inside .wx{border:1px solid #eee;padding:20px 30px;}

.home-contact{background:#cacaca}
.home-contact .title{position:relative;width:590px;float:right;text-align:left;}
.home-contact .title h2{font-size:64px;line-height:64px;padding-top:25%;padding-right:50px;padding-bottom:30px;}
.home-contact .title h2 span{color:#ff9600}
.home-contact .title a{font-size:24px;text-decoration: none;border-bottom: 2px solid #ff9600;color: #FFF;}
.home-contact .title a:hover{border-bottom: 0 solid #82CC37;}
.home-contact .gb{position:relative;width:590px;float:right;text-align:left;}

 /*guestbook*/
.guestbook{padding:50px 80px 50px 0}
.guestbook h2{font-size:24px;font-weight:600}
.guestbook .padding{padding:50px;}
.guestbook .form-group {padding-bottom:20px}
.guestbook .input{font-size:16px;padding:0 15px;height:50px;line-height:50px;border:0;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;}
.guestbook .textarea {padding:12px;line-height:24px;width:100%;font-size:16px;background:#fff;border:0;}
.guestbook .label {display:block;line-height:24px;}
.guestbook .label label {font-weight:400;}
.guestbook .field {font-size:16px}
.guestbook select {font-size:16px;padding:0 35px 0 15px;width: 100%; height:50px;line-height:50px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-down.png) no-repeat right 50%;color:#666;}
.guestbook .form-tips .guestbook .input-help ul {border:0;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.guestbook .input::-webkit-input-placeholder, .guestbook .textarea::-webkit-input-placeholder {color: #111;font-size: 16px;}
.guestbook .input:-moz-placeholder, .guestbook .textarea:-moz-placeholder {color: #111;font-size: 16px;}
.guestbook .input::-moz-placeholder, .guestbook .textarea::-moz-placeholder {color: #111;font-size: 16px;}
.guestbook .input:-ms-input-placeholder, .guestbook .textarea:-ms-input-placeholder {color: #111;font-size: 16px;}
/* 联系我们end */

.lianxishou{
    width: 1200px;
    margin: 0 auto;
}

#lianix{
    padding: 10rem 20rem 20rem 20rem;
    height: auto;
}

@media screen and (max-width:1000px){
    .lianxileft img{
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:375px){
    .lianxileft img{
        margin-bottom: 0.5rem;
    }
}



.lianxi h2{
    font-size: 42px;
    font-weight: bold;
    color: #036eb8;
    margin-bottom: 2rem;
}


@media screen and (max-width:1000px){
    .lianxi h2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width:800px){
    .lianxi h2{
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:600px){
    .lianxi h2{
        font-size: 0.5rem;
        margin-bottom: 0.3rem;
    }
}
.lianxi .lianxizhong a{
    width: 100%;
    font-size: 18px;
    position: relative;
    display: inline-block;
    padding-left: 60px;
    margin-bottom: 30px;
}


@media screen and (max-width:1000px) {
    .lianxi .lianxizhong{
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
    }
}





.lianxi .lianxizhong .list::before{
    font-size: 28px;
    color: #036eb8;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: -8px;
}



#guanyu{
  
}


#guanyu .row .guanyuneirong{
  position: relative;
  font-size: 48px;
  margin-bottom: 3rem;

}

#guanyu .row .guanyuneirong::before{
    bottom: -15px;
    position: absolute;
    content: '';
    font-size: 48px;
width: 1.2em;
height: 5px;
background-color: #036eb8;
display: block;
left: 50%;
transform: translateX(-50%);
}

.guanyuwomen{
    padding: 0 10rem;
 }    

@media screen and (max-width:1600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
   
.guanyuwomen{
    padding: 0 20px;
 }    
}



.guanyuwomenone{
    position: relative;
    padding: 0  0px 0 20px; 
    border-left:3px solid #0A72C8;
    width: 25%;
    height: 310px;
}

.guanyuwomenone00{
    padding: 0px 80px 0 20px;
    width: 25%;
    height: 310px;
}
@media screen and (max-width:1500px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
   
    .guanyuwomenone00{
        padding: 0px 10px 0 10px;
        width: 25%;
        height: 310px;
    }   
    }

.guanyuwomenone .h2{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.guanyuwomenone .h2one{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.guanyuwomenone .ponetwo{
    font-size: 16px;
    text-align: center;
  

}

.guanyuwomenone .pone p{
    text-align: center;
    font-size: 16px;
    margin-top: 6px;
}

.guanyuwomenone::after{
   position: absolute;
   top:0;
   content: '';
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background-color:#0A72C8 ;
   left: -10px;
}

.guanyuwomenone::before{
    position: absolute;
    bottom:0;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color:#0A72C8 ;
    left: -12px;
}


.roundyuandian{
    padding: 0 15rem;
    width: 100%;
    margin: 0 auto;
    height: 70px;
    background-color: #F2F2F2;
    margin-top: -30px;
}

.guanyuwomennice{
    margin-top: -30px;
}

.guanyu01{
    margin-left: 3rem;
}
.guanyu02{
    margin-left: 3rem;
}
.guanyu03{
    margin-left: 4rem;
}
.guanyu04{
    margin-left: 4rem;
}

.h2one{
    font-size: 32px;
    margin-top: 40px;
    font-weight: bold;
    
}

@media screen and (max-width:800px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
   
  
#lishi{
    position: relative;
    margin-bottom: 1rem;
}

#lishi .row .lishineirong{
    position: absolute;
    width: 3px;
    height:100% ;
    background-color: #036EB8;
    left: 49%;
    transform: translateX(-50%);  
} 

#lishi .row .col-6{
    padding:0 0.5rem;
    border-top: 3px solid #036EB8;
}

#lishi .row .col-6:nth-child(7){
    border-bottom: 3px solid #036EB8;
}

#lishi .row .col-6:nth-child(8){
    border-bottom: 3px solid #036EB8;
}

.guanyuh2{
    margin-bottom: 0.5rem;
}

.yuandian{
   position: absolute;
   width: 20px;
   height: 20px;
   top:15.5%;
   border-radius: 50%;
   background-color: #036EB8;
   left: 49%;
   transform: translateX(-50%);  
}

.yuandian01{
    position: absolute;
    width: 20px;
    height: 20px;
    top:15.5%;
    border-radius: 50%;
    background-color: #036EB8;
    left: 49%;
    transform: translateX(-50%);  
}

.yuandian01{
    position: absolute;
    width: 20px;
    height: 20px;
    top:47.5%;
    border-radius: 50%;
    background-color: #036EB8;
    left: 49%;
    transform: translateX(-50%);  
}


.yuandian02{
    position: absolute;
    width: 20px;
    height: 20px;
    top:83%;
    border-radius: 50%;
    background-color: #036EB8;
    left: 49%;
    transform: translateX(-50%);  
}

.yuandian03{
    position: absolute;
    width: 20px;
    height: 20px;
    top:-10px;
    border-radius: 50%;
    background-color: #036EB8;
    left: 49%;
    transform: translateX(-50%);  
}

.yuandian04{
    position: absolute;
    width: 20px;
    height: 20px;
    top:99%;
    border-radius: 50%;
    background-color: #036EB8;
    left: 49%;
    transform: translateX(-50%);  
}

}

#lishizjincheng .col p{
position: relative;
  font-size: 0.5rem;
  font-weight: bold;


}

.lined{
    margin-top:-0.5rem;
    font-size: 48px;
    width: 1.2em;
    height: 5px;
    background-color: #036eb8;
    display: block;
    margin: 10px auto 0;
    margin-bottom: 0.5rem;
}


.serAdvan .wp .fuwuyoushi{
    margin-top: 1rem;
}


.serAdvan .wp .fuwuyoushi .fuwuzhong p{
font-size: 22px;
margin-bottom: 1rem;
}


@media only screen and (max-width: 800px){
    .serAdvan .wp .fuwuyoushi{
        margin-top: 0.2rem;
    }

    
.serAdvan .wp .fuwuyoushi .fuwuzhong p{
    font-size: 16px;
    margin-bottom: 0.3rem;
}
}