/* CSS Document */

html {-webkit-text-size-adjust: none;-ms-touch-action: none; }
body{ font-size:12px;font-family:"瀹?浣?",Arial,sans-serif;color:#000;}
/*body{ font-size:12px;font-family:"瀹?浣?",Arial,sans-serif;color:#000 }*/
*{ margin: 0;padding: 0;	}
/*榛?璁ゆ?峰?*/
.cbody960{ margin:0 auto;width:960px;}
input,select,textarea{	vertical-align:middle;}
ul,li{	list-style-type:none;}
a{color:#000;text-decoration:none;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);/*-webkit-user-modify:read-write-plaintext-only; */}
a:link,a:visited{	text-decoration:none;	color:#16387F;}
a:hover{color:#ED1D1D;	}
.left{	float:left;	}
.right{	float:right;}
i{ font-style:normal;}
.overhide{	overflow:hidden;text-indent:-100em;	}
.marBottom10{	margin-bottom:10px;	}
.marTop10{	margin-top:10px;	}
table{ border-collapse:collapse !important;}

/*娓??ゆ诞??*/
.clear {clear: both;}
.clearfix:after {clear: both;content: '';display: block;font-size: 0;line-height: 0;visibility: hidden;	width: 0;height: 0;}
.clearfix {	+display: inline-block;}


/*椤堕??*/
#minheader{ background:url(https://tongan.xmnn.cn/css/mbg.jpg) repeat-x; height:26px;  line-height:26px;}
#minheader div{position:relative;}
#minheader p{ width:750px; position:absolute; left:90px; top:2px;color:#A0A0A0; }
#minheader p a{color:#666666; margin:0px 8px;}
#xmlogo{ background:url(https://tongan.xmnn.cn/css/xmnnlogo.jpg) no-repeat; display:block; width:72px; height:23px; text-indent:-100em; overflow:hidden; position:absolute; left:20px; top:5px;}
#minheader span{ position:absolute; right:10px; top:4px;}
#minheader span a{ margin-left:3px; color:#333333;display:inline-block;width:54px; height:19px; line-height:22px; color:#666666; text-align:center;}


#header{ background:url(../images/menu_imgcen.gif) repeat-x left bottom;}
#banner{ background:#FE3A3B; }
#nav{ height:61px; position:relative; background:url(../images/menu_imgle.jpg) left center no-repeat; overflow:hidden;}
#nav p{ height:30px; line-height:30px; padding-left:187px; color:#333333;}
#nav p.np{color:#ffffff;}
#nav p.np a{ color:#ffffff; font-size:14px; font-weight:bold; margin:0px 3px;}
#wap-head,#circle{ display:none;}

/*------搴???---------*/

#footer{ font-family:"瀹?浣?",Arial, Helvetica, sans-serif; color:#000; }
#footer ul { padding-top:9px;padding-bottom:10px;}
#footer ul li{	line-height:20px;color:#000;	text-align:center;	}
#footer ul li a{color:#000;margin:0px 3px;text-decoration:none;	}
#footer ul li a:hover{color:#000;}


#wrapper{ /*border:1px solid #CCC7C3; border-top:0px;*/ width:958px;}
#wleft{ float:left; width:736px; background:url(../images/wleftbg.jpg) right top repeat-y; position:relative;}
#slide{ width:332px; padding:15px 12px; height:212px; overflow:hidden;  float:left; border:1px solid #DEDCDD; position:relative;  margin-top:15px; margin-bottom:10px; z-index:99;}

.slideBox{ position:relative;}
.slideBox .bd{ width:100%; height:auto; position:relative;}
.slideBox .bd li{ width:100%; position:relative; height:212px; overflow:hidden;	 }
.slideBox .bd li a{ display:block; width:100%; height:100%;}
.slideBox .bd li img{ width:100%; vertical-align:top; }
.slideBox .bd li p,.slideBox .bd li em{ position:absolute; height:40px; bottom:0; left:4%; overflow:hidden; height:40px; line-height:40px; color:#fff; width:80%; z-index:9; font-family:"寰?杞???榛?"}
.slideBox .bd li em{ left:0; width:100%; z-index:8; background:#d60000; filter:alpha(opacity=80); opacity:0.8}
.slideBox .hd{ position:absolute; height:8px; line-height:8px; bottom:16px; right:4px; z-index:10; }
.slideBox .hd li{ display:inline-block; width:8px; height:8px; background:#fff; text-indent:-9999px; overflow:hidden; margin-right:6px; float:left;   }
.slideBox .hd li.on{ background:#fca300;  }


#topnews{ width:338px;float:right; position:relative; right:20px; top:10px;}
#topnews h3{ color:#ED1D1D; font-size:16px; line-height:30px; height:30px; overflow:hidden; text-align:center;}
#topnews h3 a{ color:#ED1D1D;}
#topnews p{ line-height:19px; height:38px; overflow:hidden; color:#3C3C3C; border-bottom:1px dashed #ccc; padding-bottom:4px; position:relative;}
#topnews p a{ background:url(https://tongan.xmnn.cn/css/topnewmore.jpg) no-repeat left 4px; color:#3E3E3E; padding-left:21px; position:absolute; right:10px; bottom:3px;}
#topnews p a:hover{color:#ED1D1D;}
#topnews ul{ padding:10px 0;}
#ad01{ margin-top:5px; margin-bottom:15px;}
.listul li{ font-size:14px; line-height:24px; height:24px; color:#3D3D3D; overflow:hidden;}
.listul li a:link,.listul li a:visited{color:#3D3D3D;}
.listul li a:hover{color:#ED1D1D;}

.box{ width:350px; margin-right:6px; height:342px; float:left; margin-bottom:10px;}
.jdh3{ background:#d60000; width:100%; height:38px; font:bold 20px/38px "Microsoft Yahei"; color:#fff; margin-bottom:15px; text-indent:15px; border-radius:5px; position:relative;}

.jdh3 a:link,.jdh3 a:visited{ position:absolute; right:10px; top:0px; font-size:14px; font-weight:normal; color:#FFF;}

.jdkx dl{ width:175px; height:157px;  float:left; text-align:center;}
.jdkx dl dt{ height:122px;}
.jdkx dl img{ border:1px solid #CACCCB;}
.jdkx dl a:link,.jdkx dl a:visited{ color:#3D3D3D; line-height:24px;}
.jdkx dl a:hover{color:#ED1D1D;}
.jdkx dd{ height:34px; line-height:34px; overflow:hidden;}

.jdkx ul{ border-top:1px solid #CCC7C4; clear:both; padding:10px 5px;}

.jposi{ position:relative; left:10px;}

.touzi{height:280px; float:left; margin-bottom:10px;}
.touzi .im{ float:left; margin:0 10px 15px 0; width:151px; height:142px; overflow:hidden;}
.touzintro{ color:#3D3D3D; line-height:24px; font-size:14px; height:142px; overflow:hidden; text-indent:2em;}
.touzintro a:link,.touzintro a:visited{ color:#D20000;}


#notice{ clear:both; border:1px solid #DCC0B2; color:#CD0001; padding:10px 0 10px 20px; line-height:24px; text-align:center;}
#notice a{color:#CD0001; font-size:14px; font-weight:bold; margin-right:20px;}

.tour{width:350px; height:280px; float:left; margin-bottom:15px; position:relative; left:11px;}
.tour .im{ float:left; margin-right:10px; width:119px; height:139px; overflow:hidden;}
.tour .im img{ width:auto; height:100%;}
.tour ul{margin-top:10px; border:none;}
.tour p{ line-height:21px; color:#3D3D3D; margin-left:10px; clear:both; position:relative; top:10px;}
.tour p a{color:#3D3D3D; margin-right:10px; padding-left:3px;}
.tour p a:hover{color:#ED1D1D;}

#picshow{ clear:both; width:716px; height:320px; margin-bottom:15px;}
#picleft{ float:left; width:226px; height:270px; text-align:center;}
#picleft .im{ border:1px solid #C8C8C8; padding:8px; width:208px; height:226px; }
#picleft .im a{ display:block; width:100%; height:226px;overflow:hidden;}
#picleft img{ height:100%; width:auto;}
#picleft h6{ font-size:12px; font-weight:normal; line-height:26px;}
#picleft h6 a{ color:#3E3E3E;}

#picright{ width:486px; height:270px; float:right;}
#picright dl{ text-align:center; width:152px; height:131px; float:left; margin-bottom:5px; margin-left:10px; overflow:hidden; line-height:19px;}
#picright dl dt{ height:113px;}
#picright dl img{border:1px solid #D1CFD0;}
#picright dl dd a{color:#3D3D3D; line-height:21px; height:21px; overflow:hidden; }
#picright dl dd a:hover{color:#ED1D1D;}
.line{ width:100%; background:url(../images/line.jpg) no-repeat; height:14px;}

#wright{ float:right; position:relative;margin-top:10px; width:205px; margin-bottom:20px;}
#wright h3{ background:#d60000; width:100%; height:28px; font:bold 16px/28px "Microsoft Yahei"; color:#fff; text-indent:10px; border-radius:5px; margin-bottom:10px; position:relative;}
#wright h3 a{ color:#fff;}
#wright h3 a span{ font-size:12px; position:absolute; top:0; right:5px;}
#video img{ background:url(https://tongan.xmnn.cn/css/imgbg.jpg) no-repeat; padding:5px 6px 36px 7px; margin:10px auto 0 auto;}
#video .video embed{ height:124px;}
#video ul{ margin-bottom:10px;}
#video li{ line-height:24px; font-size:14px; height:24px; overflow:hidden; background:url(../images/ico01.jpg) no-repeat left center; padding-left:25px;}
#video li a{ color:#3D3D3D;}
#video li a:hover{color:#ED1D1D;}
#act{ margin-top:10px;}
#serive div{margin-bottom:10px;}
#serive .fwzn_font{ line-height:22px; color:#9F670E; }
#serive .fwzn_font a{color:#9F670E; display:inline-block; width:50%; text-align:left; font-size:14px; position:relative; text-align:center; float:left;}
#links .fwzn_font{ text-align:center; margin-bottom:5px;}
#links select{ width:185px; height:25px; margin-bottom:6px;}
#act ul,#smhd ul,#zhuanlan ul{ margin-bottom:10px; }

/*------content---------*/
.titleh5{ text-align:center; font-size:16px; color:#CD0001; line-height:30px;  margin:20px 16px 6px;}
.titleh6{ text-align:center; font-size:12px; font-weight:normal; color:#333;}

#contentp{ line-height:24px; font-size:14px; padding:30px 30px 25px 30px; color:#333333;}
#contentp p{ margin:10px 0;}

#list{ padding:20px 30px 0 10px;}
#list ul{ margin-bottom:30px;}
#list li{ font-size:14px; line-height:30px; height:30px; position:relative;color:#333333;}
#list li a{color:#333333;}
#list li span{ position:absolute; right:0px; top:0px; color:#666;}
#page{ text-align:center; margin: 30px 0; color:#666;}
#page a{ display:inline-block; height:30px; width:70px; border:1px solid #d7d6d6; background:#fff; text-align:center; line-height:30px; font-size:14px; border-radius:4px; color:#bbb; cursor:pointer; margin:0 4px;}
#page .current{ display:inline-block; height:30px; width:30px; color:#fff; background:#ea3638;border:1px solid #c6262a;  text-align:center; line-height:30px; font-size:14px; border-radius:4px;cursor:pointer; margin:0 4px;}
#page .num{ width: 30px; height: 30px;}
#page a:hover,#page a:active{ color:#fff; background:#ea3638;border:1px solid #c6262a; }

#position{ font-size:14px; border-bottom:1px solid #CCC; background:url(https://tongan.xmnn.cn/css/pptita.gif) no-repeat left center; line-height:30px; height:30px; padding-left:20px; font-weight:bold; margin-top:10px; color:#CD0001; margin-right:10px;}
#position a{color:#CD0001;}


/*------骞荤????---------*/
.imgnav{ width:332px; height:271px; overflow:hidden;  position:relative; left:12px; top:10px; margin-top:4px;}
#img{ z-index:10;}
#img img{ width:332px; height:212px; display:none;}
.ctrl{ position:absolute; z-index:100; bottom:0px; left:0px; right:1px; width:332px; height:83px; overflow:hidden;}

.ctrl ul{  overflow:hidden; width:100%;filter: alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;height:24px; }
.ctrl li{ display:block;height:24px; line-height:24px; text-align:center; font-size:14px; font-weight:900;background:#CD0001; color:#fff; display:none;}
#btn{ background:url(https://tongan.xmnn.cn/css/btnbg2.jpg) repeat-x left bottom;height:59px;}
#btn span{ float:left; display:block;  cursor:pointer; text-align:center; margin-top:5px; margin-right:4px;}
#btn span img{  background:#E7E9E8; width:71px; height:46px; padding:3px;}
#btn span.hov img{ background:#CF0103; width:71px; height:46px; padding:3px;}
.ctrl div{ clear:both;}
#wap-foot{ display:none; width:100%; text-align:center; color:#fff; line-height:40px; height:40px; font-size:16px; background:#df3839;}
@media screen and (max-width:1025px){
	html{ width:100%; overflow-x:hidden;}
	body{ font-size:16px;font-family:"Helvetica","Microsoft Yahei",Arial,sans-serif;color:#000;   }
	input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"],select,button,textarea {-webkit-appearance: none;border-radius: 0; -webkit-border-radius: 0;}
	img {border:0;max-width: 100%;height: auto;  width: auto\9; /* ie8 */}
	*{box-sizing:border-box; -webkit-box-sizing:border-box;}
	.cbody960,#wrapper{ width:100%;}
	#header,.top,#ad01,.duilian_ad,.line,#video .video,#foot,.page #wright{ display:none;}
	#wap-foot{ display:block;}
	#wleft,#wright{width:100%; float:none; margin-right:0; background:#fff; height:auto;}
	#banner{ margin-top:0 !important;}
	.mod-a{ margin-bottom:10px; padding:0 16px;}
	#wrapper{ margin-top:60px;}
	#wap-head{ display:block; height:60px; position:fixed; top:0; left:0; width:100%;  z-index:9999;}
	#wap-head .imt{ height:60px;padding:10px 0; position:relative;  z-index:99999;background:rgba(222,48,49,0.96);}
	#wap-head .imt .wap-logo{ height:36px; margin-left:16px; margin-top:2px;}
	#wap-head .imt .wap-logo img{ height:100%;}
	#menu{display: block;width:60px;height:60px;position:absolute;right:5px;top:0px;}
	.menu_on{ background:url(../images/menu_on.png) no-repeat center; background-size:52%;}
	#menu.open{ background:url(../images/menu_off.png) no-repeat center; background-size:52%;}
	#circle{ position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,.95);z-index:999; overflow:hidden; display:none; }
	#circle .nav{ padding:76px 6px 0;}
	#circle .nav li{line-height:36px; width:33.3%; float:left; text-align:center; position:relative; margin-bottom:10px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 4px;}
	#circle .nav a{ font-size:16px; color:#666; display:block; border:1px solid #ddd;  border-radius:50px; background:#fff;}
	#circle .nav a:hover,#circle .nav a:active{ background:#f22e2e; color:#fff; border-color:#da2626;}
	#topnews{ padding-left:370px; float:none; width:auto;}
	#topnews p{ height:46px;}
	.box{ width:50%; left:0; right:0;  margin:0px 0 15px;}
	.jdkx,.touzi{ padding:0 8px 0 16px;}
	.jposi,.tour{ padding:0 16px 0 8px;}
	.jdkx dl{ width:50%;}
	.jdkx dl:nth-child(2){ padding-right:5px;}
	.jdkx dl:nth-child(3){ padding-left:5px;}
	.jdkx dl img{ height:100%; width:auto;}
	.jdkx dl dt{ overflow:hidden;}
	.jdkx dd{ font-size:14px;}
	.zf p{ font-size:14px;}
	#picshow{ width:100%; padding:0 16px; margin-top:10px; height:auto;}
	#picleft{ width:25%; height:auto;height:336px; background:#f3f3f3;}
	#picright{ width:75%; height:auto}
	#picleft .im{ height:286px; width:100%; padding:0; border-color:#f3f3f3;}
	#picleft .im a{ height:100%; text-align:center;}
	#picleft .im a img{ height:100%; width:100%;}
	#picleft h6{ font-size:14px; margin-top:5px; padding:0 10px; color:#787878; height:40px; line-height:20px; overflow:hidden; text-align:left;}
	#picright dl{ width:33.3%; padding-left:10px; margin-left:0; height:auto;margin-bottom:10px;}
	#picright dl dt{ overflow:hidden; border:1px solid #f3f3f3; background:#f3f3f3; }
	#picright dt img{ width:100%; border:none;}
	#picright dl dd{ height:40px; box-sizing:content-box; -webkit-box-sizing:content-box; line-height:20px; font-size:14px; text-align:left;  background:#f3f3f3; padding:5px 10px; color:#787878; overflow:hidden;}
	#wright .listul li,#video li{ font-size:16px; line-height:36px; height:36px;}
	.listul li span{ margin-right:5px;}
	#wright{ padding:0 16px;}
	#wright h3{ height:38px; line-height:38px; font-size:20px;}
	#serive .fwzn_font a{ font-size:16px;  line-height:36px; width:16.66%; color:#002763}
	#links select{ width:100%; height:36px; line-height:36px; border-radius:5px; background:#f3f3f3; text-indent:10px;}	
	
	#position{ height:40px; line-height:40px; margin-top:0;}
	#list li i{ margin-right:5px;}
	.page-list{ margin-bottom:30px; margin-top:20px;}
	.titleh5{ font-size:20px; font-weight:bold;}
	.titleh6{ font-size:14px; border-bottom:1px solid #f3f3f3; color:#666; height:30px; line-height:26px;}
	#contentp{ padding:10px 16px; font-size:18px; line-height:32px;}
	#contentp img{ height:auto !important;}
}
@media screen and (max-width:640px){
	.video embed, .video object, .video iframe {width: 100%;height: auto;}
	.zf{ display:none;}
	.mod-a{ padding:0;}
	#slide,#topnews,#wleft,#wright,.box,#picshow{ width:100%; float:none; margin-right:0; background:#fff; height:auto; padding:0; }
	.jdh3,#wright h3{ height:48px; font-size:20px; line-height:46px; background:#f6f6f6; color:#d60000; border-bottom:1px solid #eee; border-top:1px solid #eee; text-indent:16px;}
	.jposi,.tour{ left:0;}
	.jdh3 a,#wright h3 a{ color:#d60000;width:100%; display:block; height:100%; }
	#wright h3 a span{ text-indent:-9999em;}
	.jdh3 a:link, .jdh3 a:visited{ width:100%; display:block; height:100%; left:0; right:0; text-indent:-9999em;}
	#slide{ margin:0; border:none; padding:0; overflow:hidden; height:212px;}
	.slideBox{ width:100%; height:auto;}
	.slideBox .bd li{ height:auto;}
	.slideBox .bd li img{ height:100%;}
	.slideBox .bd li em{ background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); height:60px;}
	.slideBox .bd li p{width:85%;text-overflow: ellipsis;white-space: nowrap; }
	.slideBox .hd{ bottom:12px;}
	.slideBox .hd li{ margin-right:4px; height:6px; width:6px; border-radius:50%; margin-right:4px;}
	.slideBox .hd li.on{ background:#cc0000}
	#topnews{ right:0 ; top:0; padding:16px;}
	#topnews h3{ font-size:24px; height:auto; text-align:left; line-height:30px; color:#000; }
	#topnews p{ line-height:20px; font-size:14px; border-bottom:none; height:auto;background:none; margin-top:10px;}
	.listul li{ height:40px; line-height:40px; font-size:18px; border-bottom:1px dashed #ddd;}
	.listul li span{ display:none;}
	.listul li a,#video li a{color:#002763; display:block;}
	.listul li a:link, .listul li a:visited{color:#002763;}
	.jdkx ul,.tour ul{ padding:0px 16px; border-top:none;}
	.listul li a:active{ background:#f3f3f3;}
	.jdkx dl{ height:auto;}
	.jdkx dl:nth-child(2){ padding-left:16px;}
	.jdkx dl:nth-child(3){ padding-right:16px;}
	.jdkx dl dd{ font-size:14px; color:#787878;}
	.tour .im{ float:none; padding:0 16px;width:100%; height:auto; text-align:center;}
	.touzi .im{ margin-left:16px;}
	.touzintro{ padding-right:16px;}
	#notice{ margin:0 16px;}
	#picleft,#picright{ width:100%; float:none;padding:0 8px; }
	#picleft{ padding:0 16px; background:none; height:auto;}
	#picleft .im{ height:auto;}
	#picleft h6{ height:20px; box-sizing:content-box; -webkit-box-sizing:content-box; line-height:20px; font-size:14px; text-align:center; background:#f3f3f3; padding:5px 10px; margin-top:0;}
	#picright dl{ width:50%; margin:0; padding:0 8px;height:auto; margin-top:12px;}
	#picright dl dt{ height:auto;}
	#picright dl img{ width:100%; height:100%;}
	#video ul,#act ul,#smhd ul,#zhuanlan ul,#serive div,#links div{ padding:0 16px;}
	#video li{ height:36px; line-height:36px; font-size:16px;background:url(../images/video1.png) no-repeat center left; background-size:28px; padding-left:27px;}
	#act{ margin-bottom:10px;}
	#serive .fwzn_font a{ width:25%; }
	
	#position{ padding:0; margin:0; font-size:16px; height:40px; line-height:40px; text-indent:16px; background:#f3f3f3;}
	#list{ padding:10px 0;}
	#list ul{ margin:0;}
	#list li{ font-size:18px;  height:40px; line-height:40px; overflow:hidden; border-bottom:1px dashed #ddd;}
	#list li a{ display:block;padding:0 16px;}
	#list li i,#list li span{ display:none;}
	#list li a:hover{ background:#f3f3f3;}
	.page-list{ margin-bottom:30px; margin-top:20px;}
	.page-list span,.page-list .get{ display:none;}
	.page-list .white{ border-radius:20px; font-size:16px; padding:5px 16px;}
	embed{ width:100% !important; height:auto;}
}
@media screen and (max-width:360px){
	#notice{ padding-left:10px;}
	#circle .nav li{ padding:0 2px;}
	#circle .nav .small a{ font-size:14px;}
	#contentp{  font-size:16px; line-height:30px;}
}