@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: "微软雅黑", Verdana, Arial, Helvetica, sans-serif;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, input, textarea, img {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}
a:link {
	color: #555;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #000000;
	text-decoration: none
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #666;
 star:expression(this.onFocus=this.blur());
}
h1, h2, h3, h4, h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
p {
	font-size: 13px;
}
/*public*/
.head，.content，.footer {
}
.clear {
	clear: both;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.header_top, .nav, .container, .menu {
	width: 1000px;
	margin: auto;
}

.cursor{
    cursor: pointer;
}

.news{}
.news li{}
.news span{float:right;}
.news a{color:#333;}

.pro{}
.pro li{float:left;margin-right:10px;}
.pro li h2{margin-top:5px;text-align:center;}
.pro a{}
.pro img{}


/*head*/
.header {
	background: url(../images/header_bg.gif) repeat-x
}
.header_top {
	padding-top: 29px;
}
.logo {
	background: url(../images/logo.jpg) no-repeat
}
.logo a {
	display: block;
	width: 200px;
	height: 52px;
}
.search_all {
	padding-top: 20px;
}
.search {
	margin-left: 330px;
	padding: 2px 2px;
	width: 253px;
	height: 28px;
	background: #e3e3e3;
}
.search .input1 {
	width: 215px;
	height: 28px;
}
.search .submit1 {
	width: 35px;
	height: 28px;
	background: url(../images/bg.jpg) 6px 5px no-repeat;
    font-family: "微软雅黑";
}
.tel {
	padding-top: 5px;
	padding-left: 32px;
	width: 154px;
	height: 25px;
	background: url(../images/bg.jpg) -44px 3px no-repeat;
	font-size: 18px;
	color: #284e95
}
.nav {
	margin-top: 11px;
	border-top: 3px #e3e3e3 solid;
}
.nav div {
	display: inline-block;
	padding-top: 8px;
	width: 102px;
	height: 30px;
	text-align: center;
	color: #555;
    position: relative;
}

.nav .display,.nav div:hover {
	color: #fff;
	background: #284e95
}
.nav div .sub-nav {
    visibility: hidden;
}
.nav div:hover .sub-nav {
    visibility: visible;
}
.nav div a{
    color: #555;
}
.nav div.display a,.nav div:hover a{
    color: #fff;
}
.banner {
	padding-top: 2px;
}
/* scroll slide */
.slide-main {
	height: 400px;
	position: relative;
}
.item {
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 124;
	top: 360px;
	left: 0;
	text-align: center;
}
.item a {
	display: inline-block;
	width: 51px;
	height: 4px;
	margin-right: 11px;
	background: #fff;
	overflow: hidden;
}
.item a.cur {
	background: #284e95;
}
.slide-box, .slide {
	display: block;
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.slide-box {
	position: relative;
}
.slide {
	display: none;
	height: 400px;
	background: #ff6900;
	position: relative;
	position: absolute;
	z-index: 8;
}
#bgstylea {
	background: #ff6900;
}
#bgstyleb {
	background: #193d85;
}
#bgstylec {
	background: #000;
}
.slide a {
	display: block;
	width: 100%;
	height: 400px;
	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: 100px;
}
.obj-b {
	top: 406px;
	height: 100px;
}
.obj-c {
	display: block;
	height: 582px;
	top: 0;
	margin-left: -540px;
}
.obj-d {
	top: 228px;
	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: 223px;
	z-index: 12;
}
.obj-f {
	width: 692px;
	height: 394px;
	top: 158px;
	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%;
}
}

