/*图片字体*/
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1476406365'); /* IE9*/
  src: url('iconfont.eot?t=1476406365#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1476406365') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1476406365') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1476406365#iconfont') format('svg'); /* iOS 4.1- */
}
/*reset+css库*/
@charset "utf-8";
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;}
a{ color: #333; text-decoration:none;outline:none;}
body{font-size:0.7rem; text-align:left;font-weight:normal; line-height:1.6; font-family:"微软雅黑"; color:#333; background: #ffffff;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch; min-width:320px; max-width:640px; margin:0px auto;overflow-x: hidden;}
a{blr:expression(this.onFocus=this.blur())} /* */
 /*a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  去掉链接触摸高亮 */
body,input{font: 0.7rem/1.2rem "微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
input,button{padding: 0;margin: 0;border:none;background: none;}
ul,ol,li,dl{list-style:none;margin:0; padding:0;}
h1,h2,h3,h4,h5{font-weight:normal;}
i,em,b{font-style:normal;font-weight:normal;list-style:none;}
img{border: none;max-width: 100%;max-height: 100%;vertical-align: middle;}
mark{background: none;}
.fl{float: left;}.fr{float: right;}.cl{clear:both;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.c0{color:#000;}.c3{color:#333;}.c6{color:#666;}.c9{color:#999;}.cf{color:#fff;}.vm{vertical-align:middle;}.vt{vertical-align:top;}.vb{vertical-align:bottom;}
.oh{overflow: hidden;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.toh{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.op{filter: Alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;-ms-opacity: 0;-o-opacity: 0;opacity: 0;}.db{display: block;}.dtc{display: table-cell;}.ma{margin: 0 auto;}

body{background: #fff;}
.body{background: #ffffff;position: relative; width:100%; height:100%; min-width:320px; max-width:640px; overflow:hidden;}

/*header*/
.top{width: 100%;height:3rem;position: relative;}
.top .logo{width:auto; height: 3rem;position: absolute;left: 50%;transform:translateX(-50%);display: table-cell;text-align: center;vertical-align: middle;}
.top .logo img{max-width: 100%;max-height: 100%;}
/*nav*/
.menulist{ position:relative; height:1.6rem; background: #028bcf;}
.menulist .swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.menulist .swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease}
.menulist .swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.menulist .swiper-slide{float:left}
.menulist .swiper-nav a{height:42px; line-height:1.6rem; font-size: 0.5rem; text-align: center; color:#fff; display:block; }
.menulist .arrow-left,.menulist .arrow-right{ position:absolute; top:0px; left:0px;font-size:0.5rem;line-height:1.6rem;height:1.6rem;width:15px;background:#00679a;color:#fff; text-align:center;cursor:pointer; z-index:9;}
.menulist .arrow-left:hover,.menulist .arrow-right:hover{background: #0375ad;}
.menulist .current1{background:rgba(0,0,0,0.0); }
.menulist .arrow-right{ left:auto; right:0px;}
/*banner*/
.banner{position: relative;width: 100%;height: auto;overflow: hidden;}
.swiper-banner{position: relative;z-index: 1;width:16rem;height:auto;overflow: hidden;}
.swiper-banner .banner-img li .pic{text-align:center;width: 16rem;height: 100%;display: block;}
.swiper-banner .banner-img li img{vertical-align:top; width:100%;height: 100%; /* 图片宽度100%，达到自适应效果 */}
.swiper-banner .swiper-dote{width: 100%;text-align: center;position: absolute;bottom: 0.2rem;z-index: 33;}
.swiper-banner .swiper-dote .swiper-pagination-bullet{width:0.3rem;height:0.3rem;background: #00679a;margin: 0 0.2rem;opacity: 1;}
.swiper-banner .swiper-dote .swiper-pagination-bullet-active{width:0.3rem;height:0.3rem;background: #c22a29;margin: 0 0.2rem;}

section .cont_index{padding: 0 0.75rem;}
.cont_index .box{width: 100%;height: auto;overflow: hidden;}
.cont_index .box .title{width: 100%;height:1.5rem;overflow: hidden;position: relative;}
.cont_index .box .title:before{content: "";width:12%;height: 2px;background: #028bcf;position: absolute;bottom: 0;left: 44%;}
.box .title span{position: relative;display:inline-block;padding: 0 0.4rem;max-width: 5rem;height: 1.5rem;line-height: 1.8rem;text-align: center;font-size: 0.7rem;}
.box .title span a{color: #333;}
.box .title span:before{content: "";width:6rem;height:1px;background: #ccc;position: absolute;top:0.9rem;right:100%;}
.box .title span:after{content: "";width:6rem;height:1px;background: #ccc;position: absolute;top:0.9rem;left:100%;}
/*aboutbox*/
.aboutbox .about{width: 100%;height:20rem;margin: 0.5rem 0; }
.aboutbox .about .bg1{width: 100%;height: 6.15rem;background: #e1e1e1;top: 0;left: 0;}
.aboutbox .about .bg2{width: 100%;height: 12.4rem;background: #f1f1f1;bottom: 0;left: 0;}
.aboutbox .about .ab_det{height: auto;padding: 0.75rem;overflow: hidden;position: absolute;top: 0;z-index: 33;}
.aboutbox .about .ab_det .abimg{width:12.25rem;height:8.75rem;padding: 0.5rem;background:url(../images/about_bg.png) center no-repeat;background-size: 100%;}
.aboutbox .about .ab_det .abtil{width: 100%;height: 7.75rem;overflow: hidden;padding-top: 0.2rem;font-size: 0.6rem;line-height: 1.2rem;border-bottom: 1px solid #e1e1e1;}
.aboutbox .about .ab_det .abtil .ctitle{width: 100%;height: 1.5rem;border-bottom: 1px solid #e1e1e1;line-height: 1.5rem;font-size: 0.8rem;overflow: hidden;}
.aboutbox .about .ab_det .abtil p{width: 100%;height: 7.2rem;overflow: hidden;}
.aboutbox .about .ab_det .more{display: block;width: 2.5rem;height: 0.8rem;line-height: 0.8rem;font-size: 0.6rem;background:#028bcf;color: #fff;margin: 0 auto;}

.probox .prolist,.probox .prolist2{width: 100%;height: auto;overflow: hidden;}
.probox .prolist li{width: 100%;height: 7rem;margin-top: 0.5rem;}
.probox .prolist li a{display: block;}
.probox .prolist li .pro_left{float: left;width: 8.45rem;height: 6.7rem;padding: 0.13rem;border:1px solid #dddddd;border-radius: 0.2rem; overflow: hidden;}
.probox .prolist li .pro_left .proimg{width: 8.45rem;height: 6.7rem; overflow: hidden;}
.probox .prolist li .pro_right{float: right;width: 5.3rem;height: 7rem;}
.probox .prolist li .pro_right dd{width: 100%;height:0.9rem;line-height: 1.1rem;padding-bottom: 0.2rem;overflow: hidden;font-size: 0.7rem;border-bottom:1px solid #dddddd;}
.probox .prolist li .pro_right dt{text-indent: 0.5rem;width: 100%;height: 4.8rem;line-height: 0.96rem;font-size: 0.6rem;overflow: hidden;padding-top: 0.2rem;}
.probox .prolist li .pro_right .more{display: block;float: right;width: 1.8rem;padding: 0 0.5rem;height: 0.75rem;border: 1px solid #028bcf;border-radius: 0.2rem;}
.probox .prolist li .pro_right .more i{display:block;float: left; width:0.2rem;height: 0.2rem;border: 1px solid #0e90d1;border-radius: 50%;margin: 0.25rem 3px;}
.probox .prolist li:nth-child(2n) .pro_left{float: right;}
.probox .prolist li:nth-child(2n) .pro_right{float: left;}
.probox .prolist2{padding: 0.5rem 0;}
.probox .prolist2 li{width:7rem;height: 7.25rem;float: left;}
.probox .prolist2 li a{display: block;}
.probox .prolist2 li .proimg2{width: 6.7rem;height:5.3rem;padding: 0.13rem;border:1px solid #dddddd;border-radius: 0.2rem;}
.probox .prolist2 li p{overflow: hidden;width: 100%;height:1.65rem;text-align: center;line-height: 1.65rem;font-size: 0.7rem;}
.probox .prolist2 li:nth-child(2n){margin-left: 0.45rem;}

.newbox{width: 100%;height: auto;overflow: hidden;margin-bottom: 0.7rem;}
.newbox .news{width: 100%;height: 10.7rem;overflow: hidden;background:#f1f1f1;margin-top: 0.5rem;}
.newbox .news a{display: block;}
.newbox .news .newimg{background:#fff; width:14.2rem;height: 6.65rem;padding: 0.13rem;border:1px solid #dddddd;border-radius: 0.2rem;}
.newbox .news .newdec{height: 3.75rem;padding: 0 0.5rem;}
.newbox .news .newdec dd{width: 100%;height: 1.5rem;line-height: 1.5rem;overflow: hidden;font-size: 0.7rem;border-bottom: 1px solid #e1e1e1;}
.newbox .news .newdec dd span{float: right;padding-left: 0.4rem;font-size: 0.55rem;}
.newbox .news .newdec dt{width: 100%;height: 1.8rem;line-height: 0.9rem;font-size: 0.6rem;overflow: hidden;padding-top: 0.15rem;}
.newbox .newlist,.imgtext_list ul{width: 100%;height: auto;overflow: hidden;}
.newbox .newlist li,.imgtext_list ul li{width: 100%;height: 3rem;margin-top: 0.5rem;background:#f1f1f1;}
.newbox .newlist li a,.imgtext_list ul li a{display: block;}
.newbox .newlist li:first-child{display: none;}
.newbox .newlist li .new_left{width: 3rem;height: 2rem;padding: 0.5rem 0;background:#028bcf;color: #fff;font-size: 0.8rem;line-height: 1rem;}
.newbox .newlist li .new_left span{font-size: 0.6rem;display: block;width: 100%;height: 1rem;overflow: hidden;}
.newbox .newlist li .new_right,.imgtext_list ul li .new_right{width:10.4rem;height: 3rem;margin-right: 0.4rem; }
.newbox .newlist li .new_right dd,.imgtext_list ul li .new_right dd{width: 100%;height: 1rem;overflow: hidden;line-height: 1rem;font-size: 0.7rem;}
.newbox .newlist li .new_right dt,.imgtext_list ul li .new_right dt{width: 100%;height: 1.8rem;line-height: 0.9rem;font-size: 0.55rem;padding-top:3px;overflow: hidden;}

/*foot*/
.foot{padding:0.1rem 1rem 0.2rem 0.55rem;height: auto;overflow: hidden;background: #00679a;color: #028bcf; position: relative;}
.foot p a{color: #028bcf;}
.foot .back-top{width:1.8rem;height: 0.8rem;text-align: center;line-height: 0.8rem;font-size: 0.6rem;border-radius: 3px;color: #028bcf;border: 1px solid #028bcf;position: absolute;top: 0.3rem;right: 0.55rem;
animation: bounce-down 1.5s linear infinite;}
@-webkit-keyframes bounce-down {
25% {-webkit-transform: translateY(-0.15rem);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(0.15rem);}}

@keyframes bounce-down {
25% {transform: translateY(-0.15rem);}
50%, 100% {transform: translateY(0);}
75% {transform: translateY(0.15rem);}
}
/*about*/
.nytop{width: 100%;height:3rem;background: #028bcf;position: relative;}
.nytop .n-top{overflow: hidden;height:3rem;padding:0 2.55rem;text-align: center;font-size: 0.7rem;color: #fff;line-height: 3rem;}
.nytop .back{width: 2.55rem;height: 3rem;position: absolute;top: 0;left: 0;text-align: center;color: #fff;line-height:3rem;font-size: 1rem;}
.nytop .more{width: 2.55rem;height: 3rem;position: absolute;top: 0;right: 0;text-align: center;color: #fff;line-height: 3rem;font-size: 0.7rem;}
.nytop .dh{width: 2.55rem;height: 3rem;position: absolute;top: 0;right: 0;text-align: center;color: #fff;line-height:3rem;font-size:1rem;}

.cont_ny{padding: 0.5rem 0.75rem;width: 14.5rem;height: auto;overflow: hidden;}
.nnav{width: 100%;height: auto;overflow: hidden;display: none;}
.nnav li{width: 100%;height: auto;overflow: hidden;background: #f1f4f5;}
.nnav li a.ce{position: relative;padding-left: 1.4rem;color: #333;font-size: 0.6rem; display: block;height:1.5rem;line-height:1.5rem;border-bottom: 1px solid #e9e8e8;}
.menu_head .icon{margin-right: 0.6rem; color:#666; width:1rem; height:1.35rem;font-weight: bolder;line-height:1.35rem; text-align:center; float:right; display:inline;font-size:0.6rem;background: none;padding-left: 1rem;position: relative;z-index: 3;}
.menu_head .icon .icon1{ display:none;}
.nnav li a.ce:before{content: "";width: 0.2rem;height: 0.2rem;background: #999999;position: absolute;top: 0.6rem;left: 0.8rem;}
.nnav li .menu_body{display: none;}
.menu_body li a.er{position: relative;padding-left:1.8rem;color:#545454;font-size: 0.55rem;display: block;height: 1.5rem;line-height: 1.5rem;}
.menu_body li a.er:before{content: "";width: 5px;height:5px;background: #999999;position: absolute;top: 0.6rem;left: 1.2rem;border-radius: 50%;}
.menu_body .icont{margin-right: 0.55rem; color:#545454; width:1rem; height:1.5rem;font-weight: bolder;line-height:1.5rem; text-align:center; float:right; display:inline;font-size:0.6rem;background: none;padding-left: 1rem;position: relative;z-index: 3;}
.menu_body .icont .icont1{ display:none;}
.nnav li .menu_thr{display: none;}
.menu_thr li a.thr{padding-left:2.6rem;color: #0087cd;font-size: 0.55rem;display: block;height: 1.5rem;line-height: 1.5rem;border-left: 2px solid #0087cd;background:#fff;}
.abarticle{width: 100%;height: auto;overflow: hidden;color: #333;font-size: 0.7rem;}
.page{width: 100%;height: 1rem;line-height: 1rem;font-size: 0.7rem;}
.page a{margin:0 0.6rem;}

.imgtext_list{width: 100%;height: auto;overflow: hidden;padding-bottom: 0.5rem;}
.imgtext_list ul li .new_left{width: 2.9rem;height:2.9rem;border: 1px solid #eae9e9;}
.imgtext_list ul li .new_left .nimg{width: 2.9rem;height:2.9rem;}
.imgtext_list ul li .new_right dd{color: #252525;}
.imgtext_list ul li .new_right dd span{font-size: 0.55rem;padding-left: 0.4rem;float: right;}
/*new-det*/
.dettop{width: 100%;height: auto;overflow: hidden;position: relative;padding-bottom: 1rem;}
.dettop .art-title{width: 100%;height: auto;overflow: hidden;text-align: center;font-size: 0.7rem;color: #333;}
.dettop .ziti{height:0.7rem;float: left;padding: 0.1rem 0;position: absolute;bottom: 0;left: 50%;transform:translateX(-50%); }
.dettop .ziti li{line-height:0.6rem;color: #999; font-size: 0.6rem;text-align: center;float: left;padding: 0 0.3rem;border-left: 1px solid #999;}
.dettop .ziti li:first-child{border-left: none;}
.span-zi1{font-size:1.1rem;}
.span-zi2{font-size:0.9rem;}
.span-zi3{font-size:0.6rem;}
.cont_ent{font-size: 0.7rem;}
.choose{width: 100%;height: auto;overflow: hidden;padding: 0.5rem 0;border-top: 1px solid #ddd;margin-top: 0.5rem;}
.choose li a{width: 100%;height: 0.8rem;display: block;font-size: 0.55rem;color: #999;line-height:0.8rem;overflow: hidden; }

/*pro-det*/
.swiper-prodt{width:14rem;height:10.9rem;margin: 0 auto;position: relative;}
.swiper-prodt .prodt{width:9.2rem;height:10.5rem;margin: 0.2rem auto;}
.swiper-prodt .p-img{width:9.125rem;height:10.425rem;border: 1px solid #cccccc;border-radius: 0.3rem;}
.artitle{width: 100%;height: auto;overflow: hidden;text-align: center;padding-top: 0.8rem;font-size: 0.75rem;}

.cont_ny .search_div{width: 100%;height: auto;overflow: hidden;}
.search_div .result{padding:0 0.4rem 0.4rem 0.2rem;height: auto;overflow: hidden;color: #999;font-size: 0.6rem;}
.search_div .search{width: 100%;height: auto;overflow: hidden;padding-bottom: 0.5rem;}
.search_div .search li{overflow: hidden;padding-left: 0.6rem;height: 1.5rem;line-height: 1.5rem; border-bottom: 1px dashed #999;position: relative;}
.search_div .search li a{display: block;color: #333;font-size: 0.6rem;}
.search_div .search li:before{content: "";width: 0.3rem;height: 0.3rem;border: 1px solid #333;position: absolute;left: 0;top: 0.6rem;border-radius: 50%;}

.swiper-button-prev-det,.swiper-button-next-det{width: 28px;height: 44px;text-align: center;line-height: 44px;overflow: hidden; font-family: "幼圆";font-size: 60px;font-weight: bold;color: #028bcf;background: none!important;}