@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[type=reset] { 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; background:url(../images/topbj.jpg); background-position:auto 100%;}
.logo{ float:left; width:62.5%;}
.logo1{ float:left; width:54.0625%;}
.lanmu{ float:right; width:12.5%;}
.en{ float:right; width:6.25%; margin-right:3.125%;}

.banner{ overflow:hidden}


.snav{ width:95.9375%; margin:0 auto; padding:}
.snav ul{ overflow:hidden}
.snav ul li{ float:left; width:calc(25% - 20px); padding:0px 10px; text-align:center}
.snav ul li a{ display:block;}
.snav ul li a p{ margin-top:5px; font-size:0.55rem; line-height:1em; color:#333;}

.sabout{ background:#f4f4f4;}
.saboutm{ width:95.9375%; margin:0 auto; overflow:hidden; background:#fff;}
.saboutimg{ float:left; width:45.6%;}
.saboutr{ float:right; width:50.48%;} 
.saboutr b{ font-size:0.5rem; color:#eb3c00;}
.saboutr p{ font-size:0.45rem; color:#666666; text-indent:2em;}


.snew{ background:url(../images/news.jpg) no-repeat center top; background-size:100%;}
.snewm{ width:95.9375%; margin:0 auto;}
.snewm ul li{ overflow:hidden; background:#fffefe;}
.snewm ul li .snewimg{ float:left; width:23.12%; padding-left:2.93%;}
.snewr{ float:right; width:65.96%; padding-right:4.07%;}
.snewtit{ font-size:0.55rem; color:#333333; line-height:1em;margin-top:5px;}
.snewzy{font-size:0.45rem; color:#666; line-height:1.5em; margin-top:5px;}

.sprom{width:95.9375%; margin:0 auto; background:#f0f0f0;}
.sprom ul li{ overflow:hidden}
.sprom ul li a{ display:block;}
.sproimg{ float:left; width:50%; height:100%; position:relative;}
.sproimg span{ position:absolute; display:block; right:-1px; top:44.5%; transform:rotate(180deg); width:4.23%;}
.sprowz{ float:right; width:50%;}
.sprotit{ text-align:center; padding-top:20%; font-size:0.6rem; color:#333333; font-weight:bold;}
.sproen{ text-align:center; font-size:0.5rem; width:70%; margin:0 auto; margin-top:2%; color:#666666; font-family:Arial; text-transform:uppercase;}
.sproxian{ width:8.44%; margin:0 auto; border-bottom:1px solid #666666;}

.sprom ul .tu .sproimg{ float:right;}
.sprom ul .tu .sprowz{ float:left;}
.sprom ul .tu .sproimg span{ right:auto; left:0px; transform:rotate(0deg);}

.foottop{ text-align:center; font-size:0.4rem; line-height:0.8rem; background:#f7f7f7; color:#666666;}
.foot{ position:fixed; width:100%; bottom:0px;}
.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:#eb3c00; color:#fff;}

.ab_contbox{ width:93.75%; margin:0 auto; font-size:0.5rem; color:#333; padding:10px 0; line-height:0.9rem; overflow-x:hidden}
.ab_contboxs{width:93.75%; margin:0 auto; font-size:0.5rem; color:#333; padding:10px 0; line-height:0.9rem;overflow-x:hidden}
.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:#eb3c00; color:#fff;border: #eb3c00 1px solid;}

.nstit{ line-height:30px; background:#ea440d; border-radius:5px; font-size:0.5rem; padding-left:2%; margin:10px 0; color:#fff;}


.contactright img{ width:100%;}

.contact iframe{ display:none;}
/*.contact .conditu{ height:300px;}*/
.contact .condtan{ width:39.0625%;}
.contact .condtan a{ display:block;}

.jionpc{ display:none;}

/*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; padding-bottom:10px; margin-bottom:10px;}

.new_list .snewimg{ float:left; width:29%;}
.new_list .snewr{ float:right; width:67.5%;padding-right:0px;}
.new_list .snewtit{ font-size:0.5rem; color:#333; font-weight:bold; margin-bottom:5px; margin-top:0px;}
.new_list .snewzy{ color:#888; color:0.45rem; line-height:1.8em; }

/*newdown*/
.newdon_list li{ line-height:24px; font-size:14px; overflow:hidden; padding-left:3%; border-bottom:1px dashed #ccc; position:relative;}
.newdon_list li span{ display:block; position:absolute; width:1.5%; background:#eb3d01; height:20px; top:5px; left:0px;}
.newdon_list li .snewtit{ float:left; color:#333; font-size:14px; line-height:30px; margin-top:0px;}
.newdon_list li .snewdate{ float:right;color:#666;}


/*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; }

.pro_info{ line-height:22px; }
.pro_info img{ width:100%;}

/*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{ max-width:100%;}



/*par*/
.par_box{ padding:10px 10px 30px 0; margin:0px auto; }
.par_box ul{ overflow:hidden;margin-bottom:10px}
.par_box li{ float:left; width:calc(50% - 20px); padding:0 10px; margin-bottom:10px;}
.par_box li a{ display:block}
.par_box li div img{ width:100%; border:1px solid #ccc;}
.par_box li div p{ width:100%; height:25px; line-height:25px; text-align:center; color:#333; overflow:hidden;}
.par_box li a{ color:#FFF;}


/*products*/
.pro_box{ padding:10px 10px 10px 0; margin:0px auto;}
.pro_box ul{ overflow:hidden;}
.pro_box li{ float:left; width:50%;}
.pro_box li div{ padding:0 0 10px 10px;}
.pro_box li div .proimg{ overflow: hidden; padding:0px;}
.pro_box li div img{ width:100%;}
.pro_box li div p{ width:100%; height:25px; line-height:25px; text-align:center; background:#ea440d; color:#FFF; overflow:hidden;}
.pro_box li a{ color:#FFF;}


.ff_pre{ margin-top:10px; padding-top:20px; border-top: 1px solid #cdcdcd; color:#222; font-size:14px;}
.ff_pre a{color:#222;}
.ff_next a{color:#222;}
.ff_next{ margin-top:10px; color:#222;font-size:14px;}
.proleft{ margin-bottom:10px;}


.nss_img img{pointer-events:none}



/*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; border-bottom:1px solid #ccc; line-height:2em;}
.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:#eb3c00;}
.feedm .feedtj .chognzhi{padding:11px 2%; border:0px}
.feedin select{padding:9px 2%;    width: 72%;}




