*{
	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;
}
p{
	line-height:1;
}
img{
	border:none;
	outline:none;
}
h1,h2,h3,h4,h5,h6,h7{
	margin:0px;
}
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	font-size:0px;
	height:0px;
}
a:link{
	color:#656565;
	text-decoration:none;
}
a:visited{
	color:#656565;
	text-decoration:none;
}
/*µ¥ÐÐ³¬³öÊ¡ÂÔ*/
.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;
}
.justify{
	text-align: justify;
	font-size:0px;
}
.justify li{
  display:inline-block;
  text-align:center;
  vertical-align: top;
}
.justify:after {
  content: "";
  display: inline-block;
  width: 100%;
}



.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;}


/*top*/
.topwrap{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	height:136px;
}
.top1wrap{
	width:100%;
	height:36px;
	background-color:#f5f5f5;
}
.top1{
	width:1200px;
	height:36px;
	margin:0 auto;
	display:flex;
	display:-webkit-flex;
	align-items: center;
	justify-content: space-between;
}
.top1 p:nth-child(1){
	font-size:12px;
	color:#666666;
}
.top1 p:nth-child(2){
	font-size:14px;
	color:#3468bb;
	font-weight:bold;
}
.top2{
	width:1200px;
	height:100px;
	margin:0 auto;
	display:flex;
	display:-webkit-flex;
	align-items: center;
	justify-content: space-between;
}
.navwrap{
	width:785px;
	height:100px;
	display:flex;
	display:-webkit-flex;
	align-items: center;
	justify-content: space-between;
}
.navwrap a{
	color:#333333;
	font-size:16px;
	line-height:36px;
	border-bottom:3px solid #fff;
}
.navwrap a:hover{
	color:#3468bb !important;
	font-weight: bold;
	border-bottom:3px solid #3468bb !important;
}
.navon{
	color:#3468bb !important;
	font-weight: bold;
	border-bottom:3px solid #3468bb !important;
}
/*index*/
.index1{
	width:1200px;
	height:855px;
	margin:0 auto;
	padding-top:80px;
}
.index1title{
	width:100%;
	height:29px;
	margin-bottom:40px;
	display: flex;
	display:-webkit-flex;
	align-items: center;
	justify-content: space-between;
}
.index1title div{
	width:516px;
	height:1px;
	background-color:#cccccc;
}
.index1title h2{
	font-size:28px;
	color:#333333;
	line-height:1;
}
.typeswrap{
	width:100%;
	height:45px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}
