@charset "utf-8";
/* CSS Document */
#main{ width:1180px; margin:0 auto;}
/********标题********/
.tit{ position:relative;}
.tit em{ font-style:normal;}
.tit h2{ text-align:right;background:url(../images/tit_bg.png) repeat-x bottom; overflow:hidden;zoom:1; font-size:14px; line-height:40px; font-weight:300;}
.tit h2 span{ background:#fff; border-bottom:1px solid #0085ed; float:left; font-size:20px; height:39px; padding-right:10px; font-weight:700;}
.tit h2 i{ float:left; width:13px; background:url(../images/tit_i.png) bottom no-repeat; height:40px}
.tit.y h2 span{background:#fff url(../images/tit_q.png) 0 5px no-repeat; padding-left:35px; }
.tit.y{ position:relative;}
.mz{ position:absolute; right:0px; bottom:3px; z-index:800; width:164px;}
.tit.blue h2{ color:#0085ed;}
.tit.y h2 span a,.tit.blue h2 a,.tit2 span a{color:#0085ed;}
.tit.blue h2 span a{ color:#404040;}
.tit2{ background:url(../images/tit_bgl.jpg) repeat-x center; overflow:hidden;zoom:1; }
.tit2 span{ display:block; float:left;background:#fff url(../images/tit_q.png)  no-repeat 0 center; padding-left:35px; padding-right:15px;font-size:24px; font-weight:700; line-height:40px;}
@media screen and (min-width: 0px) and (max-width: 400px){
.line3 .left .tit.sml{ padding-bottom:20px;}
.tit em{ position:absolute; display:block; bottom:-15px; left:0px; }	
	}
h1{ font-size:40px; font-weight:700; line-height:80px; text-align:center; padding:20px 0px 0px;}
h1 a{ color:#0085ed;}
h1 span{ font-size:18px; font-weight:300; margin-left:15px; line-height:80px;}
/********第一行********/
.line1{ padding-top:30px;zoom:1; overflow:hidden;}
.line1 .left{ width:49%; float:left;}
/********焦点图********/
.hiSlider{overflow: hidden;background: #eee;}
.hiSlider-item{float: left;}
.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;}
@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:47.5%;}
.line1 .right h3{ font-size:22px; font-weight:300px; color:#0085ed;padding:15px 0px 10px;}
.line1 .right h3 a{color:#0085ed; }
ul.list{ padding-top:5px;}
ul.list li{ background: url(../images/mtdot.jpg) no-repeat 5px 8px; font-size:18px; padding-left:17px;padding-bottom:10px; overflow:hidden;zoom:1; }
ul.list li a{ display:block;float:left; margin-right:100px;}
ul.list li i{ float:right;display:block; margin-left:-100px; width:100px; text-align:right; font-style:normal; font-size:14px; }
@media screen and (min-width: 0px) and (max-width: 320px){
h1{ font-size:18px; line-height:30px; padding-top:10px; }
h1 span{ float:right; line-height:30px; font-size:16px;}
.line1 .right h3{ font-size:16px;}		
	}
@media screen and (min-width: 321px) and (max-width: 640px){
h1{ font-size:22px; line-height:30px; padding-top:15px; }
h1 span{ float:right; line-height:30px;}
.line1 .right h3{ font-size:18px;}
	}
@media screen and (min-width: 0px) and (max-width: 640px){
#main{ width:94%; margin:0 3%;}	
.line1,.line1 .right{ padding-top:15px;}
.line1 .right h3{ font-weight:300; padding:10px 0px 5px;}
ul.list li{ font-size:16px; padding-bottom:5px;  background:url(../images/mtdotm.jpg) no-repeat 0px 10px; padding-left:12px;}
ul.list li a{ margin-right:0px;}
ul.list li i{ display:none;}
	}
@media screen and (min-width: 641px) and (max-width: 768px){
h1{ font-size:32px; line-height:40px;}
h1 span{ float:right; line-height:40px;}
.line1 .right{ padding-top:20px;}
.line1 .left{  margin:0 auto; float:none;}
.line1 .right h3{ padding:20px 0px; }
#main{ width:90%; margin:0 5%;}	
	}
@media screen and (min-width: 0px) and (max-width: 768px){
.line1 .left,.line1 .right{ width:100%;}
.mz{ display:none;}
h1{text-align:left;}
h1 span{ float:right;}
h1::after{ content:".";display:block;height:0;clear:both;visibility:hidden}}
/********banner********/
.banner{ overflow:hidden;zoom:1; padding-top:30px;} 
.banner a{ float:left; width:49%;}
.banner a:first-child{ padding-right:2%;}
@media screen and (min-width: 0px) and (max-width: 640px){ 
.banner{ padding-top:15px;}
.banner a{ width:100%}
.banner a:first-child{ padding-right:0; padding-bottom:10px;}
}
@media screen and (min-width: 641px) and (max-width: 768px){.banner{ padding-top:20px;}}

/********第二行********/
.line2{ padding-top:30px; overflow:hidden;zoom:1;}
.line2 .left{ float:left; width:355px;}
.pic{ position:relative; margin-top:18px; margin-bottom:8px;}
.pic h3{position: absolute;bottom: 0px;left: 0px;width: 100%;font-weight: 300;overflow: hidden;zoom: 1;background-color: rgba(0,0,0,0.5);}
.pic h3 a{ display:block; padding:5px 65px 3px 10px;color:#fff; /*background:url(../images/mtvideo.png) no-repeat right center;*/ font-size:18px;}
.pic i{ display:block; position:absolute; bottom:10px; right:10px; z-index:100; background:url(../images/mtvideo.png) no-repeat; width:40px; height:40px;}
ul.tplist{ padding-top:10px;}
ul.tplist li{ padding:10px 0px 0px;}
.line2 .center{ float:right; width:475px; padding:0 35px;}
.line2 .center ul{ padding:25px 0px;}
.line2 .center ul li{ background: url(../images/mtdot.jpg) no-repeat 5px 8px; font-size:18px; padding-left:17px;padding-bottom:10px; overflow:hidden;zoom:1; }
.line2 .right{ float:right; width:276px; overflow:hidden;zoom:1;}
ul.zhineng { width: 281px; margin-top: 20px; color: #0085ed; font-size: 18px }
ul.zhineng li { position: relative; float: left; width: 30%; border: 2px #e5e5e5 solid; padding: 20px 8.2%; text-align: center; margin-right: 5px; margin-bottom: 4px; font-weight: bold;}
ul.zhineng li.last{ padding:20px 0px; width:96%;}
.ico { background: url(../images/fjsrmzftwswbgs2017.png); position: absolute; top: -3px; left: 50%; margin-left: -16px; width: 38px; height: 11px }
ul.zhineng li:hover { color: #ff872e; }
ul.zhineng li:hover .ico{ background:url(../images/fjsrmzftwswbgs2017h.png);}
ul.city{ clear:both;overflow:hidden;zoom:1; width:281px; padding:20px 0px;}
ul.city li{ float:left; width:51px; height:25px; line-height:25px; text-align:center; background:#0085ed; font-size:14px; margin-right:5px; margin-bottom:10px;}
ul.city li a{ color:#fff;}
.info{ overflow:hidden;zoom:1;}
.info a{ display:block;float:left; width:45%; padding:0 2.5%;}
@media screen and (min-width: 0px) and (max-width: 320px){
	.line2 .center ul li{ font-size:16px;}
	.line2 .center ul{ padding:15px 0px 5px;}
	}
@media screen and (min-width: 321px) and (max-width: 641px){
	.line2 .center ul{ padding:20px 0px 10px;}
	.line2 .center ul li{ font-size:16px;}
	}
@media screen and (min-width: 0px) and (max-width: 640px){
.line2{ padding-top:15px; }
.line2 .right{ display:none;}
ul.tplist{ padding-bottom:10px;}
.line2 .center ul li{ background: url(../images/mtdotm.jpg) no-repeat 0px 8px; padding-left:12px; padding-bottom:5px;}
	}
@media screen and (min-width: 641px) and (max-width: 768px){
.line2{ padding-top:20px; }
.line2 .left{ overflow:hidden;zoom:1;}
.line2 .left section:first-child{ float:left; width:49%}
.line2 .left section:last-child{ width:49%; float:right;}
ul.tplist li{ padding:15px 0px 0px; }
ul.zhineng{ width:100%; margin-top:10px;}
ul.zhineng li{ width:19%; margin-right:1%;padding:15px 0px;box-sizing:border-box;}
ul.zhineng li.last{  width:20%; padding:15px 0px; margin-right:0px;}
ul.city{ width:101%; padding:20px 0px 15px;}
ul.city li{ width:19%; height:40px; font-size:16px; line-height:40px; margin:0px 1% 10px 0px;}
.info{ display:none;}
.line2 .right{ width:100%;}
	}
@media screen and (min-width: 0px) and (max-width: 768px){ 
.line2 .left,.line2 .center{ width:100%;}
.line2 .center{ padding:10px 0px 0px;}
}
/********第三行********/
.line3{ overflow:hidden;zoom:1; padding-bottom:30px;}
.line3 .left{ float:left; width:740px;}
.line3 .right{ float:right; width:400px; overflow:hidden;zoom:1;}
ul.tip{ overflow:hidden;zoom:1; padding:15px 0px 0px; width:756px;}
ul.tip li{ float:left; border:1px solid #0085ed; line-height:36px; height:36px; padding:0px 10px 0px 10px; margin-right:16px; font-size:18px; color:#0085ed; margin-top:10px;}
ul.tip li a{ padding-right:5px; color:#0085ed;}
.line3 .left .box{ overflow:hidden;zoom:1; padding-top:25px;}
.line3 .left .box img{ float:left; width:351px;}
.line3 .left .box .right{ float:right; width:367px;}
.line3 .left .box .right h3{ font-size:18px; font-weight:700; padding-top:8px;}
.line3 .left .box .right p{ font-size:16px; padding:5px 0px 15px; border-bottom:1px solid #f2f2f3;}
.line3 .left .box .right ul{ padding:15px 0px 0px;}
.line3 .left .box .right ul li{ background: url(../images/mtdot.jpg) no-repeat 5px 8px; font-size:18px; padding-left:17px;padding-bottom:10px; overflow:hidden;zoom:1; }
ul.piclist{ overflow:hidden;zoom:1; width:419px;}
ul.piclist li{ position:relative;width:190px; float:left; margin-top:15px; margin-right:19px;}
ul.piclist li h3{ position:absolute;bottom:0px;left:0px; width:100%; font-size:14px; font-weight:700; overflow:hidden;zoom:1; background-color: rgba(0,0,0,0.5); text-align:center; color:#fff;}
ul.piclist li h3 a{ color:#fff;}
ul.piclist li p{ font-size:14px; font-weight:700; text-align:center; padding-bottom:20px; padding-top:5px;}
ul.piclist li p a{color:#0085ed;}
ul.piclist li.last{ display:none;}
.line3 .right .jd{ padding:15px 0px 0px;}
.line3 .right .box{ overflow:hidden;zoom:1; padding-top:30px;}
.line3 .right .box img{ float:left; width:175px; margin-right:15px;}
.line3 .right .box h3{ font-size:24px; font-weight:300; padding-bottom:15px; padding-top:5px;}
.line3 .right .box p{ font-size:16px; padding-bottom:15px;}
@media screen and (min-width: 0px) and (max-width: 320px){
.line3 .left .box .right ul li{ font-size:16px;}	
	}
@media screen and (min-width: 0px) and (max-width: 480px){
.line3{ padding-bottom:15px;}	
.line3 .left .box img{ width:100%}
.line3 .left .box .right{ width:100%;}
	 }
@media screen and (min-width: 481px) and (max-width: 640px){
.line3{ padding-bottom:15px;}	
.line3 .left .box img{ float:none; margin:0 auto;}
.line3 .left .box .right{ width:100%;}	
	}
@media screen and (min-width: 0px) and (max-width: 640px){
ul.tip{ display:none;}	
.line3 .left .box{ padding-top:20px;}
.line3 .left .box .right h3{ padding-top:15px;}
.line3 .left .box .right ul{ padding-top:10px;}
.line3 .left .box .right ul li{background: url(../images/mtdot.jpg) no-repeat 0px 8px; padding-left:12px; font-size:16px; padding-bottom:8px;}
.line3 .right{ display:none;}
.line3 .left .box .right{ display:block;}
	}
@media screen and (min-width: 641px) and (max-width: 768px){
.line3{ padding-bottom:20px;}
.line3 .right{ width:100%; padding-top:15px;}	
ul.tip{ width:100%; padding-top:10px;}
ul.tip li{ font-size:16px;}
.line3 .left .box{ padding-top:20px;}
.line3 .left .box img{ width:48%;}
.line3 .left .box .right{ width:48%; padding-top:0px;}
ul.piclist{ width:100%;}
ul.piclist li{ width:31%; margin-left:1.15%; margin-right:1.15%;}
ul.piclist li.last{ display:block;}
	 }
@media screen and (min-width: 0px) and (max-width: 768px){
.line3 .left{ width:100%;}
.line3 .left .box .right p{ display:none;}
	}
/********第六行********/
.line4{ overflow:hidden;zoom:1; padding-top:0px;}
.line4 .left{ float:left; width:740px;  }
ul.bszn{ overflow: hidden; zoom:1; padding-top:20px; }
ul.bszn li{ width: 70px; padding-right: 50px; float: left; text-align: center; line-height: 1em; height:100px; padding-bottom:20px; }
ul.bszn li:last-child { margin-right: 0 }
ul.bszn li i { display: block; margin: 0 auto; margin-bottom: 8px; }
ul.bszn li:hover { color: #0062ba }
ul.bszn li span { font-size: 14px; text-align: center; }
i.fwtb{background: url(../images/fjsrmzftwswbgs2017_fwtb.png) top no-repeat; width: 62px; height: 59px}
i.ftsx { background: url(../images/fjsrmzftwswbgs2017_bszn.png) top no-repeat; width: 43px; height: 59px }
i.crj { background: url(../images/fjsrmzftwswbgs2017_crj.png) top no-repeat; width: 49px; height: 59px }
i.tsqx { background: url(../images/fjsrmzftwswbgs2017_tsqx.png) top no-repeat; width: 62px; height: 59px }
i.tbyl { background: url(../images/fjsrmzftwswbgs2017_tbyl.png) top no-repeat; width: 53px; height: 59px }
i.tbjx { background: url(../images/fjsrmzftwswbgs2017_tbjx.png) top no-repeat; width: 45px; height: 59px }
i.twjz { background: url(../images/fjsrmzftwswbgs2017_twjz.png) top no-repeat; width: 54px; height: 59px }
i.bgxz { background: url(../images/fjsrmzftwswbgs2017_bgxz.png) top no-repeat; width: 46px; height: 59px }
i.fwdt { background: url(../images/fjsrmzftwswbgs2017_fwdt.png) top no-repeat; width: 49px; height: 59px }
.line4 .right{ float:right; width:400px;}
.line4 .right .tit2{ background:none;}
.line4 .right .box{ border:1px solid #0085ed; padding:20px; margin-top:15px;}
.line4 .right .box h3{ font-size:16px; font-weight:300;}
.line4 .right .box h3.btm{ color:#666; padding-bottom:15px;}
.line4 .right .box h3.btm a{color:#666;}
.line4 .right .box p{ margin:0 auto; width:295px; overflow:hidden;zoom:1; padding-top:5px;}
.line4 .right .box p a{ width:140px; height:39px; line-height:39px; display:block; float:left; color:#fff; text-align:center; }
.blue{color:#0085ee;}
.org{ color:#ff872e;}
.orgbg{ background:#ff872e;margin-right:15px;}
.blackbg{ background:#000;}
@media screen and (min-width: 0px) and (max-width: 320px){
ul.bszn li{ padding:10px 5%;}		
	}
@media screen and (min-width: 321px) and (max-width: 390px){
ul.bszn li{ padding:10px 2%;}		
	}
@media screen and (min-width: 391px) and (max-width: 640px){
ul.bszn li{ padding:10px 3%}	
	}
@media screen and (min-width: 0px) and (max-width: 640px){
.line4 .right{ display:none;}	
	}
@media screen and (min-width: 641px) and (max-width: 768px){.line4 .right{ width:100%; padding:10px 0px;}
ul.bszn li{ padding:10px 3%;}}
@media screen and (min-width: 0px) and (max-width: 768px){
.line4 .left{ width:100%}
	}
/********第七行********/
.line5{ overflow:hidden;zoom:1; padding-top:30px;}
.line5 ul{ overflow:hidden;zoom:1; }
.line5 ul li{ float:left; width:216px; margin-left:5px; background:#f2f2f2; height:60px;}
.line5 ul li a{ display:block; line-height:60px; margin:0 auto; padding-left:40px; color:#ff872e; width:40px;}
.line5 ul li.sh{background:#ff872e; width:50px; font-size:18px; font-weight:700; height:40px; padding:10px; color:#fff; text-align:center;}
.line5 ul li.sh a{ display:inline; line-height:1.3em;  padding-left:0px; color:#fff; width:100%;}
/*.line5 ul li.sh a{display:block; width:50px; padding:10px; height:40px; line-height:1.3em;  text-align:center; color:#fff;font-size:18px; font-weight:700; }*/
.a1{ background:url(../images/fjzs.png) no-repeat left center;}
.a2{ background:url(../images/fjjt.png) no-repeat left center;}
.a3{ background:url(../images/fjjd.png) no-repeat left center;}
.a4{ background:url(../images/fjms.png) no-repeat left center;}
.a5{ background:url(../images/fjtq.png) no-repeat left center;}
@media screen and (min-width: 0px) and (max-width: 768px){
.line5{ padding-top:20px;}
.line5 h3{ width:30%;}
.line5 ul { box-sizing:border-box; width:101%}
.line5 ul li,.line5 ul li.sh{ width:32.3%; margin-right:1%; margin-left:0px; margin-bottom:8px;}
.line5 ul li a{ padding-left:0px;}
.line5 ul li.sh{ padding:0px; line-height:60px; height:60px;}
.a1,.a2,.a3,.a4,.a5{ background:none;}
}

.line6{padding:30px 0px;}
ul.menu { border: 1px #f2f2f3 solid; padding: 10px ; overflow: hidden; font-size: 20px; color: #0085ed; }
ul.menu li { width: 33%; float: left; text-align: center; height:35px; }
.line6 .box ul { display: none; margin: 30px 0; overflow: hidden }
.line6 .box ul li { float: left; padding:5px 15px 0px 0px; }
.cur { display: block; background:url(../images/fjsj.png) no-repeat bottom center; }
.link h4 { display: none; }
@media screen and (max-width:640px) {
ul.menu { display: none }
.line6 { width: 100%; padding:0px; padding-bottom:15px;}
.line6 .box ul{ margin:15px 0px;}
.line6 .box ul,.link h4 { display: block; }
.link h4 { font-size:18px; border-bottom:1px solid #cfcfcf; color:#0085ed; line-height:2em; font-weight:300;}
}
@media screen and (min-width: 641px) and (max-width: 768px){
	.line6 .box ul { margin-top:15px;}}
@media \0screen\,screen\9 {
    .pic h3,ul.piclist li h3{background-color: #000;filter:Alpha(opacity=50);*zoom:1;}
    .pic h3 a,ul.piclist li h3 a{position: relative;}
}
/*patch_ad_begin*/
#main>.ad {width:1180px;height:auto;overflow:hidden;}
#main>.ad .list,#main>.ad .list-item,#main>.ad .list-item a {margin:0 auto;padding:0;}
#main>.ad .list-item {margin:0 auto 30px;}
#main>.ad .list-item a {display:block;float:none;}
#main>.ad .list-item .large {width:1180px;height:90px;}
#main>.ad .list-item .medium {display:none;width:690px;height:80px;}
#main>.ad .list-item img {width:100%;height:100%;}
@media screen and (max-width:768px){
#main>.ad {width:100%;}
#main>.ad .list-item {margin:30px auto 0;}
#main>.ad .list-item .large {display:none;}
#main>.ad .list-item .medium {display:block;width:100%;height:10.41vw;}
}
@media screen and (max-width:640px){
#main>.ad .list-item {margin:15px auto 0;}
}
/*patch_ad_end*/