@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 { 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;}
.pro_navbox{width:100%;overflow:hidden;}

/*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; display:block;}
.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;}

.en{ float:right; width:6%; margin-right:3%;}

.top{ background:url(../images/topbj.jpg)center;}
.topm{ overflow:hidden; width:93.75%; margin:0 auto;}
.logo{ float:left; width:63.833%;}
.lanmu{ float:right; width:6%;}
.banner{ overflow:hidden}

.spro{ padding-bottom:10px;}
.sprocn{ text-align:center; margin-top:8px; font-size:0.65rem;}
.sproxs{ width:6.71875%; border-bottom:3px solid #e33626; margin:0 auto; margin-top:5px;}
.sproc{ width:93.75%; margin:0 auto;}
.sproc ul{ overflow:hidden;}
.sproc ul li{ float:left; width:50%; background:url(../images/proby.jpg) no-repeat center; background-size:100%; margin-bottom:10px;}
.sproc ul li a{ display:block; padding:0px 3.667%;}
.sproimg{ text-align:center;}
.sproimg img{ width:90%;}
.sprowz{ padding-left:8.33%;}
.sprotit{ font-size:0.5rem; color:#666666; margin-bottom:6px;}
.sprox{ width:20%; border-bottom:3px solid #004ea2;margin-bottom:6px;}
.sprolb{ font-size:0.55rem; color:#333333; font-weight:bold;}

.smoive{ background:url(../images/vietit.jpg) no-repeat center; background-size:100%;}
.smoivecn{ text-align:center; font-size:0.65rem;}
.smoivexs{ width:6.71875%; border-bottom:3px solid #e33626; margin:0 auto; margin-top:5px;}
.smoivec{ width:93.75%; margin:0 auto; position:relative;}
.smoivenr{ width:72.33%; margin:0 auto; position:absolute; top:0px; left:14.1%;}
.svideoimgs{width:72.33%; margin:0 auto; position:absolute; top:0px; left:14.1%;}

.sline{ background:url(../images/linetit.jpg) no-repeat center; background-size:100%; position:relative; overflow:hidden;}
.slinecn{ text-align:center; margin-top:8px; font-size:0.65rem;}
.slinexs{ width:6.71875%; border-bottom:3px solid #e33626; margin:0 auto; margin-top:5px;}
.slineimg{ margin-top:10px;}
.slinewz{ position:absolute; left:4.6875%; width:100%;}
.slinex{ width:16.71%;}
.ssclien{ font-size:0.75rem; color:#fff; font-weight:bold; margin-bottom:5px; line-height:1em;}
.ssclicn{ font-size:0.6rem; color:#fff; }

.saboutcn{  text-align:center; margin-top:8px; font-size:0.65rem;}
.saboutxs{ width:6.71875%; border-bottom:3px solid #e33626; margin:0 auto; margin-top:5px;}
.saboutc{ width:93.75%; margin:0 auto;}
.sabouttitcn{ font-size:0.6rem; font-weight:bold; margin-bottom:5px;}
.sabouttiten{ font-size:0.5rem; font-family:Arial;text-transform:uppercase;}
.saboutcny{ font-size:0.5rem; line-height:1.8em;}
.saboutnav{ width:93.75%; margin:0 auto;}
.saboutnav ul{ overflow:hidden;}
.saboutnav ul li{ float:left; width:14.6667%; margin-right:13.33%;}
.saboutnav ul .last{ margin-right:0px;}
.saboutnav ul li p{ color:#b0b0b0; font-size:0.45rem; margin-top:8px;}

.snews{ background:#f8f8f8; }
.snewscn{  text-align:center; margin-top:8px; font-size:0.65rem;}
.snewsxs{ width:6.71875%; border-bottom:3px solid #e33626; margin:0 auto; margin-top:5px;}
.snewsc{ width:93.75%; margin:0 auto;}
.snewsc ul li{ border-bottom:1px solid #c4c4c4; overflow:hidden;}
.snewimg{ float:left; width:29%;}
.snewr{ float:right; width:67.5%;}
.snewtit{ font-size:0.5rem; color:#333; font-weight:bold; margin-bottom:5px;}
.snewzy{ color:#888; color:0.45rem; line-height:1.8em;}
 

.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:222;}
.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:#333333; background:#e6e6e6; font-size:0.5rem;}
.ab_navbox li a.cur{ background:#004ea2; color:#fff;}

.ab_contbox{ width:93.75%; margin:0 auto; font-size:0.5rem; color:#333; padding:10px 0; line-height:0.9rem;}
.ab_contbox iframe{ display:none;}

.flickr{ text-align:center;}
.flickr span{ padding: 2px 6px;color: #666;margin-right: 3px;    border: #999 1px solid; display:inline-block}
.flickr a{ padding: 2px 6px;color: #666;margin-right: 3px;    border: #999 1px solid;display:inline-block}
.flickr .current{ background:#004ea2; color:#fff;border: #004ea2 1px solid;}





.nstit{ line-height:30px; background:#ea440d; border-radius:5px; font-size:0.5rem; padding-left:2%; margin:10px 0; color:#fff;}

/*news*/
.ns_contbox{ clear:both; line-height:23px; padding:15px 10px 10px 10px; min-height:200px;}
.new_list{ overflow:hidden; padding-bottom:15px;}
.new_list li{ width:100%;overflow:hidden; border-bottom:1px dashed #999;}


/*newsShow*/
.nss_tit{ font-size:13px; font-weight:bold; text-align:center; margin-bottom:10px;}
.nss_dtm{ text-align:center; padding:5px 0 10px 0; color:#999;}
.nss_info{ line-height:22px; }

/*honor*/
.hon_box{ padding:10px 10px 30px 0; margin:0px auto; }
.hon_box ul{ overflow:hidden;margin-bottom:10px}
.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;}

/*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%;}


/*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;}
.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;}


/*jionsq*/
.feedm .m5_nr_1_t{ font-size:0.7rem; font-weight:bold;}
.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:20.67%; text-align:center; padding:8px 0; font-size:0.5rem;}
.feedm p{padding:8px 0;font-size:0.5rem;}
.feedm input{ width:72%; padding:11px 2%; border:0px; background:#efefef;}
.feedm textarea{ width:72%; padding:11px 2%; border:0px; background:#efefef; height:40px;}
.feedm font{ color:red;}
.feednr span{ height:46px;}
.feedinp input{ width:85%;}
.feedm .feedyz span{ float:left;}
.feedm .feedyz input{ width:38%; 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:#004ea2;}
.feedm .feedtj .chognzhi{padding:11px 2%; border:0px}
.feedin select{padding:9px 2%;    width: 72%;}



/*line*/
.line_box{ padding:10px 0 30px 0; margin:0px auto; }
.line_box ul li{ margin-bottom:15px;background:#f7f7f7; position:relative}
.line_box .sproimg img{ width:100%;}
.line_box ul li .sprowz{ position:absolute; bottom:0px;}

/*lineshow*/
.prowz{ font-size:0.6rem; font-weight:bold; margin-top:10px}
.proshowxx{ background:url(../images/proshowx.jpg) no-repeat center; height:4px; width:17.833%; background-size:100%; margin-bottom:10px;}


/*products*/
.pro_box{ width:93.75%; margin:0 auto;padding:10px 0;}
.pro_box ul{ overflow:hidden;}
.pro_box ul li{ float:left; width:50%; background:url(../images/proby.jpg) no-repeat center; background-size:100%; margin-bottom:10px;}
.pro_box ul li a{ display:block; padding:0px 3.667%;}



.ff_pre{ margin-top:10px;}
.ff_pre a{ color:#333;}
.ff_next a{ color:#333;}



.pro_navbox ul li{ float:left; width:33.333333%; border-bottom:1px solid #d7d7d7; text-align:center; line-height:30px;border-top:1px solid #d7d7d7;}
.pro_navbox ul li div{ border-right:1px solid #d7d7d7;}
.pro_navbox ul .cur{ color:#004ea2;}


