@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #323232; 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 Negreta","Arial","Microsoft Yahei","Heiti SC",simsun,sans-serif;color: #000;background:#fff;min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none;}  
img,video {max-width: 100%; height: auto;border:0; }
img{ display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
div, dl, ul, li, input, textarea { -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ }
/********导航********/
#header{ background: url(../images/headerbg.png) center bottom no-repeat; position:relative;}
#header .box{ max-width:1200px; overflow:hidden;zoom:1; margin:0 auto;*width:1200px;}
#header .logo{ float:left; padding:25px 0px 30px;}
#divFrame{ float:right;}
#divFrame .clsHead{ padding:8px;  cursor:hand;overflow:hidden;zoom:1; display:none;}
#divFrame .clsContent{ padding:8px; overflow:hidden;zoom:1;}
#divFrame .clsContent ul{overflow:hidden;zoom:1;}
#divFrame .clsContent ul li{ float:left; width:100px; height:23px; line-height:23px; font-size:14px;}
#divFrame .clsBot{ float:right; padding:5px 0px;}
.clsContent p{ text-align:right; color:#8b8b8d; padding-bottom:15px; padding-right:20px; font-size:14px;}
.clsContent p a{color:#8b8b8d;}
.search{width:300px; float:right;}
.search .left{ float:left;}
.search .right{ float:right;}
.search form{border:1px solid #d9d9d9;border-left:none; border-right:none; height:35px;*height:35px; float:left; width:100%; max-width:267px; background:url(../images/searchbg.png) left center no-repeat #fff; *width:267px;}
.search input{ border:none; background:none;line-height:35px; height:35px;color:#8b8b8d; font-size:14px;}
.inp{ margin-left:25px; width:100%; max-width:200px;*width:200px; float:left; padding:0px 5px; }
.btn{ padding:0px 5px;}
@media screen and (min-width: 0px) and (max-width: 320px){#header .logo{ width:230px;}
#divFrame .clsHead{ width:50px;top:40px;}
.clsContent p{ padding-right:2px;}}
@media screen and (min-width: 321px) and (max-width: 639px){#header .logo{ width:300px;}
#divFrame .clsHead{ width:50px;top:50px;}.clsContent p{ padding-right:5px;}}
@media screen and (min-width: 640px) and (max-width: 769px){#header .logo{ width:320px; top:42px;}.clsContent p{ padding-right:10px;}#divFrame .clsHead{ width:60px;top:50px;}}
@media screen and (min-width: 0px) and (max-width: 769px){
#header{ background: url(../images/headerbg.png) center 10px no-repeat;}
#header .box{ width:100%;}
#divFrame .clsHead{ display:block; position:absolute; right:10px;}
#divFrame .clsContent{ display:none;}
#divFrame{ float:none; clear:both;width:100%; }
.search{  margin-right:40px; width:80%; float:none;}
.search form{border-radius: 22px; max-width:1000px;background:url(../images/searchbg.png) 10px center no-repeat #fff; padding-right:0px; position:relative; padding-left:30px;}
.search .left,.search .right{ display:none;}
.clsContent{ position:relative;}
.clsContent p{ position:absolute; right:0px; padding-bottom:0px; top:15px;font-size:16px;}
.clsContent p a{color:#fff;}
.inp{width:100%; max-width:800px; margin-left:0px; padding:0px 15px;}
.btn{ position:absolute; top:0px; right:10px;z-index:20; background:#fff;}
#divFrame .clsContent{background: url(../images/navbg.png) repeat;  }
 }
@media screen and (min-width: 770px) and (max-width: 900px){
#header .logo{ width:320px;}
	}
#nav{ background: url(../images/navbg.png) repeat-x; overflow:hidden;zoom:1;}
#nav ul{ width:100%; max-width:1200px; margin:0 auto;}
#nav ul li{ font-size:18px; color:#fff; float:left;}
#nav ul li a{ display:block; background: url(../images/navbgl.png) no-repeat right center; padding:0 41px; height:60px; line-height:60px; color:#fff;}
#nav ul li:last-child a{ background:none;}
@media screen and (min-width: 0px) and (max-width: 320px){
#nav{ background:#b7071b;}
#nav ul li{width:25%;font-size:14px; }
#nav ul li a{ text-align:center; height:30px; line-height:30px; background:none;padding:0px;}	
	}
@media screen and (min-width: 321px) and (max-width: 639px){
#nav{ background:#b7071b;}
#nav ul li{width:25%;font-size:16px; font-weight:700;}
#nav ul li a{ text-align:center; height:35px; line-height:35px; background:none;padding:0px;}
	}
@media screen and (min-width: 640px) and (max-width: 769px){
#nav{ background: url(../images/navbg.png) repeat;}
#nav ul li{ width:25%; font-size:20px; font-weight:700; }
#nav ul li a{ text-align:center; height:45px; line-height:45px;padding:0px;}
	}
@media screen and (min-width: 770px) and (max-width: 1195px){
#nav ul li{ width:12.5%}	
#nav ul li a{ text-align:center; padding:0px;}
	}
#main{ background:#f0f0f0; overflow:hidden;zoom:1;}
.line1{ overflow:hidden;zoom:1; width:100%;max-width:1200px; *width:1158px; margin:20px auto 0; border:1px solid #d9d9d9; background:#fff; padding:20px;}
.line1 .left{ width:52%; float:left;}
/********焦点图********/
.hiSlider{overflow: hidden;background: #eee;}
.hiSlider-item{float: left;}
.hiSlider-item img{width:100%; display:block;}
.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:100%;*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;}
@media \0screen\,screen\9 {.hiSlider-title{ background:#000; filter:Alpha(opacity=80)}}
.hiSlider-pages{bottom:10px;right:10px;text-align:right}
.hiSlider-pages a{height:8px;width:8px;margin:0 3px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#5472BF}
.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;}
}
.line1 .right{ float:right; width:45%;}
.line1 .right h1 a{font-size:22px; color:#ae0417;}
.line1 .right p a{ font-size:14px; display:block; padding:15px 0px; border-bottom:1px dashed #8b8b8d; color:#8b8b8d;}
.line1 .right ul{ padding-top:20px;}
.line1 .right ul li{ background:url(../images/sanjiao.png) no-repeat left 7px; padding-left:15px; padding-bottom:15px; font-size:16px;}
@media screen and (min-width: 0px) and (max-width: 320px){
.line1 .right h1 a{ font-size:16px;}
.line1 .right ul li{ font-size:14px;padding-bottom:6px;}
	}
@media screen and (min-width: 321px) and (max-width: 639px){
.line1 .right h1 a{ font-size:18px;}
.line1 .right ul li{ font-size:16px;padding-bottom:6px;}
	}
@media screen and (min-width: 0px) and (max-width: 639px){
.line1{ padding:0px 10px;}	
.line1 .right p a{ padding:10px 0;}
.line1 .right ul{ padding-top:10px;}
.line1 .right ul li{padding-bottom:6px;}
.line1 .right{padding-top:10px;}
	}
@media screen and (min-width: 640px) and (max-width: 769px){
.line1{ padding:0px 20px;}	
.line1 .right{padding-top:15px;}
	}
@media screen and (min-width: 0px) and (max-width: 769px){
#main{background:#fff;}
.line1{ border:none;}
.line1 .left{ width:100%;}
.line1 .right{ width:100%;}	
	}
.line2{ width:100%;max-width:1200px; margin:30px auto 0; }
.line2 img{ width:100%; display:block;}
@media screen and (min-width: 0px) and (max-width: 639px){.line2{ display:none;}}
@media screen and (min-width: 0px) and (max-width: 769px){
.line2{ margin-top:0px;}	
	}
.line3{width:100%;max-width:1200px; margin:30px auto 0; overflow:hidden;zoom:1;}
.line3 .right{ float:right; padding:20px; width:27%;*width:284px; border:1px solid #d9d9d9; background:#fff; margin-bottom:20px;}
.tit{ background:#f3f3f3; overflow:hidden;zoom:1; }
.tit a{ display:block; background: url(../images/titbg.png) right center no-repeat #c20d21; height:38px; line-height:38px; float:left; padding:0px 46px 0px 10px; color:#fff;}
.tit span{ float:right; }
.tit span a{background:none; padding:0px 10px 0px 0px; float:none; font-size:14px; color:#8b8b8d; }
.line3 .right .box p{ font-size:15px;color:#8b8b8d; padding-top:15px; line-height:1.8em;}
.line3 .right .box p a{ color:#8b8b8d;}
.line3 .right .box p span a{ color:#c20c21;}
.line3 .right ul{ padding:20px 0px;}
.line3 .right ul li{ background:#c20c21; text-align:center; margin-top:20px; height:60px; line-height:60px;}
.line3 .right ul li a{padding-left:30px; color:#fff; padding:8px 0px 8px 30px;}
.line3 .right ul li.a1 a{ background:url(../images/line3a1.png) no-repeat left center; }
.line3 .right ul li.a2 a{ background:url(../images/line3a2.png) no-repeat left center; }
.line3 .right img{ display:block; width:100%; margin-top:20px;}
.line3 .left{ float:left; width:72.25%;*width:867px; }
.line3 .left .box{border:1px solid #d9d9d9; background:#fff; overflow:hidden;zoom:1;padding:18px 17px ; margin-bottom:20px;}
.line3 .sleft{ float:left; width:49%}
.line3 .sright{ float:right;width:49%}
.line3 .list img{ display:block;width:100%; margin-top:20px;}
.line3 .list ul{ margin-top:20px;}
.line3 .list ul li{ font-size:16px; background:url(../images/dot.png) no-repeat left 10px; padding-left:12px; padding-bottom:8px; }
/*.line3 .list ul li.first{ background:url(../images/dotb.png) no-repeat left 10px;}*/
.line3 .list ul li.first a{ color:#0084cf;}
@media screen and (min-width: 0px) and (max-width: 320px){
	}
@media screen and (min-width: 321px) and (max-width: 639px){
.line3 .right ul{ overflow:hidden;zoom:1;}
.line3 .right ul li{ width:48.5%;}
.line3 .right ul li.a1{ float:left;}
.line3 .right ul li.a2{ float:right;}

	}
@media screen and (min-width: 0px) and (max-width: 639px){
.line3 .right{ padding:10px; }
.line3 .right ul li{ margin-top:10px;}
.line3 .right img{ margin-top:10px;}
.line3 .left .box{ padding:10px;}
.line3 .sleft{width:100%}
.line3 .sright{width:100%}
.line3 .list img{ margin-top:10px;}
.line3 .list ul{ margin-top:10px;}
	}
@media screen and (min-width: 640px) and (max-width: 769px){
.line3 .right .box p{ font-size:16px;}
.line3 .right section:nth-child(1){ float:left; width:63%;}
.line3 .right section:nth-child(2){ float:right; width:35%}
.line3 .right ul li{ margin-top:10px;}
.line3 .right img{ margin-top:10px;}
	}
@media screen and (min-width: 0px) and (max-width: 769px){
	.line3 .left{ width:100%;}
	.line3{ margin-top:0px;}
	.line3 .right ul{ padding:0px 0px;}
	.line3 .right{ width:100%; border:none; overflow:hidden; zoom:1; padding-bottom:0px;margin-bottom:0px;}
	.line3 .left .box{ border:none; margin-bottom:0px; padding-bottom:0px;}	
	}
.line4{ overflow:hidden;zoom:1; border:1px solid #d9d9d9; background:#fff;width:1200px;*width:1158px; margin:0 auto; padding:20px;} 
.line4 .left{ position:relative; margin-top:18px; margin-bottom:8px; float:left; width:395px;}
.line4 .left img{ display:block; width:100%}
.line4 .left h3{position: absolute;bottom: 0px;left: 0px;width: 100%;font-weight: 300;overflow: hidden;zoom: 1;background-color: rgba(0,0,0,0.5);}
.line4 .left h3 a{ display:block; padding:5px 65px 3px 10px;color:#fff; /*background:url(../images/mtvideo.png) no-repeat right center;*/ font-size:18px;}
.line4 .center{ float:left; width:425px; margin:0 10px;*width:405px;}
.line4 .center ul{ padding-top:9px;}
.line4 .center ul li{ clear:both; padding-top:9px;}
.line4 .center ul li img{ float:left; width:190px; margin-right:10px;}
.line4 .center ul li h3 a{ font-size:16px;color:#0084cf;}
.line4 .center ul li p a{ font-size:14px; color:#8b8b8d;}
.line4 .right{float:right; width:305px;margin-top:18px;}
.line4 .right ul li{ font-size:16px; background:url(../images/dot.png) no-repeat left 10px; padding-left:12px; padding-bottom:8px; }
/*.line4 .right ul li.first{ background:url(../images/dotb.png) no-repeat left 10px;}*/
.line4 .right ul li.first a{ color:#0084cf;}
@media screen and (min-width: 0px) and (max-width: 639px){
.line4{ padding:10px;}
.line4 .right{ display:none;}
.line4 .left{ width:100%; margin-top:10px;}
.line4 .center ul{ padding-top:0px;}
.line4 .center ul li img{ width:130px;}
.line4 .center ul li h3{ margin-top:-6px; line-height:1em;}
.line4 .center ul li h3 a{ font-size:14px; font-weight:300;}
.line4 .center ul li p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	}
@media screen and (min-width: 640px) and (max-width: 769px){.line4 .left{ width:49%; }
.line4 .right{ width:48%}	
}	
@media screen and (min-width: 770px) and (max-width: 1025px){
.line4 .right{ width:44%}	
	}
@media screen and (min-width: 0px) and (max-width: 1025px){
.line4{ border:none; width:100%; }
.line4 .right{ float:right; }
.line4 .center{ clear:both; width:100%; margin:0px; }
	}
@media screen and (min-width: 0px) and (max-width: 769px){}
.line5{overflow:hidden;zoom:1; border:1px solid #d9d9d9; background:#fff; width:100%; max-width:1200px;*width:1158px; margin:0 auto; padding:20px 0px; margin-top:20px;} 
.tit2{ float:left; border-bottom:3px solid #c20c21; margin-left:20px; font-size:18px;}
.line5 ul{ clear:both; padding-top:20px; overflow:hidden;zoom:1;}
.line5 ul li{ float:left; padding-bottom:10px;  }
.line5 ul li a{padding:0 20px; display:block; border-right:1px solid #909090; font-size:14px; line-height:1em; color:#909090;white-space:nowrap; }
@media screen and (min-width: 0px) and (max-width: 639px){
.line5{ margin-top:0px;}
.line5 ul{ padding-top:15px;}
.line5 ul li a{ padding:0 15px;}
	}
@media screen and (min-width: 0px) and (max-width: 769px){
.line5{ border:none; padding-top:0px;}	
	}
.footer{overflow:hidden;zoom:1; border-top:1px solid #d9d9d9; width:100%; max-width:1200px;*width:1158px; margin:0 auto; padding:40px 0px; margin-top:40px; position:relative;}
.footer .box p{ text-align:center; padding-bottom:5px;color:#909090;}
.footer .box p span{ padding-left:10px;}
.footer .box p a{color:#909090;}
.footer img{ position:absolute; left:870px; top:35px; display:block;}
@media screen and (min-width: 0px) and (max-width: 639px){
.footer{ padding:20px 0px; margin-top:20px;}	
.footer .box p{ font-size:14px; text-align:center;}
.footer img{ width:150px; float:none; position:relative; margin:0 auto; top:0px; left:0px;}
.footer .box p span:nth-child(4){ display:block;}
.footer{ padding:20px 0px; margin-top:0px;}
	}
@media screen and (min-width: 640px) and (max-width: 769px){
.footer{ padding:20px 0px; margin-top:20px;}
.footer img{ width:130px; float:right; position:relative; margin:0 20px; top:0px; left:0px;}
.footer .box p{ text-align:right;}	
.footer{ padding:20px 0px; margin-top:20px;}
	}
@media screen and (min-width: 0px) and (max-width: 769px){
.footer .box{ padding-top:10px;}
	}
@media \0screen\,screen\9 {
    .line4 .left h3{background-color: #000;filter:Alpha(opacity=50);*zoom:1;}
    .line4 .left h3 a{position: relative;}
}