@charset "utf-8";
/* CSS Document */
#main{ width:1190px; padding:0px 20px; background:#fff; margin:0 auto;*width:1150px;}
#main h1{ font-size:38px; color:#0085ed; text-align:center; padding:30px;}
#main h1 a{ padding-left:65px; background:url(../images/ttbg.png) no-repeat top left;color:#0085ed; line-height:1.3em; }
#main h1 span.more a{ padding-left:5px; background:none;font-size:16px; font-weight:700;}
#main h1 span.sm a{ display:none;}
/********第一行********/
.line1{ overflow:hidden;zoom:1;}
.line1 .box{ overflow:hidden;zoom:1; float:left; width:870px;}
.line1 .left{ float:left; width:340px;}
.line1 .left ul.list li:first-child{ font-size:18px; background:none; padding-left:0px; font-family:"Microsoft Yahei";}
.line1 .left ul.list li:first-child a{ color:#0655a2;}
.line1 .center{ float:right; width:495px; padding-top:15px;}
/********焦点图********/
.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%;padding:6px 0px 6px 2%;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:16px/2 "Microsoft YaHei",Arial,Tahoma; font-weight:700;*width:98%;}
@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;}
.line1 .right{ width:250px; float:right; padding-top:15px;}
.line1 .right ul{ overflow:hidden; zoom:1;}
.line1 .right ul li{ width:83px; text-align:center; float:left; padding-bottom:15px;}
.line1 .right ul li img{ display:inline; height:54px;}
.line1 .pict img{ padding:12px 0px 0px; width:100%;}
@media screen and (min-width: 0px) and (max-width: 320px){
.line1 .right ul li{ padding:5px 0px; height:100%; width:33%;}
	 }
@media screen and (min-width: 321px) and (max-width: 640px){
.line1 .right ul li{ padding:5px 0px; height:100%; width:25%;}
	 }
@media screen and (min-width: 0px) and (max-width: 640px){ 
.hiSlider-title{ font-size:16px;}
#main h1{ padding:20px 0px 0px; font-size:20px; text-align:left;}
#main h1 span.sm a{ padding:5px 10px; width:30px;background:none;font-size:14px; font-weight:300; display:block; float:left; background:#F00; color:#fff; border-radius:5px; text-align:center; margin-right:15px;}
#main h1 a{ padding-left:0px;}
#main h1 span.more a{ display:none;}
#main h1 a{ background:none;}
.line1{ clear:both;}
.line1 .center{ float:none; width:100%; padding-top:10px;}
.line1 .left{ width:100%; float:none; padding-top:10px; }
.line1 .right{ width:100%;}
.line1 .right ul{ wdith:100%;}
.line1 .pict img{ padding-top:8px;}
}
@media screen and (min-width: 641px) and (max-width: 769px){
#main h1{ font-size:30px; padding-bottom:5px; padding-top:25px;}	
.line1 .center{ float:left; width:55%; padding-top:10px;}
.line1 .left{ width:43%; float:right;}
.line1 .right{ width:100%;}
.line1 .left ul.list{ padding: 5px 0px;}
.line1 .left ul.list li{ font-size:14px; font-family:simsun; padding-bottom:3px;}
.line1 .left ul.list li:nth-child(5){ display:none;}
.line1 .left ul.list li:first-child{ font-size:14px; font-weight:700;}
.line1 .right ul li{ padding:0px; width:16%;}
.line1 .pict a{ width:32.6%; float:left;}
.line1 .pict a:nth-child(2){ padding:0px 1%; }
	 }
@media screen and (min-width: 0px) and (max-width: 769px){
#main{width:100%; padding:0 3%;}
.line1 .box{width:100%;}
	 }
@media screen and (min-width: 770px) and (max-width: 1030px){
#main{width:100%; padding:0 3%;}
.line1 .box{ width:100%;}
.line1 .center{ width:55%;}
.line1 .left{ width:43%; }
.line1 .right{ width:100%;}	
.line1 .right ul{ width:600px; margin:0 auto;}
.line1 .right ul li{width:100px;}
.line1 .pict a{ width:32.6%; float:left;}
.line1 .pict a:nth-child(2){ padding:0px 1%; }
	}
