/* CSS reset */
html, body, div, p, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
html, body { height:100%; }
img { border: 0; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { cursor: pointer; font-size: 18px;  text-decoration: none; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover { color: #035BB3; text-decoration: none; }
a:active { color: #F30; }
p { padding: 5px 0; }
h1 { font: 24px/30px "Microsoft Yahei"; text-align: center; padding: 18px; display: block; overflow: hidden; text-indent: 0; zoom: 1; _width: 90%; }
textarea { overflow: auto; }
em { font-style: normal; }
/*--reset end--*/
.left { float: left; display: inline; }
.right { float: right; display: inline; }
body { background: #1474DE; background-size:cover; font: 18px "Microsoft yahei", Tahoma, Verdana; color: #333; height: 100%; overflow-x: hidden; }


.clear { clear: both; height: 0; overflow: hidden; }

.header {width:100%; position: relative;}
.tohome a {display: block; height:100px; text-indent: -99999em; width:40%;}
.logo {width:410px; height:80px; position: absolute; top:10px;left:10px; background: url(../images/logo_main.png) no-repeat center center; background-size: 100% 100%;}
.name {height:360px; }
.containor {width:1100px;margin:0 auto 20px auto;background: #fff;overflow: hidden;zoom:1;}

.list li { list-style: none; text-align: left; overflow: hidden; height: 35px; line-height: 35px; 
    padding: 0 5px 0px 20px; margin:10px 0 10px 10px;     background: url(../images/flag.png) no-repeat left 0;
    overflow: hidden;
    position: relative;
    transition: all 0.3s; }
.list li:hover { background: url(../images/flag.png) no-repeat left -35px;  }
.list li em { display: block; float: right; padding:6px 10px 0 10px; color: #035BB3; font: normal 14px/26px arial, Geneva, sans-serif; }
.list li a { color: #333; font-size:18px; }
.list li a:hover { color: #035BB3; text-decoration: none; }
.list li a em { color: #06F; }
.list li span {  font-size: 16px; padding-right:3px; padding-bottom:0; }



.h3-ico {width:180px; font-size: 26px; font-weight: bold; color:#0059B2; margin:15px 0; height:36px; line-height: 36px;}
.h3-ico a {color:#0059B2; font-size: 26px; font-weight: bold; text-decoration: none; }
.h3 { height:40px; border-bottom:1px solid #ddd; margin-bottom:5px; }
.h3 span { padding:0 3px;font: bold 20px/40px "Microsoft Yahei", "微软雅黑"; display: block; float: left; border-bottom:2px solid #1D6917; }
.h3 a img { margin:12px 0 0; }
.news-list {overflow: hidden; zoom:1;}
.news-list li { overflow: hidden; zoom:1; padding:8px 0; margin:10px 0; float:left; width:33.33%; position:relative; }
.news-list li .bottom-line::before {content: "";width: 0;height: 2px;overflow: hidden;background: #0059B2;position: absolute;bottom:0px;left:0;transition: 0.4s all;z-index: -1;}
.news-list li:hover .bottom-line::before{width:100%;}
.news-list .date { float: left; width:86px; height:87px; background:url(../images/datebg.png) no-repeat center center;text-align: center; color:#fff; font:bold 28px arial; }
.news-list .date em { display: block; font:normal 14px/1.2 arial; color: #035BB3; padding:18px 0 5px 0; }
.news-list .list-title { float:left; width:312px; padding:10px 10px 10px 0; }
.news-list .list-title td { height:70px; overflow: hidden; vertical-align: middle; padding-left:5px; line-height:1.8; }
.news-list li a { text-decoration: none; }



.box { overflow: hidden; margin-bottom:15px; width:575px; float: left; }
.box h3,.zt h3 { height:40px; border-bottom:1px solid #ccc; margin-bottom:15px; background: url(../Images/title-comm.png) no-repeat left bottom; }
.box h3 span,.zt h3 span { color:#098E5C; float: left; height:40px; padding:0 20px; font:bold 20px/36px "Microsoft yahei"; }

.box h4 { margin:-5px 0 0; text-align: center; }
.box h4 a { font-size:30px; color:#098E5C; text-decoration: none; }

.more2{
    width: 158px;
    height: 40px;
    border: 1px solid #1B4CA8;
    text-align: center;
    line-height: 35px;
    margin:25px auto;
    position: relative;
    z-index: 0;
    background: #fff;
}
.more2::before{
    content: "";
    width: 0;
    height: 100%;
    background: #1B4CA8;
    position: absolute;
    top:0px;
    left:0;
    transition: 0.4s all;
    z-index: -1;
}
.more2 a{
    color: #1B4CA8;
    transition: 0.4s all;
    text-decoration: none;
    font-size: 16px;
}
.more2:hover::before{
    width: 100%;
}
.more2:hover a{
    color: #ffffff;
}


/*
------------------------------------- 
footer 
-------------------------------------
*/
.footer { background:#044C91; font-size:15px; height:260px; width:100%; min-width:1200px; color:#fff; }
.footer a { font-size:15px; color:#fff; }


.link-box {width:1200px; margin:0 auto; padding:30px 0;display: flex; justify-content:space-between;}
.link-box select { width:23%; border-radius:5px; padding:8px; font-size:16px; color:#666; } 

.copy {width:1200px; margin:0 auto;display: flex; justify-content:space-between;}
.copytext {width:420px; height:140px; padding-left:115px; border-right:1px solid #6D97BF; background:url(../images/logo_only.png) no-repeat left center; background-size:23%; }
.addrinfo{display: flex; justify-content:space-between; text-align: center; width:500px; }
.addrinfo > div{min-width:33%; font-size:14px;}
.addrinfo span {font-size:20px; line-height: 1.8; font-weight: bold; display: block;}
.ico-addr,.ico-poster,.ico-tel {width:65px; height:65px; margin:0 auto; border-radius: 100px; background:rgba(255, 255, 255, 0.3) url(../images/ico_addr.png) no-repeat center center;}
.ico-poster { background:rgba(255, 255, 255, 0.3) url(../images/ico_post.png) no-repeat center center;}
.ico-tel { background:rgba(255, 255, 255, 0.3) url(../images/ico_tel.png) no-repeat center center;}
.wxwb{width:220px; height:140px; padding-left:30px; border-left:1px solid #6D97BF;display: flex; justify-content:space-between; text-align: center;}
.wx img {margin:10px auto; display: block;}
/*
------------------------------------- 
Form 
-------------------------------------
*/

.select { visibility: hidden; }

h3 img, h4 img { float: right; margin: 6px 5px 0 0; }
/*
------------------------------------- 
sub_containor 
-------------------------------------
*/
.menu {}
/*.menu-list {}
.menu a { display: block; border-bottom:1px solid #ddd; padding:7px 0 10px 20px; width:100%; margin:5px 0; text-decoration: none; background:url(../images/side-menu.png) no-repeat left 0; transition:all 0.5s;}
.menu a:hover {background-position:left -35px;}
.menu a.current { background-position:left -35px; color:#044C91; }*/

.menu { text-align: center; padding:60px 0 30px 0; }
.menu a { padding:10px 30px; color:#fff; box-shadow: 1px 1px 4px #666; background-color: rgba(4,76,145,0.8); border-radius: 8px; font:bold 20px/1.5 'Microsoft yahei'; }
.menu a.current { background-color: rgba(217,0,0,0.8); }

.sub-main { width:1070px; padding:20px; min-height:400px; margin:0 auto;}
.sub-main h3 { height:40px; border-bottom:1px solid #ddd; }
.sub-main h3 span { padding:0 3px;color:#044C91;font: bold 20px/40px "Microsoft Yahei", "微软雅黑"; display: block; float: left; border-bottom:1px solid #044C91; }
.sub-main h3 a img { }
.sub-main h3 a { float: right; margin: 3px 0px 0 0; transition:all 0.5s;}
.sub-main h3 a:hover { transform: translateX(8px);}
.sub-main .comm-list { clear: both; }
.sub-main .profile {clear: both; padding:20px; margin:10px auto; border:1px solid #C9E9FC; background:#EBF7FE; font-size:16px; line-height: 1.8;text-align: justify;text-justify: inter-ideograph;}
.sub-main .profile p {text-align: justify;text-justify: inter-ideograph;}
.sub-main .comm-list li { height: auto; border-bottom: 1px dotted #ccc; padding: 5px 0 6px 15px; 
    margin:8px 0; background: url(../images/flag01.gif) no-repeat 0 13px; position: relative;
    left: 0; transition: all 0.3s; }
.sub-main .comm-list li:hover {
    transform: translateX(5px);
}
.sub-main .comm-list li a { font: 18px/150% 'Microsoft yahei' 宋体; text-decoration: none; }
.sub-main .comm-list li em { color: #999; float: right; font-size:15px;  }

#pager { font-size:16px; text-align: center; padding:15px 0; }
#pager a { background:#eee; border-radius:50px; padding:3px 11px 5px 11px; font-size:16px; text-decoration: none; }
#pager a.current { background:#044C91; color:#fff; }

#content {   margin: 10px 0px;  text-align: left;    font: 18px/180% "Microsoft yahei";    color: #333;    text-align: justify;    text-justify: inter-ideograph; }
#content p {    padding: 6px 0;    text-indent: 0;    font: 18px/200% "Microsoft yahei";}
/*
------------------------------------- 
position 
-------------------------------------
*/
#position { display: block; margin: 0 auto; overflow: hidden; height: 50px; font: 16px/50px Verdana, Geneva, sans-serif; 
    width: 877px; border:1px solid #ccc; border-left:0; border-bottom:0; float: left; background: #FFF url(../Images/common_top.jpg) top right no-repeat; text-indent: 20px; }
#position a, #position span { margin: 0 4px; color: #333; font: 16px/50px Verdana, Geneva, sans-serif; }
h2 { color: #002691; font: 25px/60px "microsoft yahei"; background: url(../Images/hline.png) center center repeat-x; }
h2 span { background: #FAFAFA;  /*display: block; overflow:hidden;*/ padding: 0 10px 0 0; margin: 0; }

/*
------------------------------------- 
pic 
-------------------------------------
*/
.pic { padding: 0 25px; }
.pic li { width: 244px; height: 200px; float: left; margin: 8px 12px; display: inline; overflow: hidden; text-align: center; line-height: 160%; }
.pic img { display: block; padding: 2px; margin: 4px auto; border: 1px solid #ccc; 
    width: 238px; height: 152px; background: #fff; }
.pic li a { font-size:16px; }
.clear { clear: both; height: 0; line-height: 0; overflow: hidden; }


.page { padding: 30px 15px; text-align: center; }
.page img { cursor: pointer; }
.page a, .page a:visited, .page span { font-size:16px; padding: 3px 8px; margin: 0 3px 0 0; border: 1px solid #999; text-decoration: none; border-radius: 5px; }
.page a:hover, .page .current { background: #79BA74; border: 1px solid #79BA74; color: #fff; }
.page .current {  }
.page .disabled { border: 1px solid #ccc; color: #ccc; padding: 2px 5px; }
.buttonBox { text-align: center; padding: 10px 0; }
.textBox { height: 126px; padding: 8px 15px; overflow-y: auto; background: #fff; border-bottom: 1px solid #B4D1EF; margin: 0 0 10px 0; }
.content { border:1px solid #ddd; }
#content {margin: 15px 40px; text-align: left; font: 18px/180% 'Microsoft yahei',宋体; color: #333; 
text-align: justify; text-justify: inter-ideograph;}
#content h1 { padding-top:30px; text-align: center; font:bold 30px/1.5 'Microsoft yahei'; }
#content table { margin:10px auto; }
#content td,#content th {border:1px solid #666; padding:5px; }
.showpage { margin: 20px; }
.related { margin: 5px 40px; padding: 0 0 10px 0; }
#mid .related .list li { border-bottom: 0; }
.other { margin: 10px 80px; padding: 15px 0; border-top: 1px solid #ccc; font-size: 18px; text-align: left; }
.other a { font: 18px Tahoma; }
.infoBox { text-align: left; border-bottom:1px solid #ddd;padding: 10px 180px; margin: 0 0 15px 0; 
    font: 16px Tahoma; text-align: center; color: #999; overflow: hidden; zoom:1;}
.infoBox th { text-align: right; padding: 2px 5px; }

/* subpage box width */
.w700 { width: 716px; _width: 706px; }
.w728 { width: 696px; }
.w982 { width: 982px; }
.small, .big { cursor: pointer; padding: 0 5px; }
.small { font: bold 10px "Times New Roman"; color: #01458E; }
.big { font: bold 14px "Times New Roman"; }
.share-bar{ padding-left:420px; }

@media only screen and (max-width:960px){
    body {background-size: 120%;}
    .header,.containor { width:100%;  }
    .logo {zoom:0.4;}
    .tohome a {height:30px;}
    .name {height:90px; overflow: hidden;}
    .menu {display:none;}
    .menu a {width:30%; float: left;}
    .left-side,.sub-main {float: none;}
    .m-logo { width:95%; height:55px; float:none; margin:5px auto; display:block;  }
    .search { display:none; }
    .main-con {width:100%;}
    .swiper-button-next:after, .swiper-button-prev:after { font-size:14px; }
    .main_focus,.main_news{ width:100%;  }
    .tabLi,.h3-ico {zoom:0.75; } 
    .main_news,.more2 {zoom:0.9;}
    .banner2 img {width:130%; height:auto; margin-left:-15%;}
    .swiper_pic a span {padding: 1px 150px 0 5px; font-size:15px;} 
    .swiper_pic .swiper-pagination {bottom:12px;}

    .news-list {zoom:0.9;}
    .news-list li { padding:4px 0; width:100%; border-bottom:1px dotted #ccc; }
    .news-list .date { width:25%; min-width:86px; height:87px; }
    .news-list .list-title { padding:10px 0; width:72%; }

    .zhuanti_box {width: 100%;height:130px;}
    .zhuanti_box .swiper_img a img {width: 100%; height: auto;}
    .zhuanti_box .swiper-prev { left: 0; top: 30px;}
    .zhuanti_box .swiper-next {right: 0;  top: 30px;}

    .video-box { width:100%;}
    .video-title { height: auto; line-height: 1.6; zoom:0.8;}
    .h3-ico { margin:20px auto; width:155px;}
    .mt-box {width:100%;}
    .mt-list {height:auto;}
    .mt-list li { margin-bottom:10px; zoom:0.9;  }
    .mt-list li a {height:40px; overflow: hidden; line-height:1.8; }

    .fw-box {width:100%;}
    .fw-box ul {flex-wrap: wrap;justify-content:center; padding:0 10px;}
    .fw-list li { padding-bottom:10px;  }
    .fw-list li a { font-size:14px;}


    .subbg { height:300px; background-size:cover;}
    .xx {display: none;}
    .position { width:100%; margin:-200px auto 0 auto;  font-size:12px; }
    .position a { color:#666; font-size:12px; }
    .position span { padding-right:3px; }

    .body { width:100%;box-shadow:0 0 0; margin:0; padding:0;border-radius:0 }
    #content { margin: 0 10px; }
    #content img {width:100%; height:auto;}
    #content h1 {zoom:0.7;}
    .infoBox {padding:10px; zoom:0.7}
    .share-bar,.page{ display:none; }
    .left-side { width:100%;background: #fff; zoom:0.9; }
    .left-side .menu-list {  width:100%; overflow:hidden; zoom:1; }
    .left-side .menu {position: relative;}
    .left-side .menu a {float: left; width:33%;}

    .sub-main { float: none; width:100%; border-left:0; padding:15px; zoom:0.8; }
    .sub-main .comm-list { padding-bottom:15px; }
    .sub-main .comm-list li {height:50px; line-height: 40px; margin:0; overflow: hidden; background: url(../images/flag01.gif) no-repeat 0 18px;}
    .sub-main .comm-list li a {overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display: block;}
    .sub-main .comm-list li em {  font-size: 15px; margin:3px 0 6px 0;}

}
























/* floatingAd */
.floatingAd .ad{z-index:100;background:none;position:absolute;display:none;}
.floatingAd a{color:#000000; display:inline-block;text-decoration:none;}
.floatingAd a img{border:0;}
.floatingAd .close{display:none;}
.floatingAd .opacity{position:absolute; top:0; width:100%; height:25px; background-color:#000000; opacity:0.20; filter:alpha(opacity = 20);}
.opacity1{opacity:0.90; filter:alpha(opacity = 90);}
.floatingAd .text{position:absolute; top:0; width:100%; height:25px; color:#000000; line-height:25px; }
.floatingAd .text .button{position:relative;float:right;top:5px;right:5px;width:16px;height:16px;background:url("../Images/close.png") no-repeat;cursor:pointer;}
.floatingAd .text .title{position:relative;float:left;font-size:12px;margin-left:5px; width:170px;height:25px;overflow: hidden;}


/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
    margin-left:8px;
    line-height:20px;
    height:20px;
    /*overflow:hidden;*/
    color:#999;
    font-size:12px;
}
.Validform_right{
    color:#71b83d;
    padding-left:20px;
    background:url(../Images/right.png) no-repeat left center;
}
.Validform_wrong{
    color:red;
    padding-left:20px;
    white-space:nowrap;
    background:url(../Images/error.png) no-repeat left center;
}
.Validform_loading{
    padding-left:20px;
    background:url(../Images/onLoad.gif) no-repeat left center;
}
.Validform_error{
    background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}