@charset "utf-8";
/* CSS Document */
body {margin:0px; padding:0px; color:#3f4246; font: 0.75em/150% Lato Regular,Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none; font-style:normal;}
@font-face {font-family:"Lato Regular";src:url("../fonts/Lato-Regular.eot?") format("eot"),url("../fonts/Lato-Regular.woff?170930") format("woff"),url("../fonts/Lato-Regular.ttf") format("truetype"),url("../fonts/Lato-Regular.svg#Lato-Regular") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"Source Sans Pro";src:url("../fonts/SourceSansPro-Regular.eot?") format("eot"),url("../fonts/SourceSansPro-Regular.woff?170930") format("woff"),url("../fonts/SourceSansPro-Regular.ttf") format("truetype"),url("../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");font-weight:normal;font-style:normal;}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, tr ,span,a ,input,select{margin:0px;padding:0px; font-family:Lato Regular,Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;}
input,select { font-family: Lato Regular,Arial,  sans-serif; outline:none;-webkit-font-smoothing:none;-webkit-font-smoothing: antialiased;}
ul,li { list-style:none;}
a { text-decoration:none; color:#3f4246;-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;}
a,area{blr:expression(this.onFocus=this.blur());}/*For IE*/
:focus{-moz-outline-style:none;}/*For Firefox*/
a:hover {color:#333; text-decoration:underline;}

#lftop img,#lfbanner img,#inlfcate img,.inabbg img,#inlfprod img,#inlfnews img,#bottom img,.pagecont img,#lfbanner img,#right img,#pvtop img,#left img,.topadv img, object,.lxmap img,.lfprodlist img,.lfprojlist img {-ms-interpolation-mode: bicubic; height: auto; width: auto; max-width:100%; }
.pad {padding-top:12px;}
.overf {overflow:hidden;}
.wrap {	max-width:1120px; padding:0px;margin:0px auto;}
.fl {float:left;}
.fr {float:right;}
.clear { clear:both; font-size:0px;}
.jkheader { width:100%; margin:0px auto;}
.lftdh { background:#1f1f1f; padding:3px 0; margin:0px auto; width:100%;}
#tdhl {}
#tdhl ul { overflow:hidden;}
#tdhl ul li { float:left; margin-right:1.5em; padding-left:25px; line-height:2em; font-size:1.15em; color:#fff; font-style:italic;}
#tdhl ul li.tel {background:url(../images/lofty_06.jpg) left center no-repeat;}
#tdhl ul li.ema {background:url(../images/lofty_08.jpg) left center no-repeat;}
#tdhl ul li.ema a { color:#fff;}
#tdhr { width:22%;}
#tdhr ul { overflow:hidden;}
#tdhr ul li { float:right; margin-left:1em; padding-left:25px; line-height:2em; font-size:1.05em;}
#tdhr ul li.lang {background:url(../images/jkweb_09.jpg) left center no-repeat;}
#lftop { box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .1);}
#lflogo { padding:5px 2px;width:23%; }
#lfsear { width:100%;background:#fff; height:26px; padding:1px 0;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.tsinput {width:85%; height:24px; line-height:24px; padding:0px; text-indent:5px;outline:none; background:#fff;border:none;float:left; vertical-align:middle;}
.tsbtn { background:url(../images/lofty_03.jpg) center center no-repeat; width:23px; height:24px;border:none;float:left;vertical-align:middle; cursor:pointer;}


#jkdh {  margin-left:6%;}
#lfmenu { position:relative;height:70px;font-size:1.35em; font-weight:bold;width:70%;}

#nav {
	width: 100%; /* 1000 */
	position: absolute;
	top: 10px;
	left: 0px;
}
#nav > a {
	display: none;
}
#nav li {
}
#nav li a {
	display: block; 
}
#nav li a:active {/*
	background-color: #d3d3d3 !important;*/
}
#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */

#nav > ul { /* 60 */
}
#nav > ul > li {
	height: 100%; position:relative;
	float: left;
}
#nav > ul > li > a.nec { background:url(../images/sec_18.jpg) right center no-repeat;}
#nav > ul > li > a {
	height: 100%;
	line-height: 70px; /* 60 (24) */
	text-align: center;padding:0px 1.25em; display:block; font-family:Source Sans Pro,Arial, Helvetica, sans-serif;}
#nav > ul > li:not( :last-child ) > a {/*
	border-right: 1px solid #cc470d;*/
}
#nav > ul > li:hover > a,  #nav > ul:not( :hover ) > li.active > a { text-decoration:none; color:#15499a;}

#nav > ul > li.cur a {color:#15499a; }
/* second level */
/*#nav li.cur ul { display:block;}*/
#nav li>ul {
	display: none;
	position: absolute;
	top: 70px; z-index:99999999;width:200px; padding:10px 0px; background:#fff;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    border-top: 2px solid #15499a; border-radius: 0 0px 4px 4px;
}
#nav li:hover>ul {
	display: block; 
	/*left: 0px;*/
	text-transform:none;
}


#nav > ul > li.cur ul li a { color:#444;}
#nav li ul a {
	padding: 6px 15px; display:block; /* 15 (20) */ line-height:1.5em; text-transform:none; font-weight:normal; font-size:0.85em; color:#444;}
