a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,menu,table,tbody,tfoot,thead,th,tr,td,video,tt,u,ul,var{background:transparent;font-size:100%;margin:0;padding:0;border:0;outline:0;}
a{color: #000; text-decoration:none;}
a:link{color: #000;}
a:visited{color: #000;}
a:active{color: #000;}
a:hover{color: #344F7E;}
ol,ul,li{list-style:none;}
body{font-size:14px; line-height: 1.75;}
pre{font-family: "微软雅黑";}
input::placeholder {color: #fff;}
.pic{overflow: hidden;}
.pic img{object-fit:cover; transition:all .5s ease 0s;}
.pic img:hover{ transform:scale(1.2);}
.row{position: relative; overflow: hidden;}
.container{width:94%;max-width:1200px; margin:0 auto;}
.left{float:left;}
.right{float:right;}
@font-face { font-family: "iconfont"; src:url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'); }
/* 头部 */
#header{height:190px; background:#344F7E url(../img/top-bg.png) no-repeat 75% center; background-size: auto 100%;}
#header .container{position: relative; transition:all .5s ease 0s;}
#header a{color:#fff;}
#logo{ float:left;  margin-top:3rem; overflow: hidden;}
#logo a{float:left;}
#logo img{max-width: 100%; max-height:5rem; transition:all .5s ease 0s; object-fit:cover;}
#logo span{margin-left:.5rem ; line-height:5rem ;font-size:2rem;color:#fff;font-weight:bold;}
/* 顶部功能区 */
.topfunction{ padding-right:.5rem; float:right; }
/* 链接 */
#linkgroup{margin:.5rem 0 1.5rem; text-align:right; overflow: hidden;}
#linkgroup li{position: relative;  display:inline-block; *display:inline;}
#linkgroup li a{display:block; padding:0 1rem;line-height: 2rem; border-radius:2rem;  transition:all .5s ease 0s;}
#linkgroup li a:hover{ background-color:rgba(255,255,255,.25);}
/* 搜索框 */
.s-form { background-color:rgba(255,255,255,.35);height:2.5rem; border-radius:2rem; overflow: hidden;}
.s-form .select-box,.s-form .dropdown-word {display: none;}
.s-form .input-box{ float:left;}
.s-form #inputkeyword{padding:0 1rem;width:6rem; height:2.5rem; border:0px #fff solid; border-radius:2.5rem; background:none; color:#fff; border:none; outline: none; transition:all .5s ease 0s;}
.s-form:hover #inputkeyword{width:10rem;}
.s-form .btn-box{float:right;}
.s-form .btn-box a{ display:block; width:2rem; height:2.5rem; line-height:2.5rem; padding:0; font-size:1.25rem; overflow: hidden; cursor: pointer;}
.s-form .btn-box a:before{font-family: "iconfont" !important; content: "\e62c";}
/* 导航 */
#nav{ position: relative; z-index: 9; display:flex;justify-content: space-between; flex-wrap: wrap; background-color:#3261b2; text-align:center;}
#nav .mainNav{display:flex;}
#nav .mainNav .li1{ position: relative; flex: 1;}
#nav .mainNav .li1 h3{font-weight: normal;}
#nav .mainNav .li1 a{ position: relative; line-height:3.5rem; display: block; font-size:1.125rem; color:#fff; cursor: pointer; overflow: hidden;}
#nav .mainNav .li1:before{content:""; position: absolute;left:50%;bottom:0;width:0; border-bottom:1px solid #344F7E; transition:all .5s ease 0s;}
#nav .mainNav .li1 .a1:after{content:"|"; position: absolute;top:0;right:0;bottom:0;font-weight: 200;opacity:.5;}
#nav .mainNav .li1:last-child .a1:after{display: none;}
#nav .mainNav .li1.on1 ,#nav .mainNav .li1:hover {background-color: rgba(255, 255, 255, .1);}
#nav .mainNav .li1.on1:before,#nav .mainNav .li1:hover:before{left:0;width:100%;}
#nav .mainNav .li1 ul{display: none; position: absolute;top:100%;left:0; right:0;opacity:1; background-color:#3261b2;transition:all .5s ease 0s;overflow: hidden;}
#nav .mainNav .li1 ul li a{font-size:1rem; padding:.5rem 0; line-height:1.5rem;}
#nav .mainNav .li1.on1 ul{ box-shadow: 0 .3rem 1rem rgba(0,0,0,.2); }
#nav .mainNav .li1 ul li a:hover{background-color:rgba(255,255,255,.25)}

#content .container{padding:1.5rem 0;overflow: hidden;}
.row .box{ float:left; width:48%;}
.row .box-right{ float:right; }

#row0 .box{ margin-bottom:1.5rem; width:48.5%; border:1px solid #ddd; border-radius:.25rem; transition:all .5s ease 0s;}
#row0 .box:hover{ background-color:#eef1f5; box-shadow: 0 .25rem 1rem rgba(0,0,0,.2);}
#row0 .box .header{ float:left;  margin:1.5rem 0 0 1rem;text-align:center;}
#row0 .box .header h3 a{ font-size:1.2rem;font-weight: normal; }
#row0 .box .header h3 a:before{ display:block; line-height: 3rem; font-family: "iconfont" !important; content: "\e8bf"; font-size:3rem; }
#row0 .box .more{float:none;display:inline-block;}
#row0 .box:nth-child(2) .header h3 a:before{content: "\e606";}
#row0 .box:nth-child(3) .header h3 a:before{content: "\e6ac";}
#row0 .box:nth-child(4) .header h3 a:before{content: "\e628";}
#row0 .box .cont{padding:1rem;min-height:6rem;}
#row0 .box .cont li{padding:.25rem 2%; font-size:1rem; }

#row1{position: relative; background-color:#f5f5f5;}
#jdt{float:left; width:48%;margin-right:4%;}
#jdt .swiper-pagination{left:auto;right:0;width:5rem;display:block;}
#jdt .swiper-pagination span{ background-color:#fff;}
#jdt li{ float:left; }
#jdt .pic img{height:400px;}
#jdt .hd{display: none;}
#jwdt{ overflow: hidden;}


#row3 .box{width:100%; float:none; }
/* 底部 */
#footer{ position: relative; z-index: 9; padding:1.5rem 0; background-color:#344F7E;color:#fff;}
#footer .container{font-size:.875rem; text-align:center;}
#footer a{color:#fff;}
#footer a:hover{color:#dae7ff;}
#footer .copyright{ display:inline-block; *display:inline; text-align:left; padding-left:5rem; background:url(../img/footer-logo.png) no-repeat left center; background-size: auto 100%;}


/* 1000 以下 */
@media screen and (max-width:1000px) {
    #header {height:100px;}
    #logo { margin-top:1.5rem }
    #logo img{max-height:2.5rem;}
    #logo span{line-height:2.5rem;font-size:1rem;}
    #nav,.topfunction{display: none;}
    .s-form {margin:1rem 0;  display:block; overflow: hidden;}
    .s-form .input-box{ float:left; width:90%;}
    .s-form #inputkeyword{ margin:0;width:90%; padding:0 5%; border-width:2px;}
    .s-form .btn-box{margin-top:.125rem;}
    .s-form .btn-box a{width:2.5rem; font-size:2rem; }
    .navshow #header{ position: relative; z-index: 100;}
    .navshow #nav{ display:block;  z-index: 100;}
    #nav .container{width:100%;}
    #nav .mainNav{ display:block; }
    #nav .mainNav .li1 {padding:0 1.5%; border-bottom:1px dotted rgba(255,255,255,.25);overflow: hidden;}
    #nav .mainNav .li1 .h1{ text-align:left; padding-right:2.5rem;}
    #nav .mainNav .li1:before{display: none;}
    #nav .mainNav .li1:after{content:">"; position: absolute;top:1.25rem;right:3%; color:#fff; font-family: serif; transform:rotate(90deg);}
    #nav .mainNav .li1 .a1{ padding:0; }
    #nav .mainNav .li1 .a1:after{display: none;}
    #nav .mainNav .li1 ul{ position: relative;}
    #nav .mainNav .li1:hover ul{ box-shadow:none;}
    #nav .mainNav .li1 ul li{ float:left; width:25%;}
    #jdt{ width:100%; margin:0 0 1rem;float:none; }
    #jdt .pic img{height:auto;}
    .row .box{ float:none;  width:99% !important;margin: 0 0 1rem;}
    #icon-group li{font: none;width:100%;}
    #icon-group li a,#icon-group li span{padding:1rem ; margin:0 0 1rem; font-size:1.5rem;}
    #icon-group li a::before,#icon-group li span::before{ display:inline-block; *display:inline; margin: -.2rem 1rem 0 0 ;vertical-align: middle;}  
}
/* 768px 以下 */
@media screen and (max-width:768px) {
    #header{height:80px}
    #logo img{max-height:2rem;}
    #logo span{line-height:2rem;}
    .piclist li{width:46%; margin-left:2%; margin-right:2%; }
    .piclist li .pic img{height: 120px;}
    .container .header{ padding:0; }
    #content .container{ padding:1rem 0;}
}

@media screen and (max-width:500px) {
    #nav .mainNav .li1 ul li{ width:33%;}
    #nav .mainNav .li1 ul li a{ display:block;  white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
    #row0 .box .header{float:none; margin:.5rem 0 0 1rem; text-align:left;}
    #row0 .box .header h3 a:before{float:left;margin-right:.5rem; font-size:2rem;line-height:2.5rem;}
    #row0 .box .header h3{float:left;}
    #row0 .box .cont{padding:.5rem;min-height:none;}
    #row0 .box .cont li{ float:none; width:96%;padding:0 2%;}
    #row0 .box .more{float:right;margin:.25rem 1rem 0 0;}
    #footer .copyright{ background:none; padding:0;  text-align:center;}
}