



.product{
	margin:50px 0;
	position: relative;
}
.product .list{
	margin:20px 0;
	display: none;
}
.product .list.curr{
	display: block;
}
.product .list .left{
	width:35%;
	margin-right: 35px;
}
.product .list .left:nth-child(1){
	padding:5px;
	background-color: #eee;
	border-radius: 5px;
}
.product .list .left:nth-child(1) img{
	height:300px;
}
.product .list .left:nth-child(2) .tit{
	font-size: 26px;
	color: #2F2F2F;
	display: block;
	margin:10px 0;
}
.product .list .left:nth-child(2) .cnt{
	border-top: 1px solid #E4E4E4;
	padding:10px 0;
}
.product .list .left:nth-child(2) .cnt .txt{
	text-align: justify;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	line-height: 25px;
}
.product .list .left:nth-child(2) .cnt .curr{
	margin-top:20px;
}
.product .list .left:nth-child(2) .cnt .curr span{
	margin-right:20px;
	font-size: 16px;
	font-weight: 600;
	color: #2F2F2F;
	line-height: 19px;
}
.product .list .left:nth-child(2) .cnt .curr span:nth-child(2){
	display: inline-block;
	width: 95px;
	height: 1px;
	border: 2px solid #979797;
}
.product .prolist>div.left{
	width:24%;
	margin:5px;
}
.product .prolist>div.left .pic{
	padding:5px;
	border-radius: 11px;
	border: 1px solid #E0E0E0;
}
.product .prolist>div.left .pic>img{
	height:210px;
}
.product .prolist>div.left .tit{
	position: relative;
}
.product .prolist>div.left .tit>span{
	display: block;
	width: 200px;
	font-size: 16px;
	color: #333333;
	border-bottom: 2px solid #C9C9C9;
	padding:10px 0;
	font-weight: 500;
}
.product .prolist>div.left .tit::before{
	position: absolute;
	top:10px;
	right:20px;
	content: " ";
	background: url("../img/qzjd/h3.png") no-repeat center;
	width:32px;
	height:32px;
}
.product .prolist>div.curr .tit::before{
	background: url("../img/qzjd/h2.png") no-repeat center;
}
.product .prolist>div.curr .tit span{
	font-weight: 600;
}



