body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,p{ padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{ list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.blank70 {clear:both; height:70px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #323232; text-decoration: none; outline:none;}a:hover {color:#488cdc; text-decoration: underline}
body {min-width:1200px;background:#fff;font-size:14px;color: #323232;line-height:36px;font-family:Microsoft YaHei; -webkit-text-size-adjust:none;}
.main{clear:both;width:1200px;margin:0 auto;}

/*头部*/
.top{width:100%;height:147px;background:#fff;position:fixed;z-index:999;box-shadow:0px 0px 24px rgba(0,0,0,0.06);display:block;}
.top img{float:left;}
.li-w{float:left;width:100px;line-height:147px;text-align:center;}
.li-w a{text-decoration:none;}
.ul-n{margin:-20px 0 0 20px;box-shadow:0px 0px 24px rgba(0,0,0,0.06);border-radius:9px;text-indent:20px;width:260px;text-align:left;background:#fff;overflow:hidden;}
.li-n{height:0;line-height:42px;border-bottom:0;}
.li-w:hover .li-n{height:42px;border-bottom:1px solid #f4f4f4;}
.li-w:hover .li-n:last-child{border-bottom:0;}
.li-n:hover{background:#488cdc;}
.li-n:hover a{color:#fff;}

/*底部*/
.bottom{width:100%;background:#484848;overflow:hidden;color:#959595;}
.bottom-logo img{float:left;margin-right:50px;}
.bottom-logo h1{font-size:22px;font-weight:lighter;color:#4871a3;line-height:42px;padding-top:10px;text-transform:uppercase;}
.bottom-logo h1 span{font-size:24px;font-weight:bold;color:#fff;}
.bottom-1{width:500px;float:left;margin-right:60px;clear:both;}
.bottom-1 ul li span{float:left;margin-right:30px;color:#488cdc;}
.bottom-1 ul li p{color:#9a9a9a;}
.bottom-1 ul li a{color:#9a9a9a;}

.bottom-1-en{width:500px;float:left;margin-right:60px;clear:both;}
.bottom-1-en ul li{width:5000px;float:left}
.bottom-1-en ul li span{width:100px;float:left;color:#488cdc;}
.bottom-1-en ul li p{color:#9a9a9a;width:400px;float:left;}
.bottom-1-en ul li a{color:#9a9a9a;}

.bottom-2{float:left;margin-right:200px;}
.bottom-2 h1{font-weight:lighter;color:#fff;}
.bottom-2 a{color:#959595;}
.bottom-3{float:left;}
.bottom-3 h1{color:#fff;font-weight:lighter;}
.bottom-3 p{color:#959595;}
.bottom-3 a{width:100px;line-height:30px;color:#fff;display:block;text-align:center;text-decoration:none;background:#488cdc;}
.bottom-4{line-height:90px;border-top:1px solid #515151;}
.bottom-4 a{color:#959595;}

/*banner*/
.fullSlide{width:100%; position:relative;height:747px;clear:both;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:747px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:747px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom: 30px;left:0;height:11px;line-height:11px;}
.fullSlide .hd ul{text-align:center; margin:0 auto;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 6px;overflow:hidden;background:url(../images/icon-circle.png) right no-repeat;filter:alpha(opacity=90);opacity:0.9;line-height:999px;z-index:998;}
.fullSlide .hd ul .on{background:url(images/icon-circle.png) left no-repeat;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;	width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}

/*index*/
.title{line-height:42px;text-align:center;font-weight:bold;}
.title span{font-family:bebas;font-size:34px;color:#333333;text-transform:uppercase;}
.title h1{font-size:24px;color:#888888;}
.title p{font-weight:lighter;color:#585858;}
.in-about-left{width:700px;height:400px;float:left;background:url(../images/in-about.jpg);overflow:hidden;position:absolute;z-index:1;transition:all 800ms;}
.in-about-left a{width:100%;line-height:200px;overflow:hidden;position:absolute;z-index:99;background-color:rgba(0,0,0,0.6);display:none;text-align:center;color:#fff;font-size:36px;text-decoration:none;}
.in-about-left:hover a{line-height:400px;display:block;transition:all 800ms;}
.in-about-right{width:500px;height:270px;float:right;}
.in-about-right p{padding:30px 40px 0 40px;}
.in-about-bottom{width:600px;height:130px;margin-left:600px;float:right;background:#fff;box-shadow:0px 0px 24px rgba(0,0,0,0.06);position:relative;z-index:99;}
.in-about-bottom ul li{width:199px;height:130px;float:left;border-right:1px solid #f7f7f7;line-height:50px;text-align:center;}
.in-about-bottom ul li:hover{background:#0264ad;color:#fff;}
.in-about-bottom ul li h1{font-size:36px;font-family:bebas;margin-top:20px;}
.in-about-bottom ul li h1 span{margin-left:2px;font-size:18px;font-family:Microsoft YaHei;}

.gcal{background:#f7f7f7;width:100%;overflow:hidden;}
.titl{width:100%;line-height:117px;border-bottom:1px solid #e2e2e2;overflow:hidden;}
.titl h1{float:left;font-size:34px;color:#333333;font-family:bebas;margin-right:20px;border-bottom:1px solid #333333;}
.titl span{color:#888888;font-size:24px;font-weight:bold;}
.gcal-left{float:left;width:500px;height:500px;position:inherit;overflow:hidden;background:url(../images/gcan-left.jpg);line-height:24px;}
.gcal-left h1{width:360px;height:76px;margin-top:404px;display:block;background:#0264ad;font-size:22px;color:#fff;font-family:bebas;padding:20px 0 0 20px;transition:all 800ms;}
.gcal-left h1 span{font-size:14px;font-family:Microsoft YaHei;font-weight:lighter;}
.gcal-left ul li{float:left;width:150px;height:76px;}
.gcal-left ul li h2{z-index:99;display:none;width:150px;text-align:center;line-height:76px;font-weight:lighter;background-color:rgba(0,0,0,0.6);color:#fff;}
.gcal-left ul li img{z-index:1;}
.gcal-left:hover h1{margin-top:328px;transition:all 800ms;}
.gcal-left ul li:hover h2{display:block;}
.gcal-right{width:695px;height:500px;float:right;background:#fff;overflow:hidden;padding:5px 0 0 5px;}

.gcal-1{width:235px;height:256px;overflow:hidden;float:left;margin:5px;}
.gcal-1 img{transition:all 800ms;}
.gcal-1 img:hover{transition:all 800ms;transform:scale(1.1,1.1);transform-origin:center center;overflow:hidden;}

.gcal-2{width:435px;height:256px;overflow:hidden;float:left;margin:5px;}
.gcal-2 img{transition:all 800ms;}
.gcal-2 img:hover{transition:all 800ms;transform:scale(1.1,1.1);transform-origin:center center;overflow:hidden;}

.gcal-3{width:335px;height:214px;overflow:hidden;float:left;margin:5px;}
.gcal-3 img{transition:all 800ms;}
.gcal-3 img:hover{transition:all 800ms;transform:scale(1.1,1.1);transform-origin:center center;overflow:hidden;}

.gcal-4{width:335px;height:214px;overflow:hidden;float:left;margin:5px;}
.gcal-4 img{transition:all 800ms;}
.gcal-4 img:hover{transition:all 800ms;transform:scale(1.1,1.1);transform-origin:center center;overflow:hidden;}

.in-pro ul li{width:100%;height:240px;margin-bottom:10px;}
.in-pro ul li img{float:left;margin:0 10px 0 0;}
.in-pro-body{background:url(../images/in-pro-right.jpg);width:660px;height:240px;float:left;}
.in-pro ul li h1{margin:90px 0 0 40px;font-size:22px;color:#333333;font-family:Arial, Helvetica, sans-serif;font-weight:lighter;float:left;}
.in-pro ul li h1 span{color:#0264ad;font-family:Microsoft YaHei;font-size:22px;}
.in-pro ul li a{width:100px;line-height:40px;border:1px solid #0264ad;border-radius:9px;color:#0264ad;text-decoration:none;text-align:center;display:block;float:right;margin:100px 109px 0 0;}
.in-pro ul li:hover a{background:#0264ad;color:#fff;}
.in-pro ul li:nth-child(even) img{float:right;margin:0 0 0 10px;}

.in-news{width:100%;background:#f7f7f7;overflow:hidden;}
.in-news ul li{width:300px;background:#fff;margin:0 50px;float:left;line-height:24px;}
.in-news ul li img{width:300px;height:250px;}
.in-news ul li h1{font-weight:lighter;margin:16px 0 0 20px;}
.in-news ul li p{color:#888888;margin:0 20px 20px 20px;}
.in-news ul li a{color:#323232;}
.news-xian{width:100%;height:1px;background:#eeeeee;overflow:hidden;}
.in-news ul li h2{line-height:50px;margin:0 20px;font-weight:lighter;}
.in-news ul li h2 span{float:right;color:#adadad;}

/*about*/
.about-banner{background:url(../images/about-banner.jpg) no-repeat center;width:100%;height:547px;overflow:hidden;}
.ny-title{width:100%;height:70px;line-height:70px;border-bottom:1px solid #e2e2e2;overflow:hidden;}
.ny-title a{width:100px;float:left;text-decoration:none;color:#888888;text-align:center;height:69px;}
.ny-title a:hover{border-bottom:1px solid #888888;}
#co1{color:#000000;width:100px;border-bottom:1px solid #000;}
.ny-background{width:100%;background:url(../images/neiyebeijing.jpg) no-repeat center;overflow:hidden;background-attachment:fixed;box-sizing:border-box;}
.about-right{width:600px;float:right;}
.xuanchuan{width:1200px;margin:0 auto;border-top:1px solid #b7b7b7;}
.xuanchuan a{width:240px;height:40px;line-height:40px;background:#c13c3d;color:#fff;display:block;text-align:center;margin:0 auto;border-radius:15px;text-decoration:none;}
.xuanchuan a:hover{}
.about-bottom{width:100%;height:260px;background:#4871a3;overflow:hidden;}
.about-bottom ul li{width:19%;height:130px;float:left;text-align:center;float:left;border-right:1px solid #f7f7f7;line-height:50px;text-align:center;color:#fff;}
.about-bottom ul li h1{font-size:36px;font-family:bebas;margin-top:20px;}
.about-bottom ul li h1 span{margin-left:2px;font-size:18px;font-family:Microsoft YaHei;}
.about-bottom ul li:last-child{border:0;}
.about-bottom ul li .item {margin: 0 10px; }
.about-bottom ul li .numU { line-height: 1.3;margin-top:10px;}
.about-bottom ul li .numCX {font-size:54px;color:#fff;font-family:bebas;}
.about-bottom ul li .numU .unitC { font-size: 100%; line-height: 1.3; margin-left: 0.3em; }
.about-bottom ul li .numU sup { vertical-align: top; }
.about-bottom ul li .numU sub { vertical-align: baseline; }
@media (max-width:800px) {
.about-bottom ul li .numCX { font-size: 36px; }
}
@media (max-width:640px) {
.about-bottom ul li .numCX { font-size: 7vw; }
}


/*recruit*/
.recruit-banner{background:url(../images/recruit-banner.jpg) no-repeat center;width:100%;height:547px;overflow:hidden;}
.recruit ul li{width:100%;line-height:48px;border-bottom:1px solid #f7f7f7;background:#fff;overflow:hidden;}
.recruit ul li:last-child{border:0;}
.recruit ul li:hover{box-shadow:0px 0px 24px rgba(0,0,0,0.06);background:#488cdc;}
.recruit ul li h1{width:25%;overflow:hidden;float:left;font-weight:lighter;text-align:center;color:#585858;}
.recruit ul li:hover h1{color:#fff;}
.recruit ul li h1 span{width:30%;float:left;overflow:hidden;background:#f7f7f7;}
.recruit ul li:hover span{background:#0264ad;}
.recruit-con{clear:both;width:600px;margin:0 auto;}
.recruit-con h1{font-weight:lighter;width:100px;line-height:48px;border-bottom:2px solid #c13c3d;text-align:center;font-size:22px;color:#c13c3d;margin-bottom:10px;}

.search{width:400px;line-height:36px;outline:none;border:1px solid #f0f0f0;font-size:12px;color:#8a8a8a;text-indent:20px;margin:0 400px;font-family:Microsoft YaHei;}
.search-img{margin:10px auto 0 auto;display:block;}
.case-banner{background:url(../images/case-banner.jpg) no-repeat center;width:100%;height:547px;overflow:hidden;}
.case{width:100%;overflow:hidden;}
.case ul li{width:300px;float:left;}
.case ul li img{width:280px;margin:10px;overflow:hidden;}
.case-2{width:100%;background:#fff;overflow:hidden;box-shadow:0px 0px 24px rgba(0,0,0,0.06);}
.case-2 ul li{width:399px;float:left;border-right:1px solid #e8e8e8;}
.case-2 ul li:last-child{border:0;}
.case-2 ul li img{margin:0 auto;display:block;}
.case-2 ul li p{text-align:center;color:#abb2bf;letter-spacing:.1em;}




/*products*/
.pro-banner{background:url(../images/pro-banner.jpg) no-repeat center;width:100%;height:547px;overflow:hidden;}
.products{width:100%;overflow:hidden;box-shadow:0px 0px 24px rgba(0,0,0,0.06);background:#fff;border-radius:9px 9px 0 0;}
.products ul li{width:400px;line-height:80px;text-align:center;float:left;letter-spacing:.1em;font-weight:lighter;}
.products ul li a{text-decoration:none;}
.products ul li:hover{background:#488cdc;}
.products ul li:hover a{color:#fff;}
.products2{width:100%;height:640px;}
.products2 ul li{width:100%;line-height:62px;background:#f7f7f7;}
.products2 ul li:nth-child(odd){background:#fff;}
.products2 ul li a{padding:0 40px;text-decoration:none;}
.products2 ul li span{width:120px;line-height:48px;margin:7px;background:#e4e4e4;text-align:center;float:right;padding:0;}
.products2 ul li:hover{line-height:80px;background:url(../images/pro-n.jpg) no-repeat center;}
.products2 ul li:hover a{font-size:24px;color:#326fb6;}
.products2 ul li:hover span{font-size:14px;line-height:70px;background:#326fb6;color:#fff;}
.page{text-align:center;}
.page2{width:360px;margin:0 auto;}
.page2 a{width:100px;margin:0 10px;display:block;float:left;background:#488cdc;text-align:center;color:#fff;}
.page2 a:hover{background:#484848;text-decoration:none;}
.products-n img{width:700px;margin:0 auto;display:block;}

/*news*/
.news-banner{background:url(../images/news-banner.jpg) no-repeat center;width:100%;height:547px;overflow:hidden;}
.news-left{width:300px;float:left;padding:30px 0;}
.news-left ul li{width:279px;line-height:48px;border-bottom:1px solid #c4c4c4;}
.news-left ul li a{text-decoration:none;padding-left:20px;}
.news-left ul li:hover a{width:259px;display:block;background:#488cdc;color:#fff;}
.news-right{width:849px;border-left:1px solid #c4c4c4;float:right;padding-left:50px;}
.news-right ul li{height:132px;border-bottom:1px solid #c4c4c4;}
.news-right ul li:nth-child(even){background-color:rgba(255,255,255,0.4);}
.news-right ul li h1{width:200px;height:72px;margin:30px 0 0 30px;float:left;border-right:1px solid #e0e0e1;display:block;font-weight:lighter;font-size:22px;transition:all 800ms;overflow:hidden;}
.news-right ul li h1 span{width:60px;height:0;font-size:14px;transition:all 800ms;overflow:hidden;display:block;}
.news-right ul li h2{width:500px;height:36px;margin-top:30px;overflow:hidden;font-weight:lighter;float:left;border-left:5px solid #488cdc;padding-left:50px;font-size:22px;transition:all 800ms;}
.news-right ul li h2 span{font-size:14px;color:#323232;}
.news-right ul li:hover{box-shadow:0px 0px 24px rgba(0,0,0,0.06);}
.news-right ul li:hover h1{color:#488cdc;height:72px;transition:all 800ms;}
.news-right ul li:hover h1 span{height:36px;}
.news-right ul li:hover h2{color:#488cdc;height:72px;transition:all 800ms;}

/*con*/
.con-banner{background:url(../images/con-banner.jpg) no-repeat center;width:100%;height:547px;overflow:hidden;}
.contact{width:100%;background:#fff;overflow:hidden;box-shadow:0px 0px 24px rgba(0,0,0,0.06);}
.contact ul li{width:500px;float:left;margin:0 25px;color:#666;padding:25px;}
.contact ul li a{color:#666;}
.contact ul li span{font-size:24px;line-height:48px;color:#488cdc;font-weight:bold;border-bottom:2px solid #488cdc;display:block;}
.contact ul li p{}
.contact ul li:last-child{border:0;}





.ato-list ul li {
	width: 320px;
	float: left;
	margin:23px;
	text-align: center;
	background-color: #fff;
	-webkit-transition: height 300ms;
	-moz-transition: height 300ms;
	-ms-transition: height 300ms;
	-o-transition: height 300ms;
	transition: height 300ms;
	position: relative;
	box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
}
.ato-list ul li a
{text-decoration:none;}
.ato-list ul li:before {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}
.ato-list ul li div {
	width:320px;
	text-align: center;
}
.ato-list ul li div img {
	width:320px;
	line-height:auto;
	border: none;
	display: block;
	margin: 0 auto;
}
.ato-list ul li h3 {
	font-size: 14px;
	margin:20px 0;
	color: #244e6f;
	font-weight: normal;
}
.ato-more {
	width: 157px;
	height: 36px;
	text-align: center;
	display: none;
	display: inline-block;
	border: 1px solid #7D7D7D;
	line-height: 34px;
	color: #666;
	font-size: 13px;
	text-decoration: none;
	position: absolute;
	bottom: 30px;
	left: 55px;
}
.ato-more:hover {
	background-color: #108cee;
	border-color: #108CEE;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #FFF;
}
.ato-title {
	width: 266px;
	margin-top: 80px;
	padding-right: 20px;
}
.ato-title h2 {
	font-size: 24px;
	line-height: 33px;
	color: #b07c3f;
	padding: 0;
	margin: 0;
	font-weight: inherit;
}
.ato-title p {
	margin-top: 10px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
}
.prev{float:left;}
.next{float:right;}

.ato-list-fl a {
	width: 48px;
	height: 48px;
	position: relative;
	margin-top:150px;
	border: 1px solid #ABABAB;
	display: block;
	background: #f2f2f2;
	overflow: hidden;
}
.ato-list-fl a img {
	width: 22px;
	height: 22px;
	display: block;
	border: none;
	margin: 0 auto;
	margin-top: 12px;
}
.ato-list ul li:hover {
	top: -5px;
	box-shadow: 0 10px 12px rgba(0,0,0,0.12);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}
.prev:hover .ato-ope {
	opacity: 0;
}
.ato-ope1 {
	opacity: 0;
}
.prev:hover .ato-ope1 {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 11px;
}
.prev:hover .ato-ope {
	opacity: 0;
}
.ato-ope1 {
	opacity: 0;
}
.prev:hover .ato-ope1 {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 11px;
}
.next:hover .ato-ope {
	opacity: 0;
}
.ato-ope1 {
	opacity: 0;
}
.next:hover .ato-ope1 {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 11px;
}
.next:hover .ato-ope {
	opacity: 0;
}
.ato-ope1 {
	opacity: 0;
}
.next:hover .ato-ope1 {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 11px;
}
.ato-list-fl a:hover {
	background: #488cdc;
	border: 1px solid #fff;
}