#nav li ul li { border:none; padding:0px 0px; position:relative;}
#nav li ul li a:hover,  #nav li ul:not( :hover ) li.active a { background:#f8f8f8;  text-decoration:none;}
#nav li ul li ul { position: absolute; left:200px; top:0; display:none;z-index:99999999;width:200px; padding:10px 0px; background:#fff;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);}
#nav li ul li:hover>ul { display:block; top:0;}


#jkbanner {}
.flexslider{position:relative;width:100%;height:auto;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;}
.flexslider .slides li { text-align:center;}
/*.flexslider .slides li div { position:absolute;opacity:0.3;filter:alpha(opacity=30); background:#000; color:#fff; top:15%; right:10%; width:25%; padding:5%;}
.flexslider .slides li div a { color:#fff;}*/
.flex-direction-nav a{width:30px;height:45px;line-height:99em;overflow:hidden;margin:-30px 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 -45px;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:1em;text-align:center; z-index:999; padding-top:10px;}
.flex-control-nav li{margin:0 1px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{display:block;height:6px;overflow:hidden;text-indent:-99em;width:6px; border:solid 2px #fff;margin-right:5px; cursor:pointer;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.flex-control-paging li a.flex-active{ border:solid 2px #ff5f00;}

.lfinadv { background:#1f1f1f; padding:1em 0;}
#inadvwz { font-size:1.5em; color:#ccc; overflow:hidden; padding-bottom:10px;}
#inadvwz b { font-size:1.5em; color:#fff; line-height:1.75em;}
#inadvwz span { float:right; margin-top:1.05em;}
#inadvwz span a { display:block; background:#1355bb; color:#fff; padding:5px 1em; line-height:1.25em; font-size:1.5em;-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;}

.grbg { background:#f5f5f5; width:100%; margin:0 auto; padding:1em 0;}
#inlfcate {padding:1em 0;}
#inlfcate h3 { text-align:center; font-size:2em; line-height:1.35em; padding:0 10%;}
.inlfctext { width:80%; text-align:center; margin:0 auto; font-size:1.05em; line-height:2em; color:#777;}
a.abtn{display:block;height:420px;width:50px;overflow:hidden;}
a.aleft{float:left;background:url(../images/carl.png) no-repeat left  center;}
a.agrayleft{cursor: pointer;}
a.aright{float:right;background:url(../images/carr.png) no-repeat right center;}
a.agrayright{cursor: pointer;}
.scrolllist{width:100%; margin-top:1em;}
.scrolllist .imglist_w{width:91%;height:420px;overflow:hidden;float:left;position:relative;}
.scrolllist .imglist_w ul {width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li  { float:left;width:290px; padding:10px; margin:5px 15px; background:#fff; border:solid 1px #e2e2e2;/*-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;*/}
.scrolllist .imglist_w li img {}
.scrolllist .imglist_w li span { display:block; text-align:left;}
.scrolllist .imglist_w li span a { color:#15499a; }
.scrolllist .imglist_w li span.incptit {padding:6px 0; font-size:1.5em; line-height:1.35em; min-height:48px;}
.scrolllist .imglist_w li span.incptext { line-height:1.5em; font-size:1.25em; padding-bottom:8px; color:#777;}
.scrolllist .imglist_w li span.incpmore { font-size:1.15em; padding:5px 0;}
.scrolllist .imglist_w li span.incpmore a { display:block; background:#1355bb; line-height:1.35em; padding:8px 0; color:#fff; width:110px; text-align:center;-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;}

.inabbg {-webkit-background-size: 100%; -webkit-background-size: cover; -moz-background-size: 100%;-moz-background-size: cover;background-size: 100%; background-size: cover;}
.inabtrans {background: rgba(31,31,31,0.88) none repeat scroll !important;background: #1f1f1f;filter: Alpha(opacity=88); padding:2em 0;}
.inabbg h4 { font-size:2em; line-height:2em; color:#fff;}
.inabbg h4 span { color:#015deb;}
#inlfabbox { padding:1em 0;}
.inlfabwz { width:63%;}
.inlfabtext { font-size:1.15em; line-height:2.25em; color:#ccc;}
.inlfabtu {width:35%;}
.inlfabmore { display:block; padding-top:1em;}
.inlfabmore a {display:block; background:#1355bb; line-height:1.35em; padding:5px 0; color:#fff; width:100px; text-align:center;-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;}

#inlfprod { padding-top:1em;}
#inlfprod h4 { font-size:2em; line-height:2em; color:#15499a;}
.inlfprodlist {}
.inlfprodlist ul { overflow:hidden;}
.inlfprodlist ul li { width:23%; margin:10px 1.5% 10px 1.5px;border:solid 1px #15499a; background:#fff; display:inline-block; vertical-align:top;*display:inline;*zoom:1; padding-bottom:5px;text-align:center;}
.inlfprodlist ul li:last-child { margin-right:0;}
.inlfprodlist ul li img { }
.inlfprodlist ul li span { display:block; font-size:1.15em; padding:5px 15px; padding-top:10px;  line-height:1.5em; }
.injkprojlist ul li span.fmtit { font-size:1.15em; font-weight:bold;}
.injkprojlist ul li span.fmtext { line-height:1.75em; font-size:1.05em; color:#6f6f6f; padding-bottom:8px; padding-top:5px;}

#inlfnews { padding-bottom:1em ;}
#inlfnews h4 {  font-size:2em; line-height:2em; color:#15499a;}
.inbnewslist { padding-top:1em; padding-bottom:1em;}
.inbnewslist ul { overflow:hidden;}
.inbnewslist ul li { display:inline-block; width:31.5%; margin:5px 2% 5px 0; vertical-align:top;*display:inline;*zoom:1; overflow:hidden;}
.inbnewslist ul li:last-child { margin-right:0;}
.inbnewslist ul li div { display:block;}
.inbnewslist ul li div.inbpic { width:36%; float:left; margin-right:2%; padding: 0px;}
.inbnewslist ul li div.inbpic img { border:solid 1px #e9e9e9;}
.inbnewslist ul li div.inbptit { font-size:1.15em; font-weight:bold; line-height:1.5em; padding-bottom:3px;}
.inbnewslist ul li div.inbpdate { padding:2px 5px; color:#999; line-height:1.5em; font-style: italic;}
.inbnewslist ul li div.inbptext { line-height:1.5em; font-size:1.25em; padding-top:4px; color:#777;}
.inbpmore { display:block; text-align: left;}
.inbpmore a { color:#0db26d; font-weight:bold; text-decoration:underline;}

#bottom { padding:1.5em 0px;background:#353535; /*margin-top:1em; */color:#ccc; clear:both;}
#bottom h4 { font-size:1.5em;  padding:6px 0px; line-height:2em; color:#fff;}
#botab { width:52%; padding-left:3px; padding-right:3%;}
.botabtext { padding:2px 0px; line-height:2em; font-size:1.15em; overflow:hidden;}
.botabtext img { float:left; margin-right:1em;}
.botcate {width:13%; padding-right:3%;}
.botcatelist {}
.botcatelist ul { overflow:hidden;}
.botcatelist ul li {padding:2px 0px; font-size:1.15em; line-height:1.75em;}
.botcatelist ul li a { color:#c2c2c2;}

#botlx { padding-right:3px; width:28%;}
.botlxlist li { line-height:2.15em; padding:3px 0px 5px 26px; font-size:1.15em; line-height:24px; background-position:left 6px; background-repeat:no-repeat;}
.botlxlist li.cname { padding-left:0;font-weight:bold; color:#fff;}
.botlxlist li.cadd { background-image:url(../images/lofty_56.jpg); line-height:20px;}
.botlxlist li.cema { background-image:url(../images/lofty_69.jpg);}
.botlxlist li.csky { background-image:url(../images/jkweb_96.jpg);}
.botlxlist li.cfax { background-image:url(../images/lofty_65.jpg);}
.botlxlist li.ctel { background-image:url(../images/lofty_62.jpg);}

#botsign { width:26%; padding-right:0.5%; }
#botsign span { display:block; font-size:1.15em; line-height:1.5em; color:#aaa; padding:3px 0px;}
.bsinput { background:#fff; height:26px; line-height:26px; text-indent:3px; padding:3px 0px; border:solid 1px #eee; outline: none; width:68%; margin-top:6px; float:left; vertical-align:middle;}
.bsbtn { background:url(../images/jkweb_72.jpg) left center no-repeat; width:89px; height:34px; border:none; outline:none;float:left; vertical-align:middle; margin-top:6px;}
.botsoc {padding-top:1em;overflow:hidden; clear:both; display:block;}
.botsoc a { margin-right:6px;}
.bototh {padding-top:1em;overflow:hidden; clear:both; display:block;}

#footer { padding:1.75em 0px; background:#2a2a2a; font-size:1.15em;}
#copy {line-height:2em; width:55%;color:#ccc;}
.botkey { display:block; padding:3px 0; font-size:0.95em;}
.botkey a { color:#888;}
#copy span {padding-left:1.4%;}
#copy a {}
#botsoc { text-align:right; width:25%; font-size:1.15em; overflow:hidden;}
#botsoc a { margin:0px 3px; padding:2px; }
#botsoc img { width:28px;}

.locabox { background:#353535; padding:6px 0px; color:#e6e6e6;}
.locatit {font-size:1.15em; line-height:2em; padding-left:3px;}
.locatit a { color:#e6e6e6;}
#main { padding-top:1em;}
.topadv { text-align:center; width:100%; margin:0px auto;}
.topcate {padding:0; background:#f2f2f2; width:30%; margin:0px auto;}
.topcate ul { overflow:hidden;}
.topcate ul li { float:left;padding:0; margin:0; width:50%;}
.topcate ul li a { display:block; line-height:2em; font-size:1.5em; padding:2px 0;border-right:solid 1px #fff; text-align:center;}
.topcate ul li.cur a,.topcate ul li a:hover {background:#006ccc; color:#fff; text-decoration:none;}


#left { width:21%; margin-top:1em;}
.lflbox { margin-bottom:1.25em; background:#f1f1f1;}
.lflbox h4 { font-size:1.5em; padding-left:10px; line-height:2.35em; color:#fff; background:#15499a;}
.lflbox h4 span { position:absolute; padding:5px 2px; line-height:2em; bottom:-2px; left:0px; background:url(../images/hbg_33.jpg) left bottom no-repeat;}
.lflcatelist {padding:5px 0px; padding-bottom:15px; background:#f7f7f7;}
.lflcatelist ul li {padding:8px 0px; background:url(../images/jkclb_05.jpg) 96% center no-repeat;}
.lflcatelist ul li a { padding:0px 10px; line-height:1.5em;font-size:1.2em; display:block; font-weight:bold;border-bottom: solid 1px #fff;
    padding-bottom: 10px;}
.lflcatelist ul li a i { font-size:12px; color:#999;}
.lflcatelist ul li a:hover { color:#15499a;}
.lflcatelist ul li div.tplcate { margin:5px 0;}
.lflcatelist ul li div.tplcate ul li { padding:5px;}
.lflcatelist ul li div.tplcate ul li a { padding-bottom:0; color:#777; font-weight:normal; border:none;}
.lflprod { padding-top:1em;}
.lflprod h4 { font-size:1.5em; padding-left:10px; line-height:2.35em; background:#f2f2f2;}
.lflprolist { padding-top:1em;}
.lflprolist ul li {padding:6px 5px;}
.lflprolist ul li img { border:solid 1px #f2f2f2;}
.lflprolist ul li span { display:block; padding:5px  0px; font-size:1.15em; font-weight:bold; line-height:1.5em; text-align:center;}
.lflprolist ul li div.whlptit { font-size:1.05em; line-height:1.5em;}
.lflprolist ul li div.whlptext { line-height:1.5em; font-size:1.05em; color:#777;}

#right { width:74.5%;}
#right1 { width:74.5%;}
.rbox {padding-bottom:1em;}
.rbox h4 { font-size:2em; line-height:2em; color:#15499a;}
.rbox h4 span { background:#fff; padding-right:1em;}
 { position:relative;font-size:1.5em;padding:0px 3x; border-bottom:solid 1px #eaeaea; text-transform:uppercase; line-height:2.5em;}
.protext { padding:2px; line-height:1.75em; font-size:1.15em; color:#555;}
.procate {text-align: left;padding:5px 0;}
.procate ul { overflow:hidden;}
.procate ul li {display:inline-block;vertical-align:top;*display:inline;*zoom:1; padding:5px 0; margin-right:1em; font-size:1.15em; font-weight:bold;}
.procate ul li a { background:#f8f8f8; border:solid 1px #e5e5e5; display:block; padding:5px 1em;-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;}
.procate ul li a:hover { background:#15499a; border:solid 1px #15499a; text-decoration:none; color:#fff;}
.procate ul li.cur a { background:#15499a; border:solid 1px #15499a;color:#fff;}

.lfprodlist { padding:1.75em 2px;}
.lfprodpic { width:26%;}
.lfprodpic img { border:solid 1px #e2e2e2;}
.lfprodwz { width:72%;}
.lfprodwztit { font-size:1.5em; font-weight:bold; line-height:2em; border-bottom:solid 1px #eaeaea;}
.lfprodwztext {     text-align: left;color:#666; line-height:2em; padding-top:10px; font-size:1.05em;}
.lfprodwzmore {     text-align: left;padding-top:8px; font-size:1.05em;}
.lfprodwzmore a { display:block; font-size:1.35em; line-height:2em; text-decoration:underline; color:#eaa101; font-weight:bold;}
/*.lfprodwzmore a:hover {border:solid 1px #fff; color:#fff; background:#0db26d; text-decoration:none;}*/

.jkprodlist ul { overflow:hidden;}
.jkprodlist ul li { width:30.75%; border:solid 1px #eaeaea; margin:1.15em 1%; background:#fff; display:inline-block; vertical-align:top;*display:inline;*zoom:1; padding-bottom:5px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}
.jkprodlist ul li img { }
.jkprodlist ul li span { display:block; font-size:1.05em; padding:0px 10px; padding-top:10px; line-height:1.5em; text-align:left;}
.jkprodlist ul li span.fmtit { font-size:1.15em; font-weight:bold;}
.jkprodlist ul li span.fmtext { line-height:1.75em; font-size:1.05em; color:#6f6f6f; padding-bottom:8px; padding-top:5px;}

#pvtop {overflow:hidden; padding:6px 0px;}
#pvtleft {width:55%;}
.bpic {width:100%;}
.bpic img {border:solid 1px #f1f1f1;}
.rbpvtitle { font-size:1.5em; border-bottom:solid 1px #eee; line-height:2em; padding:5px; margin-bottom:1em;}

#pvtright {width:42%;}
#pvtright h5 {font-size:1.45em; font-weight:bold;border-bottom:solid 1px #e7e7e7; padding:8px 3px; line-height:1.5em;}
#vcbtn {padding:1em 5px; overflow:hidden; border-bottom:solid 1px #eee;}
#vcbtn div.vcbinq { padding-right:10px;}
.vcshare { margin-top:6px; padding:10px 5px;}

.pvqua {border:solid 1px #aaa; height:18px; line-height:18px; font-size:12px; width:100px;}
.share { display:block; padding-top:10px;border-top:solid 1px #e7e7e7; margin-top:1em;}
.vcsure {padding-top:2em; padding-left:5px;}
.vcsure li { overflow:hidden; padding:6px 0px; color:#777;}
.vcsure ul li b { width:25%; float:left; text-align:left; font-size:1.15em; font-weight:normal;}
.vcsure ul li div { width:73%; float:right; text-align:left;}
.vcsure ul li div span { display:block; overflow: hidden; padding:4px 0px;}
.vcsure ul li div span.pvtrad { background:url(../images/sepv_11.jpg) left center no-repeat; padding-left:25px; font-size:1.15em;}
.vcsure ul li div span.pvperc i { float:left; background:url(../images/sepv_15.jpg) left center no-repeat; padding-left:28px; line-height:2em; font-style:normal; margin-right:6px;}
#vcform {padding: 10px 3px;  margin-bottom:10px; line-height:2.15em; font-size:1.05em; color:#666;}
#vcform ul li {overflow:hidden; padding:1px 0px; line-height:2em; font-size:1.05em;}
#vcform ul li span.tpri { color:#ff6000; font-weight:bold;}
.vpsel {border:solid 1px #ccc; font-size:11px;}
#vcform li b {width:60px; color:#333; padding-right:4px;}

.faqlist { padding:5px; padding-top:1.5em;}
.faqlist ul li { padding:5px 0px; line-height:2em; font-size:1.15em;}
.faq_head {POSITION: relative;CURSOR: pointer; line-height:2em; padding:5px; color:#367193; /*background:#f5f5f5; */font-weight:bold;}
.faqlist ul li div.current {}

.faq_body {
	DISPLAY: none; padding:8px; line-height:1.85em; color:#777; padding-top:0px;
}

.lfnews { padding:1em 0;}
.lfnewslist { padding:10px 3px; margin-bottom:5px;} 
.lfnewspic {width:18%; float:left;}
.lfnewspic img { border:solid 1px #eee;}
.lfnewsr { width:79%; float:right; }
.lfnewstit { font-weight:bold; padding:4px 0px; line-height:1.5em; font-size:1.15em;}
.lfnewstit a {}
.lfnewstext { padding-top:2px; line-height:1.75em; font-size:1.05em; color:#777;}
.lfnewsmore { padding-top:5px; line-height:2em; text-align:left;} 
.lfnewsmore a { font-weight:bold; color:#ff5100; text-decoration:underline; font-size:1.05em;}
.lfnewsother { line-height:2em; padding-right:3px; display:block;  color:#999;}
.lfnewslist span { display:block;}

.lfxzlist ul li {padding:1em 10px; overflow:hidden;background:#f9f9f9; margin-top:2em; margin-bottom:1em;}
.testimpic {width:22%;}
.lfxztext {line-height:2.25em; font-size:1.05em; color:#777;}
.lfxztitle { font-size:1.25em; font-weight:bold;padding:5px 0px; line-height:1.5em; border-bottom:dotted 1px #ccc; margin-bottom:3px;}
.lfxzby {padding-top:2px; font-size:1.25em; line-height:2em;  font-weight:bold;}
.lfxzby a { color:#ff5100; text-decoration:underline; margin-right:1em;}


.lfprojlist {padding-top:1em; padding-bottom:1em;}
.lfprojlist ul { overflow:hidden;}
.lfprojlist ul li { width:31%; margin:1.15em 1%; display:inline-block; vertical-align:top;*display:inline;*zoom:1; text-align:center;}
.lfprojlist ul li img { border:solid 1px #e5e5e5;}
.lfprojlist ul li span { display:block; font-size:1.15em; padding-top:8px; line-height:1.5em; font-weight: bold;}

.testim ul li {padding:1em 0px; overflow:hidden;}
.testimpic {width:22%;}
.testimtext {width:75%; line-height:2em;}
.testititle { font-size:1.15em; font-weight:bold; color:#0083de; padding:5px 0px; line-height:1.5em; border-bottom:dotted 1px #ccc; margin-bottom:3px;}
.testimmore { text-align:right; padding-top:2px;}
.testimmore a { color:#ff6000; text-decoration:underline;}

.pagecont { padding:5px 2px;line-height:2.25em; font-size:1.15em;}


#ptoptit {height:30px; line-height:30px; overflow:hidden; border-top:solid 1px #e5e5e5; margin:10px 0px; padding-top:8px; font-size:1.15em;}
#ptsort {overflow:hidden; height:30px; font-size:12px;}
#ptsl {padding-left:5px; height:35px; line-height:35px;}
#ptsl a#list { padding-left:25px; margin-right:10px;}
#ptsl a#gal { padding-left:25px; margin-right:10px;}
#ptsl a.cur {color:#009140;}
#ptstitle { padding-left:5px; font-weight:bold;}
#ptsr {padding-right:5px;}
#ptsr select {border:solid 1px #d0d0d0; line-height:18px;}
.rcsort { width:35%; padding-left:3px; height:1.75em; line-height:1.75em;}
#rpage { margin-top:5px;}
#rpage a {padding:3px 5px;  margin:0px 5px;}
#rpage a.cur {padding:3px 5px;color:#009140;}
#rpage a:hover { text-decoration:none;}
.botpad { padding-top:10px;}
.page_links {}

#newscont { padding:1em 10px; padding-top:2em;}
.nvtit {font-size:1.25em; line-height:1.75em; font-weight:bold; text-align:center; padding:10px 0px; border-bottom:dotted 1px #ccc;}
.nvdate {padding:5px 0px; text-align:center; color:#999; margin-bottom:5px; line-height:2em; position:relative; padding-top:10px;}
.nvdate span { position:absolute; right:5px; top:9px; font-size:1.15em;}
.nvdate span a { background:url(../images/back.jpg) right center no-repeat; padding-right:30px; text-decoration:underline;font-weight:bold;}
.nvcont { line-height:2em; font-size:1.05em;}
.newback { padding:6px 0px; line-height:2em; font-size:1.25em; font-weight:bold; text-align:right;}
.newback a { text-decoration:underline; background:url(../images/back.jpg) right center no-repeat; padding-right:30px;}


#pvbot { padding:1em 0;}
#pvdes {padding:1em 0px; clear:both; margin-top:1em; }
#pvdes table td { font-size:16px; word-wrap: break-word;
    word-break: break-all;}
#pvdes h4 { font-size:1.75em; line-height:2em; border-bottom:solid 1px #eee; margin-bottom:6px;}
#alsolike h3 {font-size:1.5em;line-height:1.75em;background:#f2f2f2; padding:2px 5px;}
#pvcs {position:relative;}

.pvh4 { font-size:1.25em;line-height:1.85em; border-bottom:solid 1px #d7d7d7;}
.pvh4 ul { overflow:hidden;}
.pvh4 ul li {float:left; position:relative; font-weight:bold; margin-right:6px; padding:3px 15px; background:#f4f4f4; border: solid 1px #d7d7d7; border-bottom:none;-moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px;-moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px;}


.pvhorder {height:32px;padding-left:3px; font-size:16px; border-bottom:solid 1px #e1e1e1; font-weight:bold; padding-top:15px;}
.pvhorder ul { }
.pvhorder ul li {float:left; height:38px; line-height:38px; position:relative; font-size:0.85em; padding:0px 10px;}

.large { font-size:1.25em; font-weight:bold;}
.block { display: block; padding:5px 2px; line-height:30px;  font-size:16px;clear:both; overflow:hidden;}
.unblock { display: none;padding:5px 5px; font-size:1.05em;}
/*.block ul li,.unblock ul li { list-style: inside disc;}*/

.sec1 {cursor:pointer;}
.pvh4 ul li.sec2 {background:#ec2020;cursor:pointer; color:#fff; position:relative;  padding-top:3px; border:solid 1px #ec2020;}


.alsolike { padding: 0px; margin-top:2em;}
.alsolike h5 {font-size:1.35em;font-weight:bold; padding:2px 3px;line-height:2em; font-family:Arial, Helvetica, sans-serif; border-bottom:solid 1px #eee;}
#alsolist { padding-top:20px;}
#alsolike .jcsprodlist { padding-top:1.5em;}

#pvview { padding:15px 5px;}
.pvvtit { height:45px; line-height:45px; text-align: center; padding-left:5px; font-size:1.8em; border-bottom:solid 1px #eee;}
.pvimg { padding-top:15px; text-align:center;}
.pvcont { padding:15px 0px; line-height:22px;}

#pviewcont { padding:1em 5px;}
.pviewtitle {font-size:1.5em;  text-align:center; color:#555; height:2em; line-height:2em;}
.pviewpic { text-align:center; padding:8px 3%;}
.pvbtn { overflow:hidden; padding:8px 0px; padding-left:30%; clear:both; border-top:solid 1px #e5e5e5; margin-top:1.25em;}
.pvbtn span { float:left; padding-right:15px;}
.pvbtn span.share { padding-top:8px;}
.pvtext {padding:12px 0px; text-align:left;}

.lxbox { padding:2em 2px;}
.whlxleft { width:37%; float:left; line-height:2.35em; font-size:1.15em;}
.whlxmap { width:56%; float:right;}

.lxbox { padding:1.5em 5px; overflow:hidden;}
.lxform { width:55%;}
.lxtext { width:32%; background:#f8f8f8;-moz-box-shadow: 0px 3px 5px #ccc;
    -webkit-box-shadow: 0px 3px 5px #ccc;
    box-shadow: 0px 3px 5px #ccc;}
.lxttitle { background:#1c4f9d; color:#fff; font-size:1.5em; line-height:2em; padding:3px 1em; font-weight:bold;}
.lxtwz {padding:1em 1.5em; font-size:1.05em;font-size:1.25em; line-height:2.5em;}
#contactform  {padding:5px 0;}
.lxcont,.lxmap {padding-top:2em;line-height:2em; font-size:1.15em;}
#contactform div {
    margin:8px 0px;
    padding: 8px 0px;
}
#contactform label {
    width: 28%;
    float: left; font-size:1.15em;
}
#contactform input, #contactform textarea {
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    padding: 4px 0px;
    text-indent: 3px;
    outline: none; width:50%;
}
#contactform textarea { width:70%;}
#contactform input.asbtn {
    background: url("../images/lflx_09.jpg") no-repeat;
    width: 107px;
    height: 34px;
    border: none;}
	
#pvinq { margin-top:1em; background:#f9f9f9; border:solid 1px #eee; padding:2em; border-radius:3px;}
#pvinq h5 { font-size:1.75em; line-height:2em; border-bottom:solid 1px #ddd; }
.pvintoptext {font-size: 1.05em;line-height: 2em;padding-top: 1em; color:#666;}
.pvinqbox {
    padding: 5px 0;
}
.pvinqbox ul li {
    padding: 10px 0;
    overflow: hidden;
}
.pvinqbox ul li label, .pvinqbox ul li p {
    display: block;
    font-size: 1.15em;
    padding: 5px 0;
    width: 13%;
    float: left;
    text-align: left;
    margin-right: 10px;
}
.pvinqbox ul li a {
    float: left;
    line-height: 28px;
    color: #3272b9;
    font-size: 1.25em;
    text-decoration: underline;
}
.pvinqbox ul li input, .pvinqbox ul li textarea {
    border-radius: 2px;
    border: 1px solid #CCCCCC;
    color: #424242;
    padding: 5px 0px;
    line-height: 24px;
    text-indent: 5px;
    outline: none;
    width: 79%;
    float: left;
}
.pvinqbox ul li input.pvsbtn {
    background: #DBB385;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    cursor: pointer;
    width: 135px;
    height: 35px;
    border: none;
}
.pvinqcode ,.pvinqbtn { width:48%;}
.pvinqcode input {border:solid 1px #ccc; height:30px; padding:2px; text-indent:2px; width:45%;}
.pvinqbtn input { width:50%; background:#85c032; border:none; color:#fff; line-height:38px; text-align:center; font-size:1.5em;}	
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../images/top.png) no-repeat center center #009eed;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
/*.cd-top.cd-fade-out {*/
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
/*  opacity: .5;
}*/
.no-touch .cd-top:hover {
  background:url(../images/top.png) no-repeat right center;
}

#tbox{width:38px; height:38px; float:right; position:fixed; margin-right:10px;
_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:10px;
}
#gotop{ display: block; width:38px; height:38px;} 
#gotop:hover{}

#fdrdiv {width:70px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;position: fixed;top: 49%;right: 10px; background:#fff; border:solid 1px #0077c3;-moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; box-shadow:2px 2px 2px #ccc; z-index:99999999;}
#fdrtit { font-weight:bold; color:#fff; background:#0077c3; line-height:1.5em; padding:5px; font-size:1.05em; border-bottom:solid 1px #4bbc2e;}
#fdrlist {padding:5px 0px;}
#fdrlist ul li { overflow:hidden; padding:0px 0px; text-align:center; font-size:1.15em;}
#fdrlist ul li a,#fdrlist ul li span { display:block;}
#fdrlist ul li span { padding:6px 0px; font-size:13px;}
#fdrlist ul li a { /*width:40px; height:30px; background:#0059c6;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;*/ padding:5px 0px;}

.side{position:fixed;right:0;top:60%;z-index:100;}
.side ul li{width:45px; padding:10px; height:45px; display:block;position:relative;/*border-bottom:1px solid #444;*/}
.side ul li a { display:block; font-family:Arial, Helvetica, sans-serif;}
.side ul li .sidebox{position:absolute;width:40px; padding-left:10px;height:50px;top:0;right:0;transition:all 0.3s;background:#009eed;opacity:0.8;filter:Alpha(opacity=80);color:#fff; font-size:14px; line-height:50px;overflow:hidden;border-radius:28px; z-index:1;}
.side ul li .sidetop{width:40px;height:50px;line-height:50px;display:inline-block;background:#0059c6;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .rwxcode { position:absolute; right:-110px; max-width:110px; bottom:15px; z-index:3;}
.side ul li .sidetop:hover{background:#0059c6;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left; margin-top:10px; margin-left:0px; margin-right:5px;}



@media screen and ( max-width: 1120px )  {

#nav > ul > li > a {padding:0px 0.75em;}
}
@media screen and ( max-width: 1000px )  {
#nav > ul > li > a {padding:0px 0.35em;}
}
@media screen and ( max-width: 860px )  {
#nav > ul > li > a {padding:0px 0.35em;}
#nav li ul a {
	font-size: 0.85em; padding:8px 3px; 
}
#nav li ul { height:42px; overflow:hidden; left:1em;}
#nav li:hover ul {
	left: 0;
}
}

@media screen and ( max-width: 720px )  {
#nav > ul > li > a {
	height: 100%;
	font-size: 0.85em; /* 24 */
	text-align: center; padding:0px 0.5em; margin:0px;
}
}
 /* 640 */@media screen and ( max-width: 640px )  {
html {
	font-size: 75%; /* 12 */
}
#nav {
	position: relative;
	top: auto;
	left: auto; background:#e1e1e1;
}

#nav li ul { height:auto; overflow:hidden;}
#nav > a {
	width: 3.5em; /* 50 */
	height: 3.5em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #ff5100;
	position: relative;
}
#nav > a:before,  #nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: ' ';
}
#nav > a:after {
	top: 60%;
}
#nav:not( :target ) > a:first-of-type,  #nav:target > a:last-of-type {
	display: block;
}
/* first level */

#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}
#nav:target > ul {
	display: block; z-index:999999999; background:#333;
}
#nav > ul > li {
	width: 100%;
	float: none;
}
#nav > ul > li > a {
	height: auto; color:#fff;
	text-align: left;
	padding: 6px 10px; /* 15 (20) */ line-height:18px;
}
#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #ddd;
}
/* second level */
#nav li:not( :first-child ):hover ul {
	left: 0px;width:100%;
}
#nav li ul {
	position: static;
	padding: 1.25em 0.75em; /* 20 */
	padding-top: 0; width:100%;
}
}

/************************************************************************************
smaller than 980
*************************************************************************************/

@media screen and (max-width: 1120px) {

	/* pagewrap */
	.wrap {
		width: 100%;
		max-width:98%;
	}
.scrolllist .imglist_w { width:89%;}
.inlfprodlist ul li {margin: 10px 1.3% 10px 2px;}
}
@media screen and (max-width: 1000px) {
.tsinput {width:70%;}
.scrolllist .imglist_w { width:86%;}
.inlfprodlist ul li {margin: 10px 1.1% 10px 2px;}
}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {

.tsinput {width:62%;}
.scrolllist .imglist_w { width:85%;}
}
@media screen and (max-width: 720px) {

.scrolllist .imglist_w { width:82%;}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {
#jktop { padding:10px 0;}
#jkdh{ width:60%;margin-left:3%; margin-top:6px;}
	/* header */
#jksear { width:18%; margin-top:10px;}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	.wrap {
		width: 100%;
		max-width:97%; margin:0 auto;
	}
.fl { float:none;}
.fr { float:none;}
.lftdh { padding-bottom:10px;}
#lflogo ,#tdhl,#tdhr,#lfmenu { width:96%; margin:0px 2%; display:block; padding:0; margin-top:5px;}
#tdhl ul li { margin-right:0.5em; padding-left:22px;}
#lflogo { text-align:center;}
#lflogo img { max-height:45px;}
#lfmenu { height:60px;}
#inadvwz span { float:none; text-align:center;}
#inadvwz span a { width:45%; margin:0 auto;}
.nvcont { overflow-x:scroll;}
#lfbanner { display:none;}
.tsinput {width:82%;}
.inlfabtu ,.inbnewslist ul li div.inbpic,.lfnewspic{ display:block;}
.inlfabtu {width:100%;}
.inbnewslist ul li { display:block; width:98%; padding:5px 1%; margin:0;}
.inlfabwz,.injkabtu,.injknewsr ,.lfprodpic,.lfprodwz,.lfnewsr {width:98%; padding:0px 1%; padding-top:5px; margin:0;}
#trfabpic {width:98%; padding:0px 1%; padding-top:5px;}
.lfprodwztext,.lfprodwzmore { display:none;}
.lfprodwztit { border:none; line-height:1.35em;}
.inlfprodlist ul li,.lfprodlist,.lfprojlist ul li { width:44.75%; display:inline-block; vertical-align:top;*display:inline;*zoom:1; padding:5px 1%;  margin:5px 1%;}
.inlfprodlist ul li span { display:block; max-height:50px; min-height:50px; overflow:hidden;}
.scrolllist .imglist_w { width:340px;}
.whinbacclist ul li { width:28%; padding:5px 1%;}
a.abtn { width:3%;}
.botabtext {
    text-align: center;
}
.botabtext img{
	float:none;
    text-align: center;
}
.botabtext p {
    text-align: left;
}
.procate ul li { width:46%; margin:0 1.5%;}
.procate ul li a { text-align:center;}
.lxform ,.lxtext {width:98%; padding:0px 1%; padding-top:5px;}
#botab,#botcate,#botsoc { width:98%; padding:5px 1%;}
#botlx,.botcate,#botsign { width:45%;display:inline-block; vertical-align:top;*display:inline;*zoom:1; padding:5px 2%;}
.injknewslist { padding:5px 3px;} 
.bsinput { width:98%;}
.botnewspic { float:left;}
.botnewstext { float:right;}
.botnewslist { padding:6px 0px;}
.copy { margin:0px;}
	/* content */
	#right {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtright {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtleft {
		width: 98%;
		float: none;
	}
	/* sidebar */
	#left {
		width: 98%;
		margin: 0;
		float: none;
	}

#lnews {width:98%; padding: 0px 1%;}
#inlianx {width:98%; padding: 0px 1%;}

.inservlist ul li { width:46%; padding:5px 2%; float:left;}

#left {width:98%; padding: 0px 1%;}
#right,#right1 {width:98%; padding: 0px 1%;}
#pvright {width:98%; padding: 0px 1%;}
.lflprolist ul li { text-align:center;}
.side { display:block;}
#newslist ul li span.nltit { padding:4px 0px;line-height:18px; border-bottom:dotted 1px #ccc; font-weight:bold; color:#333;}

.lcproductlist ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}
.lcproductlist ul li span { height:4.5em; overflow:hidden;}
#procate ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}

#rpage { width:98%; padding:0px 1%; text-align:left;}
.rcsort { width:98%; padding:0px 1%;}
#ptoptit {height:auto;margin-bottom:10px;}

#copy { width:98%; float:none; padding:5px 1%;}
#bottom { margin-top:0;}
.block { overflow:scroll;}
.block img { max-width:100%; height:auto;}
	#botsoc,#copy {float:none;text-align:center;}
}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

.prodlist ul li { width:96%; padding:3px 2% 3px 2%; text-align:center;}
#bottom { min-height:60px;}

}