
@charset "utf-8";
/* =reset 网页样式重置
------------------------------------------------------------------------------------------------------------------------------*/
html { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;overflow:-moz-scrollbars-vertical;/*强制firefox出现滑动条*/}
body { -webkit-user-select: none;}
label { cursor:pointer;}
a:link, a:visited { text-decoration:none;}
input:focus { outline: none; }
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } /*利用阴影来填充掉input自动填充色*/

textarea,input,select { background: none; border:none; margin: 0; padding: 0; }

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, var { margin:0; padding:0;}

article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block;} /*html5设置*/

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ }
body, input, button, select, textarea, sub{ font-family:Microsoft YaHei;}


img, input, button, select, textarea { vertical-align:middle;outline:none;}
ul, ol { list-style:none;}
img, fieldset { border:0;}
abbr, acronym { cursor:help; border-bottom:1px dotted black;}
table {	width:100%; border-spacing:0; border:0;}
table th, table td { border:0;}
legend, hr { overflow:hidden; position:absolute; top:0; left:0;}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0;}

/**
 * = global 统一样式
 *******************************************************************************************************/
/* 改变动画的效果方式*/
* {
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
      -ms-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
html {height: 100%;}
body { position: relative; font-family:"Microsoft YaHei"; width: 100%; max-width: 640px;  height: 100%; margin: 0 auto; }
body h1,body h2,body h3,body h4,body h5,body h6,body strong,body em {font-weight:normal; } /*微软雅体 将原有的bold属性去掉*/

textarea:focus,input:focus { border: 1px solid #71b643; }

/*sprite图片合并*/
.css_sprite01 { background-image:url(../images/wap_css_sprite01.png)!important;  background-repeat: no-repeat!important; } 

/**
 * = function 功能样式
 *******************************************************************************************************/
.f-ofh {overflow: hidden; height: 100%!important; } 		/*隐藏内容-overflow-hidden*/
.f-hide { display: none!important; } 						/*隐藏内容*/

.f-tc { text-align: center; }
.f-tr { text-align: right; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-fixed { position: fixed; }
.f-cur { cursor: pointer; }

/*bg-background*/
.s-bg-ddd { background: #ddd; }

/**
 * = unit 统一元件样式
 *******************************************************************************************************/
/**
 * 箭头指示元件
 * -u-arrow
 */
.u-arrow { position: fixed; bottom: 30px; left:50%; z-index: 150; width: 80px; height: 80px; margin-left: -39px; /*background: rgba(160,160,160,0.6); border-radius: 50%;*/ }
.u-arrow p { position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -25px; width: 50px; height: 28px; background-position: 0 -82px;
	-webkit-animation: start 1.5s infinite ease-in-out;
	   -moz-animation: start 1.5s infinite ease-in-out;
	        animation: start 1.5s infinite ease-in-out;
}


.u-pageLoading { display:none; position:fixed; top:0; left:0; z-index:99999; height:100%; width:100%; background:rgba(0,0,0,0.6); }
.u-pageLoading img { position:absolute; top:40%; left:50%; height:100px; width:100px; margin:-50px 0 0 -50px; }


.u-note { position: fixed; left: 120px; top:50%; margin-top:-40px;  width: 400px; padding: 15px 0; text-align: center; font-size: 26px; border-radius: 8px; 
	 opacity: 0;
	 z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.u-note-error { background: #f48813; }
.u-note-sucess { background: #55e224; }
.u-note.on { opacity: 1; z-index: 99; }

/**
 * = Layout 布局样式
 *******************************************************************************************************/
.p-ct { position: relative; width: 100%; height: 100%; overflow: hidden; }
.p-ct.fixed { overflow: hidden; }


.translate-back { position: relative; width: 100%; height: 100%; }

/**
 * = modle 模块样式
 *******************************************************************************************************/
/**
 * 单页面page模块
 * -m-page
 */
.m-page { position: absolute; top:0; left: 0; width:100%; z-index: 9; background: #ddd; }
.m-page .page-con { position: relative; width: 100%; height: 100%; overflow: hidden; }
.m-page.active { z-index:40; }
.m-page.fixed { position: fixed; }
.m-page.move {
	-webkit-transition:all 0.3s;
  	   -moz-transition:all 0.3s;
	    -ms-transition:all 0.3s;
	     -o-transition:all 0.3s;
	        transition:all 0.3s;
}

/**
 * 大图文模块
 * -m-bigTxt
 */
.bigTxt-bd,
.bigTxt-arrow,
.bigTxt-detail,
.bigTxt-detail p {
	-webkit-transition:all .8s;
  	   -moz-transition:all .8s;
	    -ms-transition:all .8s;
	     -o-transition:all .8s;
	        transition:all .8s;
}

.bigTxt-bd { position: absolute; top: 50px; left: 30px; width: 450px; overflow: hidden; border-radius: 12px; background: rgba(255,255,255,0.7); opacity: 0;
	-webkit-transform: translate(200px,0);
	   -moz-transform: translate(200px,0);
	    -ms-transform: translate(200px,0);
	     -o-transform: translate(200px,0);
	        transform: translate(200px,0);
}
.bigTxt-bd p { padding:0 65px 0 25px; color: #000; }
.bigTxt-title { position: absolute; top: 0; left: 0; width: 100%; padding:25px 0; overflow: hidden; font-size: 28px; }
.bigTxt-title p { height: 100%; line-height: 130%; overflow: hidden; }
.bigTxt-arrow { position: absolute; bottom: 5px; right: 20px; display: inline-block; width: 34px; height: 34px; background-position: 0 -46px; 
	-webkit-transform: rotate(0);
	   -moz-transform: rotate(0);
	    -ms-transform: rotate(0);
	     -o-transform: rotate(0);
	        transform: rotate(0);
}
.bigTxt-detail { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; }
.bigTxt-detail p { width: 400px; overflow: hidden; padding:25px; line-height: 150%; font-size: 24px; border-top: 2px solid #fff; }

.bigTxt-btn { position: absolute; bottom: 120px; left: 50%; width: 480px; height: 80px; margin-left: -240px; background-size: auto!important; }
.bigTxt-btn a { display: inline-block; width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 36px; color: #000; letter-spacing: 0.5em; }

.bigTxt-weixin { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.7); }
.bigTxt-weixin img { max-width:100%; }
.bigTxt-weixin.z-show { display: block; }

.bigTxt-arrow.z-toggle {
	-webkit-transform: rotate(405deg);
	   -moz-transform: rotate(405deg);
	    -ms-transform: rotate(405deg);
	     -o-transform: rotate(405deg);
	        transform: rotate(405deg);
}
.bigTxt-detail.z-show p,
.z-animate .bigTxt-bd{ opacity: 1;
	-webkit-transform: translate(0,0)!important;
	   -moz-transform: translate(0,0)!important;
	    -ms-transform: translate(0,0)!important;
	     -o-transform: translate(0,0)!important;
	        transform: translate(0,0)!important;
}

/**



/**
 * = pluns 插件样式
 *******************************************************************************************************/
/*lazy-img*/
.lazy-img,
.lazy-finish { background-size: cover; background-repeat: no-repeat; background-position: center bottom;}

/*声音*/
.coffee-steam-box { display: none; }

/*轮播图*/
.m-imgBox { height: 380px; width: 640px; }

/*地图*/
.ylmap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:300; overflow: hidden;  
	-webkit-transition: all 0.8s;
	   -moz-transition: all 0.8s;
	    -ms-transition: all 0.8s;
	     -o-transition: all 0.8s;
	        transition: all 0.8s;

	-webkit-transform: translate(0,100%);
	   -moz-transform: translate(0,100%);
	    -ms-transform: translate(0,100%);
	     -o-transform: translate(0,100%);
	        transform: translate(0,100%);
}
.ylmap.mapOpen { 
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
}
.ylmap.show { display:block; }
.ylmap .bk{ position:absolute;width:100%;height:100%;text-align:center;z-index:-1;background: #efebed; }
.ylmap .bk span{ display: inline-block; margin-top: 48%; width: 59px;height: 49px; background-position: -72px -93px; }
.ylmap .tit p a span { background-position: -72px -144px; }

/**
 * = animate 动画样式
 *******************************************************************************************************/
/*箭头指示引导*/
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}

/*封面手引*/
@keyframes fengJump {
	0%   {transform:translateY(0);}
	20%  {transform:translateY(0);}
	40%  {transform:translateY(-40px);}
	50%  {transform:translateY(0);}
	60%  {transform:translateY(-15px);}
	80%  {transform:translateY(0);}
	100% {transform:translateY(0);}
}
@-webkit-keyframes fengJump {
	0%   {-webkit-transform:translateY(0);}
	20%  {-webkit-transform:translateY(0);}
	40%  {-webkit-transform:translateY(-40px);}
	50%  {-webkit-transform:translateY(0);}
	60%  {-webkit-transform:translateY(-15px);}
	80%  {-webkit-transform:translateY(0);}
	100% {-webkit-transform:translateY(0);}
}
@-moz-keyframes fengJump {
	0%   {-moz-transform:translateY(0);}
	20%  {-moz-transform:translateY(0);}
	40%  {-moz-transform:translateY(-40px);}
	50%  {-moz-transform:translateY(0);}
	60%  {-moz-transform:translateY(-15px);}
	80%  {-moz-transform:translateY(0);}
	100% {-moz-transform:translateY(0);}
}
@-ms-keyframes fengJump {
	0%   {-ms-transform:translateY(0);}
	20%  {-ms-transform:translateY(0);}
	40%  {-ms-transform:translateY(-40px);}
	50%  {-ms-transform:translateY(0);}
	60%  {-ms-transform:translateY(-15px);}
	80%  {-ms-transform:translateY(0);}
	100% {-ms-transform:translateY(0);}
}
@-o-keyframes fengJump {
	0%   {-o-transform:translateY(0);}
	20%  {-o-transform:translateY(0);}
	40%  {-o-transform:translateY(-40px);}
	50%  {-o-transform:translateY(0);}
	60%  {-o-transform:translateY(-15px);}
	80%  {-o-transform:translateY(0);}
	100% {-o-transform:translateY(0);}
}

/*地图跳动*/
@keyframes mapJump {
	  0% {transform:scale(0.1); opacity: 0;}
	 90% {transform:scale(2); opacity: 0.9;}
	100% {transform:scale(2);opacity: 1;}
}
@-webkit-keyframes mapJump {
	  0% {-webkit-transform:scale(0.1); opacity: 0;}
	 90% {-webkit-transform:scale(2); opacity: 0.9;}
	100% {-webkit-transform:scale(2);opacity: 1;}
}
@-moz-keyframes mapJump {
	  0% {-moz-transform:scale(0.1); opacity: 0;}
	 90% {-moz-transform:scale(2); opacity: 0.9;}
	100% {-moz-transform:scale(2);opacity: 1;}
}

/**
 * 模版提示的样式以及动画
 */
.m-alert strong { font-size: 35px; opacity: 0; 
	-webkit-transition: opacity .8s;
	   -moz-transition: opacity .8s;
	        transition: opacity .8s;
}
.m-alert strong.z-show { opacity: 1; }


.scene{ position:relative; display:block; width:300px; height:200px; margin:0 auto; }
.plane,
.cloud{ position:absolute; }
.plane{ display:block; margin:0 auto; left:30%;
  -webkit-animation: anim-plane 1s linear infinite alternate forwards;
     -moz-animation: anim-plane 1s linear infinite alternate forwards;
          animation: anim-plane 1s linear infinite alternate forwards;
  
  -webkit-transform: translateY(80px);
     -moz-transform: translateY(80px);
		  transform: translateY(80px);
}


@keyframes anim-plane{ 
  to{
    transform:translateY(95px);
  }    
}
@-webkit-keyframes anim-plane{ 
  to{
    -webkit-transform:translateY(95px);
  }    
}
@-moz-keyframes anim-plane{ 
  to{
    -moz-transform:translateY(95px);
  }    
}

/*云*/
@keyframes fade{
  0%{ opacity: 0;}
  10%{ opacity: 1;}
  90%{ opacity:1;}
  100%{ opacity:0;}
}
@-webkit-keyframes fade{
  0%{ opacity: 0;}
  10%{ opacity: 1;}
  90%{ opacity:1;}
  100%{ opacity:0;}
}
@-moz-keyframes fade{
  0%{ opacity: 0;}
  10%{ opacity: 1;}
  90%{ opacity:1;}
  100%{ opacity:0;}
}

@keyframes move{  
  from{ 
    left:200px; 
  }
  to{ 
    left:0px; 
  }
}
@-webkit-keyframes move{  
  from{ 
    left:200px; 
  }
  to{ 
    left:0px; 
  }
}
@-moz-keyframes move{  
  from{ 
    left:200px; 
  }
  to{ 
    left:0px; 
  }
}



@-webkit-keyframes video_btnPlay{
	0%{-webkit-transform: scale(1); opacity: 0.8;}
	100%{-webkit-transform: scale(2); opacity: 0.3;}
}
@-moz-keyframes video_btnPlay{
	0%{-moz-transform: scale(1); opacity: 0.8;}
	100%{-moz-transform: scale(2); opacity: 0.3;}
}
@keyframes video_btnPlay{
	0%{transform: scale(1); opacity: 0.8;}
	100%{transform: scale(2); opacity: 0.3;}
}
.lazy-finish{background-color:#f0eded;}
.shou{ color:#FFF; text-align:center; padding-top:60px; width:100%}
.shou img.logo { height:150px;}
.shou .titlebiao a{ color: #FFF; font-size: 20px; font-weight:bold; line-height:110px;}
.banben { position: absolute; top:420px;  z-index: 150; width:100%; text-align:center; color:#fff; font-size:16px; }
.banben a{ color:#fff; font-size:16px; padding:0 10px; line-height:32px;}
.shou .lanmutitle{ color: #FFF; font-size: 28px; font-weight:bold; line-height:40px; text-align:center;}
.shou .lanmutitle2{ color: #666; font-size: 18px; line-height:24px; padding-bottom:10px; text-align:center; padding:0 10%}
.shou .neirong{ color: #000; font-size: 16px; line-height:30px; text-align:left; padding:0 6%; overflow: hidden;}
.shou .neirong a { color:#000;font-size: 16px;}
.shou .lanmutitle1{ color: #923E04; font-size: 18px; font-weight:bold; line-height:60px; text-align:left; padding-left:6%;}
.shou .neirongchanp{ clear:both; color: #fff; font-size: 14px; line-height:24px; text-align:left; padding:6%; overflow: hidden;}
.shou .neirongchanp a{ color: #fff; font-size: 14px;}

.pro_img td { padding:0 10px;}
.fgfhx {position: relative; width:370px; height:420px;}
.fgfhx .pimg { width:324px; height:200px; overflow:hidden; border:#c27534 5px solid; position:absolute; left:18px; top:0; z-index:99;}
.fgfhx .pimg img { width:324px; height:200px;}
.fgfhx .text { width:370px; height:330px; position:absolute; left:0; bottom:0; z-index:9; color:#fff; background:#54483e url(../images/item2_img_0.png) no-repeat right bottom; background-size:30% 30%;}
.fgfhx .text h3 { font-size:1.6em; text-align:center; padding-top:140px; padding-bottom:15px;}
.fgfhx .text h3 img { max-width:50%;height:auto !important; height:100%; vertical-align:middle;}
.fgfhx .text .tex { padding:0 30px; font-size:16px; line-height:26px;}
.fgfhx:hover .pimg { border:#7cb7e9 5px solid;}
.fgfhx:hover .text { background-color:#0775d2;}
.fgfhx2 { height:500px;}
.fgfhx2 .text h3 { line-height:14px;}
.fgfhx2 .text { height:410px; text-align:left;}
.fgfhx2 .text .tex { line-height:20px;}

.pro_img2 .m4 a{ color:#219700; font-size:18px; width:50px!important; border:#219700 solid 1px; margin-top:10px;  float:left; line-height:25px; text-align:center;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.pro_img2 .m4 a:hover{ width:100px!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.blank10 { clear:both; height:15px; display:block; overflow:hidden;}
.blank15 { clear:both; height:15px; display:block; overflow:hidden;}
.blank20 { clear:both; height:20px; display:block; overflow:hidden;}
.blank30 { clear:both; height:30px; display:block; overflow:hidden;}

.lxwm li { border-bottom:#595959 1px dotted; color:#9b9b9b; padding:7px 0; width:100%; float:left;}
.lxwm li p { padding:0 10px; font-size:16px;}
.lxwm a { color:#9b9b9b;}

.lxwm2 { text-align:center; padding-top:10px;}
.lxwm2 p {width:20%; height:45px; background:#fff; margin:5px 2px; padding:5px;display: -moz-box; /*firefox*/
display: -ms-flexbox; /*IE10*/
display: -webkit-box; /*Safari*/
display: -webkit-flex; /*Chrome*/
display: box;
display: flexbox;
display: flex;align-items:center;-webkit-align-items: center;justify-content:center; display:inline-block; overflow:hidden;}
.lxwm2 p img { display:inline-block; max-width:100%; height: auto !important; height:100%;}

#sousuotop{ margin:0 auto;width:88%;padding-top: 12px;	 
}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 35px;
	width: 72%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
font-size:14px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #ccc;
	color: #fff;
	font-weight: bold;
	width: 20%;
	border-radius: 5px;
	padding: 3px; background:#097c25;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	font-size:14px;
	z-index: 1001;
	float:left;
}
.praise_share_btn{display:block;line-height:33px;text-align:center;color:#fff;font-size:16px;margin:10px 50px 0;border-radius:3px;border:1px solid #fff;}
.praise_share_btn a{color:#fff;}


.praise_btn{display:block;line-height:44px;text-align:center;background:#fdd10c;color:#a55a01;font-size:16px;text-shadow:0 0 1px #cb8e06;margin:20px 50px 0;border-radius:3px}
.praise_btn a{color:#a55a01;}
a.zzb07link{
	font-size: 12px;
	text-decoration:none;
	color: #fff;
	font-weight: normal;
}
a.zzb07link:visited {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
a.zzb07link:hover {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
.banquan { position: absolute; bottom: 50px;  z-index: 150; width:100%; text-align:center; color:#fff;  }
.banquan a { color:#fff;}

.abimg { padding:10px;}
.abimg img {max-width:250px; height:auto !important; height:100%;}

.sypro li {border-radius:100%; width:140px; height:140px; padding:10px; display:inline-block; margin:14px; position:relative; float:left;}
.sypro li .tex {border-radius:100%;width:140px; height:140px; line-height:140px;transition: 0.5s; transform: rotate(360deg) scale(1, 1); text-align:center;}
.sypro li .tex h3 {line-height:30px; color:#fff; font-size:1.2em;transition: 0.5s; transform: rotate(360deg) scale(1, 1); padding-top:calc(50% - 20px);}
.sypro li .tex h3 a { color:#fff; text-decoration:none;}
.sypro li.ss1 { border:#41cca5 5px solid;}
.sypro li.ss2 { border:#f5bf39 5px solid;}
.sypro li.ss3 { border:#53c1f4 5px solid;}
.sypro li.ss4 { border:#a37ae7 5px solid;}
.sypro li:hover .tex {transform: rotate(0deg) scale(1, 1);}
.sypro li.ss1:hover .tex { background:#41cca5;}
.sypro li.ss2:hover .tex { background:#f5bf39;}
.sypro li.ss3:hover .tex { background:#53c1f4;}
.sypro li.ss4:hover .tex { background:#a37ae7;}
.sypro li.ss1:hover { border:#41cca5 5px solid;}
.sypro li.ss2:hover { border:#f5bf39 5px solid;}
.sypro li.ss3:hover { border:#53c1f4 5px solid;}
.sypro li.ss4:hover { border:#a37ae7 5px solid;}

.more2 { width:130px; height:35px; line-height:35px; font-size:16px; clear:both; text-align:center; margin:0 auto;}
.more2 a { display:block; height:35px; background:#024e8e; color:#fff; text-decoration:none; margin-top:25px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.more2 a:hover {transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}

.link21 { background:rgb(0,0,0,.2); overflow:hidden; width:92%; margin:2%; padding:2%;}
.link21 li { width:100%; margin-bottom:10px; overflow:hidden; float:left; padding:5px 0; border-bottom:#dbdbdb 1px solid;}
.link21 li.ss { margin-left:0;}
.link21 li .pimg { width:32%; float:left; border-radius:2px; overflow:hidden;}
.link21 li .pimg img { max-width:100%; height: auto !important; height:100%;}
.link21 li p { width:60%; float:right; font-size:12px; line-height:16px; color:#fff; text-align:left;}
.link21 li a.more,.link2 li a.more:hover { padding-top:5px; font-size:12px; color:#fa0; display:block;}

.bg0 {background-image:url(../images/01_02.jpg);}
.bg1 {background-image:url(../images/bg02.jpg);}
.bg2 {background-image:url(../images/bg03.jpg);}
.bg3 {background-image:url(../images/bg04.jpg);}
.bg4 {background-image:url(../images/bg06.jpg);}
.bg5 {background-image:url(../images/bg05.jpg);}

.abtit { clear:both; text-align:center; padding-bottom:20px; overflow:hidden; width:100%;}
.abtit h3 {font-size:2em; color:#fff; font-weight:bold; text-transform:uppercase;}
.abtit p { font-size:1em; color:#fff; padding:5px 0 0 0;-moz-opacity: 0.7;filter: alpha(opacity=70);opacity: 0.7;}
.abtit b { background:#097c25; width:30px; display:inline-block; height:2px; margin-top:15px;}

.prolist { text-align:center; width:75%; margin:0 auto;}
.prolist a { display:block; text-align:center; margin:10px 0; line-height:30px; border-radius:10px; background:#fff; color:#097c25;}

.ca-menu li{
    width: 90%;
    height: 150px;
    border: 6px solid #aad1f3;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin:1% 5%;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 50px 0;
    -moz-border-radius: 50px 0;
    border-radius: 50px 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li a{
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    position: absolute;
    width: 60px;
    height:60px;
    left: 20px;-moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5;
    top: 40px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-icon img { max-height:100%; width:auto !important; width:100%;transition: width 1s, height 1s;-moz-transition: width 1s, height 1s, -moz-transform 1s;-webkit-transition: width 1s, height 1s, -webkit-transform 1s;-o-transition: width 1s, height 1s, -o-transform 1s; cursor:pointer;}
.ca-main{
    font-size: 16px;
    position: absolute;
    top:20px;
    height: 150px;
    width: 65%;
    right: 15px; text-align:left;
    opacity: 0.8;
    color: #555;
}
.ca-sub{
    display: none;
}
.ca-menu li:hover{
    border-color: #333;
    z-index: 999;margin:3%;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ca-menu li:hover .ca-icon{
	height:80px;-moz-opacity:1; filter:alpha(opacity=100); opacity:1;
    text-shadow: 0px 0px 1px #000;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;}
.ca-menu li:hover .ca-icon:hover img{transform:rotate(-360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */}
}
.ca-menu li:hover .ca-main{
    color: #000; top:20px; width:60%;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -moz-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -ms-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}

.synews li { width:96%; background:rgba(0,0,0,.2); float:left; position:relative; overflow:hidden; border-radius:10px; margin:10px 2%; color:#fff;}
.synews li .time { width:20%; padding:20px 0 20px 20px; overflow:hidden; font-size:16px; float:left;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.synews li .time span { display:block; font-size:1.6em;}
.synews li .text { width:65%; float:right; padding:20px 20px 20px 0; overflow:hidden; text-align:left;}
.synews li h3 { font-size:1.2em; font-weight:bold; color:#000; padding-bottom:10px;}
.synews li h3 a,.newlist li h3 a:hover { color:#fff;}
.synews li .tex { line-height:20px;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; font-size:14px;}
.synews li .more {  margin-top:20px; height:32px; line-height:32px; text-align:center; text-transform:uppercase;}
.synews li .more a { width:130px;background:#6d6a6a; color:#fff; font-size:14px;height:32px; text-decoration:none; display:block;border-radius:3px; margin-left:20px;}

.sylx { padding:10px 15px; background:rgba(0,0,0,.4); font-size:16px; color:#fff; line-height:26px; text-align:left; width:85%; margin:0 auto; border-radius:10px;}
.sylx h2 { font-size:1.6em; padding:15px 0; font-weight:bold; text-transform:uppercase;}
.sylx li img { vertical-align:middle; padding-right:15px; height:15px;}
.sylx li p {-moz-opacity:0.6; filter:alpha(opacity=60); opacity:0.6; margin:0; padding:5px 0; font-size:16px;}
.sylx li a { color:#fff;}

.liuyan p { padding:5px 0;}
.liuyan input,.liuyan textarea { width:90%; border:0; background:rgba(255,255,255,.3);font-size: 16px; padding:5px 10px; color:#fff;box-shadow: 0px 2px 2px 2px rgba(0,0,0,.1); height:20px; line-height:20px; outline:none;font-family:Microsoft YaHei; margin:0 3%; border-radius:5px;}
.liuyan textarea{ height:60px;}
.liuyan input.aak { border:0; width:93%; height:30px; line-height:30px; color:#fff; background:#0d6fb8; cursor:pointer;}
