*{ margin:0 auto; padding:0; border:0; font-style:normal; font-weight:normal;}
body{ font-size:0.8em; font-family:Microsoft Yahei,Helvetica, Arial, sans-serif; color:#000; background:#fff; margin:0 auto; }
ul,li{ list-style-type:none;}
a{ text-decoration:none; color:#747474;}
a:hover{ text-decoration:none; color:#f00;}
a:visited{text-decoration: none;outline: none;color: #333;}
a:link{text-decoration: none;outline: none;color: #333;}
img{ border:none;verticle-align:middle;}
.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
input, textarea {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
@font-face {
    font-family: 'IcoMoon';
    src: url('icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.slide img{ width:100%;}
.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'IcoMoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#fff;
}
.head{position:fixed;z-index:50;left:0;top:0;width:100%;}
.headD, .head .wal{
	height:55px;
	position:relative;
	background:#fff;
	}
.wal{
	min-width:320px;
	max-width:640px;
	margin:0 auto;
	overflow:hidden;
	}
.head .logo{
	position:absolute;
	overflow:hidden;
	}
.logo img{
	width:100%;
	height:100%;
}
.head .btn-1{
	display:block;
	width:50px;
	height:50px;
	position:relative;
	left:0;
	top:0;
	background:url(images/nimg42_1.png) center no-repeat;
	background-size:22px;
	}
.head .btn-2{
	display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(images/nimg42_2.png) center no-repeat;
    background-size: 22px;
	}
.indexFlash{
	min-height:100px;
	}
.indexFlash{ position:relative;}
.indexFlash .slick img{width:100%;}
.indexFlash .slick-dots{position:absolute; z-index:10; left:0px; bottom:10px; width:100%; text-align:center;}
.indexFlash .slick-dots li{display:inline-block; width:8px; height:8px; margin:0 3px; border:#FFF solid 1px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.indexFlash .slick-dots .slick-active{background:#FFF;}
.indexNotice{height:60px; background:url(images/nimg26.png) 15px center no-repeat; background-size:15px; padding:0 15px 0 37px;}
.indexNotice .slick a{display:block; height:60px; line-height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666;}

.indexNav{
	padding: 20px 0 0 15px;
	}
.pageBox{
	min-height: 30px;
    background: #FFF;
    margin-bottom: 10px;
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
	}
.indexNav li{
	float: left;
    width: 50%;
	list-style-position: outside;
	list-style-type: none;
	}
.indexNav a{
	display: block;
    height: 70px;
    position: relative;
    padding-left: 60px;
    text-transform: uppercase;
    color: #999;
	}
.indexNav .imgDiv{
	width: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
	}
.imgDiv img{
	width:100%;
	}
.indexNav a .name div{
	font-size: 16px;
    color: #333;
    padding: 7px 0 3px 0;
	}
.indexNav2 a{
	display: block;
    height: 55px;
    line-height: 55px;
    position: relative;
    color: #FFF;
    font-size: 16px;
    background: #002965 url(../touch/images/img51.png) right center no-repeat;
    background-size: 26px;
    padding-left: 45px;
	}
.indexNav2 a img{
	width: 21px;
    position: absolute;
    left: 15px;
    top: 16px;
	}
.pageBox span{
	font-size: 10px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: baseline;
	}
.navLayer {
	position:fixed;
	z-index:100;
	left:-100%;
	top:0;
	height:100%;
	width:80%;
	background:#fff;
	box-shadow: 3px 0px 9px rgba(0,0,0,0.3);
	}
.navLayer.on{
	left:0;
	}
.navLayer .btn{
	height: 90px;
    position: relative;
    background: #d9030a;
	}
.navLayer .btn a{
	display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: url(../touch/images/nimg43.png) center no-repeat;
    background-size: 22px;
	}
.navLayer .btn a.btn-2{
	left: auto;
    right: 10px;
    background: url(../touch/images/img40.png) center no-repeat;
    background-size: 20px;
	}
.navLayer .list{
	position: absolute;
    left: 0px;
    top: 90px;
    width: 40%;
    height: 100%;
    background: #ededed;
    border-right: #ccc solid 1px;
	}
.navLayer .list a.on{
	background: #FFF;
    margin-right: -1px;
    color: #504d4e;
	}
.navLayer .list a{
	display: block;
    height: 89px;
    border-bottom: #ccc solid 1px;
    text-align: center;
    font-size: 16px;
    color: #8c0409;
    position: relative;
	}
.navLayer .list em{
	display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    line-height: 24px;
    margin-top: -12px;
	}
.pageTitle{
    background:url(images/bj.PNG) no-repeat top;
    text-align: center;
    font-size: 1.1em;
    margin-top: 24px;
    margin-bottom:1.5rem;
	}
.pageTitle h2{
	font-weight: 400;
    letter-spacing: 2px;

	}
.join{
	padding-top: 10px;
    font-size: 13px;
	}
.join li{
	min-height: 30px;
    position: relative;
    background: #FFF;
    margin-bottom: 2px;
    padding: 13px 15px;
	border-bottom: 1px solid #f0f0f0;
	}
.join .name{
	font-size: 12px;
    line-height: 21px;
    padding: 0 100px 5px 0;
	}
.join .time{
	height: 21px;
    line-height: 21px;
    position: relative;
    top: 2px;
    color: #666;
    background: url(../touch/images/nimg29_1.png) left center no-repeat;
    background-size: 15px;
    padding-left: 18px;
	}
.join .time em{
	display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 21px;
    background: url(../touch/images/nimg29_2.png) left center no-repeat;
    background-size: 15px;
    padding-left: 18px;
	}
.join .page{
	text-align:center;
	padding:20px 10px;
	}
.abtn{
	display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	}

.wal .map img{
	border-top:3px solid #f0f0f0;
	width:100%;
	}
.btn a{
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #CCC;
    color: #002b61;
    font-size: 14px;
	}
.btn em{
	display: inline-block;
    height: 50px;
    background: url(../touch/images/nimg27.png) right center no-repeat;
    background-size: 14px;
    padding-right: 20px;
	}
.navLayer .list2{
	position: absolute;
    top: 110px;
    right: 0px;
    width: 60%;
    text-align: center;
    display: none;
	}
.navLayer .list2 a{
	display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #6f6d6d;
    border-bottom: #ddd dotted 1px;
    padding: 0 15px;
    min-width: 4em;
	}
img{
	height:auto;
	}
.zxmsBg{
	background: url(../touch/images/zxms.jpg) left top no-repeat;
    background-size: 100% 100%;
    min-height: 500px;
    color: #FFF;
	}
.pageNav{
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    background: #ededed;	
	}
.pageNav ul{
	margin-left: -1px;
    margin-right: -1px;
	}
.pageNav li{
	float: left;
    width: 50%;
	}
.pageNav a.on{
	color: #308ade;
	}
.pageNav a{
	display: block;
    height: 42px;
    text-align: center;
    color: #666;
    border-right: #c3c3c3 solid 1px;
    border-left: #FFF solid 1px;
	}
.yy{
	margin-top:20px;
	}
.yy p {
	text-indent:2em;
	padding:5px;
	letter-spacing:3px;
	}
.yy h1{
	color:#fff;
	text-align:center;
	}
.yy1{
	padding:0 5px;
	position:relative;
	z-index:50;
	}
.yy1{
	margin-top:20px;
	}
.Investment{
	padding: 6px 0 0 0;
    width: 100%;
    overflow: hidden;
    position: relative;
	}
.Investment ul{
	margin-right: -6px;
	}
.Investment li{
	float: left;
    width: 50%;
    padding-bottom: 6px;
	text-align:center;
	}
.Investment li a{
	display: block;
    background: #FFF;
    padding: 15px;
    margin-right: 6px;
}
#show .name{
	height: 35px;
    line-height: 35px;
    padding: 0 5px;
    position: relative;
    margin-top: -35px;
    font-size: 14px;
    background: #002965;
    color: #FFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
	}
#show li img{
	width:100%;
	height:10rem;
	}
.font2{
	}
.title{
	text-align:center;
	margin-top:2rem;
	}
.content{
	margin:0 auto;
	padding:10px;
	}
	
#hd{  position:relative;}
#hd .r{ position:absolute; top:28%; right:10px; width:1rem; height:1rem; color:#000; font-size:1.1rem;}
#hd .r:before{ content: "\e9bd";background-size: 50px 50px; background:center center;}

#nav_box {width:100%; display:none; }
#nav_box ul li{ display:block; float:left; width:25%; text-align:center;background:#0d3443; height:1.7em; line-height:1.7em;}
#nav_box ul li a{ display:block;   color:#fff; text-align:center;font-size:0.7rem;}
#nav_box ul li a:hover{ background:#a00;}

.classnav {width:100%;  }
.classnav ul li{ display:block; float:left; width:25%; text-align:center;background:#006a93; height:3em; line-height:3em;}
.classnav ul li a{ display:block;   color:#fff; text-align:center;}
.classnav ul li a:hover{ background:#c19608;}

article{ font-size:0.6rem;}

#mainbox .left1{ width:33.3%; float:left;}
#mainbox .left2{ width:33.3%; float:left;}
#mainbox .left3{ width:33.3%; float:left;}

.title h1{ display:block; float:left; height:35px; line-height:35px; font-size:14px; color:white; padding-left:10px;}
.title span{ float:left; line-height:35px; font-size:12px; padding-right:10px;}
.title #more{ float:right; line-height:35px; font-size:12px;  padding-right:10px;}
.title #imore{ float:right; line-height:35px; font-size:12px;  padding-right:10px;}
.s{ display:none;}
.title span a{ color:white;}

.show_ul ul{ padding-top:10px; font-size:0.6rem;}
.show_ul ul li{ display:block; float:left; width:49%; margin-bottom:3px; text-align:center;}
.show_ul ul li a{ display:block; margin:0 auto; padding-left:7px;}
.show_ul ul li a img{ width:80%;}
.show_ul ul li span{ display:block; height:30px; line-height:30px; font-size:12px; text-align:center; color:#000;}


.news_ul ul li{ height:35px; line-height:35px; border-bottom:1px solid #ccc;position:relative;}
.news_ul ul li a{ display:block; height:35px; line-height:35px; padding-left:15px; width:88%; float:left; overflow:hidden; font-size:0.6rem; color:#000;}
.news_ul ul li a:hover{ color:#36a814;}
.news_ul ul li span{ float:right; color:#36a814; position:absolute; top:5px; right:5px; }
.news_ul .title{ width:100%; background:#CC6633; height:35px; line-height:35px; margin-top:10px; font-size:1.5em; color:#fff;font-family: Microsoft YaHei;}
.news_ul .title span{ padding-left:20px; text-align:right; float:left;}

.footernav{ position:fixed; bottom: 0px; text-align: center; border-top: none;}
.footernav li{ display:inline; float:left; width:25%;}


.page_nav{ height:36px; margin-top:10px; margin-bottom:30px;}
.page_nav a{ display:block;  width:48%; font-size:0.5rem; text-align:center; color:#000; border:#FFCC00 solid 1px; background:#FFFFCC; padding:5px 0;}
.page_nav .r{ float:right; margin-right:1%;}
.page_nav .l{ float:left; margin-left:1%;}

#box_footerBody{width: 100%; height: 45px; position:fixed; bottom: 0px; text-align: center; border-top: none;}
.footer_body{ min-width:320px; max-width:640px; margin:0 auto;}
.footer_ul{ display:block; background:#1e1e1e; width:100%; height:44px; border-top:1px solid #fff;}
.footer_ul li{ display:inline; float:left; width:25%; height:44px;}
.footer_ul li a{ display:block; height:42px; padding-top:5px; text-align:center; border-right:1px solid #fff; color:white; font-size:12px;}
.footer_ul li a.border_none{ border-right:none;}
.footer_ul li a:hover{ background:#a00;text-decoration:none;}
.footer_ul li a .icon{ display:block; width:30px; height:20px; margin:0 auto; font-size:1.5em;}
.footer_ul li a .text{ display:block; height:16px; line-height:16px; text-align:center;}

.footer_ul li a span.home:before{ content: "\e900";  }
.footer_ul li a span.book:before{ content: "\e942";  }
.footer_ul li a span.msg:before{ content: "\e945";  }
.footer_ul li a span.phone:before{ content: "\e944";  }

.cpzs{ max-width:640px; margin:0 auto; background:#f2f2f2; font-size:0.7rem; padding:2%;}
.cpzs span{ color:#1a76cd; font-weight:bold;}
.cpzs a{ color:#1a76cd; font-weight:bold; float:right; font-size:0.8rem; text-decoration:none; margin-right:5%;}
.chanpin{ max-width:640px; margin:0 auto;}
.chanpin img{ width:30%; margin-top:4%; margin-left:2%; float:left;}


<!------子页----------->
.sub_c{width:93%; margin:0 auto; display:block; margin:0 auto; line-height:28px; border:2px solid #d0d0d0 }
.sub_c li{ padding-left:10px; font-size:18px; line-height:30px; font-family:"微软雅黑"}
.sub_c li a{ width:98%; height:30px; display:block}
.sub_c li a:hover{ color:#F00}
.sub_c li:hover{ background:#f1d38a; color:#F00;}



div#hd img { width: 74%;}
.mabout{ width:100%; color:#e34a38; text-align:center; margin:0 auto; background:url(images/mabout-bg.jpg) top center no-repeat;line-height: 1.5em;font-size: 1.2em;}
.mabout p{ text-indent:2em; color:#7f8282;margin:0 auto; font-size: 0.8em; width: 90%; text-align: left;}
.mabout p a{ color:#e34a38; float:right;}
table#blogContentTable { width: 100% !important;}
ul#show li { width: 46%; text-align:center;line-height: 1em;float: left;margin: 0 2%;}
.float_right{ width:70%; float:right; border-left:solid 2px #8f8f8f;margin-top: 20px;}
.left_nav{ background:#eeeeed; width:27%; float:left; margin-top: 20px;}
.left_nav li{ list-style:none; text-align:center;}
.left_nav li a{ text-decoration:none;line-height: 2em; font-size:0.8em; display:block;}
.left_nav li a:hover{ color:#dc241c;}
a.r { display: block; width: 40%; font-size: 0.7rem; text-align: center; color: #fff; background: #c10404; padding: 6px 10px; float: right;}
a.l { display: block; width: 40%; font-size: 0.7rem; text-align: center; color: #fff; background: #c10404; padding: 6px 10px; float: left;}
center {
    margin: 20px auto 30px;
}
.content_c p{text-indent:2em;line-height:2em;font-size:1.2em; width:92%;}
.content_list{ width:95%; margin:0 auto;}
.content_list ul li{margin-bottom:1rem;}
.content_list span {float:right;}
.content_list ul li a{}
p.prod_img {
    text-indent: 0;
    text-align:center;
}

.show li {
    width: 45%;
    float: left;
    margin-left: 3%;
	margin-bottom: 20px;
    text-align: center;
	height:132px;
      font-size: 0.9em;
}
.show li img{ height:80%; width:100%;}
.show1 li {
    width: 100%;
    text-align: center;
}
.show1 li img{ width: 100%;}

.mnav{ width:100%; height: 36px;}
.mnav li{ float:left;text-align: center; width: 33%;}
.mnav li a{ color:#303030; font-size:1.2em;}
.img{ height:18%; position:relative;z-index: 99;}
.img img{ position:fixed; width:100%; height:150px;}
#footer{background:#1e1e1e; height:6rem; line-height:1.3rem; color:white; margin-top:5rem; text-align:center; margin:2rem 0 0 0 ; font-size:0.8rem; overflow:hidden;  padding-top:1rem; padding-bottom:2rem;}
.footer_text{margin:0 auto; height:auto; font-size:0.8rem;}
.footer_text a{color:#fff;}


  center{width:96%;}
	.mmain{ font-size:62.5%;  overflow:hidden; margin:0rem auto 2rem;}
	.mmain ul li{float:left;width:33%; overflow:hidden; text-align:center; margin-top:2rem;}
	.mmain div{background:#636362; width:7rem; height:7rem;text-align:center; }
	.mmain div:hover{ background:#f6cc08; }
	.mmain div:active{ background:#f6cc08; }
	.mmain img{ margin:1rem 0 0 0 ; width:60%;}
	.mmain p{color:White; line-height:2rem;}
	.mmain ul li div p:hover{color:black;}
	.mmain a{color:#000; font-size:0.9rem;}
	.top1{border-bottom:1px dashed #999; font-size:1rem; letter-spacing:0.3rem;margin-top:0.5rem;padding-bottom:0.5rem; padding-left:0.8rem;}

#cp{ margin:0 auto; text-align:center;}
#cp ul{ text-align:center;}
#cp ul li{ float:left; margin-left:1.3rem; font-size:0.8rem; font-weight:bold;width:41%;}
#cp1{ margin:0 auto; text-align:center;}
#cp1 ul{ text-align:center;}
#cp1 ul li{ float:left; margin-left:1.3rem; font-size:0.8rem; font-weight:bold;}

@media screen and (min-width: 1024px) {
.flex-direction-nav .flex-prev ul li a{ opacity: 1; left: 10px;  color:#fff; opacity:0.8; display:none}
.flex-direction-nav .flex-next ul li a { opacity: 1; right: 50px; color:#fff; opacity:0.8;display:none}
}
@media screen and (min-width:640px){
	body{width:640px;}
	.mmain ul li{margin-right:2rem; width:28%; text-align:center}
	.mmain ul{ margin:0 0 0 5%}
	.logo img{width:106%;}
	
	}

	@media screen and (max-width: 10000px) {
	  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;  color:#fff; opacity:0.8;}
	  .flex-direction-nav .flex-next { opacity: 1; right: 10px; color:#fff; opacity:0.8;}
	}

@media screen and ( max-width:350px ){
.lszl_01 .list{width:310px;}
.lszl_01 .list div{height:48px; padding-top:12px; font-size:10px;}
.lszl_01 .list em{top:6px;}	
.mmain div{width:5.5rem; height:19%;}
}