div, p, dl, dd, a, b, u, em, input, textarea, button, select, form, section, label, span, td, li, nav, footer, body, ul, i, h1, h2, h3, h4, h5, h6 { 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	padding: 0;
	margin: 0;
	list-style: none;
	outline: 0; 
}

body, td, input, textarea, option, select, button { 
	font-family:"Microsoft YaHei","SimSun","Arial","Arial Narrow","HELVETICA";
	-webkit-text-size-adjust:none;
	outline:0;
}

a:focus, a:active { 
	outline: 0;
}

body, td, input, textarea, option, select, button {
	font-size: 1em;
}

button {
	border: 0;
	-webkit-appearance: none;
}

input,textarea {
	-webkit-appearance: none;
	border: 1px solid #000;
	padding: 1px;
	-webkit-box-sizing: border-box;
	-moz-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	background-color: transparent;
}

body {
	font-size: .85em;
	color: #333;
}

img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}

a {
	text-decoration: none;
	color: #333;
	display:inline-block;
}

a:hover {
	text-decoration: none;
}

button {
	color: #fff;
	background-color: #80bc43;
	border-radius: 20px;
	padding: .3em 1.5em;
	cursor: pointer;
}

/*清除浮动*/
.clearfix:before,.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{ *+height:1%; }

.breadcrumb { font-weight: 300; background: #fff; position: relative; margin: 0 0 25px 0; padding: 21px 0px 9px; border: 0; z-index: 2; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li:nth-child(even) { padding: 0 5px; color: #ccc; }
.breadcrumb .home{ display:inline-block; background:url(imgs/home_h.png) no-repeat center center;}
.breadcrumb a > span{ opacity:0; }
.breadcrumb:after { content: ""; position: absolute; bottom: -15px; left: 0px; height: 12px; width: 100%; z-index: 3; background-image:url(imgs/drop-arrow.png); background-repeat: repeat-x; background-position: left bottom; }
.breadcrumb > .active,.breadcrumb > .active > a { color: #ff6600; font-weight:bold; }
.breadcrumb a.home:hover { -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s; -ms-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.1s; background-image:url(imgs/home.png);}



#main{ width:100%; height:100%; margin:0 auto; overflow:hidden;}
.main_left{ width:15%; height:100%; position:fixed; background:#fede3e; z-index:999;}
.main_right{ width:85%; height:100%; margin:0 auto; position:relative; margin-left:15%;}

/*------------------------logo区域---------------------------------*/
.main_left .logo{ padding:8% 10%; box-sizing:border-box; text-align:center;}
.logo a{ display:inline-block; width:100%;}
.logo img{ width:100%; height:100%; }

/*------------------------导航---------------------------------*/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu { height:100%; font-family: Roboto, sans-serif; z-index:-1;}
#cssmenu > ul { width: 15%; height:auto; top:0px; bottom:0px; position:fixed; padding-top: 10%;
padding-bottom: 30%;}
#cssmenu > ul > li > a { padding: 5%; font-size: 1em; text-align:center; color:#000; text-decoration: none; -webkit-transition: color .2s ease; -o-transition: color .2s ease; -ms-transition: color .2s ease; transition: color .2s ease; font-family:"Microsoft YaHei"; }
#cssmenu > ul > li:hover > a,#cssmenu > ul > li > a:hover { background-color:#edaf07; color: #fff; }
#cssmenu ul li.has-sub > a::after { position: absolute; right: 10%; display: block; }
#cssmenu > ul > li.has-sub > a::after { top: 40%; }
#cssmenu > ul > li.has-sub:hover > a::after, #cssmenu > ul > li.has-sub > a:hover::after { color:#fff; background: #edaf07; }
#cssmenu ul ul li.has-sub > a::after { top: 40%; }

#cssmenu ul ul li.has-sub:hover > a::after, #cssmenu ul ul li.has-sub > a:hover::after { }
#cssmenu ul li.has-sub > a::before { position: absolute; right: 10%; z-index: 2; display: block; width: 0; height: 0; border: 5px solid  transparent; content: ""; font-weight: normal; }
#cssmenu > ul > li.has-sub > a::before { top: 40%; border-left-color: #000; }
#cssmenu > ul > li.has-sub > a:hover::before{ top: 40%; border-left-color: #fff; }

#cssmenu ul { -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
#cssmenu ul ul { top:0px; padding-top:10px; margin-bottom:0px; position:absolute; min-height:5000px; margin-top:-510px; height:100%; left: -9999px; width: 100%; background:rgba(254,222,62,0.7); opacity: 0; -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease; -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease; -o-transition: opacity 0.2s ease, -o-transform 0.2s ease; transition: opacity .2s ease, transform .2s ease; -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
#cssmenu ul li:hover > ul { left: 100%; opacity: 1; transform: rotate3d(0, 0, 0, 0); }
#cssmenu ul ul::after { position: absolute; left: -8px; top: 15px; z-index: 5; display: block; width: 0; height: 0; }
#cssmenu ul ul a { padding: 5%; font-size: 1em; text-align:center; color:#000; text-decoration: none; -webkit-transition: color .2s ease; -o-transition: color .2s ease; -ms-transition: color .2s ease; transition: color .2s ease; font-family:"Microsoft YaHei"; }
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover { background:rgba(237,175,7,0.8); color: #fff; }
#cssmenu ul ul li:first-child { padding-top:500px;}

@media (width: 1920px){
#cssmenu > ul > li > a,#cssmenu ul ul a { font-size: 1.4em; }
.foot .address{ font-size:1em !important; }
}


/*------------------------联系信息---------------------------------*/
.foot { position: fixed; bottom: 2%; width: 15%; overflow: hidden; }
.foot .qrcode{ padding:10% 20%; box-sizing:border-box; text-align:center;}
.qrcode img{ width:100%; height:100%; }
.foot .address{ padding:0 10%; box-sizing:border-box; font-size:0.75em; font-weight:bold;}

@media screen and (max-width: 1390px){
.foot .qrcode{ padding:5% 20%; box-sizing:border-box; text-align:center;}
.foot .address{ padding:0 7%; box-sizing:border-box; font-size:0.75em; font-weight:bold;}
}

/*------------------------内页大框样式---------------------------------*/
.content_area{ width:100%; height:100%; overflow:hidden; padding:0 3% 3% 3%; box-sizing:border-box;}
.content_area .article_wrap{ width:100%; line-height:1.7;}

/*------------------------关于汇伟---------------------------------*/
.article_wrap h6{ font-size:1.7em; padding-bottom:.55em; } 
.article_in p{ text-indent:2em; margin-bottom:1em; line-height:2;}


/*------------------------合作伙伴---------------------------------*/
.article_wrap .partner li,.article_wrap .envir li{ float:left; padding-right:1%; padding-bottom:1%; box-sizing:border-box; display:inline-block;}
.article_wrap .partner li img{ width:150px; height:150px; border:1px solid #666;}

/*------------------------公司环境---------------------------------*/
.article_wrap .envir li img{ width:350px; height:auto; }
.article_wrap .envir li p{ line-height: 3em; text-align: center; font-size: 1.2em; font-weight: bold; }

/*------------------------要闻中心---------------------------------*/
.newCon{ width:100%; margin:0 auto; overflow:hidden;}
.newCon .newfirst{ width:100%; margin:0 auto; overflow:hidden; padding-bottom: 30px; margin-bottom: 22px; border-bottom: 1px solid #f2f2f2; display:none;}
.newCon .newfirst:first-child{ display:block;}
.newfirst .newimg{ width:47%; margin-right:3%; overflow:hidden; float:left;}
.newfirst .newimg img{ display:inline-block; width:100%; height:100%; }
.newfirst .newimg a{ display:inline-block; width:100%; }
.newfirst .newimg a:hover img{ transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -ms-transition: all 0.6s;}
.newfirst .newdate{ width:50%; float:left; color:#4d4d4d;} 
.newfirst .newdate .date{ font-size:12px; line-height:24px;}
.newfirst .newdate .title{ margin-bottom:10px;}
.newfirst .newdate .title a{ font-size:20px; line-height:34px; display:inline-block; color:#4d4d4d; font-weight:normal;}
.newfirst .newdate .title a:hover{ color:#000;}
.newfirst .newdate .content{ height:48px; line-height:24px; font-size:12px; color:#8a8a8a;}
.newfirst .newdate .newmore{ display:inline-block; width:120px; height:34px; line-height:34px; border:2px solid #212121; background:#fff; font-size:12px; color:#4d4d4d; text-align:center; margin-top:4em;}
.newfirst .newdate .newmore:hover{ border:2px solid #333; background:#333; color:#fff; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.newfirst .newdate .newbaidu{ top:300px; left:0;}

.newCon .newsecond{ width:100%; height:auto; margin:0 auto; overflow:hidden; }
.newsecond ul li:first-child{ display:none; }
.newsecond ul li{ width:30%; height: 100%; position: relative; margin-right: 21px; float: left; overflow: hidden; color:#4d4d4d; margin-bottom: 20px;}
.newsecond ul li .date{ font-size:12px; line-height:24px; }
.newsecond ul li .title{ margin-bottom:10px;}
.newsecond ul li .title a{ font-size:20px; line-height:34px; display:inline-block; color:#4d4d4d; font-weight:normal;}
.newsecond ul li .title a:hover{ color:#000;}
.newsecond ul li .newimg{ left:0; width:100%; overflow:hidden;}
.newsecond ul li .newimg img{ display:inline-block; width:100%; max-height:244px; min-height:244px; }
.newsecond ul li .newimg a{ display:inline-block; width:100%; }
.newsecond ul li .newimg a:hover img{ transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -ms-transition: all 0.6s;}
.newsecond ul li .content{ height:72px; line-height:24px; font-size:12px; color:#8a8a8a; margin:2em 0;}
.newsecond ul li .newmore{ margin-top:1em; display:inline-block; width:120px; height:34px; line-height:34px; border:2px solid #212121; background:#fff; font-size:12px; color:#4d4d4d; text-align:center;}
.newsecond ul li .newmore:hover{ border:2px solid #333; background:#333; color:#fff; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

/*--------------详情页样式-------------*/
.list_detail{ width:100% margin:0 auto 18px;}
.list_detail .date{ font-size:12px; color:#040000; line-height:24px;}
.list_detail h6{ font-weight:normal; font-size:20px; color:#000; line-height:34px;}
.list_detail .line{ width:20px; height:2px; background:#000; display:inline-block;}
.listCon .d_txt p{ text-align:left; line-height: 2; font-size: 1em; color: #8a8a8a; font-family: "Microsoft YaHei"; margin-bottom: 1em; }
.listCon .d_txt .proimg{ margin-bottom:1em;}

/*--------------上下篇样式-------------*/
.d_page{ margin:2em 0 0; overflow:hidden;}
.d_page p,.d_page p a{ font-size:.8em; color:#8a8a8a;}
.d_page p a:hover{ color:#000;}
.d_page p{ float:left; padding-right:.8em; margin-right:.8em; border-right:1px solid #b7b7b7}
.d_page p:last-child{ border-right:none; }



/*--------------页数样式-------------*/
.pages{ line-height:3em; margin: 2em 2em 0 0; position:relative; border:1px solid #999; text-align:center; }
.pages ul{ overflow:hidden;}
.pages ul li:first-child{ width:15%; line-height:3em; text-align:center; background:url(imgs/prev.png) no-repeat center center; border-right:1px solid #999; display:inline-block; position:absolute; left:0; top:0;}
.pages ul li span{ opacity:0; width:100%; display:inline-block;}
.pages ul li:last-child{ width:15%; line-height:3em; text-align: center; background: url(imgs/next.png) no-repeat center center; border-left: 1px solid #999; position: absolute; right: 0; top: 0; display:inline-block; position:absolute; right:0; top:0;}
.pages ul li:first-child a,.pages ul li:last-child a{ opacity:0; width:100%; display:inline-block;}
.pages a{ color:#999;}
.pages a:hover,.pages .current a{ color:#333; }
.pages ul li{ display:inline-block; margin:0 .5em; }
.pages ul li a{ display:inline-block;}


/*--------------产品服务列表页-------------*/
.article_wrap .protitle,.article_wrap .prolist{ overflow:hidden; }
.article_wrap .protitle{ border-bottom: 1px solid #e3e3e3; padding-bottom: 1em; box-sizing: border-box; }
.article_wrap .prolist{ margin-top:3em;}
.article_wrap .protitle li,.article_wrap .prolist li{ float:left; padding-right:1%; padding-bottom:1%; box-sizing:border-box; display:inline-block; text-align:center;}
.article_wrap .protitle li img{ width:150px; height:100px; border:1px solid #666; opacity:0.4; }
.article_wrap .protitle li p{ line-height:2.5; color:#ccc;}
.article_wrap .protitle li a:hover p,.article_wrap .protitle li.on p{ font-weight:bold; color:#ff6600; }
.article_wrap .protitle li a:hover img,.article_wrap .protitle li.on img{ opacity:1; }

.article_wrap .prolist li img{ width:350px; height:auto; }
.article_wrap .prolist li p{ line-height: 3em; text-align: center; font-size: 1.2em; font-weight: bold; }

/*--------------招聘管理列表页-------------*/
.article_wrap .jobtitle{ overflow:hidden; width:100%;}
.jobtitle li{ float:left; width:25%; line-height:3; background:#e51e17; color:#fff; text-align:center; }
.jobcontent,.jobcontent ul,.jobcontent li,.jobcontent li .jobTop{ overflow:hidden; }
.jobcontent li { width:100%; display:block; border-top: 2px solid #FFF;}
.jobcontent li:first-child{ border:none;}
.jobcontent li .jobTop{ cursor:pointer; }
.jobcontent li .jobTop p{ float:left; width:25%; line-height:3; background:#ddd; text-align:center; }
.jobcontent li .content{ background-color: #efefef; padding: 20px 100px; box-sizing: border-box; display:none; }
.jobcontent li .content .bold{ font-weight:bold;}
.jobcontent li .content p{ line-height:2; }