@charset "utf-8";
/* CSS Document */
/* head css */

html,body{ height:100%; padding:0px; margin:0px; overflow:hidden;}

.12pxtext{font-size:12px; line-height:26px;}
.head-main{width:100%; height:66px; background-color: #22252A;opacity:0.9;}
.head-top{background-color:#22252A; height:26px; width:100%; border-bottom:1px solid #f0f0f0; }
.head-top-center{ width:1000px; padding-left:10px; height:26px; margin:0 auto; color:#F00; line-height:26px;}
.head-top-center a{ color:#F00;}
.head-top-center a:hover{ color:#00F;background:#FFFFFF;}
.head-top-center li a:hover{ color:#00F; background:#FFFFFF;}
.head-top-center ul li{ float:left; display:block;}
.head-top-center li{ width:500px; color:#666;display:block;}
.head-top-center li span{ color:#F60; font-weight:bold; font-size:16px;}
.head-top-center li b1{ padding-left:20px;}
.head-top-center li b1 a{ color:#06F;}
.head-top-center li b1 a:hover{ color:red;}
.head-top-center li b2 a{ color:#000;}
.head-top-center li b2 a:hover{ color:red;}

.top-info{ float:left;text-align:right; height:22px; color:#CCC; width:400px;}
.head-menu{
	height:66px;
	width:1100px;
	margin:0 auto;
	
}
.head-menu-center{ width:auto; margin:0 auto;}
.tel{ display:block; float:left; width:125px; height:26px; padding-left:100px;}

.logo{ float:left; background:url(../images/logo.png) no-repeat 10px 10px; width:204px; height:56px;}

.head-menu-list{
	width: 1100px;
	height: 66px;
	font-size: 14px;
}
.head-menu-list ul{ margin:0 auto;width:auto;float:right;}
.head-menu-list ul li{ float:left; line-height:66px;}
.head-menu-list li{width:auto; margin-left:25px; display:block; text-align:center;}
.head-menu-list li a{ color:#fff; display:block;}
.head-menu-list li a:hover{ color:#FFCC00; }
.denglu{ display:block; background:#009DDE;width:80px;}
.select{ color:#FFCC00; width:115px; height:64px; font-size:14px; font-weight:bold;}

/* 弹出 css */

.mapToolmore{
	position: absolute;
	top: 90px;
	left: 685px;
	width: 340px;
	height: 252;
	background: #fff;
	z-index: 1;
	opacity:0.99;
	  	  }
.mapToolmore h1{ font-size:14px; color:#000; padding-left:18px; line-height:33px;}
.mapToolmore ul{ float:left; width:350px; height:150px; border-top:1px  dashed #999; padding:0px; margin-left:15px;}
.mapToolmore li{ float:left; width:168px; font-size:12px; line-height:26px; }
.mapToolmore li a{ text-align:left;line-height:26px;} .mapToolmore li a:hover{ text-align:left;line-height:26px; color:#00F; background:#FFF;} 

.sellbtn{ width:79px; height:25px; background:url(../images/buybtn.gif) no-repeat; border:0px solid; margin-top:10px; margin-left:25px;}
.sellbtn:hover{ width:79px; height:25px; background:url(../images/buybtn-hover.gif) no-repeat; border:0px solid; margin-top:10px; margin-left:25px;}

/* main css */
.main{ margin:0 auto;padding:0; height:auto;}
.main-ad{
	height:500px;
	width:100%;
	background: #22252A;
}
.main-ad-center{
	margin: 0 auto;
	width: 1000px;
	height: 355px;
}

.main-ad-list{ float:left; width:215px; height:355px; background:#252f6c;}
.main-ad-list h1{
	font-size: 14px;
	color: #bcf285;
	padding-left: 14px;
	line-height: 29px;
	padding-top: 10px;
}
.main-ad-list ul{ height:auto; width:210px; margin:0 auto;}
.main-ad-list li{ float:left; padding-left:10px; color:#FFF;}
.main-ad-list li a{ color:#FFF; line-height:22px;}
.main-ad-list li a:hover{ color:#FF9; line-height:22px;}

/* 广告 左侧分类菜单 css */
.adlist-line{ background:url(../images/line.gif) no-repeat; width:217px; height:3px; border:0px solid; line-height:26px;}
.red{ color:#F00; font-weight:bold;}
.red:hover{ color:#FF6;}
.ad-main{ float:left; background:url(../images/ad001.gif) no-repeat; width:786px; height:355px;}

/* slide */
.slide-main{height:500px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:237px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:470px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:500px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:470px;padding-top:39px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#bgstylec{
	background:#0880e2;
}
.slide a{display:block;width:100%;height:470px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:80px;}
.obj-b{top:309px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:128px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{
	width:366px;
	height:170px;
	margin-left:-460px;
	top:110px;
	z-index:12;
}
.obj-f{width:692px;height:394px;top:20px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


/* 公告区 css */
.main-public { width:1000px; margin:0 auto; height:35px;}
.main-public ul{ float:left; list-style-type: disc; width:950px; margin-left:20px; line-height:26px;}
.main-public li{ float:left; margin-left:15px; width:300px;}
.main-public li a{ color:#333;}
.main-public li span{ color:#F00;}
.main-public li span:hover{ color:#000;}
.main-public li a:hover{ color:#33C;}
.loud{ float:left; background:url(../images/loud.gif) 2px 6px no-repeat; width:20px; height:20px;} 
.redtex{ color:#F00;}

/* 公司介绍 css */
.main-program01{ width:1000px; margin:0 auto; height:218px;}
.program01-content{ float:left; width:680px; height:218px; border:1px solid #e6e6e6;}
.shipin{ float:left; width:320px; height:240px; padding:10px;}
.intruduction{ float:left; width:300px; height:200px; padding-left:30px;}
.intruduction p{text-indent: 2em;}
.intruduction a:hover{ color:#C60}
.intruduction h1 a{ display:block; float:left;}
.intruduction h1 a{ width:83px; height:36px; font-size:14px; line-height:36px;text-align:center; float:left;}
.in-select{ width:83px; height:36px;font-size:14px; line-height:36px; text-align:center; background: url(../images/tab-hover.gif) no-repeat;float:left;}
.in{ width:83px; height:36px;font-size:14px; line-height:36px; text-align:center; background: url(../images/tab-in.gif) no-repeat;float:left;}
.intruduction h1 a:hover{ color:#F60; width:83px; height:36px; font-size:14px; line-height:36px; text-align:center; float:left;}
.intruduction  span{ display:block; width:300px; float:left; line-height:22px;}

.new-tab{ float:left; width:300px; height:218px; border:1px solid #e6e6e6; margin-left:10px; }
.new-tab h1{ display:block; width:300px; background:url(../images/title-news.gif) no-repeat; height:30px;}
.new-tab ul{ padding-left:30px; width:260px;}
.new-tab li{ list-style-type: disc; line-height:26px; width:270px; } 
.new-tab li a{ color:#000; }
.new-tab li a:hover{ color:#30F;}
.new-tab li i{ color:#999; float:right; padding-right:20px;}
.more-btn{ float:right; margin-right:10px; margin-top:5px; border:0px solid #333; width:63px; height:20px; background:url(../images/more-btn.gif) no-repeat; color:#FFF;}
.more-btn:hover{ float:right; margin-right:10px; margin-top:5px; border:0px solid #333; width:63px; height:20px; background:url(../images/more-btn-hover.gif) no-repeat; color:#FFF;}


.main-program02{ width:1000px; margin:0 auto; height:646px; margin-top:15px;}
.program02-content{ float:left; width:690px; height:646px; border:1px solid  #e6e6e6;}
.right-content{ float:left; width:300px; height:646px; border-top:1px solid  #e6e6e6;border-right:1px solid  #e6e6e6;border-bottom:1px solid  #e6e6e6; background:#f0f0f0;}
.product-pic{
	float: left;
	margin: 15px;
	float: left;
	width: 656px;
	background: url(../images/product-pic.jpg) no-repeat;
	height: 342px;
}
.ptjs{ float:left; background:url(../images/ptjs.gif) no-repeat; width:652px; height:26px; margin-left:15px;}
.pt-tab{ float:left; width:306px; height:114px;  }
.pt-img{float:left; width:45px; height:114px; padding-left:15px; padding-top:10px;}
.dw-con{ width:230px; height:110px; float: left;padding-left:10px; line-height:22px;}
.dw-con h1{ font-size:14px; color:#33408e; padding-top:20px; }
.pt-more{ float:left; width:650px; height:22px; text-align:right; font-size:12px; color:#09F;}
.pt-more a{color:#09F; text-decoration: underline;}
.pt-more a:hover{color:#000;text-decoration: underline;}
.footer-tab{
	margin:0 auto;
	width:100%;
	height:240px;
	background:#3a477b;
}
.footer{height:240px; margin:0 auto;width:1473px;  background: url(../images/footer-pic.jpg) #3a477b ;}

.footer-main{width:100%; height:85px; margin:0 auto; }
.footer-menu{ background:url(../images/footer-line.gif) repeat-x; height:34px; width:100%; border-bottom:1px solid #f0f0f0; }
.footer-menu-center{
	width: 1000px;
	padding-left: 10px;
	height: 34px;
	margin: 0 auto;
	color: #F00;
	line-height: 26px;
}
.footer-menu-center a{ color:#09F;}
.footer-menu-center a:hover{ color:#000;}
.footer-menu-center li a:hover{ color:#00F}
.footer-menu-center ul li{ float:left; display:block;}
.footer-menu-center li{ width:auto; color:#666;display:block;}
.footer-menu-center li span{ color:#F60; font-weight:bold; font-size:16px;}
.footer-menu-center li b1{ padding-left:20px;}
.footer-menu-center li b1 a{ color:#09F;}
.footer-menu-center li b1 a:hover{ color:red;}
.footer-menu-center li b2{
	float: right;
	display: block;
	padding-left: 460px;
}
.footer-menu-center li b2 a{ color:#09F;}
.footer-menu-center li b2 a:hover{ color:red;}


.footer-list{
	height: 230px;
	width: 730px;
	float: left;
}
.footer-list-center{ width:1000px; margin:0 auto;}
.tel{ display:block; float:left; width:125px; height:26px; padding-left:100px;}

.logo{
	float:left;
	background:url(../images/logo.png) no-repeat 10px 10px;
	width:424px;
	height:56px;
}

.footer-menu-list{
	float: left;
	width: 620px;
	height: 40px;
	font-size: 12px;
	font-weight: bold;
	border-bottom:1px solid #d9d9d9;
}
.footer-menu-list ul{ width:680px; height:44px; }
.footer-menu-list ul li{ float:left; line-height:44px;}
.footer-menu-list li{ width:125px; margin-left:1px; display:block; text-align:left; padding-left:10px;text-shadow:1px 1px 1px #fff;}
.footer-menu-list2{
	float: left;
	width: 726px;
	height: 50px;
	font-size: 12px;
	margin-top:5px;
	}
.footer-menu-list2 ul{ width:137px; height:44px; float:left; }
.footer-menu-list2 ul li{  line-height:23px;}
.footer-menu-list2 li{ width:125px; margin-left:1px; display:block; text-align:left; padding-left:10px;text-shadow: 1px 1px 1px #fff;}
.footer-menu-list2 li a{ color:#09F; display:block; }
.footer-menu-list2 li a:hover{ color:#000; text-decoration:underline;}
.footer-logo{
	height: 91px;
	background: url(../images/footer-logo.png) no-repeat;
	width: 208px;
	margin-top: 30px;
	float: left;
}
.weixin-logo{
	height: 56px;
	background: url(../images/weixin.png);
	width: 56px;
	float: left;
	margin-top: 10px;
	margin-left: 60px;
     }
.footer-content{
	width: 1000px;
	height: 200px;
	margin: 0 auto;
}
.bottom{ width:1000px; margin:0 auto; text-align:center; font-size:12px; float:left; line-height:26px; color:#666;}
.bottom h1{ font-size:14px;}
.bottom a{ color:#09F; }
.bottom a:hover{ color:#000; text-decoration:underline;}


.news-shipin{ float:left; margin-top:15px; margin-left:15px; width:270px; height:160px; background: url(../images/shipin.jpg) no-repeat #999; border:1px solid #666;color:#FFF;}
.play-pic{ float:left; margin-top:60px; margin-left:0px; background:url(../images/play-bg.png) no-repeat; width:189px; height:31px; padding:0px; color:#FFF; line-height:28px; padding-left:10px;}
.play-pic a{ color:#FFF; display:block;}
.play-pic a:hover{ color:#FFF;}
.play-pic:hover{ float:left; margin-top:60px; margin-left:0px; background:url(../images/play-bg-hover.png) no-repeat; width:189px; height:31px; padding:0px; color:#FFF; line-height:28px; padding-left:10px;}
.work-more{ float:left; margin:15px; width:270px; height:400px; text-align:center;}
.work-more h1{ font-size:12px; padding-left:10px; font-weight:100; line-height:22px; }
.work-more a{ color:#09F; text-decoration:underline; text-align:center;}
.work-more a:hover{ color:#000; text-decoration:underline; text-align:center;}
.work-list-top{ background:url(../images/work-list-top.png) no-repeat; width:270px; height:11px; margin:0 auto;}
.work-list{ border-left:1px solid #e3e2e2;border-right:1px solid #e3e2e2; height:383px;  background:#FFF; margin:0 auto; width:266px;}
.work-list-bottom{
	background: url(../images/work-list-bottom.png) no-repeat;
	width: 270px;
	height: 15px;
	margin: 0 auto;
}

/* 服务 css */

#in_ct{width:100%;height:auto;overflow:hidden;margin:6px 0 0;}
.in_ct{width:1110px;height:auto;overflow:hidden;margin:0 auto;background:#fff;}
.in_ct1{width:1110px;height:auto;overflow:hidden;}
.box li{ width:272px;height:514px;margin-left:4px;float:left;overflow:hidden;position:relative;}
.toll_img{ width:272px;height:514px;}
.toll_info{ height:514px;vertical-align:middle;display:table-cell;}
.box li .box1{ color:#666;text-decoration:none;position:absolute;top:0;left:0;cursor:pointer;}
/* 列 css */

.grid1k {
	width: 1100px;
	margin: 0 auto;
	height:auto;
	
	
}
.grid_full {
	width: 100%;
	background: #F0F0F0;
	height:135px;
}
.grid1024 {
	width: 1110px;
	margin: 0 auto;
}
.fr {
	float: right;
}
.fl {
	float: left;
}

.color_blue {
	color: #29388c;
}
.color_fff {
	color: #fff;
}
.color_333 {
	color: #333;
}
.color_666 {
	color: #666;
}
.color_999 {
	color: #999;
}
.color_orange {
	color: #e88d27;
}


.one_fourth_box {
	display: block;
	position: relative;
	width: 365px;
	height: 135px;
	margin: 0 2px 2px 0;
	background: #f6f6f6;
	overflow: hidden;
	
}
.ofb-r {
	margin-right: 0!important;
}
.ofb-bg {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background: #333;
}
.ofb-img {
	position: absolute;
	top: 32px;
	left: 13px;
	z-index: 10;
}
.ofb-img-bottom {
	position: absolute;
	top: 160px;
	left: 13px;
	z-index: 10;
}
.ofb-text {
	position: absolute;
	top: 25px;
	left: 144px;
	width:185px;
	z-index: 10;
}
.ofb-text-top {
	position: absolute;
	top: -110px;
	left: 144px;
	width: 178px;
	z-index: 10;
}
.ofb-text h5,.ofb-text-top h5 {
	font-size: 20px;
	line-height:16px;
}
.ofb-text p,.ofb-text-top p {
	margin-top: 10px;
	font-size:12px;
	font-family:"宋体";
	line-height:26px;
}
.ofb-r .ofb-img,.ofb-r .ofb-img-bottom {
	left: 25px;
}
.ofb-r .ofb-text,.ofb-r .ofb-text-top {
	left: 165px;
	width: 180px;
}
.color_111{ font-size:14px; color: #999;}
.color_222{ font-size:14px; color: #000;}