.product .proname{
	margin:50px 0;
	background: #FFFFFF;
	box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.09);
}
.product .proname li{
	position: absolute;
	list-style: none;
	font-size: 22px;
	font-weight: 500;
	color: #2F2F2F;
	line-height: 33px;
	letter-spacing: 2px;
	text-align: center;
	padding:20px 20px;
	border: 1px solid #E4E4E4;
	height:100px;
	
}
.product .proname li:nth-child(1){
	top:0;
	right:0;
}
.product .proname li:nth-child(2){
	top:99px;
	right:0;
}
.product .proname li:nth-child(3){
	top:198px;
	right:0;
}
.product .proname li:nth-child(4){
	top:297px;
	right:0;
}
.product .proname li.curr{
	background: #1e46ae;
	font-size: 30px;
	color: #FFFFFF;
	line-height:100px;
	padding:0px 20px;
}
.product .proname li>span{
	display: block;
}
.product .proname li.curr>span{
	display: inline-block;
}
.adv{
	margin-bottom:30px;
	margin-left:0;
	margin-right:0;
}
.yb{
	margin:30px 0;
	background: #f9f9f9;
}
.yb table.gridtable {
	margin-top:30px;
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
.yb table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
.yb table.gridtable td {
    border-width: 1px;
    padding: 6px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;

}
.fw{
	margin:30px 0;
	background: #ffffff;
}
.fw{
	margin:30px 0;
	background: #ffffff;
}
.fw .cnt{
	border-top:2px solid #1e46ae;
	border-right:2px solid #1e46ae;
	border-bottom:2px solid #1e46ae;
	height:200px;
	max-width:90%;
	margin:100px 100px;
	position: relative;
}
.fw .cnt ul>li{
	list-style: none;
	background-color: #1e46ae;
	text-align: center;
	color:#ffffff;
	width:25%;
	height:150px;
	padding:20px;
	border-radius: 10px;
	position: absolute;
}
.fw .cnt ul>li>span{
	display: block;
}

.fw .cnt ul>li:nth-child(1){
	top:-80px;
	left:-30px;
}
.fw .cnt ul>li:nth-child(2){
	top:-80px;
	left:40%;
}
.fw .cnt ul>li:nth-child(3){
	top:-80px;
	right:-100px;
}
.fw .cnt ul>li:nth-child(4){
	bottom:-80px;
	right:-100px;
}
.fw .cnt ul>li:nth-child(5){
	bottom:-80px;
	left:40%;
}
.fw .cnt ul>li:nth-child(6){
	bottom:-80px;
	left:-30px;
}
.fw .cnt>div>span{
	color:#1e46ae;
	position: absolute;
	font-size: 26px;
    font-weight: 600;
}
.fw .cnt>div>span:nth-child(1){
	top: -23px;
    left: 270px;
    
}
.fw .cnt>div>span:nth-child(2){
	top: -23px;
    left: 690px;
    
}
.fw .cnt>div>span:nth-child(3){
	top: 81px;
    right: -14px;
    transform: rotate(90deg);
    
}
.fw .cnt>div>span:nth-child(4){
	bottom: -18px;
    right: 230px;
    
}
.fw .cnt>div>span:nth-child(5){
	bottom: -18px;
    left: 270px;
}
.sys{
	background: #F5FFFE;
	text-align: center;
	padding:30px 0;
}
.sys .tit>h3{
	font-size: 40px;
	color: #4D4D4D;
	letter-spacing: 2px;
	margin:20px 0;
}
.sys .tit>p{
	font-size: 24px;
	color: #4D4D4D;
	letter-spacing: 2px;
}
.sys .cnt{
	margin:20px 0;
}
.sys .cnt>img{
	width:32%;
	margin:5px;
}
/*移动端适配*/
@media (max-width: 1199px) {
	.nav__icon-wrap{
		display: block;
	}
	.pcnav{
		display: none;
	}


}

@media (max-width: 991px) {
	
	


	.footer .right{
		display: none;
	}
	.product>.tit img{
		max-width: 50%;
	}
	.product .proname{
		display: none;
	}
	.product .prolist{
		display: none;
	}
	.product .list{
	    display: block;
	}
	.product .list .left {
	     margin-right: 5px; 
	}
	.product .list .left:nth-child(1) {
	    width: 24%;
	}
	.product .list .left:nth-child(1) img {
	    height: 75px;
	}
	.product .list .left:nth-child(2) {
	    width: 72%;
	}
	.product .list .left:nth-child(2) .cnt {
	    padding: 5px 0;
	}
	.product .list .left:nth-child(2) .cnt .curr {
	    display: none;
	}
	.product .list .left:nth-child(2) .tit {
	    font-size: 18px;
	    margin: 2px 0;
	}
	.product .list .left:nth-child(2) .cnt .txt {
	    font-size: 14px;
	    line-height: 20px;
	    display: -webkit-box;
      	-webkit-line-clamp: 2;
      	-webkit-box-orient: vertical;
      	display: -moz-box;
      	-moz-line-clamp: 2;
      	-moz-box-orient: vertical;
      	overflow-wrap: break-word;
      	word-break: break-all;
      	white-space: normal;
      	overflow: hidden;
	}

	.adv{
		margin-bottom:30px;
		margin-left:-20px;
		margin-right:-20px;
		height:250px;

	}
	.adv>img{
		height:270px;
	}

	.yb .tit img{
		max-width: 60%;
	}
	.fw .tit img{
		max-width: 65%;
	}
	.fw .cnt {

	    border: none; 
	    border-right: 2px solid #1e46ae; 
	    height: 650px;
	    max-width: 100%;
	    margin: 0; 
	    margin-right: 50%; 
	    margin-top:150px;
	    margin-bottom:130px;
	}
	.fw .cnt ul {
	    max-width: 750px;
	}
	.fw .cnt ul>li {
	    width: 200%;
	    height: auto;
	    border-radius: 10px;
	}
	.fw .cnt ul>li>span{
		display: inline-block;
	}
	.fw .cnt ul>li>div{
		margin-top:5px;
	}
	.fw .cnt ul>li:nth-child(1){
		top:-100px;
		left: 0%;
	}
	.fw .cnt ul>li:nth-child(2){
		top:50px;
		left: 0%;
	}
	.fw .cnt ul>li:nth-child(3){
		top:200px;
		left: 0%;
	}
	.fw .cnt ul>li:nth-child(4){
		bottom:200px;
		left: 0%;
	}
	.fw .cnt ul>li:nth-child(5){
		bottom:50px;
		left: 0%;
	}
	.fw .cnt ul>li:nth-child(6){
		bottom:-100px;
		left: 0%;
	}

	.fw .cnt>div>span:nth-child(1){
		top: 5px;
    	left: 97%;
	    transform: rotate(90deg);
	    
	}
	.fw .cnt>div>span:nth-child(2){
		top: 155px;
	    left: 97%;
	    transform: rotate(90deg);
	    
	}
	.fw .cnt>div>span:nth-child(3){
		top: 305px;
	    left: 97%;
	    transform: rotate(90deg);
	    
	}
	.fw .cnt>div>span:nth-child(4){
		bottom: 150px;
	    left: 99%;
	    transform: rotate(-90deg);
	    
	}
	.fw .cnt>div>span:nth-child(5){
		bottom: 10px;
	    left: 93%;
	    transform: rotate(-90deg);
	}

	.sys .tit>h3 {
	    font-size: 30px;
	    margin: 10px 0;
	}
	.sys .tit>p {
	    font-size: 16px;
	}
	.sys .cnt>img {
	    width: 46%;
	    margin: 5px;
	}

}

@media (max-width: 639px) {

}


@media (max-width: 479px) {

}