.typeswrap a{
	width:181px;
	height:45px;
	border-right:1px solid #cccccc;
	line-height:45px;
	text-align:center;
	font-size:14px;
	color:#666666;
}
.typeswrap a:hover{
	background-color:#3468bb;
	color:#ffffff;
}
.typeswrap a:first-child{
	border-left:1px solid #cccccc;
}
.indexprowrap{
	margin-top:50px;
	width:100%;
}
.indexprowrap a{
	width:290px;
	height:297px;
	display:block;
	float:left;
	margin-left:13.33px;
}
.indexprowrap a:nth-child(4n+1){
	margin-left:0px;
}
.indexprowrap a div{
	width:290px;
	height:225px;
	overflow:hidden;
}
.indexprowrap a div img{
	width:290px;
}
.indexprowrap a p{
	line-height:72px;
	text-align:center;
	font-size:14px;
	color:#666666;
}
.index2wrap{
	width:100%;
	height:452px;
	max-width:1920px;
	margin:0 auto;
	background-color:#3468bb;
}
.index2{
	width:1200px;
	height:452px;
	padding-top:101px;
	padding-right:680px;
	margin:0 auto;
	font-size:0px;
	background:url(../images/bg_index2.jpg) center top no-repeat;
}
.index2 h1{
	font-size:42px;
	color:#ffffff;
	line-height:1;
	margin-bottom:48px;
}
.index2 h1 > span{
	font-size:16px;
	margin-left:27px;
}
.index2 p{
	font-size:14px;
	line-height:26px;
	color:#ffffff;
	text-align: justify;
	margin-bottom:42px;
}
.index2 > span{
	display:inline-block;
	height:40px;
	font-weight:bold;
	color:#ffffff;
	line-height:38px;
	text-align: center;
}
.index2 > span:nth-child(3){
	width:161px;
	font-size:14px;
	border:1px solid #ff9d04;
	background-color:#ff9d04;
}
.index2 > span:nth-child(4){
	font-size:18px;
	width:179px;
	border:1px solid #ff9d04;
	vertical-align: bottom;
}
.index3{
	width:1200px;
	height:705px;
	margin:0 auto;
	padding-top:78px;
	text-align: center;
}
.index3 > a:nth-child(2){
	font-size:16px;
	color:#ff9d04;
	line-height: 1;
}
#newsScroll{
	width:1200px;
	height:435px;
	margin-top:46px;
	overflow:hidden;
}
#newsScroll li{
	float:left;
	width:350px;
	margin:0 25px;
	height:435px;
	border-bottom:1px solid #ededed;
}
.indexnews{
	display: block;
	width:100%;
	height:434px;
	cursor: pointer;
}
.indexnews > div{
	height:240px;
	width:350px;
	overflow: hidden;
}
.indexnews > div > img{
	width:350px;
}
.indexnews > p:nth-child(2){
	font-size:18px;
	color:#333333;
	font-weight:bold;
	margin:31px 0 24px;
	text-align: left;
}
.indexnews > div:nth-child(3){
	height:54px;
	margin-bottom:30px;
}
.indexnews > div:nth-child(3) p{
	font-size:14px;
	color:#808080;
	line-height:26px;
	text-align: justify;
}
.indexnews > p:last-child{
	font-size:14px;
	color:#808080;
	line-height: 20px;
	text-align:left;
	background: url(../images/indexnewsgray.png) right center no-repeat;
}
.indexnews:hover > p:last-child{
	background: url(../images/indexnewson.png) right center no-repeat;
}
.index4wrap{
	width:100%;
	max-width:1920px;
	height:500px;
	background-color:#f5f5f5;
	margin:0 auto;
}
.index4{
	width:1200px;
	height:500px;
	margin:0 auto;
	padding-top:118px;
	padding-right:670px;
	background:url(../images/indexabout.jpg) right center no-repeat;
}
.index4 h1{
	font-size: 28px;
	color:#3468bb;
	line-height: 1;
	margin-bottom: 10px;
}
.index4 p:nth-child(2){
	font-size:20px;
	color:#666666;
	margin-bottom:36px;
}
.index4 p:nth-child(n+2){
	font-size:14px;
	color:#666666;
	line-height:26px;
}
.index4 a:last-child{
	margin-top:42px;
	display: block;
	width:145px;
	height:40px;
	border-radius:20px;
	background-color:#3468bb;
	font-size:14px;
	color:#ffffff;
	line-height:40px;
	cursor:pointer;
	text-align: center;
}

/*end*/
.footwrap{
	width:100%;
	max-width:1920px;
	height:300px;
	margin:0 auto;
	background-color:#212121;
}
.foot1{
	width:1200px;
	height:250px;
	margin:0 auto;
}
.v1{
	width:400px;
	height:250px;
	float:left;
	background: url(../images/logo_bot.jpg) left center no-repeat;
}
.v2{
	float:left;
	width:320px;
	height:250px;
	padding-top:65px;
}
.v3{
	width:390px;
	height:250px;
	padding:65px 100px 0 46px;
	float:right;
	background:url(../images/label_5.png) left top 60px no-repeat; 
}
.foot2wrap{
	width:100%;
	height:50px;
	border-top:1px solid #404040;
}
.foot2{
	width:1200px;
	height:49px;
	margin:0 auto;
}
.foot2 p{
	font-size:12px;
	color:#808080;
	line-height:49px;
}
.foot2 p:nth-child(1){
	float:left;
}
.foot2 p:nth-child(2){
	float:right;
}
.foot2 p a{
	color:#808080;
}
.v2 p{
	font-size:12px;
	color:#808080;
	margin-bottom:13px;
	line-height:20px;
	padding-left:28px;
}
.v2 p:nth-child(1){
	background: url(../images/label_1.png) left center no-repeat;
}
.v2 p:nth-child(2){
	background: url(../images/label_2.png) left center no-repeat;
}
.v2 p:nth-child(3){
	background: url(../images/label_3.png) left center no-repeat;
}
.v2 p:nth-child(4){
	background: url(../images/label_4.png) left center no-repeat;
}
.v3 a{
	display: block;
	float:left;
	width:97px;
	height:15px;
	margin-bottom:18px;
	font-size:12px;
	color:#bfbfbf;
	cursor:pointer;
}
.v3 a:nth-child(even){
	border-left:1px solid #424242;
	text-align:right;
}
.v3 a:nth-child(odd){
	border-right:1px solid #767676;
}



