@charset "gb2312";

/* CSS Document */

html {-webkit-text-size-adjust: none;-ms-touch-action: none; }

/*body{ font-size:12px;font-family:"�?�?",Arial,sans-serif;color:#000; background: url(../images/content_20200123.jpg) no-repeat center 36px; }*/

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(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(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(navbg.jpg) repeat-x left bottom;}

#banner{ background:#FE3A3B; padding:3px;}

#nav{ height:61px; position:relative; background:url(logo.jpg) left center no-repeat; overflow:hidden;}

#nav p{ height:30px; line-height:30px; padding-left:229px; 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;}
#wrapper img{
	width: 100%;
}
#wleft{ float:left; width:736px; background:url(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; background:url(toppbot.jpg) repeat-x left bottom; padding-bottom:4px; position:relative;}

#topnews p a{ background:url(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;}

.jposi ul{ border-top:0px; padding-top:0}



.touzi{height:280px; float:left; margin-bottom:10px;display: none;}

.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;display: none;}

.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{ width:100%; height: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(imgbg.jpg) no-repeat; padding:5px 6px 36px 7px; margin:10px auto 0 auto;}

#video ul{ margin-bottom:10px;}

#video li{ line-height:24px; font-size:14px; height:24px; overflow:hidden; background:url(ico01.jpg) no-repeat left center; padding-left:25px;}

#video li a{ color:#3D3D3D;}

#video li a:hover{color:#ED1D1D;}

#act{ margin-top:10px;display: none;}

#act ul{ padding:0 10px 10px 0px;}

#serive {margin-top: 10px;}

#serive div{margin-bottom:10px;}

#serive p{ line-height:22px; color:#9F670E; }

#serive p a{color:#9F670E; display:inline-block; width:100px; text-align:left; font-size:14px; position:relative; left:10px;}

#links p{ text-align:center; margin-bottom:5px;}

#links select{ width:185px; height:25px;}

#zhuanlan ul{ margin-bottom:10px; }

#zhuanlan { display: none; }



/*------content---------*/

.titleh5{ text-align:center; font-size:16px; color:#CD0001; line-height:30px;  margin:20px 20px 6px 20px;}

.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-bottom:1em;}



#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-list .white,.page-list .get{ padding:5px 8px; border:1px solid #eee; margin:0 4px;}

.page-list a:hover{ background:#f3f3f3;}



#position{ font-size:14px; border-bottom:1px solid #CCC; background:url(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(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%;}

	.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;}

	#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{ width:100%;}

	.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;}

	.listul li span{ margin-right:5px;}

	#wright{ padding:0 16px;}

	#wright h3{ height:38px; line-height:38px; font-size:20px;}

	#serive p a{ font-size:16px; left:0; width:40%; margin-right:10%; line-height:28px;}

	#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:30px 16px; font-size:18px;}

}

@media screen and (max-width:640px){

	.video embed, .video object, .video iframe {width: 100%;height: auto;}

	#header,.zf{ display:none;}

	.mod-a{ padding:0;}

	#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 .small a{ font-size:15px;}

	#circle .nav a:hover,#circle .nav a:active{ background:#f22e2e; color:#fff; border-color:#da2626;}

	#wrapper{ margin-top:60px;}

	#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;}

	.tour .im{ width:100%; height:auto;}

	.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,#zhuanlan ul,#serive div,#links p{ padding:0 16px;}

	#video li{ height:36px; line-height:36px; font-size:18px;background:url(../images/video.png) no-repeat center left; background-size:28px; padding-left:32px;}

	#act{ margin-bottom:10px;}

	

	#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;}

}