@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{ color:#333;}
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 { 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;}

 
iframe{max-width:100%;}
/*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}
}


.top{ overflow:hidden;background:url(../images/top.jpg) no-repeat center; background-size:100%}
.logo{ float:left; width:61.875%; margin-left:3.125%;}
.lanmu{ float:right; width:12.5%;}
.bb{ float:right; font-size:0.65rem; margin-right:3.125%}

.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;}

.spro{ width:93.75%; margin:0 auto;}
.stopimg{ text-align:center; margin-bottom:5px;}
.stopimg img{ width:5.667%;}
.stopen{ text-align:center; font-size:0.9rem; font-weight:bold; color:#464646; text-transform:uppercase; font-family:Arial;}
.stopxan{ width:11.6667%; border-bottom:5px solid #dc3328; margin:0 auto;}
.stopxcn{ font-size:0.7rem; text-align:center; color:#3f3f3f; font-weight:bold;}
.sproc{ position:relative}
.sproc .swiper-container{ width:59.1667%; margin:0 auto;}
.sproc .swiper-slide{ background:#ededed;}
.sproc .swiper-slide .sprowz{ padding:0px 12.67%;}
.sproc .swiper-slide .sprotit{ font-size:0.6rem; color:#212121;}
.sproc .swiper-slide .sproxian{ width:11.26%; border-bottom:2px solid #db3428;}
.sproc .swiper-slide .sprolm{ font-size:0.5rem; color:#666666;}

.sproc .swiper-button-next{background:none;border:2px solid #b2b2b2;border-radius:50%;height:30px;width:30px; text-align:center; line-height:30px; font-family:'宋体'; font-size:0.6rem; font-weight:bold; color:#b2b2b2;}
.sproc .swiper-button-prev{ background:none; border:2px solid #b2b2b2; border-radius:50%; height:30px; width:30px;text-align:center; line-height:30px; font-family:'宋体';font-size:0.6rem;font-weight:bold; color:#b2b2b2;}
.spromore{ width:45.8333%; margin:0 auto; text-align:center; border:2px solid #a3a1a1;}
.spromore a{ color:#666; font-weight:bold; font-size:0.5rem;}

.sab{ background:url(../images/about.jpg) no-repeat center top; background-size:100%;}
.sabc{ width:93.75%; margin:0 auto; color:#fff; line-height:2em; font-size:0.56rem; text-align:center;}
.saba{ width:27.34375%; margin:0 auto; background:#f4232d; text-align:center}
.saba a{ color:#fff; font-size:0.56rem;}

.snewimg{ width:93.75%; margin:0 auto;}
.snewc{ width:93.75%; margin:0 auto;}
.snewc ul li{ border-bottom:1px solid #cccccc; overflow:hidden}
.snewc ul li .snewsimg{ width:18.333%; float:left;}
.snewc ul li .snewswz{ width:76.6667%; float:right;}
.snewtit{ font-size:0.6rem; color:#333; font-weight:bold;}
.snewzy{font-size:0.54rem; color:#333;}

.foot{ position:fixed; width:100%; bottom:0px; z-index:666;}
.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:#f4232d; color:#fff;}

.ab_contbox{ width:93.75%; margin:0 auto; font-size:0.5rem; color:#333; padding:10px 0; line-height:0.9rem;}
.ab_cont{ 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:#f4232d; color:#fff;border: #f4232d 1px solid;}

.ab_cont iframe{ display:none;}
.ab_cont img{ float:none !important;}

.ab_contbox iframe{ height:300px !important;}


/*feedback*/
.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:#f4232d; 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:#f4232d;}
.feedm .feedtj .chognzhi{padding:11px 2%; border:0px}
.feedin select{padding:9px 2%;width: 72%; height:40px;}

/*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); background:#ededed;  margin:0px 5px;margin-bottom:10px;}
.pro_box li .sprowz{ padding:0px 6.67%;}
.pro_box li .sprotit{ font-size:0.5rem; color:#212121;}
.pro_box li .sproxian{ width:11.26%; border-bottom:2px solid #db3428;}
.pro_box li .sprolm{ font-size:0.45rem; color:#666666;}

.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%;text-align:center}
.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;}

.nss_tit{ text-align:center; font-size:.0.7rem; margin-bottom:10px;}


/*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; margin-bottom:10px;}
.nss_dtm{ text-align:center; margin-bottom:10px; color:#999;}
.nss_info{ line-height:22px; }




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

/*products*/
.hon_box{ padding:10px 10px 10px 0; margin:0px auto;}
.hon_box ul{ overflow:hidden;}
.hon_box li{ float:left; width:50%;}
.hon_box li div{ padding:0 0 10px 10px;}
.hon_box li div img{ width:100%;}
.hon_box li div p{ width:100%; height:25px; line-height:25px; text-align:center;  color:#333; overflow:hidden;}
.hon_box li a{ color:#FFF;}