.innerpage{
	width:1200px;
	margin:60px auto 60px;
}
.pageleft{
	float:left;
	width:260px;
}
.pageright{
	float:right;
	width:935px;
	padding-left:15px;
}
.list_title{
	width:100%;
	height:104px;
	text-align:left;
	line-height:79px;
	background-color:#3468bb;
	padding-left:20px;
	padding-top:30px;
}
.list_title h1{
	color:#fff;
	line-height:1;
}
.pageleft > ul{
	width:100%;
	background-color:#f5f5f5;
}
.pageleft > ul > li{
	/*height:69px;*/
	/*padding-left:40px;*/
	border-bottom:1px solid #dbdbdb;
	/*background:url(../images/left_jiantou.jpg) right 40px top 29.5px no-repeat;*/
}
.pageleft > ul > li > a{
	display:block;
	width:100%;
	height:69px;
	line-height:69px;
	padding-left:40px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/left_jiantou.jpg) right 40px top 29.5px no-repeat;
	cursor:pointer;
}
.pageleft > ul > li > a:hover{
	color:#3468bb;
}
.liston > a{
	color:#3468bb;
}
.prolist{
	display:none;
	padding-bottom:15px;
	padding-left:50px;
}
.prolist li a{
	line-height:25px;
}
.contactbox{
	width:100%;
	height:100px;
	margin-top:21px;
	padding-top:30px;
	padding-left:70px;
	background:url(../images/left_botbg.png) center top;
}
.contactbox p:nth-child(1){
	font-size:14px;
	color:#fff;
	line-height:15px;
}
.contactbox p:nth-child(2){
	font-size:22px;
	color:#fff;
	line-height:30px;
	font-weight:bold;
}
.bread{
	height:45px;
	line-height:45px;
	padding-left:15px;
	margin-top:12px;
	font-size:12px;
	color:#666666;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	background:url(../images/rightTitbg.jpg) left center no-repeat;
}
.bread span{
	line-height:16px;
}
.bread a{
	line-height:16px;
}
.pageright .content{
	line-height:1.8;
	text-align:justify;
}
.pageright .content p{
	line-height:1.8;
	text-align:justify;
}

/*news.asp*/
.news{
	height:48px;
	border-bottom:#dddddd 1px dashed;
}
.news a{
	float:left;
	width:400px;
	line-height:48px;
	color:#666;
}
.news a:hover{
	color:red;
}
.news span{
	float:right;
	line-height:48px;
	color:#666;
}

/*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%;
	padding:0 10px;
}
ul.lists li{
	float:left;
	width:300px;
	padding:10px;
	text-align:center;
}
ul.lists li div{
	width:280px;
	/*height:275px;*/
	overflow:hidden;
}
ul.lists li div a{
	display:block;
	height:225px;
	overflow:hidden;
	text-align: center;
	background-position:center center;
	background-repeat:no-repeat;
}
ul.lists li div img{
	width:280px;
	max-width:100%;
	vertical-align: bottom;
}
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;
}
.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;
}



