@charset "utf-8";
/* CSS Document */

/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video,p{border:none; margin:0; padding:0; font-weight:normal; font-family: "微软雅黑","苹方";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,iframe {display: block;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
.clear{clear:both;}
.left{ float:left;}
.right{ float:right;}
a{ color:#467bbf;}
*{outline:none;padding:0px; margin:0px;}
.hiddenDivCss{visibility:hidden;}
.hiddenDiv {display: none;}

body{background:#ffffff; font:0.8em; font-family:"苹方";}
img{ width:100%; display:block;}
section{ max-width:640px; min-width:320px; margin:0 auto;}

.header{position: fixed; width:100%;height:45px; top:0;background:#0b3764; z-index:1000;}
.header .logo{display:block;width:160px;height:44px;padding:8px 0 0 20px;}
.header .logo img{display:block;width:100%;}
.header .menuicon img{float:left; width:22px; height:22px; margin-right:6%;}


.news_right{ top:250px; position:fixed;right:0;  width: 90px;height:90px;  text-align:center; }



@media (min-width:641px){body{width:100%;margin:auto;}}


.dl-menuwrapper {
	width: 100%;
	max-width: 120px;
	float: right;
	position: absolute;
	top:0;
	right:10px; height:40px;
	z-index: 20000;
}


.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 44px;
	height: 44px;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background: #0b3764 url(../images/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	background-color: #0b3764;
}

.dl-menuwrapper ul {
	filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity:0.8;
}



.dl-menuwrapper ul {
	padding-top: 44px;
	list-style: none;

}

.dl-menuwrapper li {
	 width:100%; 
}

.dl-menuwrapper li a {background: #3a3a3a; 
	display: block;

	padding: 5px 20px;
	font-size: 0.8em;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	border-top: 0.5px solid #a3a3a3;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}




banner{width:100%;}

.notice{ width:100%; background:#add4ff; color:#0b78d9; padding:1% 0; height:5.28%;}
.noticeimg{float: left; width:6%; background:#add4ff; text-align:right; padding-left:5%; padding-right:1%;padding-top:2%;}
.noticet{ float: left; width:88%; font-size:12px; padding-top:1.3%;}
.noticeta{ float: left; width:24%; font-size:12px; padding-top:1%;}
#FontScroll{ float:left; width:70%;padding:0 2%;line-height:25px;height:25px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#0b78d9;}
#FontScroll ul li{overflow:hidden;text-overflow:ellipsis; }


.lanan{width:100%; height:10.91%;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3399ff',endColorStr='#7d8bdc',gradientType='1');
background: -moz-linear-gradient(left, #3399ff, #7d8bdc);
background: -o-linear-gradient(left,#3399ff, #7d8bdc);
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#3399ff), to(#7d8bdc));}
.lanana{float: left;width:23.33%; padding:2% 5%; text-align:center;  color:#FFF;}
.lanana img{ width:50%; margin:0 auto;}
.lananat{text-align:center; font-size:12px; color:#FFF;}

/*banner*/
#wrapper { width: 100%; overflow: hidden; background:#FFF; margin-top:45px;  }
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom: 7px; text-align: center; width: 100%; }
.swipe #pagenavi a { width:10px; height:10px;  line-height: 99em; background:#999;  border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background: #FFF; }


.service{ float:left;width:100%;background:#fff; height:17.6%}
.servicek{ float:left;width:25%; padding:3.5% 0;}
.servicekimg{width:50%; margin:0 auto;}
.servicektext{float:left; width:100%;font-size:0.8em; text-align:center; padding-top:2%; color:#5a5a5a;}


.titlePic{float:left;width:100%; color:#5a5a5a; height:40px;border-bottom:1px solid #e4e4e4;}
.titlePicl{float:left;width:65%; color:#5a5a5a;line-height:40px;height:40px; padding-left:5%; font-size:1.0em;font-weight:bold;}
.titlePicr{float:left;width:25%; color:#5a5a5a;line-height:40px;height:40px; padding-right:5%;font-size:1.0em; text-align:right;font-weight:bold;}
.title{ float:left;width:100%;background:#f2f2f2; display:block; height:10px; clear:both;}
.titlea{float:left;width:97%; border-bottom:1px solid #f2f2f2; padding-left:3%; padding-top:2%; padding-bottom:2%;font-size:1.2em; color:#333;}
.cutline{width:94%; height:0.5px; background-color: #efefef; margin:0 auto;}
.more{ float:right; font-size:1.0em; width:20%;  padding-right:3%; text-align:right;}
.more a{color:#333;}

.guideBox{ height:40px;}
.titleimg{float:left;width:50%;}
.titleimgr{float:right;width:50%; }
.titleimga{width:40%; position:absolute;z-index:100; padding:5% 5%; color:#3a3a3a;font-size:1em;}
.titleimgb{width:40%; position:absolute;z-index:100;padding:11% 5%;color:#a0a0a0; font-size:0.6em;}
.titleimgc{float:left;width:100%;}

.titleimgt{float:left;width:100%; }
.titleimgta{ margin-left:40%;width:50%; text-align:center; position:absolute;z-index:100; padding:8% 5% 5% 5%; color:#5a5a5a;font-size:1em; font-weight:bold;}
.titleimgtb{margin-left:40%;width:50%;text-align:center; position:absolute;z-index:100;padding:15% 5%;color:#a0a0a0; font-size:0.8em; color:#F00;}


.fooricon{ margin:0 auto; width:80%; }
.fooricona{ float:left; width:16%; padding:0 2%}
.footer{float:left; width:94%; text-align:center;font-size:0.8em; color:#999; padding:2.4% 3%;}
.footer a{color:#5a5a5a;}


.newslist {margin-top: 0; }
.newslist li { border-bottom: 1px solid #DDD;padding: 10px; }
.newslist li:nth-child(2n){ background:#FFF;}
.newslist li a { display: block; overflow: hidden; }
.newslist li img { width: 80px; height: 60px; float: left; margin-right: 10px; margin-top:5PX; }
.newslist li h1 { font-size: 14px; margin-top:10px; color:#000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist li p { margin: 0; padding: 0; line-height: 25px; font-size: 14px; color: #999;font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.newslist li .cardbut{float:right;width:25%; margin-right:10px; padding:2px 5px;font-size:14px; background:#cc0000; color:#FFF; z-index:1; }
.newslist li .cardbut a{color:#FFF;}
.pagelist { margin: 20px 10px; height: 40px; background:#FFF; font-weight: bold; line-height: 40px; display: box; font-size: 16px; border: 1px solid #BBB; display: -moz-box; display: -webkit-box; border-radius: 5px; }
.pagelist span { display: block; text-align: center; box-flex: 1.0; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; }
.pagelist span a { display: block; color:#666;}
.page { width:30px; overflow:hidden;  border-left: 1px solid #BBB; border-right: 1px solid #BBB;}
.page select{ font-size:16px; height:40px; background:none; text-align:center; border:none; font-family: Arial; color:#666; -webkit-appearance:none; -moz-appearance: none; appearance:none; }




/*新闻详情*/
.news_tit{ padding:5%; width:90%; line-height:20px; text-align:center; margin-top:45px;  border-bottom:1px solid #DDD; color:#023375; font-size:18px; font-weight:bold;}

.news_text{line-height:200%; padding:10px; overflow:hidden; font-size:16px;color:#333;}
.news_text p{line-height:180%; font-size:16px;color:#333;}


.news_txt{ line-height:200%; padding:10px; overflow:hidden; font-size:16px;color:#333; }
.news_txt p{line-height:180%; font-size:16px;color:#333;}
.news_txt img{ max-width:100%; height:auto;}

.wyj {margin-top: 10px; }
.wyj li { border-bottom: 1px solid #DDD; width:96%;padding: 3% 2% ; }
.wyj li:nth-child(2n){ background:#FFF;}
.wyj li a { display: block; overflow: hidden; }
.wyj li .img1 { width:21%; height:21%; float:left; padding:3% 2%; }
.wyj li h1 img{ width:32%; height:32%;float:left;}
.wyj li h2 img{ width:55%; height:32%;float:left;}
.wyj li .jiantou { width:3%; height:3%; float:right; margin-top:5%;}
.wyj li p{ margin: 0; padding: 0; width:70%; line-height: 20px; font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float:left;}
.wyjan{width:80%; margin:0 auto; margin-bottom:5%; margin-top:5%; }
.wyjan img{ width:100%;}

.news_txtimg img{ float:left; width:80%;padding-left:15%; padding-top:10px; }
.news_txtimg{ float:left; width:50%; }
.news_txtimga img{ float:left; width:80%;padding-left:15%; padding-top:10px; }
.news_txtimga{ float:left; width:25%; }
.news_txtimgb img{ float:left; width:100%; }
.news_txtimgb{ float:left; width:50%; }
.news_txtimgb p{float:left; width:100%;}
.news_txtimgd img{ float:left; width:100%; }
.news_txtimgd{ float:left; width:33.33%; }
.news_txtimge img{ float:left; width:100%; }
.news_txtimge{ float:left; width:100%; }
.news_txtimgf img{ float:left; width:100%; }
.news_txtimgf{ float:left; width:25%; }


#content{ margin-top:85px;}

* 滑动门通用样式*/

/* tabbed_content */

.tabbed_content{background-color:none;max-width:960px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>960?"960px":"");}

.tabs{width:100%;height:45px;line-height:45px;position:relative;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#438fcd',endColorStr='#8294dc',gradientType='1');
background: -moz-linear-gradient(left, #438fcd, #8294dc);
background: -o-linear-gradient(left,#438fcd, #8294dc);
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#438fcd), to(#8294dc));overflow:hidden;color:#FFF;}

.tabs .bha{ float:left; width:50%; }
.tabs .bha a{ text-decoration:none; color:#FFF;padding-bottom:4px; font-size:0.9em; font-weight:bold; border-bottom:2px #FFFFFF solid;}
.tabs .bhb{ float:left; width:50%; }
.tabs .bhb a{ text-decoration:none; color:#FFF;padding-bottom:5px;font-size:0.9em; }

.tabs h2{padding-left:10px;float:left;}

.tabs .moving_bg{width:30%; margin:0 10%;height:35px; color:#FFF;position:absolute;z-index:190;border-bottom:solid 1px #fff;left:0;overflow:hidden;}


.tabs .tab_item{ float:left;display:block;width:50%; color:#ffffff;text-align:center;z-index:200;cursor:pointer;overflow:hidden;}

.tabs .tab_item:hover{width:50%;cursor:pointer;color:#FFF;overflow:hidden;}


.tabbed_content .slide_content{overflow:hidden;background:#FFF;position:relative;width:100%;}
.tabbed_content .slide_contenta{overflow:hidden;background:#FFF;position:relative;width:100%;}
.tabbed_content .slide_contentb{overflow:hidden;background:#F2F2F2;position:relative;width:100%;  }
.tabslider{width:200%; padding:0; margin:0;}
.tabslider ul{float:left;width:50%;  text-align:left;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* padding和border被包含在定义的width和height之内 */background:none;}
.tabslider ul a{margin-bottom:10px;display:block;color:#000;text-decoration:none;}
.tabslider ul a:hover{color:#00;text-decoration:underline;}
.tabslider ul li{padding:7% 3% 3% 3%;height:30px;border-bottom:solid 1px #EFEFEF; background:#FFF}



.tabbed_contenta{background-color:none;max-width:960px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>960?"960px":"");}
.slide_contenta{overflow:hidden;background:#FFF;width:100%; }
.tabsa{width:70%;height:32px;margin:5% auto;line-height:33px;position:relative;overflow:hidden;color:#FFF; border:1px #8294dc solid;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.tabsa .moving_bga{width:50%;height:35px; font-size:0.8em; color:#fff; position:absolute;z-index:-100;overflow:hidden;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#438fcd',endColorStr='#8294dc',gradientType='1');
background: -moz-linear-gradient(left, #438fcd, #8294dc);
background: -o-linear-gradient(left,#438fcd, #8294dc);
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#438fcd), to(#8294dc));}
.tabsa .tab_itema{ float:left;display:block;width:50%; color:#8294dc;text-align:center;cursor:pointer;overflow:hidden; z-index:200; }
.tabsa .tab_itema a{ color:#fff;text-decoration:none;}
.tabsa .tab_itemb{ float:left;display:block;width:50%; color:#8294dc;text-align:center;cursor:pointer;overflow:hidden; z-index:200; }
.tabsa .tab_itemb a{ color:#8294dc;text-decoration:none;}





.tablil{ float:left; width:45%;font-size:0.9em; text-align:left; }
.tablir{ float:left;width:55%;font-size:0.9em;}
.tablir input{ width:90%; font-size:0.9em; border:0;font-family:"微软雅黑"; color:#999;}
.tablir select{ width:90%; font-size:0.9em; border:0;font-family:"微软雅黑";color:#999;}
.tablira{ float:left;width:25%;}
.tablira input{ width:90%; font-size:0.9em;  border:0;font-family:"微软雅黑";color:#999;}
.tablirb{ float:left;width:25%;font-family:"微软雅黑";}
.tablila{ margin:5% auto; width:70%; text-align:center; padding:3% 5%; background:#467bbf; color:#FFF;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; }
.tablilan{ float:left; width:30%; text-align:center; padding:3% 5%;margin-top:5%;-moz-border-radius: 5px; 
-webkit-border-radius: 5px;  background:#467bbf; color:#FFF;}
.tablilanb{ float:left; width:30%; text-align:center; padding:2.7% 5%; margin:5% 6.5%;-moz-border-radius: 5px; 
-webkit-border-radius: 5px;  border:1px #467bbf solid; color:#467bbf;}

.tablill{font-size:0.9em; color:#5a5a5a;}
.tablilla{font-size:0.6em; color:#a0a0a0; padding-top:8px; }
.tablirr{font-size:0.9em; text-align:right; color:#80c34a;}
.tablirrr{font-size:0.9em; text-align:right;color:#f44336;}
.tablirra{font-size:0.6em;text-align:right;color:#a0a0a0;padding-top:6px;}

.jindubgBox{ width:100%;  height:100%; background:#f2f2f2;}

.tabslidera{width:100%;}
.tabslidera ul{float:left;width:100%;  text-align:left;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:none;}
.tabslidera ul a:hover{color:#00;text-decoration:none;}
.tabslidera ul li{padding:5% 3% 5% 3%; overflow:auto;border-bottom:solid 1px #E4E4E4; background:#FFF}


.tabsliderb{width:200%; background:#f2f2f2;}
.tabsliderb ul{float:left;width:50%;  text-align:left;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:none;}
.tabsliderb ul li{padding:2% 4%; }

.tabliria{ float:left;width:100%;border-bottom:solid 1px #E4E4E4;padding:0 0 7% 0 ;}
.tablirib{ float:left;width:90%;padding:5% 0 5% 0 ;font-size:0.6em; color:#a0a0a0;}
.tabliribi{float:left; width:8%; padding-top:5%; padding-right:2%; }
.tabliric{ float:left;width:65%; text-align:center; line-height:30px;color:#a0a0a0;}
.tablirid{ float:left;width:25%; background:#7093d8; color:#fff; font-size:0.8em; padding:1%;border:0;text-align:center;-moz-border-radius: 5px; 
-webkit-border-radius: 5px;}
.tablirid a{color:#fff; text-decoration:none;}

.tablily{ float:left; width:25%;font-size:1em; text-align:left; line-height:30px;}
.tablirya{ float:left;width:40%;line-height:30px; }
.tablirya input{ width:90%; font-size:1em; border:0;font-family:"微软雅黑";color:#999;}
.tabliryb{ float:left;width:34%;line-height:30px;border-left:solid 1px #E4E4E4; text-align:center; }
.tabliryb a{ color:#467bbf;text-decoration: none;}

.title{ float:left;width:100%;background:#f2f2f2; display:block; height:10px; clear:both;}
.tishi{ padding: 3% 5% 0 5%; font-size:0.8em; color:#a0a0a0;}

.zdmain{float:left;width:100%; padding:3% 0;}
.zdmaina{ font-size:0.8em; text-align:left; padding-left:5%; height:30px; color:#5a5a5a;}
.zdmainb{font-size:0.8em;height:40px; text-align:left; color:#5a5a5a;padding-left:5%; padding-right:5%;}
.zdmainb select{font-size:1em;color:#5a5a5a;font-family:"微软雅黑";padding:0 3%; height:30px; border:1px #e4e4e4 solid;}
.zdmainc{float:left; width:33.33%;font-size:1em; line-height:30px;height:30px;  color:#5a5a5a;}
.zdmainca{float:left; width:33.33%;font-size:1.1em; font-weight:bold; line-height:30px;height:30px; text-align: center; color:#5a5a5a;}
.zdmaincb{float:left; width:33.33%;font-size:1.1em; font-weight:bold; line-height:30px;height:30px; text-align: center; color:#a0a0a0;}
.zdline{float:left;width:100%; border-bottom:1px #e4e4e4 solid; height:10px;}

.zdzq{float:left;width:90%; padding:3% 5%;font-size:0.8em;color:#a0a0a0;}
.zdzql{float:left;width:40%; text-align:left; line-height:20px;}
.zdzqr{float:right;width:60%; text-align:right;line-height:20px; }



/*tab-stage*/
.tabstb{ float:left; width:100%; margin-top:2%;}
.tab-box .hidden{ display: none;}
.tabsta{ margin-top:10%;}
.tab-stage ul{ display: table; table-layout: fixed; width:80%; margin-left:5%; border: solid 1px #467bbf;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; }
.tab-stage li{ display: table-cell; text-align: center; font-size: 0.8em; line-height: 32px;color: #8294dc; }
.tab-stage li a{ display: block; font-size: 0.8em; color: #8294dc;}
.tab-stage li.active{ color: #fff; font-size: 0.8em;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#438fcd',endColorStr='#8294dc',gradientType='1');
background: -moz-linear-gradient(left, #438fcd, #8294dc);
background: -o-linear-gradient(left,#438fcd, #8294dc);
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#438fcd), to(#8294dc));}

.lodding{text-align:center; height:40px; color: #666; background: #F5F5F5; line-height:40px; font-size:0.8em;}
.loadinggif{  width:100%; text-align:center; top:50%; margin-top:-5%; position:absolute;}

.ulhight{ min-height:100px; max-height:400px; overflow:scroll;}

.zdhead{float:left; width:100%; text-align:center; font-size:0.6em;}


.taba{ margin-top:45px;}
.tab-stagea{ padding:0; margin:0; width:100%; height:45px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#438fcd',endColorStr='#8294dc',gradientType='1');
background: -moz-linear-gradient(left, #438fcd, #8294dc);
background: -o-linear-gradient(left,#438fcd, #8294dc);
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#438fcd), to(#8294dc));}
/*tab-stage*/
.tab-stagea ul{ table-layout: fixed; width: 100%;}
.tab-stagea li{ float:left; width:16%;  text-align: center; margin:2% 17%;font-size: 0.9em; font-family:"Microsoft Yahei";color: #fff;  }
.tab-stagea li a{ display: block; font-size: 1em; color: #fff;}
.tab-stagea li.active{ color: #fff;  height:25px;border-bottom:solid 2px  #fff; font-size:0.9em; font-weight:bold;}
.tab-boxa .hidden{ display: none;}
.tab-boxa{ background:#f2f2f2; padding:0; margin:0;}


.tab-stageb{ padding:0; margin:0; width:100%; height:45px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#438fcd',endColorStr='#8294dc',gradientType='1');
background: -moz-linear-gradient(left, #438fcd, #8294dc);
background: -o-linear-gradient(left,#438fcd, #8294dc);
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#438fcd), to(#8294dc));}
/*tab-stage*/
.tab-stageb ul{ table-layout: fixed; width: 100%;}
.tab-stageb li{ float:left; width:30%;  text-align: center; margin:3% 10% 0 10%;font-size: 0.9em; font-family:"Microsoft Yahei";color: #fff;  }
.tab-stageb li a{ display: block; font-size: 1em; color: #fff;}
.tab-stageb li.active{ color: #fff; border-bottom:solid 2px  #fff; height:25px;font-size:0.9em; font-weight:bold;}
.tab-boxb .hidden{ display: none;}
/*text-list*/
.text-lista li{ float: left; font-size:1em; width: 90%; padding:5% 5%; border-bottom:1px #f3f3f3 solid; }
/*text-list*/
.text-list li{ float: left; display: inline; width: 90%; padding:2% 5%; background:#f2f2f2; }

.zthd{width:100%;  margin-top:45px;}
.zthda{width:100%; }
.zthd img{width:100%;}
.zthd-bj{height:265%; width:100%; position: absolute; z-index:200;background: #000;opacity:0.7;color:#FFF;}
.zthd-sm{ width:100%; position: absolute; z-index:200; font-size:1.2em;  color:#FFF; text-align:center;  }
.zthd-smm{ width:100%; position: absolute; z-index:200;padding-top:15%; font-size:1.2em;  color:#FFF; text-align: center;  }
.zthd-sma{ width:60%; margin:30% 0 0 5%; z-index:200;}
.zthd-smb{ width:30%; margin:60% auto; z-index:200;}

.zthd-lc{ margin-left:10%; margin-top:28%;  width:30%; height:35%; position: absolute; z-index:100;  }
.zthd-wzsq{ margin-left:55%; margin-top:75%;  width:40%; height:25%; position: absolute; z-index:100;  }
.zthd-mc{ margin-left:5%; margin-top:98%;  width:28%; height:20%; position: absolute; z-index:100;  }
.zthd-gy{  margin-top:163%;  width:45%; height:20%; position: absolute; z-index:100;}
.zthd-hb{   margin-left:60%; margin-top:185%;  width:30%; height:25%;position: absolute; z-index:100; }
.zthd-wd{  margin-left:5%; margin-top:205%;  width:35%; height:30%; position: absolute; z-index:100;  }
.zthd-shop{  margin-left:63%; margin-top:305%;  width:30%; height:28%; position: absolute; z-index:100; }
.zthd-gj{ margin-left:5%; margin-top:270%;  width:45%; height:25%; position: absolute; z-index:100;  }
.zthd-lluh{  margin-left:65%; margin-top:235%;  width:30%; height:30%;position: absolute; z-index:100;  }

.cardList1{ margin-top:85px;}
#dl-menu-button{ z-index:20000;}
.dl-menu{z-index:10000; }
.hdz{ padding-top:45px; padding-bottom:10px;}

#hidePanel1{ width:100%; height:100%; MARGIN: 0px auto; background-color:blue; }

.news_txtb{ width:100%; padding:5% 0; line-height:25px;}
.news_txtba{ width:100%; padding:0;margin-top:45px;}
.news_txtbc{ width:90%; padding:5%; line-height:25px;}
.news_txtbr{ width:100%; padding:50% 0; line-height:25px; text-align:center;}


.mtime{ padding:4% 5%; width:90%; background:#e9e9e9;}
.mshop{ padding:2%;}
.mshop ul li{ float:left; width:45.3%; margin:2%; border:1px #e9e9e9 solid;}
.mshoptext{background:#e9e9e9; font-size:14px; text-align:center; padding:5% 0;}
.mbut{ padding-top:5%; padding-bottom:5%; text-align:center;}
.mtext{ padding:2% 0;text-align:center; color: #F00; letter-spacing: 2px;}
.mtexta{ padding:25% 5%;text-align:center; color: #F00; letter-spacing: 2px;}
.mshoptit{ border-top:1px #e9e9e9 solid; padding:5%; text-align:center; font-weight:bold; font-size:20px;}

.mshopcon{ border-bottom:1px #e9e9e9 solid; padding:5%;}

.mshopcona{ padding:5%;}
.mshopcona a{ color:#F00;}


/*2017news*/
.news_txt2017{ width:100%; line-height:25px;margin-top:45px;}
.news_txt2017_app{ width:100%; line-height:25px;}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.2, 1.2, 1.2);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse{
	animation: pulse 2s linear infinite;
	-moz-animation: pulse 2s linear infinite;
	-webkit-animation: pulse 2s linear infinite;
	-o-animation: pulse 2s linear infinite;
}



.news_button{width:50%; margin-top:136%;position: absolute; margin-left:25%;z-index:100;}
.news_tk1{width:17%; margin-top:62%;position: absolute; margin-left:82%;z-index:100;}
.noshow{visibility:hidden}
.news_close{width:8%; margin-top:19%;position: fixed; margin-left:85%;z-index:1002;}
.news_maintk{width:90%; margin-top:35%;position: fixed; margin-left:5%;z-index:999;}
.news_maintk_text{width:76%;margin-top:41%;position: fixed; margin-left:12%;z-index:1000;}
.overlay{height:100%;width:100%;position:fixed;
	z-index:5000;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background-color:rgba(34, 38, 41, 0.8);
	overflow:hidden;-webkit-box-sizing:border-box;border-radius:5px;}
.alert-message{top:20%; left:5%; position: fixed; width:90%; margin:0 auto; background:#FFF;border-radius:10px;}
.alert-title{width:100%; text-align:center;color:#333;font-size:18px; font-weight:bold;line-height:40px; padding-top:4%;background:#FFF;border-radius:10px;}
.show-pic{width:100%; }
.show-message{width:90%; text-align:center;font-size:12px; line-height:25px; padding:3% 5%;background:#FFF;}
.show-button{width:8%; margin-left:46%; text-align:center; border-top:0px #d4d4d4 solid; color:#158cfb; font-size:12px; padding:4% 0;background:#FFF;border-radius: 0 0 10px 10px;}
.hidden-div {display: none;}