/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}

html {
    font: 62.5% "微软雅黑",Arial;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: transparent;
    height: 100%;
	background:#FAFAFA;
}

html {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

html,html body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff!important;

}


body.open {
	width: 100%;
    height: 100%;
    overflow: hidden;
}

.imgcw {
    margin: 0 auto;
    display: block;
    float: none;
    max-width: 100%;
    height: auto
}

html .scrollView {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
}
.articlehead .scrollView{
  height: 100%;
}

.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


#sitecontent{
	background: #fff;
    z-index: 1;
    position: relative;
    height: 100%;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1)
}
body.open #sitecontent {
    transform: translate3d(-260px,0,0);
    -webkit-transform: translate3d(-260px,0,0);
}
#header{
	width: 100%;
    height: 60px;
}
#header .btn {
    padding: 10px 15px;
    background: rgba(0,0,0,0);
	margin-top:5px;
}
.lcbody {
    width: 30px;
    height: 30px;
    position: relative;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
}
.lcitem {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    width: 30px;
    height: 30px;
}
.lcitem .rect {
    width: 30px;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    top: 14px;
    transition: transform 0.2s ease 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease 0.2s;
}
.lcitem .rect.top {
    transform: translate3d(0px, -6px, 0px);
    -webkit-transform: translate3d(0px, -6px, 0px);
}
.lcitem .rect.bottom {
    transform: translate3d(0px, 6px, 0px);
    -webkit-transform: translate3d(0px, 6px, 0px);
}


#leftcontrol {
	opacity: 0;
    width: 260px;
    height: 100%;
    background: #FAFAFA;
    position: fixed;
	top:0;
    right: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
body.open #leftcontrol {
    opacity: 1;
}
#leftcontrol >ul {
    padding-top: 0px;
}
#leftcontrol ul li {
	display: block;
    min-height: 49px;
    font-size: 16px;
    width: 100%;
    border-top: 1px solid #EBEBEB;
}
#leftcontrol ul li a {
	display: block;
	color: #666;
	padding: 0 25px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
    font-family: "HELVETICANEUELTPRO-THEX";
    height: 50px;
    line-height: 50px;
}
#leftcontrol ul li a span{
	display: inline-block;
}
#leftcontrol ul li a span.circle {
    border: #D8D8D8 1px solid;
    border-radius: 5px;
    width: 8px;
    height: 8px;
    background-color: transparent;
	margin-right: 15px;
    position: relative;
    top: 1px;
}
#leftcontrol ul li a span.more {
    width: 12px;
    height: 12px;
    position: relative;
    float: right;
    top: 20px;
}
#leftcontrol ul li a span.more span {
    background: #474747;
    position: absolute;
}
#leftcontrol ul li a span.more span.h{
	width: 12px;
    height: 2px;
	transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}
