html{color:#444;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}li{list-style: none;}i{font-style: normal;}div{display: block;}.clear_left{clear: left;}.right{float: right;}.clear{clear: both;}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body{font-size: 12px;font-family: "microsoft yahei","Arial","Verdana";margin:0 auto;min-width:320px;max-width: 640px;}
.header{min-width: 320px;max-width:640px;margin: 0 auto;display: flex;align-items:center;padding: 10px 0;}
.logo{flex:1;margin-right: 20px;
img{width: 100%;}
}
.top_nav{text-align: right;margin-right: 20px;
img{width: 80%;}
}
.top_nav{float: right;}
.tel{height: 45px;background: #dedede;color: #0067ac;line-height: 45px;
img{float: left;margin:9px 10px 0 5%;}
span{font-size: 18px;}
i{font-family: "active";font-weight: 700;font-size: 24px;}
}
.newsList { width:100%; margin:0 auto; padding:10px 0 20px 0;}
.newsList_li { border-bottom: 1px dashed #000000;background: url(../images/n.jpg) no-repeat 5px 50%; line-height:30px; height: 30px; padding-left: 19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
a{color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
.news_time{float: right;}
/* 底部 */
.footer{padding-bottom:60px;}
.banquan{min-width: 320px;max-width:640px;margin: 0 auto;text-align: center;line-height: 23px;background: #101010;padding-top: 10px;
span{color: #f00;font-weight: 700;}
}
.footer_box{position: fixed;left: 0;bottom: 0;height: 65px;background: #101010;width: 100%;transition:all 0.5s ease 0s;font-size: 14px;z-index: 9999;}
.footer li{width: 25%;height: 65px; float: left;}
.footer li a{display: block;text-align: center;height: 65px;color: #fff;}
.f1 img{width: 25px;margin-top: 13px;}
.f2 img{width: 19px;margin-top: 11px;}
.f3 img{width: 25px;margin-top: 13px;}
.f4 img{width: 16px;margin-top: 13px;}
/* 导航 */
.index_nav{width: 100%;margin-top: 15px;
li{width: 25%;float: left;margin-bottom: 5px;
a{display: block;text-align: center;color: #666;font-size: 14px;
img{width: 50%;}
}
}
}
.products_type{margin-top: 10px;
ul{
li{width: 48%;float: left;margin-bottom: 10px;background: #276fbc;margin-right: 2%;
a{color: #fff;display: block;padding: 5px 10px;}
}
}
}
/* 滑动导航js */
/*.index_nav{background: #106697;height: 35px;line-height: 35px;position: relative;overflow: hidden;left: 0;top: 0;}
.index_nav ul{position: absolute;}
.index_nav ul li{width:80px;float: left;
a{display: block;text-align: center;color: #fff;font-size: 14px;padding: 0 10px;float: left;}
}*/
/* 滑动导航css */
/*.index_nav{overflow: hidden;overflow-x: scroll;background: #040404;transition:all 0.5s ease 0s;height: 35px;
.index_menu{white-space: nowrap;position: relative;
ul{
li{float: left;
a{float: left;height: 35px;line-height: 35px;display: block;text-align: center;color: #fff;font-size: 14px;white-space: nowrap;padding: 0 10px;}
ul{position: absolute;left: 0;top: 35px;
li{float: left;
a{}
}
}
}
}
}
}*/
.nav_hide{display: none;width: 100%;height: 100%;position: fixed;z-index: 9998;left: 0;top: 0;}
.nav{position: fixed;right: -200px;top: 0;background: #de523c;z-index: 9999;height: 100%;width: 200px;transition:all 0.5s ease 0s;
.nav_box{
ul{
li{width: 80%;margin: 0 auto; text-align: center;font-size: 16px;color: #fff;background: url(../images/nav_ico.png) no-repeat 22px 50%;height: 50px;line-height: 50px;
a{display: block;color: #fff;background: url(../images/nav_li_bg.png) no-repeat bottom;width: 100%;height: 50px;}
}
}
}
}
/* 首页 */
.mainBody{margin:0 auto;min-width:320px;max-width: 640px;}
.title{height: 37px;line-height: 37px;color: #333;border-bottom: 1px solid #e5e5e5;width: 100%;
span{float: left;font-size: 16px;text-align: center;background: #fff;padding: 0 5px;height: 39px;border-bottom: 3px solid #005ec5;}
a{float: right;font-size: 12px;font-family: "宋体";color: #333333;margin-right: 10px;font-weight: 700;}
}
.index_title{height: 37px;
span{float: left;font-size: 16px;line-height: 37px;margin-left: 5px;}
a{float: right;margin-right: 15px;margin-top: 7px;}
}
.c1{margin-top: 20px;
.c1_title{text-align: center;
img{width: 80%;margin: 0 auto;}
}
.c1_text{}
}
.c1_more{width: 115px;height: 33px;line-height: 33px; margin: 0 auto;margin-top: 10px;background: #ea0b04;border-radius: 15px;display: block;color: #fff;text-align: center;}
.anli{background: url(../images/anli.jpg) no-repeat top center;background-size: 100% 100%; height: 400px;margin-top: 20px;}
.anli_text{position: relative;}
.about{margin-top: 20px;
.about_title{text-align: center;
img{width: 80%;margin: 0 auto;}
}
.about_text{padding: 20px;line-height: 1.5;}
}
.news{margin-top: 20px;
.news_title{text-align: center;
img{width: 80%;margin: 0 auto;}
}
.news_text{padding: 20px;padding-bottom: 0; line-height: 1.5;}
}
.pic{width: 46%;float: left;text-align: center;border:1px solid #e5e5e5;margin: 2%;
.pic_img{float: left;width: 100%;height: 100%;margin-right: 25px;
img{width: 130px;height: 130px;}
}
.pic_text{float: left;text-align: center;width: 100%;margin-top: 2px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
.hb_img{position: absolute;left: 0;top:50%;margin-top:130px;width: 100%;z-index: 99;}
.imgbox{height:163px;overflow:hidden;margin:0 auto;width: 320px;}
.imgbox ul li{float:left;width:166px;height:166px;overflow:hidden;padding: 0 5px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.imgbox img{
vertical-align:middle;width: 100%;height: 100%; margin-top: 27px;
}
/* 内页样式 */
.wrap{min-width: 320px;max-width:640px;margin: 0 auto;padding: 0 10px;}
.content{width: 100%;margin: 15px auto;font-size: 12px;line-height: 28px;
span{font-size: 12px!important;}
img{}
.click{text-align: center;margin-bottom: 15px;}
.content_title{text-align: center;font-size: 16px;}
}
.content_news{
img{max-width:100%;}
}
.type{display: none;}
#loadmore{position: fixed;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;display: none;
img{width: 25px;height: 25px;}
}
.loadsize{font-size: 14px;text-align: center;line-height: 25px;padding-bottom: 30px;display: none;clear: both;}
/* 关于我们 */
/* 新闻页面 */
.news_content{width: 100%;margin: 15px auto;font-size: 12px;line-height: 28px;}
/* 在线留言 */
#form1{padding-left: 10%;
input{border:1px solid #e8e8e8;}
textarea{border:1px solid #e8e8e8;}
p{margin-bottom: 8px;}
.tijiao{background: #0a7eb1;padding: 5px 10px;border:0;margin-left: 40px;color: #fff;}
}
/* 产品页面 */
.products_text{margin-top: 10px;}
/* 产品详情 */
/* 人才招聘 */
.neiye_zp_box{border-bottom: 1px dashed #ccc;}
.neiye_zp_title{text-align: center;font-size: 14px;}
.neiye_zp_text{margin: 15px;line-height: 23px;}
/*大图设置*/
.slideBox{ position:relative; overflow:hidden; margin:0 auto; max-width:640px;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; left:45%; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; }
.slideBox .hd li.on{ background:#fff; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; }
.slideBox .bd li img{ /*background:url(images/loading.gif) center center no-repeat;*/ vertical-align:top; width:100%;/* 图片宽度100%,达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff; text-align:left; }