/*****************全局*************************/
*{margin:0;padding:0;list-style-type:none;}
body { background: #F5F5F5; color:#222; overflow-x: hidden; overflow-y: auto;-webkit-overflow-scrolling: touch; font: 14px/1.5 "思源黑体 CN", "Source Han Sans CN", "noto sans", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", Arial, tahoma, Helvetica, sans-serif}
html{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;overflow-x: hidden;}
body,div,ul,li,dd,dt,dl,h3,p{padding: 0px; margin: 0px;outline:none;}
i,font,span,strong{ font-style:normal}
ul,li,dd,dt,dl {list-style-type: none}
ul,li{ float:left;}
a,a:hover {text-decoration: none;}
a,img{border:0;}
a {color: #222;}
img {padding: 0px; margin: 0px; border:0; max-width:100%;vertical-align:bottom; position: relative;}
img::after { content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#f9f9f9; }
p {text-justify: inter-ideograph; padding:0; margin: 0; }
input,button{border: none; outline: none; background: inherit;-webkit-appearance: none; border-radius: 0;}
input:focus,button:focus{ outline: none; }
input{box-shadow: 0 0 0px 1000px #fff inset;-webkit-box-shadow: 0 0 0px 1000px #fff inset;-moz-box-shadow: 0 0 0px 1000px #fff inset;-ms-box-shadow: 0 0 0px 1000px #fff inset; -o-box-shadow: 0 0 0px 1000px #fff inset;}
textarea{resize: none;}
.tags ul{ padding:3rem 0; }
::-webkit-scrollbar { width:10px;} 
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #6F6F6F; } 
::-webkit-scrollbar-thumb {  background:#6F6F6F; -webkit-box-shadow: inset 0 0 6px #6F6F6F; } 
::-webkit-scrollbar-thumb:window-inactive {  background:#6F6F6F;}

/*****************共享*************************/

.all{ width:100%; margin:0 auto;}

.w1680{ width:105rem; margin:0 auto;}

.w1680 #yqlj{margin-bottom: 1rem;}

.w1440{ width: 90rem; margin: 0 auto; }
.w1200{ width: 75rem; margin: 0 auto; }

.w1000{ width: 62.5rem; margin: 0 auto; }

.left{ float:left;}

.right{ float:right;}

.center{ text-align:center;}

.r5{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.r10{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

.r15{-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}

.time05{-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

*, ::after, ::before { box-sizing: border-box;}

.clear{ clear:both}

.mobile{ display: none; }
.pc{ display: inline-block; }


.title{ width: 100%; float: left; text-align: center;}
.title h2{letter-spacing: 0.125rem; font-size: 2.25rem; color: #434343; font-weight: 300; line-height: 2rem;}
.title h3{ margin-top: 0.5rem; font-size: 0.875rem; color: #999; line-height:1.625rem; font-weight: 300; }
.title h3 span{ position: relative;}
.title h3 span:before{ position: absolute; content: ''; left: -3rem; top:50%; height: 1px; min-height: 1px; max-height: 1px; width: 2rem; background: #b2b2b2 }
.title h3 span:after{ position: absolute; content: ''; right: -3rem; top:50%; height: 1px; min-height: 1px; max-height: 1px; width: 2rem; background: #b2b2b2 }

.box:hover{box-shadow: 0 2rem 4rem 0 rgb(43 35 79 / 14%);}

.trans:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.hr{ background: #B0C0D7; height: 0.5rem; margin: 1rem 0; }
.quote{ font-size: 1rem; background: #FAFAFA; margin:1rem 0; padding: 0 1rem; height: 3rem; line-height: 3rem; border-left:#3A75B7 0.3rem solid ; }




/**导航***********************************/
.navbar{ position: relative; top: 0; z-index: 99999; background: #045089; height: 6rem; line-height: 6rem;}
.navbar .w1440{ height: 100%; position:relative;}
.navbar .logo{ position: absolute; left: 0; top: 50%;transform: translate(0%, -50%);}
.navbar .logo img{ height: 5rem; float: left;}

.navbar .zixun{ position: absolute; right: 0rem; top: 50%; padding: 0 2.4375rem; font-size: 0.9rem; height: 2.5rem; line-height: 2.5rem; color: #fff; border-radius: 2rem; background: #008FD7;transform: translate(0%, -50%);}

.navbar .menu{ margin-right: 8.8rem}
.navbar .menu .nav-item{ min-height: 6rem; position: relative; }
.navbar .menu .nav-item:before{position: absolute; content: ""; left: 0px; top: 50%; font-size: 0.875rem; color: rgb(144, 144, 144);transform: translate(0,-50%);}
.navbar .menu .nav-item .nav-link{ display: inline-block; padding: 0 1.5625rem; font-size: 1rem; color: #fff }

.navbar .menu .nav-item.active a,.navbar .menu .nav-item:hover a{color: #fff; }
.navbar .menu .nav-item.active>a,.navbar .menu .nav-item:hover>a{ background: #008FD7; }

.navbar .menu .nav-item .nav-child{ position: absolute;width: calc(100% + 3.125rem); top: 6rem; left: 0; height: 0; z-index: 999;  overflow: hidden;}
.navbar .menu .nav-item .nav-child dd{ width: 100%; height: 2.5rem; line-height: 2.5rem; text-indent: 0.85rem; }
.navbar .menu .nav-item .nav-child dd a{ display: inline-block; width: 100%; color: #fff; font-size: 1rem;}

.navbar .menu .nav-item:hover .nav-child{  height: inherit; overflow: inherit;padding: 1rem 0 3rem 0;}
.navbar .menu .nav-item .nav-child dd:hover a{ color: #ACCE22; }

.navbar .menu .nav-item .nav-child:before{ position: absolute; left: 0; top: -0.375rem; content:''; height: 0.375rem; width: 100%;width: calc(100% - 3.125rem); background: #ACCE22 }
.navbar .menu .nav-item .nav-child:after { content: ""; position: absolute; width: 8000px;height: 100%;background: rgba(4, 80, 137, 0.8); left: -4000px; top: 0; box-shadow: 0 10px 10px 0px rgba(141, 183, 237, 0.1); z-index: -1;}

.navbar .menu .nav-item:nth-child(1):before{ display: none }
.navbar .menu .nav-item:nth-child(3) .nav-child{width: calc(100% + 8.125rem);}
.navbar .menu .nav-item:nth-child(3) .nav-child:before{width: calc(100% - 8.125rem); }


.navbar.fixed{ position: fixed; height: 4rem; line-height: 4rem; }
.navbar.fixed .logo img{ height: 3.2rem; }
.navbar.fixed .menu{ font-size: 1rem; }
.navbar.fixed .menu .nav-item{ min-height: 4rem;}
.navbar.fixed .menu .nav-item .nav-child{ top: 4rem; }
.navbar.fixed .menu .nav-item .nav-child dd{ height: 2rem; line-height: 2rem; font-size: 0.9rem; }


.navbar:hover{background: rgba(4, 80, 137,1);}
.navbar:hover .menu .nav-item .nav-child:after{background: rgba(4, 80, 137,1);}

/**底部foot***********************************/
/*.foot{ height: 100%; overflow: hidden; background:#045089;  padding:3rem 0; color: #fff}*/
.foot{ height: 100%; overflow: hidden; background: #1966ac;  padding:3rem 0; color: #fff}
.foot .w1440{height: 100%; overflow: hidden;}


.foot .address{ float: left; width:38rem;   margin-top: 2rem; }
.foot .address .img{ width: 20rem; float: left; margin-bottom: 1rem;}
.foot .address .img img{ width: 20rem; float: left; }
.foot .address p{ width: 100%; float: left; font-size: 1rem; margin-bottom: 2rem; line-height: 1.8rem;}
.foot .address font{ font-weight: 700; font-size: 1.1rem; }


.foot .time{ float: left; }
.foot .time>div{ float: left; margin-left: 3.2rem; }
.foot .time h2{ font-size: 1.125rem; font-weight: 700; margin-bottom: 1rem;  }
.foot .time p{ font-size: 1rem; line-height: 2rem;}

.foot .right{ margin-right: 3rem; text-align: center;}
.foot .right a{ display: inline-block; float: left; margin-left: 2rem;}
.foot .right img{ width: 11rem; float: left; overflow: hidden; }
.foot .right p{ line-height: 2rem; font-size: 1rem; color: #fff}



.footer { height: 100%; overflow: hidden; background: #045089; border-top: #ccc 1px solid; text-align: center;}

.footer .pc{ width: 100%; float: left; margin: 0; padding: 0; color: #fff; font-size: 0.9rem; line-height: 4rem;}
.footer .pc>a{ color: #fff; margin-left: 0.6rem; }

.foot a{color: #fff}
.foot a:hover,.footer a:hover{ color: #ccc }


/**返回顶部***********************************/

#goToTop{ bottom: 10%; font-size: 1.2rem; cursor: pointer;  opacity: .8; position: fixed; right: 0.8rem;  width: 3rem; height: 3rem; border-radius: 3rem; text-align: center; transition: all 1s ease 0s; z-index: 9999999999; background:#008FD7; }
#goToTop a{ display: inline-block; width: 100%; height: 100%; border-radius: 100%; position: relative; border: #fff 2px solid}
#goToTop a:before,#goToTop a:after{ position: absolute; left:0; content: '';border-right: 2px solid #fff; border-top: 2px solid #fff; height: 0.8rem; width: 0.8rem;  margin:1rem; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-left: 2px solid transparent; border-bottom: 2px solid transparent; }
#goToTop a:after{ margin-top: 1.5rem; }





@media(max-width:1680px) {
    .w1680{ width: 94%; }
}



@media(max-width:1440px) {

    .w1440{ width: 96%; }

    .navbar .logo img{ height: 3rem; }

    .navbar .menu .nav-item .nav-link{ padding: 0 1.2rem; }
    .navbar .menu .nav-item .nav-child dd{ text-indent: 0.6rem; height: 2.375rem; line-height: 2.375rem;}


    .foot{ padding: 3rem 0 1rem }
    .footer .pc{ line-height: 4rem; }

}

@media(max-width:1366px) {

    .foot .address{ width: 42%; }


}


@media(max-width:1280px) {


    .navbar .menu .nav-item .nav-link{ padding: 0 0.8rem; }
    .navbar .menu .nav-item .nav-child dd{ text-indent: 0.5rem; height: 2rem; line-height: 2rem;font-size: 0.9rem; }

}

@media(max-width:1024px) {

    .title h2{ font-size: 1.3rem; }
    .title h3{font-size: 0.9rem; line-height: 1.2rem;}

    .w1680,.w1440,.w1000{ width: 100%; }


    .navbar .logo{ left: 1rem }
    .navbar .logo img{ height: 2.5rem; }
    .navbar.fixed .logo img{ height: 2.5rem; }
    .navbar .menu{ font-size: 1rem; margin-right: 9rem;}
    .navbar .menu .nav-item .nav-link{ padding: 0 0.5rem; font-size: 0.9rem; }
    .navbar .menu .nav-item .nav-child dd{ text-indent: 0; font-size: 0.8rem; padding:0 0.5rem; }

    .navbar .zixun{ right: 1rem; height: 2rem; line-height: 2rem; padding: 0 1.875rem }
   

    .foot .address{ width: 40%; margin-left: 2rem; margin-top: 1.2rem;}
    .foot .address .img,.foot .address .img img{ width: 16rem; }
    .foot .address p{ font-size: 0.8rem; margin-bottom: 1rem; }
    .foot .address font{ font-size: 0.9rem; }
    .foot .time{ margin-top: 0rem; }
    .foot .time h2{ font-size: 1.05rem; margin-bottom: 0.5rem; }
    .foot .time p{ font-size: 0.8rem; line-height: 1.6rem}
    .foot .right p{ font-size: 0.8rem; line-height: 1.6rem }
    .foot .right img{ width: 9rem; }

}


@media(max-width:768px) {

    .w1000{ width: 96%; margin:0 2%; }

    .pc{ display: none; }
    .mobile{ display: inline-block; }


    .menuover{ height: 6.35rem; }

    .navbar{ height: 4rem; line-height: 4rem; z-index: 9 }
    .navbar .w1680{ height: 4rem; line-height: 4rem; padding: 0;position: fixed; z-index: 9;}
    .navbar .logo{ left: 1rem; }

    .navbar .zixun{ position: absolute; right: 4rem; padding: 0 1rem; font-size: 0.9rem; height: 2rem; line-height: 2rem; color: #fff; border-radius: 2rem;}

    .navbar .menu{ display: none; position: absolute; z-index: 88888; top: 4rem;  width: 100%; height:100vh;  overflow: hidden; background:  rgba(0,0,0,.4); font-size:0.7rem;}

    .navbar-nav{ width: 100%; height: 100%; float: right; background: rgba(4, 80, 137, 0.8); overflow: auto; padding-bottom: 5rem}
    .navbar .menu .nav-item{ width: 100%; padding: 0 4%; min-height: auto; line-height: 2.5rem;}
    .navbar .menu .nav-item:before{ display: none; }
    .navbar.fixed .menu .nav-item{  min-height: auto;}
    .navbar .menu .nav-item .nav-link{ display: inline-block; width: 100%; padding: 0; padding-left: 0.5rem; }
    .navbar .menu .nav-item .nav-child dd{ height: 2rem; line-height: 2rem; font-size: 0.8rem; padding: 0 8%; }


    .navbar .menu .nav-item .nav-child{ display: none; position: inherit; left: -6%;  top: 0; height: inherit; }
    .navbar .menu .nav-item .nav-child:before,.navbar .menu .nav-item .nav-child:after{ display: none; }

    .navbar .menu .nav-item .nav-link{ color: #fff; position: relative; font-size: 1rem;}
    .navbar .menu .nav-item i.mobile:before{ position: absolute; right: 1rem; top:0.9rem;  content: ''; width: 0.6rem; height: 0.6rem; border-left: #fff 1px solid; border-top: #fff 1px solid;
    transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }
    .navbar .menu .nav-item i.mobile{ position: absolute; content: ''; top: 0; right: 2%; cursor: pointer; width: 2.5rem; height: 2.5rem; z-index: 1; }

    .navbar.fixed .menu .nav-item .nav-child.active{ display: inline-block; height: inherit; }
    .navbar .menu .nav-item.active a{ font-size: 1rem; color:#ACCE22 }
    .navbar .menu .nav-item:hover a{ color:#ACCE22 }
    .navbar .menu .nav-item:hover .nav-child{ }
    .navbar .menu .nav-item .nav-child dd:hover{ background: inherit; }
    .navbar.fixed .menu .nav-item .nav-child{ display: none; width: 108%;  top: 0; left: -4.3%; padding: 0; margin: 0; }
    .navbar .menu .nav-item:hover .nav-child{  height: 0; overflow: hidden ; padding:0;}
    .navbar .menu .nav-item .nav-child dd a{ font-size: 0.875rem }

    .phone-nav{ position: absolute; top: 0.5rem; right: 1rem; width: 2rem; height: 3rem; line-height: 3rem; cursor: pointer; color: #fff;  background: 0 0;border: none; outline: none; z-index: 1;}
    .phone-nav .icon-bar { display: block; width: 2rem; height: 0.125rem; border-radius: 1px; transform: none;background: #fff;}
    .phone-nav .icon-bar+.icon-bar { margin-top: 0.3rem;}
    .phone-nav span { transition: .3s all ease;}

    .phone-nav.active{ right: 1rem; }
    .phone-nav.active .icon-bar01 {top: 0; margin-top: 0.3rem; width: 2rem; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);transform-origin: center;}
    .phone-nav.active .icon-bar02{ display: none; }
    .phone-nav.active .icon-bar03 { top: 0; margin-top: -0.1rem; width: 2rem; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg);transform-origin: center;}


    .foot{ padding:1rem 2% 0 2%;}
    .foot .address{ margin: 0; width: 100%; height: inherit; text-align: center; }
    .foot .address .img{ width: 100%; text-align: center; margin-bottom: 0.5rem}
    .foot .address .img img{ float: initial; }
    .foot .address p{ font-size: 0.875rem; line-height: 1.625rem; }
    .foot .address font{ font-size: 0.875rem; font-weight: inherit; }

    .foot .right{ width: 60%; float: left; margin:1rem 20% 1rem 20%; text-align: center; }
    .foot .right a{ float: initial; margin: 0; margin: 0 1rem; }
    .foot .right p{ font-size: 0.875rem; line-height: 1.625rem;}
    .foot .right img{ width: 8rem; }


    .footer .mobile{ padding-bottom: 0; line-height: 3rem; font-size: 0.8rem; color: #fff}
    .footer a{color: #fff; margin-left: 1rem;}

}