@charset "utf-8";
/* CSS Document */
body,h1,p{ margin:0; padding:0;}
img{ display:block;}
ul,li{ list-style:none; margin:0; padding:0 ;}
a{ text-decoration:none; font-family:"微软雅黑";}

@media only screen and (max-width: 767px){body{width:1200px;}}
@media (min-width:640px) and (max-width:1024px){body{width:1200px;}}

#head{ width:100%; background: #0e516a; overflow:hidden; height:66px; position:fixed; top:0; z-index:100;}
.headbox{ width: 1200px; height: 66px; margin: 0 auto;} 
.headbox li,.headbox ul{ float:left;}
.topnav a{ float:left; font-family:"微软雅黑"; font-size:14px; color:#ffffff;width:84px; height:66px; line-height:66px; text-align:center;}

.topnav { padding-left:120px;}
.logo{ float:left; padding:16px 0;}
.pho{ float:right; padding:22px 24px;}
.topnav .on{ background:url(/img/nav_on_bg.png) no-repeat bottom;}
.topnav a:hover{ background:url(/img/nav_on_bg.png) no-repeat bottom;}
#space{ width:100%; height:66px;}

#headbanner{ position:relative; height:552px; width:100%; overflow:hidden;}
#headbanner .bannerbox img { position:absolute; left:50%; top:0; margin-left:-960px;}
#headbanner .textbox { height:176px;position:absolute; left:8%; top:152px; -webkit-animation:mymove 3s none; }
@keyframes mymove
{
from {top:0px;}
to {top:152px;}
}

@-webkit-keyframes mymove
{
from {top:0px;}
to {top:152px;}
}

#headbanner .textbox p{ font-size:20px; font-family:"微软雅黑";color:#303c47; padding-left:4px; }
#headbanner .textbox h1{ font-size:45px; font-family:"微软雅黑"; color:#303c47;}
#headbanner .textbox span{ color:#0e516a;}
#headbanner .btn{position:absolute; left:8%; top:196px; display:block;/* width:96px; height:34px; background:#40b6d7; border-radius:20px; font-size:12px; font-family:"微软雅黑"; line-height:34px; text-align:center;color:#ffffff; */-webkit-animation:mmove 3s none;font-size:45px; font-family:"微软雅黑"; color:#303c47;}
@keyframes mmove
{
from {left:0px;}
to {left:8%;}
}

@-webkit-keyframes mmove
{
from {left:0px;}
to {left:8%;}
}
/*#headbanner .btn:hover{  background:#0e516a;}*/

#column{ width:1200px; height:483px; margin:0 auto; padding-top:56px;}
.columnbox{ float:left; padding:0 19px;}
#column p{ width:360px; font-size:13px; font-family:"微软雅黑"; color:#555555; padding-top:8px;}
#column .title{ font-size:18px; font-family:"微软雅黑"; padding-top:30px; }
#column .btn{ font-size:12px; display:block; width:96px; height:34px; background:#40b6d7; color:#ffffff; line-height:34px; text-align:center; border-radius:20px; margin-top:28px;}
#column .btn:hover{  background:#0e516a;}
#column .pic{ display:block; width:361px; height:251px; overflow:hidden;}
#column .pic img:hover{transform: scale(1.3);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;} 
#column .pic img{width:361px; height:251px; display:block; background-repeat:no-repeat; background-position:center center; background-size:100%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#footpic{ width:100%; overflow:hidden;}

#foot{ background:#0b455a;width:100%;}
.footbox{ width:95%; height:86px; margin:0 auto; } 
.footlogo,.foottext{ float:left; }
.footshare{ float:right; padding:28px 36px;}
.footshare a{ float:left; width:26px; height:28px; margin-left:14px;}
.footlogo{ padding:25px 0 0 80px;}
.foottext{ padding:20px 40px;}
.foottext a{ color:#40b6d7;font-size:12px; font-family:"微软雅黑";}
.foottext a:hover{ color:#fff; }
.foottext p{ color:#fff; font-size:12px; font-family:"微软雅黑"; padding:6px 0;}
.foottext span{ color:#fff; padding:0 10px; font-size:12px;}

#menu{ background:#0f4052; overflow:hidden;}
.menubox{ width:1304px; margin:0 auto; padding:65px 0 120px 0; overflow:hidden; height:230px;}
.menunav { float:left; padding:0 18px; width:280px;}
#menu .title{ color:#00b0ea;font-family:"微软雅黑"; font-size:13px; display:block; margin-top:-2px;}
#menu a{ color:#fff;font-size:13px;padding-bottom:20px; display:block;}
#menu a:hover,#menu .title:hover{ text-decoration:underline;}
#menu .current{ color:#00b0ea;}

#content{ }
#content_top{  border-bottom:1px solid #e3e3e3;}
#content_topbox{ width:1200px; height:75px; margin:0 auto;}
#content_top .lside{ line-height:76px; float:left;font-family:"微软雅黑"; font-size:18px; color:#555;}
#content_top .rside{ float:right; padding-top:50px; font-size:12px; }
#content_top .rside a{ color:#555;font-family:"微软雅黑";}
#content_top .rside a:hover{ color:#40b6d7;}
#content_top .rside span{ padding:0 4px;}

#contentbox{ width:1200px; margin:0 auto;  }
#contentbox .lside{ width:400px; height:300px; margin: 48px 0 0 0px; float:left;}
#contentbox .rside{ float:left; padding-top:34px;  padding-left:40px;}
#contentbox .prolside{ width:400px; height:300px; margin: 48px 0 0 20px; float:left;}
#contentbox .prolside img{ margin-left: 0; width:75%; height:78%;}
#contentbox .prorside{ float:left; padding-top:34px;  padding-left:40px; height:960px;}
#contentbox .title{ font-family:"微软雅黑"; font-size:20px; color:#333; padding-top:12px;}
#contentbox .rside li{ float:left; margin-right:40px; padding:16px 0;}
#contentbox .rside ul{ overflow:hidden;}
#contentbox .rside a{ color:#555;font-family:"微软雅黑"; padding-bottom:16px;}
#contentbox .rside a:hover { border-bottom:3px solid #00b0ea;}
#contentbox .on{ border-bottom:3px solid #00b0ea;}
#contentbox .text{ padding-top:34px; padding-bottom:94px;}
#contentbox .text p{ width:740px;font-size:13px; font-family:"微软雅黑"; line-height:28px;}
#contentbox .map,#contentbox .conbox{ float:left;  font-family:"微软雅黑"; font-size:20px; color:#333; padding-top:12px;}
#contentbox .conbox{ padding:56px 0 130px 114px;}
#contentbox .contactbg{ position:absolute; left:50%; margin:68px 0 0 205px;}
#contentbox .con_title{ line-height:56px;}
#contentbox .conbox p{font-family:"微软雅黑"; font-size:13px; color:#333; line-height:36px; padding-left:34px;}

#aboutleft{ float:left;  padding-top:38px;}
#aboutright{ float:left; padding:44px 0; width: 1026px;}
#aboutright .title p{ font-family:"微软雅黑"; font-size:12px; line-height:26px;}
#aboutright .text p{ font-family:"微软雅黑"; font-size:12px; color:#333;}
#aboutleft{ width:174px;}
#aboutright .text p{ width:1026px; line-height:36px; font-size:13px; font-family:"微软雅黑"; color:#333;}
#aboutright .title{  font-family:"微软雅黑"; color:#333; font-size:22px;}
#aboutleft li{ line-height:44px; font-size:14px; font-family:"微软雅黑"; color:#333;}
#aboutleft a{ color:#333; }
#aboutleft a:hover{ color:#00b0ea;}
#aboutleft .current{ color:#00b0ea;}
#aboutright .list{ width:1020px; overflow:hidden; padding:10px 0;}
#aboutright .list p{ float:left; font-size:13px; color:#333;font-family:"微软雅黑"; line-height:28px;}
#aboutright .list p a{ color:#333;}
#aboutright .list p a:hover{ color:#40b6d7;}
#aboutright .down{ float:right;font-size:13px; color:#fff;font-family:"微软雅黑"; display:block; width:86px; height:28px; background:#40b6d7; text-align:center; line-height:28px; border-radius:20px;}
#aboutright .down:hover{ background:#0a3f52;} 
#aboutright span{/* float: right; */ color:#999; font-size:13px; font-family:"微软雅黑"; line-height:28px;}
#aboutright p{text-align: justify;}

#ad{ width:100%; position:relative; overflow:hidden; height:411px;}
#ad img { position:absolute; left:50%; top:0; margin-left:-980px;}

/*banner_beggin*/
a { blr: expression(this.onFocus=this.blur()); outline: none; }

/*本例css*/
.bannerbox{ width:100%; background:url(/img/ad_bg.png) no-repeat ;}
.banner { width: 1158px; height: 418px; margin:0 auto; position: relative; overflow:hidden; margin-bottom: 15px;}

/*数字按钮样式*/
.banner .num { overflow:hidden; height: 25px; position: absolute; bottom:66px; left: 50%; margin-left:120px; zoom:1; z-index:3 }
.banner .num li { width: 12px; height: 12px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #82bace; margin-right: 10px; border-radius:6px; cursor:pointer; float: left; }
.banner .num li.on { background: #40b6d7; } /*当前项*/

/*上一个  下一个*/
.banner .prev,.banner .next { display: none; width: 49px; height: 49px; background: url(/img/btn_1.png) no-repeat; position: absolute; top: 180px;}
.banner .prev { left: 0; }
.banner .next { right: 0; background-position: right }
.adbox{ width:980px; margin:0 auto;}
.adbox img{float:left; padding-top:34px;}
.tbox{ float:left; padding:48px 0 0 40px;}
.tbox_tit{font-size:22px; color:#fff; font-family:'微软雅黑'; font-weight:bold; padding:28px 0;}
.tbox p{width:270px; font-size:14px; color:#fff; font-family:'微软雅黑'; line-height:24px;}
.tbox a{  display:block; width:96px; height:34px; background:#40b6d7; text-align:center; line-height:34px; border-radius:20px; text-decoration:none; font-size:13px; color:white; margin:38px 0;}
.tbox a:hover{ background:#0e516a; }
/*banner_end*/

#tab{position:relative;font-size:13px;font-family:"Microsoft YaHei"; line-height:28px;}
#tab .tabList ul li{
	float:left;
	width:64px;
	padding:16px 0;
	text-align:center;
	margin-left:-1px;
	position:relative;
	cursor:pointer;
}
#tab .tabList li{ margin:0 40px 0 0; font-size:16px; color:#555;}
#tab .tabCon{
	position:absolute;
	left:-1px;
	top:62px;
	border-top:solid 1px #e1e1e1;
	width:740px;
	padding-top:30px;
}
#tab .tabCon div{
	padding:10px;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}
#tab .tabList li.cur{
	border-bottom:3px #00b0ea solid;
	background:#fff;
}
#tab .tabCon div.cur{
	opacity:1;
	filter:alpha(opacity=100);
}

#c_menu{ background:#0f4052; overflow:hidden;}
#c_menu .menubox{ width:1200px; margin:0 auto; padding:65px 0 120px 0; overflow:hidden;}
#c_menu .menunav { float:left; padding:0 20px;}
#c_menu .title{ color:#00b0ea;font-family:"微软雅黑"; font-size:13px; display:block; margin-top:-2px;}
#c_menu a{ color:#fff;font-size:13px;padding-bottom:20px; display:block;}
#c_menu a:hover,#menu .title:hover{ text-decoration:underline;}
#c_menu .current{}

#p_menu{ background:#0f4052; overflow:hidden;}
#p_menu .menubox{ width:1200px; margin:0 auto; padding:65px 0 120px 0; overflow:hidden;}
#p_menu .menunav { float:left; padding:0 20px;}
#p_menu .title{ color:#00b0ea;font-family:"微软雅黑"; font-size:13px; display:block; margin-top:-2px;}
#p_menu a{ color:#fff;font-size:13px;padding-bottom:20px; display:block;}
#p_menu a:hover,#menu .title:hover{ text-decoration:underline;}
#p_menu .current{}

.pager{ margin:0 0 40px 540px;}
.pager{ font-size:12px;}

.prolside img:hover{transform: scale(1.3);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;} 
.prolside img{width:300px; height:234px; display:block; background-repeat:no-repeat; background-position:center center; background-size:100%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}