/* 样式开始 */
		/* 导航图片 */
		.carousel-item a.banbg{
			background-image: url(/static/img/banner-new/zyzx.png);
			background-repeat: no-repeat;
			background-position: 45% center;
		}
		input::-webkit-input-placeholder{
		  color:#BFBFBF;
			font-size: 16px;
		}
		input::-moz-placeholder{   /* Mozilla Firefox 19+ */
		  color:#BFBFBF;
			font-size: 16px;
		}
		input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
		  color:#BFBFBF;
			font-size: 16px;
		}
		input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
		  color:#BFBFBF;
			font-size: 16px;
		}
		
		.tab-area a{
			color: #181818;
			margin:0px 78px ;
			height: 60px;
			line-height: 60px;
			display: inline-block;
			position: relative;
			font-size: 16px;
		}
		.tab-area a.active{
			color: #1890FF;
			border-bottom: 2px solid #387EE8;
		}
		.tab-area{
			position: relative;
		}
		.breadcrumb{
			position: absolute;
			left: 0px;
			padding: 0px;
			background: transparent;
			top: 20px;
		}
		.breadcrumb a{
			margin: 0 !important;
			height: 0px !important;
			line-height: inherit !important;
			font-size: 14px;
		}
		.breadcrumb .breadcrumb-item a{
			color: #181818;
			font-size: 14px;
		}
		.breadcrumb-item.active {
			color: #999;
			cursor: pointer;
		}
		.breadcrumb .breadcrumb-item a:hover{
			color: #1890FF;
		}
		.breadcrumb{
			position: absolute;
			left: 0px;
		}
		.mainCont{
			display: none;
		}
		.selected{
			display: block;
		}
		/* 大标题 */
		.title-area{
			padding: 70px 0px 70px;
		}
		.title-area h3{
			font-size: 28px;
			color: #181818;
			font-weight: 400;
		}
		.contentWp{
			position: relative;
		}
		.tab-container{
			background: #FFFFFF;
			position: absolute;
			top: 0px;
			width: 100%;
			box-shadow: 0px 0px 18px 0px rgba(1, 32, 78, 0.1);
		}
		.product{
			padding-top: 120px;
		}
		
		/* 面包屑 */
		.part1 .breadcrumb{
			padding: 30px 0px 10px;
			font-size: 14px;
			background: #fff;
			color: #7D7D7D;
		}
		.part1 .breadcrumb a{
			color: #7D7D7D;
		}
		.right-content-area h4{
			font-size: 16px;
			color: #181818;
			font-weight: bold;
		}
		.right-content-area{
			width: 62%;
			margin-left: 30px;
			position: relative;
			display: inline-block;
			height: 171px;
		}
		.right-content-area p{
			color: #666666;
			font-size: 14px;
			line-height: 28px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.right-content-area .right-content-btm{
			position: absolute;
			bottom: 0px;
			width: 100%;
			line-height: 1;
		}
		.right-content-area .right-content-btm a{
			float: right;
			color: #1890FF;
		}
		.right-content-area .right-content-btm span{
			color: #A0A0A0;
		}
		
		/* 右侧输入框开始 */
		.form-control {
			color: #BFBFBF;
			border: 1px solid #E5E5E5;
			border-radius: 2px;
		}
		
		.part1-right .form-area{
			position: relative;
			margin-bottom: 34px;
		}
		.part1-right .form-area i{
			position: absolute;
			top: 8px;
			right: 20px;
			color: #BFBFBF;
		}
		.part1-right .part1-right-common{
			border: 1px solid #E5E5E5;
			color: #999;
			padding: 15px 16px;
			font-size: 12px;
			margin-bottom: 24px;
		}
		.part1-right .part1-right-common h4{
			font-size: 18px;
			color: #181818;
			font-weight: 400;
			padding-bottom: 16px;
		}
		.part1-right .item1 span{
			padding: 6px 12px;
			border: 1px solid #E9E9E9;
			border-radius: 2px;
			margin-right: 8px;
			margin-bottom: 12px;
			display: inline-block;
		}

		.part1-right .item1 span a{
			color: #999;
		}
		.part1-right .item1 span:hover{
			border: 1px solid #1890FF;
		}
		.part1-right .item1 span:hover a{
			color: #1890ff ;
		}
		.part1-right .item2 li{
			position: relative;
			padding-left: 10px;
			margin-bottom: 10px;
		}
		.part1-right .item2 .first-text span{ 
			color: #181818;
			font-size: 14px;
		}
		.part1-right .item2 .first-text span a{
			color: #181818;
		}
		.part1-right .item2 .first-text span:nth-of-type(1){
			position: absolute;
			left: 0px;
			top: 10px;
			width: 4px;
			height: 4px;
			background: #181818;
			border-radius: 50%;
			display: inline-block;
		}
		.part1-right .item2 li{
			line-height: 21px;
		}
		.part1-right .item2 .second-text{
			line-height: 26px;
		}
		.part1-right .item2 .second-text p{
			line-height: 26px;
		}
		.part1-right .item2 .second-text a{
			font-size: 12px;
			color: #999 !important;
		}
		.product-manual-title{
			font-size: 30px;
			color: #181818;
			font-weight: 400;
			padding-left: 16px;
			margin-bottom: 36px;
			border-left: 3px solid #1890ff;
		}
		#listArea .list-product-manual .part1-ul li{
			padding:20px 0px;
			font-size: 16px;
			color: #181818;
			position: relative;
			border-bottom: 1px solid #E5E5E5;
			cursor: pointer;
		}
		#listArea .list-product-manual .part1-ul li img{
			height: 24px;
			margin-right: 15px;
		}
		#listArea .list-product-manual .part1-ul li span{
			font-size: 14px;
			color: #A0A0A0;
			position: absolute;
			right: 0px;
		}
		#pages-btn{
			text-align: right;
			margin-top: 36px;
			margin-bottom: 70px;
		}
		#loadMode .form-title{
			font-size: 14px;
			color: #1890ff;
			text-align: center;
			margin-bottom: 30px;
		}
		#openShowInfor{
			display: none;
		}
		#openShowInfor .product-manual-content h4{
			font-weight: 400;
			font-size: 24px;
			color: #181818;
			margin-bottom: 20px;
		}
		#openShowInfor .product-manual-content p{
			font-size: 14px;
			color: #666666;
			line-height: 30px;
		}
		#openShowInfor .product-manual-img {
			display: inline-block;
			width: 243px;
			height: 268px;
			background: #FFFFFF;
			border: 1px solid #E5E5E5;
		}
		#openShowInfor .product-manual-img img{
			height: 200px;
			margin-top: 34px;
		}
		#openShowInfor .product-manual-more{
			margin-top: 40px;
			width: 853px;
		}
		#openShowInfor .product-manual-more li{
			line-height: 32px;
		}
		#openShowInfor .product-manual-more h5{
			font-size: 16px;
			color: #181818;
			font-weight: 400;
			margin-bottom: 30px;
		}
		#openShowInfor .product-manual-more > div{
			padding-bottom: 30px;
		}
		#openShowInfor .product-manual-more > div img{
			height: 18px;
			margin-right: 9px;
		}
		#openShowInfor .product-manual-more > div a{
			color: #1890ff;
			font-size: 14px;
			padding-left: 15px;
			text-decoration: underline;
		}
		#openShowInfor .product-manual-more ul{
			padding: 20px 0px;
			border-top: 1px solid #E5E5E5;
		}
		#openShowInfor .product-manual-more ul a{
			color: #666666;
			font-size: 14px;
		}
		#openShowInfor .form-layui-new{
			background: #F3F4F6;
			padding: 24px 32px;
			width: 853px;
			padding-bottom: 10px !important;
			border-bottom: 0px !important;
		}
		#openShowInfor .form-layui-new .layui-input-block{
			margin-left: 0px;
			width: 375px;
			display: inline-block;
		}
		#openShowInfor .mg-round{
			margin: 0px 30px 15px 0px;
		}
		#openShowInfor .submit-btn .layui-btn {
			height: 40px;
			line-height: 40px;
			border: 1px solid transparent;
			background: #1890FF;
			padding: 0 62px;
			font-size: 18px;
			border-radius: 5px;
		}
		.train-ul-inner{
			margin-bottom: 90px;
		}
		.train-ul-inner li{
			padding: 20px 0px 20px 26px;
			position: relative;
			font-size: 16px;
			color: #181818;
			border-bottom: 1px solid #E5E5E5;
		}
		.train-ul-inner .train-dot {
			width: 6px;
			height: 6px;
			background: #999;
			border-radius: 50%;
			display: inline-block;
			position: absolute;
			top: 28px;
			left: 0px;
		}
		.train-ul-inner a{
			color: #1890ff !important;
			position: absolute;
			right: 0px;
		}
		.train-ul-inner a img{
			height: 8px;
			margin-right: 10px;
		}
		.show-infot-btn .layui-btn{
			width: 180px;
			height: 40px;
			line-height: 40px;
			background: #BFBFBF;
			border-radius: 5px;
			font-weight: 400;
			font-size: 18px;
			color: #fff;
		}
		.modal-header{
			background: #25488C;
			padding: 14px 0px 10px;
			font-size: 18px;
			position: relative;
		}
		.modal-title{
			width: 90%;
			color: #fff;
		}
		.modal-header .close {
			float: inherit;
			font-size: 18px;
			font-weight: 400;
			line-height: 1;
			color: #fff;
			text-shadow: 0 0px 0 #fff;
			opacity: 1;
			margin-left: -40px;
			position: absolute;
			right: 20px;
		}
		.modal-footer{
			justify-content: center;
		}
		.train-li-text{
			width: 80%;
			font-size: 16px;
			color: #181818;
			display: inline-block;
		}
		.test-table thead{
			background-color: #C7DAF1;
			font-size: 20px;
			text-align: center;
		}
		.test-table thead tr,.test-table thead th,.test-table tbody td{
			border: 2px solid #000;
			font-size: 20px;
			font-weight: 400;
		}
		.test-table th{
			padding: 20px;
		}
		.test-table .inner-table{
			width: 100%;
		}
		.test-table .inner-table tr,.test-table .inner-table th{
			border: 0px solid #000;
			padding: 20px;
		}
		.test-table .inner-table th{
			border-right: 2px solid #000;
		}
		.test-table tbody td{
			padding: 20px;
			text-align: center;
		}
		.test-table tbody .td-text{
			text-align: left;
			font-weight: 400;
			font-size: 16px;
			color: #181818;
		}
		.test-table{
			margin: 30px;
			width: 75%;
			display: inline-block;
		}
		.w-20-th{
			width: 20%;
		}
		.w-40-th{
			width: 40%;
		}
		.w-80-th{
			width: 80%;
		}
		@media screen and (min-width:1600px){
			
		}
		@media screen and (min-width:1560px) and (max-width: 1650px){
			.carousel-item a.banbg{
				background-position: 50% center;
			}
		}
		@media screen and (min-width:1500px) and (max-width: 1559px){
			.carousel-item a.banbg{
				background-position: 42% center;
			}
		}
		/*大型屏幕pc 1600>=pc>=1400 超大屏*/
		@media screen and (min-width:1400px) and (max-width: 1600px){
			.navbar-expand-lg .navbar-nav .nav-link{
				padding-left: 0.3rem;
				padding-right: 0.3rem;
			}
		}
		@media screen and (min-width:1381px) and (max-width: 1450px){
			.navbar-expand-lg .navbar-nav .nav-link{
				padding-left: 0.3rem;
				padding-right: 0.3rem;
			}
		}
		/*大型屏幕pc 1400>=pc>=1200 超大屏*/
		@media screen and (min-width:1200px) and (max-width: 1399px){		
			.navbar-expand-lg .navbar-nav .nav-link{
				padding-left: 0.3rem;
				padding-right: 0.3rem;
			}
			.carousel-item a.banbg {
				background-position: 44.5% center;
			}
		}
		/*1200>=pc>=992 大屏*/
		@media screen and (min-width:992px) and (max-width: 1199px){		
			.carousel-item a.banbg {
				background-position: 34% center;
			}
			.navbar-nav li{
				margin: 0px;
				padding: 0px 6px;
			}
			.suspension{
				padding: 10px 10px 10px 14px;
			}
			.form-inline {
			    justify-content: flex-end;
			}
			.navbar-expand-lg .navbar-nav .nav-link{
				padding-left: 0.2rem;
				padding-right: 0.2rem;
			}
			.form-layui-new{
				width: 80%;
			}
			#openShowInfor .form-layui-new,#openShowInfor .product-manual-more ul{
				width: 80%;
			}
			#openShowInfor .form-layui-new{
				padding: 20px;
			}
			#openShowInfor .form-layui-new .layui-input-block{
				width: 46%;
			}
		}
		/*768<=pad<992 中屏*/
		/*phone<768  小屏*/
		@media screen and (max-width: 992px) and (min-width: 480px){
			.carousel-item a.banbg {
				background-position: 26% center;
			}
			.title-area h3{
				font-size: 24px;
			}
			.title-area h4 {
				font-size: 16px;
				padding: 0px 14px;
			}
			.title-area{
				padding: 30px 0px;
			}
			.tab-area a{
				margin: 0px 10px;
			}
			.breadcrumb a{
				font-size: 12px;
			}
			.product {
				padding: 100px 14px 0px;
			}
			.carousel-inner{
				margin-top: 0px;
			}
			
			.product-manual-title{
				font-size: 24px;
			}
			.mainCont .col-9{
				flex: 0 0 60%;
				max-width: 60%;
				padding: 0px;
			}
			.mainCont .col-3 {
				flex: 0 0 40%;
				max-width: 40%;
			}
			#pages-btn{
				width: 120%;
				text-align: left;
			}
			.test-table {
				width: 100%;
				display: inline-block;
				margin: 30px 0px 30px -20px;
			}
			#openShowInfor .col-8{
				flex: 0 0 100%;
				max-width: 100%;
			}
			#openShowInfor .form-layui-new{
				width: 165%;
				padding: 10px;
			}
			#openShowInfor .product-manual-more ul{
				width: 165%;
			}
			#openShowInfor .product-manual-more{
				width: 100%;
			}
			#openShowInfor .form-layui-new .layui-input-block{
				width: 100%;
			}
		}
		/* 超小屏*/
		@media screen and (max-width: 480px){
			.carousel-item a.banbg {
				background-position: 70% center;
			}
			.title-area h3{
				font-size: 24px;
			}
			.title-area h4 {
				font-size: 16px;
				padding: 0px 14px;
			}
			.title-area{
				padding: 30px 0px;
			}
			.tab-area a{
				margin: 0px 10px;
			}
			.breadcrumb{
				position: inherit;
				padding-left: 14px;
			}
			.product {
				padding: 120px 14px 0px;
			}
			.carousel-inner{
				margin-top: 0px;
			}
			
			.product-manual-title{
				font-size: 18px;
				margin-bottom: 20px;
			}
			.train-ul-inner li {
				padding: 20px 0px 20px 6px;
			}
			.mainCont .col-9,.mainCont .col-3 {
				flex: 0 0 100%;
				max-width: 100%;
				padding: 0px !important;
			}
			#listArea .list-product-manual .part1-ul li{
				font-size: 14px;
			}
			#pages-btn{
				text-align: center;
				margin:20px 0px;
			}
			
			#pages-btn .layui-laypage-skip,#pages-btn .layui-laypage-limits{
				display: none;
			}
			.train-ul-inner li{
				font-size: 14px;
			}
			.train-li-text{
				width: 75%;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				display: inline-block;
			}
			.test-table{
				width: 100%;
				margin: 20px 0px 20px -6px;
			}
			.test-table th,.test-table tbody td{
				padding: 4px;
			}
			.test-table thead tr, .test-table thead th, .test-table tbody td,.test-table tbody .td-text{
				font-size: 12px;
				border-width: 1px;
			}
			.test-table .inner-table tr, .test-table .inner-table th{
				padding: 4px;
				border-right-width: 1px;
			}
			.show-infot-btn {
			    margin-bottom: 0px;
			}
			#openShowInfor .form-layui-new{
				width: 100%;
				padding:10px;
			}
			#openShowInfor .product-manual-more{
				width: 100%;
			}
			#openShowInfor .form-layui-new .layui-input-block{
				width: 100%;
			}
			#openShowInfor .col-8 {
				flex: 0 0 100%;
				max-width: 100%;
			}
			#modal{
				width: 100% !important;
				left: 0px !important;
			}
			#modal .from-out{
				padding: 20px !important;
			}
			#modal .mobile-form-btn{
				margin-left: 0px !important;
			}
			/* .tab-container{
				height: 60px;
			}
			.tab-container .tab-area .tab-item{
				display: none;
			} */
		}