@charset "utf-8";
/* CSS Document 
Use for:	三木集团
Version:	1.01
Date:		2016/12/13
Author:		Nikon
Update:		
*/

/* CSS Reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,optgroup,p,blockquote,figure,hr,menu,dir,thead,tbody,tfoot,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{-ms-interpolation-mode:bicubic;}
input,select,textarea{font-family:Arial,Helvetica,sans-serif;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

/* bass css */
body{font:12px/1.5 'helvetica neue',arial,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif; }
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.wrapper{ min-height: 100%;}
.container{ padding-bottom:88px;}
.wrap{ width:1002px; margin:0 auto;}
.pr{ position:relative;}
.fl{ float:left;}
.fr{ float:right;}
.t-center{ text-align:center;}
.mt-1{ margin-top:20px;}

/* link css */
a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* icon css */
.icon{ display:block; vertical-align:middle;_zoom:1;*zoom:1;_dispplay:block;*display:block;}
.icon1{ width:38px; height:38px; background:url(../images/icon1.png) no-repeat 0 0;}
.icon2{ width:38px; height:38px; background:url(../images/icon2.png) no-repeat 0 0;}
.icon3{ width:38px; height:38px; background:url(../images/icon3.png) no-repeat 0 0;}
.icon4{ width:38px; height:38px; background:url(../images/icon4.png) no-repeat 0 0;}
.icon6{ width:22px; height:22px; background:url(../images/icon6.png) no-repeat 0 0;}
.icon7{ width:38px; height:38px; background:url(../images/icon7.png) no-repeat 0 0;}

