@charset "utf-8";

/*css reset*/
html { height: 100%;}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:16px/1.5 'Microsoft Yahei','Simsun'; position: relative; min-height: 100%; box-sizing: border-box; color:#000;background:#fff;-webkit-text-size-adjust: none; min-width:320px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
ul,ol{list-style:none}
a{text-decoration:none;color:#1a1a1a}
a:hover, a:active, a:focus{color:#1c5aa2;text-decoration: none;}
a:active{color:#aaa;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%; vertical-align:middle; outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
.clear {clear: both;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display: block;}

.img_auto{ display: block; max-width: 100%; margin: 0 auto;}
.img_box_auto {text-align: center; display: table-cell; vertical-align:middle;}
.img_box_auto img { max-height: 98%; max-width: 98%; }
.img_max { max-height: 100%; max-width: 100%; }
.readmore { text-align: center; padding: 30px 0;}
.readmore a { display: inline-block; font-size: 12px; padding: 5px 25px; border-radius: 50px;}
/*搜索框*/
.sbox { width:100%; height:50px; overflow:hidden; background:#666 url(../images/ssbg.gif) right no-repeat; background-size:auto 100%; display:none; }
.sbox input { width:70%; height:30px; overflow:hidden; background:#fff; float:left; border:none; margin-top:10px; color:#666; font-size: 12px; line-height:24px; text-indent:1em; margin-left:5%;}
.sbox input.sub { width:10%; height:30px; margin-left:0; overflow:hidden; background:#fff url(../images/ss.png) center no-repeat; background-size:auto 80%;}
.sbox span { width:15%; height:30px; display:block; float:left; margin:10px 0; cursor:pointer;} 

/*底部*/
.footer { position: absolute; height: 45px; width: 100%; background-image: url(../images/foot_nav.png); background-size: 100% auto; background-repeat: no-repeat; background-position: ccenter; left: 0; bottom: 0;}
.footer>a { display: block; float: left; font-size: 0.8rem; color: #fff; padding-left: 10%; line-height: 100%; width: 15%; top:0; height: 100%; float: left;}

/*主题颜色*/
.background_solo_color { background-color: #000 ; }
.text_solo_color { color: #ccc ;}
.border_solo_color { border-color: #ccc ;}
/*头部*/
.background_header_color { background-color: #000 ; }
.text_header_color { color: #ccc ;}
.border_header_color { border-color: #ccc ;}
/*导航*/
.background_nav_color { background-color: #000 ; }
.text_nav_color { color: #ccc ;}
.border_nav_color { border-color: #ccc ;}
/*尾部*/
.background_footer_color { background-color: #000 ; }
.text_footer_color { color: #ccc ;}
.border_footer_color { border-color: #ccc ;}

/*首页*/
.index .part1 { font-size: 14px; line-height: 30px; padding: 0 5%; }
.index .part1 img { height: 30px; }
.index .part2 .zone { width: 90%; margin: 0 auto; background: #fff; padding: 20px 0; }
.index .part2 .cell { width: 29.3%; margin: 2%; float: left; padding: 2px; box-sizing: border-box; border-radius: 100%; position: relative; overflow: hidden;}
.index .part2 .cell img { width: 100%; border-radius: 100%; }
.index .part2 .cell p { position: absolute; width: 100%; font-size: 0.8rem; text-align: center; bottom: 1rem; left: 0; font-family: "微软雅黑";}

#owl-index{
	width: 100%;
	position:relative;
	overflow: hidden;
	margin-top: -1px;
}
#owl-index .item{
	position: relative;
}
#owl-index .item p{
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 1.4rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: -1em;
	z-index: 1;
}
#owl-index .item p em{
	display: block;
	text-transform: uppercase;
	font-style: normal;
	font-size: 12px;
	color: rgba(255,255,255,0.6);
	font-family: tahoma;
}
#owl-index .item p { font-family:"Microsoft YaHei",微软雅黑;}
#owl-index .item p em { font-family:Arial, Helvetica, sans-serif;} 


/*企业荣誉*/
.about_honor{
	width: 100%;
	overflow: hidden;
}
.about_honor ul{
	padding: 3% 0;
	border-bottom: 1px #dddddd solid;
}
.about_honor ul li{
	padding: 0 5% 0 25%;
	font-size: 0.8rem;
	position: relative;
	color: #595757;
}
.about_honor ul li span{
	display: block;
	position: absolute;
	left: 5%;
	top: 0;
	height: 80;
	float: left;
	padding-right: 10px;	
}
.about_honor ul li.info{
	padding: 10%;
	display: none;
}
.about_honor ul li.info img {
	display: block; max-width: 100%; margin: 0 auto;
}

/*发展历程*/
.about2 { background:url(../images/about2.png) no-repeat bottom; background-size:100%;}
.history_info{
	width: 60%;
	float: right;
	padding-top:30px;
	overflow: hidden;
	overflow-y: auto;
}
.history_info .txt{
	padding: 5%;
	padding-left: 0;
}
.history_info p{
	font-size: 1.1rem;
	margin-bottom: 1em;
	line-height: 1.7em;
	color:#737373;
}
.history_info p img{
	max-width: 100%;
}
.history_info p b{
	font-size: 1.3rem;
}
.history_menu{
	width: 40%;
	float: left;
	overflow: hidden;
	overflow-y: auto;
}
.history_menu ul{
	width: 40%;
	border-right: 1px #797979 solid;
}
.history_menu ul li{
	height: 5rem;
	position: relative;
}
.history_menu ul li .menu0{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 1rem;
	line-height: 3rem;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
}
.history_menu ul li .menu1 {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    top: 0;
    margin-left: -9px;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #000;
    text-align: left;
    background-size: 10px 10px;
}



/*产品*/
.cp { text-align:center; padding:30px 0; min-height: 450px;}
.cp .list_box { position: relative; width: 90%; margin: 0 auto;}
.cp .list_box ul { background: #fff; position: absolute; left: 0; top:40px; width: 100%;}
.cp .list_box>p { box-sizing: border-box; font-size:14px; line-height:40px; color:#727171; width:100%; margin:0 auto; position:relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  padding:0 90px 0 10px; background-color:#fff;}
.cp .list_box>p { border-width: 1px; border-style: solid; border-radius:5px;}
.cp .list_box>p span {box-sizing: border-box;  float: right; background-image: url(../images/m2.png); background-repeat: no-repeat; background-position: right; padding-right: 10px; background-size: 20px auto; display: block; width: 90px; text-align: center; font-size: 14px; line-height: 40px;}
.cp .list_box ul li { position: relative;}
.cp .list_box ul li .sec { display: none; background: #eaeaea; border-top:1px solid #ccc; padding-bottom: 30px;}
.cp .list_box ul li .sec a { margin:0 20px; padding: 10px 0; border-bottom: 1px solid #ccc; display: block; text-align: left; font-size: 14px;}
.cp .list_box ul li span { position: absolute;top:0; right: 0; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center;}

.cp p .left { width:20px; position:absolute; top:10px; left:10px;}
.cp p .right {  position:absolute; height:40px; right:0px;}
.cp ul { width:90%; margin:0 auto; border-width: 1px; border-style: solid;  border-bottom:none; border-radius:5px 5px 0 0; display:none;}
.cp ul li { border-bottom-style: solid; border-bottom-width: 1px; padding:0 40px;}
.cp ul li p { overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:14px; line-height:40px; color:#3e3e3e;}
.cp>img { display:block; width:90%; margin:10px auto;}

/*荣誉*/
.about_honor ul { background:#fff;}

/*产品详情*/
.cp_detail { padding:0 5%;padding-bottom:3rem;}
#owl-cp { margin:5px 0 20px;}
#owl-cp .item { background-color:#fff; border:1px solid #e8e8e8; margin:0 3%; width:27%;}
#owl-cp .item.active { border:1px solid #000;}
.cp_detail>h2 { font-size:28px; font-family:arial, Times, serif; padding:2rem 0 1rem;}
.cp_detail>h2 span { font-size:38px;}

/*关于*/
.title_h3 { font-size: 18px; font-weight: bold; text-align: center;}
.title_h4 { font-size: 12px; color: #666; margin-bottom: 0px; text-align: center;}
.sf_about { width: 90%; margin: 0 auto; padding-top: 24px; padding-bottom: 20px; background:#fff;}
.sf_about .p_zone {line-height: 24px; margin: 0 auto;  padding-top: 15px; color: #727171; font-size: 12px;}
.sf_about>img { margin: 10px auto; display: block; max-width: 100%;}
.about_honor { padding-top: 20px;}
.about_honor .title_h4 { margin-bottom: 20px;}

/*厂区环境和终端形象*/
.image { padding-top: 20px; width: 90%; margin: 0 auto;}
.image .title_h4 { margin-bottom: 20px;}
.image .banner4 { margin-bottom: 20px;}
.image .banner4 p { padding: 3px 0; text-align: center; line-height: 24px; font-size: 12px; }

/*新闻*/
.news_list { height: 34px; width: 90%; margin: 0 auto; margin-top: 26px;border-radius: 5px;}
.news_list a { width: 50%;  border: 1px solid #d43d39;  text-align: center; color: #d43d39; display: inline-block; font-size: 14px; line-height: 32px; height: 32px; float: left;}
.news_list a.active { color: #fff; background: #d43d39;}
.news_list a.left { border-radius: 5px 0 0 5px;}
.news_list a.right { border-radius: 0 5px 5px 0;}
.sf_news .part { border-bottom: 1px solid #ccc; padding: 20px 0;}
.sf_news .part img { display: block; max-width: 100%; margin: 0 auto;}
.sf_news .part .main { width: 90%; margin: 0 auto; }
.sf_news .part .main h3 { font-size: 20px; color: #676161; color: #adadad;}
.sf_news .part .main h4 { font-size: 14px; color: #676161; color: #adadad; padding-left: 20px;}
.sf_news .part .main h5 { font-size: 16px; margin: 12px 0 8px; color: #464646;}
.sf_news .part .main p { font-size: 14px; color: #676161; line-height: 24px; margin-top: 5px;}
.sf_news_detail { width: 90%; margin: 0 auto; padding-top: 32px; padding-bottom: 30px;}
.sf_news_detail h5 { font-size: 12px;color: #999; margin-bottom: 20px;}
.sf_news_detail h5 span { color: #000;}
.sf_news_detail h5 a { color: #999;}
.sf_news_detail h3 { text-align: center; font-size: 18px; margin-bottom: 10px;}
.sf_news_detail h4 { text-align: center; background: #f1f1f1; line-height: 24px; margin-bottom: 10px; font-size: 12px; font-family: 宋体; color: #999999;}
.sf_news_detail .content { color: #696969; font-family: 宋体; font-size: 14px; line-height: 24px;}
.sf_news_detail .content img { max-width: 100%; display: block; margin: 20px auto;}
.sf_news_detail a.back { display:block; margin: 0 auto; width: 80px; margin-top: 20px;}
.sf_news_detail a.back img { width: 80px;}

/*产品*/
.products_zone { width: 94%; margin: 0 auto; margin-top: 8px;}
.products_zone .part {box-sizing: border-box; display: inline-block; float: left; width: 46%; margin: 0 2%;  margin-top: 16px;border: 1px solid #c9caca;}
.products_zone .img_box { width:100%; text-align: center; vertical-align:middle;}
.products_zone .img_box img { max-width: 98%; }
.products_zone .part p { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 80%; color: #221815; font-family: arial; font-size:14px; margin: 0 auto; padding: 6px 0; text-align: center; border-top: 1px solid #c9caca; margin-top: 5px;}
.cp_detail .img_big {border: 1px solid #e8e8e8; text-align:center;}
.sf_cp_detail_main {  border-top-width: 4px; border-top-style: solid;}
.sf_cp_detail_main img { display: block; max-width: 100%; margin: 10px auto;}

.sf_cp_detail_main h3 { font-size: 16px; margin: 10px 0;}
.sf_cp_detail_main p { font-size: 14px; color: #848484; line-height: 24px;}
.sf_cp_detail_main a.back { display:block; margin: 0 auto; width: 80px; margin-top: 20px;}
.sf_cp_detail_main a.back img { width: 80px;}

/*岗位招聘*/
.rlzy { width: 90%; margin:0 auto; padding-top:20px; padding-bottom:40px;} 
.rlzy ul { border-top:1px solid #d3d3d4;}
.rlzy ul li { font-size:16px; color:#221815; line-height:32px; background:url(../images/bg10.jpg) no-repeat right;border-bottom:1px solid #d3d3d4; padding-left:10px; cursor:pointer;}
.rlzy ul li.active { background-image:url(../images/bg11.png); background-color: #ccc; background-repeat: no-repeat; background-position: right;}
.rlzy ul .part { background-color:#f7f8f8; padding:0 10px; padding-bottom:16px; display:none; border-bottom:1px solid #d3d3d4;}
.rlzy ul p { font-size:14px; line-height:24px; padding:4px 0; color: #000;}
.rlzy ul p.main { border-top:1px dashed #c7c7c7;}
.rlzy ul p span { display:inline-block; width:300px;}
.rlzy ul .part .btn { display:inherit; width:80px; height:28px; font-size:14px; line-height:28px; text-align:center; border-radius:6px; float:right;}
.mar20 { margin-top: 20px;}
.sf_contact .part1 { width: 90%; margin: 0 auto 30px;}
.sf_contact .part1 h3 { font-size: 20px; font-weight: bold; margin: 20px 0 10px;}
.sf_contact .part1 .p_zone { font-size: 12px; line-height: 18px; color: #47464b; margin-bottom: 10px;}

/*返回按钮*/
h5.btn_back { text-align: center; margin-top: 30px;}
h5.btn_back a { display: inline-block; font-size: 14px; padding: 6px 20px;}
.fr { float: right;}

/* 合作伙伴 */
.ppjm5 { width: 90%; margin: 10% auto 0; padding-bottom: 10%;} 
.ppjm5 ul li { float: left; width: 29.3%; margin: 2%;}
.ppjm5 ul li a { display: block; border-width: 1px; border-style: solid;}
.ppjm5 ul li p { width: 100%; font-size: 0.8rem; line-height: 1.2rem; text-align: center;}


/*在线留言*/
.message{
	padding: 0 8%;
	padding-bottom: 10%;
	padding-top: 20px;
	background-color:#f1f1f1;
}
.message h4 { font-size: 12px; text-align: center; margin-bottom: 10px; color: #444444;}
.message h3 {font-size:18px; line-height:24px; font-weight: bold; color:#000; text-align:center;}

.message ul li{
	margin-bottom: 5%;
}
.message form { width: 100%;}
.form-control{
	display: block;
	width: 100%;
	padding: 0.8rem;
	font-size: 1rem;
	border: none;
	border-left-width: 5px;
	border-left-style: solid;
	box-sizing: border-box;
}
.yzm .form-control{ width:60%;	
}
.yzm img{ width:35%; max-height:3.2rem; float:right;	
}
.form-txt{
	height: 10rem;
}
.form-bt{
	margin-left:35%;
	margin-top: 20px;
	width: 30%; padding:5px;
	font-size:1.2rem;
	border: none;
	}
	
.owl-carousel .item img { display: block; max-width: 100%; margin: 0 auto;}
.banner4 .item img { display: block; max-width: 100%; margin: 0 auto;}
.ppjm5 img { display: block; max-width: 100%; margin: 0 auto;}
#page-nav { text-align: center;}



.page_box{ width:100%; text-align:center; margin:10px 0px;}
.page_box a{ width:5rem; border:solid 1px #000; margin:0 10px; padding:0.1rem 0.5rem; }



.floor_top.lan {
    display: block;
	
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 10002;
    background: rgba(0,0,0,0.1);
    bottom: 114px;
    line-height: 50px;
	right: 0;
    color: #676161;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.imgAuto{ margin:0 auto; max-width:100%;}