﻿/* CSS Document */
/*product*/
.product{ width: 1180px; height: 700px; margin: 25px auto;}
.product_left_title{ width: 234px; height: 50px; text-align: center;}
.product_left_title h3{ font: normal 18px "Microsoft YaHe"; margin-top: 12px;}
.product_left_title h3 a{ color: #fff;}
.product_left_title h3 em{ display: block; width: 234px; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase;}
.product_right{ width: 926px; height: 699px; float: right;}
.product_bottom{ width: 152px; height: 150px; margin: 0 auto; text-align: center;}
.product_bottom dl dd{ font: 20px "Microsoft YaHei"; color: #fff;}
.product_bottom dl dd i{ font-size: 12px; font-style: normal;}
.product_bottom dl dd img{ width: 99px; height: 17px;}
.product_bottom dl dt{ width: 152px; height: 40px; background: url(ljzx_bg.jpg) center no-repeat;  margin-top: 5px; font: 18px "Microsoft YaHei"; }
.product_bottom dl dt a{ color: #333; display: block; width: 152px; height: 40px; line-height: 37px;}

/*texiao*/
.container{
	width:1180px;
	height:700px;
	margin: 25px auto;
}

.menu{width: 234px; height: 676px;  background: url(product_bg.jpg) center no-repeat; float: left;
}

.menu ul{ list-style:none; width:179px; height: auto; overflow: hidden; margin:0 auto; padding: 15px 0px;}

.menu li{display:block; width:179px; height:38px; cursor:pointer; margin: 10px 0px;}


.menu li.current{
	background-position:0 0;
}

.menu span{ font-size: 13px; display:block; line-height:34px;text-align:left;}
.menu span a{ display: block; width: 159px; height: 38px; padding: 0px 10px;}
.menu .current span a:link{color: #083d89;}
.menu .current span a:visited{color: #083d89;}
.menu .current span a:hover{color: #083d89;}
.menu .current span a:active{color: #083d89;}

.menu span a:link{color: #fff;}
.menu span a:visited{color: #fff;}
.menu span a:hover{color: #083d89;}
.menu span a:active{color: #fff;}
.current span{ display: block; line-height: 38px; width: 179px; height: 48px; background: url(hover_bg.jpg) center no-repeat; color:#083d89;}

.con_Title{ width: 926px; height: 25px; border-bottom: 1px solid #cccccc; line-height: 25px;}
.con_Title h3{ font: normal 16px "Microsoft YaHei"; float: left; line-height: 25px;}
.con_Title h3 a{ color: #1d64bc;}
.con_Title h3 .w10{ display: block; width: 10px; height: 10px; background: #1d64bc; float: left; margin: 8px 5px 0px 0px;}
.con_Title i{ font-style: normal; float: right; line-height: 25px;}
.product_show{ width: 956px; height: auto; overflow: hidden; margin-top: 10px; position: absolute; left: -15px;}
.show_A{ width: 209px; height: 206px; float: left; margin: 10px 15px 0px 15px; display: inline;}
.show_pci{ width: 206px; height: 176px; border: 1px solid #ccc;}
.show_pci img{ width: 196px; height: 166px; padding: 5px;}
.show_text{ width: 194px; height: 30px; line-height: 30px; font-size: 13px; text-align: center;}

.content{ width:929px; height: 690px; float: right; position: relative;}

.content ul{ width:926px; height: auto; overflow: hidden; list-style:none;}

.content li{ width:800px; height:690px; display:block;}

.info{
	float:left;
	width:300px;
	margin:20px 0;
	height:auto;
}

.info p{
	font:bold 24px Verdana, Geneva, sans-serif;
	color:#999;
	display:block;
	line-height:34px;
	text-align:center;
}
	
.clear{
	clear:both;
}

/*gawei_all*/
#gawei_all{ width: 1180px; height: 141px; background: url(gawei_01.jpg) center no-repeat;}
.gawei_right{ width: 215px; height: 141px; float: right; position: relative; color: #fff;}
.gawei_right dl{ position: absolute; top: 18px;}
.gawei_right dl dd{ font: 18px "宋体";  line-height: 30px;}
.gawei_right span{ display: block; width: 152px; height: 40px; font: 16px"Microsoft YaHei"; position: absolute; top: 83px; text-align: center;}
.gawei_right span a{ display: block; width: 152px; height: 40px; line-height: 40px;}

/*abhon*/
#abhon{ width: 100%; height: 515px; background: #e9edee; margin: 20px 0px;}
.abhon_all{ width: 1180px; height: auto; overflow: hidden; margin: 0 auto; padding: 36px 0px 46px 0px;}
.about_left{ width: 868px; height: 440px; float: left;}
.about_title{ width: 868px; height: 30px; font-family: "Microsoft YaHei";}
.about_title h3{ font: normal 18px "Microsoft YaHei"; line-height: 30px; float: left;}
.about_title h3 i{ width: 16px; height: 14px; margin-right: 5px;}
.about_title h3 i img{ width: 16px; height: 14px;}
.about_title h3 a{ color: #1d64bc;}
.about_title span{ display: block; width: 50px; height: 30px; line-height: 38px; float: left; padding-left: 5px; font-family: "宋体";}
.about_title span a{ color: #333;}
.about_main{ width: 868px; height: 379px; background: url(about_text_bg.png) center no-repeat; margin-top: 36px;}
.about_img{ width: 358px; height: 366px; float: left; padding: 7px;}
.about_img img{ width: 358px; height: 366px;}
.about_text{ width: 476px; height: 303px; float: right; margin: 28px 10px 0px 0px;}
.about_text h3{ font: normal 22px "Microsoft YaHei"; text-transform: uppercase;}
.about_text h3 a{ color: #999;}
.about_text p{ line-height: 28px; color: #666; margin: 25px auto;} 
.about_text span{ display: block; width: 144px; height: 37px; box-shadow: #666 0px 0px 10px; background: #f2f3f7; behavior: url(pie.htc); line-height: 37px; text-align: center; float: left;}
.honor_right{ width: 290px; height: 440px; float: right; display: inline;}
.honor_main{ width: 290px; height: 379px; background: url(honor_text_bg.png) center no-repeat; margin-top: 36px; }

/*honor_G*/
.focus {width: 265px;height: 277px;position: relative;}
.xx {width: 265px;height: 277px; overflow:hidden;position: absolute; top: 50px;}
.f-img-list {height: 277px;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 100;width: 265px;background: url('f-img-list-bg.jpg');}
.f-img-list li {width: 265px;height:277px;text-align: center;position: absolute;left: 0;top: 0;z-index: 101; background: #fff;}
.f-img-list li span{width: 195px; height: 20px; display: block; margin-top: 5px;}
.f-img-list li.on {z-index: 105;}
.f-img-list li img{width: 167px;height: 236px; border: 6px solid #eaedf1;}
.focus-page-btn {width: 44px;height: 44px;background: url('focus-page-btns.png') no-repeat;position: absolute;top: 150px;z-index: 110;}
.focus-btn-prev {background-position: 0 0;left: 0px;}
.focus-btn-next {background-position: -44px 0;right: 0px;}
.focus_box{width: 290px; height: 379px;}
/*honor_G end*/















/*ys*/
#ys{ width: 100%; height: 1219px; background: url(ys_bg.jpg) center no-repeat; margin-top: 70px;}
.ys_all{ width: 1180px; height: 1035px;margin: 0 auto; position: relative;}
.ys_one{ width: 640px; height: 169px; text-align: left;}
.ys_one h3{ font-weight: normal; font-size: 30px; color: #00599e;  position: absolute; top: 182px; left: 70px;}
.ys_one h3 span{ display: block; width: 640px; font-family: Arial, Helvetica, sans-serif; font-size: 8px; text-transform: uppercase;}
.ys_one ul {position: absolute; top: 263px; left: 125px;}
.ys_one ul li{ color: #666; font-size: 14px; line-height: 35px; }

.ys_two{ width: 640px; height: 169px; text-align: left;}
.ys_two h3{ font-weight: normal; font-size: 30px; color: #00599e;  position: absolute; top: 465px; left: 70px;}
.ys_two h3 span{ display: block; font-family: Arial, Helvetica, sans-serif; font-size: 8px; text-transform: uppercase;}
.ys_two ul {position: absolute; top: 542px; left: 125px;}
.ys_two ul li{ color: #666; font-size: 14px; line-height: 35px; }

.ys_three{ width: 640px; height: 169px; text-align: left;}
.ys_three h3{ font-weight: normal; font-size: 30px; color: #00599e;  position: absolute; top: 778px; left: 690px; width: 450px;}
.ys_three h3 span{ display: block; width: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 8px; text-transform: uppercase;}
.ys_three ul {position: absolute; top: 855px; left: 740px; width: 266px;}
.ys_three ul li{ color: #666; font-size: 14px; line-height: 35px; }

.ys_four{ width: 640px; height: 169px; text-align: left;}
.ys_four h3{ font-weight: normal; font-size: 30px; color: #00599e;  position: absolute; top: 1020px; left: 690px; width: 460px;}
.ys_four h3 span{ display: block; width: 460px; font-family: Arial, Helvetica, sans-serif; font-size: 8px; text-transform: uppercase;}
.ys_four ul {position: absolute; top: 1098px; left: 740px; width: 385px;}
.ys_four ul li{ color: #666; font-size: 14px; line-height: 35px; }

/*pk*/
#pk{ width: 1180px; height: 391px; background: url(pk_bg.jpg) center no-repeat; margin: 0 auto;}
.pk_title{ width: 450px; height: 74px; margin: 0 auto; font-family: "Microsoft YaHei"; padding-top: 24px;}
.pk_title h3{ font-size: 45px; font-weight: normal; color: #fff; line-height: 50px; letter-spacing: 4px;}
.pk_title h3 span{ font-size: 35px; margin-left: 10px;}
.pk_main{ width: 1180px; height: auto; overflow: hidden;}
.pk_all{ width: 298px; height: 220px; overflow: hidden; float: left; margin: 50px 40px 0px 45px; position: relative; display: inline;}
.pk_all .all_title{ width: 298px; height: 35px; line-height: 35px; background: #003179;}
.pk_all .all_title h3{ font-weight: normal; font-family: "Microsoft YaHei"; font-size: 18px; color: #fff; margin-left: 8px;}
.pk_all .all_title h3 em{ font-style: normal; font-size: 11px; color: #6779a1; margin-left: 5px;}
.pk_left{ float: left; width: 121px; height: 155px; margin-top: 30px;}
.pk_left span{ display: block; width: 121px; height: 30px; line-height: 30px; text-align: center; color: #fff;}
.pk_img{ width: 121px; height: 121px;}
.pk_img img{ width: 121px; height: 121px;}
.pk_vs{ float: left; width: 31px; height: 23px; position: absolute; top: 115px; left: 133px;}
.pk_right{ width: 121px; height: 155px; float: right; margin-top: 30px;}
.pk_right span{ display: block; width: 121px; height: 30px; line-height: 30px; text-align: center; color: #fff;}

/*kh*/
#kh{ width: 100%; height: 598px; background: url(kh_bg.jpg) center no-repeat; margin: 65px 0px;}
.kh_all{ width: 1180px; height: 410px; position: relative; margin: 0 auto;}

.kh_title{ width: 1180px; height: 30px; line-height: 30px; margin: 0 auto; padding-top: 32px;}
.kh_title h3{ font-weight: normal; font-family: "Microsoft YaHei"; font-size: 18px; float: left;}
.kh_title h3 i{ width: 31px; height: 24px; display: block; float: left; margin: 5px 6px 0px 0px;}
.kh_title h3 i img{ width: 31px; height: 24px;}
.kh_title h3 a{ color: #1d64bc;}
.kh_title span{ display: block; width: 50px; height: 30px; line-height: 30px; float: right;}
.kh_main{ width: 1180px; height: 409px; }
.kh_main_T{ width: 257px; height: 409px; background: url(jz_text_bg.jpg) center bottom no-repeat; float: left; margin: 62px 18px 0px 18px; display: inline;}
.kh_main_T span{ display: block; width: 130px; height: 100px; margin: 0 auto;}
.kh_main_T h3{ width: 212px; height: 30px; line-height: 30px; margin: 0 auto; font-weight: normal; font-family: "Microsoft YaHei"; font-size: 14px; text-align: center; margin-top: 8px;}
.kh_main_T h3 a{ color: #1d64bc;}
.kh_main_T p{ width: 212px; height: 168px; overflow: hidden; line-height: 24px; margin: 25px auto;}
.kh_main_T .kh_more{ display: block; width: 144px; height: 37px; text-align: center; line-height: 37px; font-family: "Microsoft YaHei"; font-size: 16px; background: url(more_bg.jpg) center no-repeat; float: left; margin-left: 18px;}
.kh_main_T .kh_more a{ color: #0f9fe5;}

/*gawi_two*/
#gawi_two{ width: 1180px; height: 118px; background: url(gawei_02.jpg) center no-repeat;}
.gawi_right{ width: 215px; height: 141px; float: right; position: relative; color: #fff;}
.gawi_right dl{ position: absolute; top: 10px;}
.gawi_right dl dd{ font: 18px "宋体";}
.gawi_right span{ display: block; width: 152px; height: 40px; font: 16px"Microsoft YaHei"; position: absolute; top: 68px; text-align: center;}
.gawi_right span a{ display: block; width: 152px; height: 40px; line-height: 40px;}

/*jxcase*/
#jxcase{ width: 100%; height: 358px; background: #e9edee; margin: 60px 0px;}
.jxcase_all{ width: 1180px; height: 285px; margin: 0 auto; padding: 29px 0px;}
.jxcase_title{ width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid #cccccc;}
.jxcase_title h3{ width: 140px; height: 30px; line-height: 30px; float: left; font-family: "Microsoft YaHei"; font-weight: normal; font-size: 18px;}
.jxcase_title h3 i{ width: 13px; height: 9px; display: block; float: left; margin: 10px 8px 0px 0px;}
.jxcase_title h3 a{ color: #1d64bc;}
.jxcase_title span{ display: block; width: 45px; height: 30px; line-height: 30px; float: right; text-align: center;}
.jxcase_main{ width: 1180px; height: 220px; margin-top: 35px;}

/*case_dg*/
#mrq{width:1180px; margin:20px auto; padding:2px}
#Marquee_x { overflow:hidden; width: 1180px } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:222px; width:281px; overflow:hidden}
#Marquee_x ul li div .jxcase_pic{ width: 275px; height: 186px; border: 1px solid #ccc;}
#Marquee_x ul li div .jxcase_pic img{ width:265px; height:176px; display:block; padding: 5px;}
#Marquee_x ul li div span{ display:block; width: 277px; height: 30px; text-align: center; line-height: 30px;}
/*case_dg end*/


/*newsf*/
#newsf{ width: 1180px; height: 450px; margin: 0 auto;}
.news_left{ width: 823px; height: 450px; float: left;}
.fqw_right{ width: 312px; height: 450px; float: right;}
.fqw_title{ width: 100%; height: 41px; border-bottom: 3px solid #1d64bc;}
.fqw_title h3{ width: 106px; height: 41px; float: left; font-family: "Microsoft YaHei"; font-size: 18px; text-align: center; background: #1d64bc; font-weight: normal; line-height: 41px; text-align: center;}
.fqw_title h3 a{ color: #fff;}
.fqw_title span{ display: block; width: 45px; height: 41px; line-height: 41px; text-align: center; float: right;}
/*news*/
#news{width: 823px; height: 640px; margin: 40px auto;}
#news .about_T span{ display: block; width: 139px; height: 15px;  margin-bottom: 5px;}


#title_cp1 {position:absolute;width:164px;height:41px;z-index:1;left: 0px;top: 0px; color: #fff; font-family: "Microsoft YaHei"; font-size: 18px; font-weight: 300; background: #1d64bc; text-align: center;}
#title_cp01 {
	position:absolute;
	width:164px;
	height:41px;
	z-index:1;
	left: 0px;
	top: 0px;
	text-align: center;
	visibility: hidden;
	color: #fff; font-weight: 300; font-family: "Microsoft YaHei"; font-size: 18px;
	background: #707070;
	
}
#title_cp2 {
	position:absolute;
	width:164px;
	height:41px;
	z-index:1;
	left: 165px;
	top: 0px;
	text-align:left;
	color: #fff;
	background: #707070;
	text-align: center;
	font-family: "Microsoft YaHei"; font-size: 18px; font-weight: 300;
	
}

#title_cp02 {
	position:absolute;
	width:164px;
	height:41px;
	z-index:1;
	left: 165px;
	top: 0px;
	text-align: center;
	background: #1d64bc;
color: #fff; font-family: "Microsoft YaHei"; font-size: 18px; font-weight: 300;
	visibility: hidden;
	
}
#cp_c_1{
	position:absolute;
	left:0px;
	height: 400px;
	width:823px;
}
#cp_c_2{visibility: hidden;position:absolute;left:0px;height: 400px;  width:823px;}


.box_hd{
	width:823px;
	height:400px;
	position:relative;
}
.box_hd_title{
	width:823px;
	height:41px;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
	line-height: 41px;
	border-bottom: 3px solid #1d64bc;
	}
	
#gd_cp{
	width: 40px;
	height: 30px;
	line-height: 30px;
	position:absolute;
	right:9px;
	top:6px;
	font-family: "宋体";
	font-size: 12px;
	font-weight: normal;
}
	

/*news 内容*/
.pic_textone{width: 823px; height: 132px; overflow: inherit; margin: 20px auto;}
.pic_textone dl dd{width: 200px; height: 132px; float: left;}
.pic_textone dl dt{width: 600px; height: 132px; float: right;}
.pic_textone dl dt h3{font-size: 14px; color: #333; font-weight: normal; width: 600px; float: left; line-height: 28px; font-family: "Microsoft YaHei";}
.pic_textone dl dt h3 a{ color: #1d64bc;}
.pic_textone dl dt p{ width: 600px; height: 72px; overflow: hidden; line-height: 24px; float: left; margin: 4px 0px 10px 0px; display: inline;}
.w77{width: 64px; height: 21px; text-align: center;}
.w77 a{color: #1d64bc;}
.news_list{width: 823px; clear: both; margin: 0 auto;}
.news_list ul{ width: 379px; height: 219px; overflow: hidden; float: left;}
.news_list ul li{width: 379px; height: 35px; line-height: 35px; border-bottom: 1px dashed #dedede;}
.news_list ul li i{width: 8px; height: 7px; padding-right: 6px;}
.news_list ul li i img{width: 8px; height: 7px;}
.news_list ul li span{float: right;}
.news_list ul li a:hover{color: #ff6600;}

.fqw_main{ width: 312px; height: 380px; overflow: hidden;}
.qa_M{ width: 312px; height: 370px; float: left; margin-top: 20px; display: inline;}
/*QW*/
.wt_con
{
	width: 312px;
	height: auto;
	float: left;
	overflow: hidden;
	padding-bottom: 20px;
}
.went
{
	width: 312px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.went ul li
{
	width: 312px;
	overflow: hidden;
	margin-top: 15px;
}
.went .wen
{
	width: 312px;
	height: 30px;
	line-height: 30px;
}
.went .da
{
	width: 312px;
	height: auto;
	line-height: 25px;
	margin-top: 5px;
}

.w20
{width: 20px; height: 21px; float: left; background: #1d64bc; margin-top: 5px; color: #fff; text-align: center; line-height: 21px;}

.da20{width: 20px; height: 21px; float: left; background: #ff7500; margin-top: 5px; color: #fff; text-align: center; line-height: 21px;}

.w_title
{
	width: 280px;
	height: 30px;
	float: left;
	color: #333;
	overflow: hidden;
	margin-left: 10px;
}
.da_titile
{
	width: 280px;
	height: auto;
	float: left;
	margin-left: 10px;
}


.qa_yy{ width: 5px; height: 362px; float: left; margin: 3px 10px;}

.company{width: 358px; height: 375px; float: left; background: url(title_bg.jpg) no-repeat left top; }
.company_img{ width: 338px; height: 138px; border: 1px solid #eeeeee; cursor: pointer; margin: 10px 0px;}
.company_img img{ width: 329px; height: 129px; padding: 5px;} 
.company_list{width: 338px; height: 158px; float: left; border-top: 1px dashed #eee;}
.news_listN{ width: 338px; height: auto; overflow: hidden; float: left;}
.news_listR{ width: 338px; height: auto; overflow: hidden; float: right;}
.Nleft_bottom ul{ margin-top: 12px;}
.Nleft_bottom ul li{ width: 338px; line-height: 28px; border-bottom: 1px dashed #eeeeee;}
.Nleft_bottom ul li i{width: 6px; height: 6px; padding-right: 8px;}
.Nleft_bottom ul li span{ float: right;/* line-height: 31px; display: block; height: 30px; width: 54px;*/}
.information{width: 364px; height: 375px; float: right; background: url(title_bg.jpg) no-repeat left top; }

/*honor_us*/
#honor_us{ width: 1180px; height: 345px; margin: 0 auto; background: url(honor_bg.jpg) left top no-repeat;}
.honor_left{ width: 772px; height: 345px; float: left;}
.honor_title{ width: 100%; height: 64px;}
.honor_title h3{width: 85px; height: 60px; float: left; line-height: 54px; font-weight: normal; font-family: "Microsoft YaHei"; font-size: 20px; text-align: center; margin-left: 15px;}
.honor_title h3 a{ color: #fff;}
.honor_title span{ display: block; width: 59px; height: 38px; background: url(more_bg.jpg) right top no-repeat; float: right; margin-top: 20px; line-height: 25px; text-align: center;}
.honor_title span a{ color: #fff;}
.honor_G{width: 772px; height: 250px;}


/* apply */
.apply{width:890px;margin:20px auto 0 auto;}
.apply_array{width:210px;float:left;height:210px;margin-right:32px;}
.apply_array .vote{position:absolute;line-height:26px;margin-top:10px;padding-left:29px;width:83px;display:block;background:url(vote.gif) no-repeat 0px 0px;height:26px;color:#282828;margin-left:-6px;text-decoration:none;}
.apply_last{margin-right:0px}
.apply_img{text-align:center;width:210px;display:table-cell;background:#e2e2e2;height:186px;font-size:95px;vertical-align:middle}
.apply_array a{text-decoration:underline}
.apply_array a:hover{color:#e01111}
.apply_info{text-align:center;padding:15px;}
.apply_comment{text-align:center}
.apply_info a{line-height:17px;font-weight:700}
.apply_nav{position:relative;width:700px;float:left;height:252px;overflow:hidden}
.apply_w{position:absolute;margin-top:22px;width:1000px;float:left;left:0px}
.apply .img_l{padding:122px 12px 0 12px;float:left;cursor:pointer;}
.apply .img_r{padding:122px 12px 0 10px;float:left;cursor:pointer;}
.apply_array span{ display: block; width: 210px; height: 25px; line-height: 25px; font-size: 12px; text-align: center;}

/*link*/
#link{ width: 1180px; height: 74px; margin: 25px auto; overflow: hidden;}
.link_left{ width: 130px; height: 74px; float: left; background: url(link_bg.jpg) center no-repeat; position: relative;}
.link_left h3{ font-weight: normal; font-family: "Microsoft YaHei"; font-size: 16px; color: #fff; position: absolute; top: 40px; left: 25px;}
.link_right{ width: 1040px; height: 74px; float: right; margin-top: 25px;}































































































