@charset "utf-8";*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
html{background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,pre{margin:0}
td,th{padding:0}
button,input,menu,ol,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,canvas,video{display:inline-block}
body,button,input,select,textarea{color:#333;font:400 14px/1 "Microsoft YaHei",tahoma,arial,SimSun}
textarea{-webkit-user-select:text}
input,select,textarea{font-size:100%;outline:1px solid transparent}
input,textarea{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
button,input,select,textarea{-webkit-appearance:none}
button,input[type=submit]{border:0}
input[disabled],input[type=text]{background:#fff}
input,select{vertical-align:middle}
input{text-indent:3px}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
button,fieldset,img{border:0}
img{width:100%;vertical-align:middle}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:after,q:before{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a,ins{text-decoration:none}
a{color:#333}
a:hover{text-decoration:none}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:''}
.clearfix:after{clear:both}
div.clear{clear:both;height:0;font-size:0;overflow:hidden}
area{outline:0}
em,i{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:400}
.pd-12{padding: 0 14px;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}
.flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3}
.flex-4{-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4}
.wrapper{min-width:320px;max-width:640px;overflow:hidden;margin:0 auto}
.navbar{position:relative;background:url(../images/top_bg@2x.png) no-repeat;padding:0 15px 15px;background-size:100% 100%;color:#fff;height:40px;line-height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px #e5e5e5 solid}
.navbar .icon-meun{background:url(../images/icon@2x.png) 0 0;background-size:cover;width:21px;height:15px;display:inline-block;vertical-align:middle}
.navbar .icon-home{background:url(../images/icon@2x.png) 21px 0;background-size:cover;width:21px;height:15px;display:inline-block;vertical-align:middle}
.navbar .react{display:block}
.navbar .react{line-height:40px;vertical-align:middle}
.navbar .nav-list{padding-bottom: 10px;position:absolute;width:100%;background:rgba(34,34,34,.9);top:-1088px;left:0;z-index:10;opacity:0;display: none;}
.navbar .nav:after{position:absolute;height:0;content:"";width:0;border:6px solid #222222;border-color:transparent transparent #222222 transparent;top:-12px;left:18px}
.navbar .nav-h1{width:119px;color:#4e57ce;height:40px;display:inline-block;-webkit-box-flex:1;-ms-flex:1;text-align:center;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle}
.nav-ltem{padding: 0 15px;}
.ta-l{display: block;color: #00a0e9;position: relative;padding-left: 10px;}
.banner,.news-banner{margin-top: -1px;}
.swiper-slide3{width:100%; height:250px;}
.banner .swiper-pagination-bullet{border-radius:initial ;}
.ta-l:before{position:absolute;content:"";width:4px;height:4px;left:0;top:18px;background:#00a0e9}
.new-banner .swiper-slide{position:relative;text-align:center}
.text-r{text-align:right}
#pages { padding:14px 0 10px; font-family:瀹嬩綋 }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



.swiper-slide img{width:100%; height:auto;}
.news-banner .swiper-pagination{text-align:right!important}
.new-banner-title{font-size:16px;padding:6px 15px;line-height:1.5;color:#fafafa;position:absolute;left:0;bottom:0;right:0;font-weight:400;text-shadow:1px 1px 1px #000;background-color:rgba(0,0,0,.7)}
.new-banner-title .date{font-size:12px;text-align:right}
.new-banner-title .new-banner-title-s{width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.news-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;text-align:center;line-height:16px}
.news-banner .swiper-pagination-bullet{width:16px;height:16px;display:inline-block;border-radius:inherit;background:#24a1d8;opacity:1;color:#fff}
.news-banner .swiper-pagination-bullet-active{opacity:1;background:#c8e0a0}
.ta-l:after{border:1px #444 dashed;content:"";left:0;bottom:0;width:100%;position:absolute}
.zpmenu{border:#ececec 1px solid;width:100%;display:inline;float:left;overflow:hidden}
.zpmenu dl{width:100%;float:right}
.zpmenu dt{width:13%;float:right;border-left:#ececec 1px solid;text-align:center;height:150px}
.zpmenu dt .on {width:20px;text-align:center;height:150px; margin:0 auto; padding:5px}



.zpmenu dd{position:relative;width:50%;display:block;float:left;height:150px;overflow:hidden}
.zpinfor img{height:100%}
div.zpmenu dl#slider2 dd div.zpinfor{display:inline;overflow:hidden}
.zpinfort{position:absolute;background:url(../images/img-bg@2x.png) no-repeat;height:50px;width:100%;bottom:0;line-height:50px;text-align:center;left:0}
.container{width:100%;margin:0 auto}
.card{text-align: center;padding: 15px 0;}
.card-group{color: #444444;font-size: 17px;}
.col-blue{color: #259dd3;margin-right: 10px;}
.col-green{color: #78bb41;}
.about-details{color: #333333;}
.about-details p{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-height:1.5;-webkit-box-orient:vertical;color:inherit}
.about-details .contacts{margin-top: 10px;}
.about-details .tel-n{font-size: 20px;}
.view-table{text-align: center;margin-top: 10px;}
.view-table a{padding: 15px;border: 1px solid #ddd;color: #333;margin-right: 5px;}
.view-table a:last-child{margin-right: 0;}
.view-table a:active{background-color: #266cde;color:#fff;}
.table-view .media,.table-view .media-body{overflow:hidden;padding:5px 15px;background:#f5f5f5;line-height:1.5}
.table-view .media-body{margin-top:5px;border:1px solid #eee}
.table-view-cell{position:relative;overflow:hidden;padding:11px 15px;-webkit-touch-callout:none}
.table-view{position:relative;margin-top:0;margin-bottom:0;padding-left:0;list-style:none;background-color:#fff}
.table-view.grid-view{font-size:0;display:block;width:100%;padding:0 10px 10px 0;white-space:normal}
.table-view.grid-view .table-view-cell{font-size:14px;display:inline-block;margin-right:-4px;padding:10px 0 0 14px;vertical-align:middle;background:0 0}
.ios .table-view-cell{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.table-view-cell>a:not(.btn){position:relative;display:block;overflow:hidden;margin:-11px -15px;padding:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit}
.table-view.grid-view .table-view-cell>a:not(.btn){margin:-10px 0 0 -14px}
.col-xs-6{width:50%;}
.table-view li  img{ height:130px;}
.icon{ padding-bottom:10%; }

.icon li{ width:25%; float:left; padding-left:3%; padding-right:3%; list-style:none; padding-top:5%}

.icon li img{ padding-bottom:10%; float:left}


.product_list { padding-bottom:10px; padding-top:15px;  }
.product_list ul{   }
.product_list li{ float:left;width:45%; margin-left:3% }
.product_list li img{ display:block;   }
.product_list li .tit{ display:block; height:68px; line-height:68px; border-bottom:5px solid #E8E8E8; background:url(../images/btn_more.png) no-repeat right 12px;  }
.product_list li:hover .tit,
.product_list li .tit:hover { color:#D7A316; border-bottom:5px solid #D7A316; text-decoration:none; background-position:right -146px;}


.text{ padding:10%;  line-height:30px; }
.text img{width:100% !important;height:auto !important;}

/*new*/
.sidebar-tab{overflow:hidden;margin-top: 10px;}
.tab-title .active{color:#356aa0;background: url(../images/tab-bg@2x.png);}
.tab-title a{padding:15px;border:1px solid #c8c7cc;cursor:pointer;text-align: center;    margin-right: -1px}
.tab-content .hide{display:none;}
.tab-contents .new-list.active{display: block;}
.tab-contents .new-list{display: none;}
.new-list .new-list-view{background:#fff;font-size:14px;position:relative;padding:10px 15px;margin:10px 0}
.new-list .new-list-view:before{position:absolute;top:-1px;right:0;left:0;height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:#c8c7cc}
.new-list .new-list-view:after{position:absolute;bottom:0;right:0;left:0;height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:#c8c7cc}
.new-list .new-list-view .new-content-title{color:#006cb7;font-size:16px;line-height:1.4;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.new-list .new-list-view .new-content-inner{position:relative;font-size:14px;color:#666;margin-bottom:5px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.new-list .new-list-view .new-content-date{font-size:12px;color:#999}
/*pagination*/
.new-content-padded{text-align:center}
.new-pagination{display:inline-block;margin:0 auto;padding-left:0;border-radius:6px}
.new-pagination>li{display:inline}
.new-pagination>li>a,.new-pagination>li>span{position:relative;float:left;margin:0 5px;margin-left:-1px;padding:6px 12px;border:1px solid #ddd;border-radius:2px;background-color:#fff;color:#333;text-decoration:none;line-height:1.428571609}
.new-pagination>li.new-disabled>a,.new-pagination>li.new-disabled>a:active,.new-pagination>li.new-disabled>span,.new-pagination>li.new-disabled>span:active{border:1px solid #ddd;background-color:#fff;color:#333}
.new-pagination>li.new-active>a,.new-pagination>li.new-active>a:active,.new-pagination>li.new-active>span,.new-pagination>li.new-active>span:active,.new-pagination>li:active>a,.new-pagination>li:active>a:active,.new-pagination>li:active>span,.new-pagination>li:active>span:active{z-index:2;border-color:#007aff;background-color:#266cde;color:#fff;cursor:default}
.more{position:relative;display:block;padding:8px 0;border:1px solid #ddd;text-align:center}
.more:active{background-color:#266cde;color:#fff}
.contact{margin-bottom:10px;text-align:center;line-height:1.5}
.contact .contact-tel{color:#78bb41 !important;font-size:20px}
/*footer*/
footer{text-align:center;margin-top: 30px;margin-bottom: 30px; border-top:2px solid #ccc}
footer .info{color:#666;font-size:14px;line-height:1.4; margin-top:15px}
