@charset "gb2312";
*{margin:0px;padding:0px; }
a{color: #404040; text-decoration: none;transition: all 0.7s;}
a:hover{color:#ff8500;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:16px;line-height:1.5em;font-family:"Arial","Heiti SC","Microsoft Yahei",simsun,sans-serif;color: #000;background:#ffffff;min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none;}  
img,video {max-width: 100%; height: auto;border:0; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
#top{ background: url(../images/header.jpg) no-repeat center; height:500px; width:100%}
#nav{ background:url(../images/navbg.png) repeat-x; height:60px; line-height:60px;}
#nav ul{ width:1200px; margin:0 auto;}
#nav ul li{ float:left; padding:0px 12px; font-size:22px; font-family:simsun; font-weight:700; color:#96150e;padding:0px 11px 0px 12px\9;}
:root #nav ul li{padding:0px 11px 0px 12px\9;}
#nav ul li a{ color:#96150e;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(196, 24, 17, 1)), to(rgba(144, 21, 14, 1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#nav ul li:first-child{ padding-left:0px;}
#nav ul li:last-child{ padding-right:0px;}
@media screen and (min-width: 0px) and (max-width: 640px){
#top{ display:none;}	
	}
@media screen and (min-width: 641px) and (max-width: 768px){
#top{ background: url(../images/header768.jpg) no-repeat center; height:201px;}		
	 }
@media screen and (min-width: 0px) and (max-width: 768px){
#nav{ height:36px; line-height:36px; overflow:hidden;width:100%;}
#nav ul{overflow-x: scroll; -webkit-overflow-scrolling: touch;white-space: nowrap;overflow-y: hidden;width:100%;cursor:pointer; width:96%; margin-left:3%; height:56px;}
#nav ul li{ width:auto; display:inline; float:none; line-height:30px; font-size:16px; font-weight:700; padding:10px 10px 0px;}}

.line1{ overflow:hidden;zoom:1; padding-top:30px; width:1200px; margin:0 auto;}
.line1 .left{ width:620px; float:left;}
.hiSlider{overflow: hidden;background: #eee;}
.hiSlider-item{float: left;}
.hiSlider-item img{ display:block;width:100%}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:48%;height:53px;width:30px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:98%;padding:6px 0px 6px 2%;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:18px/2 "Microsoft YaHei",Arial,Tahoma; font-weight:700;}
.hiSlider-title a{ color:#fff;}
.line1 .right{ float:right;width:530px;}
.line1 .right h3{ font-size:22px;}
.line1 .right p{ font-size:16px; padding:10px 0px 20px 0px;font-family:simsun; line-height:1.8em}
@media \0screen\,screen\9 {.hiSlider-title{ background:#000; filter:Alpha(opacity=80)}}
.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
@media screen and (min-width: 0px) and (max-width: 640px){ 
.hiSlider-title{ font-size:16px;position:relative; background:#fff; font-size:20px; font-weight:300; color:#333;}
.hiSlider-title a{ color:#333;}
.hiSlider-pages{ display:none;}
.line1{ width:100%; padding-top:15px;}
.line1 .left{ width:94%; padding:0 3%;}		
.line1 .right{  width:94%; padding:15px 3% 0; border-top:15px solid #f1f1f1;}
.line1 .right h3{ font-size:20px; font-weight:300;}
.line1 .right p{ font-size:14px; padding:10px 0px 10px 0px;font-family:simsun; line-height:1.5em}
}
@media screen and (min-width: 641px) and (max-width: 768px){
.line1{width:94%; margin:0 3%; padding-top:10px;}
.line1 .left{ width:50%;}		
.line1 .right{ width:48%}
.line1 .right h3{ font-size:14px; }
.hiSlider-title{ font-size:14px; font-weight:300; line-height:1.5em;}
.line1 .right p{ font-size:12px; padding:0px 0px 5px 0px;font-family:simsun; line-height:1.8em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:5px;}
	 }
/*第二行*/
.line2{ overflow:hidden;zoom:1; padding-top:30px; width:1200px; margin:0 auto;}
.line2 .left{ float:left; width:620px;}
.tit{ font-size:26px; font-weight:700; padding-top:13px; padding-right:97px; position:relative; background:url(../images/titbg.png) repeat-x; height:46px; line-height:46px; padding-left:15px;}
.tit span{ float:right; font-size:14px; font-weight:300;}
.tit a{ color:#fff;}
.tit img{ position:absolute; top:0px; right:0px;}
.line2 .left h3{font-size:20px; font-weight:300;  padding-top:20px;}
.line2 .left p{ font-size:16px; padding:15px 0px 20px 0px; border-bottom:1px solid #eeeeee; font-family:simsun; line-height:1.8em;}
ul.list{ padding-top:25px;}
ul.list li{ background:url(../images/dot.png) no-repeat 7px 9px; font-size:16px; padding-bottom:18px; padding-left:25px;font-family:simsun;}
.line2 .right{ float:right;width:530px;}
ul.pic{ padding-top:20px;}
ul.pic li{ padding-bottom:15px; overflow:hidden;zoom:1;}
ul.pic li h3{ font-size:20px; font-weight:300; padding-top:5px;}
ul.pic li img{ float:left; width:210px; margin-right:15px;}
@media screen and (min-width: 0px) and (max-width: 640px){
.line2{width:100%; border-top:15px solid #f1f1f1; padding-top:0px;}
.line2 .left{ width:94%; padding:0 3%;}		
.line2 .right{ width:94%; padding:0 3%;border-top:15px solid #f1f1f1;}	
.tit{ font-size:20px; background:none; border-bottom:1px solid #f1f1f1; padding:0px; font-weight:300; }
.tit img{ display:none;}
.tit a{ color:#fb1718;}
.tit span{ display:none;}
.line2 .left h3{ font-size:20px; font-weight:300;}
.line2 .left p{ font-size:14px; padding:10px 0px 15px 0px;line-height:1.5em}
ul.list{ padding-top:15px;}
ul.list li{ background:url(../images/dot.png) no-repeat 0px 9px; font-size:14px; padding-bottom:5px; padding-left:15px;}
ul.pic{ padding-top:15px;}
ul.pic li img{ width:150px;}
	}
@media screen and (min-width: 641px) and (max-width: 768px){
.line2{width:94%; margin:0 3%; padding-top:10px;}
.line2 .left{ width:50%;}		
.line2 .right{ width:48%}	
.tit{ font-size:14px; height:32px; line-height:32px;padding-right:60px;}
.tit img{ height:36px; top:5px;}
.line2 .left h3{font-size:16px;  padding-top:20px;}
.line2 .left p{ font-size:12px; padding:10px 0px 15px 0px; display:none;}
ul.list{ padding-top:15px;}
ul.list li{ background:url(../images/dot.png) no-repeat 2px 5px;font-size:12px; padding-bottom:5px; line-height:1.5em; padding-left:15px;}
ul.pic li{ padding-bottom:10px;}
ul.pic li h3{ font-size:14px;}
ul.pic li img{ width:125px;}
	}
/*第三行*/
.line3{ overflow:hidden;zoom:1;padding-top:30px;}
.tit3{ display:none;}
.line3 .tit2{background:url(../images/tit01.png) no-repeat center;height:57px;}
.tit2 .box{ width:1200px; margin:0 auto; height:57px; position:relative;}
.tit2 .box .a1{ position: absolute; display:block; width:314px; height:57px;left:443px;top:0px;}
.tit2 .box .a2{ position:absolute; display:block; width:70px; height:57px; right:93px; top:0px;}
.line3 ul{ overflow:hidden;zoom:1; width:1200px; margin:0 auto;}
.line3 ul li{ float:right; width:48%; padding-top:30px;}
.line3 ul li.left{ clear:both; float:left;}
.line3 ul li h3{ font-size:20px; font-weight:300; padding-top:5px;}
.line3 ul li p{ font-size:16px; font-family:simsum; line-height:1.8em; padding-top:10px;}
.line3 ul li .pbox{ float:left; width:145px; margin-right:15px; position:relative;}
.line3 ul li .pbox img{ display: block; width:100%;}
.line3 ul li .pbox h4{ position:absolute;bottom: 0px;left: 0px;width: 100%;font-weight: 300;overflow: hidden;zoom: 1;background-color: rgba(0,0,0,0.5); text-align:center; font-size:14px;font-family:simsum; line-height:1.8em;}
.line3 ul li .pbox h4 a{ color:#fff;}
@media screen and (min-width: 0px) and (max-width: 640px){
.tit2{ display:none;}
.tit3{ font-size:20px; background:none; border-bottom:1px solid #f1f1f1; padding:0px; font-weight:300; line-height:46px; height:46px; display:block; }
.tit3 a{ color:#fb1718;}
.line3{ border-top:15px solid #f1f1f1;width:94%; padding:0px 3% 0px;}
.line3 ul{ width:94%; margin:0 3%; padding-bottom:15px;}
.line3 ul li{ width:100%; padding-top:15px;}
.line3 ul li .pbox{ width:100px;}
.line3 ul li .pbox h4{ position:relative; background:#fff; font-weight:700;}
.line3 ul li .pbox h4 a{ color:#000;}
.line3 ul li h3{ font-size:20px; font-weight:300;}
.line3 ul li p{ font-size:12px; line-height:1.5em; padding-top:8px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; }
}
@media screen and (min-width: 641px) and (max-width: 768px){
.line3{width:100%; padding-top:10px;}
.line3 .tit2{background:url(../images/tit01-768.png) no-repeat center;height:35px;}
.tit2 .box .a1{ width:100%; height:35px; left:0px;}
.tit2 .box .a2{ display:none;}
.line3 ul{ width:94%;}
.line3 ul li .pbox{ width:90px; margin-right:10px;}
.line3 ul li h3{ font-size:14px; font-weight:700; padding-top:0px;}
.line3 ul li p{ font-size:12px; line-height:1.5em; padding-top:5px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
	}

/*第四行*/
.line4{ overflow:hidden;zoom:1;padding-top:30px;}
.line4box{ width:1200px; margin:0 auto; padding-top:30px;}
.line4 .tit2{background:url(../images/tit02.png) no-repeat center;height:57px;}
.line4 .left{ width:590px; float:left; position:relative;}/*49.1666%*/
.line4 .left img,.line4 ul li img{ display:block; width:100%;}
.line4 .left h3,.line4 ul li h3{ position:absolute;bottom: 0px;left: 0px;width: 100%;font-weight: 300;overflow: hidden;zoom: 1;background-color: rgba(0,0,0,0.5); text-align:center; font-size:14px;font-family:simsum; padding:5px 0px;}
.line4 .left h3 a,.line4 ul li h3 a{ color:#fff;}
.line4 ul{ overflow:hidden;zoom:1; float:right; width:610px;}
.line4 ul li{ float:left; width:285px; margin-left:20px; position:relative; margin-bottom:14px;}
@media screen and (min-width: 0px) and (max-width: 640px){
.line4{padding-top:0px;border-top:15px solid #f1f1f1;width:94%; padding:0 3%;}
.line4box{ padding-top:0px; width:100%; }	
.line4 .left{ width:100%; padding-top:10px; padding-bottom:10px;}
.line4 ul{ width:100%;}
.line4 ul li{ width:100%;margin-left:0px;margin-bottom:10px;}
.line4 .left h3,.line4 ul li h3{ position:relative; background:#fff; text-align:left; padding-top:5px; font-size:20px; line-height:1.4em;}
.line4 .left h3 a,.line4 ul li h3 a{ color:#000;}
	}
@media screen and (min-width: 641px) and (max-width: 768px){
.line4 .left{ float:left; width:49%}
.line4 ul{ width:51%}	
.line4 ul li{ width:46%; margin-left:4%; margin-bottom:3.5%;}
.line4 .tit2{background:url(../images/tit02-768.png) no-repeat center;height:57px;}
.line4{width:100%; padding-top:20px;}	
.line4box{width:94%; margin:0 3%;padding-top:10px;}
	}
/*第五行*/
.line5{overflow:hidden;zoom:1;padding-top:10px; width:1200px; margin:0 auto;}
.line5 .left{ float:left; width:540px; padding-top:30px;}
.line5 .left img{width:100%; display: block;}
.line5 .left h3{ font-size:20px; font-weight:300; padding-top:15px;}
.line5 .left p{ font-size:16px; font-family:simsum; line-height:1.8em; padding-top:10px;}
.line5 ul{ float:right; width:610px;}
.line5 ul li{ border-top: 1px solid #eeeeee; padding:20px 0px;}
.line5 ul li:first-child{ border:none;}
.line5 ul li h3{ font-size:20px; font-weight:300; padding-top:15px;}
.line5 ul li p{ font-size:16px; font-family:simsum; line-height:1.8em; padding-top:10px;}
@media screen and (min-width: 0px) and (max-width: 640px){
.line5{padding-top:0px;border-top:15px solid #f1f1f1;width:94%; padding:0 3%;}
.line5 .left{ width:100%; padding-top:15px;}
.line5 .left p{ font-size:14px; font-family:simsum; line-height:1.8em; padding-top:8px;}
.line5 ul{ width:100%;}
.line5 ul li{ border-top: none; padding:8px 0px; }
.line5 ul li h3{  padding-top:0px;}
.line5 ul li p{ font-size:14px;  line-height:1.5em; padding-top:5px;}
}
@media screen and (min-width: 641px) and (max-width: 768px){
.line5{width:94%; margin:0 3%; padding-top:0px;}
.line5 .left{ width:50%; padding-top:20px;}		
.line5 ul{ width:48%}
.line5 ul li h3{font-size:14px; font-weight:700; padding-top:0px;}
.line5 .left h3{ font-size:14px; font-weight:700; padding-top:5px;} 
.line5 .left p{ font-size:12px; padding-top:3px;}
.line5 ul li{ padding:10px 0px;}
.line5 ul li p{ font-size:12px; line-height:1.5em; padding-top:0px;}
	}
@media screen and (min-width: 0px) and (max-width: 768px){
}
/*第六行*/
.line6{overflow:hidden;zoom:1;padding-top:10px; width:1200px; margin:0 auto;}
.line6 .left{ float:left; width:540px;}
.line6 .left a img{ display:block; padding-top:20px; width:100%;}
.line6 .right{float:right; width:610px;}
.line6 .right ul{ padding-top:30px;}
.line6 .right ul li{ padding-bottom:20px;}
@media screen and (min-width: 0px) and (max-width: 640px){
.line6{padding-top:0px;border-top:15px solid #f1f1f1;  width:100%;}
.line6 .left{width:94%; padding:0 3% 15px; }
.line6 .right{  width:94%;padding:0 3%;border-top:15px solid #f1f1f1;}
.line6 .right ul{ width:100%; padding:15px 0% 0px; }
.line6 .right ul li{ padding-bottom:8px;}
}
@media screen and (min-width: 641px) and (max-width: 768px){
.line6{width:94%; margin:0 3%;}	
.line6 .left{ width:50%; }		
.line6 .left a img{ padding-top:15px;}
.line6 .right{ width:48%}	
.line6 .right ul{ padding-top:15px;}
.line6 .right ul li{ padding-bottom:5px;}
	}
/*友情链接*/
#link{ padding:15px 0px 0px;}	
#link .tit01{ background:url(../images/linkbg.png) repeat-x center; text-align:center; color:#F00; font-size:18px; }
#link .tit01 span{ background:#fff; padding:0px 10px;}
#link ul{ width:1200px; margin:0 auto; overflow:hidden;zoom:1; padding:20px 0px 0px;}	
#link ul li{ float:left; padding-bottom:13px;}
#link ul li a{ display:block; border-right:1px solid #404040; padding:0 15px; line-height:1em;white-space:nowrap; }
@media screen and (min-width: 0px) and (max-width: 768px){
#link ul{ width:100%}
	}
/*页尾*/
#footer{ margin-top:20px;overflow:hidden;zoom:1;}
#footer .box{ padding:30px 0px  40px; width:1200px; margin:0 auto; overflow:hidden;zoom:1;}
#footer p{ text-align:center;}
#footer p img{vertical-align:middle; display:inline; padding-right:8px;}
#footer p span{ padding-right:5px;}
#footer ul{  padding:5px 0px 10px; text-align:center; }
#footer ul li{ display:inline; }
#footer ul li a{ padding:0 8px; border-right:1px solid #000;}
@media screen and (min-width: 0px) and (max-width: 640px){
#footer{ border:none; font-size:14px; background:#f1f1f1; color:#787878;}
#footer ul{ display:none;}	
.sbl{ display:block;}
#footer .box{ padding:20px 0px; width:100%}
	}
@media screen and (min-width: 641px) and (max-width: 768px){
	#footer .box{ width:96%;padding:30px 2%  40px; }	
	}
@media \0screen\,screen\9 {
    .line3 ul li .pbox h4,.line4 .left h3,.line4 ul li h3{background-color: #000;filter:Alpha(opacity=50);*zoom:1;}
    .line3 ul li .pbox h4 a,.line4 .left h3 a,.line4 ul li h3 a{position: relative;}
}