/* CSS Document */
body {margin:0px; padding:0px; color:#aaa; font-size:12px; background:#1c1c1c; font-family: microsoft yahei,Arial,Helvetica,sans-serif;
-webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none; font-style:normal; background:#fff !important; color:#000 !important;}

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;}
input,select { font-family:microsoft yahei,Arial, Helvetica, sans-serif;}
ul,li { list-style:none;}
a { text-decoration:none; color:#aaa;-webkit-text-size-adjust:none;}
a,area{blr:expression(this.onFocus=this.blur());}/*For IE*/
:focus{-moz-outline-style:none;}/*For Firefox*/
a:hover {color:#bbb; text-decoration:underline;}
.catelist ul li {padding:3px 0px; font-size:1.15em; line-height:1.75em !important;}
.cd-top{display:none !important;}
img, object {-ms-interpolation-mode: bicubic; border:none;height: auto; width: auto; max-width:100%; }
.pad {padding-top:12px;}
.overf {overflow:hidden;}
.wrap {	max-width:1200px; padding:0px;margin:0px auto;}
.fl {float:left;}
.fr {float:right;}
.clear { clear:both; font-size:0px;}
.jmtop { width:100%; margin:0px auto; background:#f64454;display:none;}
.jmtop1 { display:none;}
.jmdlbox { font-size:1.05em; line-height:1.75em; text-align:right;padding:5px 0; padding-right:20px; }
.sytdh { background:#f9f9f9; padding:4px 0; width:100%; margin:0 auto; border-bottom:solid 1px #efefef;}
#tdhl {}
#tdhl ul { overflow:hidden;}
#tdhl ul li { float:left; margin-right:1.5em; padding-left:22px; line-height:2em;font-size:1.15em;}
#tdhl ul li.tel {background:url(/images/synec_06.jpg) left center no-repeat;}
#tdhl ul li.ema {background:url(/images/synec_08.jpg) left center no-repeat;}
#tdhr ul { overflow:hidden;}
#tdhr ul li { float:right; margin-left:1em; height:27px;}
#tdhr ul li a {}
#tdhr ul li.lang {}
.sytpad { padding-top:8px;}

.jmfix {
    position: fixed; display:block;
    top: 0; padding-top:0;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.15)!important;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.15)!important;
    box-shadow: 0 0 7px rgba(0,0,0,0.15)!important;
}
.tfix #sylogo { width:25%;}
.tfix #sydh { padding-top:0;}
#jmlogo { padding: 0px;width:20%; }
#jksear { width:15%; border:solid 1px #e3e3e3; background:#fff; height:26px; margin-top:1.5em;-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;}
.tsinput {width:75%; height:24px; line-height:24px; padding:0px; text-indent:5px;outline:none; background:#fff;border:none;float:left; vertical-align:middle; margin-left:10px;}
.tsbtn { background:url(/images/jkweb_18.jpg) center center no-repeat; width:23px; height:24px;border:none;float:left;vertical-align:middle; cursor:pointer;}
#attel { width:15%; padding-top:20px;}
#attel ul li { float:right; margin-right:5px; padding-left:30px; line-height:35px;font-size:1.15em;}
#attel ul li.tel {background:url(/images/ated_05.png) left center no-repeat; font-weight:bold; font-style:italic;}
#jmdh {width:74%; position:relative;height:78px;font-size:13px; font-weight:bold;}
#jmmenu { position:relative;}

#nav {
	width: 100%; /* 1000 */
	position: absolute;
	top: 0px;
	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: 78px; /* 60 (24) */
	text-align: center; padding:0 24px;display:block; margin:0; color:#fff; /*font-family:MontserratRegular,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:#807154;}

#nav > ul > li.cur a {color:#807154;}
/* second level */
/*#nav li.cur ul { display:block;}*/
#nav li ul {
	display: none;
	position: absolute;
	top: 78px; z-index:99999999;width:135px; /*left:0em;*/padding:10px 0px; background:#f64454;
}
#nav li:hover ul.lev1 {
	display: block; 
	/*left: 0px;*/
	text-transform:none;
}
#nav li:hover ul.lev1 li:hover ul.lev2 {
	display: block; 
	left: 135px; top:0;
	text-transform:none;
}

#nav li:not( :first-child ):hover ul.lev1 {
	/*left:0px;*/ top:78px;
}
#nav li ul.lev1 li ul.lev2 {top: 0px; left:135px; z-index:99999999;width:105px; /*left:0em;*/padding:10px 0px; background:#f64454; }
#nav li ul a {
	padding: 6px 15px; display:block; /* 15 (20) */ line-height:1.5em; text-transform:none; color:#fff; font-weight:normal;
}
#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:#292929; color:#fff;  text-decoration:none;}

