@charset "utf-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video { max-width: 100%; }

/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid { clear: both; margin-left: 0; width: 100%; float: left; display: block; }

.fluidList { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* Mobile Layout: 480px and below. */
  
.gridContainer { margin-left: auto; margin-right: auto; width: 100%; padding-left: 0; padding-right: 0; clear: none; float: none; }

/*首页*/

#div1 { text-align: center; }

/*Update20150330*/

/* 头部 */
#topBanner { background-color: #333333; position: fixed; width: 100%; height: 48px; line-height: 48px; z-index: 2000; -webkit-transform-origin: top left; -webkit-transform: scale(1, 1); }

#topBanner #top_icon_1 { padding-left: 1%; position: absolute; left: 0px; top: 0px; }

#topBanner #top_icon_1 img { max-width: 30px; vertical-align: middle; }

#topBanner #top_icon_2 { padding-right: 1%; position: absolute; right: 0px; top: 0px; }

#topBanner #top_icon_2 img { max-width: 30px; vertical-align: middle; }

#topBanner #top_title { font-size: 22px; }

/* End 头部 */

/* LOGO 部份*/
.logoSpace{	background-color:#EEEEEE; color: #333333; height: 120px; margin-top: 48px; width:100%;}
.logoSpace .ls_logo{ margin-top: 10px; width: 100px; }
.logoSpace .ls_logo img{ max-width: 100px;  box-shadow: 0px 4px 7px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.10);  border-radius: 10px;}
.logoSpace .ls_title{ font-size:22px; text-align:left; padding: 2%; font-weight:bold; margin-top:30px;}
.logoSpace .ls_qrcode{ margin:40px 5px 0px 0px;}
.logoSpace .ls_qrcode img{max-width: 30px;}
/* end */

/*企业信息*/
.infoSpace{ width: 90%; margin-left:auto; margin-right:auto;}
.infoSpace ul{ width:100%;}
.infoSpace ul li{ padding-top: 5%; padding-bottom: 5%; border-bottom: dashed 1px #CCCCCC; }
.infoSpace ul li .is_icon{ width: 20px;}
.infoSpace ul li .is_text{ text-align:left; width: 90%; padding-left:10%;}
.infoSpace ul li .is_text_link{ text-align:left; width: 88%; padding-left:3%; overflow:hidden;}

/*企业简?/
.descSpace{ width: 90%; margin-left:auto; margin-right:auto;}
.descSpace .ds_title{ color: #999999; padding: 5% 0% 5% 0%; text-align:left; font-weight:bold;}
.descSpace .ds_text{ background-color: #F0F0F0; border-radius:20px; padding: 5%; text-align:left; line-height: 28px; margin-bottom: 5%;}
.descSpace .ds_icon{width: 22px; margin-left: 5%; margin-top: -2%;}
/* end*/

/*动态列?/
.newslistSpace{ margin-top: 48px;}
.newslistSpace ul {width: 100%; margin-bottom: 2%;}
.newslistSpace ul li{ margin: 2% 2% 0% 2%; background-color:#F0F0F0; border-radius: 10px; padding:3%;}

.newslistSpace .nl_noPic{cursor:pointer;}
.newslistSpace .nl_noPic .title{font-size: 18px; font-weight: bold; text-align:left; line-height:40px; width: 100%; overflow:hidden;}
.newslistSpace .nl_noPic .desc{font-size: 14px; color:#999999; text-align:left; line-height: 20px;}
.newslistSpace .nl_noPic .nl_date{font-size: 14px; color:#999999; text-align:right;}

.newslistSpace .nl_Pic{cursor:pointer;}
.newslistSpace .nl_Pic .title{font-size: 18px; font-weight: bold; text-align:left; line-height:40px; width: 100%; overflow:hidden; height: 40px;}
.newslistSpace .nl_Pic .desc{font-size: 14px; color:#999999; text-align:left; line-height: 20px;}

.newslistSpace .nl_Pic .nl_img {width:100%;}
.newslistSpace .nl_Pic .nl_img img{ border-radius: 10px; border: solid 1px #CCCCCC; }

.newslistSpace .nl_Pic .nlp_movie{ margin: 4% 0% 0% 10%;}
.newslistSpace .nl_Pic .nlp_movie img{width: 40px;}
.newslistSpace .nl_Pic .nl_date{font-size: 14px; color:#999999; text-align:right !important; line-height: 32px;}
/* End */

/*资讯显示*/
.nl_show{ margin-left:auto; margin-right:auto; width: 90%; text-align:left; margin-bottom: 10%;}
.nl_show .nls_title{ font-size:18px; font-weight:bold; padding-top:2%; padding-bottom: 2%; padding-left: 2%; border-left: solid 4px #FFCC00; margin-top: 2%;}
.nl_show .nls_time{ font-size: 14px; line-height: 24px; color: #999999; padding-left: 2%; border-left: solid 4px #FFCC00; margin-bottom: 2%;}
.nl_show .nls_desc{ font-size: 14px; line-height: 24px; color: #666666;}
/* End */

/*二维码显?/
.qrcodeSpace{position:fixed; left:0px; top:0px; width: 100%; height: 100%; background-color:rgba(0,0,0,0.40); z-index:3000;}
.qrcodeSpace .qrcodeSkin{position:absolute; width: 80%; height: 80%; background-color:#FFFFFF; left:10%; top:10%; box-shadow: 0px 4px 7px rgba(0,0,0,0.20); -webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.20);  border-radius: 10px; z-index: 3100;}
.qrcodeSpace .qrcodeSkin .qrs_title{ line-height: 32px; font-size: 16px; font-weight:bold;}
.qrcodeSpace .qrcodeSkin .qrs_desc{ padding: 5% 10% 5% 10%; font-size: 12px; color:#FF1100;}
.qrcodeSpace .qrcodeSkin img{ width: 50%; -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.20); box-shadow: 0px 2px 10px rgba(0,0,0,0.20); }
/* End */

.zeroMargin_mobile { margin-left: 0; }

.hide_mobile { display: none; }
.is_text1{ text-align:left; padding-left:5px; font-size: 18px;white-space:normal; width:100%;max-width: 700px;}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer { width: 100%; padding-left: 0%; padding-right: 0%; clear: none; float: none; margin-left: auto; }


/* 头部 */
#topBanner { background-color: #333333; position: fixed; width: 100%; height: 60px; line-height: 60px; z-index: 2000; -webkit-transform-origin: top left; -webkit-transform: scale(1, 1); }

#topBanner #top_icon_1 { padding-left: 1%; position: absolute; left: 0px; top: 0px; }

#topBanner #top_icon_1 img { max-width: 40px; vertical-align: middle; }

#topBanner #top_icon_2 { padding-right: 1%; position: absolute; right: 0px; top: 0px; }

#topBanner #top_icon_2 img { max-width: 40px; vertical-align: middle; }

#topBanner #top_title { font-size: 24px; }

/* End 头部 */

/* LOGO 部份*/
.logoSpace{	background-color:#EEEEEE; color: #333333; height: 160px; margin-top: 60px; width:100%;}
.logoSpace .ls_logo{ margin-top: 20px; width: 120px; margin-left: 10px;}
.logoSpace .ls_logo img{ max-width: 120px;  box-shadow: 0px 4px 7px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.10);  border-radius: 10px;}
.logoSpace .ls_title{ font-size:24px; text-align:left; padding: 5%; font-weight:bold; margin-top:40px;}
.logoSpace .ls_qrcode{ margin:60px 5px 0px 0px;}
.logoSpace .ls_qrcode img{max-width: 40px;}
/* end */

/*企业信息*/
.infoSpace{ width: 90%; margin-left:auto; margin-right:auto;}
.infoSpace ul{ width:100%;}
.infoSpace ul li{ padding-top: 5%; padding-bottom: 5%; border-bottom: dashed 1px #CCCCCC; }
.infoSpace ul li .is_icon{ width: 30px;}
.infoSpace ul li .is_text{ text-align:left; width: 90%; padding-left:8%; font-size: 18px;}
.infoSpace ul li .is_text_link{ text-align:left; width: 88%; padding-left:3%; font-size: 18px; overflow:hidden;}
.is_text1{ text-align:left; width:100%; padding-left:5px; font-size: 18px;word-wrap:break-word;max-width: 700px;}
/*企业简?/
.descSpace{ width: 90%; margin-left:auto; margin-right:auto;}
.descSpace .ds_title{ color: #999999; padding: 5% 0% 5% 0%; text-align:left; font-weight:bold; font-size: 24px;}
.descSpace .ds_text{ background-color: #F0F0F0; border-radius:20px; padding: 5%; text-align:left; line-height: 32px; margin-bottom: 5%; font-size: 18px;}
.descSpace .ds_icon{width: 32px; margin-left: 4%; margin-top: -1%;}
/* end*/

/*动态列?/
.newslistSpace{ margin-top: 60px;}
.newslistSpace ul {width: 100%; margin-bottom: 2%;}
.newslistSpace ul li{ margin: 2% 2% 0% 2%; background-color:#F0F0F0; border-radius: 10px; padding:2%;}

.newslistSpace .nl_noPic{cursor:pointer;}
.newslistSpace .nl_noPic .title{font-size: 24px; font-weight: bold; text-align:left; line-height:50px; width: 100%; overflow:hidden;}
.newslistSpace .nl_noPic .desc{font-size: 18px; color:#999999; text-align:left; line-height: 32px;}
.newslistSpace .nl_noPic .nl_date{font-size: 18px; color:#999999; text-align:right !important;}

.newslistSpace .nl_Pic{cursor:pointer;}
.newslistSpace .nl_Pic .title{font-size: 24px; font-weight: bold; text-align:left; line-height:50px; width: 100%; overflow:hidden; height: 50px;}
.newslistSpace .nl_Pic .desc{font-size: 18px; color:#999999; text-align:left; line-height: 32px;}

.newslistSpace .nl_Pic .nlp_movie{ margin: 6% 0% 0% 12%;}
.newslistSpace .nl_Pic .nlp_movie img{width: 68px;}

.newslistSpace .nl_Pic .nl_img {width:100%;}
.newslistSpace .nl_Pic .nl_img img{ border-radius: 10px; border: solid 1px #CCCCCC; }
.newslistSpace .nl_Pic .nl_date{font-size: 18px; color:#999999; text-align:right !important; line-height: 50px;}
/* End */

/*资讯显示*/
.nl_show{ margin-left:auto; margin-right:auto; width: 90%; text-align:left; margin-bottom: 10%;}
.nl_show .nls_title{ font-size:24px; font-weight:bold; padding-top:2%; padding-bottom: 2%; padding-left: 2%; border-left: solid 4px #FFCC00; margin-top: 2%;}
.nl_show .nls_time{ font-size: 18px; line-height: 32px; color: #999999; padding-left: 2%; border-left: solid 4px #FFCC00; margin-bottom: 2%;}
.nl_show .nls_desc{ font-size: 18px; line-height: 32px; color: #666666;}
/* End */

/*二维码显?/
.qrcodeSpace{position:fixed; left:0px; top:0px; width: 100%; height: 100%; background-color:rgba(0,0,0,0.40); z-index:3000;}
.qrcodeSpace .qrcodeSkin{position:absolute; width: 80%; height: 80%; background-color:#FFFFFF; left:10%; top:10%; box-shadow: 0px 4px 7px rgba(0,0,0,0.20); -webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.20);  border-radius: 10px; z-index: 3100;}
.qrcodeSpace .qrcodeSkin .qrs_title{ line-height: 50px; font-size: 24px; font-weight:bold;}
.qrcodeSpace .qrcodeSkin .qrs_desc{ padding: 5% 10% 5% 10%; font-size: 14px; color:#FF1100;}
.qrcodeSpace .qrcodeSkin img{ width: 40%; -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.20); box-shadow: 0px 2px 10px rgba(0,0,0,0.20); }
/* End */

.zeroMargin_tablet { margin-left: 0; }

.hide_tablet { display: none; }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer { width: 100%; max-width: 960px; padding-left: 0%; padding-right: 0%; margin: auto; clear: none; float: none; }

#div1 { text-align: center; }

.zeroMargin_desktop { margin-left: 0; }

.hide_desktop { display: none; }
}