@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
  .pl02{padding-left: .4rem;}
  .pall02{padding-left: .4rem; padding-right: .4rem;}
  .about-con {
    width: 90% !important;
	padding: 20px !important;
	margin:20px;
  }
  .about {
    padding-top: 20px !important;
    height: auto;
    padding-bottom: 30px;
}
}

.layui-col-space30 {margin: -0.325rem}
.layui-col-space30>* {padding: 0.325rem}
.layui-input-inline{
  width: 96%;
  margin: 0 0 .3rem 0;
}
.fixed {
    position: fixed;
    top: 0;
	z-index:100;
	width:100%;
}
.header{ height:100px; background:#fff;}
.logo{ width:100%; height:100px; line-height:100px; overflow:hidden;}
.logo img{ width:100%}
.menu{ width:100%; overflow:hidden; height:40px; line-height:40px; margin-top:30px;}
.menu li{ text-align:center;}
.menu li a{ font-size:16px; font-weight:bold;}
.menu li:hover{ background:url(../images/menubg.jpg) center no-repeat;}
.menu li:hover a{ color:#fff;}
.menu .on{ background:url(../images/menubg.jpg) center no-repeat;}
.menu .on a{ color:#fff;}

@media screen and (min-width: 960px) {
.flash{ margin-top:100px;}
}

.wapmenu{ height:70px; background:#33a0db; padding: 10px 0 0;}
.wapmenu li {
    width: 25%;
    line-height: 20px;
    height: 20px;
    position: relative;
    border-right: 1px solid #e3e4e5;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
}
.wapmenu li:nth-child(4n) {
    border-right: none;
}
.wapmenu li a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    height: 20px;
    color: #FFFFFF;
}
.sycplb{ background:url(../images/bg1.jpg) top center no-repeat; height:290px; padding-top:60px;}
.cplbimg{ width:100%; overflow:hidden;}
.cplbimg img{ width:100%;}
.cplbimg span{ width:100%; height:47px; line-height:47px; text-align:center; background:url(../images/cplbspan.png) center no-repeat; float:left; margin-top:30px; overflow:hidden;}



.hotcptu{ background:url(../images/n_bg.jpg) top center repeat-y; padding:10px;}
.syhotcp{ background:url(../images/bg2.jpg) top center repeat-y;}
.hotimg{ width:95%; height:auto; border:1px solid #ccc; overflow:hidden; padding:2%;}
.hotimg:hover{ border:1px solid #f00;}
.hotimg img{ 
	width:100%; 
}
.hotimg span{ line-height:35px; text-align:center; width:100%; float:left; font-size:16px; height:35px; overflow:hidden;}
.hotcpzx{ width:161px; height:47px; line-height:47px; margin:10px auto; overflow:hidden; background:#01bad6; font-size:28px; color:#fff001; font-family: 华文琥珀; text-align:center;}
.htcpul{ width:96%; height:auto; background:#fff; padding:2%; overflow:hidden; margin-top:20px;}

.synew{ background:url(../images/bg3.jpg) top center repeat-y;}
.newtit{ height:40px; line-height:40px; font-size:16px; font-weight:bold; overflow:hidden;}
.newdata{ height:25px; line-height:25px; font-size:12px; color:#929292;}
.newscont{ line-height:25px; font-size:13px;}

.syabout{ background:url(../images/bg4.jpg) top center repeat-y;}
.aboutnr{ line-height:27px; font-size:15px;}
.aboutnr h2{ height:53px; font-size:32px; color:#33a0db; font-weight:bold; line-height:53px; margin-top:10px;}
.about_more{ width:188px; height:50px; line-height:50px; margin:0 auto; text-align:center; background:url(../images/more.jpg) no-repeat;}
.about_more a{ color:#fff; font-size:15px;}

@media screen and (max-width: 600px) {
.sycplb{ padding-top:10px;}
.cplbimg span{ background:none; margin-top:0px; height:30px; line-height:30px;}
.synewtit{ border-bottom:1px solid #e2e2e2;}
.newtit{ height:25px; line-height:25px; font-size:13px; padding-left:10px;}
.newdata{ height:20px; line-height:20px; padding-left:10px;}
.newscont{ line-height:20px; height:40px; overflow:hidden; font-size:12px; padding-left:10px;}
.aboutnr h2{ display:none;}
}

.syzsjm{ background:url(../images/bg3.jpg) top center repeat-y;}
.zsjmbg{ background:#fff001; padding:10px;}
.zsjmh1{ text-align:center; font-size:28px; font-family: 华文琥珀; text-align:center; color:#01bad6;}
.zs h2{ font-size:14px; color:#5a5a5a; font-weight:100; line-height:27px; margin-left:3%; margin-bottom:40px;}
.zs p{ font-size:16px; color:#5a5a5a; line-height:38px; margin-left:3%;}
.jm span{ width:100px; line-height:40px; text-align:center; float:left; font-size:14px; color:#5a5a5a; font-weight:bold;}
.jm font{ color:#f00;}
.jmtel{ float:left; width:441px; height:40px; margin-bottom:20px;}
.jmcon{ width:441px; height:170px; float:left;}
.jmtjb{ width:441px; height:40px; float:left; background:#00aff1; color:#fff; font-size:14px; border:0; margin-top:20px; margin-left:100px;}
.jmtjb:hover{ background:#ff8030;}
.foot-bg{ height:70px; background:url(../images/foot_bg.png) bottom left no-repeat; padding-top:50px;}
.footer{ background:#2da0df;}
.ftmu{ height:20px; line-height:20px; border-right:1px solid #d2e8f4; text-align:center; overflow:hidden;}
.ftmu a{ color:#d2e8f4;}
.ftmu a:hover{ color:#fff;}
.footcon{ text-align:center; padding:30px 0; color:#d2e8f4;}
.footcon p{ line-height:35px; font-size:15px;}
.footcon a{ color:#d2e8f4;}
.wecat{ text-align:center; overflow:hidden; padding-left:37%; padding-bottom:15px;}
.wecat p{ width:130px; float:left; margin-right:50px;}
.wecat span{ line-height:35px; color:#d2e8f4;}

@media screen and (max-width: 600px) {
.zs h2{ margin-left:1%; margin-bottom:10px;}
.jm span{ width:20%; line-height:40px; float:left; font-size:14px; color:#5a5a5a; font-weight:bold;}
.jmtel{ float:left; width:75%; height:40px; margin-bottom:10px;}
.jmcon{ width:75%; height:100px; float:left;}
.jmtjb{ margin-left:20%; width:75%; margin-top:10px;}
.zzzsss{ padding:10px 0;}
.ssszzz{ padding:0;}
.foot-bg{ padding-top:20px;}
.footmenu{ display:none;}
.footer{ padding:10px 10px 70px 10px;}
.footcon{ padding:0;}
.footcon p{ line-height:27px;}
.wecat{ display:none;}
}
.fxdb{display:none}
@media screen and (max-width:640px) {
.fxdb{display:block;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+440));}
.fxdb li{float:left;list-style:none; height:55px; text-align:center;box-sizing:border-box; width:50%;}
.fxdb li a{display:block;width:94%; text-align:center; margin:0px auto; background:#2da0df; border-radius:50px; height:50px;box-shadow:0 0 5px #fff;}
.fxdb li img{height:30px; margin-top:10px}
}

.page-c{ background:url(../images/big_bg.jpg) repeat-y;}
.page-r{ background:url(../images/big_bg_m_trh0.jpg);}

.page-list h2{ font-size:30px; color:#33a0db; font-weight:bold; height:40px; margin-bottom:20px; text-align:center;}
.page-list li{ background:url(../images/cplbspan.png) center no-repeat; height:47px; line-height:47px; text-align:center; margin-bottom:5px; overflow:hidden;}
.page-fr{ float:right; background:url(../images/pagefrbg.png); padding:20px; font-size:16px; line-height:30px;}
.news_ny{ padding:0 10px;}
.newslb{ height:30px; line-height:30px; text-align:center; border:1px solid #2da0df; overflow:hidden;}
.newsnr{ padding:20px 0; overflow:hidden;}
.newsnr h2{ text-align:center; font-size:20px; font-weight:bold; color:#434343; line-height:40px;}
.newsnr h3{ font-size:14px; text-align:center; color:#5a5a5a; line-height:40px; border-bottom:1px solid #000; margin-bottom:10px;}
.newsnr img{ max-width:100%;}
.newsnr table{ width:100% !important; word-wrap: break-word; word-break: break-all;}
.newsnr td{ width:25%; border:1px solid #000;}
.newsnr td:nth-child(1) { width: 15%;}

@media screen and (max-width:640px) {
.newsnr{ padding:0;}
.page-fr{ padding:10px;}
}