﻿@charset "utf-8";



* { margin: 0px; padding: 0px; outline: 0px; word-wrap:break-word; }

body, html { height: 100%; }

body{	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;

		font-size:14px; min-width: 100%; color: #303030;}

/* body {font-family: "microsoft Yahei", "微软雅黑"; font-size:14px; min-width: 100%;overflow: scroll; color: #303030;} */

body.en, body .en {font-family: Verdana, Geneva, sans-serif; }

a {text-decoration: none;}

a img { border: 0; }

input, textarea, select {	font-size: 16px;

							font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;

						}

.en input, .en textarea, .en select { font-family: Verdana, Geneva, sans-serif;}

textarea { overflow: auto; }

ul {list-style-type: none;}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }

/*.right, .alignright { float: right; display: inline; }*/

.center {text-align: center;}

.noMarginLt { margin-left: 0px; }

.noMarginRt, .noMarginR { margin-right: 0px; }

.noMargin { margin: 0px; }

.pdBot40{padding-bottom: 40px}



article, aside, details, footer, header, menu, nav, section { display: block; }



.shell { width: 1200px; margin: 0 auto; }

.container { background: #fff; box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3);

 -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3); }



/* public css */

.div_radius2{ border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } 

.div_radius4{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } 

.div_radius8{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.div_radius10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.div_radius_right4x{ border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; }

.div_radius_left4x{ border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; }

.div_shadow4{ box-shadow: 4px 4px 4px #000; -webkit-box-shadow: 4px 4px 4px #000; -moz-box-shadow: 4px 4px 4px #000; } 

.div_down_shadow5{ box-shadow: 0px 5px 5px #DDD; -webkit-box-shadow: 0px 5px 5px #DDD; -moz-box-shadow: 0px 5px 5px #DDD; }

.div_text_shadow {text-shadow: rgb(255, 255, 255) 0px 0px 11px;}

.div_shadowIn{box-shadow: inset 1px 1px 1px 1px #ABABAB;

-webkit-box-shadow: inset 1px 1px 1px 1px #ABABAB;

-moz-box-shadow: inset 1px 1px 1px 1px #ABABAB;

-o-box-shadow: inset 1px 1px 1px 1px #ABABAB;}



.div_opacity5 {opacity: 0.50;-moz-opacity: 0.50;filter: alpha(opacity=50);}

.div_opacity7 {opacity: 0.70;-moz-opacity: 0.70;filter: alpha(opacity=70);}

.div_opacity10 {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}



.listStyle_disc {list-style-type:disc; }

.listStyle_circle {list-style-type:circle; }

.listStyle_square {list-style-type:square; }

.listStyle_decimal {list-style-type:decimal; }





	.bgStyle01{  background-image: url(../images/banneridx01.jpg); background-position: center; }

	.bgStyle02{  background-image: url(../images/bannerpgabout.jpg); background-position: center; }

	.bgStyle03{  background-image: url(../images/bannerpgcontact.jpg); background-position: center; }

	.bgStyle04{  background-image: url(../images/bannerpgservice.jpg); background-position: center; }





	/* H 标签 */



	.h1{font-size: 20px;line-height: 80px;letter-spacing: 2px;}

	.h2{font-weight: normal;font-size: 24px; text-align: center;}

	.pgTitle{background-color: #036;color: #fff;}





	/* end of Buttons css */



/* End of public css */





/* page header start */

/*.holder { width: 100%; height:80px; }

*/

.header {height:70px;background-color:#fff;}

.headerNav { height:70px;position:relative;background-color:#fff;}

.header.border{border-bottom:2px solid #0073e6;}

.header .logo{height: 70px;width: 230px; display:inline-block;text-indent: -4000px;background-image: url(../images/huicheng_logo.png);background-repeat:no-repeat;background-position: left center;float: left;position: relative;}



.header .ver{position:absolute;z-index:5;display:block;top:25px;right:0px;width:70px;height:26px;background-color:#0060c0; }

.header .ver a{position:absolute;z-index:1;display:block;width:29px;height:18px;top:4px;right:4px;line-height:18px;color:#fff;text-align:center;cursor:pointer;}

.header .ver a.on{background-color:#fff;color:#303030;top:4px;left:4px;z-index:2;}



.mainNav{position:absolute;top:0px;right:85px;z-index:4;height:100%;overflow: hidden;display:block;background-color:#fff;}

.mainNav li{float:left;width:75px;}

.mainNav li.idx{width:70px;}

.mainNav li a{position:relative;display:block; width:100%;height:100%;z-index:2;text-align:center;color:#303030;line-height:70px;}

.mainNav li a.on{color:#FFF;} 

/*.mainNav li.on a{color:#FFF;}*/

.mainNav li a span{position:relative;display:block; top:0px;left:0px;width:100%;height:100%;z-index: 2;cursor:pointer;}

/*.mainNav li a .bkg{top:100%;position:absolute;left:0px;width:100%;height:100%;z-index:1;background-color:#0060c0;}*/

.mainNav li a .bkg{top:100%;position:absolute;left:0px;width:100%;height:100%;z-index:1;background-color:#0060c0;

					transition: top 200ms;-moz-transition: top 200ms;-webkit-transition: top 200ms;-o-transition: top 200ms;}

/*.mainNav li .bg{position:absolute; top:0px;left:0px;width:100%;height:100%;z-index:1;background-color:#0060c0;}*/

.mainNav li a .bkg:hover,

.mainNav li a.on .bkg{top:0px;}

/*.mainNav li.on a .bkg{top:0px;}*/



.navMore{position:absolute;z-index:6;top:70px; width:100%;height:30px;background-color:#666;padding:0px 30px;overflow:hidden;}

.navMore a{display:block;float:left;line-height:30px;padding:0px 10px;margin:10px 5px;color:#ddd;}

.navMore a:hover{color:#fff;}



	/*left Nav*/

	#frog{display:block;padding:10px;width:93px;border:1px solid #0060bf;box-shadow: 5px 5px 0px #0060bf;-webkit-box-shadow: 5px 5px 0px #0060bf;-moz-box-shadow: 5px 5px 0px #0060bf;}

	#frog a{display:block;margin:10px 0px;height:30px;line-height:30px;text-align:center;overflow:hidden;color:#303030;}

	#frog a:hover{background-color:#0060bf;color:#fff;}

	/*end of left Nav*/

	#building{position:absolute;z-index:999;width:200px;height:100px;background-image: url(../images/imgbuilding.png);}

.div_shadow

{ 

 

}

/* page header end */



/* idxBanner*/

.banner_wrapper{position:relative;height:400px;width:100%;margin:0 auto;}

.slider_list{position:absolute;width:100%;height:100%;top:0;left:0px;}

.slider_list li{position:absolute;top:0px;z-index:1;margin:0 auto;width:100%}

.slider_list .showTop{left:0px;width:100%;z-index:5;}

.slider_list .ShowMd{left:0px;width:100%;z-index:3;}

.slider_list a{display:block;width:100%;height:100%;}

.slider_list .text{position:absolute;width:600px;right:100px;bottom:15px;color:#fff;text-align:right;}



.btn_list {position:absolute;width:114px;right:100px;top:100px;z-index:10;}

.btn_list li{margin-bottom: 8px;width:110px;height:58px;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);background-color:#fff;}

.btn_list .current{border-color:#fff;opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}

/* end of idxBanner */



/* css for page footer start */

/* end page footer css */







/* page mid css Start */

/*service*/

.service{background-color:#ebebeb;padding-top:50px;}

.service .servList{height:472px;}

.service .servList li{width:298px;height:233px;border:1px solid #ebebeb;cursor:pointer;float:left;/*background-color:#fff;*/}

.service .servList li:hover{border-color:#0060bf;}

.servList li a{display:block; background-color:#fff;width:100%;height:100%;text-indent:-4000px;text-align: center;}

.servList .bg{background-image:url(../images/bgidximgservice01.jpg);background-repeat:no-repeat;}

.servList a.bg{background-image:url(../images/bgidximgservice01.jpg);background-repeat:no-repeat;opacity: 0.0;-moz-opacity: 0.0;filter: alpha(opacity=0);}

.servList .bg00{background-position:0px 0px;}

.servList .bg01{background-position:-300px 0px;}

.servList .bg02{background-position:-600px 0px;}

.servList .bg03{background-position:-900px 0px;}

.servList .bg04{background-position:0px -235px;}

.servList .bg05{background-position:-300px -235px;}

.servList .bg06{background-position:-600px -235px;}

.servList .bg07{background-position:-900px -235px;}



.servList a.bg00{background-position:0px -470px;}

.servList a.bg01{background-position:-300px -470px;}

.servList a.bg02{background-position:-600px -470px;}

.servList a.bg03{background-position:-900px -470px;}

.servList a.bg04{background-position:0px -705px;}

.servList a.bg05{background-position:-300px -705px;}

.servList a.bg06{background-position:-600px -705px;}

.servList a.bg07{background-position:-900px -705px;}



/*slider*/

.subjects {height:161px;padding-top:70px;}

.g-wrap {position:relative; margin:0 auto; height:100%; overflow:hidden;}

.subjects a{display:block;position:absolute;top:0;}



/*team*/

.team{padding-top:50px;}

.team .teamList{}

.team .teamList li{width:200px;float:left;padding:48px;}

.team .teamList li .img{width:204px;height:204px;background-image:url(../images/imgteamhead01.jpg);background-repeat:no-repeat;background-position:-48px top;}

.team .teamList li .name{display:block;font-size:24px;line-height:28px;text-align:center;padding-top:24px;}

.team .teamList li .name .ti{display: block; font-size:16px;}

.team .teamList li .cont{display:block; font-size:12px;padding-top:10px;height:120px;overflow:

	hidden;}

.team .teamList li .img.hd00{background-position:-48px top;}	

.team .teamList li .img.hd01{background-position:-347px top;}	

.team .teamList li .img.hd02{background-position:-646px top;}	

.team .teamList li .img.hd03{background-position:-947px top;}



/*case*/

.case table{border-collapse:collapse;width:100%;margin-top:25px;margin-bottom:80px;border-spacing: 10px;border-collapse: separate;}

.case td{ border:#eee solid 1px; width:200px;height:130px;text-align:center;} /*#f0f0f0*/

.case td.borderLt{border-left:#fff solid 1px;}

.case td.borderRt{border-right:#fff solid 1px;}

.case .altCont{display:none;position:absolute;z-index:1; border:#eee solid 1px;width:380px;height:241px;background-color:#fff;overflow:hidden;padding:10px;}

.case .altCont.borderNoLt{border-left:none;}

.case .altCont.borderNoRt{border-right:none;}





/* end of page mid css */

