@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
a{ color:#333333; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#FF0000;}
/*清除浮动*/
.clear{ clear:both;}



.logo-site:before {
    content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 200px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}

#id{background:url(图片路径) ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="图片路径");_background:none;}

.bjload{ background:url(../images/load.gif) center center no-repeat;}

/*//////////////*/
/*Data Preloader*/
/*//////////////*/
#preloader {
	position:fixed;
	z-index:2500;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; 
	z-index:99999999; 
}
#status {
	position:fixed;
	z-index:99999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%; 
	top:50%; 
	background-image:url(../images/status.gif); 
	background-size:64px 64px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px; 

}
#status p{
	top:60%;
	line-height: 30px;
	margin-bottom: 30px;
	font-size:13px;
	letter-spacing:0px;
	display: block;
	position:relative;
	overflow:hidden;
}
#status em{
	font-size:10px!important;
	display:block;
	font-style:normal;
}

.center-text{	
	display:block; 
	text-align:center;
}
/*///////////////////*/
/*Typograhpy Features*/
/*///////////////////*/


#top{background:#F7F7F7; height: 40px;}
.top{ width: 1200px; height: 40px; margin: 0 auto;}
.top .top-l{ float: left; line-height: 40px; font-size: 13px; color: #000;}
.top .top-r{ float: right; line-height: 40px;}
.top .top-r a{ padding: 0 10px; color: #000;}
.top .top-r a:hover{ color: #1E50AE; font-size: 13px;}

#logo{}
.logo{ width: 1200px; margin: 0 auto; padding: 20px 0;}
.logo .logo-l{ float: left;}
.logo .logo-r{ float: right; background: url("../images/tel.png") left center no-repeat; padding-left: 55px;}
.logo .logo-l h3{font-size: 32px; color: #222;}
.logo .logo-l p{ font-size: 14px; color: #666; padding-top: 4px;}
.logo .logo-r h4{ font-size: 14px; color: #222; }
.logo .logo-r p{font-size: 22px; color: #FF0004; }

/*nav导航盒子*/
#menu{ height: 47px; background: #1E50AE;}
.menu{ width: 1200px; margin: 0 auto; height: 47px;}
.nav{width:1200px;height:47px;line-height:47px;text-align:center;font-size:16px;position:relative;z-index:1000}
.nav a{ color: #FFF;}
.nav a:hover{ color:#13439D;}
/*nav-main*/
ul.nav-main{width:100%;height:100%;list-style-type:none}
ul.nav-main span{display:inline-block;margin-left:18px;width:12px;height:9px; background:url(../images/sj1.png) no-repeat center center}

/*图标向上旋转*/
.hover-up{transition-duration:.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg); }
/*图标向下旋转*/
.hover-down{transition-duration:.5s;transform:rotate(0);-webkit-transform:rotate(0)}
/*导航条设置*/
ul.nav-main>li{width:125px;height:100%;display:block;float:left;color:#fff;margin-right:1px;cursor:pointer}
ul.nav-main>li a{ display: block;}
ul.nav-main>li a:hover{color:#fff; background: #13439D;}

/*隐藏盒子设置*/
div.hidden-box{width:133px;position:absolute;display:none;background:#13439D url(../images/sj2.png) no-repeat  top center;top:47px; }
.hidden-box>ul{list-style-type:none;color:#fff;cursor:pointer; padding-top:12px;padding-bottom:15px}
.hidden-box>ul li{ line-height:40px; height:40px;}
.hidden-box>ul li a{ color:#fff; display: block; font-size: 14px;}
.hidden-box>ul li a:hover{ color: #13439D; background: #FFF;}

/*隐藏盒子位置设置*/
.hidden-loc-index{left:133px}
.hidden-loc-us{left:417px}
.hidden-loc-info{left:550px}
.box04{left:683px}


/* flexslider */
#banner{}
.flexslider{margin:5px auto;position:relative;width:1200px;height:321px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

#wrap{}
.wrap{ width:1200px; margin: 0 auto;}
.wrap .pro-sbar{ width: 220px; float: left;}
.wrap .pro-sbar .title{ height: 89px; background: url("../images/pro-top.png") top center no-repeat; line-height: 89px; text-align: center; font-size: 24px; color: #FFF;}
.wrap .pro-sbar .box{ height:621px; background: #023257;}
.wrap .pro-sbar .box ul{ padding: 20px 0 0 25px;}
.wrap .pro-sbar .box ul li{ line-height: 50px; font-size: 15px;}
.wrap .pro-sbar .box ul li a{ color: #FFF;}
.wrap .pro-sbar .ibox{background: #023257; padding-bottom: 15px;}
.wrap .pro-sbar .ibox ul{ padding: 20px 0 0 25px;}
.wrap .pro-sbar .ibox ul li{ line-height: 50px; font-size: 15px;}
.wrap .pro-sbar .ibox ul li a{ color: #FFF;}
.wrap .pro-sbar .l-contact{ border: 1px #e6e6e6 solid; margin-top: 10px;}
.wrap .pro-sbar .l-contact h4{height: 45px; line-height: 45px; background:url("../images/psbar.png") 10px center no-repeat #fafafa; font-size: 16px; color: #1e50ae; padding-left: 50px; font-weight: normal;}
.wrap .pro-sbar .l-contact ul{}
.wrap .pro-sbar .l-contact ul li{ line-height: 40px; background: url("../images/newsico.gif") 5px center no-repeat; padding-left: 25px; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.wrap .pro-sbar .l-contact ul li a{ color: #222;}
.wrap .pro-sbar .l-contact ul li a:hover{ color: #1e50ae;}

.wrap .pro-right{ width: 958px; float: right; border:1px #e6e6e6 solid; border-top: none;}
.wrap .pro-right .title{height: 45px; line-height: 45px; background:url("../images/psbar.png") 10px center no-repeat #fafafa; font-size: 16px; color: #1e50ae; padding-left: 50px;  border-top: 1px #e6e6e6 solid;}
.wrap .pro-right .title img{ float:right;}
.wrap .pro-right .productbox{ padding: 20px 7px;}
.wrap .pro-right .productbox ul{ padding: 14px 0;}
.wrap .pro-right .productbox ul li{ float:left; margin: 0 18px;}
.wrap .pro-right .productbox ul li .pic .img2{
  position: absolute;
  width: 64px;
  height: 64px;
  margin-left: -132px;
  margin-top: 68px;
  opacity: 0;
  transition: all 1s;
}
.wrap .pro-right .productbox ul li .pic:hover .img2{ opacity: 1;}
.wrap .pro-right .productbox ul li dt{ line-height: 40px; text-align: center; font-size: 14px;}
.wrap .pro-right .productbox ul li dt a{ color: #222;}
.wrap .pro-right .productbox ul li dt a:hover{color: #1e50ae}
.wrap .pro-right .newstext{ padding:15px 25px; line-height: 35px; font-size: 14px; color:#666666;}

.wrap .pro-right .news{ margin-bottom: 15px;}
.wrap .pro-right .news ul{}
.wrap .pro-right .news ul li{ border-bottom: 1px dashed #dbeaef; padding:15px 5px;}
.wrap .pro-right .news ul li .time{ width: 84px; height:84px; float: left; background:#f2f2f2; text-align: center;}
.wrap .pro-right .news ul li .time .d{ line-height: 30px; margin-top: 15px; font-size: 24px; color: #222;}
.wrap .pro-right .news ul li .time .m-u{ line-height: 25px; font-size: 14px; color: #666;}
.wrap .pro-right .news ul li .smtext{ width: 850px; float:right;}
.wrap .pro-right .news ul li .smtext dt{ line-height: 30px; font-size: 15px; color: #666666; margin-top: 15px;}
.wrap .pro-right .news ul li .smtext dd{ font-size: 14px; line-height: 30px; color: #999;}

#iabout{ margin-top: 10px; height: 700px; background: url("../images/iabout.png") top center no-repeat;}
.iabout{ width:1200px; margin: 0 auto;}
.iabout .title{ color: #4765CE; font-size: 28px; text-align: center; line-height: 50px; padding-top: 20px;}
.iabout .smtext{ text-align:center; height: 180px; overflow: hidden; color: #FFF; line-height: 30px; width: 980px; margin: 10px auto 20px; font-size: 14px;}
.iabout .more{ width:130px; height: 40px; margin: 0 auto; background: #ff6537; border-radius: 5px; line-height: 40px; color: #fff; text-align: center; font-size: 12px;}
.iabout .more a{ color: #fff;}
.iabout .more a:hover{color: #fff;}
.iabout .picture{}
.iabout .picture ul{ padding-top: 50px;}
.iabout .picture ul li{ float: left; width: 360px; height: 300px; margin: 0 20px; overflow: hidden;}
.iabout .picture ul li img{ width: 100%; height: 100%;  transition: all 0.5s ease; }
.iabout .picture ul li img:hover{transform: scale(1.2);}


.innerbanner{ width:1200px; margin: 5px auto 10px;}
.innerbanner img{ width:100%; height: auto;}

#footer{ border-top: 2px solid #1e50ae; background: #000; padding: 30px 0 20px;}
.footer{ width: 1200px; margin: 0 auto; text-align: center; font-size: 14px; color: #fff;}


/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:40px;
	bottom:-100px;
	_bottom:auto;
	width:36px;
	height:80px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -80px;
}
/* 回到顶部 */