*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
}
body{
	min-width:1200px;
	max-width:1920px;
	overflow-x:hidden;
	font:12px/1.5em "microsoft yahei";color:#656565;background:#fff;
}
ul,li{
	list-style:none;
}
img{
	border:none;
	outline:none;
}
a{
	text-decoration: none;
	color:#333;
}
h1,h2,h3,h4,h5,h6{
	margin:0px;
}
/*µ¥Ðг¬³öÊ¡ÂÔ*/
.line_1{
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
.line_2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
}
.hbtn{
	transition: ease-out .4s;
}
.hbtn:hover{
	transition:ease-out .4s;
}


.page{text-align:left;margin:10px auto; padding-bottom:20px;display:inline; 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;}

/*header*/
.header{
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
.top1wrap{
	width:100%;
	height:36px;
	background-color:#f5f5f5;
}
.top1{
	width:1200px;
	height:36px;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top1 p{
	font-size:12px;
	color:#666666;
}
.top1right{
	display:flex;
	display:-webkit-flex;
	height:36px;
	align-items: center;
}
.top1right a{
	font-size:12px;
	color:#595959;
	padding-left:24px;
	line-height:36px;
	margin-left:15px;
}
.top1right a[_cn]{
	background:url(../images/icon_cn.png) left center no-repeat;
}
.top1right a[_en]{
	background:url(../images/icon_en.png) left center no-repeat;
}
.top2{
	width:1200px;
	height:120px;
	margin:0 auto;
	display: flex;
	display:-webkit-flex;
	align-items: center;
	justify-content: space-between;
}
.top3{
	width:100%;
	height:60px;
	background-color:#0156b3;
}
.navwrap{
	width:1200px;
	height:60px;
	margin:0 auto;
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	justify-content: space-around;

}
.navwrap a{
	flex:1;
	font-size:14px;
	color:#ffffff;
	text-align: center;
	line-height:60px;
}
.navwrap .on{
	font-weight: bold;
	background-color:#f39939;
}
.navwrap a:hover{
	font-weight: bold;
	background-color:#f39939;
}
/*footer*/
footer{
	width:100%;
	height:300px;
	max-width: 1920px;
	margin:0 auto;
	background-color: #0156b3;
}
.endwrap{
    width:1200px;
    height:100%;
    margin:0 auto;
    padding-top:25px;
}
.endnavwrap{
    width:876px;
    height:62px;
    border-top:2px solid #1d69bb;
    border-bottom:2px solid #1d69bb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.endnavwrap a{
    flex:1;
    border-right:2px solid #d0daeb;
    font-size:14px;
    color:#fefffe;
    line-height:15px;
    text-align:center;
}
.endnavwrap a:last-child{
    border-right:0px;
}
.end2wrap{
    display: flex;
    justify-content: space-between;
}
.end2_left{
    padding-top:36px;
}
.end2_left span{
    font-size:14px;
    color:#fefffe;
    line-height: 20px;
}
.endtel{
    font-size:30px;
    color:#fff;
    font-family: "Impact";
    line-height:38px;
    margin-bottom:17px;
}
.cpright p{
	font-size:14px;
	color:#ffffff;
	line-height:25px;
}
.end2_right{
    padding-right:68px;
    padding-top:35px;
    display: flex;
    align-items: center;
}
.end2_right img{
	margin-right:13px;
}
.end2_right p{
    font-size:12px;
    color:#fefffe;
    line-height:25px;
}
/*index*/
.index1{
	width:1200px;
	height:555px;
	margin:0 auto;
	padding-top:79px;
}
.index1sort{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index1title h5{
	font-size:26px;
	color:#333333;
	line-height: 1;
	font-weight: normal;
}
.index1title h5::after{
	content:"";
	display: block;
	width:22px;
	height:2px;
	background-color:#1f8641;
	margin:9px 0 11px;
}
.index1title p{
	font-size:12px;
	color:#999999;
	line-height: 1;
}
.i1sort{
	display: flex;
	align-items: center;
}
.i1sort a{
	margin-left:16px;
	padding:0 26px;
	line-height:30px;
	font-size:14px;
	color:#545454;
	border-radius:15px;
}
.i1sort a:hover{
	background-color:#0156b3;
	color:#ffffff;
}
.index1content{
	margin-top:40px;
}
.proslide div{
	width:385px;
	height:245px;
	border:1px solid #ededed;
	display: flex;
	align-items: center;
	justify-content: center;
}
.proslide div img{
	max-width:80%;
}
.proslide p{
	font-size:16px;
	color:#333333;
	line-height:24px;
	margin-top:26px;
	text-align: center;
}
.index2wrap{
	width:100%;
	height:500px;
	background-color:#f5f5f5;
}
.index2{
	width:1200px;
	height: 100%;
	padding-top:88px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.index2_l{
	width:640px;
	height: 316px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.indextitle h4{
	font-size:28px;
	color:#333333;
	line-height:42px;
}
.indextitle h4::after{
	content:"";
	display: block;
	width:40px;
	height:2px;
	background-color:#1f8641;
	margin-top:16px;
}
.index2content{
	margin-top:26px;
}
.index2content p{
	font-size:14px;
	color:#545454;
	line-height:32px;
	text-align: justify;
	text-indent: 2em;
}
.index2more{
	width:220px;
	height:43px;
	border-radius:21.5px;
	border:1px solid #1f8641;
	font-size:14px;
	color:#1f8641;
	line-height:41px;
	text-align: center;
	margin-top:auto;
}
.index2more:hover{
	background-color:#1f8641;
	color:#fff;
}
.index2_r{
	position: relative;
	width:500px;
	height:316px;
}
.index2_r img{
	display: block;
	position: absolute;
	left:0;
	top:0;
	z-index: 2;
	width:100%;
}
.index2_r::after{
	content:"";
	display: block;
	width:432px;
	height:272px;
	background-color:#0055b2;
	position:absolute;
	bottom:-13px;
	right:-13px;
	z-index:1;
}
.index3wrap{
	width:100%;
	height:175px;
	background:url(../images/bg_mid.jpg) center top no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.index3wrap p:first-child{
	font-size:32px;
	color:#ffffff;
	line-height:54px;
	font-weight: bold;
}
.index3wrap p:last-child{
	font-size:20px;
	color:#f5f5f5;
	line-height:42px;
}
.index4{
	width:1200px;
	height:672px;
	margin:0 auto;
	padding-top:56px;
}
.index4content{
	margin-top:41px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.i4item{
	width:590px;
	height:180px;
	padding:0 18px;
	background-color:#f5f5f5;
	margin-bottom:20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.i4item img{
	height: 142px;
	width:200px;
}
.i4info{
	width:335px;
}
.i4_title{
	font-size:18px;
	color:#333333;
	line-height:1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.i4_content{
	font-size:14px;
	color:#808080;
	line-height: 27px;
	margin:13px 0 16px;
}
.i4_date{
	font-size:12px;
	color:#808080;
}
.index5wrap{
	width:100%;
	height:400px;
	position: relative;
}
.mapwrap{
	position:absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	width:346px;
	height:379px;
	padding:62px 22px 0;
	background:url(../images/bg_map.png) center center;
	left:50%;
	transform: translateX(-50%);
	top:-50px;
	z-index:1;
	cursor: pointer;
	transition: ease-out .4s;
}
.mapwrap h2{
	font-size:30px;
	color:#ffffff;
	line-height:1;
}
.mapwrap span{
	font-size:18.76px;
	color:#80acd4;
	line-height: 30.76px;
	margin-bottom: 26px;
}
.mapwrap p{
	font-size:16px;
	color:#ffffff;
	line-height: 32px;
	text-align: center;
}
.mapwrap.on{
	transform: translateX(-50%) translateY(70px) scale(.15);
	transform-origin: bottom;
	transition: ease-out .4s;
}
.mapwrap.on > *{
	color:transparent;
}




/*innerpage:;*/
.innerpage{
	width:1200px;
	margin:60px auto 60px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.pageleft{
	width:272px;
	border-top:5px solid #0156b3;
}
.pageright{
	width:890px;
}
.list_title{
	width:100%;
	height:50px;
	text-align:left;
	padding-left:14px;
	background-color:#f5f5f5;
}
.list_title h1{
	color:#333333;
	font-size:16px;
	line-height:50px;
}
.pageleft > ul{
	width:100%;
	background-color:#f5f5f5;
}
.pageleft > ul > li{
	
}
.pageleft > ul > li > a{
	display:block;
	font-size:14px;
	color:#333333;
	line-height:50px;
	width:272px;
	height:50px;
	text-align:left;
	padding-left:40px;
}
.pageleft > ul > li > a:hover{
	background-color:#0156b3;
	color:#fff;
	font-weight:bold;
}
.liston > a{
	background-color:#0156b3;
	color:#fff !important;
	font-weight:bold;
}
.prolist{
	display:none;
	padding-bottom:15px;
	padding-left:50px;
}
.prolist li a{
	line-height:25px;
}
.contactbox{
	background-color:#f5f5f5;
	margin-top:10px;
}
.contactbox > p:nth-child(1){
	font-size:16px;
	color:#4c4c4c;
	line-height:56px;
	text-align:center;
	border-bottom:1px solid #e6e6e6;
}
.innercodewrap{
	width:272px;
	height:203px;
	display:flex;
	display:-webkit-flex;
	align-items: center;
	justify-content: space-around;
	flex-direction: column;
	padding:15px 0;
}
.inner_intro{
	width:272px;
	height:120px;
	background-color:#e6e6e6;
	display:flex;
	display:-webkit-flex;
	flex-direction: column;
	text-align:center;
	justify-content: space-around;
	padding:13px 0;
}
.inner_intro p{
	font-size:14px;
	color:#333333;
}
.pageright .content{
	line-height:1.8;
}
.pageright .content p{
	line-height:1.8;
}

/*news.asp*/
.news{
	height:220px;
	padding:30px 0;
	border-bottom:#e6e6e6 1px solid;
}
.news:first-child{
	height:190px;
	padding:0 0 30px;
}
.news:after{
	content:"";
	display:block;
	clear:both;
}
.news img{
	float:left;
	max-width:240px;
}
.newsright{
	float:right;
	width:615px;
	height:160px;
	padding-top:10px;
}
.newsright p:nth-child(1){
	font-size:18px;
	color:#333333;
	margin-bottom:32px;
	font-weight:bold;
}
.newsright p:nth-child(1) span{
	font-weight:normal;
	float:right;
	font-size:14px;
}
.newsright p:nth-child(2){
	font-size:14px;
	color:#333333;
	line-height:22px;
	margin-bottom:15px;
}
.newsright a:nth-child(3){
	display:block;
	width:100px;
	height:25px;
	background-color:#f2f2f2;
	text-align:center;
	line-height:25px;
	font-size:14px;
	color:#656565;
	cursor:pointer;
}
/*new.asp*/
.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:290px;
	margin-bottom:15px;
	text-align:center;
}
ul.lists li:nth-child(3n+2){
	margin:0 10px;
}
ul.lists li div{
	overflow:hidden;
}
ul.lists li div a{
	display:block;
	width:290px;
	height:200px;
	overflow:hidden;
	text-align: center;
}
ul.lists li p{
	background-color:#f2f2f2;
	font-size:14px;
	line-height:40px !important;
	text-align:center !important;
	color:#656565;
}

/*message*/
.msgwrap{
	margin:25px auto;
	padding:15px;
	border:1px solid #CCCCCC;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.msg_left{
	width:520px;
	float:left;
}
.msg_right{
	width:280px;
	float:right;
}
.msg_left > form > div{
	margin-bottom:22px;
}
.msg_left > form > div > span{
	display:inline-block;
	width:90px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.msg_left > form > div > input[type="text"]{
	width:365px;
	height:30px;
}