/*-----------container-----------*/
.container {
}
.display_n{display:none;width:}
.scroll {
    background: url(../images/newbg.jpg) bottom repeat-x;
    margin-bottom: 9px;
    padding-bottom: 15px;
}
.rollBox{width:1000px;overflow:hidden;padding:12px 0 5px 0px;margin:0 auto;}
.rollBox .LeftBotton{height:234px;width:30px;background:url(../images/arrow_left.jpg) no-repeat  0;overflow:hidden;float:left;display:inline;margin:0px 10px 0 0px;cursor:pointer;}
.rollBox .RightBotton{height:234px;width:30px;background:url(../images/arrow_right.jpg) no-repeat  0;overflow:hidden;float:left;display:inline;margin:0px 0 0 12px;cursor:pointer;}
.rollBox .Cont{width:915px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{margin-right:15px;width:296px;float:left;text-align:center;}
.rollBox .Cont .pic img{background:#fff;border:2px #e3e3e3 solid;display:block;margin:0 auto;}
.rollBox .Cont .pic p{margin-top:5px;padding-top:6px;height: 24px;background: #284e95;color:#fff;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#fff;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.container .news_index {
	height: 290px;
	background: url(../images/newbg.jpg) bottom repeat-x
}
.news_index .news_l {
	width: 238px;
}
.news_index .news_l h2 {
	padding-top: 7px;
	padding-left: 20px;
	width: 218px;
	height: 35px;
	background: #e50014;
	font-size: 20px;
	color: #fff;
	font-weight: normal
}
.news_index .news_l p {
	padding-left: 20px;
	padding-top: 10px;
	height: 32px;
	background: #f4f4f2;
	font-size: 16px;
}
.news_index .news_l span {
	font-size: 14px;
	color: #fff
}
.news_index .news_r {
	width: 752px;
	height: 270px;
}
.news_index .news_r .news_list0 {
	background: #f4f4f2
}
.news_index .news_r .news_img {
	padding: 10px 20px;
}
.news_index .news_r .news_de {
	padding-top: 10px;
	width: 477px;
}
.news_index .news_r .news_de h3 {
	font-size: 16px;
	font-weight: normal;
	color: #444
}
.news_index .news_r .news_de p {
	margin-top: 10px;
	font-size: 12px;
	color: #999
}
.news_index .news_r .time {
	position: relative;
	width: 102px;
	height: 90px;
	background: #284e95;
	color: #fff;
	font-size: 50px;
	text-align: center
}
.news_index .news_r .time span {
	position: absolute;
	bottom: 3px;
	font-size: 16px;
    left: 0;
    right: 0;
}
.news_index .news_r .new_bg {
	background: #e8e8e8
}
.news_index .news_r .new_bl {
	background: #18a0f6
}
.container .video {
	margin-top: 8px;
	height: 241px;
	background: url(../images/newbg.jpg) bottom repeat-x
}
.container .video_l h3 {
	padding-top: 24px;
	width: 48px;
	height: 196px;
	font-size: 26px;
	text-align: center;
	background: #aaabab;
	color: #fff;
}
.container .video_l ul {
	padding-left: 2px
}
.container .video_l li {
	margin-bottom: 2px;
	padding-top: 7px;
	width: 188px;
	height: 28px;
	background: #e8e8e8;
	color: #444;
	text-align: center;
	font-size: 12px;
}
.container .video_l .red {
	font-size: 12px;
	background: #ff0000;
}
.container .video_l .red a {
	font-size: 12px;
	color: #fff;
}
.container .video_c {
	margin-left: 2px;
	height: 220px;
}
.container .video_c img {
	width: 434px;
	height: 220px;
}
.container .video_r {
	height: 220px;
}
.container .video_r img {
	height: 220px;
}
.container .links {
	padding-top: 8px;
}
.container .links .links_h {
	float: left;
	margin-right: 12px;
	width: 113px;
	height: 84px;
	background: url(../images/links.jpg) no-repeat;
}
.container .links a {
	margin-bottom: 10px;
	margin-right: 12px;
	display: block;
	float: left;
	width: 113px;
	height: 83px;
}

/*-----------footer-----------*/
.footer {
	margin-top:40px;
	padding-top: 20px;
	border-top: 1px #a3a3a3 solid;
}
.footer .menu h1 {
	font-size: 18px;
	font-weight: normal;
	color: #a3a3a3
}
.footer .menu_con {
	color: #a3a3a3
}
.footer .menu_con a {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 14px;
	color: #a3a3a3
}
.footer .coryright {
	margin-top: 20px;
	padding-top: 20px;
	height: 38px;
	text-align: center;
	background: #284e95;
	color: #fff
}
/*----------------------qyry page ----------------------*/
.left {
	padding-top:20px;
	width:200px;
}
.left dt{
	margin-bottom:20px;
	padding-bottom:10px;
	text-align:center;
	color:#284e95;
	border-bottom:1px #e3e3e3 solid;
	font-size:24px;
}
.left dd{
	text-align:center;
}
.left dd a{
	display:block;
	padding-top:14px;
	height:36px;
	color:#555;
	border-bottom:1px #e3e3e3 solid;
}
.left dd .bluebg{
	color:#fff;
	background:#284e95;
}

.right{
	width:751px;
	}
.right .o_title{
	padding-top: 20px;
	padding-bottom: 10px;
	color: #284e95;
	font-size: 24px;
	font-weight:normal;
	border-bottom: 1px #e3e3e3 solid;
	}
.right span{padding-top: 10px;}	
.right span, .right span a{
	color: #555555;
	font-size: 14px;
	}
.other_content{padding-top:30px;}
.pro_0 {margin-top:30px;}
.other_content p{
	line-height:26px;
	color:#555;
}
.pro_0 li{
	margin-top:10px;
	width:240px;
	height:210px;
	}
.pro_0 img{
	width:240px;
	height:160px;
	}
.pro_0 li h2{
	margin-top:10px;
	padding-top:10px;
	height:30px;
	color:#fff;
	background:#284e95;
	}

/**********lcb page **********/
.line{height:auto;background:url(../images/line.jpg) 13px top repeat-y;}
.time1{padding-top:4px;padding-left:50px;width:158px;height:33px;font-size:18px;color:#284e95;background:url(../images/cr.jpg) no-repeat}
.des{width:530px;}
.des h3{margin-bottom:10px;font-size:18px;font-weight:normal;color:#284e95;}
.des h3 a{color:#284e95;}
.des p{font-size:12px;line-height:18px;}
.lcb_list{padding-bottom:30px;position: relative;}
.lcb_list .zhedang{
    position: absolute;
    top:32px;
    bottom: 0;
    width: 30px;
    background: #fff;
}
.sele_all{padding-bottom:25px;background:url(../images/line_bg1.jpg) center  bottom repeat-x}
.sele_all,sele_all .se_size{font-size:14px;}
.be_search{width:200px;height:34px;border:2px #284e95 solid;}

.nice-select{
	width: 200px;
	padding: 0 10px;
	height: 34px;
	border: 2px solid #294e95;
	position: relative;
	background: #fff url(../images/icons.jpg) no-repeat 189px center;
}
		.nice-select input{display: block;width: 100%;height: 38px;line-height: 38px \9;border: 0;outline: 0;background: none;}
		.nice-select ul{
	width: 100%;
	display: none;
	position: absolute;
	left: -2px;
	top: 35px;
	overflow: hidden;
	background-color: #fff;
	max-height: 150px;
	overflow-y: auto;
	border: 2px solid #294e95;
	border-top: 0;
	z-index: 9999;
}
		.nice-select ul li{height: 30px;line-height: 30px;overflow: hidden;padding: 0 10px;cursor: pointer;}
		.nice-select ul li.on{background-color: #e0e0e0;}

.form1{margin-right:25px;width: 298px;}
.lable{padding-top:6px;}
.form .sub{width:121px;height:34px;color:#fff;background:#294e95;}
.mar_0{margin-right:0 !important;}
.hx_con{}
.hx_con ul{padding:20px 0px;background: url(../images/line_bg1.jpg) center bottom repeat-x;}
.hx_con ul li{margin:5px 0px;color:#555}
.pn_page{margin-top:25px;width: 550px;float: right;}
.ys{margin-right:30px;padding-top:5px;}
.ys i{font-style:normal !important;font-weight:bold;color:#284e95}
.ys span{margin-right:10px;}
.yiiPager li{display:block;float:left;padding-top:5px;margin-right:10px;width:75px;height:24px;text-align:center;color:#555;background:#e3e3e3}
.yiiPager .page{display: none}


/*******************news page********************/
.other_content .news_r {
	width: 752px;
	height: 270px;
	background: url(../images/newbg.jpg) bottom repeat-x
}
.other_content .news_list0 {
	background: url(../images/line_bg1.jpg) center bottom repeat-x;
}
.other_content .news_img {
	padding: 10px 20px;
}
.other_content .news_de {
	padding-top: 20px;
	width: 450px;
}
.other_content .news_de h3,.other_content .news_de h3 a {
	font-size: 18px;
	color: #555
}

.other_content .news_de p {
	margin-top: 10px;
	font-size: 14px;
	color: #999
}
.other_content .news_de p a{
	margin-left:20px;
	font-size: 24px;
	color: #284e95
}
.other_content .time {
	position: relative;
	margin-top: 20px;
	margin-right:20px;
	width: 80px;
	height: 50px;
	background: #e3e3e3;
	color: #555;
	font-size: 36px;
	text-align: center
}
.other_content .time span {
	position: absolute;
	padding:0 !important;
	left: 0px;
	bottom: -22px;
	display: block;
	width: 80px;
	height: 20px;
	background: #e3e3e3;
	font-size: 16px;
	color: #555;
}
.other_content .new_bg {
	background: #e8e8e8
}
.other_content .new_bl {
	background: #18a0f6
}
.padd_0{padding-top: 0px !important; }
#tbox{width:54px; float:right; position:fixed; right:5px; bottom:120px;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:15px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#pinglun,#xiangguan,#gotop{  display:block;}
#pinglun{ width:48px; height:52px;background-position:0 0;background:url(../images/icon.png) 0px -49px no-repeat;}
#xiangguan{ margin:10px 0px;width:48px; height:52px;background-position:0 -59px;background:url(../images/icon.png) 0px -105px no-repeat;}
#gotop{ width:48px; height:52px;background-position:0 -118px;background:url(../images/icon.png) no-repeat; } 

/*************************shop page*************************/

.pro_1 li{height: 290px;}
.pro_1 img{width:240px; height:240px;}
.pro_1 li h2{color:#555;background:#fff;}
.product .left {width: 365px !important;}
.product .left img{padding:5px;width:350px;height:350px;border:2px #e3e3e3 solid}
.product .right{padding-top: 20px;width: 370px !important;}
.product .right h4{margin-bottom: 10px;padding-bottom: 10px;border-bottom:2px #e3e3e3 solid;font-size:24px;color:#555;font-weight:normal}
.product .right p{text-indent:inherit}
.product .fx{margin-top: 10px;height:30px;}
.product .fx a{display:block;float:left;margin-right:5px; height:30px;}
.product .fx .a1{background:url(../images/bg.jpg) 0px -38px no-repeat;}
.product .fx .a2{background:url(../images/bg.jpg) -38px -38px no-repeat;}
.product .fx .a3{background:url(../images/bg.jpg) -77px -38px no-repeat;}
.product .fx .a4{background:url(../images/bg.jpg) -115px -38px no-repeat;}
.product .fx .a5{background:url(../images/bg.jpg) 0px -38px no-repeat;}
.product .fx span{float:left;}
.product_con {margin-top:20px;}
.product_con h5{padding-bottom: 10px;border-bottom:2px #e3e3e3 solid;font-size:16px;color:#284e95;font-weight:normal}

.contacts {padding: 20px 0px;
background: url(../images/line_bg1.jpg) center bottom repeat-x;}
.contacts p{text-indent:inherit !important}

.wid{padding-bottom: 10px;width: 640px !important;}
.wid p{color:#555 !important;}

.gtitle {padding: 20px 0;text-align:center;}
.gtitle h1{padding: 20px 0px;font-size:18px;font-weight:normal;color:#555;background: url(../images/line_bg1.jpg) center bottom repeat-x;}
.gtitle p{text-align:center;text-indent:inherit;}
.tg p{line-height:32px  !important;}

/***********************login page******************************/
.d_height{margin-bottom:10px;padding:15px;border-bottom:2px #e3e3e3 solid;}
.login_a{padding-top:150px;height:350px;background:#e3e3e3;}
.login_con{margin:auto;width:500px;}

.sign{height:46px;}
.pass{margin:30px 0px;height:46px;}
.sign input,.pass input{padding-left:60px;width:440px;height:46px;font-size:18px;border:2px #284e95 solid; }
.sign input{background: url(../images/login.jpg) 10px no-repeat;font-family: "微软雅黑";}
.pass input{background: url(../images/sign.jpg) 10px no-repeat;font-family: "微软雅黑";}
.subm{width:505px;height:46px;font-size:18px;color:#fff;background:#284e95;font-family: "微软雅黑";}


#adv{
    width: 100%;
    position: relative;
    margin-top: 2px;
}
.banner {
    width: 1000px;
    margin: 0 auto;
}

.errorMessage{
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    background: #fff;
}
#message{
    width:450px;
    height:172px;
    margin: 0 auto;
    border: 1px solid #1e64c8;
    text-align:center;
}
#message h5{
    background: url(../images/admin/msg.png) no-repeat;
    color:#fff;
    padding-left:35px;
    height:25px;
    line-height:26px;
    font-size:14px;
    text-align:left;
}
#message .content{
    padding:42px 12px 10px 45px;
    font-size:14px;
    height:58px;
    margin-top: 8px;
    text-align:left;
    background: url(../images/msg_bg.png) no-repeat;
    display:inline-block;
    *display:inline;
    zoom:1;
    max-width:330px;
}
#message .success{
    background-position: 0 -566px;
}
#message .warning{
    background-position: 0 -466px;
}
#message .error{
    background-position: 0 -367px;
}
#message .quick{
    background: none;
}
#message .bottom{
    background:#e4ecf7;
    margin: 0 1px 1px 1px;
    line-height:26px;
    height:26px;
    text-align:center;
    padding-top: 2px;
}
#message .bottom a{
    color:#0068a6
}
#message .bottom a:hover{
    color:#ff6600;
    text-decoration: underline;
}

.down{
    width: 140px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: #284E95;
    float: right;
    font-size: 14px;
}
.down a{
    color: #fff;
}
.icon {
    float: right;
    padding-right: 10px;
}

.sub-nav{
    position: absolute;
    top: 38px;
    padding-top: 3px;
    text-align: left;
    width: 170px;
    z-index: 100000;
}
.sub-nav .bg{
    background: #fff;
    opacity: 0.9;
    position: absolute;
    top:3px;
    left:0;
    bottom: 0;
    right: 0;
    z-index: 100001;
}
.sub-nav .content{
    position: relative;
    z-index: 100002;
    padding: 5px;
}
.nav div .sub-nav a{
    display: block;
    color: #777;
    margin: 10px 0;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    float: left;
    opacity: 1;

}
.nav div.display .sub-nav a{
    color: #777;
}
.nav div .sub-nav a.on,.nav div .sub-nav a:hover{
    color: #fff;
    background: #FE0000;
}

