﻿ body { font:12px/1.7 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif; overflow-x:hidden; color:#555;background:#ffffff;}
/* baseUI */
.wrap { max-width:1200px; margin-right:auto; margin-left:auto; *width:1380px;}
.fix { *zoom:1; }
.fix:before, .fix:after {display:table; clear:both; content:'';}
.oh { overflow:hidden; *zoom:1;}
.l { float:left;}.r { float:right;}

/* 头部
-------------------------------------------------------------- */
.topheader{ width:100%; height:30px; background:#0268B3; margin:0 auto;}
.topheader1{ width:1200px; margin:0 auto; height:30px;}
.zhead { background:url(../img/bg/ditu.png) no-repeat left; color:blue; padding-left:55px; line-height:30px; float:left; }
.zhead a { color:#fff;}


/* header */
.pageHeader { width:100%; height:auto; position:relative;left:0; top:0;z-index:600;}
.pageHeader .wrap { height:50px; background:white no-repeat;}
.logo { width:250px; float:left; padding:15px 2px 0px 10px;}

.topMid { width:720px; float:left; padding-top:50px;}
.m_menu { width:720px; height:45px; float:left; padding-left:300px; margin-top:5px; z-index:610}
.m_menu .m_nav { width:720px; height:45px; float:left;}
.m_menu .m_nav > li { width:90px; height:45px; line-height:40px; float:left; text-align:center; position:relative; margin-right:1px;} 
.m_menu .m_nav > li > a { display:block; width:100%; height:45px; font-size:17px; color:#333; font-weight:bold;} 
.m_menu .m_nav ul { display:none; width:130px; height:auto; background-color:#0268B3; position:absolute; left:0; top:45px; text-align:left; padding:10px 0;}
.m_menu .m_nav ul li{ line-height:22px;}
.m_menu .m_nav ul a { display:block; line-height:22px; padding:3px 20px; color:#fff; position:relative;}
.m_menu .m_nav ul a i { display:none; width:0; height:0; border-color:transparent transparent transparent #facd00; border-style:dashed dashed dashed solid; border-width:4px; overflow:hidden; position:absolute; right:15px; top:10px;}
.m_menu .m_nav ul a:hover { color:#facd00;}
.m_menu .m_nav ul a:hover i { display:block;}
.m_menu .m_nav .cur > a { color:#01a2ea;}
.m_menu .m_nav .hover > a { background-color:#0268B3; color:#fff;}
.m_menu .m_nav ul.pro { width:205px; overflow:hidden;}
.m_menu .m_nav ul.pro li { width:50%; float:left;}
.m_menu .m_nav ul.pro a i { right:10px;}

.m_menu .m_nav .sec_hover > a { color:#facd00; background-color:#0268B3;} 
.m_menu .m_nav .sec_hover > a i { display:block;}
.m_menu .m_nav .secNav { position:relative;}
.m_menu .m_nav .secNav ul { left:180px; top:0; background-color:#0268B3;}


.m_menu .m_nav .ban_UL30 {width:320px;}


/*index*/
.imainBox { width:100%; overflow:scroll;}
.banner{ height:500px; position:relative; width:1380px; overflow:hidden; z-index:10; background:#fff;max-width: 2266px; margin-left: auto; margin-right: auto;/* background:#fff url(../images/loading.gif) center center no-repeat;*/}
.banner li{ height:100%; position:relative;display:none;}
.banner ul,.banner li{ height:100%; position:relative;}
.banner img{ width:1380px; height:100%; position:absolute; top:0px;margin-left:0px; max-width:none;}
.banner .slide_nav{ width:100%; position:absolute; z-index:30px; text-align:right; bottom:20px;margin-left:-200px;}
.banner .slide_nav a{ display:inline-block; margin-right:5px; background:#000; border:1px solid #fff; font-size:0px; line-height:0; width:20px; height:15px;  }
.banner .slide_nav a.on{ background:#facd00; border-color:#facd00;}

.imainPart {background-color:#ffffff; width:1200px;margin:0 auto; }
.imainPart01 { background-color:#ffffff; padding:25px 0;}
.itp { height:200px; position:relative;}
.itp .img { display:block; width:100%; height:0; padding-bottom:65%; overflow:hidden; position:relative;}
.itp .img img { width:100%; height:auto;}
.itp .na { width:auto; height:44px; line-height:44px; font-size:18px; font-weight:bold; color:#fff; padding:0 26px; background-color:#007DD4;opacity:0.8; position:absolute; right:0; bottom:0;}
.itp .n { display:block; font-size:14px; font-weight:normal; height:56px; line-height:56px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.itp .tel { position:absolute; right:0; bottom:0; line-height:56px; font-size:14px; color:#008fd0; font-weight:bold;}
.itp_hover .na { background-color:#058cc8;}
.play_ico { display:block; width:58px; height:58px; background:url(../images/index/play_ico.png) no-repeat; position:absolute; left:50%; top:50%; margin:-29px 0 0 -29px; overflow:hidden;}
.itp .cover { width:auto; height:44px; line-height:44px; font-size:18px; font-weight:bold; color:#fff; padding:0 26px; background-color:#007DD4; opacity:0.8; position:absolute; right:0; bottom:0;}
.itp .cover b { display:block; width:52px; height:52px; background-color:#058cc8;}
.itp .ap { display:none; width:0; height:0; overflow:hidden; border-color:transparent transparent #0c94d1; border-style:dashed dashed solid; border-width:10px; position:absolute; left:50%; margin-left:-10px; top:-20px;}
.ips_act { z-index:51;}
.ips_act .cover,.itp:hover .cover { background:rgba(0,143,208,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#dd008fd0,endcolorstr=#dd008fd0);}
.ips_act .cover b,.itp:hover .cover b { background-position:0 -52px;}
.ips_act .ap { display:block;}


.imainPart02 { background-color:#fff;}
.imainPart02 .hd {  margin-bottom:10px;}
.imainPart02 .hd .n { float:left; font-size:30px; height:60px; line-height:60px;}
.imainPart02 .inews_btn { width:auto; float:right; padding-top:20px;}
.imainPart02 .inews_btn .inb { display:block; width:28px; height:27px; float:left; background:url(../images/index/inews_btn.png) no-repeat;}
.imainPart02 .inews_btn .inb_prev { margin-right:3px;}
.imainPart02 .inews_btn .inb_prev:hover { background-position:0 -27px;}
.imainPart02 .inews_btn .inb_next { background-position:-28px 0;}
.imainPart02 .inews_btn .inb_next:hover { background-position:-28px -27px;}
.imainPart02 .more { float:right; height:28px; line-height:28px; padding:20px 10px 0;}
.imainPart02 .more a { color:#666;}


/*index end*/
#topshow img{display:none;}
#topshow:hover img{display:block;}
/*gotop*/
.gotop { position:fixed; right:10px; bottom:10px; z-index:98; display:none; width:47px; height:47px;}


.topMid .lang_hover .layer { display:none;}
.pageHeader .wrap { position:relative;}

.pageHeader .search_ico .ico-1 { font-size:18px; height:24px; line-height:24px; color:#01a3ec;}

/* 尾部
-------------------------------------------------------------- */
@media screen and (min-width: 1201px) { 
.footer { margin:0 auto; width: 100%}
} 
/* css注释：设置了浏览器宽度不小于1201px时 显示 自适应 */ 

@media screen and (max-width: 1200px) { 
.footer {margin:0 auto;width:1200px;} 
} 
/* css注释：设置了浏览器宽度小于1200px时 显示1200px宽度 */ 

.sfoot { margin:0 auto; width:100%; color:#fff; padding-top:30px; padding-bottom:26px; background-color:#007DD4;}
.xfoot { margin-left:680px; width:450px; padding-top:18px; padding-bottom:10px;line-height:25px;}
.nfoot { width:1200px; margin-right:auto; margin-left:auto;}
.zfoot { width:800px; float:left;}
.sfoota { width:93px; float:left; padding-left:10px; padding-right:auto;}
.sftabt { font-size:17px; width:100%;}
.sftbbt { width:100%; padding-top:22px;}
.sftbbt ul li { line-height:25px;}
.sftbbt ul li a { color:#fff;}

#sft_ul30 {width:280px; }

/*index----------------------------------*/

.mbot {
	HEIGHT: 224px; BACKGROUND: url(/img/b/bg10.jpg) no-repeat 450px 20px; padding-bottom :30px; width:1200px; float:left
}
.mb_bt {
	MARGIN-BOTTOM: 26px; HEIGHT: 24px; BACKGROUND: url(/img/bg/bg5.jpg) no-repeat left center; PADDING-LEFT: 12px
}
.mb_bt .fl {
	LINE-HEIGHT: 20px
}
.mb_bt SPAN {
	FONT-SIZE: 14px
}
.mb_bt EM {
	COLOR: #838383; PADDING-LEFT: 5px
}
.mb_bt .fr {
	PADDING-BOTTOM: 0px; PADDING-TOP:5px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px;
}
.mb_l {
	WIDTH: 420px;
	margin-bottom:20px;
	
}
.mbl_dl {
	HEIGHT: 174px; DISPLAY: block
}
.mbl_dt {
	PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px
}
.mbl_dt {
	HEIGHT: 168px; WIDTH: 180px
}
.mbl_dt IMG {
	HEIGHT: 168px; WIDTH: 180px
}
.mbl_dd {
	TEXT-ALIGN: right; LINE-HEIGHT: 24px; WIDTH: 196px
}
.mbl_dd DIV {
	HEIGHT: 144px; TEXT-ALIGN: left
}
.mb_c {
	MARGIN-LEFT: 32px; WIDTH: 420px
}
.mbc_nr {
	HEIGHT: 168px;
}
.mbc_nr LI {
	HEIGHT: 24px; BACKGROUND: url(/img/bg/bg6.jpg) no-repeat left center; PADDING-LEFT: 11px; LINE-HEIGHT: 24px
}
.mb_r {
	WIDTH: 230px;
}
.mb_r DIV {
	PADDING-TOP: 10px;
}
.mb_r DIV {
	HEIGHT: 64px; WIDTH: 220px
}
.mb_r DIV IMG {
	HEIGHT: 64px; WIDTH: 220px
}
