@charset "utf-8";
.headbar{}
.headbar .content{ max-width:1100px; margin:0 auto;}
.headbar .logo{ display:inline-block; padding-left:20px;}
.headbar .logo img{ height:20px;}
.nav-menu { display:inline-block; padding-left:20px;}
.nav-menu li { display:inline-block; line-height:70px; padding:0 20px; -webkit-transition: all .6s; }
.nav-menu li a { font-size:14px;}
.nav-menu li:hover { }
.nav-menu .info { width:auto; font:12px/35px arial; color:#fff; border:0; padding-left:20px; }
.nav-menu .info:hover { background:none; }

.banner{ position:relative; z-index:0;}
.gotomenu{ position:absolute; left:0; right:0; bottom:0; padding:15px 0; background-color:rgba(0, 125, 199, 0.65); color:#FFF;}
.gotomenu ul{ display:block; height:36px; line-height:36px; text-align:center;}
.gotomenu ul li{ display:inline-block; margin:0 15px; padding:0 30px; cursor:pointer; font-size:16px; border-radius:50px; background-color:#09F;}
.gotomenu ul li:hover{ background-color:#36C;}

.head-title{ position:relative; margin:0 50px 25px; padding-top:20px; border-bottom:1px solid #e0e0e0;}
.head-title h2{ padding:5px 0 12px; font-size:24px; font-weight:bold; color:#111;}
.head-title .more{ position:absolute; right:8px; top:8px;}
/*导语*/
.special-info{ background:url(nav-bg.jpg) top repeat-x; background-color:#ca412f; color:#FFF;}
.special-info .content{ max-width:1100px; margin:0 auto; position:relative;}
.special-info .content h2{ position:absolute; top:-40px; left:0; padding:10px 40px; background-color:#4c9f53; color:#FFF; font-size:40px; font-weight:bold; text-align:center;}
.special-info .content p{ margin-left:30px; padding-top:32px; padding-bottom:30px; font-size:16px; line-height:2;}
.special-info .content p em{ background-color:#F60; margin-right:8px; padding:2px 8px 4px; border-radius:3px;}

/*表单页*/
.formpage{ padding-bottom:40px;}
.formSection{ max-width:1000px; margin:0 auto; overflow:hidden; padding:30px 0;}
.formSection .itemtext{ padding:30px; margin-bottom:50px; font-size:16px; line-height:2rem; color:#666; background-color:#f5f5f5; border-radius:20px; text-align:justify;}
.formSection .itemtext p{ margin-bottom:15px; text-indent:2em;}
.formSection .itemtext .red11{ color:#F36; font-weight:bold;}
.formSection .input-text{ height:2.8rem; padding:8px 10px 8px 10px; border-radius:10px; font-size:16px; color:#222; box-sizing:border-box;}
.formSection textarea{ display:block; padding:4px 10px 4px 10px; border-radius:10px; font-size:16px; box-sizing:border-box;}
.formSection tr td{ padding-top:12px; padding-bottom:12px; font-size:16px; border:none;}
.formSection tr td.title{ width:100px; padding-top:20px; vertical-align:top;}
.formSection tr td.content{ color:#999;}
.formSection input.checkCode{ display:inline-block; width:220px;}
.forminfo{ max-width:1000px; margin:0 auto; padding:20px; border:1px dashed #F66; box-sizing:border-box;}
.forminfo p{ line-height:1.85; font-size:16px; color:#666;}
.doform{ padding:40px 0; text-align:center;}
.doform input{ display:inline-block; margin:0 10px; padding:10px 50px; border-radius:60px; font-size:16px; font-weight:bold; color:#FFF; background-color:#00b6c1;}
.doform input:hover{ cursor:pointer; background-color:#099;}

@media screen and (max-width:1024px){
	.formSection{ padding:0 0 20px;}
	.formSection .itemtext{ padding:1rem; margin:0 0 2rem;  font-size:16px; line-height:1.85; color:#666; background-color:#f5f5f5; border-radius:0;}
    .formSection .input-text{ display:block; width:99%;}
	.formSection textarea{ width:90%;}
	.formSection tr td{ padding:6px 15px;}
	.formSection tr td p{ color:#222; font-weight:bold;}
	.formSection tr td font{ color:#C00;}
	.formSection input.checkCode{ display:block; margin-bottom:8px;}
	.forminfo{ margin:0 15px; padding:10px; border:1px dashed #F66;}
	.forminfo p{ line-height:1.85; font-size:16px; color:#666;}
	.doform{ padding:20px 0 0; text-align:center;}
}


/*列表*/
.special-items{ margin-bottom:50px;}
.special-items .special-section{ max-width:1000px; margin:0 auto; padding-bottom:30px; border:1px solid #CCC; border-radius:8px;}
.special-items .left{ width:760px; float:left;}
.special-items .right{ width:300px; float:right;}
.special-items .right .qrcode{ padding:10px; border:1px solid #f0f0f0; box-sizing:border-box;}
.special-items .listPages{ margin:0 50px;}
.special-items .item-row{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
.special-items .item-row .imgArea{ width:320px; height:194px; float:left; overflow:hidden; margin-right:40px;}
.special-items .item-row .content{ line-height:1.85; font-size:14px; color:#666; box-sizing:border-box;}
.special-items .item-row .content p{ margin-bottom:5px;}
.special-items .item-row img{ width:100%; border-radius:3px;}
.special-items .item-row h3{ margin-bottom:10px; font-size:24px;}
.special-items .item-row h3 a{ color:#000;}
.special-items .item-row h3 a:hover{ color:#C33;}
.special-items .item-row p.datetime{ margin-top:10px; color:#a0a0a0;}

.moreTool{ font-size:16px; color:#666;}
.moreTool span{ padding:0 8px;}
.moreTool .moreBtn{ cursor:pointer; color:#06F; font-weight:bold;}
.moreTool .moreBtn:hover{ color:#F63;}

.weixin { border-bottom:1px solid #f0f0f0; overflow:hidden; padding:0 15px 12px; margin-top:12px; font:14px/25px "Microsoft YaHei";  }
.weixin img { float:right; }
.weixin h5{ font-size:16px; color:#0096D4;}
.weixin h5 a { color:#0096D4;}

.pages{ padding-top:15px; text-align:center; font-size:14px;}
.pages a, .pages span{ display:inline-block; margin:0 2px; padding:2px 12px; border:1px solid #f0f0f0;}
.pages a{  background-color:#e5e5e5;}
.pages span{ background-color:#CCC}
/*返回顶部*/
.goTop{ position:fixed; width:50px; height:50px; background:url(../../mini2019/ico-gotop.png) #EBECEC center no-repeat; background-size:60%; bottom:250px; right:30px; text-align:center; display:none;}
.goTop:hover{ background:url(../../mini2019/ico-gotop-white.png) #09F center no-repeat; background-size:60%; cursor:pointer;}
.goTop p{ overflow:hidden; padding:15px 0; text-indent:-999em;}
.goTop img{ width:50%;}
.footer { margin: 0 auto; padding-top:30px; text-align: center; font-size:14px;}
.pcHide{ display:none;}

/*手机**/
@media (max-width: 1024px){
  body { background-size:100% auto;  }
  .headbar{ display:none;}
  .head-title{ position:relative; margin:0 0 20px 0; padding-top:10px; padding-left:15px; border-bottom:1px solid #e0e0e0;}
  .head-title h2{ display:inline-block; padding:5px 0 8px; border-bottom:1px solid #F30;}
  .special-info{}
  .special-info .content{ max-width:100%; }
  .special-info .content h2{ position:absolute; top:-25px; left:20px; padding:5px 20px; background-color:#4c9f53; color:#FFF; font-size:20px; font-weight:bold; text-align:center;}
  .special-info .content p{ width:auto; margin-left:20px; margin-right:20px; padding-top:10px; padding-bottom:5px; line-height:1.6; font-size:14px;}
  .special-info .content p em{ background-color:#F60; padding:2px 4px 1px; border-radius:3px;}
  
.gotomenu{ position:absolute; left:0; right:0; bottom:0; padding:10px 0; background-color:rgba(0, 125, 199, 0.65); color:#FFF;}
.gotomenu ul{ display:block; height:30px; line-height:30px; text-align:center;}
.gotomenu ul li{ display:inline-block; margin:0 15px; padding:0 30px; cursor:pointer; font-size:16px; border-radius:50px; background-color:#09F;}
.gotomenu ul li:hover{ background-color:#36C;}
  
  .special-items{ margin-bottom:1px; background-color:#f5f5f5;}
  .special-items .special-section{ border:1px solid #CCC; border:none; border-radius:0;}
  .special-items .left{ width:auto; float:left;}
  .special-items .right{ display:none;}
  .special-items .listPages{ margin:0 0;}
  .special-items .item-row{ margin:0 15px 15px; padding:8px; background-color:#FFF; border-bottom:1px solid #f5f5f5; box-sizing:border-box; border-radius:8px;}
  .special-items .item-row h3{ padding-top:10px; font-size:18px;}
  .special-items .item-row .imgArea{ width:100%; max-height:185px; float:none; overflow:hidden; margin-right:20px; border-radius:3px;}
  .special-items .item-row .content{ font-size:16px; line-height:1.8;}
  .special-items .item-row p.datetime{ font-size:12px; color:#999;}
  .mobileHide{ display:none;}
  .pcHide{ display:block;}
}
@media (min-width: 1025px) and (max-width:1280px){
	.special-info .content{ max-width:960px; }
	.special-info .content p{ width:800px; float:left; }
	.special-items .content{ max-width:960px; margin:0 auto;}
	.special-items .left{ width:640px; float:left;}
}