@charset "gb2312";
/* CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-touch-action: none; -webkit-touch-callout: none; }
html { font-size: 10px; }
@media screen and (min-width: 360px) { html { font-size: 11.25px; } }
@media screen and (min-width: 375px) { html { font-size: 11.71875px; } }
@media screen and (min-width: 414px) { html { font-size: 12.9375px; } }
@media screen and (min-width: 480px) { html { font-size: 15px; } }
@media screen and (min-width: 640px) { html { font-size: 20px; } }
body { overflow-x: hidden; background:#f9f9f9; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, input, button { font: normal 1rem/1.5 'Helvetica Neue', 'Microsoft YaHei', Helvetica, STHeiTi, sans-serif; }
input, textarea { -webkit-user-select: text; -moz-user-select: -moz-text; -moz-user-select: text; }
img { max-width: 100%; border: none; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #333; }
.clearfixed:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }
.clear { clear: both; }

.h45{ height: 4.5rem; min-height: 45px;}

.icon_nav_mb_003{ overflow-x:scroll;background:#fff;-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.2);  }
.icon_nav_mb_003 ul{ width:200%;}
.icon_nav_mb_003 li{ float:left;  line-height:50px; height:50px;padding:0 10px; }
.icon_nav_mb_003 li.libg{ line-height:50px; font-size:10px; color:#ccc; padding:0 5px}
.icon_nav_mb_003 li a{ display:block; height:50px; border-bottom:3px #fff solid; font-size:14px}
.icon_nav_mb_003 li a .p_tit{ text-align:center;color:#333;overflow: hidden;  }
.icon_nav_mb_003 li a .p_tit_on{ text-align:center;color:#333; overflow: hidden; border-bottom:3px #0A72E5 solid; line-height:50px; height:50px }



header { position:fixed; width: 100%; height: 4.5rem; min-height: 45px; background-color: #0A72E5; z-index: 19; }
header h1 { position: absolute; top: 0; left: 0; height: 4.9rem; min-height:49px; }
header h1 img { display: block; height:4.9rem; min-height: 49px; }
.headerBtn { position: absolute; top: 0; height: 100%; right: 0.5em; vertical-align: middle; padding-top: 0.7rem; }
.headerBtn a { display: inline-block; vertical-align: middle; width:3.0rem; height:3.0rem; border-radius: 50%;  margin-left: 1.5rem; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.headerBtn .menuBtn { background-image: url(../images/menu.png); }


nav { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; }
nav .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.navCon { position: absolute; top: 0; left: 0; width:180px; height: 100%; background-color: #333436; z-index: 2; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; transition: 0.5s ease all; -webkit-transform: translateX(-180px); transform: translateX(-180px); }
.navCon.on { -webkit-transform: translateX(0); transform: translateX(0); box-shadow: 0 20px 50px #000; }
.navCon ul li { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); }
.navCon ul li a { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; line-height: 24px; font-size: 14px; color: rgba(255, 255, 255, 0.7); }


.h80{ height:45px;}
footer{width:100%;position:fixed; bottom:0;left:0; z-index:30}
#bottom{width:100%;position:fixed;bottom:0;left:0;_position:absolute; _bottom:expression(offsetParent.scrollTop);background:#333;}
#bottom ul{width:100%;list-style:none; float:left; text-align:center;}
#bottom ul li{ float:left; }
#bottom ul li a{display:block; color:#fff; text-decoration:none; font-size:12px;line-height:40px;padding:4px 0 }
#bottom ul li a.a1{display:block; color:#fff; text-decoration:none;}
#bottom ul li a.a2{display:block; color:#fff; text-decoration:none;}


.banner .img { display: block; width: 100%; padding-bottom:50%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.banner .swiper-pagination { bottom: 0px; }
.banner .swiper-pagination-bullet { opacity: 1; margin: 0 5px !important; background-color: #FFF; }
.banner .swiper-pagination-bullet-active { background-color: #FFBC65; }


/*选项卡*/
#menu-box{ display:block;margin-bottom:5px;}
.radius-tab{overflow:hidden;background:#fff;-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.2)}
.radius-tab a{height:3em;line-height:3em;float:left; width:25%; text-align:center;font-size:12px}
.radius-tab a.this{color:#cc3333;}
.p1em{padding:1em;}

.box{}
.box-title{padding:12px 12px;background:#fff;-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.2);text-align:left; background:#FFFFFF;}
.box-title strong{display:inline-block;font-weight:normal;padding-left:10px; border-left:5px #b5b5b5 solid;font-size:14px}
.box-title strong a{display:block;font-size:14px}
.box-title strong a:hover{color:#007934;}
.box-title span.more{float:right;display:block;}
.box-title span.more a{color:#999;display:block; }
.box-con{}
.textbox{line-height:1.8em;padding:15px;text-align:left; font-size:1rem}


#content{width:100%;margin:0;}

/**留言**/
.guest_post .guest_post_hr { padding:0px 0px 5px 0px;}
.guest_post .guest_post_text { border:1px solid #cccccc; line-height:25px; height:25px; width:100%; background:#f4f4f4;border-radius:3px;}
.guest_post .guest_post_content { border:1px solid #cccccc; height:80px; width:100%;background:#f4f4f4;border-radius:3px;}
.subdiv { padding:5px 0px;}
.subdiv .button {background:#22A1D9;border:1px solid #0A85BB;width:80px; line-height:30px; height:30px;border-radius:3px; vertical-align: top; color:#fff}





/*新闻*/
.news-list{overflow:hidden; padding:0 0.8em}
.news-list li{text-align:left;background:url(../images/icon.gif) no-repeat 0 1.4em;padding-left:1em;border-bottom:1px dashed #ccc;}
.news-list li:last-child{border-bottom:none;}
.news-list li a{display:block;padding:0.8em 0;font-size:1.2rem}
.news-list li:last-child a{padding-bottom:0;}
.news-list li a .date{display:block;font-size:1rem;color:#999;margin-top:0.5em;}

.news-title{text-align:center;border-bottom:1px dashed #ccc;padding:1rem 1rem 0.5rem;}
.news-title strong{display:block;margin-bottom:0.5rem;font-size:1.2rem; font-weight:normal;}
.news-title span{display:block;font-weight:normal; font-size:1.0rem; color:#666666}
.news-bottom{text-align:right;border-top:1px dashed #ccc;padding:1rem 1rem 1rem;}


/*新闻*/
.news-list-pic { padding:1rem 1rem 0; }
.news-list-pic li { margin-bottom:0.5rem;border-bottom:1px dashed #ccc; padding-bottom:0.5rem }
.news-list-pic li a { position: relative; display: -webkit-box; display: -moz-box; display: box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex;  }
.news-list-pic .img { width:9rem; height:6rem; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.news-list-pic .info {-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; padding:0 5px; }
.news-list-pic .info h5 { font-size:1.2rem; color: #333; line-height: 1.7rem; max-height: 3.4rem; overflow: hidden; }

.news-list-pic .listtc { display: table-cell; width: 100%; height:6rem; vertical-align: middle; }
.news-list-pic .author { font-size:1rem;color: #B0AFAF; }


/*分页样式*/
.pagenum{padding:15px ; text-align:center ; background:#fff; height:30px; text-align:center;background:#ededef;-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.2);margin-top:15px; height:60px;}
.pagenum  span{}
.pagenum a {color: #fff; width:30px; height:30px;background-color: #333; display:inline-table;  border-radius:30px; font-size:12px;  line-height:30px; text-align:center; ; margin-right:2px }
.pagenum a:hover {color: #ffffff !important; width:30px; height:30px;background-color: #0A72E5; border-radius:30px;font-size:12px; line-height:30px; text-align:center;}
.pagenum .current {color: #ffffff !important; width:30px; height:30px;background-color: #0A72E5;border-radius:30px;font-size:12px;display:inline-table; line-height:30px; text-align:center; margin-right:2px}

.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {display:none}

.updown{padding:10px ; text-align:center ; background:#fff;font-size:1rem; height:50px; text-align:left;background:#ededef;-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.2);margin-top:15px; height:80px;}
.updown p{ line-height:2.5rem; font-size:12px; white-space:nowrap; overflow:hidden}

/*产品列表*/
.img-list-con{overflow:hidden;}
.product-list{ padding:5px;}
.product-list li{width:33%;min-height:100px;float:left; text-align: center;}
.product-list li a{display:block;color:#666; margin:5px; background:#ffffff; padding:1px; border-radius:3px;-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.1);}
.product-list li a img{max-width:100%;height:auto; border-radius:3px 3px 0 0}
.product-list li a h1{display:block;border-radius: 0 0 3px 3px;white-space:nowrap; overflow:hidden; line-height:2em; overflow:hidden; font-size:10px}