@charset "utf-8";
@import url("reset.css");
body{  background:url(../img/body.gif) #fff repeat-x; -webkit-text-size-adjust:none; font-size:11px;}

	.hd{ height:800px; overflow-x:hidden;overflow-y:auto;}
	
	.hd{ text-align:center;}
	.hd img{ margin:0 auto 6px; display:block;}
	.hd li{ margin-bottom:15px;}
	.hd li span img{ padding-top:4px;}
	.er h2{ font-size:16px; padding:30px 30px;}
	.er .da img{ padding:20px 0; }
	.er .dd a{}
	.er .da{ position:relative; text-align:center;}
	.er .zz{ position:absolute; left:30px; top:50%;}
	.er .yb{ position:absolute; right:30px; top:50%;}
	.er .tc .a1{ background:url(../img/dd1.gif) left center no-repeat; padding:2px 0 2px 18px; margin:0 10px; height:30px; line-height:30px;}
	.er .tc .a2{ background:url(../img/dd2.gif) left center no-repeat; padding:2px 0 2px 18px; margin:0 10px; height:30px; line-height:30px;}
	.er li{ /*float:left; */margin:20px 15px;}
	.er li span{ display:block; text-align:center; padding:6px 0 0;}
	.er li span img{ display:block; margin:5px auto 0;}
	
	

	#page{ width:960px; margin:0 auto;}
	
	.fa h4{ padding:30px 20px 10px; color:#333; overflow:hidden;zoom:1;}
	
	/*新增样式*/
	.cdr li{ position:relative; float:left;  margin:10px 30px;}
	.cdr li img{ display:block; border:1px solid #ccc; padding:1px;} 
	.cdr li span{ display:block; background:url(../img/fdj.gif) no-repeat; width:18px; height:18px; position:absolute; right:5px; bottom:12px;}
	
	
	
	/*新增*/
	.plc{ display:none;}
	
	.link dl{ padding:20px 10px; border-bottom:1px dashed #ccc;}
	.link dt{ font-weight:bold; font-size:12px; padding:3px 0;}
	.link dt a{ text-decoration:underline;}
	.link dd{ line-height:14px;}
	
	/*新增*/
	.cb{ padding:10px 0 5px; overflow:hidden;zoom:1;}
	.cb li{ /*float:left; width:95px;*/ margin:0 1% 4px; width:48%; display:inline;  text-align:center; padding:0 ;overflow:hidden;}
	.cb li a{ display:block;border:1px solid #ccc;height:20px; line-height:20px; font-size:12px;}
	.cb li a:hover{ background:#BC0236; border:1px solid #BC0236; color:#fff; text-decoration:none;}
	.cb li a.crr { background:#BC0236; border:1px solid #BC0236; color:#fff; text-decoration:none;}
	.box h4{ text-indent:3px; padding:5px 0 0; margin-bottom:-4px; color:#1E57AD;}
	.box .hc{ height:8px;}
	.header{ z-index:999; position:relative; }
	h1{ float:left; padding:0 0 13px 5px; margin:0;}
	.header p{ float:right; text-align:right; width:620px; padding:36px 0 0;-webkit-text-size-adjust: none; font-size:11px;overflow:hidden;}
	.header p span{ font-weight:bold; font-size:14px; padding:3px 0; display:block;}
	.header p span strong{ color:#C10238; font-size:16px; padding:0 5px;}
	.header p a{ padding:0 5px;}
	.header ul{ clear:both;}
	.header li{ float:left; font-weight:bold; padding:0 13px; font-size:16px; height:35px; line-height:37px; overflow:hidden;}
	.header li a{ color:#EAEAEA;}
	.header li.cru a{ background:url(../img/nav_b.gif) top left no-repeat; padding:0 0 0 10px; float:left;}
	.header li.cru span{ background:url(../img/nav_b.gif) top right no-repeat; padding:0 10px 0 0; float:left;}
	.header li.cru a{ color:#261D79;}
	.header a:hover{ text-decoration:none;}
	.header h1 img{ margin-top:25px;}
	.yy{ margin:-30px 0 0 ; background:url(../img/yy.gif) no-repeat; line-height:23px; width:175px; float:right; position:relative; z-index:9999;}
	.yy a{ color:#88A9D8; padding:0 0 0 35px;}
	.yy .f{ padding-left:62px;}
	
	.sc{ font-size:12px; clear:both; padding:3px 0 0; border-bottom:1px solid #E4E4E4; height:36px; line-height:31px; overflow:hidden;}
	.sc p{ float:right; width:505px; overflow:hidden;}
	.sc p a{ padding:0 5px;} 
	.sc p strong{ color:#333;}
		.sc .in{ border:1px solid #aaa; background:#fff; width:185px;height:20px; vertical-align:middle; float:left; line-height:20px; margin:7px 3px 0; padding:0 3px;}
	.bt1{ cursor:pointer; background:#b80135; color:#fff; width:58px;height:20px; line-height:20px; border:none; float:left; margin:7px 0 0;margin-left:10px; }
	
	.main{ padding:10px 0;}
	
	.banner{ margin: 0 0 9px;}
	
	.left{ width:225px; float:left;}
	
		.box{ border:1px solid #ddd; margin:0 0 8px;}
		.box h3{ background:url(../img/left_h3.gif) repeat-x; border:1px solid #1f628e; border-radius:3px; overflow:hidden; line-height:22px; height:22px; font-size:12px; text-indent:10px; color:#BCE2FD;}
	
		.box .br{ padding:10px 10px 3px;}
		.box p{ padding:10px; line-height:16px;}
		.box .tc img{ padding:6px 0 0;}
		
		.box .ns{ padding:6px 8px;}
		.box .ns li{ line-height:18px; height:18px; overflow:hidden; background:url(../img/d.gif) 0 8px no-repeat; text-indent:8px;}
		
		.box .pl{ padding:6px 0;}
		.box .pl li a{ display:block; background:url(../img/pl_b.gif) 5px 8px no-repeat; border:1px solid #ccc; border-radius:3px; line-height:21px; height:21px; text-indent:18px; margin:0 0 5px;}
		.box .pl li a:hover,.box .pl li.cr a{ background:url(../img/pl_b2.gif) 5px 8px no-repeat; color:#3A75B4;  text-decoration:none; border:1px solid #8aafd6;}
		
		.mo{ background:url(../img/mo.gif) no-repeat; width:32px; height:5px; float:right; margin:10px 8px 0 0;}
		.mo2{background:url(../img/mo2.gif) no-repeat; width:32px; height:5px; float:right; margin:10px 8px 0 0;}
		
		.cc{ background:url(../img/right_h3.gif) no-repeat; border:1px solid #ccc; border-radius:5px; font-size:12px; color:#1E57AD; line-height:25px; text-indent:30px; overflow:hidden;zoom:1;}
		.cc span{ float:left; background:url(../img/right_h3_B.gif) right no-repeat; padding:0 38px 0 0;}
		.about p{ padding:18px 20px 5px; line-height:16px; }
		.about .h{ height:20px;}
	
		.about .products{ padding:0 0 0 15px; overflow:hidden;zoom:1; margin:0;}
		.about .products li{ /*height:146px;*/ overflow:hidden; margin-bottom:10px; padding:10px 0;}
		.about .page_list{ margin:-30px 30px 0;}
		
		.cont p{ padding:10px 50px; line-height:16px;}
   .cont p strong{ font-size:12px;}
   
   .cont dl{ margin:30px 20px 20px;background:url(../img/cont_d.html) repeat-x;/* height:87px;*/ overflow:hidden;zooom:1; border:1px solid #e7e7e7; padding:30px;}
	.cont dt{ float:left; margin:0 15px 0 0;}
	.cont dd{ line-height:22px; padding:6px 0 0;}
	.cont dl img{ background:#fff; padding:1px; display:block; border:1px solid #ccc;}
	
	.cont ul{ padding:20px 0; margin:0 50px;}
	.cont li{ margin:0 0 3px; }
	.cont .c{ padding:0 0 0 82px;}
	.cont .c input{ padding:2px 3px; margin:0 10px 0 0;}
	.cont li span{ width:10px; float:left;line-height:22px;}
	.cont .in,.cont .in2{ width:214px; height:19px; line-height:19px; background:#F5F5F5; border:1px solid #ccc;}
	.cont .in2{ width:350px; height:86px;}
		
		.right .plc{ background:url(../img/h.gif) right no-repeat; text-align:right; position:absolute; top:0; right:0; height:25px; line-height:25px; padding:0 15px 0 0; margin:0 10px 0 0;}
		
		.products{ margin:20px 0 0;}
		.products ul{ padding:20px;}
		.products li{ margin:0 0 15px;}
		.products li img{ border:1px solid #ededed; padding:10px; border-radius:5px;  margin:0 auto 5px;  display:block;}
		.products li span{  display:block; text-align:center; line-height:14px; margin:0 0 2px; overflow:hidden; text-align:center;}
		.products li span.c{ height:14px; line-height:14px; overflow:hidden; color:#999;}
		
		.bt p{ padding:10px 30px; line-height:18px;}
		.bt img{ margin:0 0 10px;}
		.bt h4,.bt h5{  font-weight:bold; color:#333;  font-size:12px; margin:25px 30px 0; line-height:22px;}
		.bt h5{ margin-bottom:10px;}
		.bt .tc{ padding:25px 0 10px; }
		.bt .tc span{ display:block; text-align:center;}
		.frc{ float:left; padding:15px 20px 15px 0;}
		
		.Sitemap h6{ margin:5px 20px; background:#eee; padding:5px; font-size:12px;}
		.Sitemap li{ margin:0 28px; padding:3px 0; background:url(../img/d.gif) 0 8px no-repeat; text-indent:8px;}
		.Sitemap ul{ padding:10px 0;}
		
		.fa ul{ padding-left:10px;}
		.fa li{ /*float:left; width:160px;margin:10px 8px; */ display:inline; height:210px;}
		.fa li span{ display:block;}
		.fa li .s2{ height:20px; line-height:20px; background:url(../img/fd.gif) left center no-repeat; text-indent:15px;}
		.fa li img{ display:block; padding:5px; border:1px solid #D1D1D1; margin:0 0 5px;}

	.nw li{ margin:0 25px 10px; padding:0 0 6px; overflow:hidden;zoom:1; clear:both;}
	.nw li em{ font-size:12px;  padding:5px 0; color:#9D9D9D; display:block;}
	.nw li em a{ float:left; padding:0 5px 0 0;color:#555; font-weight:bold; width:565px;}
	.nw li span{ line-height:16px; display:block;word-wrap:break-word;}
	.nw li em span{ float:right;}
	.nw cite{ font-size:11px;}
	.nw .hs{ color:#B6010A;}
	
	.nw table{ width:100%}
    .nw table td img{ width:auto; height:auto;}
	
	.nm{ padding:15px 0 0; clear:both; margin:0 25px;}
	.nm li{overflow:hidden;zoom:1; margin-bottom:3px; border-bottom:1px dashed #ccc; height:20px; line-height:20px; overflow:hidden;}
	.nm li a{ float:left; width:600px; }
	.nm li span{ color:#999;}
	.news dl{ border-bottom:1px dashed #ccc; padding:10px 0 20px; margin:0 25px 20px; overflow:hidden;zoom:1;}
	.news dt{ float:left; background:#fff; padding:4px; font-size:12px; border:1px solid #ccc;}
	.news dd{ float:right; width:485px;}
	.news dd strong a{ color:#333; text-decoration:underline;}
	.news dd cite{ font-size:11px; color:#999; padding:0 0 0 5px;}
	.news dd strong{ display:block; font-size:12px; padding:4px 0 6px;}
	.news dd span{ line-height:16px; height:90px; overflow:hidden;}
	
	.nsl h2{ font-size:16px; padding:10px 0 12px; margin:0 0 10px; color:#B6010A;}
	.nsl h2 span{ font-size:11px; padding:5px 0; color:#666; display:block; font-weight:normal;}
	.nsl p{ padding:15px 0 0; line-height:18px;}
	.nsl .pw{ padding:5px 0 0; margin:30px 0 0; line-height:16px; border-top:2px dashed #ddd;}
	.nsl .pw a{ padding:0 0 0 10px;}
	.nsl .tc img{ border:1px solid #ddd; margin:30px 0;}
	
	.nsl dl{ padding:10px; background:#e7e7e7;}
	.nsl dt span{ float:right;color:#999;}
	.nsl dd{ padding:10px 0; }
	.nsl dl.bg{ background:#fff;}
	.nsl h4{ margin:20px 0 15px; font-size:12px; color:#B6010A; background:url(../img/ly_b.gif) no-repeat; line-height:26px; text-indent:10px;}
	.nsl li.c input{ padding:3px;}
	
	.msn{ margin:10px 55px 20px;clear:both; width:550px; overflow:hidden; }	
	.msn li{ margin:3px 0 2px; clear:both; width:530px; overflow:hidden;zoom:1;}
	.msn .in{ width:270px;height:20px; float:left;}
	.msn .in2{ width:360px; height:80px; float:left;}
	.msn li span{ float:left; width:90px;}
	.msn .bt1,.msn .bt2{ padding:2px 3px; margin:0 10px 0 0;}
	
	.cp img{ display:block; margin:0 auto; }
	.cp h2{ text-align:center; font-size:14px; padding:10px 0 30px;}
	.cp h2 span{ font-weight:normal; color:#666; display:block; font-size:12px;}
	.cp h4{ margin-bottom:5px;}
	.cp p{text-indent:10px; background:#eeeeee; clear:both; margin:0 30px 2px; padding:0 0; line-height:30px; overflow:hidden;}
	.cp p span{ float:left; background:#e6e6e6; width:135px; border-right:#CCCCCC solid 1px; padding-left:10px; text-indent:0px; }
	
	
	.nsl .l{ padding:0 30px;}
	
	.news .page_list{ margin:3px 25px;}
	
	.page_list { margin:3px; padding:15px 0; text-align:right;}
.page_list A { border:1px solid #ccc; padding:2px 5px; text-decoration:none;}
.page_list A:hover {  border:1px solid #B6010A; background:#B6010A; color:#fff; }
.page_list .current { margin:2px; padding:2px 5px; background:#B6010A; border:1px solid #B6010A; color:#fff; font-weight:bold;}
.page_list .fl{ float:left; font-size:12px;}
	
	.right{ width:723px; float:right;position:relative;}
	
	.foot{ background:#ddd; border-radius:3px; line-height:35px; padding:0 6px;}
	.foot a{ padding:0 2px;}
	
body{ font-size:12px;}
	

	
	
@media screen and (max-width: 768px) {
	
	.cb {display:none;}
	.cb li{ width:98%;}

	.bt p{ padding-left:0; padding-right:0;}
	
	body{ font-size:14px; }

	.banner{ display:none;}
	.kk{ display:none;}
	
	h1 a{ margin:10px 0 0;}
	h1 img{ display:block; margin:0 auto;}
	
	
	#page{ width:100%;}
	.navbar-header{ margin-top:-30px;}
	.navbar-header ul{ display: inline-block; background:#eee;}
	
	.header p{ display:none;}
	.yy{ position:absolute; top:0; right:0; margin:0; background-color:#242681; background-image:none; padding:2px 0; text-align:center; width:100%; }
	.yy a{background:url(../img/yy_en.gif) 10px 4px no-repeat;}
	.yy a.f{background:url(../img/yy_tw.gif) 40px 4px no-repeat;}
	.sc span{ display:none;}
	.sc p{ display:none;}
	.sc{ height:auto; margin:0 10px; display:none; }
	.cl{ width:100%}
	.sc .in{ width:100%; background:#f6f6f6; margin:0 auto; border:1px solid #ddd;}
	.sc select{ width:100%;margin:0 auto 5px;}
	.sc .bt1{ width:100%;margin:6px auto; background:#b80135; border-radius:3px; line-height:30px; height:30px; text-align:center; color:#fff;}
	.foot{ text-align:center; font-size:12px; line-height:20px; padding:20px 0; background:#102765; color:#fff;}
	.foot a{ color:#fff;}
	
	.cont dt{ float:none;}
	.cont dt img{}
	.cont dl{ margin:12px 0 0 0;}
	.cont p{ margin:0;}	
	.cont ul{ margin:0;}
	.cont .in,.cont .in2{ width:100%; height:29px;}
	.bt1{ width:50%; text-align:center; height:40px; line-height:40px;}
	.bt2{width:35%; text-align:center; height:40px; line-height:40px; float: right;}
	.bns{ display:none;}
	.bfd{ display:none;}
	.nw li em a{ width:100%;}
	.about p{ padding:10px 0;}
	.header{padding-top: 30px;}
	.header h1 img{ margin-top:0px;}
	.page_list A{ display:inline-block;}
	.about .page_list{ margin:0;}
	.page_list{ text-align:center;}
	
		
	}
