@charset "UTF-8";
/* CSS Document */

/************************ Body ************************/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tfoot,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
	list-style:none;  
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    /*line-height: 0;*/
}

[v-cloak] {
    display: none;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

body {
    font-family: 'Eurostile LT Std', 'Arial', '微软雅黑';
   
}


.subban{width:1000px; height:120px;    margin-left: -10px; background:url(/images/cmsbanner.jpg); display:table; text-align:center;}
.subban .ti{display:table-cell; vertical-align:middle; font-size:50px; font-weight:600; font-style:italic; color:#fff;}
#container{width:100%;margin-left:auto;margin-right:auto;margin:0 auto;margin-top: -5px; background:url(/e/images/1_03.jpg) no-repeat;    font-size: 12px;} /*通用主体盒子样式*/
.w{width:1200px;margin:0 auto;}
.clear{clear:both;}
.m-mid { width:100%}


.header{ width:100%; margin:0 auto;}
.header .topbg { background:#1d7c74; height: 35px; font-size:12px;}
.header .topmenu { width:1200px; margin:0 auto;background:#1d7c74; }
.header .topbg .topleft { width:50%; float:left;}
.header .topbg .topriht { width:50%; float:right; text-align:right;}
.header .topbg .topriht span {color: #fff;line-height: 35px;padding-right: 20px; }
.header .topbg .topriht span a { padding-left:5px; padding-right:5px; color:#fff;}
.header .topbg .topleft li { background: url(/e/images/di_01.png) 1px 1px no-repeat;
    color: #fff;
    font-size: 12px;
    padding-left: 20px;
    margin-top: 10px;
    display: inline-block;
    padding-right: 20px;}
	.header .topbg .topleft li a { color:#fff;}
.header .topbg .topriht .lt  { background:#fff; color:#000;border-radius: 3px;padding-top: 2px;padding-bottom: 2px;}
.header .inner:after{content:"\200B";display:block;height:0;clear:both}
.header .head_l {float:left;  padding-top: 10px;}
.header .head_l a.logo{display: inline-block;text-decoration:none;width:194px;overflow:hidden}
.header .head_l span { font-size: 12px;display: inline-block; padding-bottom: 10px; padding-left: 10px; vertical-align: bottom;}
.header .head_l a.logo:before{display:inline-block;}
.header .head_r {float:right; padding-right:5px;padding-top: 20px;}
.header .head_r li { float:left;}
.header .head_r li strong {font-size: 26px;padding-left: 35px;}
.header .head_r .tel {background: url(/e/images/tel-ico.png) 5px 1px no-repeat;padding-right:30px;}
.header .head_r .fax {background: url(/e/images/cont-ico.png) 1px 1px no-repeat;}
.header .head_r li span{display: block;font-size: 14px; padding-bottom:5px;}

.menu_bg { background:#f1f1f2; height:40px; margin-top:5px;}
.ch_menu {float: left;
    line-height: 40px;
    padding-left: 20px; font-size:14px;}
.ch_menu a	{color:#4c4b4d; padding-left:5px; padding-right:5px;}
.ch_menu a:hover	{color:#1c7c74;padding-left:5px; padding-right:5px;}
.top-nav{display: inline-block; float:right;position:relative;}
.top-nav .top-nav-btn{float:right;position: relative;}
.top-nav .top-nav-btn .nav-btn-f{display:block;color:#4c4b4d;font-size: 14px;margin-right:35px;line-height:40px;transition:0.3s ease;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;}
.top-nav .top-nav-btn .nav-btn-f:hover{transform:translate(0,3px); color:#1c7c74;}
.top-block{height:130px;width:100%;}
.second-nav{position:absolute;background: #9a1e26;width:145px;z-index: 100;left:-2px;top:28px;display: none;}
.second-nav a{color:#fff;font-size: 14px;display: block;text-align: center;padding:5px 0;width:90%;margin:0 auto;border-bottom:1px solid #fff;}
.second-nav .no-border{border-bottom:0;}

#main {
	width:1200px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
    padding-bottom: 80px;
	color: #333;
	margin-right: auto;
}
#banner-box{position:relative;overflow:hidden; width:1200px;}
.banner{width:1200px;height:325px;}
.banner img{width:100%;}
.banner a{display: none;}
.banner a:nth-of-type(1){display: block;}
.banner .show-one{display: block;}
#top {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #949494;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#cat {
	margin-top: 15px;
	margin-bottom: 15px;
	display: inline-table;
	    display: block;
}
#cat_top {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:12px;
	min-height: 600px;
	display:inline-block;
	
}
#cat_top_left {
	width:267px;
	float:left;
	
}
#cat_top_right {
	width:412px;
	float:right;

}
#cat_top_right .pic{ display:inline-block;}
#cat_top_right ul { font-size:14px; }
#cat_top_right ul li { background:#1c7c74; display:inline-block; margin-bottom:10px; height:50px; width:410px;}
#cat_top_right ul li:hover { background:#f17071;}
#cat_top_right ul li span { float:left;}
#cat_top_right ul li i {border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
 float:right;
 margin:15px 10px 10px 10px;}
#cat_top_right .se-span {
    width: 180px;text-align: left; line-height:50px; color:#fff; font-size:18px;}
#cat_top_right .se-span strong { font-size:28px;}	
#cat_top_right .f-span {
    width: 90px;
    text-align: left;padding: 5px 20px;}

#cat_middle_left{
	float:left;
	background: url(/e/images/l_pic01.jpg)  no-repeat;
	width:265px;
	height:262px;
	position: relative;
}
#cat_middle_left .title{
	float:left;color: #fff;
    font-size: 22px;
	line-height: 36px;
    padding: 30px 20px 20px 20px;
	
}
#cat_middle_left .more{
	float: left;
    display: inline-block;
    /* width: 200px; */
    color: #fff;
    position: absolute;
    font-size: 16px;
    bottom: 20px;
    right: 0px;
    padding-right: 20px;
	
	
}
#cat_middle_left .more a { color:#fff;}
#cat_middle_left .more i { 
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
	 display: inline-block;
	}
#cat_middle_left_top{
	float:left;
	width:265px;
	height: 504px;
	border:1px solid #1a5b53;
	margin-top:20px;
	font-size:12px;
}
#cat_middle_left_top .title { background:#1a5b53; height:30px; color:#fff;display:inline-block; width:100%;}
#cat_middle_left_top .title span { font-size:14px; font-weight:bold; padding-left:10px; line-height:30px;}
#cat_middle_left_top .contact_c { padding:5px; display:inline-block;}
#cat_middle_left_top .contact_c p { display: inline-block; padding-top: 15px;
    padding-left: 10px;}
#cat_middle_left_top .contact_c p span {
    float: left;
    color: #403F41;
    font-size: 16px;
    line-height: 30px;}
#cat_middle_left_top .contact_c p .se-span {
    width: 180px;text-align: right;}
