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

.w1200 { margin: 0 auto; width: 1200px; height: auto; }
/* header start */
#header { width: 100%; height: 160px; border-bottom: 4px solid #d6d6d6; }
#logo { margin: 33px 0 0 0; width: 250px; height: 95px; overflow: hidden; }
#language_box { width: 120px; height: 150px; text-align:center; }
#language { width:110px; margin-top: 5px; height: 20px; text-align: right; font-size:14px; }
.inp_srh { width: 250px; height: 32px; line-height: 32px; text-indent: 5px; color: #999; background: url( search_bg.jpg) no-repeat left center; border: none; }
.btn_srh { width: 36px; height: 32px; line-height: 32px; background: url( search_bg.jpg) no-repeat -250px center; border: none; cursor: pointer; color: #fff; font: bold 14px/32px "Arial"; text-indent: -5000px; }
#nav { width: 805px; height: 50px; margin-left:15px;  }
#nav h1{ color:#F00; float:left; font-size:34px; line-height:50px; font-weight:600; margin-top:82px; font-family:"宋体";}
#nav span{ color:#666; font-size:22px; float:right; line-height:50px; font-family:"微软雅黑"; font-weight:100;margin-top:98px; }



.tit1 { height: 65px; background: url( 1x1.jpg) repeat-x left center; text-align: center; }
.tit1 h2 { margin: 0 auto; width: 190px; text-align: center; color: #004e91; font: 24px "Microsoft YaHei"; background: url( yuandian.png) no-repeat center #f5f5f5; }
.tit1 strong {font: 24px "Microsoft YaHei"; font-weight:bold; color:#ddd; }
.more1 { margin: 0 auto; margin-top: 15px; width: 120px; height: 32px; border-radius: 3px; text-align: center; }
.more1 a { display: block; width: 120px; height: 30px; color: #333; font: 14px/30px "Arial"; border: 1px solid #666; border-radius: 3px; }
.more1 a:hover { border: 1px solid #d00; color: #d00; }
.tit2 { height: 45px; background: url( 1x1.jpg) repeat-x left center; text-align: center; }
.tit2 h2 { margin: 0 auto; width: 190px; height: 45px; text-align: center; color: #004e91; font: 24px/45px "Arial"; background: url( yuandian.png) no-repeat center #fff; }
.about { margin-bottom: 20px; color: #333; font: 13px/24px "Arial"; height: auto; overflow: hidden; }
.about span { color: #333; font: 20px/50px "Arial"; height: 50px; }
.about img { float: right; margin-left: 60px; }
.more { float: left; margin-top: 15px; width: 120px; height: 32px; border-radius: 3px; color: #fff; font: 14px/32px "Arial"; text-align: center; }
.more a { display: block; width: 120px; height: 32px; color: #fff; background: #d00; border-radius: 3px; }
.more a:hover { background: #015cab; }
.pro { margin-bottom: 20px; padding: 10px 0; width: 100%; height: auto; overflow: hidden; background: url( pro_bg.jpg) repeat-x center top; }
.hon { margin-bottom: 20px; padding: 10px 0; width: 100%; height: auto; overflow: hidden; }
.tit3 { height: 65px; background: url( 1x1.jpg) repeat-x left center; text-align: center; }
.tit3 h2 {  margin: 0 auto; width: 190px; text-align: center; color: #004e91; font: 24px "Microsoft YaHei"; background: url( yuandian.png) no-repeat center #FFF; }
.tit3 strong {font: 24px "Microsoft YaHei"; font-weight:bold; color:#ddd; }
.inplist { height: 272px; margin-top: 10px; margin-bottom: 10px; }
.inplist ul li { background: url(" cponebg.png") no-repeat center; width: 294px; height: 272px; margin-right: 7px; float: left; }
.inplist ul li a { width: 286px; height: 263px; display: block; }
.inplist ul li a div ol { margin: 6px; width: 274px; height: 164px; }
.inplist ul li a div ul { margin: 0px auto; width: 286px; height: 90px; overflow: hidden; }
.inplist ul li a div ul h3 { padding: 0px 6px; color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; font-weight: bold; }
.inplist ul li a div ul p { padding: 0px 6px; color: rgb(153, 153, 153); line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
.plistone ol { width: 286px; height: 263px; position: relative; z-index: 4; }
.pmore { left: 105px; top: 49px; width: 65px; height: 65px; overflow: hidden; display: none; position: absolute; z-index: 40; }
.cpimg { width: 225px; height: 164px; position: absolute; z-index: 3; }
.plistmoer { margin: 25px auto; border-radius: 4px; width: 115px; height: 33px; text-align: center; color: rgb(255, 255, 255); line-height: 33px; font-size: 14px; display: block; background-color: rgb(240, 134, 25); }
.plistmoer:hover { background: rgb(0, 92, 171); color: rgb(255, 255, 255); }
.notice_con { width: 570px; overflow: hidden; }
.tit4 { margin-bottom: 15px; height: 30px; color: #004e91; font: 20px/30px "Microsoft YaHei";  }
.tit4 img{ float:left;}
.service { color: #666; font: 12px/22px "Arial"; }
.service img { float: left; margin:10px; }
.i_newtop { margin-bottom: 20px; width: 570px; height: 120px; overflow: hidden; }
.i_newtopimg { width: 250px; height: 120px; overflow: hidden; }
.i_newtoptit { margin-bottom: 10px; width: 300px; height: 20px; color: #333; font: bold 12px/20px "Arial"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.i_newtopcon { width: 300px; height: 90px; color: #666; font: 12px/24px "Arial"; overflow: hidden; }
.news_con { width: 570px; height: auto; overflow: hidden; }
.news_con ul { margin: 0; padding: 0; }
.news_con ul li { float: left; width: 285px; height: 28px; overflow: hidden; border-bottom:1px #CCC dashed; }
.news_con ul li a { float: left; display: block; width: 285px; text-indent: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url( ico9.png) no-repeat left 1px; color: #666; font: 12px/28px "Arial"; }
.news_con ul li a:hover { color: #bf1e2e; background: url( ico9.png) no-repeat left -24px; }
.news_con ul li span { float: right; display: block; color: #999; font: 11px/28px "Arial"; -webkit-text-size-adjust: none; }
.i_newsmore { margin-top: 5px; height: 20px; margin-bottom:5px; }
.i_newsmore a { color: #555; font: bold 12px/20px "Arial"; text-decoration: underline; }
.i_newsmore a:hover { color: #bf1e2e; }
.honor { text-align: center; margin: 15px 0; }
.honor img { margin: 0 20px; }
/* content end */
/* bot start */
.bot_box { width: 100%; height: auto; overflow: hidden; padding: 50px 0; background: #eee; }
.bot { margin: 0 auto; width: 1200px; height: auto; overflow: hidden; }
.bot_l { width: 300px; height: auto; overflow: hidden; text-align: center; }
.bot_m { margin-left: 100px; width: 400px; height: auto; overflow: hidden; }
.bot_m ul { margin: 0; padding: 0; }
.bot_m ul li { float: left; display: block; margin-right: 20px; width: 180px; height: 30px; }
.bot_m ul li a { display: block; color: #666; font: 12px/26px "Arial"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bot_m ul li a:hover { color: #06c; }
.bot_r { width: 300px; height: auto; overflow: hidden; color: #333; font: 14px/26px "Arial"; }
.quick { width: 298px; height: auto; overflow: hidden; margin-top: 40px; padding: 10px 0; border: 1px solid #ccc; background: #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.quick img { margin: 0 8px; }
.bot_tit { margin-bottom: 10px; height: 30px; border-bottom: 1px solid #ccc; color: #333; font: 20px/30px "Microsoft YaHei"; }
/* bot end */
/* footer start */
.footer_box { width: 100%; height: auto; overflow: hidden; padding: 20px 0; background: #ccc; }
.footer { margin: 0 auto; width: 1200px; height: auto; overflow: hidden; color: #333; font: 12px/20px "Arial"; }
/* footer end */

/*内页排版*/
.wrap-bg { padding-top: 37px; padding-bottom: 23px; }
.container { width: 1200px; margin: 0px auto; }
.clearFix:after { content: " "; display: block; clear: both; height: 0; overflow: hidden; }
.clearFix { *zoom: 1; }
.frams, .menu li .icn_add, .menu li .icn_jian { background: #fff; }
.menu li .menu_first { font-size: 18px; }
.siders { width: 270px; float: left; }
.siders .botbox { width: 268px; margin-top: 10px; border: 1px solid #f0efee; text-align: center; background-color: #fff; height: 224px; padding-top: 44px; }
.menu { background: #fff; }
.menu li { font-size: 12px; }
.menu li.current .sub-sub-menu { display: block; }
.menu li.current .menu_first { color: #fff; background: #004e91; }
.menu li.current .icn_add, .menu li.current .icn_jian { color: #354052; }
.menu li .menu_first { display: block; padding-left: 37px; height: 42px; line-height: 42px; padding-top: 0; border-bottom: #eaeaea solid 0px; }
.menu li .icn_add, .menu li .icn_jian { position: absolute; right: 34px; top: 31px; display: inline-block; width: 9px; height: 9px; line-height: 9px; line-height: 7px; font-size: 9px; }
.menu li .icn_jian { background: #888; color: #fff; }
.menu li .sub-sub-menu { display: none; border-bottom: #eaeaea solid 0px; padding: 0px 0 0px; }
.menu li .sub-sub-menu dt { line-height: 40px; border-left: 1px solid #f0efee; border-right: 1px solid #f0efee; border-bottom: 1px solid #f0efee; background-color: #fff; font-size: 14px; }
.menu li .sub-sub-menu dt a { display: block; padding-left: 25px; color: #666; background: url(" ico_ins_leftnavli.png") no-repeat 15px bottom; }
.menu li .sub-sub-menu dt.current a, .menu li .sub-sub-menu dt:hover a, .menu li .sub-sub-menu dt a:hover { color: #000; background: url(" ico_ins_leftnavli.png") no-repeat 15px top #EAEAEA; }
.menu li.current .sub-sub-menu1 { display: block; }
.menu li .sub-sub-menu1 { display: none; border-bottom: #eaeaea solid 1px; padding: 9px 0 18px; }
.menu li .sub-sub-menu1 dt { line-height: 60px; border-left: 1px solid #f0efee; border-right: 1px solid #f0efee; border-bottom: 1px solid #f0efee; background-color: #fff; font-size: 14px; }
.menu li .sub-sub-menu1 dt a { display: block; color: #666; background: url(" ico_ins_leftnavli.png") no-repeat 12px bottom; padding-left: 26px; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu li .sub-sub-menu1 dt.current a, .menu li .sub-sub-menu1 dt:hover a, .menu li .sub-sub-menu1 dt a:hover { color: #fff; background: url(" ico_ins_leftnavli.png") no-repeat 12px top #C00; }
.border { border: #eaeaea solid 0px; }
.frams { float: right; width: 910px; }
.border { border: #eaeaea solid 0px; }
.fram-title { border-bottom: #DBDCDE solid 5px; padding: 8px 0 8px 0; position: relative; }
.fram-title span { display: inline-block; border-left: #005bac solid 5px; margin-left: 5px; height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; padding-left: 20px; }
.fram-title .sub-menu { position: absolute; right: 31px; top: 12px; }
.fram-title .sub-menu a { color: #c8c8c8; }
.fram-title .sub-menu font { color: #888888; }
.fram-title .sub-menu em { font-family: "宋体"; padding: 0 8px; color: #c8c8c8; font-style: normal; }
.sub_content { padding: 20px 10px 20px; min-height: 300px; font-size: 14px; }
.prosub_content { margin: 10px 0; }
.sub_info { line-height: 25px; padding: 15px 0px 0px 0px; min-height: 300px; font-size: 14px; }
.sub_info p { margin-bottom: 0px; }
.sub_info img { line-height: 0px; }
.sub_contact_left { padding: 15px 0px; line-height: 28px; background: #005bac; color: #FFFFFF; }
.sub_contact_left a:link, .sub_contact_left a:visited { color: #FFFFFF; }
.sub_contact_left a:hover { color: #FFFFFF; text-decoration: underline; }
.m_t { margin-top: 20px; }
.show_ct { padding: 20px 0px 0px; clear: both; height: 150px; overflow: hidden; }
.show_ct dl { margin: 0px 0px; width: 163px; text-align: center; overflow: hidden; float: left; display: inline; }
.show_ct dl img { overflow: hidden; border: 1px solid #CCCCCC; }
.show_ct dt a { border-image: none; display: inline-block; }
.show_ct dd a { font-size: 13px; line-height: 20px; }
.show_ct dt { overflow: hidden; }
.show_ct .to_lf { margin-top: 55px; }
.show_ct .to_rt { margin-top: 55px; }
.show_ct .to_lf { margin-right: 10px; }
.honor_ys { display: block; padding-left: 10px; }
/*右顶*/
.index_righttop { height: 44px; border-bottom: #DBDCDE solid 5px; }
.index_righttop .Path_t { width: 450px; height: 44px; float: left; margin-left: 0px; }
#breadcrumb-wrapper { width: 100%; height: 44px; font-size: 11px; line-height: 44px; }
#breadcrumb-wrapper li { color: #FFF; height: 44px; line-height: 44px; float: left; }
#breadcrumb-wrapper li a { color: #FFF; height: 44px; line-height: 44px; float: left; display: block; }
#breadcrumb-wrapper li:first-child .br-left { width: 5px; height: 44px; background: url( br-left.png); float: left; }
#breadcrumb-wrapper li:first-child .br-mid { height: 44px; background: url( br-mid.png); padding-left: 7px; float: left; height: 44px; line-height: 44px; }
#breadcrumb-wrapper li a .br-mid { color: #FFF; height: 44px; line-height: 44px; background: url( br-mid.png); padding-left: 19px; float: left; position: relative; z-index: 1980; }
.br-right { width: 17px; height: 44px; background: url( br-right.png); float: left; position: relative; z-index: 1990; margin-right: -12px; }
#breadcrumb-wrapper a:hover .br-left, #breadcrumb-wrapper a.active .br-left { background: url( br-left-hover.png); }
#breadcrumb-wrapper a:hover .br-mid, #breadcrumb-wrapper a.active .br-mid { background: url( br-mid-hover.png); height: 44px; line-height: 44px; color: #FFF; }
#breadcrumb-wrapper a:hover .br-right, #breadcrumb-wrapper a.active .br-right { background: url( br-right-hover.png); }
.quick01 { width: 228px; float: right; height: 44px; }
.quick01 li { width: 34px; float: left; margin-left: 4px; }
.quick01 li a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
/* 01 */
.left_a { color: #fff; background: #004482; display: block; padding-left: 10px; height: 42px; line-height: 42px; font-size: 18px; margin-bottom: 2px; }
#lnr { float: left; width: 279px; }
#lnr ul li { float: left; width: 279px; padding-bottom: 2px }
#lnr ul li a { float: left; width: 256px; height: 30px; line-height: 33px; background: url( 3_11.jpg) no-repeat; color: #FFF; padding-left: 23px; }
#lnr ul li a.hover { color: #F60; }
#lnr ul li a:hover { color: #F60; }
#lnr ul li ul li a { background: none; border-bottom: 1px dotted #8F8F8F; color: #333; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.syzs_ysk { margin:13px auto; width:1200px; }
.syzs_ys { margin:0px auto; width:1240px; overflow:hidden; }
.syzs_ys dl { width:270px; float:left; margin-right:38px; text-align:center; border:1px solid #DDDDDD; }
.syzs_ys dl DT img { line-height:0px; }

.cs-div {
	width:140px;
	height:auto;
	text-align:center;
	position:absolute;
	z-index:99999;
	overflow:hidden
}
.cs-div #cs-close {
	float:right;
	width:32px;
	height:35px;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0
}
.cs-bar {
	padding:0;
	width:32px;
	height:116px
}
.cs-bar #cs-close {
	width:32px;
	height:116px;
	background:url( cs.gif) no-repeat -106px 0;
	top:0;
	right:0
}
.cs-inner {
	padding:60px 5px 0 10px;
	background:url( cs.gif) no-repeat 0 -120px;
	display:none
}
.cs-inner img {
	margin-bottom:10px
}
.cs-btm {
	width:100%;
	height:15px;
	background:url( cs.gif) no-repeat 0 bottom
}

.le1{ width:320px; float:left; margin-left:50px;  border:1px #EEE solid;}

.le1-1{ height:80px; margin-bottom:10px;  background:url(cpbg.jpg) no-repeat;}
.le2{ float: right; width:750px; min-height:700px;  margin-right:50px;    border:1px #EEE solid; }
.le1-2 ul{ padding:0; margin:0;}
.le1-2 ul li{ width:100%; height:40px; margin:0 0 5px 0; background-color:#E7E7E7;}
.le1-2 ul li a,.le1-2 ul li a:visited{ font: 18px/40px "微软雅黑"  ; display:block; padding-left:15px; letter-spacing:2px;}
.le1-2 ul li a:hover{ background-color:#333; color:#F00; cursor:pointer;}
.le1-3{ height:70px; margin:20px 0 10px 0; background:url(zxkf.jpg) no-repeat; }
.le1-4{ padding:5px 0 50px 15px; font-size:16px; font-family:"微软雅黑"; line-height:40px;}
.le1-5{ background:url(zxkf2.jpg) no-repeat; height:205px;}
.le2-1{ height:40px; background:url(le2.jpg) no-repeat;}
.le2-1 .sy1{ line-height:39px; font-size:16px; font-family:"微软雅黑"; margin-left:25px; color:#FFF;}
.le2-2{ height:40px; float:left; line-height:39px; font-size:16px; font-family:"微软雅黑"; margin-left:10px;}
.le2-3{ padding:10px 5px 5px;  font-size:16px; font-family:"微软雅黑"; }


.nl li{ border-bottom:#F2F2F2 1px dashed; height:15px;}
.addTime{ font-size:12px; color:#666; font-family:"微软雅黑"; margin-right:10px;}
.className{ font-size:16px; letter-spacing:3px;}


.portfolio-img {
	width:160px;
	margin-bottom: 10px;
	overflow: hidden;
	border: 1px solid #999;
	margin-left: -3px;
}
.portfolio-img a {
	position: relative;
}
.portfolio-img a, .portfolio-img img {
	width: 100%;
	display: block;
	overflow: hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-img .opacity-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	cursor: pointer;
	background-color: #000;
	opacity: 0;
	filter: alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.portfolio-img .icon-zoom {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: url(../img/icon-zoom.png) no-repeat center;
}
.portfolio-img .icon-video {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: url(../img/icon-video.png) no-repeat center;
}
.portfolio-img a:hover .opacity-overlay {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.in_nav{ height:40px; background:#0077be;}
.in_nav ul{ width:1200px; margin-left:auto; margin-right:auto; display:block;}
.in_nav ul li{ float:left; width:125px; text-align:center;}
.in_nav ul li a{ color:#FFF; line-height:40px; font-size:14px; display:block; width:125px; height:40px;}
.in_nav ul li a:hover{ background:#015486; font-weight:600;}