body  
 {
 font:12px/1.7 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif; 
color:#555;
background:#ffffff;
}
/* baseUI */
.wrap { max-width:1200px; margin-right:auto; margin-left:auto; *width:1380px;}
.fix { *zoom:1; *clear:both;}
.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:1200px; 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;z-index:700} 
.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;}


.sfoot { margin:0 auto; width:100%; color:#fff; padding-top:30px; padding-bottom:26px; background-color:#007DD4;}
.xfoot { margin-left:700px; 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:260px; }

#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;}


.banner {HEIGHT: 236px; BACKGROUND: url(../img/gskgbanner.jpg) no-repeat center top; POSITION: relative;overflow:hidden;}

.about_banner {HEIGHT: 236px; BACKGROUND: url(../img/bg/aboutban.jpg) no-repeat center top; POSITION: relative; WIDTH: 100%;overflow:hidden; z-index:10;}
.new_banner {HEIGHT: 236px; BACKGROUND: url(../img/bg/newban.jpg) no-repeat center top; POSITION: relative; WIDTH: 100%;overflow:hidden;z-index:10;}
.tech_banner {HEIGHT: 236px; BACKGROUND: url(../img/bg/techban.jpg) no-repeat center top; POSITION: relative; WIDTH: 100%;overflow:hidden;z-index:10;}
.case_banner {HEIGHT: 236px; BACKGROUND: url(../img/bg/caseban.jpg) no-repeat center top; POSITION: relative; WIDTH: 100%;overflow:hidden;z-index:10;}
.hr_banner {HEIGHT: 236px; BACKGROUND: url(../img/bg/hrban.jpg) no-repeat center top; POSITION: relative; WIDTH: 100%;overflow:hidden;z-index:10;}
.sc_banner {HEIGHT: 236px; BACKGROUND: url(../img/bg/aboutban.jpg) no-repeat center top; POSITION: relative; WIDTH: 100%;overflow:hidden;z-index:10;}


.bannerding {HEIGHT: 77px; BACKGROUND: url(../img/gskgbannerding.png) no-repeat; POSITION: absolute; WIDTH: 100%; BOTTOM: 0px}
.bannerdingc {	HEIGHT: 77px; MARGIN: 0px auto; WIDTH: 1200px}
.bannerdingcl {	FONT-SIZE: 26px; HEIGHT: 77px; FLOAT: left; COLOR: #ffffff; TEXT-ALIGN: center; LINE-HEIGHT: 76px; WIDTH: 240px; BACKGROUND-COLOR: #000000}
.bannerdingcr {HEIGHT: 45px; BACKGROUND: url(../img/gskgbannerdingcr.png) no-repeat left center; FLOAT: right; PADDING-TOP: 32px; PADDING-LEFT: 10px}
.bannerdingcr A {COLOR: #ffffff; MARGIN-LEFT: 10px}
.bannerdingcr A SPAN {MARGIN-RIGHT: 20px}
.bannerc {HEIGHT: 236px; MARGIN: 10px 20px 0px 10px; WIDTH: 1200px}



.maincr { PADDING-TOP: 5px; WIDTH: 990px; min-height:500px; padding-left:220px;}
.maincr H4 {MARGIN-BOTTOM: 10px; font-family:@微软雅黑; FONT-SIZE: 30px; FONT-WEIGHT: bold; LINE-HEIGHT: 40px; color:Black; column-count: #333}
.maincr hr{ border-bottom:1px solid #0268B3;  } 
.maincr1 {WIDTH: 985px;overflow:hidden;FONT-FAMILY: Arial, Helvetica, sans-serif}
.maincr1 H4 {MARGIN-BOTTOM: 8px; font-family:@微软雅黑; FONT-SIZE: 20px; FONT-WEIGHT: bold; LINE-HEIGHT: 30px; color:Black; column-count: #333}


.imainBox {width:100%; overflow:auto;}
.left {width:210px; height:auto; position:relative;float:left;}
.contentBox{width:960px; }

/* 尾部
-------------------------------------------------------------- */
@media screen and (min-width: 1201px) { 
.footer { margin:0 auto; width: 100%}
.about_banner{ margin:0 auto; width: 100%}
.new_banner{ margin:0 auto; width: 100%}
.tech_banner{ margin:0 auto; width: 100%}
.case_banner{ margin:0 auto; width: 100%}
.hr_banner{ margin:0 auto; width: 100%}
.sc_banner{ margin:0 auto; width: 100%}
} 
/* css注释：设置了浏览器宽度不小于1201px时 显示 自适应 */ 

@media screen and (max-width: 1200px) { 
.footer {margin:0 auto;width:1200px;} 
.about_banner{ margin:0 auto; width:1200px;}
.new_banner{ margin:0 auto; width:1200px;}
.tech_banner{ margin:0 auto; width:1200px;}
.case_banner{ margin:0 auto; width:1200px;}
.hr_banner{ margin:0 auto; width:1200px;}
.sc_banner{ margin:0 auto; width:1200px;}
} 
/* css注释：设置了浏览器宽度小于1200px时 显示1200px宽度 */