#cat_middle_left_top .contact_c p .se-span strong { font-size:28px;}	
#cat_middle_left_top .contact_c p .f-span {
    width: 50px;
    text-align: left;}
#cat_middle_left_top .contact li{
	list-style-type:none;
	
}

.calendar{
	height:242px;

	
	
}
.facebook{
	width:500px;
	float: left;

		
}
#cat_middle{ float:left; width:500px; margin-left:10px;}

#cat_middle_right{
	float:right;
	width:679px;


}
#cat_middle_right li{
	list-style-type:none;
}
#news {
	margin-top:10px;
	*margin-top:3px!important;
	height:10px;
	*height:24px!important;
	

}
#news_left {
	float:left;
	width:119px;
	

}
#news_right {
	float:left;
		
}
#news_smallPhoto {
	float:left;
	width:110px;
}
#news_right ul{
	width:550px;
}
#news_right li{
	
	
	
}
.news_title{
	color:#007f78;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	
	margin-bottom:5px;
	font-weight:bold;
	list-style-type:none;

	
		
	
}
.news_content{
	height:39px;
	*height:36px !important;
	list-style-type:none;
}
.news_more {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	

}
.news_more  a:hover {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
}
.news_more  a {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
}
.news_more  a:visited {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
}

#news_line{
	margin-top:70px;
	*margin-top:45px !important;
	margin-bottom:9px;
	
	
	
	
}
#news_photo{
	margin-bottom:5px;
}
#news_photo_content{
	margin-bottom:5px;
	height:83px;
}
#cat_bottom{
	position: absolute;
	margin-left:5px;
	*margin-left:0px!important;
	


	
	

}
#sub_bottom{
	position: absolute;
	width:1000px;
	height:15px;
	margin-top:10px;
	
	


	
	

}

#footer{
  width: 100%; min-height: 75px;    font-size: 12px;
}
#footer .q_menu { font-size:14px;}
#footer a {color:#403F41; padding-left:5px; padding-right:5px;}
#footer a:hover {#1d7c74}
#footer .copy {
    text-align: center;
    padding-top: 20px;
    color: #403F41;
    line-height: 40px;
    width: 1200px;
	margin: 0 auto;
}
#footer .copy img { padding-left: 5px;}

#news_btn{
	
	*margin-top:-3px; !important;
	width:500px;
	margin-right:8px;
	float: right;
	
	
}
.news_num{
	
	
	float: right;
	
	
}
#top_top{
	height:31px;
	
	
}

dl{clear:both;float:right; margin-left:50px;}
dt{float:left;  }
dd{margin-top:5px;float:left; margin-left:5px;}

#top_top ul{
	list-style-type:none;
	float:right;
}
#top_top li{
	list-style-type:none;
	
	display: inline;
}
.textbox {
	padding-top:10px;
	
	
}

#top_bottom{
	width:1000px;	
	height:147px;

}
#top_bottom_left{
	width:154px;	
	float: left;
	
	
}
#top_bottom_right{
	width:846px;	
	float: right;
	
	
}
#top_bottom_right_top{
	float: right;
	height:102px;
	width:309px;
	*width:305px!important;
	
	
}
#top_bottom_right_top ul{
	
	margin-top:62px

}