#jmfl {min-width: 100%; min-height:100%; width:auto; height: 100%; position:relative; background-repeat:no-repeat;background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;}
.fltext { padding:30% 15%; text-align:center; height:40%; color:#fff;}
.fltext h2,.fltext h1 { font-size:50px; line-height:55px; margin:10px 0;}
.fltext p { font-size:16px; line-height:36px; padding:15px;}
#jmfl1 { display:none; position:relative;}
#jmfl1 .fltext { padding:5%;position:absolute; top:0; left:0; width:90%; height:auto;}
#jmfl1 .fltext h2 { font-size:18px; line-height:24px; margin:10px 0;}
#jmfl1 .fltext p { font-size:14px; line-height:24px; padding:10px;}
#atbanner { padding-top:1em;}
.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:10px;overflow:hidden;text-indent:-99em;width:10px; background:#fff;margin-right:5px; cursor:pointer;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.flex-control-paging li a.flex-active{ background: #ecbb06;}

#inmain { padding-top:1em;}
#inmain h4,#inmain h2 { height:20px; border-bottom:solid 1px #333; color:#fff; text-align:center; font-weight:normal; margin-bottom:30px;}
#inmain h4 span,#inmain h2 span  { font-size:24px; line-height:40px; background:#1c1c1c; padding:0 20px;}
.inmod { padding:1.5em 0;}
.inmodlist { padding-top:1em; overflow:hidden;}
.inmodlist div.injmmodbox { float:left; width:25%;padding:0px;}
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: left; color:#fff;}
.port-1 .text-desc{opacity: 0.6; top:0; transition: 0.5s; color: #fff; padding: 0 ;z-index:9;}
.port-1 .image-box {opacity: 0.8; left:0; top:0; width:100%; height:auto;}
.port-1  a { position:absolute; width:100%; height:100%; top:0; left:0; z-index:99;}
.port-1 .image-box span { position:absolute; top:35%; left:0; width:100%; text-align:center; display:block;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0) scale(1.1);
    transform: translate3d(0,20px,0) scale(1.1);}
.port-1 .jmltext { font-size:1.15em; text-align:center; position:absolute; top:39%; width:100%; left:0%; z-index:8;}
.port-1 .jmltext span { display:block; font-size:1.15em;padding-top:30px;
transition: 0.35s;
-moz-transition: 0.35s; /* Firefox 4 */
-webkit-transition: 0.35s;}
.port-1 .jmltext p {opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0) scale(1.1);
    transform: translate3d(0,20px,0) scale(1.1); padding-top:1em;}
