@charset "utf-8";
*{margin:0;padding:0;}
body{ background:#FFFFFF; color:#333333; font-family:"微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif; line-height:150%; overflow-x: hidden}

a:link, a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
ul,li{list-style-type:none;}
img{border:0px; max-width:100%;}
input[type=button], input[type=submit], input[type=file], button,input { cursor: pointer; -webkit-appearance: none; outline:none;}

.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
input{ font-family:"微软雅黑"}
a{ color:#333;}

 

/*media*/
@media screen and (min-width: 320px) {
    html { font-size:21.33px}
    body { font-size: 12px}
}

@media screen and (min-width: 360px) {
    html { font-size:24px}
    body { font-size: 12px }
}

@media screen and (min-width: 375px) {
    html { font-size:25px}
    body { font-size: 12px}
}

@media screen and (min-width: 384px) {
    html {  font-size:25.6px}
    body { font-size: 14px}
}

@media screen and (min-width: 400px) {
    html {font-size:26.67px}
    body { font-size: 14px}
}

@media screen and (min-width: 414px) {
    html {font-size:27.6px}
    body { font-size: 14px}
}

@media screen and (min-width: 424px) {
    html {font-size:28.27px}
    body { font-size: 14px}
}

@media screen and (min-width: 480px) {
    html {  font-size:32px}
    body { font-size: 15.36px}
}

@media screen and (min-width: 540px) {
    html { font-size:36px}
    body {  font-size: 17.28px}
}

@media screen and (min-width: 720px) {
    html { font-size:48px}
    body {font-size: 23.04px}
}

@media screen and (min-width: 750px) {
    html { font-size:50px}
    body { font-size: 24px}
}




.menu{ position:absolute; width:100%; z-index:1000; background:#FFF; border-bottom:1px solid #eee; display:none;}
.menu p{ height:40px; line-height:40px; border-top:1px solid #eee; padding:0 0 0 15px; color:#000;}
.menu p a{  color:#000;}
.menu p a.in{display:block; width:100%; height:100%;}
.menu ul{ display:none;}
.menu li{ padding:0 20px;}
.menu li>a{ display:block; height:32px; line-height:32px; border-bottom:1px dashed #eee; color:#555; padding:0 10px;}
.menu li>a:hover{ background:#F5F5F5;}

.top{ overflow:hidden;}
.logo{ float:left; width:35%;margin-left:3.125%;}
.lanmu{ float:right; width:14.84375%;}
.bb{ font-size:0.56rem; float:right; margin-right:3.125%;}

.sy_tit{ text-align:center; font-size:0.8rem; color:#000000; font-weight:bold; text-transform:uppercase;}
.sy_tit span{ color:#065aa1;}
.sy_xian{ width:12.8125%; margin:0 auto; border-bottom:2px solid #000000;}

.sproc{ position:relative}
.sproc .swiper-container{ width:57.1875%; margin:0 auto;}
.sproc .swiper-container .swiper-slide{ background:url(../images/probj.jpg) no-repeat center; background-size:100%;}
.sprotit{ text-align:center; font-size:0.5rem;}
.swiper-button-next, .swiper-button-prev{ width:20px !important; background-size:100% !important; }

.asb{ position:relative;}
.saban{position:absolute;bottom: 0px;left:0px;width:100%;padding-left:3.125%;box-sizing:border-box;}
.saban .swiper-button-next, .saban .swiper-button-prev{ position:relative !important; left:auto !important; right:auto !important; top:auto !important; float:left; background:none !important; margin-top:0px !important; width:18.90625% !important; font-size:0px; height:auto !important;}
.saban .swiper-pagination{float:left;width:auto !important;position:relative !important;bottom:0px !important;margin-left:3.125%;font-size:0.65rem;color:#fff;font-weight:bold;}

.sabwz{ width:93.75%; margin:0 auto;}
.sabimgs{ width:20%;}
.sabtit{ font-size:0.7rem; text-transform:uppercase; font-weight:bold; color:#000;}
.sabcon{ font-size:0.6rem; line-height:1.5em;word-break : break-all;word-wrap : break-word}
.sabimg{ position:relative;}

.sj{ background:#eeeeee;}
.sj ul{ overflow:hidden}
.sj ul li{ float:left; width:50%; text-align:center;}
.sj_sz{ font-size:1.2rem; line-height:1em; color:#065aa1;}
.sj_dw{ font-size:0.6rem; color:#333333; text-transform:uppercase;}
.sj_zy{ font-size:0.6rem; color:#666666;}


.simg .simg_nav{ overflow:hidden; margin:0 auto ; width:93.75%;}
.simg .simg_nav ul li{ width:calc(33.33% - 10px); margin:0 5px; float:left; overflow:hidden; border:1px solid #cdcdcd; box-sizing:border-box; text-align:center; font-size:0.61rem;}
.simg .simg_nav ul li a{ color:#666666; display:block;}
.simg .simg_nav ul li.nav_h{ background:#bc0000; border:1px solid #bc0000;}
.simg .simg_nav ul li.nav_h a{ color:#fff; font-weight:bold;}
.simgc{margin:0 auto ; width:93.75%;}
.simgcli{ position:relative;}
.simgcli p{ position:absolute; left:3.33%; bottom:10px; color:#fff; font-size:0.65rem;}


.snew{ background:#f9f9f9;}
.snewc{ width:93.75%; margin:0 auto; overflow:hidden}
.snewc ul li{ width:calc(50% - 10px); margin:0 5px; float:left;}
.snewc ul li .snewzy{ font-size:0.45rem; color:#090103;word-break : break-all;word-wrap : break-word}
.snewc ul li .snewtit{ font-size:0.55rem; color:#065aa1;}
.snewa{ margin:0 auto; width:42.1875%; text-align:center; text-transform:uppercase; border:1px solid #d5d5d5;}
.snewa img{ width:12.96%; margin-left:10px;}
.snewa a{ display:block; color:#090103; font-size:0.5rem;}


.foottop{ text-align:center; font-size:0.4rem; line-height:0.8rem; background:#f7f7f7; color:#666666;}
.foot{ position:fixed; width:100%; bottom:0px; z-index:555;}
.foot ul{ overflow:hidden}
.foot ul li{ float:left; width:25%;}
.foot ul li a{ display:block;}

/*ny*/
.ab_navbox{ clear:both; padding:10px 0 0 0; margin:0px auto;}
.ab_navbox .tit{ height:30px; line-height:30px; color:#FFF; font-size:14px; padding:0 10px;}
.ab_navbox ul{ overflow:hidden;}
.ab_navbox li{ float:left; width:50%;}
.ab_navbox li div{ padding:0 1px 1px 0;}
.ab_navbox li a{ display:block; width:100%; height:26px; line-height:26px; text-align:center; color:#333; background:#efefef; font-size:0.5rem;}
.ab_navbox li a.cur{ background:#065aa1; color:#fff;}

.ab_contbox{ width:93.75%; margin:0 auto; font-size:0.5rem; color:#333; padding:10px 0; line-height:0.9rem;}

.flickr{ text-align:center;}
.flickr span{ padding: 2px 6px;color: #666;margin-right: 3px;    border: #999 1px solid;}
.flickr a{ padding: 2px 6px;color: #666;margin-right: 3px;    border: #999 1px solid;}
.flickr .current{ background:#065aa1; color:#fff; border: #065aa1 1px solid;}

.ab_contbox iframe{ height:300px !important;}
.ab_contact{ width:93.75%; margin:0 auto; font-size:0.5rem; color:#333; padding:10px 0; line-height:0.9rem;}
.ab_contact iframe{ display:none;}

/*products*/
.pro_box{ padding:10px 10px 10px 0; margin:0px auto;}
.pro_box ul{ overflow:hidden;}
.pro_box li{ float:left; width:calc(50% - 10px); margin:0px 5px; margin-bottom:20px;}
.pro_box .sprotit{ margin-top:10px;}



.ff_pre{ margin-top:10px;}
.ff_pre a{ color:#333; font-size:0.5rem;}
.ff_next a{ color:#333;font-size:0.5rem;}

.nss_img{ overflow:hidden; width:100%;}
.nss_img img{ max-width:100%;}

.ab_contbox .con_r{ margin-top:20px}
.ab_contbox .con_r div{ float:left !important; margin-left:0px !important; margin-right:10px}

.nss_info{ margin-top:10px;}
.proshowtit{ font-size:0.6rem; font-weight:bold; margin-bottom:10px;}
.proshowcon{ font-size:0.5rem; line-height:1.5em; overflow:hidden;}
.proshowcon iframe{ width:100% !important; height:300px !important; text-align:center;}

.pro_xz{ margin-top:10px;}
.pro_ul ul{ overflow:hidden}
.pro_ul li{ float:left; width:33.333%; padding:0px 5px; box-sizing:border-box; text-align:center;}
.pro_ul li p{ color:#333; font-size:0.45rem; margin-top:5px;}

.pro_top{ background:#0195db; padding:5px 3.125%; overflow:hidden; line-height:30px; font-size:0.65rem; color:#fff; font-weight:bold;}
.pro_top a{ display:block; float:right;width:27.375%;}
.pro_top a img{ width:100%; height:30px;}

/*news*/
.ns_contbox{ clear:both; line-height:23px; padding:15px 10px 10px 10px; min-height:200px;}
.ns_list{ overflow:hidden; padding-bottom:15px;}
.ns_list li{ width:100%; border-bottom:1px dashed #999; font-size:0.5rem; line-height:2em; overflow:hidden}
.ns_list li .newsc{ float:left; color:#333;}
.ns_list li span{ float:right; color:#666}


/*newsShow*/
.nss_tit{ font-size:13px; font-weight:bold; text-align:center;}
.nss_dtm{ text-align:center; padding-bottom:10px; color:#999;}
.nss_info{ line-height:22px; overflow-x: auto;-webkit-overflow-scrolling: touch;}


/*honor*/
.hon_box{ padding:10px 10px 10px 0; margin:0px auto;}
.hon_box ul{ overflow:hidden; margin-bottom:20px;}
.hon_box li{ float:left; width:calc(50% - 10px); margin:0px 5px; margin-bottom:10px; text-align:center}
.hon_box li p{ font-size:0.56rem; margin-top:5px;}

/*honor show*/
.nss_tit{ font-size:14px; font-weight:bold; text-align:center; padding-bottom:10px;}
.nss_img{ text-align:center;}
.nss_img img{ max-width:100%;}


/*jionsq*/
.feedm{ overflow:hidden; width:93.75%; margin:0 auto;}
.feedm  div{ overflow:hidden;font-size:0.6rem; margin-bottom:15px;}
.feedm span{ float:left; display:inline-block; width:25.67%; text-align:center; background:#065aa1; color:#fff;padding:8px 0; font-size:0.5rem;}
.feedm p{padding:8px 0;}
.feedm input{ width:65%; padding:12px 2%; border:0px; background:#efefef;}
.feedm textarea{ width:65%; padding:11px 2%; border:0px; background:#efefef; height:40px;}
.feedm font{ color:#F00;}
.feedm font.feedtit{ padding-left:2%; line-height:41px; color:#333;}
.feednr span{ height:46px;}
.feedm .feedyz span{ float:left;}
.feedm .feedyz input{ width:33%; float:left;}
.feedm .feedyz img{ width:32%;}
.feedm .feedtj input{ float:left; width:30%; margin-right:5%; color:#fff; background:#333333; border-radius:5px;padding:11px 2%; border:0px;}
.feedm .feedtj .pjseabtn{ background:#065aa1;}
.feedm .feedtj .chognzhi{padding:11px 2%; border:0px}
.feedin select{padding:9px 2%;width: 72%; height:40px;}

/*job*/
.job_contbox{ width:93.75%; margin:0 auto; margin-top:10px;}
.dsh ul{ overflow:hidden;}
.dsh ul li{ text-align:center}
.dsh li:nth-child(2){width:33%;overflow:hidden;float:left;background:#c0c0c0;color:#fff;line-height:26px;}
.dsh li:first-child{width:33%;overflow:hidden;float:left;background:#ababab;color:#fff;line-height:26px;}
.dsh li:last-child{width:33%;overflow:hidden;float:left;background:#cfcfcf;color:#fff;line-height:26px;}
.jobc li{ overflow:hidden}
.jobc li div{float:left;width:33%;overflow:hidden;color:#fff;background:#666; text-align:center; font-size:0.55rem; height:30px; line-height:30px; box-sizing:border-box; padding:0px 3px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.jobc li div a{ color:#fff;}
.dsy li a,.dsy li a:hover{color:#fff;}

/*jobshow*/
.jobstit{ font-size:0.8rem; line-height:2em; font-weight:bold;}
.jobsc{ font-size:0.6rem; color:#333;margin-bottom:10px;}
.jobsc .jobscs{ font-weight:bold; }
.joban{margin-bottom: 5px;width: 80px; height: 30px;border: 1px solid #ddd;background: #eee; line-height:30px;}
.joban a{ color:#333; display:block; text-align:center;}