#top_bottom_right_top li{
	list-style-type:none;
	display: inline;
	margin-right: -4px;
}

#top_bottom_right_bottom{
	float: right;
	height:45px;
	width:845px;
	background-image:url(/images/bg_top_btn.jpg)
	
}
#top_bottom_right_bottom ul{
	
	float: right;
	margin-top:5px;
	*margin-top:10px!important;
	margin-right:6px;
	

}

#top_bottom_right_bottom li{
	list-style-type:none;
	display: inline;
	margin-left: 35px;
	color:#7b7b7b;
	font-size:12px;

	
}
	
#top_bottom_right_bottom li a, #top_bottom_right_bottom li .selected{
	color:#7b7b7b;
	text-decoration:none;
	
	
}
#top_bottom_right_bottom li a:hover{
	color:#0d867f;
	text-decoration:none;
	
	
}

#search_right{
	width:1150px;	
	margin: 0 auto;	
		
}
.CatContent{
     width: 100%;
    height: auto;
    float: left;
    margin-top: 25px;
    border-bottom: 1px solid #002a79;
	 margin-bottom: 15px;
	     padding-bottom: 10px;
}
.CatContent a{ color:#000;}
.CatContent a:hover{ color:#006;}
.ContentImage{
    float: left;
	width:20%;  
    height: 100px;
	overflow:hidden;
    padding-bottom: 25px;
    text-align: left;
}

.ContentText{
    float: left;
	width:78%;
    height: 125px;
}
.ContentLink{
    float: left; padding-top:10px;
}

.ContentDate{
    font-size: 14px;
    color: #002a79;padding-top:10px;
}

.ContentTitle{
        font-size: 20px;
    font-weight: bold;
	padding-right:5px;
}
    
.ContentImage img{
    width: 200px;
}
.ContentDesc { font-size:18px; padding-top:10px;padding-top:10px;}
.pc-hidden {display: none;}
@media screen and (max-width: 768px) {
	.hsuImg { max-width: 30%; margin-right: 3%; }
	.header  , .header .headinfor,  #container, #footer .copy, #cat_middle_left, #cat_top_right, #cat_top_left, #cat_middle , .banner{ display:none;}
	.navbar-header , #m-banner-box, .mobile-container-mid, .mobile-section, #footer .mobile-copy, .mobile-sectionHighlight, .mobile-header, .mobile-cat_middle, .mobile-cat_middle_left_top, .mobile-banner{ display:block;}
	#main {
    width: 100%;
    margin-top: 0px;
	padding-bottom:0px;
	padding-top:150px;
    margin-left: auto;
    margin-right: auto;
}   
    #cat {
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-table;
    display: block;
    width: 95%;
    margin: 0 auto;
}    
    .mobile-cat_middle {
	
    width: 95%;
	background: #eee;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
}
	.mobile-header:hover{background:rgba(255,255,255,1)}
	.mobile-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 150px;
   
     background: rgba(255,255,255,1); 
    box-shadow: 0px 2px 8px rgba(26, 26, 51, 0.1);
    top: 0;
    left: 0;
    transition: background .5s cubic-bezier(0,.4,.4,1);
    -ms-transition: background .5s cubic-bezier(0,.4,.4,1);
    -moz-transition: background .5s cubic-bezier(0,.4,.4,1);
    -webkit-transition: background .5s cubic-bezier(0,.4,.4,1);
}    
    .mobile-header .top_bg { width:100%; height:15px; background:#1d7c74;}
    .mobile-header .container {
     border-bottom: 2px solid #1d7c74;
     width: 100%;
     padding-right: 1px;
     padding-left: 1px;
	     padding-bottom: 5px;
	 }
	.mobile-header .head_r { width:100%; text-align:center; padding-top: 10px; }
    .mobile-header .head_r li { display: inline-block;}
    .mobile-header .head_r li strong {font-size: 20px;padding-left: 35px;}
    .mobile-header .head_r .tel {background: url(/c/images/wat-ico.png) 5px 1px no-repeat;padding-right:30px;}
    .mobile-header .head_r .fax {background: url(/c/images/m_tel_ico.jpg) 1px 1px no-repeat;}
    .mobile-header .logo {
    float: left;
    width: 240px;
    
    margin-top: 10px;
    margin-left: 5px;
}   
    .mobile-header .right {
    float: right;
    padding-right: 10px;
    margin-top: 20px;
}
     .mobile-header .right .switch {
    display: block;
    float: right;
    position: relative;
    width: 37px;
    height: 37px;
  
    margin-left: 12px;
}
        
   .mobile-header .right .switch:before{content:'';display:block;position:absolute;width:32px;height:32px;border-radius:100%;top:0;left:0;opacity:0;transition:all .3s cubic-bezier(0,.4,.4,1);-ms-transition:all .3s cubic-bezier(0,.4,.4,1);-moz-transition:all .3s cubic-bezier(0,.4,.4,1);-webkit-transition:all .3s cubic-bezier(0,.4,.4,1);background:rgba(204,204,204,0);background:-moz-linear-gradient(top,rgba(204,204,204,0) 0,rgba(204,204,204,0.25) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(204,204,204,0)),color-stop(100%,rgba(204,204,204,0.25)));background:-webkit-linear-gradient(top,rgba(204,204,204,0) 0,rgba(204,204,204,0.25) 100%);background:-o-linear-gradient(top,rgba(204,204,204,0) 0,rgba(204,204,204,0.25) 100%);background:-ms-linear-gradient(top,rgba(204,204,204,0) 0,rgba(204,204,204,0.25) 100%);background:linear-gradient(to bottom,rgba(204,204,204,0) 0,rgba(204,204,204,0.25) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#cccccc',GradientType=0 )}
			.mobile-header .right .switch.open:before{opacity:1;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
			.mobile-header .right .switch span{display:block;position:absolute;width:35px;height:6px;background:#1d7c74;transition:all .3s cubic-bezier(0,.4,.4,1);-ms-transition:all .3s cubic-bezier(0,.4,.4,1);-moz-transition:all .3s cubic-bezier(0,.4,.4,1);-webkit-transition:all .3s cubic-bezier(0,.4,.4,1)}
			.mobile-header .right .switch span:nth-child(1),.mobile-header .right .switch span:nth-child(4){top:15px}
			.mobile-header .right .switch span:nth-child(2){top:5px}
			.mobile-header .right .switch span:nth-child(3){top:26px}
			.mobile-header .right .switch.open span:nth-child(2),.mobile-header .right .switch.open span:nth-child(3){width:2px;top:15px;left:15px;opacity:0}
			.mobile-header .right .switch.open span:nth-child(1){width:18px;left:7px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
			.mobile-header .right .switch.open span:nth-child(4){width:18px;left:7px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
			.mobile-header .right nav{position:fixed;width:200px;height:calc(100vh - 80px);border-left:1px solid #eee;background:#fff;padding-bottom:40px;top:80px;right:-200px;overflow-y:auto;transition:right .5s cubic-bezier(0,.4,.4,1);-ms-transition:right .5s cubic-bezier(0,.4,.4,1);-moz-transition:right .5s cubic-bezier(0,.4,.4,1);-webkit-transition:right .5s cubic-bezier(0,.4,.4,1)}
			.mobile-header .right nav.open{right:0}
			.mobile-header .right nav:before{content:'';display:block;position:absolute;width:10px;height:100%;top:0;left:0;background:#fff;background:-moz-linear-gradient(left,rgba(238,238,238,1) 0,rgba(238,238,238,0) 100%);background:-webkit-gradient(left top,right top,color-stop(0,rgba(238,238,238,1)),color-stop(100%,rgba(238,238,238,0)));background:-webkit-linear-gradient(left,rgba(238,238,238,1) 0,rgba(238,238,238,0) 100%);background:-o-linear-gradient(left,rgba(238,238,238,1) 0,rgba(238,238,238,0) 100%);background:-ms-linear-gradient(left,rgba(238,238,238,1) 0,rgba(238,238,238,0) 100%);background:linear-gradient(to right,rgba(238,238,238,1) 0,rgba(238,238,238,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#eeeeee',GradientType=1 )}
			.mobile-header .right nav .nav-main{position:relative}
			.mobile-header .right nav .nav-main >li{display:block;border-bottom:1px solid #eee}
			.mobile-header .right nav .nav-main >li >a{position:relative;height:40px;line-height:40px}
			.mobile-header .right nav .nav-main >li >a >i{position:absolute;top:11px;right:15px}
			.mobile-header .right nav .nav-sub{position:static;min-width:auto;border-top:none;top:0;left:0;transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0)}
			.mobile-header .right nav .nav-main >li.open >.nav-sub{display:block}
			.mobile-header .right nav .nav-sub:before{display:none}
			.mobile-header .right nav .nav-sub >li >a{text-align:left;white-space:normal}
	.mobile-container-mid { width:100%; margin:0 auto; background: url(/e/images/m_01.jpg)}
	.mobile-main-smegazine-wrap { width:100%; margin:0 auto; padding-top:10px;}
	.mobile-mn-h2-tt { width:100%; margin-bottom:10px;}
	.mobile-mn-h2-tt span {background: linear-gradient(#13b3b8 50%, #363533 50%); height:40px; width:8px; display:inline-block; float:left;}
	.mobile-mn-h2-tt h2 { text-align: center; font-size: 25px;color: #000; padding-left:5px; display:inline-block;line-height: 40px;}
	.mobile-mn-megazine-design-wrap { width:100%; margin:0 auto;padding-top: 15px;}
	.mobile-mn-design-panner-left { width:100%; margin:0 auto;}
	.mobile-mn-desi-small-pan {margin:0 auto;display: inline-block;background: #f1f1f1;    width: 100%; }
	.mobile-mn-desi-small-pan .mn-a-desi-link {display: block;}
	.mobile-mn-desi-small-pan .mn-a-desi-link .img-bg {width: 50%; float: left;}
	.mobile-mn-desi-small-pan .mn-a-desi-link .pan-con-txt { position: relative;width:50%;float: left;overflow: hidden;}
	.mobile-mn-desi-small-pan .mn-a-desi-link .pan-con-txt .pan-con-pd {position: relative;z-index: 2; text-align: center; box-sizing: border-box; padding: 8px 3px 5px 3px;}
	.mobile-mn-desi-small-pan .mn-a-desi-link .pan-con-txt .pan-con-pd strong {transition: .4s;font-size: 16px; color: #000; font-weight: bold;line-height: 2;}
	.mobile-mn-desi-small-pan .mn-a-desi-link .pan-con-txt .pan-con-pd p { transition: .4s; font-size: 13px; color: #a8a8a8;margin-top: 18px;line-height: 1.6em;height: 3.2em;overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;padding-left:5px; padding-right:5px;}
	.mobile-main-smegazine-wrap .m_bg {background: url(/e/images/index_con_bg.jpg) center; }
	.mobile-about { width:100%; margin:0 auto;display: inline-block;}
	.mobile-about .about-img {    width: 80%;
		text-align: center;
		display: block;
		margin: 0 auto;margin-bottom: -15px;}
	.mobile-about .about-img img {-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}
	.mobile-about .about-img-bg {width: 100%; display: block;background: url(/e/images/m_05.jpg) 100% no-repeat; padding: 2%;}
	.mobile-about .title {
		line-height: 1em;
		padding-top: 20px;
		text-align: left;
		display: inline-block;
		padding-left: 10px;
	}
	.mobile-about  .title 	h2 { color: #0f922a;
		font-size: 18px;
		line-height: 1em;
		display: block;
		/* text-align: right; */
		float: right;
		width: 200px;
		margin-top: 10px; }
	.mobile-about  .title 	h2:after {
		display: block;
		/* position: absolute; */
		content: "";
		width: 50px;
		/* float: left; */
		height: 2px;
		background: #089223;
		/* left: 50%; */
		/* margin-left: -60px; */
		margin-top: 5px;
		bottom: -2px;
	}
	.mobile-about  .desc {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 11;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		font-size: 12px;
		line-height: 2em;
		color: #227d2e;
		padding-top: 30px;
		padding: 4%;
	}
	
/*手机侧栏*/
    .mobile-body-block{position:absolute;top:0;left:0;width:100%;background:transparent;display: none;z-index: 29;}
.mobile-silde-menu{display: block;position:fixed;right:-60%;width:60%;height:100%; background-color:rgba(255,255,255,1);z-index:99;overflow-y:scroll;}
	.mobile-slide-menu-main {overflow-y: auto;
    padding-top: 150px;
    background-color: rgba(255,255,255,1);}    .mobile-member-handle{ background-color:rgba(255,255,255,1);color:#fff;font-size:1rem;padding:4.8rem 0;text-align: center;}
    .mobile-member-handle a{color:#fff;font-size:1.1rem;}
	.mobile-back-menu {    
		padding: 10px 5px 5px 5px;
		height: 30px;
		width: 50px;
		
		margin-left: 10px;}
    .mobile-silde-menu-one{}
	.mobile-silde-menu-one span { display:inline-block;}
    .mobile-silde-menu-one a{display:block;color:#1d7c74;font-size:1.2rem;padding:1.5rem 0;text-indent: 1.7rem; font-weight:600}
	.mobile-silde-menu-one a:active { color:#1d7c74;}
	.mobile-silde-menu-one a:hover { color:#1d7c74;}
    .mobile-silde-menu-btn{background-image:url('/e/Images/mobile-silde-menu-down.png');background-repeat:no-repeat;background-position:90% center;background-size:1rem auto;}
    .mobile-silde-down{display:none;}
    .mobile-silde-down .mobile-silde-menu-one a{font-size: 1rem;padding:0.9rem 0; background-color:rgba(50,50,50,1);text-indent: 2.5rem;}
    .mobile-silde-down-2 .mobile-silde-menu-one a{font-size: 0.9rem;background-color:rgba(235,235,235,1);text-indent: 3.5rem;}
	.mobile-headinfor {width:9rem;margin-right: 10px;float:right; background:#68951e;-moz-box-shadow: 2px 2px 10px #999999;-webkit-box-shadow: 2px 2px 10px #999999; 
		box-shadow: 2px 2px 10px #999999;border-radius:0px 0px 10px 10px; 
		-moz-border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px; text-align:center; }
	.mobile-headinfor span { color:#FFF; font-size:12px; padding:5px 5px 5px 5px; line-height:36px;}
	.mobile-headinfor span a { color:#FFF; font-size:12px; padding-left: 5px; padding-right: 5px; text-decoration: none;}
#mobile-nav {
    display: block;
     width: 100%; 
   float: left;
   
    /* display: flex; */
    /* display: -webkit-flex; */
  /*  display: -moz-flex;
    display: -mz-flex;*/
    justify-content: space-between;}
.mobile-nav-one{width: 30%;
    height: 30px;
	
    position: relative;
    
    text-align: left;}
.mobile-nav-one a{display: inline-block;height:1.5rem;color:#000000;font-size: 12px;text-align: center;line-height: 1.5rem;}
.mobile-nav-menu-btn p{width: 1.7rem;
    height: 2px;
    position: relative;
    background-color: #000000;
    margin: 0.7rem auto 0;}
.mobile-nav-menu-btn .icon-bar {
        display: block;
        width: 40px;
        height:6px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        -ms-border-radius: 1px;
        -o-border-radius: 1px;
        border-radius: 1px
    }
.mobile-nav-menu-btn .icon-bar {
	
   background: #1d7c74;
    }
	
.mobile-nav-menu-btn .icon-bar+.icon-bar {
            margin-top: 5px
        }
.mobile-nav-menu-btn .icon-bar {
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -ms-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s
        }
.mobile-nav-menu-btn .icon-bar:nth-child(2) {
            opacity: 0
        }
.mobile-nav-menu-btn .icon-bar:first-child {
            -webkit-transform: matrix(.707107, .707107, -.707107, .707107, 0, 9);
            -moz-transform: matrix(.707107, .707107, -.707107, .707107, 0, 9);
            -ms-transform: matrix(.707107, .707107, -.707107, .707107, 0, 9);
            -o-transform: matrix(.707107, .707107, -.707107, .707107, 0, 9);
            transform: matrix(.707107, .707107, -.707107, .707107, 0, 9)
        }
.mobile-nav-menu-btn .icon-bar:last-child {
            -webkit-transform: matrix(.707107, -.707107, .707107, .707107, 0, -11);
            -moz-transform: matrix(.707107, -.707107, .707107, .707107, 0, -11);
            -ms-transform: matrix(.707107, -.707107, .707107, .707107, 0, -11);
            -o-transform: matrix(.707107, -.707107, .707107, .707107, 0, -11);
            transform: matrix(.707107, -.707107, .707107, .707107, 0, -11)
        }
 .collapsed .icon-bar {
            -webkit-transform: none!important;
            -moz-transform: none!important;
            -ms-transform: none!important;
            -o-transform: none!important;
            transform: none!important;
            opacity: 1!important
        }
.mobile-nav-menu-btn p:before{content:"";position:absolute;top:-0.4rem;left:0;width:100%;height:0.1rem;background-color: inherit;}
.mobile-nav-menu-btn p:after{content:"";position:absolute;top:0.4rem;left:0;width:100%;height:0.1rem;background-color: inherit;}
.mobile-search-down { display:inline-block;}
.mobile-nav-one span{ width:1px; background:#fff; height:10px; display: inline-block; margin-left:5px;}
.mobile-slide-menu-main .sub-menu ul{ border-top:1px solid #1d7c74;    width: 90%;
    margin: 0 auto;    padding-top: 10px;}
.mobile-slide-menu-main .sub-menu ul li {display: block;}
.mobile-slide-menu-main .sub-menu ul li a {color: #1d7c74;
    font-size: 1.1rem;
     padding: 0.5rem 0;
    text-indent: 1rem;
    /* border-bottom: 0.1rem solid #90949c; */
    font-weight: 600;}
.zindex { z-index:99999999;}
#banner-box{position:relative;overflow:hidden; width:100%;}
.mobile-banner{width:100%;}
.mobile-banner img{width:100%;}
.mobile-nav-language {color:#000;}
.navbar-header { }
.navbar-header .logo { margin:0 auto; text-align:center; float:left;}
.mobile-section {
   padding: 3rem;
}
.mobile-sectionHighlight { 
   
	margin:0 auto;
	width:100%;
	margin-top: 10px;
	
	}
	.mobile-sectionHighlight .title {
		color:#fff; font-size: 14px;   padding-left: 30px;     text-align: center;
		
	
	}
	.mobile-sectionHighlight .picimg {
		
		text-align: center;
		width:100%;
		margin:0 auto;
	}
	.mobile-sectionHighlight .picimg a{
		color: #fff;
		width:45%;
		margin-left:2.2%;
		margin-right:2.2%;
		margin-bottom:4%;
		display:inline-block;
	}
	.mobile-sectionHighlight .geen{ background:#1d7c74;}
	.mobile-sectionHighlight .red{ background:#f27072;}
	.mobile-sectionHighlight .picimg li {
		
		width:100%;
		text-align: center;
		padding-top: 2rem;
		padding-bottom: 1rem;
		display: inline-block;
		margin: 0 auto;
		
		
	}
	.mobile-sectionHighlight .picimg li img {
		 height: 6rem;
	}
	.mobile-sectionHighlight .picimg li p {
		line-height: 3.5rem;
		font-size: 1.2rem;
	}
	.mobile-sectionHighlight .picimg li:hover {
		background: #89be32;
		color: #fff;
	}
.mobile-inner_a {
	
    width: 100%;
    margin: 0 auto;
}

.mobile-sectionnews {
	background: url(/e/images/m_08.jpg) 100% top  ;
    background-size: 100%;
}
.mobile-sectionnews .contact {
	padding: 1rem;
    display: block;
}
.mobile-sectionnews .newvideo {
    display: block;
    text-align: center;

}
.mobile-sectionnews .newvideo img{
   width: 22rem;

}
.mobile-sectionnews .new-top{
	display: block;
    padding-top: 0.8rem;
}

.mobile-sectionnews .new-top .title{
  color: #079423; font-size: 1.2rem;
  border-left: #079423 5px solid;
  padding-left: 5px;
   }
.mobile-sectionnews .new-top .news_content_1{
	   padding-top: 20px;
	   display: block;
	   display: -webkit-box;
	 }
.mobile-sectionnews .new-box {
	border-bottom: 1px dotted #333; padding-bottom: 0.8rem;
    margin-bottom: 1rem;display: inline-block;
}
.mobile-sectionnews .data {    background: #0a8f24;
    width: 6rem;
    text-align: center;
    color: #fff;
	line-height: 4rem;
	margin-right: 15px;
	float: left;
	}
.mobile-sectionnews .con {  }
.mobile-sectionnews .news-title {
	color: #12851e;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
    
}
.mobile-sectionnews .desc{
  color: #48421e; font-size:12px;	padding-top: 5px;
  line-height: 18px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.mobile-sectionfacebook {
	
		background: url(/e/images/m_11.jpg) 100% top repeat-y ;
		background-size: 100%;
		margin-top: 20px;
	}
	.mobile-sectionfacebook .contact-box {
		padding: 2rem;display: inline-block;
	}
	.mobile-sectionfacebook .mid_right {
		display: inline-block;
		border: 1px solid #cbb092;
		width: 100%;
		margin-top: 10px;
	}
	.mobile-sectionfacebook .m_facebook{
		display: inline-block;
		border: 1px solid #cbb092;
		width: 100%;	
	}
	.mobile-sectionfacebook .mid_right .title {
		padding: 10px 25px 20px;
		text-align: left;
	}
	.mobile-sectionfacebook .mid_right .title 	h2 { color: #00891f;font-size:1.2rem;line-height: 1em; text-align: left;     display: block;}
	.mobile-sectionfacebook .mid_right .title 	h2:after {
	   display: block;
	   
		content: "";
		width: 80px;
		
		height: 4px;
		background: #fbcf2e;
		
	  
		margin-top: 5px;
		bottom: -2px;
	}
	.mobile-sectionfacebook .mid_right .mid_box {
	
	  padding-left: 25px;
	}
	.mobile-sectionfacebook .mid_right .mid_box p { line-height: 22px; clear: both;    padding-bottom: 10px;display: inline-block;}
	.mobile-sectionfacebook .mid_right .mid_box p span { float: left}
	.mobile-sectionfacebook .mid_right .mid_box p .img-span {
	 width: 2rem; margin-right: 10px;
	}
	.mobile-sectionfacebook .mid_right .mid_box p .img-span img{
     width: 25px;
	   }
	.mobile-sectionfacebook .mid_right .mid_box p .s-span{width: 17.5rem;
		font-size: 12px;}
.w { width:100%; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    width: 2rem;
}

.swiper-pagination-bullet {
  
    height: 8px;
    display: inline-block;
     border-radius: 0%;
    background: #fff;
    opacity: 1;
}
#main_mid .main_left { width:100%;}
#main_mid .index_con { height:100%; padding-bottom:10px;}
#main_mid .index_con .title {
    background: #363533;
    width: 50%;
    margin-left: 25px;
	}
#main_mid .index_con .title h3 {
    color: #06b2b4;
    padding: 10px;
    font-size: 22px;
    text-align: center;
    line-height: 50px;}
#main_mid .index_con .cen {
    padding-left: 30px;
    padding-top: 10px;
    line-height: 38px;
	font-size:13px;
    font-weight: bold;
    padding-right: 10px;
}
#main_mid .main_right {
    float: left;
    width: 100%;
}
#footer {
    margin-left: 0px;
    margin-top: 10px;
	background:#3a3a3c;
}
#footer .mobile-copy { text-align: center;
    padding-top: 20px;
    color: #a76900;
	line-height: 40px;
	font-size: 10px;
	margin: 0 auto;}
#footer .bottom { background:#58585a; color:#fff;}
#footer .mobile-copy img {     width: 60px;}
#footer .links .list {
    display: block;
    height: auto;
    margin-top: 10px;
    margin-left: 30px;
	padding-bottom:20px;
}
#footer .links .list li {
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    padding: 0 20px 0 0;
	text-align:left;
    vertical-align: top;
}
#footer .links .list li:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    background: #fff;
    top: 15px;
   
}
#footer .links .list li a {
    color: #fff;
	padding-left:20px;
	font-size:1.2rem;
}
#search_right { width:99%; 
	margin:0 auto;  line-height: 200%;
}

#search_right img{  text-align:center;
	margin:0 auto;		
}
.mobile-cat_middle_left_top{
	width: 95%;
    /* height: 504px; */
    border: 1px solid #1a5b53;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 12px;
}
.mobile-cat_middle_left_top .title { background:#1a5b53; height: 3rem; color:#fff;display:inline-block; width:100%;}
.mobile-cat_middle_left_top .title span { font-size:1.2rem; font-weight:bold; padding-left:10px; height: 3rem; line-height:3rem}
.mobile-cat_middle_left_top .contact_c { padding:5px; display:inline-block;}
.mobile-cat_middle_left_top .contact_c p { display: inline-block; padding-top: 15px;
    padding-left: 10px;}
.mobile-cat_middle_left_top .contact_c p span {
    float: left;
    color: #403F41;
    font-size: 16px;
    line-height: 30px;}
.mobile-cat_middle_left_top .contact_c p .se-span {
    width: 21rem;text-align: right;}
.mobile-cat_middle_left_top .contact_c p .se-span strong { font-size:28px;}	
.mobile-cat_middle_left_top .contact_c p .f-span {
    width: 5rem;
    text-align: left;}
.mobile-cat_middle_left_top .contact li{
	list-style-type:none;
	
}
.CatContent {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 5px;
    border-bottom: 1px solid #002a79;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.ContentText {
    float: left;
    width: 98%;
    height: 100%;
}
.ContentImage {
    float: left;
     width: 100%; 
    height: 100px;
    overflow: hidden;
    padding-bottom: 25px;
    text-align: left;
}
}
@media (max-width: 450px) {
/*  .navbar-header .logo img { width:150px; padding-top:20px;}
*/	#mobile-headinfor {
    width: 110px;
    float: right;
	margin-right: 8px;
    background: #363533;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    text-align: center;}
#mobile-headinfor span {
    color: #FFF;
    font-size: 12px;
    padding:0px;
    line-height: 26px;}	
.mobile-mn-desi-small-pan .mn-a-desi-link .pan-con-txt .pan-con-pd strong {transition: .4s;font-size: 14px; color: #000; font-weight: bold;line-height: 12px;}
	.mobile-mn-desi-small-pan .mn-a-desi-link .pan-con-txt .pan-con-pd p { transition: .4s; font-size: 12px; color: #a8a8a8;margin-top: 10px;line-height: 1.6em;height: 3.2em;overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; padding-left:5px; padding-right:5px;}
	.mobile-about .about-con-txt .about-con-pd p { transition: .4s; font-size: 12px; color: #777777;margin-top: 8px;line-height:2.3em; overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical; word-wrap: break-word;} 
	.mobile-sectionCardContent .desc {font-size: 12px;line-height: 2.3em; display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical; word-wrap: break-word; overflow:hidden; 
}
.mobile-sectionHighlight .title {
	color:#fff; font-size: 12px;   padding-left: 20px;     text-align: center;
	

}
.mobile-sectionfacebook .mid_right .mid_box p .img-span {
	width: 1.5rem; margin-right: 10px; padding-top: 5px;
   }
   .mobile-sectionfacebook .mid_right .mid_box p .img-span img{
	width: 1.5rem;
	  }
	  .mobile-sectionfacebook .mid_right .mid_box p .s-span{     width: 16.5rem; font-size: 9px;}
	  #footer .mobile-copy img {  width: 4rem;}
}
@media (max-width: 350px) {
	.navbar-header .logo { margin:0 auto; text-align:center; float:left; width:100px;}
/*    .navbar-header .logo img { width:120px; padding-top:20px;}
*/	#mobile-headinfor {
    width: 110px;
    float: right;
	margin-right: 8px;
    background: #363533;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    text-align: center;}
#mobile-headinfor span {
    color: #FFF;
    font-size: 12px;
    padding:0px;
    line-height: 26px;}
	.mobile-mn-desi-small-pan .mn-a-desi-link .pan-con-txt .pan-con-pd strong {transition: .4s;font-size: 12px; color: #000; font-weight: bold;line-height: 12px;}
	.mobile-mn-desi-small-pan .mn-a-desi-link .pan-con-txt .pan-con-pd p { transition: .4s; font-size: 12px; color: #a8a8a8;margin-top: 10px;line-height: 1.6em;height: 3.2em;overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
	.mobile-about .about-con-txt .about-con-pd p { transition: .4s; font-size: 12px; color: #777777;margin-top: 8px;line-height:2em; ;overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical; word-wrap: break-word;} 
	.mobile-sectionCardContent .desc {
	
    font-size: 12px;
    line-height: 2em;
  display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical; word-wrap: break-word; overflow:hidden; 
}
.mobile-sectionHighlight .title {
	color:#fff; font-size: 10px;   padding-left: 20px;     text-align: center;
	

}
.mobile-sectionnews .desc{
	color: #48421e; 
	font-size:12px;
	padding-top: 5px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
  }
  
  	.mobile-sectionHighlight .picimg a{
		color: #fff;
		width:45%;
		margin-left:2.1%;
		margin-right:2.1%;
		margin-bottom:4%;
		display:inline-block;
	}
	}