html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
ul, ol { list-style: none;}
i, em { font-style: normal;}
.f_l { float: left;}
.f_r { float: right;}
.t_c { text-align: center;}
html, body { height: 100%;}
body { font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif; font-size: 14px; color: #333333; max-width: 800px; margin: 0 auto;}
.f1{width:100%;height:1px;line-height:0;overflow:hidden;}
.container2 { min-height: 100%; overflow: hidden; margin-bottom: -60px;}
.index section {padding: 0 12px; overflow: hidden;}
.logo { width: 50%; max-width: 360px; margin: 0 auto; padding: 0;}
.logo img { width: 100%; height: auto;}

.nav_ul { overflow: hidden; border-radius: 7px; margin-top: 5px;}
.nav_ul li { width: 25%; float: left; text-align: center; overflow: hidden; background-color: #004EA2;}
.nav_ul li div { width: 99%; padding: 40px 0; overflow: hidden;}
.nav_ul li p { font-size: 16px; line-height: 22px; max-height: 44px; color: #FFFFFF;}
.nav_ul li .line_bottom { border-bottom: 2px solid #145CA9;}
.nav_ul li .line_right { border-right: 2px solid #145CA9;}
.nav_ul li i { display: block; height: 48px; overflow: hidden; margin: 0 auto;}
.nav_ul li i img { width: 40px; height: 40px;}
.nav_top { height: 25px; position: absolute; left: 50%; margin-left: -42px;}
.nav_top img { width: 84px;}
.nav_bottom { height: 60px; position: absolute; left: 50%; margin: -30px; margin-top: -30px;}
.nav_bottom img { width: 60px;}

.company_info { margin: 40px 0 10px;}
.company_info h2 { text-align: center;}
.company_info h2 img { max-width: 40%;}
.company_info p { line-height: 22px; padding: 0 10%; font-size: 16px;}

.company_ad img { width: 100%;}

.company_tel { background-color: #EA7B1F; padding: 0 10px; overflow: hidden;  padding: 5px 10px;}
.company_tel img { height: 40px;}
.company_tel .share { line-height: 40px; height: 40px; font-size: 28px; color: #FFFFFF; display: block; margin-left: 8px;}

section.login { margin-bottom: 0 !important;}
.login { margin: 40px 0 10px;}
.box_title { overflow: hidden; position: relative;}
.box_title h3 { text-align: center; background: url(../images/bg_title.png) repeat-x 0; font-size: 24px; line-height: 36px; font-weight: normal; background-color: #FFFFFF;}
.box_title h3 i { display: inline-block; width: 16px; height: 16px; border-radius: 8px; background-color: #0C519C;}
.box_title h3 em { display: inline-block; background-color: #FFFFFF; padding: 0 12px;}

.normal_input { text-align: center; overflow: hidden; padding-left: 15%; margin: 8px 0;}
.normal_input label { display: inline-block; float: left; position: relative; width: 45px; height: 38px; margin-top: 1px; background-color: #F0F2F5; margin-right: -45px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: 1px solid #B7BABF;}
.normal_input label img { height: 28px; margin-top: 5px;}
.normal_input input { float: left; width: 80%; height: 40px; line-height: 40px; border: 1px solid #B7BABF; border-radius: 5px; padding-left: 50px; font-size: 16px;}
.long_input { text-align: center; margin: 8px 0;}
.long_input input, .long_input a.logout { display: block; width: 100%; height: 42px; line-height: 42px; font-size: 24px; font-family: '微软雅黑'; color: #FFFFFF; background-color: #0C519C; border: none; border-radius: 7px; text-decoration: none;}
.long_input input { width: 80%; float: left;}
.weixin_login { width: 20%; float: left; text-align: center;}
.weixin_login img { height: 42px;}
.login_info p { text-align: center; line-height: 32px;}

.top_img img { border-top: 2px solid #EB832C; border-bottom: 2px solid #EB832C;}

.work_friend { margin: 20px 0; overflow: hidden;}
.work_info { display: block; overflow: hidden; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #EEEEEE;}
.work_info div, .news_ul div { float: left;}
.work_img { width: 23%; text-align: center; margin-top: 16px;}
.work_img img { max-width: 90%;}
.work_content { width: 65%;}
.work_content h4 { font-size: 16px; line-height: 32px; color: #444444;}
.work_content p { color: #6d6d6d;}
.work_link { width: 12%; text-align: center; margin-top: 32px;}
.work_info2 { padding: 0 15px;}
.work_content2 { width: 88%;}
.work_link2 { margin-top: 6px;}

.news_list, .news_content { overflow: hidden; padding-bottom: 25px;}
.news_ul .work_content { width: 77%;}
.news_ul .work_content h4 { line-height: 20px; height: 40px; overflow: hidden;}
.news_ul .work_content em { line-height: 28px;}
.news_ul .work_img { margin-top: 3px;}
.news_ul a { display: block; overflow: hidden; padding: 6px 0; border-bottom: 1px solid #EEEEEE;}
.news_page { text-align: center; padding: 8px 0; overflow: hidden;}
.news_page a { display: inline-block; border: 1px solid #EEEEEE; color: #444444; padding: 5px 12px; margin: 5px 0;}

.news_content h1 { font-size: 18px; line-height: 36px;}
.news_content .news_assist { display: block; font-size: 12px; line-height: 22px; margin-bottom: 8px; border-bottom: 1px solid #EEEEEE;}
.news_content p { line-height: 22px; margin: 4px 0;}
.news_content img { max-width: 100%; height: auto; margin: 0 auto;}

.icon { overflow: hidden; text-align: right; margin: 10px;}
.icon a { color: #333333;}
.icon .back { display: block; float: right; line-height: 36px;}
.jf_img { max-width: 100%; height: auto; margin-top: 15px;}
.scroll_img { overflow: scroll; max-width: 800px; margin-bottom: 20px;}
.job_content { margin: 10px;}
.softtext { width: 100%; overflow: scroll;}
.softtext table td { border: 1px solid #333333 !important;}

a.product_item { display: block; color: #333333;text-align:center;height:236px;position:relative;}

a.product_item  img{ width:100%;height:auto;}

.ppbox{width: 31%; margin: 0 1% 15px; float: left;height:276px;}
.imgbox2{width:100%; border-bottom:1px solid #fff;text-align: center;position: relative;display: table-cell;vertical-align: middle;height:236px;}
.imgbox2 img{width:100%; height:auto;}
.xxa{top: 50%;left: 50%;}
.productimg{top: -50%;left: -50%;}
.textbox2{text-align:center;width:100%;height:40px;overflow:hidden;}


.product_item p { width:100%; text-align: center;position:absolute;bottom:0;}
.product_text p table { max-width: 100%;}
.product_text h4 { font-size: 16px; line-height: 32px; color: #004EA2; border-bottom: 2px solid #004EA2;}
	
footer { background-color: #5B5B5B; color: #BBBBBB; text-align: center; padding: 10px 0; width: 100%; overflow: hidden;}
footer a { color: #BBBBBB; text-decoration: none;}
footer a:visited { color: #BBBBBB;}

/* Swipe 2 required styles */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  padding-top: 3px;
  background-color: #EB832C;
}
.swipe2 { background-color: #FFFFFF; padding: 0; width: 96%; margin: 10px auto;}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
.swipe img { width: 100%;}
.swipe-point { margin: -22px 6px 0 0; float: right;}
.swipe-point li { float: left; position: relative; margin: 0 3px; width: 10px; height: 10px; border-radius: 5px; background-color: #FFFFFF; z-index: 999;}
.swipe-point li.active { background-color: #0C519C;}
/* END required styles */