/* btn css */
.u-btn{ display:inline-block; vertical-align:middle;}
.u-btn:hover{ text-decoration:none; opacity:.9;}
.u-btn1{ height:25px; line-height:25px; min-width:60px; padding:0 5px; text-align:center; background:#fc4646; color:#fff !important; border-radius:3px;}
.u-btn2,.u-btn3{ height:46px; line-height:46px; min-width:130px; padding:0 5px; text-align:center; background:#fc4646; color:#fff !important; font-size:14px !important;}
.u-btn3{ background:#464646;}

/* form css */
.u-ipt1{ display:inline-block; width:100px; padding:0 10px; height:38px; line-height:38px; border:1px solid #c6c6c5; font-size:12px; color:#808080;}
.u-select1{ width:60px; height:40px; line-height:40px; padding-right:43px; padding-left:5px; color:#808080; border:1px solid #c6c6c5; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; background:url(../images/u-select1bg.png) no-repeat right 0; font-size:12px;}


/**************************
  		首页
 **************************/
 
/********header********/
.header{ position:relative; height:70px;}
.logo{ display:inline-block; padding-top:12px;}
.nav{ position:absolute; left:246px; top:0; font-size:14px;}
.nav li{ float:left; position:relative;}
.nav li a{ position:relative; display:block; padding:28px 15px 22px; height:14px; line-height:1; border-bottom:4px solid #fff; color:#4c4c4c; font-weight:bold;}
.nav li a:hover{ text-decoration:none; color:#fc4646;}
.nav li.cur a{ border-color:#fc4646;}
.nav li a:after{ content: ''; position:absolute; right: 0; top:50%; width:2px; height:6px; background:#cac8c9;}
.nav li:last-child a:after{ display:none;}
.sub-menu{ display:none; position:absolute; left: 0; top:66px; padding-top:4px; z-index:9; white-space:nowrap;}
.sub-menu2{ left: auto; right:0;}
.nav .sub-menu a{ display:inline; padding:0 15px 0 0; line-height:40px; border:none; color:#fff;}
.nav .sub-menu a:after{ display:none;}
.nav-bg{ position:absolute; left: 0; top: 70px; width:100%; height:40px; z-index:8; background:#000; opacity:.8; filter:alpha(opacity=50);}
.btn-search{ position:absolute; right:0; top:50%; margin-top:-13px; width:26px; height:26px; text-indent:-999em; overflow:hidden; background:url(../images/btn-search.png) no-repeat 0 0;}
.btn-search:hover{ background:url(../images/btn-search-hover.png) no-repeat 0 0;}
.search-box{ display:none; position:absolute; right:0; top: 70px; z-index:99; border:4px solid #0e0f10;}
.search-box input{ width:206px; height:20px; padding:8px 5px; border:none;}

/********swipe********/
.swipe-box{ position:relative; max-width:100%; margin:0 auto; overflow:hidden;}
.swipe { overflow: hidden; visibility: hidden; position: relative;}
.swipe-wrap { overflow: hidden; position: relative; z-index:2;}
.swipe-wrap div { float:left; width:100%; position: relative;}
.swipe-wrap div a{ display:block;}
.swipe-wrap div a img{ display:block; width: 100%;}
.swipe-box .wrap{ position:absolute; left:50%; top:0; height:100%; margin-left:-501px;}
.btn-prev,.btn-next{ position:absolute; top:50%; z-index:9; width:50px; height:50px; margin-top:-25px; cursor:pointer; text-indent:-999em; overflow:hidden;}
.btn-prev{ left:0; background:url(../images/btn-prev.png) no-repeat 0 0;}
.btn-prev:hover{ background:url(../images/btn-prev-hover.png) no-repeat 0 0;}
.btn-next{ right:0; background:url(../images/btn-next.png) no-repeat 0 0;}
.btn-next:hover{ background:url(../images/btn-next-hover.png) no-repeat 0 0;}
.swipe-nav{ position:absolute; left:0; bottom: 20px; width: 100%; text-align:center;}
.swipe-nav span{ display:inline-block; vertical-align:middle; width:14px; height:14px; margin:0 1px; border:2px solid transparent; cursor:pointer; *zoom:1;}
.swipe-nav span:hover,.swipe-nav span.cur{ border:2px solid #fff;}
.swipe-nav span:before{ content: ''; display:block; width: 8px; height:8px; margin:3px auto 0; background:#fff;}

/********index-main********/
.index-main{ padding:46px 0; font-size:14px; color:#808080;}
.index-main a:hover{ color:#fc4646;}
.main-col1{ float:left; width:380px; padding-right:50px; line-height:1.8;}
.main-col1-hd a{ display:block; padding-bottom:25px; font-size:18px; color:#4c4c4c;}
.main-col2{ float:left; width:370px;}
.index-news-tab{ margin-bottom:15px; border-bottom:2px solid #d8d8d8;}
.index-news-tab li{ position:relative; bottom:-2px; float:left; line-height:36px; margin-right:40px; border-bottom:2px solid #d8d8d8; cursor:pointer; font-weight:bold; color:#4c4c4c;}
.index-news-tab li.cur{ border-color:#fc4646;}
.index-news-item{ display:none;}
.index-news-item li{ height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-news-item li a{ color:#808080;}
.main-col3{ float:right;}
.main-col3-hd{ color:#4c4c4c;}
.status-rise .txt,.status-down .txt{ display:inline-block; vertical-align:middle; margin-right:10px; font-size:54px; color:#f02323; *zoom:1;}
.status-down .txt{ color:#00d200;}
.status-rise .status,.status-down .status{ display:inline-block; width:38px; height:41px; vertical-align:middle; background:url(../images/icon-rise.png) no-repeat 0 0; *zoom:1;}
.status-down .status{ background-image:url(../images/icon-down.png);}

/********footer********/
.footer{ margin-top:-88px; padding:25px 0; background:#f5f6f7; color:#4c4c4c;}
.footer a{ color:#4c4c4c; text-decoration: none; width:100px;height:100px;}
.footer a:hover{ color:#fc4646;}
.footer .icon{ margin-right:3px;}
.footer-col1{ float:left; margin-right:36px; font-size:14px; font-weight:bold;}
.footer-col2{ float:left; font-size:14px; font-weight:bold;}
.btn-weixin{ position:relative;}
.btn-weixin img{ position:absolute; left:-78px; bottom:30px; border:1px solid #ccc; visibility:hidden; box-shadow:0 1px 6px rgba(0,0,0,.5);}
.btn-weixin:hover img{ visibility:visible;}
.footer-col3{ float:right; text-align:right; color:#808080;}

/**************************
  		子页
 **************************/
.banner{ height:90px; background:#1a417b url(../images/banner.jpg) no-repeat 50% 0;}
.sub-main{ position:relative;}
.sub-wrap{ width:700px; overflow:hidden;}
.pos{ padding:20px 0; border-bottom: 1px solid #d8d8d8; color:#4c4c4c; font-weight:bold;}
.pos:before{ content: ''; display:inline-block; width:11px; height:11px; margin-right:5px; margin-top:-2px; vertical-align:middle; background:url(../images/icon5.png) no-repeat 0 0;}
.pos a{ color:#4c4c4c;}
.pos a:hover{ color:#fc4646;}
.pos-item{ margin-left: 5px;}
.pos-item:before{ content: ''; display:inline-block; vertical-align:middle; width:0; height:0; overflow:hidden; margin-right:5px; margin-top:-2px; border-style:solid; border-width:4px; border-color: transparent transparent transparent #88848b;}
.sub-content{ min-height:270px; padding: 30px 0; font-size:14px; color:#808080;}
.sub-content a{ color:#808080;}
.sub-content img{ max-width: 100%;}
.sub-nav{ position:absolute; right: 0; top:-40px; width:260px;}
.sub-nav dt{ position:relative; height:115px; background:#fc4646; color:#fff;}
.sub-nav dt .title{ position:absolute; left:15px; bottom:15px; line-height:1; font-size:34px; text-transform:uppercase;}
.sub-nav dd{ background:#fff; text-align:center; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.sub-nav dd a{ display:block; height:60px; line-height:60px; border-bottom:1px solid #e6e6e6; font-weight:bold; color:#808080; font-size:14px;}
.sub-nav dd a:hover,.sub-nav dd a.cur{ background:#f0f0f0; text-decoration:none;}
.btn-more{ display:block; height:45px; line-height:45px; margin-top:20px; text-align:center; background:#e6e6e6; color:#808080;}
.btn-more:hover{ background:#f0f0f0; text-decoration:none;}

/********集团介绍********/
.intro-box{ position:relative; color:#808080;}
.intro-tt{ margin-bottom:15px; padding-top:15px; font-size:22px; font-weight:normal; color:#4c4c4c;}
.intro-subtt{ margin-bottom:15px; font-size:16px; font-weight:bold; color:#fc4646;}
.intro-img1{ display:block; margin:10px auto;}
.intro-img2{ position:absolute; right:0; top:0;}

/********高层致辞********/
.speech-img{ display:block; margin:0 auto 30px;}
.speech-content{ width:500px; margin:0 auto; font-weight:bold;}

/********管理团队********/
.m-list1{ position:relative; min-height:210px; margin-bottom:10px; overflow:hidden; background:#f1eff1; color:#4c4c4c;}
.m-list1 dt{ padding:60px 20px 10px; font-size:16px; font-weight:bold;}
.m-list1-cont{ padding:0 20px 20px; font-size:12px;}
.m-list1-img{ position:absolute; left: 0; top:0; width:154px; height:100%; white-space:nowrap; padding:0; background:#dadbdf; text-align:center;}
.m-list1-img img{ vertical-align:middle;}
.m-list1-img:after{ content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}

/********企业荣誉********/
.timeline-box{ position:relative;}
#timeline { width: 660px; overflow: hidden; margin:0 auto; position: relative; color:#808080;}
#dates { position:relative; left: -295px; width: 700px; height: 70px; overflow: hidden;}
#dates li {float: left; width: 140px; height: 100%; text-align: center; background:url(../images/timeline-bg2.png) repeat-x -35px 20px;}
#dates a {width:210px; display:block; height:100%; background:url(../images/time-item-bg.png) no-repeat 50% 20px; color:#1072ff; font-weight:bold;}
#dates a:hover{ text-decoration:none;}
#dates .selected {width:210px; background:url(../images/time-item-hoverbg.png) no-repeat 50% 20px;}
#issues { width: 700px; overflow: hidden; margin-top:20px; font-size:12px;}	
#issues li { width: 700px; float: left;}
#issues li p{ padding:5px 0;}
#issues li img { float: left; margin: 10px 30px 10px 50px; background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
zoom: 1;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out; 
transition: all 2s ease-in-out;
-webkit-transform: scale(0.7,0.7);
-moz-transform: scale(0.7,0.7);
-o-transform: scale(0.7,0.7);
-ms-transform: scale(0.7,0.7);
transform: scale(0.7,0.7);
}
#next,#prev {position: absolute; top:18px; width:0; height:0; border-width:10px; border-style:solid; border-color: transparent #bebebe transparent transparent; text-indent:-999em; overflow:hidden; display:block !important;}
#prev{ left:-10px;}
#next{ right:-10px; border-color: transparent transparent transparent #bebebe;}
#prev:hover{border-color: transparent #fc4646 transparent transparent;}
#next:hover {border-color: transparent transparent transparent #fc4646;}
#next.disabled,#prev.disabled {opacity: 0.2;}

/********企业理念********/
.culture-box{ font-size:14px; line-height:2; color:#808080;}

/********团队风采********/
.m-list2{ margin-right:-15px;}
.m-list2 li{ float:left; width:220px; height:198px; margin:0 15px 20px 0; font-size:12px; line-height:1.4; overflow:hidden; border:1px solid #e6e6e6;}
.m-list2 li img{ display:block; height:144px; margin:5px auto 7px;}
.m-list2 li p{ padding:0 10px;}
.m-list2 li p strong{ font-size:14px; color:#4c4c4c;}

/********股票信息********/
.share-info{ margin-bottom:10px; background:#273140; color:#657284;}
.share-tb{ width:100%;}
.share-tb th,.share-tb td{ text-align:center;}
.share-tb th{ height:50px; background:#34445b; color:#9bb1d2;}
.share-tb td{ padding:10px; font-size:30px; color:#657284;}
.share-summary{ padding:0 0 30px 30px; font-size:12px; color:#576271;}
.m-list3{cursor:pointer;position:relative; padding:20px 20px 20px 110px; min-height:100px; border-bottom:1px dashed #e9e9e9; font-size:12px;}
.m-list3:hover{background-color: #e6e6e6}
.m-list3 dt{ font-weight:bold; line-height:1; margin-bottom:5px; font-size:18px; color:#4c4c4c;}
.m-list3-col1{ margin-bottom:10px;}
.m-list3-col2{ position:absolute; left:0; top:20px; width:70px; height:100px; line-height:1.2; padding-left:20px; background:#e6e6e6; color:#4c4c4c;}
.m-list3-txt1{ line-height:1; margin:5px 0 2px; font-family:arial; font-size:32px; color:#fc4646;}

/********联系我们********/
.map{ display:block; width:100%; margin-bottom:30px;}
.contact-box{ font-size:14px;}
.contact-box dt{ margin-bottom:20px; font-size:16px; font-weight:bold; color:#099333;}
.contact-box dd{ margin-bottom:10px;}
.contact-txt1{ display:inline-block; width:250px;}
.ewm-box{ text-align:center; padding:20px 0 30px; border-bottom:1px solid #e6e6e6; font-size:14px; color:#4c4c4c; font-weight:bold;}
.ewm-box img{ display:block; margin:0 auto;}

/********新闻中心********/
.news-box{ margin-top:-20px;}
.m-list3-1{ min-height:120px; padding-left:220px;}
.m-list3-1 dt{ padding-top:13px;}
.m-list3-col3{ position:absolute; left:0; top:20px; width:200px; height:120px;}
.m-list3-1 dd{ line-height:1.8;}

/********人才招聘********/
.recruit-filter{ margin-bottom:20px;}
.recruit-filter select{ float:left; width:180px; margin-right:10px;}
.recruit-search{ float:right;}
.recruit-filter .u-ipt1{ float:left; width:200px;}
.btn-rec-search{ float:left; width:80px; height:40px; line-height:40px; margin-left:-1px; text-align:center; background:#fc4646;}
.btn-rec-search:hover{ opacity:.9;}
.u-table1{ width:100%; border:1px solid #c6c6c5;}
.u-table1 th,.u-table1 td{ text-align:center;}
.u-table1 th{ height:50px; background:#34445b; color:#9bb1d2;}
.u-table1 tbody tr:first-child td{ border:none;}
.u-table1 td{ padding:15px 10px; border-top:1px dashed #e9e9e9; font-size:12px; color:#4c4c4c;}
.page{ padding:20px 0; text-align:center;}
.page a{ display:inline-block; vertical-align:middle; height:28px; line-height:28px; padding:0 10px; margin-bottom:5px; border:1px solid #e2e1e1; text-decoration:none; color:#4c4c4c;}
.page a:hover{ background:#ff3e3e; color:#fff; border-color:#ff3e3e;}
.page a.disabled,.page a.disabled:hover{ background:#fff; color:#ccc; cursor:default; border-color:#e2e1e1}
.page input{ height:20px; padding:4px 10px;  border:1px solid #e2e1e1; text-align:center; width:30px;}

.job-col1{ margin-top:-20px; padding:20px 20px 10px; background:#e6e6e6; color:#666; font-weight:bold; font-size:0;}
.job-col1 li{ display:inline-block; vertical-align:top; width:32%; padding-right:1%; padding-bottom:10px; font-size:14px;}
.job-col2 dt{ line-height:60px; font-size:16px; color:#4c4c4c;}
.job-col2 dd{ line-height:1.8; font-size:12px;}
.job-col2 .u-btn{ margin-right:20px;}

/*340 480 768 960*/
@media screen and (max-width:640px){
	body{ min-width: auto;}
	.wrap{ width:100%;}
	/* header */
	.header{ height:auto;}
	.header .wrap .logo{ position:relative; display:block; padding:0; height:70px; text-align:center;}
	.header .wrap .logo img{ position:absolute; left:50%; top:50%; width: 40%; height: auto; -webkit-transform:translate(-50%,-50%);}
	.nav{ position:static; padding-top:5px; border-top:1px dotted #ccc;}
	.nav li{ display:inline-block;}
	.nav li a{ padding:5px 10px;}
	.nav li.cur a{ border-color:#fff; color:#fc4646;}
	.nav li a:after{ height:10px; -webkit-transform:translateY(-50%);}
	.btn-search{ top:37px; right:15px; margin:0;}
	.sub-menu,.nav-bg{ display:none !important;}
	/* swipe */
	.swipe-box .wrap{ width:100%; margin:0; left:0;}
	.btn-prev,.btn-next{ -webkit-transform: translateY(-50%) scale(.6,.6); margin:0;}
	.btn-prev{ left: 10px;}
	.btn-next{ right:10px;}
	/* index */
	.index-main{ padding:20px 0;}
	.main-col1{ float:none; width:auto; padding:0 10px;}
	.main-col1-hd a{ padding-bottom:10px; font-size:16px;}
	.main-col2{ float:none; width: auto; padding:0 10px;}
	.main-col3{ float:none; width:auto; padding-top:20px; text-align:center;}
	/* footer */
	.footer{ padding:10px;}
	.footer-col1{ float:none; margin:0; font-size:12px;}
	.footer-col1-txt{ display:none;}
	.footer-col2{ float:none; padding-bottom:5px; font-size:12px;}
	.footer-col1 .icon,.footer-col2 .icon{ width:28px; height:28px; margin-right:1px; background-size:cover;}
	.footer-col3{ float:none; text-align:center;}
	/* banner */
	.banner{ background-position: 19% 0; background-size:auto 100%;}
	/* 子页 */
	.sub-main{ min-height:auto;}
	.sub-wrap{ width:auto; padding:0 10px;}
	.pos{ padding:15px 0;}
	.sub-content{ padding:15px 0; font-size:14px;}
	.intro-tt{ font-size:16px; padding:0; margin-bottom:10px;}
	.intro-subtt{ font-size:14px;}
	.intro-img2{ display:none;}
	.map{ margin-bottom:20px;}
	.contact-box dt{ margin-bottom:15px;}
	#timeline{ width:260px}
	#dates{ left:-100px;}
	#issues,#dates{ width:300px;}
	#issues li{ width:260px;}
	.job-col1{ margin:0;}
	.job-col1 li{ width:49%; font-size:12px;}
	.job-col2 dt{ line-height:40px;}
	.job-col2 .u-btn{ min-width:90px;}
	.m-list1{ min-height: 50px; padding-left:90px;}
	.m-list1 dt{ padding:20px 10px 10px;}
	.m-list1-cont{ padding:0 10px 20px;}
	.m-list1-img{ width:80px;}
	.m-list3-col3{ width:80px; height:auto;}
	.m-list3-1{ padding-left:90px;}
	.m-list3 dt{ padding-top:0; line-height:1.2; font-size:16px;}
	.m-list3-1 dd{ line-height:1.5;}
	.u-table1 thead th:nth-child(4),.u-table1 tbody td:nth-child(4){ display:none;}
	.page{ padding:10px 0;}
	.recruit-filter select{ width:140px; height:30px; line-height:30px; background-position:right -5px;}
	.recruit-search{ float:none; padding-top:10px; clear:both;}
	.recruit-filter .u-ipt1{ width:188px;}
	.m-list3{ padding-left:90px;}
	.m-list3-col2{ width:60px;}
	.share-tb thead th:nth-child(4),.share-tb thead th:nth-child(5),.share-tb tbody tr td:nth-child(4),.share-tb tbody tr td:nth-child(5){ display:none;}
	.share-tb td{ font-size:18px;}
	.share-tb .status-rise .txt,.share-tb .status-down .txt{ font-size:30px;}
	.share-summary{ padding:0 15px 30px;}
	.speech-content{ width:auto;}
	.m-list2 li{ float:none; margin:0 auto 20px;}
	.sub-nav dd:before{ content:'位置：'; display:inline-block;}
	.sub-nav{ position:static; padding-bottom:20px; width:auto;}
	.sub-nav dt{ display:none;}
	.sub-nav dd{ border:none; padding:0 10px; text-align:left;}
	.sub-nav dd a{ display:inline-block; height:30px; line-height:30px; padding:0 5px; margin-bottom:5px; border:none;}
}