@charset "utf-8";
/* CSS Document */
body{ max-width: 480px; height:auto; margin:0 auto !important;font-family:"Microsoft Yahei"; color:#333; font-size:14px; font-weight:none;}
body,table,form,p,dl,dt,dd,h1,h2,h3,div,dl,dt,dd,td,th,ul,li{margin:0;padding:0; list-style:none;}
img{ border:0px; vertical-align: middle;}
.clear{ clear:both;}
a{ text-decoration:none;}
a:hover{ cursor:pointer;}
input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button {
 -webkit-appearance: none;
 }
/*common*/
.indtitle,.inavl li,.wfooter,.page a{ background-color:#C10001;}/*首页栏目背景、首页导航、底部*/
.slide_nav{background:#C10001 no-repeat center center;}/*banner箭头*/
.plist li p{background:#f5f5f5; border:1px solid #f5f5f5;}/*产品标题*/
.inaboutitle p,.indextab .on,.fup i,.innernav{ color: #C10001;}/*关于我们标题，新闻选中字体，回到顶部颜色*/
.innavul{border-bottom:2px solid #C10001;}
.fup{border:2px solid #C10001;}/*回到顶部边框*/
.itelbox,.aboutmore,.wnewslist .date .more { background: #FFA801;}/*首页电话,关于我们更多,新闻中心更多*/
.facenter{ background: #FFA801;}/*底部+更多*/
.allnav{border-top: 3px solid #C10001;}/*底部所有导航顶部边框*/

/*招聘*/
.reculist{ width: 100%; height: auto;}
.reculist li{ border: 1px solid #dedede; padding:15px 20px; margin-bottom: 15px;}
.rectitle { width: 100%;line-height:28px;}
.rextitle{ font-size:18px;font-weight: bold; color: #2F79C5;width: 425px;display: inline-block;}
.rectitleicon{ float: right;font-size: 30px;font-weight: bold; color: #2F79C5;}
.rectitleicon:hover{ color: #f00; cursor: pointer; font-size: 35px; font-weight:bold;}
.recbo{color: #999; font-size: 15px; margin-left:5px;}
.recbo span{ margin: 0px 10px;}
.recconc{ border-top: 1px solid #dedede;padding-top: 15px; display: none;}
.recconc.on{ display: block;}

.ttjianli{ width:100%; float:left; font-size:20px; color:#2F79C5; text-align:center; margin:10px 0; font-weight:bold;}
.con_ll{width: 100%; margin-bottom:25px; margin:0 auto;}
.con_ll form .nr:after {content:"";clear: both;display: block;width: 0;height: 0;padding-bottom: 20px;}
.con_ll form .nr > div{width: 330px;line-height: 50px;float: left;}
.con_ll form .nr .dw{ max-width:640px;}
.con_ll form .nr .dw input{}

.con_ll form .nr > div.tel, .con_ll form .nr > div.email{}
.con_ll form .nr > div.ly{width: 100%;border-bottom: none;}
.con_ll form .nr > div.ly textarea{border: 1px solid #dfdfdf;background: none;line-height: 30px;width:360px;height:80px;padding:8px;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.con_ll form .nr > div label{}
.con_ll form .nr > div input{line-height:28px; padding:0 5px; border:1px solid #dfdfdf!important;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);font-size: 15px; width:210px;}
.codel span{padding-right: 10px;font-size: 16px}
.codel input{width: 126px;margin-right: 10px;height: 35px;line-height: 35px;border:1px solid #dfdfdf!important;}
#submit{background: #C10001;font-size: 16px;color: #fff;width: 160px;height: 41px;line-height: 41px;border:none; margin:15px 0;}
/*header*/
.top{ width: 100%; height:auto; background: #fff; text-align: center; position: fixed; top:0px; left: 0px; z-index:99999; border-bottom: 1px solid #f1f1f1; padding: 3px 0px;}
.top a{ display:block;padding: 0px !important; margin: 0px !important;}
.top img{ max-width: 100%; max-height: 55px; padding: 0px; margin: 0px; vertical-align: middle;}
.tphead{ width: 100%; height: 62px;}
.plistxxx{ text-align: center;}
.plistxxx li{ display: inline-block; width: calc(33.333% - 2px); border: 1px solid #fff; background: #999; padding: 10px 0px;}
.plistxxx li a{ color: #fff;}
/*首页nav*/
.inavl{ width: 100%; height:auto;margin: 0px;}
.inavl li{ width:32.333%; height:35px; line-height: 35px; color: #fff; text-align: center; font-size: 1.1em; float: left; margin:0px 0.5% 5px 0.5%; border-radius: 2px;}
.inavl a{ color:#fff;}
/*.inavl li:nth-child(3){ height:77px; line-height:77px;}*/
/*All nav*/
.allnav{ width:100%;height: auto; background-color:rgba(254,254,254,0.95);position: fixed; bottom:0px;left:0px; z-index:999999; padding-top:10px;display: none; }
.allnav ul{ width:100%; height:auto;padding: 0px 10px; border-bottom:2px solid #f2f2f2;}
.allnav li{ width: 31%; height:35px; line-height: 35px; float: left; text-align: center; margin: 5px 1.11%;}
.allnav li a{color:#666;font-size:15px;}
.closenav{width:100%;height:49px; line-height:40px; text-align: center; display: block;font-size:40px; color:#777; font-weight: 100; font-family: "arial, helvetica, sans-serif";}
/*banner*/
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none; width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block; float: left;}
.rslides img {display: block;height: auto;width: 100%;border: 0;}
.slide_container {margin-bottom: 10px;position: relative;width: 100%;}
.slide{position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li{position: absolute;width:100%;left:0;top:0;}
.slide img{display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;font-size:15px;color: #333;text-align: center; height: 30px; line-height: 30px; background: #f1f1f1; padding: 0px 5px;}
.caption b{ float: left;}
.caption span{ float: right;}
.slide_nav{position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top:50%;left: 0;opacity: 0.7;z-index:3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 40px;width:25px; margin-top: -20px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.prev {right: auto;background-image:url("../images/themesl.png");left: 0;}
.slide_nav.next {left: auto;background-image:url("../images/themesr.png");right: 0;}
/*banner*/
.container{ padding: 10px; background: #fff;}
.itelbox{width:92.5%;height:30px;line-height:30px; margin:0 auto;text-align:center;font-size:19px;display: block;color: #fff;border-radius:10px; vertical-align: middle; font-family: "arial, helvetica, sans-serif"; font-style: oblique;}
.itelbox i{ height: 30px; line-height: 30px; padding-right: 10px; font-size: 21px; vertical-align: center;}

/*indextitle*/
.indtitle{height: auto; clear: both; overflow: hidden; padding:9px 8px; height:auto;height:18px; line-height:18px;}
.indtitle p{ width: 50%; float: left; color:#fff;font-size:16px; font-weight:bold;}
.indtitle i{ padding-right: 6px; font-size: 18px;}
.indtitle a{ width:35%;float: right;color: #fff;display: block; text-align: right; font-size: 13px;}
.newtavtitle{ padding:0px 8px 0px 8px; height: auto; line-height:36px;}

.indextab{height:auto; float: left; margin-top:5px;}
.indextab p{ width:auto;height:32px;line-height:32px;text-align:center;cursor: pointer; font-size: 15px; padding: 0px 10px;}
.indextab .on{background: #FFF;border-top-right-radius: 2px;border-top-left-radius: 2px;}

/*关于我们*/
.inaboutitle{width: 100%; height: 30px; line-height: 30px; text-align: center; position:relative; margin-top:10px;}
.inaboutitle p{ width:120px; margin: 0 auto; background: #fff;position:relative; z-index:2222; font-size:19px;}
.inaboutitle b{ width: 100%; height:2px; display: block; background: #999; position: absolute; top:14px; z-index:1;}
.iabox{width:100%; height: auto; font-size: 13px; color: #666; padding-top:10px; line-height: 24px;}
.iaboutimg{ width: 100%; border-radius:3px;}
.iabox .iaboxfont{text-indent:1.5em; padding: 5px 0px; text-align: justify;}
.iabox .iaboxfont img{ max-width: 100%;}
.aboutmore{ width: 110px; height: 30px;line-height:30px;display: block; text-align: center; color: #fff; margin: 0 auto;}
.aboutmore span{font-size: 15px;}
.aboutmore i{font-size: 17px;}

/*产品中心*/
.plist{ width: 100%;}
.plist li{width:48%;height: auto; float: left; margin: 10px 1% 0px 1%; }
.plist li img{max-width:100%;height:auto !important; border:1px solid #dedede;}
.plist li p{ width:100%;height:28px;line-height:28px;text-align:center;color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  margin-top: 0px;}

.plists{ width: 100%;}
.plists li{width:48%;height:auto;float:left;background:#f1f1f1;margin:10px 1% 0px 1%;}
.plists li img{ max-width: 100%;}
.plists li p{ padding:0px 5px;height:28px;line-height:28px;text-align:center;color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*新闻列表*/
.newconbox{ width: 100%; height: auto;}
.newconbox .on{ display: block;}
.newconbox ul{ display: none;}
.wnewslist{ width: 100%; height: auto;}
.wnewslist li{width:100%; height: auto; border-bottom: 1px solid #dedede; padding:5px 0px;}
.wnewslist li a{width:100%;height:30px;line-height:30px; display:block;color:#666;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;font-size: 15px;}
.wnewslist li a i{ padding-right: 5px;}
.wnewslist li span{ font-size:14px;line-height:20px;color:#777;display:block;text-indent:10px;}
.wnewslist .date{ width: 100%;height:25px;overflow: hidden; clear: both;}
.wnewslist .date span{font-size:14px;line-height:30px;color:#888;float:left;font-style: oblique; text-indent:0px;}
.wnewslist .date .more{width:60px;height:25px; line-height: 25px; text-align: center; color: #fff; display: block; font-size: 13px;float: right; border-radius:5px;}


/*footer*/
.tpfoot{ padding-bottom: 50px;}
.fup{ width: 30px; height: 30px; line-height: 38px; text-align: center;position: fixed; bottom:53px; right: 3px; z-index:9999;display: block; background: #fff; border-radius:6px;display:none;}
.fup i{ font-size: 25px;}

.wfooter{ width: 100%; height: auto;position: fixed; bottom:0px; left: 0px; z-index: 9999; padding: 3px 0px;}
.wfooter ul{ width: 100%; height:auto; overflow: hidden;}
.wfooter ul li{ width: 20%; height: auto; float: left; text-align: center; }
.wfooter ul li a{font-size: 13px; display: block; color: #fff; height: 44px;line-height:44px;}
.wfooter ul li i{ display: block; height: 44px; font-size: 30px;line-height: 44px; vertical-align: middle;}
.facenter{ width:50px;height:38px !important; line-height:38px !important;margin:4px auto; font-size: 30px !important; border-radius: 3px;}


/**内页**/
.innerbox{ width: 100%; height: auto; line-height: 23px; font-size: 14px; color: #666; text-align: justify;}
.innerbox img{ max-width:100% !important;height: auto !important;}
.innerbox table{table-layout:fixed;word-wrap:break-word; word-break:break-all;}
.innerbox table tr td{ width: auto !important;}
/*面包屑+菜单*/
.innermenu{height:30px;padding: 0px 5px; position: relative;}
.inerposition{ width: 80%; float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height: 30px !important; line-height: 30px !important; vertical-align: middle;color: #888;font-size: 13px;}
.inerposition a{font-size: 13px;color: #888; height: 30px !important; line-height: 30px !important;}
.navover{max-width:72px;display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0px; vertical-align: top; padding: 0px 1px;}
.innernav{ width: 30px; height: 30px; line-height: 30px; font-size:23px;float:right; text-align: right; }
.innavul{width: 100%; display:none; height: auto;background-color: rgba(255,255,255,0.96);position:absolute;top:30px; right: 0px;z-index: 999999;}
.innavul li{ width:100%; border-top: 1px solid #f1f1f1;}
.innavul li a{ width: 70%; float: left; padding:0px 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 32px; color: #666; font-size: 14px;}
.innavul li i{ width: 30px; height: 32px; line-height: 32px; float: right; text-align: center;}
.innavul li ul{ width:100%; display:none; height: auto;}
.innavul li ul li{ border: 0px; width: 30%; margin:0px 1.666% 5px 1.666%; text-align: center; float: left; border-bottom: 1px dashed #f1f1f1;}
.innavul li ul li a{ color: #777;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 13px;}
/*视频列表*/
.videolist{ padding: 0px 10px;}
.videolist li{ width: 100%; height: auto; margin-bottom: 12px;}

/*分页*/
.page{width: 100%; height: auto; text-align: center; padding:15px 0px 30px 0px;}
.page a{height: 35px;line-height: 35px; color: #FFF; border-radius:2px;padding:0px 15px; display: none;}
.current{display:none;}
.totalfont{ background: #FFA801; display: inline-block;height: 35px;line-height: 35px; padding: 0px 10px; color:#fff;border-radius:2px; margin: 0px 5px;}
.paprev{display:inline-block !important;}
.panext{display:inline-block !important;}

.wadettitle{ width: 100%;height:auto;line-height:30px; padding: 10px 0px; font-size: 16px; color: #333; text-align: center;}
.wdetbot{width: 100%; height: 30px; line-height: 30px; color: #888; font-size: 13px; padding-top: 10px;}
.wdetbot .date{ float: left;}
.wdetbot .date i{ height: 30px; line-height:26px; font-size: 16px; vertical-align:middle;}
.wdetbot .click{ float: right;}

.prevnext{width: 100%; height: 30px; line-height: 30px; color: #888; font-size: 13px; padding: 10px 0px 25px 0px;}
.prevnext a{ color: #666; font-size: 15px;}
.prevnext a:nth-child(1){ float: left;}
.prevnext a:nth-child(2){ float: right;}

.wapnone{ display:none;}
.wapblock {width: 100%!important;display:block;}