#leftcontrol ul li a span.more span.v {
    transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
    -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
}
#leftcontrol > ul > li.active a {
    background: #333;
    color: #fff;
}
#leftcontrol ul li.active a span.circle {
    border-color: #fff;
    background-color: #fff;
    margin-right: 15px;
}
#leftcontrol ul li.active a span.more span.v {
    transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
    -webkit-transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
}
#leftcontrol ul li .subnav {
    height: 0;
    overflow: hidden;
}
#leftcontrol ul.subnav li a {
    background: #ebebeb;
    color: #4E4E4E;
}
#leftcontrol ul.subnav li a i {
    color: #B4B4B4;
	margin-right: 20px;
    font-size: .5rem;
}
#leftcontrol ul.subnav li a.active{
    background: #555;
    color: #fff;
}
body.open .lcbody {
    transform: translateZ(0px) rotate(90deg);
    -webkit-transform: translateZ(0px) rotate(90deg);
}
body.open .lcitem {
    transform: translateZ(0px) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    -webkit-transform: translateZ(0px) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
body.open .lcitem.bottom {
    transform: translateZ(0px) rotate(-45deg);
    -webkit-transform: translateZ(0px) rotate(-45deg);
}

body.open .lcitem .rect {
    transition: transform 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
#rightcontrol {
    width: 100%;
    height: 100%;
    background: #fafafa;
    position: fixed;
    top: 0;
    z-index: -1;
}


.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

	
		/*banner*/
#indexbanner{ width:100%; overflow: hidden; position: relative;}
#indexbanner img{float:left;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 12px; z-index: 999; width: 100%; color: rgba(0,0,0,0);}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 5px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 7px; height: 7px;border-radius:50%; overflow: hidden; line-height: 50px; background-color: #fff;}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: #1964a8;}
#indexbanner .bx-controls .bx-controls-direction{ display: none;}


.insidebanner img{display:block;}

/* .container{width:92%;margin:auto;} */


#indexfield{width:100%;background:#f2f2f2;padding-top:5px;padding-bottom:15px;}
.field{width:92%;margin:auto;}
.field .list{padding-top:10px;margin-bottom:10px;}
.field .list ul li{float:left;width:32%;margin-right:2%;margin-bottom:5px;background:#fff;box-shadow:0 5px 10px -3px #ccc;text-align:center;}
.field .list ul li:nth-child(3n){margin-right:0px;}
.field .list ul li .img{width:100%;overflow:hidden;}
.field .list ul li img{position: relative;left: -50px;border-right: 50px solid transparent;
/*-webkit-filter: drop-shadow(rgb(10, 109, 157) 50px 0px);
filter: drop-shadow(rgb(10, 109, 157) 50px 0px);*/
-webkit-filter: drop-shadow(#85c227 50px 0px);
filter: drop-shadow(#85c227 50px 0px);
}
.field .list ul li .tt{color:#000;font-size:14px;padding-bottom:10px;}

.field .news{margin-top:10px;box-shadow: 0 5px 10px -3px #ccc;background:#fff;}
.field .news .bx-controls{display:none;}
.field .news .news_bd{width:100%;height:250px;position:relative;}
.field .news .news_bd .tt{position:absolute;bottom:0px;padding:0px 2%;background:rgba(0,0,0,0.5);color:#fff;line-height:35px;width:96%;font-size:13px;}

.field .news .picNews {
  padding: 15px 10px 10px;
  overflow: hidden;
}
.field .news .inList{
 line-height:2
}
.field .news .picNews .tabMt{
	height:34px;
	line-height:34px;
	font-size:16px;
}
.field .news .picNews .tabMt a{
	float:right;
	background-color:#fff;
	cursor:pointer;
	color:#000;
}
.field .news .textNews{
	padding:15px 10px 10px;
	overflow:hidden;
}
.field .news .textNews .tabMt{
	height:34px;
	line-height:34px;
	font-size:16px;
}
.field .news .textNews .tabMt a{
	float:right;
	background-color:#fff;
	cursor:pointer;
	color:#000;
}
.field .news .textNews .tabMt a:hover{
	color:#007bbf
}
.field .news .textNews .tabMt a.active{
	background-color:#007bbf;
	color:#fff;
}
/*.field .news .textNews .learnMore{
	float:right;
	font-size: 14px;
	position: absolute;
	top: -36px;
	right: 0;
	color:#000;
}*/
.field .news .textNews .mc{
	position:relative;
	/* height:180px; */
	margin-top: 5px;
}
.field .news .textNews .mc .detail{
	display:none;
	background:#fff;
	line-height: 30px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
.field .news .textNews .mc .title{
	/* float:left; */
	font-size:14px;
	color:#000;
	width:70%;
}
.field .news .textNews .mc li a{
	display:block;
	overflow:hidden;
}
.field .news .textNews .mc .time{
	float:right;
	color:#999;
	font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
}
.field .news .textNews .mc li:hover .title{
	color: #007bbf;
}






#indexproducts{width:100%;padding:15px 0px;background:#ececec;}
.products{width:92%;margin:auto;}
.products ul li{width:48%;margin-right:2%;float:left;position:relative;margin-bottom:15px;}
.products ul li:nth-child(2n){float:right;margin-right:0%;}
.products ul li img{width:100%;display:block;width:100%;height:147px;}
.products ul li .tt{position:absolute;left:0px;bottom:0px;text-align:center;width:100%;height:35px;line-height:35px;overflow:hidden;background-color: rgba(133, 194, 39,.7);color:#fff;}








.col{width:92%;min-height:350px;line-height:200%;margin:auto;margin-top:15px;margin-bottom:20px;overflow:hidden;}
.col img{max-width:100%;}

.slzs{width:92%;margin:auto;min-height:220px;margin-top:20px;margin-bottom:15px;overflow:hidden;}
.slzs ul{width:100%;float:left;}
.slzs ul li{float:left;width:49%;margin-right:2%;margin-bottom:15px;}
.slzs ul li:nth-child(2n){margin-right:0px;}
.slzs ul li .detail{width:100%;display:inline-block;vertical-align:top;box-shadow:0px 3px 16px -5px #ccc;}
.slzs ul li .detail .imgBox{width:94%;height:140px;overflow:hidden;display: -webkit-box;display: -ms-flexbox;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color:#fcfcfc;display: flex;padding:3%;}
.slzs ul li .detail .imgBox img{margin:auto;display:block;max-width:100%;max-height:100%;}
.slzs ul li .detail p{width:100%;height:35px;line-height:35px;background:#fff;text-align:center;overflow:hidden;font-size:12px;}



.xwzx{width:92%;min-height:300px;margin:auto;margin-bottom:20px;margin-top:15px;overflow:hidden;}
.xwzx ul{width:100%;margin:auto;}
.xwzx ul li{width:100%;height:120px;transition: all 0.3s ease 0s;overflow:hidden;margin-bottom:10px;border-bottom:1px solid #dcdcdc;}
.xwzx ul li:hover .tt,.xwzx ul li:hover .date,.xwzx ul li:hover .con{color:#007bbf;}
.xwzx ul li a{width:100%;height:100%;display:block;}
.xwzx ul li .tt{padding-top:10px;font-size:16px;color:#333;line-height:25px;height:75px;}
.xwzx ul li .date{font-size:14px;color:#999;}
.xwzx ul li .con{margin-top:6px;line-height:180%;color:#999;font-size:14px;display:none;}




#ne_nav{width:100%;height:42px;line-height:45px;border-bottom: 1px solid #e6e6e6;overflow:hidden;}
#ne_nav .mt{width:92%;height:100%;margin:auto;}
#ne_nav .mt p{float:left;color:#333;font-weight:bold;font-size:16px;}
#ne_nav .mt p span{color:#999;font-size:12px;margin-left:2px;font-weight:normal;}
#ne_nav .mt .crumb{float:right;line-height:38px;}
#ne_nav .mt .crumb li{float:left;font-size:13px;color:#999;}
#ne_nav .mt .crumb li a{color:#999;}
#ne_nav .mt .crumb li .divider{padding:0px 2px;font-size:0;}
#ne_nav .mt .crumb li .divider:after{content:">";color:#999;font-size:11px;}



.cp_nav{width:92%;margin:auto;margin-top:10px;overflow:hidden;}
.cp_nav a{float:left;width:25%;height:30px;line-height:30px;text-align:center;}
.cp_nav a.active{background:#007bbf;color:#fff;}




.cot{width:92%;min-height:350px;margin:auto;margin-top:15px;margin-bottom:20px;overflow:hidden;}
.cot img{max-width:100%;}






#goTopBtn {position: fixed;z-index:100;line-height:30px;width:30px;height:30px;right:2%;bottom:35px;cursor:pointer;display:none;background:url(../images/up.png);}



.orientation{margin-top:20px;
}





/*footer*/
#footer .footer_top{width:100%;background:#007bbf;padding:8px 0px;font-size:12px;text-align:center;line-height:180%;color:#fff;}
#footer .footer_top .weixin{margin:auto;margin-top:5px;}
#footer .footer_top p{color:#fff;}
#footer .footer_top p a{color:#fff;}


.mypage{
    text-align: center;
	float:left;
	width:100%;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #007bbf;
	border: 1px solid #007bbf;
	padding: 5px 10px;
	margin: 5px;
}		
.mypage	span.current,.mypage a.current{
	background: #007bbf;
	color: #fff;
}






.job-detail {
	width:96%;
	margin:auto;
    margin-bottom: 30px;
	margin-top:20px;
    border-top: 1px solid #f5f5f5;
}

.job-detail p {
    margin-bottom: 1px;
    padding-left: 10px;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    background: #f5f5f5;
    line-height: 30px;
	color:#333;
}

.job-detail p span {
    float: right;
    padding-left: 10px;
    width: 78%;
    background: #fff;
	color:#333;
}

.job-detail p span a {
    float: right;
    margin: 10px;
    width: 75pt;
    background: #4e79b9;
    color: #fff;
    text-align: center;
}

.jobshow .submt {
    padding: 20px 0;
    color: #000;
    text-align: center;
    font-size: 20px;
}

.jobshow .submit {
    margin-bottom: 15px;
    color: #666;
    font-size: 13px;
}

.jobshow .submit em {
    margin: 0 10px;
    color: red;
    font-weight: 700;
    font-style: normal;
}

.jobshow td {
    text-align: center;
    font-size: 12px;
	color:#000;
}

.jobshow td input,.jobshow td select {
    width: 80%;
    outline: 0;
    border: 0;
    text-align: center;
}

.jobshow td.align_left {
    text-align: left;
}

.jobshow td textarea {
    padding: 10px;
    width: 90%;
    height: 90pt;
    outline: 0;
    border: 0;
    line-height: 30px;
    resize: none;
}

.table>tbody>tr>td {
    padding: 9pt 4px;
    vertical-align: middle;
}

.jobshow td em {
    float: right;
    width: 8%;
    color: red;
    text-align: right;
    font-weight: 700;
    font-style: normal;
}

.jobshow td #code {
    float: left;
    width: 39%;
    height: 40px;
    border-bottom: 1px solid #000;
}

.jobshow td img {
    float: right;
    width: 60%;
    cursor: pointer;
}

.jobshow td p.red {
    padding: 0 6px;
    color: red;
}

.jobshow td .btns_ok {
    background: #0489e7;
}

.jobshow td .btns_ok,.jobshow td .btns_reset {
    display: inline-block;
    width: 90pt;
    height: 40px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 1pc;
}

.jobshow td .btns_reset {
    margin-left: 20px;
    background: #999;
}
.table-bordered {
    border: 1px solid #ddd;
	border-spacing: 0;
border-collapse: collapse;
}
.table > tbody > tr > td {
    padding: 5pt 4px;
    vertical-align: middle;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}