@import url('./html/block.css');
@import url('./html/page.css');
* {  margin: 0px auto;  padding: 0px;}
body {  font-size: 14px;  line-height: 28px;  color: #111;  background-color:#F4F5FA; min-width: 1200px;  -webkit-font-smoothing: antialiased;}
img {  -ms-interpolation-mode: bicubic; border:none;}
input, textarea {outline:none;  border: 1px solid #e6e6e6; }
a {  cursor: pointer;  text-decoration: none;  color: #333; border:none; }
a:hover { color: #eb7e1b}
ul, li { list-style: none; }
button:focus { outline: none; }
pre { border-radius: 2px; background:#e9ebf2; margin: 5px 0 1.75em;max-width: 100%;overflow: auto;padding: 10px;white-space: pre;white-space: pre-wrap;word-wrap: break-word; font-size: 12px; color:#1F1F1F; line-height: 150%;}

.clear { clear:both; }
.bg-bs { color: #ffffff; }
.fgx {float:none; clear:both; background:#F5F5F5; height: 6px; }
.h10 { height: 10px; }
.h20 { height: 20px; }
.main { width: 1200px; margin-top: 20px; }
.center { width: 1200px; }
.this { color: #eb7e1b; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; } 
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.fl { float: left; }
.fr { float: right; }
.ydl { background: url(../icon/ydl.png) no-repeat left; background-size: 26px; padding-left: 25px; }
.fsj { background: url(../icon/sj1.png) no-repeat left; background-size: 18px; padding-left: 25px; }
.btn {margin-top: 10px; text-align: center; width:100%;  background: #3489C7; border-radius:6px; cursor: pointer; color: #fff; padding: 10px 0px; font-size: 16px;}
.btn:hover { transform: scale(1.03); }

/*
#016BB9
#30A0E0
#FFC973
#FFE3B3
*/
.header_top { width:100%; height:40px; line-height:40px; color: #555; background:#f7f7f7; border-bottom:1px solid #E7E7E7; }
.hleft { float:left; width:600px; }
.header_top span { color: #948A8A; padding: 0 5px; }
.hright { float:right; }

.topb { height: 80px; padding: 20px 0px; background: #FFFFFF; }
.topb .logo { height: 70px; float: left; width: 400px; }
.topb .logo img { height: 70px; }
.topb .search { float: right; padding-top: 18px; }
.topb .search .kwd { width: 220px; height: 30px; border: 1px solid #1795BE; float: left; font-size: 15px; padding-left: 10px; color: #606060; border-radius: 5px 0px 0px 5px; }
.topb .search .ssan { width: 90px; height: 32px; border-radius: 0px 5px 5px 0px; text-align: center; background:#30A0E0; color: #FFFFFF; float: left; border: none; cursor: pointer; }
.topb .sign { float: left; }

.search2 { padding-top: 60px; padding-bottom: 20px; height: 100px; background: url(../images/html/sbg.jpg) no-repeat center; margin-bottom: 20px; }
.search2 .box { width: 450px; }
.search2 .kwd { width: 300px; height: 38px; border: 1px solid #30A0E0; float: left; font-size: 15px; padding-left: 10px; color: #606060; border-radius: 5px 0px 0px 5px; }
.search2 .ssan { width: 90px; height: 40px; border-radius: 0px 5px 5px 0px; text-align: center; background:#30A0E0; color: #FFFFFF; float: left; border: none; cursor: pointer;}



.footer { width: 100%; padding-top: 80px;  background: #2B343D;}
.footer .center {}
.footer a{ color: #d3d3cf; }
.footer a:hover { color: aliceblue}
.footer .bt { color: #ffffff; font-size: 18px; font-weight: 600; margin-bottom: 16px;}
.footer .abt { width: 360px; float: left; color: #ffffff; margin-right: 58px;}
.footer .abt p { line-height: 20px; color: #d3d3cf; margin-bottom: 10px;}
.footer .dh { width: 138px;  float: left; margin-right:38px; text-align: center;}
.footer .dh li {line-height: 35px; }
.footer .gz {  float: right; margin-right: 30px; }
.footer .gz .ewm img { width:110px; height:110px; border-radius: 3px;}
.footer .gz .ewm p {  font-size: 15px; color: #ffffff; text-align: center; line-height: 20px; }
.flink { padding: 5px; min-height: 20px; }
.flink li { float: left; margin-right: 10px;color:#666666; }
.flink li:nth-child(1) {margin-right: 0px;}
.flink li a {  color:#666666;}
.footer .copy {clear: both; border-top: 1px solid #57585a; line-height: 50px; color:#ccc;}
.footer .copy .l { float: left; text-align: left; }
.footer .copy .r { float: right; text-align: right; }


.webmenu { width: 100%; height:50px; background:#016BB9;}
.webmenu ul { width: 1200px; }
.webmenu ul li { float: left; position: relative; }
.webmenu ul li a { display: block; color: #FFFFFF;  padding:0 38px; height: 50px; line-height: 50px; font-size: 15px; text-align: center;  }
.webmenu ul li a:hover {color: #FFFFFF; background-color: rgba(255,255,255,0.2); }
.webmenu ul .this a {color: #FFFFFF;  background-color: rgba(255,255,255,0.2); }


.menubox { height: 80px;}
.menu { width: 100%; height:40px; background: #fff; padding: 20px 0px;
	/*-moz-box-shadow:2px 4px 3px #EBEBEB; -webkit-box-shadow:2px 4px 3px #EBEBEB; box-shadow:2px 4px 3px #EBEBEB;*/
}

/*--菜单样式2--*/
.menu .logo { height: 45px; float: left; }
.menu .sign { float: left; margin-left:10px; margin-top: 15px; color: #666; font-size: 18px; font-weight: 600; letter-spacing:2px;}
.menu ul { height: 45px; margin-top: 5px; float: right;  }
.menu ul li { float: left; }
.menu ul li a { display: block;  padding:0 20px; height: 40px; line-height: 40px; font-size: 16px; text-align: center;  border-radius: 3px; }
.menu ul li a:hover {color: #F07204; background-size:100% 40px; }
.menu ul .this a {color: #F07204; background-size:100% 40px; }

.place {  margin-bottom: 2px; background:#fff; line-height: 46px; padding: 0px 40px;}
.place .r { float: right; color: #8C8C8C; }

.mleft { width: 820px; float: left; }
.mright { width:350px;  float: right; }
.mright .box { padding: 20px; background:#fff; margin-bottom: 20px; }
.mright .bt { font-size: 16px; font-weight: 600; border-bottom: 1px solid #f1f1f1; margin-bottom: 10px; padding-bottom: 10px;}

.clist { background: #fff; }
.clist li { padding: 10px 20px; margin: 10px 0; border-bottom: 1px solid #f2f2f2;}
.clist .img { width:200px; height: 130px; float: left; border-radius: 2px; overflow: hidden; margin-right: 30px; 
-moz-box-shadow:2px 4px 3px #EBEBEB; -webkit-box-shadow:2px 4px 3px #EBEBEB; box-shadow:2px 4px 3px #EBEBEB;}
.clist li:nth-child(1) { margin-top: 0px; }
.clist li:nth-last-child(1) { border: none;}
.clist .img img {  width:200px; min-height: 100% }
.clist .bt { font-size: 17px; margin-bottom: 10px; height: 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.clist .ms { line-height: 20px; margin-bottom: 10px; font-size: 14px; }
.clist .xx span { margin-right: 10px; }
.clist .xx .r { float: right; }

.list1 { margin-bottom: 20px; background:#fff; padding: 30px 40px 0px 40px; }
.list1 li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2;}
.list1 li:nth-last-child(1) { border-bottom:none; }
.list1 .r { float: right; }

.ssts { text-align: center; font-size: 18px; padding: 20px;}
.xgwz { background: #fff; margin-bottom: 20px;  padding: 20px 30px;}
.xgwz .bt { font-size: 16px; font-weight: 600; border-bottom: 1px solid #f1f1f1; margin-bottom: 10px; padding-bottom: 10px;}
.xgwz li { width:calc(50% - 20px); padding-right: 20px; float: left; line-height: 34px;height: 34px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }	
.arlm li { width: 50%; float: left; }
.arlm li a { display: block; text-align: center; margin:10px 5px; background: #F3F3F3; padding: 3px; }
.arlm .this a { color: #FF0004; }

.topic2 li { float: left; margin-right: 10px; }
.topic2 li a { color:#1D83E2;}
.topic2 li:nth-child(1) { margin-right: 0px; }

.pages {text-align:center; padding:10px; margin-bottom: 20px; clear: both;}
.pagination {margin:0 !important;}
.pagination li {border:1px solid #e6e6e6;display: inline-block; margin: 0px 2px;background: #fff;}
.pagination li a,.pagination li span { display: block;padding: 2px 8px; height: 20px; line-height: 20px;}
.pagination .active,.pagination li:hover a{background-color: #46A3FF;color: #fff;}
.pagination .disabled{color: #aaa;}

.swiper1 { width:100%; margin-bottom: 0px; background: #fff;}
.swiper-container .swiper-pagination-bullet {border-radius: 2px; height: 5px; background: #42C2A0; opacity: 0.5;  }
.swiper-container .swiper-pagination-bullet-active { color: #fff; background: #42C2A0;  opacity: 1; width: 28px;  border-radius: 2px; }
.swiper1 .swiper-button-next  {color: #ddd; }
.swiper1 .swiper-button-prev {color: #ddd; }

.arcul { margin-top: 10px;}
.arcul li { background: url(../images/html/ali.png) no-repeat left; padding-left: 13px; line-height: 40px; border-bottom: 1px solid #f2f2f2; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.arcul li:nth-last-child(1) { border: none;}

.sxpage { clear: both; padding-top: 10px; height: 30px; }
.sxpage li { width: 50%; float: left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.detail { margin-bottom: 20px; background:#fff; padding: 30px 40px;}
.detail .title { font-size: 22px; margin-bottom: 10px; margin-top: 0px; }
.detail .info { height: 30px; margin-bottom: 20px; }
.detail .info span { margin-right: 20px; }
.body { line-height: 30px; font-size: 16px; color: #232323; clear: both; } 
.body img { max-width:100%; max-height:100%; }
.body a { color: #3A83F4; }
 


.maplm { padding-bottom: 20px; padding-left: 20px;}
.maplm li { float: left; border: 1px solid #ccc; padding: 0px 15px; border-radius: 3px; margin: 5px; font-size: 12px; }
.maparc li { width:calc(50% - 60px); padding-right: 30px; padding-left:30px; float: left; line-height: 35px;height: 35px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }	
.maparc li a { display: block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 80%; float: left; }

.lmjs {padding: 20px 40px; background: #fff; margin-bottom: 2px; }
.lmjs .bt { font-size: 20px; font-weight: 500; }
.lmjs .tj { padding:5px 0px; color: #555; }
.lmjs .tj span { padding-right: 10px; }
.lmjs .tj i {color: green; font-style: normal; padding: 0px 2px; }
.lmjs .js { line-height: 22px; font-size: 15px;}

.htlist {padding: 20px 30px; background: #fff; margin-bottom: 2px; }
.htlist li { float: left; padding: 0px 10px; }
.htlist li i { color: #8F8F8F; font-style: normal; padding: 0px 2px; }


/*栏目型列表布局*/
.right2 { float: right; width: 940px; background: #fff;border: 1px solid #f5f5f5; padding: 16px; margin-bottom: 20px; }
.left2 { float: left; width: 210px;  background: #fff; }
.left2 .lm p { display: block; height: 60px; line-height: 60px; font-weight: 600; text-align: center; color: #fff; background: #DF433F url(../images/html/bg-menu.png) 0 0 no-repeat;}
.left2 .lm ul {border: 1px solid #f5f5f5;}
.left2 .lm li a {  display: block; text-align: center; height: 50px; line-height: 50px; border-bottom: 1px solid #f5f5f5;}
.left2 .lm li a:hover { color:#000; font-weight: 600; background: #ffd5d4; }
.left2 .lm li:last-child a { border: none;}
.left2 .lm .this a { color:#000; font-weight: 600; background: #ffd5d4;}

.left2 .lwz { margin-top: 20px; }
.left2 .lwz li { line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.imglist li { position: relative; float: left; width: 33.33%; margin-bottom: 15px; overflow: hidden; }  
.imglist li div {background: #ffffff; border: 1px solid #fff; margin-left: 15px; padding: 8px;  text-align: center; }
.imglist li div:hover { border: 1px solid #f2f2f2;}
.imglist li .tu { width:100%; height: 240px; margin-bottom: 5px; overflow: hidden;}
.imglist li .tu img { width: 100%; height: auto; }
.imglist li .tu:hover img{transform:scale(2); -ms-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08);-moz-transform:scale(1.08);transition:0.3s;}
.imglist li .bt { height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }