*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	/*user-select: none;*/
}
body{
	overflow-x:hidden;
	font:12px/1.5em "microsoft yahei";color:#656565;background:#fff;
}
ul,li{
	list-style:none;
}
a{
	color:#656565;
	text-decoration: none;
}
.line_1{
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
.hbtn{
	transition: ease-out .4s;
}
.hbtn:hover{
	transition: ease-out .4s;
}
@font-face{
    font-family:"i2";
    src: url(../fonts/HelveticaNeueLT-UltraLigExt.otf) format("truetype");
}


.page{text-align:left;margin:10px auto; padding-bottom:20px;display:flex; color:#303030;}
.page_turner {padding:20px 0px 0px 1px;float:left;clear:both;}
.page_turner a, .page_turner span {float:left;display:block;border:1px solid #303030;padding:5px;margin-left:4px; line-height:14px;}
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c {background:#303030; color:#fff;}

.page1{float:right;text-align:left;margin:10px 30px;display:inline;}
.page1_turner {padding:4px 0px 0px 1px;float:left;clear:both;}
.page1_turner a, .page_turner span {float:left;display:block;border:1px solid #303030;padding:5px;margin-left:4px; line-height:14px;}
.page1_turner a:link, .page_turner a:visited { text-decoration:none; }
.page1_turner a:hover, .page_turner a.c {background:#303030; color:#fff;}

/*banner*/
#indexbanner{
	width:1920px;
	height:660px;
	overflow: hidden;
	left:50%;
	transform: translateX(-50%);
	position:relative;
}
#childbanner{
	width:100%;
	height:400px;
	overflow: hidden;
	position:relative;
}
#childbanner img{
	width:1920px;
	position:absolute;
	left:50%;
	top:0px;
	transform: translateX(-50%);
	max-width:1920px;
	z-index:-1;
}
.my-bullet{
	display: inline-block;
	width:35px;
	height:8px;
	margin:0 5px;
	background:#0c4393;
	opacity:.3;
}
.my-bullet-active{
	opacity:1;
}
.mypagination{
	bottom:30px !important;
}
/*top*/
header{
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
.topdescwrap{
	width:100%;
	height:36px;
	background-color: #f5f5f5;
}
.topdesc{
	width:1200px;
	height:100%;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.topdesc p:first-child{
	font-size:12px;
	color:#666666;
}
.topdesc p:last-child{
	font-size:14px;
	color:#238a21;
	line-height:36px;
	font-weight: bold;
	padding-left:28px;
	background:url(../images/toptel.png) left center no-repeat;
}
.logowrap{
	width:1200px;
	height:120px;
	margin:0 auto;
	display: flex;
	align-items: center;
}
.topbar{
	height:100%;
	margin-left:auto;
	display: flex;
	align-items: flex-start;
	margin-right:-15px;
}
.topbar a{
	height:100%;
	font-size:16px;
	color:#545454;
	margin:0 15px;
	padding:0 18px;
	line-height: 120px;
}
.topbar a.on{
	color:#ffffff;
	font-weight: bold;
	background-color:#238a21;
}
.topbar a:hover{
	color:#ffffff;
	font-weight: bold;
	background-color:#238a21;
}
/*footer*/
footer{
	width:100%;
	max-width:1920px;
	height:70px;
	margin:0 auto;
	background-color:#238a21;
}
.cpright{
	width:1200px;
	height:100%;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cpright a,.cpright p,.cpright span{
	font-size: 12px;
	color:#ffffff;
}

/*index*/
#container{
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
.index1{
	width:1200px;
	height:1040px;
	margin:0 auto;
	padding-top:76px;
}
.indextitle{
	text-align: center;
}
.indextitle p:first-child{
	font-size:28px;
	color:#333333;
	font-weight: bold;
	margin-bottom: 7px;
	line-height: 1
}
.indextitle p:last-child{
	font-size:18px;
	color:#999999;
	line-height: 1
}
.index1content{
	width: 100%;
	margin-top:60px;
	margin-bottom:30px;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.i1item{
	width:360px;
	height:322px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e6e6e6;
}
.i1item .imgwrap{
	display: flex;
	width:100%;
	height:260px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.i1item .img{
	width:100%;
	vertical-align: top;
	/*transition: all .3s;*/
}
/*.i1item .img:hover{
	transform: scale(1.3);
}*/
.i1more{
	width:100%;
	height:61px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.i1more p{
	font-size:14px;
	color:#666666;
}
.i1more a{
	height:100%;
	width: 35px;
	background:url(../images/icon_more.png) left center no-repeat;
}
.indexmore{
	display: block;
	width:150px;
	height:40px;
	background: url(../images/more.png) center center;
	cursor: pointer;
	margin:0 auto;
}
.index2wrap{
	width:100%;
	height:230px;
	background-color:#238a21;
}
.index2{
	width:1200px;
	height:100%;
	margin:0 auto;
	display: flex;
	align-items: flex-start;
}
.i2item{
	width:25%;
	padding-top:84px;
	text-align: center;
	position: relative;
}
.i2item:not(:last-child)::after{
	content:"";
	display: block;
	width:1px;
	height:85px;
	background-color:#7bb97a;
	position: absolute;
	right:0;
	top:73px;
}
.i2item p:first-child{
	font-family: "i2";
	line-height: 1;
	font-size:54px;
	color:#fff;
}
.i2item span{
	font-size:14px;
	color: #fff;
}
.i2item p:last-child{
	font-size: 14px;
	color:#ffffff;
	margin-top:15px;
	line-height: 1;
}
.index3wrap{
	width:100%;
	height:510px;
	background-color: #f5f5f5;
	background: url(../images/bg_about.png) bottom center no-repeat;
}
.index3{
	width:1200px;
	height:100%;
	display: flex;
	align-items: center;
	margin:0 auto;
}
.index3content{
	width:600px;
	margin-left: auto;
}
.index3content .title h5{
	font-size:28px;
	color:#333333;
	line-height: 1;
	margin-bottom: 11px;
}
.index3content .title p{
	font-size:13px;
	color:#666666;
	line-height: 1;
}
.i3msg{
	margin:34px 0 44px;
	text-align: justify;
}
.i3msg p{
	font-size:14px;
	color:#666666;
	line-height: 28px;
}
.index3content .more{
	display: block;
	width: 120px;
	height:40px;
	background-color:#238a21;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;font-size:14px;
	color:#ffffff;
	font-weight: bold;
	cursor: pointer;
}
.index4{
	width:1200px;
	height:740px;
	margin:0 auto;
	padding-top:79px;
}
#swiper_news{
	margin-top:55px;
}
.slidenews{
	border-top:1px solid #cccccc;
	padding-top:38px;
	height:402px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.slidenews .date{
	margin-bottom: 12px;
}
.slidenews .date span:first-child{
	font-size:36px;
	font-family: "Arila";
	color:#4c4c4c;
	line-height:1;
}
.slidenews .date span:last-child{
	font-size:14px;
	color:#808080;
	line-height: 1;
	font-family: "Arial";
	margin-left:8px;
}
.slidenews .title{
	width:80%;
	line-height: 40px;
	font-size:16px;
	color:#333333;
}
.slidenews .title:hover{
	color:#238a21;
}
.slidenews .context{
	font-size:12px;
	color:#808080;
	line-height: 22px;
}
.slidenews .img{
	margin-top:auto;
}
.slidenews .img img{
	width:100%;
	vertical-align: top;
}
.index6wrap{
	width:100%;
	height:480px;
	background:url(../images/bg_message.jpg) center top;
}
.index6{
	width:1200px;
	height:450px;
	margin:0 auto;
	padding-top:96px;
	display: flex;
	align-items: flex-start;
}
.indexform{
	width:510px;
}
.index6title{
	font-size:24px;
	color:#ffffff;
	line-height: 1;
	margin-bottom:25px;
}
.indexform input[type="text"]{
	width:100%;
	height:38px;
	border:none;
	outline:none;
	background-color:#fff;
	padding-left:19px;
	margin-bottom:20px;
	font-size:14px;
	color:#999999;
}
.indexform textarea{
	width:100%;
	height:72px;
	padding-left:19px;
	border:none;
	outline:none;
	margin-bottom:20px;
	resize: none;
	line-height:38px;
	font-size:14px;
	color:#999999;
}
.indexform input::-webkit-input-placeholder,.indexform textarea::-webkit-input-placeholder{
	font-size:14px;
	color:#999999;
	font-weight: bold;
	font-family: "Microsoft Yahei"
}
.indexsub{
	width:200px;
	height:40px;
	background-color:#1f8641;
	border-radius: 3px;
	font-size:16px;
	color:#ffffff;
	font-weight: bold;
	cursor: pointer;
	border:none;
	outline:none;
}
input[_name]{
	background:url(../images/form_1.png) right 20px top 8px no-repeat;
}
input[_tel]{
	background:url(../images/form_2.png) right 20px top 8px no-repeat;
}
textarea[_context]{
	background:url(../images/form_3.png) right 20px top 8px no-repeat;
	background-color:#fff;
}
.index6_r{
	margin-left:186px;
}
.i6title2{
	font-size:24px;
	color:#ffffff;
	line-height:28px;
	margin-bottom:14px;
}
.i6_contact p{
	font-size:14px;
	color:#cccccc;
	line-height:42px;
	padding-left:38px;
}
.i6_contact p[_address]{
	background:url(../images/icon_address.png) left center no-repeat;
}
.i6_contact p[_tel2]{
	background:url(../images/icon_tel2.png) left center no-repeat;
}
.i6_contact p[_site]{
	background:url(../images/icon_site.png) left center no-repeat;
}
.i6_contact p[_mailbox]{
	background:url(../images/icon_mailbox.png) left center no-repeat;
}





/*innerpage*/
.innerpage{
	width:1200px;
	margin:0 auto 60px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.pageleft{
	width:280px;
	margin-top:-50px;
}
.pageright{
	width:860px;
}
.list_title{
	width:100%;
	height:110px;
	text-align:left;
	line-height:110px;
	background-color:#238a21;
	padding-left:39px;
}
.list_title h1{
	color:#fff;
	font-size:22px;
}
.bread{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height:70px;
	border-bottom:1px solid #e6e6e6;
}
.bread a::after{
	content:">";
	margin:0 4px;
}
.bread_l{
	font-size:18px;
	color:#238a21;
	line-height:68px;
	border-bottom:2px solid #238a21;
}
.bread_r{
	font-size:14px;
	color:#999;
}
.bread_r span{
	color:#238a21;
}
.childlistwrap{
	display: flex;
	flex-wrap:wrap;
}
.childlistwrap li{
	width:270px;
}
.childlistwrap li:nth-child(3n+2){
	margin:0 20px;
}
.climgwrap{
	width:100%;
	/*height:250px;*/
	display: flex;
	align-items: center;
	justify-content: center;
}
.climgwrap img{
	width:100%;
}
.cldescwrap{
	width:100%;
	height:50px;
	padding:0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:14px;
	background-color:#dedcdc;
	margin-bottom:25px;
}
.cldescwrap a{
	font-weight: bold;
}
.picdesc{
	background-color:#f5f5f5;
	text-align:center;
	line-height:26px;
	margin-bottom:15px;
}
.climgwrap[_pic] img{
	width:100%;
}
.proleftnavwrap{
    width:280px;
    border-bottom:4px solid #e6e6e6;
}
.proleftnavwrap > li > a:hover{
	background:url(../images/jt_r.png) 255px 28px no-repeat;
    background-color:#fff;
}
.proleftnavwrap > li >a.on{
	background:url(../images/jt_r.png) 255px 28px no-repeat;
    background-color:#fff;
}
.proleftnavwrap > li{
    width:100%;
    border-bottom:1px solid #e6e6e6;
}
.proleftnavwrap > li > a{
    display: block;
    width:100%;
    height:64px;
    font-size:16px;
    color:#4c4c4c;
    line-height:64px;
    padding-left:39px;
    background:url(../images/jt_g.png) 255px 28px no-repeat;
    background-color:#f5f5f5;
}
.pronavmore >a{
    background:url(/static/images/icon_down.png) right 15px top 28px no-repeat;
}
.pronavmore > a.toggleon{
    background:url(/static/images/icon_down_up.png) right 15px top 28px no-repeat;
    background-color:#f5f5f5;
}
.pronavlist{
    display: none;
}
.pronavlist a{
    display: block;
    width:100%;
    height:40px;
    font-size:13px;
    color:#4c4c4c;
    line-height:40px;
    padding-left:58px;
    background-color:#e5e5e5;
}
.pronavlist a.on{
    color:#238a21;
    font-weight: bold;
}
.pronavlist a:hover{
    color:#238a21;
    font-weight: bold;
}



/*news.asp*/
.news{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom:1px dashed #dddddd;
}
.news > a{
	width:70%;
	font-size:12px;
	line-height:48px;
	color:#545454;
}
.news > p{
	width:30%;
	text-align:right;
	font-size:12px;
	line-height:48px;
	color:#545454;
}
/*new.asp*/
.content{
	padding-top:20px;
}
.content p.artical_title{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.artical_info{
	width:100%;
	background-color:#999;
	text-align:center;
	color:#fff;
	line-height:28px;
	height:28px;
	margin-top:15px;
	margin-bottom:15px;
}
.artical_content{
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px dashed #393939;
}
.artical_others{
	margin-bottom:15px;
}
.backlist{
	background-color:#999;
	color:#fff !important;
	padding:5px 10px;
}
/*products.asp*/
ul.lists{
	width:100%;
}
ul.lists li{
	float:left;
	width:275px;
	margin-bottom:10px;
}
ul.lists li:nth-child(3n+2){
	margin:0 5px;
}
ul.lists li div:nth-child(1){
	width:275px;
	height:304px;
	overflow:hidden;
}
ul.lists li div:nth-child(1) img{
	width:275px;
}
ul.lists li div:nth-child(2){
	width:275px;
	height:50px;
	line-height:50px;
	font-size:14px;
	padding:0 10px;
	background-color:#dedcdc;
}
ul.lists li div:nth-child(2) span:nth-child(1){
	float:left;
}
ul.lists li div:nth-child(2) a:nth-child(2){
	float:right;
	font-weight:bold;
}
/*message*/
.msgwrap{
	margin:25px auto;
	padding:15px;
	background:#d4d4d4;
}

/*job*/
.jobtable{
	width:100%;
	margin:0 auto 10px;
	background-color:#FAE18F;
}
.jobheadline th{
	background-color:#0c4393;
	color:#fff;
	text-align:center;
	height:35px;
}
.jobdesc td{
	height:28px;
	text-align:center;
	background-color:#ffffff;
}