/********通栏********/
.banner{ padding:20px 0px 0px;}
@media screen and (min-width: 0px) and (max-width: 640px){.banner{ display:none;}}
@media screen and (min-width: 641px) and (max-width: 1030px){
.banner{ padding:10px 0px 0px;}	
	}
/********第二行********/
.line2{margin:0 auto; padding-top:20px;}
.line2 .left{ float:left; width:340px; overflow:hidden;zoom:1;}
.line2 .center{ float:left; width:530px; padding-left:35px;*width:495px;}
ul.listp{ padding-bottom:25px;}
ul.listp li{overflow:hidden;zoom:1; padding-top:18px;}
ul.listp li img{ display:block; float:left; margin-right:10px; width:170px;}
ul.listp li h3{ font-size:18px; font-weight:300;}
ul.listp li h3 a{ color:#24488a;}
ul.listp li p{ font-family:simsun; padding-top:8px; font-size:14px; }
ul.zn{ overflow:hidden;zoom:1; padding-top:20px;}
ul.zn li{ background:#eeeeee; float:left; padding-left:42px; margin:0px 8px 15px;white-space:nowarp; line-height:33px; height:33px; font-family:simsun; font-size:14px; padding-right:8px;*margin:0 8px 15px;}
ul.zn li a{ color:#0085ed;}
ul.zn li.b1{ background:#eeeeee url(../images/icon7-qzjy.png) left center no-repeat;}
ul.zn li.b2{ background:#eeeeee url(../images/icon12-cgss.png) left center no-repeat;}
ul.zn li.b3{ background:#eeeeee url(../images/icon9-jybj.png) left center no-repeat;}
ul.zn li.b4{ background:#eeeeee url(../images/icon10-shbx.png) left center no-repeat;}
ul.zn li.b5{ background:#eeeeee url(../images/icon11-zjbl.png) left center no-repeat;}
ul.zn li.b6{ background:#eeeeee url(../images/icon13-ggaq.png) left center no-repeat; padding-left:62px;padding-right:28px;}
ul.zn li.b7{ background:#eeeeee url(../images/icon14-sfgz.png) left center no-repeat;padding-left:62px;padding-right:28px;}
ul.zn li.b8{ background:#eeeeee url(../images/icon14-sfgz.png) left center no-repeat;}
.line2 .right{ width:250px; float:right;}
.line2 .right ul{position:relative; box-sizing:border-box;}
.line2 .right ul.a1{ padding-top:20px; z-index:1000;}
.line2 .right ul.a2{ z-index:900;}
.line2 .right ul.a3{ z-index:800;}
.line2 .right ul.a4{ z-index:700;}
.line2 .right ul.a5{ z-index:600;}
.line2 .right ul.a6{ z-index:500;}
.line2 .right ul.a7{ z-index:400;}
.line2 .right ul li{ float:left; border-left:2px solid #fff; border-bottom:3px solid #fff;box-sizing:border-box;width:123px;}
.line2 .right ul li:last{ border-right:1px solid #fff;}
.line2 .right ul li:first{ border-left:none;}
.line2 .right ul li .tit span{ display:block; font-size:14px;}
.line2 .right ul li .tit a{color: #fff;background: #eaeaea url(../images/arrow.png) 100px 40px no-repeat;padding:8px 0px; display:block;color: #2448a7;  padding-left:5px; line-height:1.2em;}
.line2 .right ul li .tit a:hover{ background: #996633 url(../images/arrow.png) 100px 40px no-repeat; color:#fff;}
.line2 .right ul li .box { position: absolute; margin-left: 0px; display: none; color:#fff; z-index:2000; width:244px;left:2px; top:54px; padding:15px 20px;background:rgba(153,102,51,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f996633,endColorstr=#7f996633);*background: #996633;*width:208px;}
.line2 .right ul li:nth-child(2) .box{right:2px;left:auto;}
.line2 .right ul.a1 li .box{top:74px;}
.line2 .right ul li .box p a{ color:#fff;}
.line2 .right ul li:hover > div { display: block;}
@media screen and (min-width: 0px) and (max-width: 640px){
ul.listp li{ background:#eeeeee; padding-top:0px; margin-top:15px;}	
ul.listp li h3{ padding-top:5px; padding:5px 10px 0px}
ul.listp li img{ float:none; width:100%; display:block; margin-right:0px; }
ul.listp li p{padding:5px 10px 10px;}
ul.zn{ margin:0 auto; width:300px;}
ul.zn li{ margin:0px 15px 15px;padding-left:45px;padding-right:18px;}
.line2 .right{ display:none;}
ul.zn li.b6{padding-left:42px;padding-right:8px;}
ul.zn li.b7{padding-left:42px;padding-right:8px;}
	}
@media screen and (min-width: 641px) and (max-width: 1030px){
.pics{ display:none;}
.line2 .left section:nth-child(1){ float:left; width:49%;}
.line2 .left section:nth-child(2){ float:right; width:49%;}
.line2 .right section{ padding-top:20px;}
.line2 .right ul{ float:left;}
.line2 .right ul li{ width:120px;}
.line2 .right ul.a1{ padding-top:0px;}
.line2 .right ul.a1 li .box{top:54px;}
.line2 .right ul li .box{ width:200px;}
ul.zn li{ padding-right:3px;}
	}
@media screen and (min-width: 0px) and (max-width: 1030px){
.line2 .left{ width:100%;}
.line2 .center{ width:100%; padding-left:0px;}
.line2 .right{ width:100%;}
	}
/********第三行********/
.line3{ overflow:hidden;zoom:1; padding-top:15px;}
.line3 .left{ float:left; width:340px;}
ul.gs{ overflow:hidden;zoom:1; padding-top:10px;}
ul.gs li{ width:160px; text-align:center; line-height:40px; height:40px;background:#0085ed; float:left; font-size:22px; margin-bottom:17px;}
ul.gs li a{ color:#fff;}
ul.gs li.gright{ float:right;}
.line3 .center{ float:left; width:530px; padding-left:35px; *width:495px;}
.line3 .center .box{ position:relative; margin-top:20px;}
.line3 .center .box img{ display:block; width:100%;}
.line3 .center .box h3{ position:absolute;bottom: 0px;left: 0px;width: 100%;font-weight: 300;overflow: hidden;zoom: 1;background-color: rgba(0,0,0,0.5);}
.line3 .center .box h3 a{ display:block; color:#fff; font-size:14px; font-family:simsun; padding:5px 10px; font-weight:700;}
.line3 .right{ float:right; width:250px;}
.line3 .right ul.box { padding:20px 0px 0px; }
.line3 .right ul.box li{ padding-bottom:10px; position:relative;}
.line3 .right ul.box li img{ display:block; width:100%;}
.line3 .right ul.box li h3{ font-size:14px; color:#24488a;font-family:simsun; padding-top:5px;}
.line3 .right ul.box li h3 a{color:#24488a;}
.line3 .right ul.box li p{ font-size:14px; font-family:simsun; padding-top:5px;}
.line3 .right ul.box li i{ background:url(../images/vediobg.png) no-repeat; display:block; position:absolute; width:46px; height:46px; top:10px; left:10px;}
@media screen and (min-width: 0px) and (max-width: 640px){
.line3 .left,.line3 .center{ display:none;}
.line3 .right{ width:100%}
.line3 .right ul.box li{ background:#eeeeee;margin-bottom:8px;}
.line3 .right ul.box li h3{ padding:5px 10px 0px; }
	}
@media screen and (min-width: 641px) and (max-width: 769px){
.line3 .left{ width:100%}
ul.gs li.gright{ float:left;}
ul.gs li{ width:32.6%; margin-bottom:15px;}
ul.gs li:nth-child(2),ul.gs li:nth-child(5){ margin:0 1% 15px;}
.line3 .center{ width:100%; padding-left:0px;}
.line3 .right{ width:100%;}
.line3 .right ul.box{ overflow:hidden;zoom:1;}
.line3 .right ul.box li{ float:left; width:49%;}
.line3 .right ul.box li:nth-child(2){ margin-left:2%;}
}
@media screen and (min-width: 770px) and (max-width: 1030px){
.line3 .left{ width:100%}
ul.gs li.gright{ float:left;}
ul.gs li{ width:32.6%; margin-bottom:15px;}
ul.gs li:nth-child(2),ul.gs li:nth-child(5){ margin:0 1% 15px;}
.line3 .center{ width:100%; padding-left:0px;}
.line3 .center .box{ overflow:hidden;zoom:1; float:left; width:40%; margin-right:15px;}
.line3 .center ul.list{ padding-top:25px;}
.line3 .right{ width:100%;}
.line3 .right ul.box{ overflow:hidden;zoom:1;}
.line3 .right ul.box li{ float:left; width:49%;}
.line3 .right ul.box li:nth-child(2){ margin-left:2%;}	
	}
/********第四行********/
.pic{ margin:0 auto; overflow:hidden;zoom:1; padding-top:10px;}
.pic .tit{ display:none;}
.pic .left{ width:49.6%; float:left;}
.pic .right{ width:49.6%; float:right;}
.pic ul{overflow:hidden;zoom:1; }
.pic ul li{position: relative; overflow: hidden; text-align: center;}
.pic ul li.a1{clear:both; float:left; width:49.2%; height:171px;}
.pic ul li.a2{float:right; width:49.2%;height:171px;}
.pic ul li.a3{width:100%; float:left;clear:both; height:349px;}
.pic ul.left li.a3{ margin-top:8px;}
.pic ul.right li.a3{ margin-bottom:8px;}
.pic ul li img{transition: 0.5s; width:100%;}
.pic ul li:hover img{transform: scale(1.2);}
.pic ul li .text-desc{top: -100%; transition: 0.5s;  padding: 20px 0px 20px; box-sizing:border-box;position: absolute; left: 0;background:rgba(0,0,0,.5); height: 100%;  width: 100%;}
.pic ul li .text-desc h3 { font-size:22px; font-weight:700; padding-bottom:10px; margin:10px 100px 0 20px; text-align:left; border-bottom:1px solid #fff;}
.pic ul li .text-desc p {margin:10px 100px 0px 20px; font-size:16px; text-align:left; line-height:1.8em}
.pic ul li.a1 .text-desc h3,.pic ul li.a2 .text-desc h3{ border-bottom:none; margin:10px 20px 0px; font-weight:300; }
.pic ul li .text-desc{*height:90%; *top:-130%;}
.pic ul li .text-desc a{ color:#fff;}
.pic ul li:hover .text-desc{top: 0;}
@media screen and (min-width: 0px) and (max-width: 640px){
.pic .tit{ display:block;}	
.pic ul.left{ padding-top:15px;}
.pic ul.left li.a1{ display:none;}
.pic .left,.pic .right{ width:100%}
.pic ul li{  background:#eeeeee;margin-bottom:8px; padding-bottom:8px;}
.pic ul li.a1,.pic ul li.a2,.pic ul li.a3{ width:100%;height:100%;}
.pic ul li:hover img{transform: scale(1);}
.pic ul li .text-desc{ position:relative; background:none; top:0px; left:0px; padding:5px 10px 0px;}
.pic ul li .text-desc h3{ font-size:18px; padding-bottom:0px; padding:0px;margin:0px; font-weight:300; border:none;}
.pic ul.left li.a3{ margin-top:0px;}
.pic ul li.a1 .text-desc h3,.pic ul li.a2 .text-desc h3{ margin:0px;}
.pic ul li .text-desc p{ display:none;}
.pic ul li .text-desc a{ color:#646464;}
.pic .right{ display:none;}
	}
@media screen and (min-width: 641px) and (max-width: 769px){
.pic .left,.pic .right{ width:100%;}
.pic .right{ margin-top:10px;}
.pic ul li.a1,.pic ul li.a2,.pic ul li.a3{ height:100%;}
.pic ul li:hover img{transform: scale(1);}
.pic ul li:hover .text-desc{top: 0; height:99%}
.pic ul li.a1:hover .text-desc{top: 0; height:98%}
.pic ul li.a2:hover .text-desc{top: 0; height:98%}
	}
@media screen and (min-width: 770px) and (max-width: 1030px){

.pic ul li.a1,.pic ul li.a2,.pic ul li.a3{ height:100%;}	
.pic ul li:hover img{transform: scale(1);}
.pic ul li:hover .text-desc{top: 0; height:98%}
.pic ul li.a1:hover .text-desc{top: 0; height:97%}
.pic ul li.a2:hover .text-desc{top: 0; height:97%}
	}
@media \0screen\,screen\9 {
    .line3 .center .box h3,.pic ul li .text-desc{background-color: #000;filter:Alpha(opacity=50);*zoom:1;}
    .line3 .center .box h3 a,.pic ul li .text-desc p,.pic ul li .text-desc h3{position: relative;}

}