/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; background:#FFF;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#114fc0; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:"microsoft yahei",Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



/*index*/
.intop{width: 100%;height:90px;background: url(../images/top_bg.jpg) top center repeat-x;clear: both;overflow: hidden;min-width: 1200px;}
.in_top{ width:1190px; height:90px; margin:0 auto; overflow:hidden; }
.in_top .lt{ float:left; padding-top:10px;}
.in_top .rt{ float:right;}
.in_top .rt .menu{ float:left; padding:28px 30px 0 0;}
.in_top .rt .menu li.mainlevel { float:left; margin:0 7px;}
.in_top .rt .menu li.mainlevel a{ display:block; width:85px; height:34px; line-height:34px; text-align:center;font-size: 16px;}
.in_top .rt .menu li.mainlevel a:hover{ background:#0067ac; color:#fff;}
.in_top .rt .menu li.mainlevel.cur>a{ background:#0067ac; color:#fff;}
.in_top .rt .menu li.mainlevel ul{display: none; position: absolute;z-index: 99999;padding-top: 28px;background: url(../images/nav_drop.png) top left no-repeat;}
.in_top .rt .menu li.mainlevel ul li{width: 200px;height: 40px;line-height: 40px;}
.in_top .rt .menu li.mainlevel ul li a{width: 100%;height: 100%;line-height: 40px;background: #fff;text-align: left;}
.in_top .rt .menu li.mainlevel ul li a span{margin: 0 10px 0 20px;}


.in_top .rt .lang{ float:left; margin:29px 0 0 0;}
.in_banbox{ clear:both; width:100%; height:570px; overflow:hidden;min-width: 1200px;}
.in_p_1{ clear:both; text-align:center; padding-top:55px; font-size:21px; line-height:23px;}
.in_p_2{ width:33px; height:3px; background:#0067ac; margin:11px auto 13px auto;}
.in_p_3{ text-align:center; color:#666; line-height:20px;font-size:14px;}
.in_pro{ clear:both; width:1200px; margin:44px auto 0 auto; padding-bottom:40px; }
.in_pro ul{ overflow:hidden;}
.in_pro ul li{ float:left; width:550px; height:260px; padding:20px; margin:0 10px 10px 0; background:#f3f3f3; color:#FFF;}
.in_pro ul li.none{ margin-right:0;}
.in_pro ul li a{ color:#FFF;}
.in_pro ul li .llt{ float:left; background:#FFF; padding:8px; width:244px;}
.in_pro ul li .lrt{ float:right; width:270px;height: 264px;}
.in_pro ul li .lrt .p_1{ color:#333; font-size:16px; line-height:18px; font-weight:bold; padding-top:15px;}
.in_pro ul li .lrt .p_2{ color:#666; font-weight:bold; padding-top:25px;}
.in_pro ul li .lrt .p_3{ color:#666; line-height:26px; max-height:156px; overflow:hidden; padding-top:5px;}
.in_pro ul li:hover{ background:url(../images/app_bg.jpg) top center no-repeat;}
.in_pro ul li:hover .lrt .p_1{ color:#FFF;}
.in_pro ul li:hover .lrt .p_2{ color:#FFF;}
.in_pro ul li:hover .lrt .p_3{ color:#FFF;}
.in_pro ul li .lrt .lrm{margin-top: 50px;}
.in_pro ul li .lrt .lrm a{color:#666}
.in_pro ul li .lrt .lrm a:hover{color: #FFFFFF;}
.in_pro ul li:hover .lrt .lrm a{color: #FFFFFF;}

.in_pro .more{ display:block; clear:both; width:150px; height:40px; line-height:40px; background:#0193DE; color:#FFF; text-align:center; margin:30px auto 0 auto;}
.in_abbox{ clear:both; min-width: 1200px;width:100%; height:500px; background:url(../images/about_bg.jpg) top center no-repeat; overflow:hidden; position:relative;}
.in_ab{ width:1200px; margin:0 auto;}
.in_ab .titen{ position:absolute; top:61px; left:50%; margin-left:-300px; width:300px; height:50px; line-height:50px; text-align:center; color:#FFF; background:#da251d;}
.in_ab .box{ float:right; width:520px; height:500px; overflow:hidden; padding-right:0px; color:#FFF;}
.in_ab .box .p_1{ font-size:28px; line-height:23px; padding-top:70px;}
.in_ab .box .p_2{ width:112px; height:2px; background:#fff; margin:15px 0 27px 0;}
.in_ab .box .info{ line-height:35px;font-size:16px}
.in_ab .box .box_c{margin-top: 30px;}

.in_ab .box .box_c .left a{float:left; display: block; width: 130px; height: 39px;line-height: 37px;text-align: center; border:solid 1px #FFF;color: #FFF;margin-right: 25px;margin-top: 2px;}
.in_ab .box .box_c p{line-height: 39px;overflow: hidden;}
.in_ab .box .box_c p i{line-height: 39px;font-size: 24px;font-family: Georgia;}
.in_ab .box_l {float: left;overflow:hidden; margin-top: 61px;}
.in_ab .box_l ul{margin-top: 10px}
.in_ab .box_l li{width: 139px;height: 38px;margin-bottom: 15px;text-align: center;line-height: 40px;}
.in_ab .box_l li a {width: 100%;height: 100%;display: block;color: #666666;background-color: #f3f3f3;font-size: 14px;}
.in_ab .box_l li:hover a{background: url(../images/about_01.jpg) center center no-repeat;color: #fff;}

.in_prolistbox{clear:both; width: 100%; padding-top:45px;min-width: 1200px;}
.in_prolistbox ul{overflow:hidden;width:1200px;margin:0 auto; }
.in_prolistbox ul li{ float:left; width:150px;height: 38px; margin: 1px;line-height: 38px;text-align: center;}
.in_prolistbox ul li:first-child,.in_prolistbox ul li:last-child{width: 121px;}
.in_prolistbox ul li a{width: 100%;height: 100%;display: block;background: #f3f3f3;color: #666666;}
.in_prolistbox ul li:hover a{background: url(../images/pro_list_hover.jpg) top center no-repeat;color: #fff;}
.in_prolistbox ul li:first-child a{background: url(../images/pro_list_hover.jpg) top center no-repeat;color: #fff;}

.in_yybox{ clear:both; width: 100%; padding-top:45px;}
.in_yybox ul{ overflow:hidden;width:100%;margin:0 auto; }
.in_yybox ul li{ float:left; width:20%; position:relative;}
.in_yybox ul li img{ width:100%; max-width:100%;border: 1px solid #f3f3f3;display: block;}
.in_yybox ul li .mb{ position:absolute; left:23px; top:23px; background:url(../images/pro_hover.png) repeat; width:calc(100% - 46px); height:calc(100% - 46px); z-index:10; display:none;}
.in_yybox ul li .info{ position:absolute; left:23px; top:23px; width:calc(100% - 46px); height:calc(100% - 46px); color:#FFF; overflow:hidden; z-index:11; display:none;}
.in_yybox ul li .info b{ display:block; text-align:center; font-size:16px; line-height:18px; padding-top:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_yybox ul li .info div{ line-height:25px; padding:12px 16px 0 16px;}
.in_yybox ul li:hover .mb{ display:block;}
.in_yybox ul li:hover .info{ display:block;}
.in_yybox .more{display:block;width:100%;height: 50px;line-height:50px;color: #114fc0;text-align: center;background: #f3f3f3;margin: 0 auto; }

.in_news{ clear:both; width:1200px; margin:50px auto 0 auto; padding-bottom:50px;}
.in_news ul{ overflow:hidden;}
.in_news ul li{ float:left; width:385px; margin: 0px 7px;}
.in_news ul li.none{ margin-right:0;}
.in_news ul li .imgbox{ position:relative;}
.in_news ul li .imgbox img{display:block;}
.in_news ul li .imgbox .mb{ position:absolute; left:0; top:0; background:url(../images/news_hover.png) repeat; width:100%; height:100%; display:none;}
.in_news ul li .imgbox .tm{ position:absolute; right:0; bottom:0; width:62px; height:64px; background:#0067ac; color:#FFF; text-align:center; line-height:16px;overflow:hidden;white-space:nowrap;font-size: 16px;}
.in_news ul li .imgbox .tm em{ display:block; font-size:26px; line-height:40px;}
.in_news ul li b{ display:block; font-size:16px; line-height:52px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_news ul li p{ line-height:26px; color:#666; max-height:78px; overflow:hidden;}
.in_news ul li:hover .imgbox .mb{ display:block;}
.in_news ul li:hover b{color:#114fc0}
.in_infobox{ clear:both; width:100%; height:370px; background:url(../images/index_13.jpg) top center no-repeat; overflow:hidden;}
.in_info{ width:1200px; margin:0 auto; padding-top:50px;}
.in_info ul{ overflow:hidden;}
.in_info ul li{ float:left; width:386px; margin-right:21px;}
.in_info ul li.none{ margin-right:0;}
.in_sv_bg{background:#E9E9E9;width: 100%;overflow: hidden;}
.in_sv{ clear:both; width:1200px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.in_sv .lt{ float:left; width:586px;}
.in_sv .in_p_1{ text-align:left;}
.in_sv .in_p_2{ margin:11px 0 13px 0;}
.in_sv .in_p_3{ text-align:left;}
.in_sv .lt .box{  margin-top:30px; min-height:415px; }
.in_sv .lt .box ul{ overflow:hidden;}
.in_sv .lt .box ul li{ float:left; margin: 20px 7px;text-align:center;width: 180px; height: 64px;line-height: 64px;}
.in_sv .lt .box ul li.none{ border-right:0;}
.in_sv .lt .box ul li img{ display:block;}
.in_sv .lt .box ul li:last-child a{color: #666666;width: 100%;height: 100%;font-size: 24px;}
.in_sv .lt .box ul li:last-child:hover a{color: #114fc0;}

.in_sv .rt{ float:right; width:586px;}
.in_sv .rt .box{ width:550px; height:380px; padding:20px 0 0 20px; border:8px solid #FFFFFF;background: #FFFFFF; margin-top:30px;}
.in_sv .rt .txtbox{ border:1px solid #EBEBEB; width:527px; height:34px; margin-bottom:9px;}
.in_sv .rt .txtbox span{ float:left; color:#999; line-height:34px; padding-left:10px;}
.in_sv .rt .txtbox input{ float:left; width:455px; margin-left:10px; height:34px; line-height:34px; border:0; outline:none;}
.in_sv .rt .txtbox_1{ height:78px;}
.in_sv .rt .txtbox_1 textarea{ float:left; width:455px; margin-left:10px; height:64px; padding:7px 0; line-height:20px; font-size:14px; border:0; outline:none; resize:none;}
.in_sv .rt .txtbox_2 input{ width:100px;}
.in_sv .rt .txtbox_2 div{ float:right; width:120px; height:34px; border-left:1px solid #EBEBEB; background:#F8F8F8;}
.in_sv .rt .txtbox_2 div img{ margin:6px 0 0 10px;}
.in_sv .rt .btn{ clear:both; width:152px; height:38px; line-height:38px; border:0; background:url(../images/submit_01.jpg) top center no-repeat; color:#FFF; font-weight: bold; text-align:center; cursor:pointer;}
.in_btmbox{ clear:both; width:100%; background:#363636; border-bottom:1px solid #212121;min-width: 1200px;}
.in_btm{width:1200px; margin:0 auto; overflow:hidden; padding:42px 0; color:#999;}
.in_btm a{ color:#999;}
.in_btm a:hover{ color:#FFF;}
.in_btm .box{ float:left; width:470px; min-height:163px;}
.in_btm .box .p_1{ font-size:18px; color:#FFF; line-height:20px;}
.in_btm .box .p_2{ width:45px; height:2px; background:#e2000f; margin:13px 0;}
.in_btm .box .info{ line-height:26px;}
.in_btm .box_1{ width:310px; padding-left:70px;}
.in_btm .box_1 .list{ overflow:hidden;}
.in_btm .box_1 .list ul{ float:left; width:105px; line-height:26px;}
.in_btm .box_2{ width:280px; padding-left:70px; background:none;background: url(../images/index_16.png) top left no-repeat;}
.in_btm .box_2 .wx{float: left;}
.in_btm .box_2 .wx img{margin-top: 5px;}
.in_btm .box_2 .scan{float: left;}
.in_btm .box_2 .scan img{margin: 25px 0px 10px 55px;}
.in_btm .box_2 .scan p{color: #8e8e8e; margin-left: 37px;}

.in_cpybox{ clear:both; width:100%; background:#363636; border-top:1px solid #4B4B4B; min-width: 1200px;}
.in_cpy{ width:1200px; margin:0 auto; height:66px; line-height:66px; color:#999;}
.in_cpy a{ color:#999;}
.in_cpy a:hover{ color:#FFF;}
.in_cpy .lt{ float:left;}
.in_cpy .rt{ float:right;}


/* ====== public banner start ====== */
.carousel-btn {
	text-align:center;
	margin:10px 0;
}
.carousel-btn a {
	display:inline-block;
	width:32px;
	height:7px;
	margin:0 5px;
	background:#dadadc;
	vertical-align:middle;
}
.carousel-btn .selected {
	background:#0067ac;
	cursor:default;
}
.carousel-btn a span {
	display:none;
}
.carousel-btn-fixed {
	width:100%;
	position:absolute;
	bottom:15px;
	left:0;
	margin:0;
	z-index:100;
}
.carousel {
	position:relative;
	padding:0px;
	min-width: 1200px;
	overflow:hidden;
}

.carousel-item {
	position:relative;
	float:left;
	display:block;
}
.carousel-item .carousel-img {
	display:block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
	cursor:default;
}
.carousel-item .carousel-img img {
	display:block;
}
.responsive-carousel {
	overflow:hidden;
}
.responsive-carousel .carousel-item img {
	width:100%;
	height:auto !important;
}
.responsive-carousel .carousel-direction {
	display:none;
}
.responsive-carousel:hover .carousel-direction {
	display:block;
}
.responsive-carousel-set .carousel-info-inner h3 {
	font-weight:normal;
}
/* ====== public banner end ====== */

/*products*/
.pro_banbox{ clear:both; width:100%; height:360px; background:url(../images/banner.jpg) center center no-repeat;}
.pro_banbox a{width:100%;height:100%;display:block;}
.pro_cont{ clear:both; width:1200px; margin:0 auto; overflow:hidden; padding:40px 0;}
.pro_cont .lt{ float:left; width:260px;}
.pro_cont .lt p{ height:80px; line-height:80px; padding-left:30px; background:url(../images/pro_05.jpg) top center no-repeat; color:#FFF; font-size:21px;}
.pro_cont .lt>ul>li{ padding-top:1px;}
.pro_cont .lt>ul>li>a{ display:block; padding-left:30px; height:59px; line-height:59px; background:#f3f3f3; font-size:16px;color: #666666;}
.pro_cont .lt>ul>li>a.cur{ color:#114fc0;}
.pro_cont .lt>ul>li>a:hover{ color:#114fc0;}

.threeNav li a{display: block;padding-left: 50px;height: 30px;line-height: 30px; background: #f3f3f3;font-size:13px;color: #666666;}
.threeNav li a.cur{ color:#114fc0;}
.threeNav li a:hover{ color:#114fc0;}

.pro_cont .rt{ float:right; width:920px;}
.pro_cont .rt .mbx{ height:50px; border-bottom:1px solid #CCCCCC; color:#666; line-height:50px; padding:0 0 0 11px;}
.pro_cont .rt .mbx a{ color:#666;}
.pro_main{ clear:both; padding:20px 0 0 0; min-height:300px; line-height:26px;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; width:286px; margin:0 10px 10px 10px;}
.pro_list li.none{ margin-right:0;}
.pro_list li img{ display:block;}
.pro_list li p{ text-align:center; color:#666; font-size:16px; height:42px; line-height:42px;}
.pro_list li:hover p{color:#114fc0;}

/*about*/
.ab_main{ clear:both; padding:30px 30px 0 30px; min-height:300px; line-height:26px;}


/*productShow*/
.pss_img{ padding:0 0 10px 0; text-align:center;}

.inq_btn{ clear:both; background:#0193DE; color:#FFF; display:inline-block; width:185px; height:40px; line-height:40px; text-align:center; margin-top:15px; border-radius:5px;} 
.inq_btn:hover,.inq_btn:active{ color:#FFF;}


/*honorShow*/
.hons_tit{ text-align:center; font-size:15px; font-weight:bold;}
.hons_img{ text-align:center; padding:10px 0 0 0;}


/*company*/
.com_cont .lt li{ padding:0 0 0 15px; height:48px; line-height:47px; background:url(../images/pro_09_1.jpg) no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.com_cont .lt li a.cur{ font-weight:bold; color:#009241;}
.com_cont .lt li a:hover{ font-weight:bold; color:#009241;}


/*news*/
.ns_list li{ clear:both; height:33px; line-height:33px; padding:0 0 0 20px; border-bottom:1px dashed #ccc; background:url(../images/news_43.png) 2px center no-repeat; }
.ns_list li a{ float:left}
.ns_list li span{ float:right; font-size:13px;}

/*newsShow*/
.nss_tit{ font-size:16px; font-weight:bold; line-height:20px; text-align:center; padding:10px 0 10px 0 ;}
.nss_dtm{ text-align:center; padding:0 0 15px 0; font-size:12px; color:#999;}
.nss_info{ clear:both; line-height:24px;}
.ff_pre{ clear:both; padding:15px 0 0 0;}
.ff_next{ clear:both; padding:0 0 10px 0;}
.picShow{width:100%;text-align:center;}
.picShow img{max-width:100%;}


/*feedback*/
.jn_main{ padding:60px 0 0 0;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:520px; margin:0px auto;}
.jn_box .jn_lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_box .jn_rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #0193DE;}
.jn_box textarea:focus{ border:1px solid #0193DE;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#0193DE}
.cl_red{ color:#f00;}
.fd_pro_tb{ width:98%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}



.inqBtn{
	background:#0e5ea6;
	color:#FFF;
	border-radius:5px;
	height:35px;
	line-height:35px;
	font-size:16px;
	text-align:center;
	display:block;
	width:100%;
	margin-top: 30px;
}
.inqBtn:hover{
	background:#0D5495;
	color:#FFF;
}


/*漂浮，在线咨询*/
#zxzx_rt{ position:fixed; right:20px; top:50%; color:#333; z-index:9999;}
#zxzx_rt .close{ float:left; width:25px; padding-top:12px;}
#zxzx_rt .close img{ cursor:pointer;}
#zxzx_rt .box{ float:right; width:125px; height:123px; border:2px solid #0e5ea6; background:#FFF; /*box-shadow:0px 0px 8px #B6D8E7;*/}
#zxzx_rt .box .p_1{ text-align:center; font-size:18px; line-height:20px; font-weight:bold; color:#0e5ea6 ; padding-top:9px;}
#zxzx_rt .box .p_2{ padding:0 0 0 6px; line-height:16px; font-size:12px; padding-top:14px; text-align:left;}
#zxzx_rt .box .p_3{ margin:10px auto 0 auto; width:60px; padding-left:37px; height:30px; line-height:30px; background:#EEE url(../images/zxzx_05.png) 11px center no-repeat; font-size:12px; font-weight:bold; color:#f5680d; cursor:pointer;}
#zxzx{ position:fixed; left:50%; top:50%; margin:-172px 0 0 -130px; color:#333; z-index:9999; width:256px; height:335px; border:1px solid #0e5ea6; border-radius:4px; background:#FFF; display:none;}
#zxzx .top{ height:42px; color:#FFF; background:#0e5ea6; border-radius:4px; overflow:hidden;}
#zxzx .top .tit{ float:left; padding:5px 0 0 10px; font-size:16px; line-height:18px;}
#zxzx .top .tit p{ color:#2F94EE; font-size:10px; line-height:16px; text-transform:uppercase;}
#zxzx .top .close{ float:right; padding:9px 15px 0 0;}
#zxzx .top .close img{ cursor:pointer;}
#zxzx .box_1{ clear:both; margin:7px 0 0 7px; width:233px; position:relative;}
#zxzx .area{ width:219px; height:70px; padding:10px 6px 6px 6px; border:1px solid #E5E5E5; border-radius:4px; color:#666; font-size:12px; line-height:16px;}
#zxzx .box_1 em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .box{ clear:both; margin:6px 0 0 7px; width:231px; height:30px; border:1px solid #E5E5E5; border-radius:4px; position:relative;}
#zxzx .box p{ float:left; padding-left:23px; width:48px; height:30px; line-height:30px; font-size:14px; color:#525252; background:#F4F4F4;}
#zxzx .box input{ float:right; width:140px; height:20px; padding:5px 5px 5px 15px; line-height:20px; border:0; color:#666; background:#FFF; font-size:12px;}
#zxzx .box em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .btnbox{ clear:both; padding:7px 0 0 7px;}
#zxzx .btnbox input{ width:108px; height:31px; line-height:31px; text-align:center; color:#FFF; border:0px; cursor:pointer;}
#zxzx .btnbox .btn1{ background:#0e5ea6; margin-left:3px;}
#zxzx .btnbox .btn2{ background:#535353; margin-left:7px;}

/*询盘，在线留言*/
/*feedback*/
.jn_main{ padding:60px 0 0 0;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:580px; margin:0px auto;}
.jn_box .lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_box .rt{ float:left; width:420px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #1756B3;}
.jn_box textarea:focus{ border:1px solid #1756B3;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#1756B3}
.cl_red{ color:#f00;}
.fd_pro_tb{ width:100%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}


/*page*/
/*css flickr style pagination*/
div.flickr {
	padding:20px 0px 0px 0px;margin:0px; text-align:center; font-family:Verdana; font-size:12px;
}
div.flickr a {
	border: #dedfde 1px solid; padding:2px 6px; background-position: 50% bottom; color: #165EE4; margin-right: 3px; text-decoration: none
}
div.flickr a:hover {
	border: #165EE4 1px solid;  background-image: none; color: #fff; background-color: #165EE4
}
div.meneame a:active {
	border: #165EE4 1px solid; background-image: none; color: #fff; background-color: #165EE4
}
div.flickr span.current {
	 padding:2px 6px; font-weight: bold; color: #165EE4; margin-right: 3px; 
}
div.flickr span.disabled {
	 padding:2px 6px; color: #adaaad; margin-right: 3px; 
}




/* ====== go top start ====== */
.gotop {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 50px;
	position: fixed;
	right: 20px;
	z-index: 1000;
	width:55px;
	height:55px;
	cursor:pointer;
	display:none;
}
.gotop:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
	display: block;
	height: 16px;
	overflow: hidden;
	width: 16px;
	border:3px solid #FFF;
	border-left:0px;
	border-bottom:0px;
    transform: rotate(-45deg);
    position:absolute;
    top:20px;
    left:20px;
}
/* ====== go top end ====== */