@charset "utf-8";
/* CSS Document */

@font-face{
	font-family:myFont;
	src:url('SourceHanSansSC-Regular.ttf');
	src:url('SourceHanSansSC-Regular.otf');
	src:url('DigiKey-Artex-Regular.otf');
}

body {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	color: #333;
    background: #fff;
	font-size: 15px;
	position:relative;
	font-family:myFont;
}
form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
i {
	font-style: normal;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
input, select {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	vertical-align: middle;
	outline: 0;
	font-family:myFont;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
.fix:before, .fix:after {
	content: "";
	display: table;
}
.fix {
*zoom:1;
}
.fix:after {
	clear: both;
}

button
{
	font-family:myFont;
}
form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
i {
	font-style: normal;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
input, select {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	vertical-align: middle;
	outline: 0;
	font-family:myFont;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}

.wid_banner{
	margin-top: 82px;
}

.wid_banner_max{
    background:url("../images/banner.jpg") 50% no-repeat;
    height:380px;
}

.wid_banner_750{
    display: none;
	background:url("../images/banner-750.jpg") 50% no-repeat;
	height:280px;
}

.p-nav,.p-nav-cont{
	height:87px;
	line-height: 87px;
	background: #080623;
}

.p-nav-cont img{
	margin-top: 23px;
	margin-left:22px;
}


#nav {list-style: none;margin: 0;position: fixed;background:#080623;left: 0;list-style: none;overflow: hidden;padding:0px;position: fixed;right: 0;text-align: center;top:0px;z-index:999;height:82px;}
#nav ul {float:right;width:750px;}
#nav ul li {float:left;color:#fff;display: inline-block;font-size:18px;line-height:80px;}
#nav ul li a {float:left;color: #fff;display: block;margin:0 10px;padding:0 22px;text-decoration: none;text-transform: uppercase;}
#nav ul li a:hover {color:#ff2100}
#nav .current a {color:#ff2100;}

#container {margin: 0 auto;	width:1100px;text-align:center;}
#nav .logo {float:left;width:260px;text-align:left;margin-top:0px;padding:0;}
#nav .logo img {margin-top:22px;}

.part_title {
    float: left;
    width: 100%;
    line-height: 50px;
    text-align: center;
    color: #ff2100;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 2px;
	padding-top: 50px;
}

.part1_cont {
    border: solid 1px #000;
    margin-top: 15px;
    padding: 15px;
}

.part1_cont p {
    font-size: 16px;
    line-height: 33px;
    margin: 28px 0 10px;
    text-align: left;
}

.part1_cont img {
    margin-right: 40px;
}

.part3_cont {
    border: solid 1px #000;
    margin-top: 15px;
    padding: 20px 20px 30px;
}

.part3_cont ul li h3 {
    font-size: 18px;
    background: url('../images/square.png') no-repeat 4px 17px;
    padding-left: 24px;
    line-height: 45px;
	margin-bottom: 2px;
	font-weight: 700;
}

.part3_cont ul li p{
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 30px;
}

.part4_cont {border:solid 1px #000;margin-top:15px;padding:20px 50px;}
.part4_cont .part4_list {text-align:center;margin:30px auto;width:100%;height:401px;border:solid 1px #000;display:block;}
.part4_cont .tab {float:left;width:130px;margin-right:10px;text-align:right;background:#080623;padding:3px 5px;}
.part4_cont .tab img {width:105px;height:60px;}
.part4_cont .tab ul li {float:left;width:100%;cursor:pointer;height:61px;margin-bottom:5px;padding:0;}
.part4_cont .tab ul li.yixuan {background:#ff2100 url("../images/arrow.png") no-repeat 5px 26px;}

.part4_cont .img-cont {height:412px;font-size:16px;line-height:30px;margin-left:50px;overflow: hidden;}
.part4_cont .img-cont img {margin-bottom:5px;margin-top:30px;}
.part4_cont .img-cont h4 {color:#000;font-size:15px;line-height:22px;font-weight:normal;}

.part5_cont {float:left;border:solid 1px #000;margin-top:15px;padding:20px 20px;}
.part5_area {float:left;width:100%;text-align:center;} 

.part5_cont .part5_list {float:left;width:90%;margin:15px 5% 10px;padding-bottom:15px;}
.part5_cont .part5_list h3 {color:#000;font-size:25px;line-height:35px;width:100%;margin:10px auto;text-align:center;font-weight:normal;}
.part5_cont .part5_list h3 img {vertical-align:middle;margin-right:20px;}

.part5_cont .part5_list .text {padding:10px 0;margin:20px auto;text-align:center;font-size:15px;line-height:26px;text-align:left;}

.part5_cont ul {margin:0 auto;text-align:center;overflow: hidden;}
.part5_cont ul.pro_list {width:640px;}
.part5_cont ul li {float:left;width:311px;margin:0px 0px;padding:10px;border:solid 1px #000;}
.part5_cont ul li.else {margin:0px 39px;}
.part5_cont ul li h4 {font-size:18px;line-height:40px;font-weight:normal;}
.part5_cont ul li h4 a {color:#000;}
.part5_cont ul li h4 a:hover {color:#ff2100}
.part5_cont ul li h4 img {vertical-align:middle;margin-top:2px;margin-right:3px;}
.part5_cont ul li img {margin:5px 0px;}
.part5_cont ul li p {font-size:14px;margin:5px 22px;text-align:left;line-height:25px;color:#333;height:50px;}
.part5_cont ul li p.short {height:25px;}

.part5_cont ul li .btnli {margin:0px 0px;}
.part5_cont ul li .btnli a {background:#ff2100;color:#fff;font-size:14px;margin:10px;line-height:36px;border-radius:0;width:110px;display: inline-block;}
.part5_cont ul li .btnli a:hover {background:#080623;}
.part5_cont ul li .btnli img {vertical-align:middle;margin-top:1px;}
.part5_cont .btn-more {float:left;width:100%;margin:35px 0px 0px;}
.part5_cont .btn-more a {margin-top:10px;color:#ff2100;font-size:20px;padding:10px 50px;margin:10px;background:#080623;display: inline-block;}
.part5_cont .btn-more a:hover {color:#fff;}

.part6_cont {float:left;width:100%;border:solid 1px #000;margin-top:15px;padding:10px 20px 20px;}
.part6_area {float:left;width:100%;text-align:center;} 
.part6_cont ul {overflow: hidden;text-align: left;}
.part6_cont ul li {float:left;width:100%;padding:20px 0;border-bottom: 1px solid #000;}
.part6_cont ul li:last-of-type{
	border: 0;
}
.part6_cont h4 {background:url("../images/square.png") no-repeat 5px 10px;padding-left:22px;font-size:18px;line-height:32px;font-weight:normal; font-weight: 700;margin-bottom: 5px;}
.part6_cont h4 a {color:#000;}
.part6_cont h4 a:hover {color:#ff2100;}
.part6_cont p {font-size:14px;line-height:24px;margin-top:5px;padding-left:22px;padding-right:12px;color:#000}



.footer {float:left;width:100%;background:#080623;text-align:center;margin-top:80px;padding:30px 0px;}

@media (max-width: 1200px){
	.p-dy p{
		padding:10px;
		font-size:16px;
		line-height:30px;
	}
	.p-dy{
		height: auto;
		margin-top:30px;
	}
}

@media (max-width: 900px){

	.wid_banner_max{
		display: none;
	}
	.wid_banner_750{
		display: block;
		height: 150px;
	}
	.part1_cont img{
		margin: 0;
		width: 100%;
	}
	.part5_cont ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.part5_cont ul li.else{
		margin: 0;
		margin-bottom: 20px;
	}
	.footer{
		margin-top: 20px;
	}

	.part4_cont .tab {
		display: block;
		overflow: hidden;
		width: 100%;
		float: none;
		padding: 10px 5px;
	}

	.part4_cont .tab ul li{
		width: 40%;
		margin-left: 10px;
		margin-right: 10px;
	}

	.part4_cont .img-cont{
		height: auto;
		margin: 0;
	}
	
	.part4_cont{
		padding:20px 10px;
	}

	.part4_cont .img-cont img {
		margin-top: 0;
		width: 100%;
	}

	.part4_cont .part4_list{
		height: auto;
		margin: 0;
	}

	.part4_cont .img-cont h4{
		font-size: 12px;
		padding:0 20px 20px
	}

	.part5_cont ul li p{
		height: auto;
	}
}


@media (max-width:970px){

}

@media (max-width:640px){

}

@media (max-width:485px){

}