.port-1.effect-1:hover .jmltext p	{opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
.port-1.effect-1:hover .jmltext span {padding-top:10px;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}
.port-1.effect-1:hover .image-box {opacity: 0.4;}

.port-1.effect-1:hover .text-desc{top: 0;opacity: 0.3;	}
.port-1 a ,.text-desc a { color:#fff;cursor: url(../image/curs.gif), pointer; display:block;}
.text-desc a { height:100%; line-height:100%;}

.apextit { font-size:1.5em; font-weight:bold; text-align:center; line-height:2em;}
.btn{display: inline-block; padding: 2px 10px; font-size: 14px; color: #fff; background-color: #01b0d5; text-decoration: none; transition: 0.8s; margin-top:1em;opacity: 1; border: 2px solid #fff;}
.btn:hover{background-color: #fff; color: #01b0d5; transition: 0.8s; text-decoration:none;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #000; height: 100%; opacity: 0; width: 100%;}

.injmabout { padding:1em 0;}
.injmabouttext { font-size:13px; line-height:32px; padding:5px 0;}
.injmabadvan { padding:1.5em 0; overflow:hidden;}
.injmvanlist { width:18.2%; padding:15px 6% 5px 0; text-align:center; float:left;}
.jmvanpic { text-align:center; padding:5px 0;}
.jmvanbor { border-bottom:solid 2px #a4a4a4; width:40px; margin:0 auto; padding-top:20px;}
.jmvantit { font-size:16px; color:#fff; text-align:center; font-weight:bold; padding-top:1em; line-height:1.35em;}
.jmvantext { line-height:1.75em; padding:15px 0;text-align:center;}
.jmvanrpad { padding-right:0;}

.injmmap { padding:1em 0;}
.injmmapbox { margin-top:1em; position:relative;}
.injmmapbox .injmap { background:url(../image/loc.png) left center no-repeat; width:20px; height:45px;position:absolute; cursor:pointer;}
.injmmapbox .ap1 { left:19%; top:21%;}
.injmmapbox .aptext { display:none; background:#333; font-size:14px; padding:10px 15px; text-align:left; color:#fff; width:100px; position:absolute; left:10px; top:35px; z-index:99;}
.injmmapbox .ap2 { left:46%; top:27%;}
.injmmapbox .ap3 { left:50%; top:33%;}
.injmmapbox .ap4 { right:18%; top:23%;}
.injmmapbox .ap5 { right:18%; bottom:18%;}
.injmmapbox .ap4 .aptext,.injmmapbox .ap5 .aptext { right:10px; left:auto;}
.injmmapbox .ap6 { right:23%; bottom:31%;}
.injmmapbox .ap7 { right:36%; bottom:44%;}
.injmmapbox .ap8 { left:23%; top:16%;}
.injmmapbox .ap9 { right:12%; top:22%;}
.injmmapbox .ap10 { right:41%; top:26%;}
.injmmapbox .ap11 { left:32%; bottom:21%;}
#injmlxform  {padding:1.5em 0; overflow:hidden;}
.injmformbox { width:46%;}
#injmlxform div {padding: 10px 0px; overflow:hidden;}
#injmlxform label { display:block; font-size:1.05em; line-height:2em; padding-right:3px; float:left; width:16%; text-align:right;}
#injmlxform input, #injmlxform textarea { background:#616161; border:none;padding: 4px 0px; line-height:24px;
    text-indent: 3px;
    outline: none; width:82%;
}
#injmlxform input:focus ,#injmlxform textarea:focus { }
#injmlxform textarea { width:82%;}
#injmlxform input.asbtn {
    background: url("../image/jmxy_30.jpg") no-repeat;
    width: 104px;
    height: 33px;
    border: none;}
	

.injmnewslist { padding-top:1.5em; padding-bottom:1em;}
.injmnewslist ul { overflow:hidden;}
.injmnewslist ul li { display:inline-block; width:47%; margin:5px 4% 5px 0; vertical-align:top;*display:inline;*zoom:1; overflow:hidden;}
.injmnewslist ul li:last-child { margin-right:0;}
.injmnewslist ul li div { display:block;}
.injmnewslist ul li div.inbpic { width:39%; float:left; margin-right:15px; padding: 0px;}
.injmnewslist ul li div.inbptit { font-size:1.15em; font-weight:bold; line-height:1.5em; padding-bottom:6px;}
.injmnewslist ul li div.inbptit a { color:#fff;}
.injmnewslist ul li div.inbpdate { padding:5px 5px; color:#999; line-height:1.5em;}
.injmnewslist ul li div.inbptext { line-height:1.75em; padding:4px 0;}
.injmnewslist ul li div.inbmore { padding-top:3px; line-height:20px;}
.injmnewslist ul li div.inbmore a { color:#807154;}

.botsign { background:#373737; padding:1.5em 0;margin-top:2em; color:#fff;}
.signbox { width:90%; margin:0 auto;}
#signbleft { width:33%;}
#signbleft h4 { font-size:1.75em; line-height:1.75em;}
#signbleft span { display:block; font-size:1.25em;  line-height:29px;}
#signbright { width:63%;}
#signbright span { display:block;padding:3px 0px;}
.bsinput { background:#fff; height:42px; line-height:42px; text-indent:3px; padding:3px 0px; border: solid 2px #d9d9d9; outline: none; width:75%; float:left; vertical-align:middle; border:none}
.bsbtn { background:url(/images/fcnc_53.jpg) left center no-repeat; width:153px; height:48px; border:none; outline:none;float:right; vertical-align:middle;}

#bottom { padding:1.5em 0px;background:#333; margin-top:1em; color:#c2c2c2; clear:both;}
#bottom h4 { font-size:1.5em;  padding:6px 0px; line-height:2em; color:#fff;}
#botab { width:25%; padding-left:1.1%; padding-right:3%;}
.botabtext { padding:2px 0px; line-height:1.85em; font-size:1.05em;}
.botcate {width:17%; padding-right:3%; padding-left:1%;}
.botcatelist {}
.botcatelist ul { overflow:hidden;}
.botcatelist ul li {padding:3px 0px; font-size:1.15em; line-height:1.75em;}
.botcatelist ul li a { color:#c2c2c2;}

#botlx { padding-right:3%; padding-left:0.5%; width:26.5%; color:#e1e1e1; background:url(/images/xg_60.jpg) right center no-repeat;}
.botlxlist li { line-height:2.15em; padding:3px 0px 3px 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/jkweb_68.jpg); line-height:18px;}
.botlxlist li.cema { background-image:url(/images/jkweb_75.jpg);}
.botlxlist li.csky { background-image:url(/images/jkweb_96.jpg);}
.botlxlist li.cfax { background-image:url(/images/jkweb_90.jpg);}
.botlxlist li.ctel { background-image:url(/images/jkweb_78.jpg);}

#botsign { width:26%; padding-right:0.5%; }

.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.5em 0px; width:100%; margin:0 auto; font-size:1.05em; background:#ccc; color:#fff; margin-bottom:100px;}
#copy {padding:0 ; line-height:2em; text-align:center;}
#botdh { width:50%; text-align:right;}
#botdh a { color:#fff;}
#copy a { color:#999;}
#botsoc { text-align:right; width:27%; font-size:1.15em; overflow:hidden;}
#botsoc ul { overflow:hidden;}
#botsoc ul li { float:right; padding-top:2px;font-size:1.05em;}
#botsoc ul li img {opacity:0.5;
filter:alpha(opacity=50);}
#botsoc ul li a:hover img {opacity:0.9;
filter:alpha(opacity=90);}
#botsoc ul li.tel { padding-top:5px;}
#botsoc ul li a { color:#fff; display:block; padding:5px 4px; width:20px; height:18px; text-align:center;}
#botsoc ul li a:hover {-webkit-border-radius: 14px; -moz-border-radius: 14px;border-radius: 14px;}
#botsoc ul li.fac a:hover { background:#3c5a9a;}
#botsoc ul li.twi a:hover { background:#29c5f6;}
#botsoc ul li.g a:hover { background:#dc4f36;}
#botsoc ul li.pin a:hover { background:#cd0e19;}
#botsoc ul li.ins a:hover { background:#d82e86;}
#botsoc ul li.tum a:hover { background:#2f4962;}
#botsoc a { margin:0px 3px;}
.fdrbox { position:fixed; bottom:0; left:0; width:100%; text-align:center; background:#f53e77; z-index:9;}
.fdrbox .fdritem {display:inline-block;vertical-align:top;*display:inline;*zoom:1; padding:2px; padding:5px 0; text-align:center;}
.fdrwx { width:100%; position:fixed; bottom:-100px; left:0; text-align:center;}
.fdrwxbox { max-width:360px; padding:5px; background:#fff; text-align:center; margin:0 auto;}
.fdrwxbox span { font-size:24px; text-align:right; color:#fff; cursor:pointer;}
.botwx { text-align:center;position: fixed;
bottom: 0;
width: 100%;
background: #f64454;}
.botwx img { max-height:100px;}
.locabox { background:#f9f9f9; padding:5px 0px; border-bottom:solid 1px #f0f0f0;}
.locatit {font-size:1.05em; line-height:2em; padding-left:5px;}

#main { padding-top:2em;}
#topadv { text-align:center;}
.topcate { padding: 0; margin-bottom:2em;}
.topcate ul { overflow:hidden;}
.topcate ul li { float:left;padding:0; margin-right:2em; padding-right:1em;}
.topcate ul li a { display:block; line-height:2em; padding:5px 3px; font-size:1.35em; border-bottom:solid 2px #fff;}
.topcate ul li.cur a,.topcate ul li a:hover {border-bottom:solid 2px #0db26d; text-decoration:none;}


#left { width:21.5%; padding-top:10px;}
.sylbox { margin-bottom:1.25em;}
.sylbox h4 { font-size:1.75em; padding-left:1px; line-height:2.25em; border-bottom:solid 2px #91bd17;}
.sylbox h4 span { position:absolute; padding:5px 2px; line-height:2em; bottom:-2px; left:0px; background:url(/images/hbg_33.jpg) left bottom no-repeat;}
.sylcatelist {padding:10px 0px;}
.sylcatelist ul li {padding:6px 0;}
.sylcatelist ul li a {line-height:2em;font-size:1.15em; font-weight:bold; padding:5px 10px;background:url(/images/sylp_05.jpg) 96% 16px no-repeat #f1f3ed; display:block;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.sylcatelist ul li a:hover { color:#91bd17; text-decoration:none;}
.sylcatelist ul li ul { padding-top:10px;}
.sylcatelist ul li ul li {padding:1px 0px; }
.sylcatelist ul li ul li a { padding:5px 12px; display:block; line-height:2em;font-size:1em; font-weight: normal; background:#f9f9f9; border:none;}

.atprobox { padding:1em 0;}
#atlcate { width:15%; background:#f7f7f7;}
#atlcate ul li { border:solid 1px #fff;}
#atlcate ul li a {line-height:2em;font-size:1.15em;padding:10px; display:block;}
#atlcate ul li a:hover ,#atlcate ul li.cur a { background:#f8c300;color:#fff; text-decoration:none;}
#atrbox { width:82%;}
.atrblist { padding-bottom:3em;}
.atrblist h6 { font-size:1.35em; line-height:2em; color:#f8c300;}
.atrcont { padding-top:10px; font-size:1.05em; line-height:2.25em;}

.sypvprod { padding-top:1em;}
.sypvprod h4 { font-size:1.5em; padding-left:1px; line-height:2.25em; border-bottom:solid 2px #91bd17;}
.sypvprodlist { padding-top:1em;}
.sypvprodlist ul li {padding:6px 5px;}
.sypvprodlist ul li span { display:block;  text-align:center;}
.sypvprodlist ul li span.insyptit { font-size:1.35em; line-height:1.5em; padding-top:5px; font-weight:bold;}
.sypvprodlist ul li span.insyptext { font-size:1.05em; line-height:1.5em; color:#888; padding:2px 0;}

#right { width:74.5%;}
.procate {padding:0 5px;}
.procate ul { overflow:hidden;}
.procate ul li {display:inline-block;vertical-align:top;*display:inline;*zoom:1; margin:1em 1.5em 1em 0; background:#f64454;}
.procate ul li span { display: block; font-size:1.15em; text-align:center;}
.procate ul li a { padding:5px 1em; line-height:2em; font-size:1.15em; color:#fff;}
.procate ul li a:hover { background:#807154; text-decoration:none; color:#fff;}
.procate ul li.cur a { background:#807154;color:#fff;}

.rbox {padding:10px 0; min-height:700px;}
.rbox h4 { height:20px; border-bottom:solid 1px #333; color:#fff; text-align:left; font-weight:normal; margin-bottom:30px;}
.rbox h4 span { font-size:20px; line-height:40px; background:#f64454; padding:0 20px 0 2px;}
.rbox  h4 b a { color:#555;}
.protext { padding:15px 2px;line-height:1.75em; font-size:1.15em;}

.jmmodbox { padding:1em 0; overflow:hidden;}
.jmmodbox div.jmmmodlist { float:left; width:32.3%;padding:10px 0.5%;}

.joinbox { padding:5px 0;}
.joinbox h5 { font-size:1.35em; line-height:2em; margin:10px 0;}
.joinbox h5 span { background:url(/images/atjoin_07.jpg) right bottom no-repeat #f8c300; color:#fff; padding:8px 10px;padding-right:70px;}
.joinbtext { font-size:1.15em; line-height:2em; padding:15px 0;}
.joinbtitle {font-size:1.35em; line-height:2em; color:#f8c300; padding:5px 0; font-weight:bold;}
.joinadvanbox { padding:5px 0; overflow:hidden;}
.joinadvanlist { width:26.3%; margin:5px 2.5% 5px 2px; background:#f7f7f7; padding:1.5% 2.5%; text-align:center; float:left;}
.joinadvanlist1 { width:26.3%; background:#f7f7f7; padding:1.5% 2.5%; text-align:center; margin:5px 2px; float:right;}
.joinadpic { text-align:center; padding:15px; width:69px; height:69px; margin:0 auto;  margin-top:10px;background:#fff;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.joinadttit { font-size:1.35em; color:#f8c300; font-weight:bold; padding-top:1em; line-height:1.5em;}
.joinadtext { color:#666; line-height:2.15em; padding:7px 0; min-height:90px;}

.joinproc { padding:1.5em 2px; overflow:hidden; font-size:1.05em; line-height:2.5em;}

.syprodlist { padding-top:6px;}
.syprodlist ul li  {display:inline-block;background:#fff; padding:10px 1%; width:31%; vertical-align:top;*display:inline;*zoom:1; overflow:hidden;}
.syprodlist ul li span { text-align:center; display:block;}
.syprodlist ul li span.insyptit { font-size:1.35em; line-height:1.5em; padding-top:5px; font-weight:bold;}
.syprodlist ul li span.insyptext { font-size:1.05em; line-height:1.5em; color:#888; padding:2px 0;}
.syprodlist ul li a:hover { color:#85d12a; text-decoration:none;}

#pvtop {overflow:hidden; padding:1em 0;}

#pvtop h4 { font-size:2em; line-height:2em;}
#pvtleft {width:41%;}
.bpic {width:100%; border:solid 1px #333;}
.rbpvtitle { font-size:1.5em; border-bottom:solid 1px #eee; line-height:2em; padding:5px; margin-bottom:1em;}

#pvtright {width:55%;}
#pvtright h5 {font-size:1.5em; font-weight:bold;padding:5px 1px; color:#fff; line-height:1.5em;}
#vcbtn {padding:1.5em 1px; overflow:hidden; border-bottom:solid 1px #333;}
#vcbtn div.vcbinq { padding-right:10px;}
#share { margin-top:6px; padding:10px 5px;}
/*
#vcbtn img { margin-right:8px; margin-bottom:10px;}*/

.pvqua {border:solid 1px #aaa; height:18px; line-height:18px; font-size:12px; width:100px;}
.share { display:block; padding-top:10px;}
.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: 2px 1px;  margin-bottom:10px; line-height:2.15em; font-size:1.05em; color:#777;}
#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;}


.jmnewsbox { padding:2px 0;}
.jmnewslist { padding:10px 3px; margin-bottom:5px;} 
.jmnewspic {width:19%; float:left;}
.jmnewspic img { border:solid 1px #222;}
.jmnewsr { width:79%; float:right; }
.jmnewstit { font-weight:bold; padding:4px 0px; line-height:1.75em; font-size:1.15em; border-bottom:dotted 1px #444; padding-bottom:6px;}
.jmnewstit a {}
.jmnewstext {line-height:24px; padding-top:5px;}
.jmnewsmore { padding-top:5px; line-height:2em; text-align:left;} 
.jmnewsmore a { color:#807154; text-decoration:underline; font-size:1.15em;}
.jmnewsother { line-height:2em; display:block;  color:#888; padding-top:8px;}
.jmnewslist span { display:block;}

.caselist {padding:5px 0;}
.caselist ul { overflow:hidden;}
.caselist ul li { width:30%; margin:1em 1.35%; background:#fff;-webkit-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px; display:inline-block; vertical-align:top;*display:inline;*zoom:1;}
.caselist ul li img { border:solid 1px #e5e5e5;}
.caselist ul li span { display:block; padding:5px 15px;}
.caselist ul li span.inctit { font-size:1.35em; line-height:1.5em; padding-top:10px; font-weight:bold;}
.caselist ul li span.inctext {line-height:2em; color:#666; padding-bottom:10px;}

.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;}

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

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


#ptoptit {height:30px; line-height:30px; overflow:hidden; border-top:solid 1px #333; 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 a {padding:3px 5px;  margin:0px 2px;}
#rpage a.cur {padding:3px 5px;color:#009140;}
#rpage a:hover { text-decoration:none;}
.botpad { padding-top:10px;}


#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:1.5em 0px; clear:both; line-height:2em;}
#pvdes h4 { font-size:1.5em; color:#0db26d; border-bottom:solid 1px #e7e7e7;}
#pvdes h4 span {position:relative; border-bottom:solid 2px #0db26d;line-height:2em; padding:8px 0; bottom:4px;}
#alsolike h3 {font-size:1.5em;line-height:1.75em;background:#f2f2f2; padding:2px 5px;}
#pvcs {position:relative;}

.pvh4 {font-size:1.5em; font-weight:bold;padding:8px 1px; color:#fff;  border-bottom:solid 1px #333;}
.pvh4 ul { overflow:hidden;}
.pvh4 ul li {float:left; position:relative; font-weight:bold; margin-right:6px; padding:3px 1px;}


.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:10px 2px; line-height:2.25em; font-size:1.05em;clear:both; overflow:hidden;}
.unblock { display: none;padding:10px 2px; line-height:2.25em; 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;}

.zpbox { padding:1em 2px;}
#zpleft { width:35%; font-size:1.05em; line-height:2.5em;}
#zpright { width:60%;}
.zprlist { padding:5px;}
.zprlist ul li { padding:0px 0px;  border-bottom:solid 1px #ededed; margin:10px 0px;}
.faq_head {POSITION: relative;CURSOR: pointer; font-size:1.25em; font-weight:bold; line-height:2em; padding:5px 0px 5px 5px;background:url(/images/atzp_11.jpg) 98% center no-repeat;}
.zprlist ul li div.current { background:url(/images/atzp_14.jpg) 98% center no-repeat;}

.faq_body {
	DISPLAY: none; padding-bottom:15px; line-height:2.5em; padding-left:5px; font-size:1.05em; color:#666;}
.login-left { width:55%; padding:2%; margin:0 auto; font-size:13px;}
.login-left input.input_reg_text {border: 1px solid #ddd;
    padding: 2px 0px; line-height:24px;
    text-indent: 3px;
    outline: none; width:65%;}
.login-left table td { padding:8px 0;}
.loginrtext { width:32%; padding:2% 3%; line-height:48px; background:#333; text-align:center; font-size:14px;}
.loginrtext h5 { font-size:20px;}
.ljrbtn { display:block; padding-top:15px; text-align:center;}
.ljrbtn a { width:120px; display:block; font-size:16px; height:36px; line-height:36px; background:#807154; font-weight:bold; color:#fff; text-align:center; margin:0 auto;}
.ljrbtn a:hover { text-decoration:none;}

.registercont { width:55%; padding:2%; margin:0 auto; font-size:13px;}
.registercont input.input2 {border: 1px solid #ddd;
    padding: 2px 0px; line-height:24px;
    text-indent: 3px;
    outline: none; width:92%;}
.registercont table td { padding:8px 0;}


.registertext { width:32%; padding:3% 3%; line-height:42px; background:#333; text-align:center; font-size:14px;}
.registertext h5 { font-size:20px;}

.cardbox { padding:1em 0;}
.cardbox ul { overflow:hidden;}
.cardbox ul li { float:left; width:49%; margin-right:2%; margin-bottom:2em;}
.cardbox ul li span { display:block; text-align:center; font-size:1.5em; line-height:2em; color:#807154;}
.cardbox ul li.clast { margin-right:0;}
.lxtbox { padding:1em 0; overflow:hidden; margin-bottom:1em;}
.lxtbl1 { float:left; margin-right:5%; }
.lxtbl2 { float:right;}
.lxtblist { width:30%; background:#f8f8f8; text-align:center;padding:2em 0;}
.lxtblist div { display:block; margin:0px auto; font-size:1.35em;}
.lxtblist div.lxtimg { background:#fff; width:42px; height:42px; padding:15px;-webkit-border-radius:36px; -moz-border-radius: 36px;border-radius: 36px;}
.lxtblist div.lxtwz { padding:6px 0;}

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

.sylx { padding:0px 1px; overflow:hidden; padding-bottom:1.5em;}
.sylx h5 { font-size:3em; line-height:1.5em; text-align:center;font-family:calibriregular,Arial, Helvetica, sans-serif; padding:10px 0;}
.sylx h5 span { display:block; font-style: italic; font-size:0.65em; color:#888; font-weight:normal;}
.lxform { width:52%;}
.lxleft { width:32%; background:#f8f8f8; border:solid 1px #f1f1f1; padding:1em 1.5%;}
.lxltitle {font-size:1.2em; line-height:2em; padding:3px 0px; font-weight:bold; }
.lxtext { width:32%;font-size:1.05em; line-height:2.5em; padding-bottom:1em;}
.lxrwz {font-size:1.15em; line-height:2em; padding-bottom:1em;}
.lxtwz {padding:5px; }
.lxcode { padding:1em 0; overflow:hidden; color:#666;}
.lxcode img { float:left; margin-right:10px;}
#contactform  {padding:5px 0;}
.lxmap { padding-bottom:2em;}
#contactform div {padding: 8px 0px;}
#contactform label { display:block; font-size:1.05em; line-height:2em; padding-right:10px; float:left; width:25%; text-align:left;}
#contactform input, #contactform textarea {
    border: 1px solid #ddd;
    padding: 4px 0px; line-height:24px;
    text-indent: 3px;
    outline: none; width:60%;
}
#contactform input:focus ,#contactform textarea:focus { border:solid 1px #807154;}
#contactform textarea { width:70%;}
#contactform input.asbtn {
    background: url("../image/jmxy_30.jpg") no-repeat;
    width: 104px;
    height: 33px;
    border: none;}
.color { color:#888;}
	
.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(../image/top.png) no-repeat center center #555;
  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;
}*/
.cd-top:hover {
  background:url(../image/top.png) no-repeat center center #222;
}

#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{}
#fddiv {  position: fixed;
  top: 30%;
  right: 2px;}

/*#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 { padding:5px 0px;}
*/
#fdrdiv {width:45px;position: fixed;bottom: 120px;right: 5px; z-index:99999999;}

#fdrtit { font-weight:bold; color:#fff; background:#2c2c2c; line-height:1.75em; padding:5px 10px; font-size:1.15em;border-top-left-radius:3px;border-top-right-radius:3px}

#fdrlist { }

#fdrlist ul li { padding:8px 0px;}

#fdrlist ul li a { display:block; width:45px; height:45px; padding:0px; border-radius:50%;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;}





#fdrlist ul li.rema img { margin-top:0px;}

#fdrlist ul li a.frwhats {  

	animation-name: pulse1;}

#fdrlist ul li a.frtel {  

	animation-name: pulse2;}
@media screen and ( max-width: 1200px )  {

#nav > ul > li > a {padding:0px 20px;}
}
@media screen and ( max-width: 1120px )  {

#nav > ul > li > a {padding:0px 15px;}
}
@media screen and ( max-width: 1000px )  {
#nav > ul > li > a {padding:0px 0.75em;}
}
@media screen and ( max-width: 860px )  {
#nav > ul > li > a { font-size:0.85em;padding:0px 0.5em;}
#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: 95%; /* 12 */
}
#nav {
	position: relative;
	top: auto;
	left: auto; background:#e1e1e1;
}

#nav li ul { height:auto; overflow:hidden;}
#nav > a {
	width: 2.75em; /* 50 */
	height: 2.75em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #807154;
	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:#1d1d1d;
}
#nav > ul > li {
	width: 100%;
	float: none;
}
#nav > ul > li > a {
	height: auto;
	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:99%;
	}
.atintbox { margin-right:1.5%;}
}
@media screen and (max-width: 1000px) {
.tsinput {width:70%;}
#attel { width:18%;}
.atinprodlist ul li { width:22.5%;}
}

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

.tsinput {width:62%;}

#attel { width:20%;}
.joinadvanlist { margin-right:2.25%;}
}
@media screen and (max-width: 720px) {

#attel { width:22%;}
#atdh { width:58%;}
.atintbox { margin-right:1%;}
.atinprodlist ul li { width:45%;}
.joinadvanlist { margin-right:2%;}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {
.atintbox,.atintbox1  { width:46.5%;}
}


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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
.fl { float:none;}
.fr { float:none;}
.scrolllist .imglist_w { width:80%;}
.jmtop1 { display:none; position:relative; z-index:9999;} 
.jmtop { display:block;}
#jmlogo { padding:6px 0px;}
#jmlogo ,#jmdh,#attel{ width:96%; margin:0px 2%; display:block;  padding-top:5px;}
#jmdh { height:40px;}
#jmlogo { text-align:center; width:40%; padding:5px 0; margin:0 auto;}
.tfix #sylogo { width:40%; text-align:center; margin:0 auto;}
/*.fltext { padding:2em 1em;}
.fltext h2 { font-size:20px; line-height:30px;}
.fltext p { padding:5px;}*/
#inmain h4 { height:auto;}
#jmfl { display:none;}
#jmfl1 { display:block;}
#jmfl1 .fltext { padding:10px 1%; width:98%; position:inherit;}
.inmodlist div.injmmodbox { width:49%;}
.injmvanlist { width:47%; padding-right:2%;}
#inmain .injmmap h4 span { font-size:18px; line-height:30px;}
.injmformbox { width:98%;}
#atdh { height:40px;}
#attel ul li { float:none; width:38%; margin:0 auto;}
.atintbox,.atintbox1  { width:96%; padding:10px 2%; margin:6px auto;}
.port-1 .image-box { text-align:center;}
.registercont,.registertext,.login-left,.loginrtext {width:96%; padding:5px 2%; margin:10px auto;}
.rbox { min-height:inherit;}
.jmmodbox div.jmmmodlist { width:48%;}
.atinlinklist ul li { width:22%;}
.joinadvanlist,.joinadvanlist1{ width:96%;}
.joinadtext { min-height:inherit;}
.caselist ul li { width:46%;}
.bfpic { display:none;}
#zpleft,#zpright,#atlcate,#atrbox { width:98%; margin:5px 1%;}
#atlcate { background:#f7f7f7;}
#atlcate ul { overflow:hidden;}
#atlcate ul li { float:left; border-right:solid 1px #fff;}
.botsign { margin:0;}
.tsinput {width:82%;}
.bsinput { width:55%;}
.signbox { width:98%;}
#syinabtu,.sybotnewslist ul li img { display:none;}
.whycontlist ul li { width:46%;}
.inapexihlist div.apexbox { width:49%;}
.lxtblist { width:96%; padding:10px 1%; margin:5px auto;}
#signbleft,#signbright,.lxleft,.lxform {width:98%; padding:0px 1%; padding-top:5px; margin:0;}
.locatit { padding:0;}
#botsoc { text-align:center;}
#trfabpic {width:98%; padding:0px 1%; padding-top:5px;}
.syprodlist ul li,.apdprodlist ul li { width:45%;}
.certilist ul li { width:45%; padding:5px 2%; margin:5px 0;}
.whinbacclist ul li { width:28%; padding:5px 1%;}
.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; }
.injknewslist { padding:5px 3px;}
.bsinput { width:58%;}
.atnewspic { display:none;}
.atnewsr { display:block; padding:5px 1%; width:98%;}
.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 {width:98%; padding: 0px 1%;}
#pvright {width:98%; padding: 0px 1%;}


#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,#botdh { width:98%; float:none; padding:5px 1%; text-align:center;}
#bottom { margin-top:10px;}
}


/************************************************************************************
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;}

}