@charset "utf-8";
/* CSS Document */
*{
	text-align:justify;
	}
a{
	display:block;
	}
.position p a{
	display:inline-block;
	}
.nav-wrap ul{
	border:none;
	border-bottom:1px solid #dddfdf;
	border-radius:0;
	background:none;
	text-align:center;
	padding:0;
	}
.nav-wrap ul li{
	float:none;
	}
.nav-wrap li a.cp_on, .nav-wrap li a:hover{
	border-bottom:1px solid #3172ca;
	background:none;
	padding:0;
	margin:0 20px;
	}
.cpgs16{
	padding-bottom:70px;
	position:relative;
	}
.cpgs16-left{
	width:360px;
	float:left;
	position:relative;
	height:412px;
	}
.cpgs16-img{
	width:747px;
	height:auto;
	/* background:#eee; */
	float:right;
	}
.cpgs16-img img{
	width:100%;
	height:auto;
	}
.cpgs16-left .cpgs16-title{
	font-size:34px;
	line-height:200%;
	color:#333;
	font-weight:bold;
	padding-bottom:10px;
	}
.cpgs16-left .cpgs16-subtitle{
	font-size:22px;
	color:#333;
	line-height:30px;
	padding-bottom:20px;
	}
.cpgs16-left .cpgs16-body{
	font-size:14px;
	line-height:21px;
	color:#666;
	height:221px;
	}
.cpgs16-left .cpgs16-more{
	width:176px;
	height:40px;
	background:#59baee;
	font-size:14px;
	color:#fff;
	padding-left:26px;
	line-height:40px;
	position: absolute;
    left: 0;
    top: 354px;
	}
.cpgs16-left .cpgs16-more img{
	width:37px;
	height:40px;
	float:right;
	background:#3172ca;
	}
.cpgs16-txt{
	width:688px;
	height:402px;
	float:right;
	}
.cpgs16-img1{
	width:295px;
	height:402px;
	float:left;
	position:relative;
	}
.cpgs16-img1 img{
	width:100%;
	height:auto;
	min-height:100%;
	}
.cpgs16-img1 .cpgs16-txt1{
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/cp16_81.png) repeat;
	width:255px;
	padding:17px 20px 31px;
	}
.cpgs16-img1 .cpgs16-txt1 .title{
	font-size:22px;
	line-height:200%;
	color:#f4f4f4;
	padding:0;
	border:none;
	width:auto;
	}
.cpgs16-img1 .cpgs16-txt1 p{
	font-size:14px;
	line-height:21px;
	color:#f4f4f4;
	}
.cpgs16-img1 .cpgs16-txt1 p span{
	color:#59baee;
	}
.cpgs16-img3{
	width:372px;
	height:191px;
	overflow:hidden;
	float:right;
	}
.cpgs16-img3 .cpgs16-txt1{
	width:332px;
	}
.cpgs16-img4{
	margin-top:20px;
	width:372px;
	height:191px;
	margin-left:21px;
	}
.cpgs16-img4 img{
	width:176px;
	height:191px;
	}
.cpgs16-img4 .cpgs16-txt1{
	width:156px;
	position:absolute;
	left:auto;
	right:0;
	top:0;
	padding:5px 20px 0;
	}
.cpys16{
	width:100%;
	height:643px;
	background:#f8f8f8;
	padding-bottom:63px;
	}
.cpys16-main{
	width:1160px;
	margin:0 auto;
	}
.cpys16-main .cpys16-title{
	padding-top:34px;
	font-size:34px;
	text-align:center;
	font-weight:bold;
	line-height:200%;
	}
.cpys16-bot{
	width:100%;
	height:396px;
	overflow:hidden;
	padding-top:24px;
	}
.cpys16-menu{
	width:100%;
	height:121px;
	}
.cpys16-menu li{
	width:380px;
	float:left;
	margin-right:9px;
	display:inline-table;
	}
.cpys16-menu li:nth-child(3){
	margin-right:0;
	}
.cpys16-menu li a{
	background:#fff;
	height:121px;
	font-size:22px;
	color:#333;
	text-align:center;
	line-height:29px;
	vertical-align:middle;
	display:table-cell;
  	background:url(../images/cp16_71.png) bottom center no-repeat;
	}
.cpys16-menu li a.cpys16-on{
  	background:url(../images/cp16_05.png) bottom center no-repeat;
	color:#fff;
	}
.cpys16-bot-1{
	display:none;
	}
#cpys16-top1{
	display:block;
	}
.cpys16-bot-1 .cpys16-list{
	position:relative;
	width:100%;
	height:396px;
	}
.cpys16-bot-1 .cpys16-list li{
	width:200px;
	background:url(../images/cp16_72.png) left 2px no-repeat;
	padding-left:20px;
	font-size:14px;
	line-height:21px;
	position:absolute;
	}
.cpys16-bot-1 .cpys16-list li span{
	color:#218df6;
	}
#cpys16-top1 .cpys16-list .cpys16-co1 li{
	width: 210px;
}
.cpys16-bot-1 .cpys16-list li:nth-child(1){
	top:46px;
	left:0;
	}
.cpys16-bot-1 .cpys16-list li:nth-child(2){
	top:140px;
	left:0;
	}
#cpys16-top1 .cpys16-list .cpys16-co2 li:nth-child(2){
	top:180px;
	left:0px;
	}
.cpys16-bot-1 .cpys16-list li:nth-child(3){
	top:191px;
	left:0;
	}
.cpys16-bot-1 .cpys16-list li:nth-child(4){
	top:46px;
	left:900px;
	}
.cpys16-bot-1 .cpys16-list li:nth-child(5){
	top:115px;
	left:900px;
	}
.cpys16-bot-1 .cpys16-list li:nth-child(6){
	top:191px;
	left:900px;
	}
#cpys16-top2 .cpys16-co{
	width: 212px;
}
#cpys16-top2 .cpys16-list .cpys16-co2{
	left: 928px;
}
#cpys16-top2 .cpys16-list .cpys16-co1 li{
	width: 210px;
}
#cpys16-top2 .cpys16-list li:nth-child(1){
	width:212px;
	top:46px;
	left:0px;
	}
#cpys16-top2 .cpys16-list li:nth-child(2){
	width:200px;
	top:90px;
	left:0px;
	}
#cpys16-top2 .cpys16-list .cpys16-co2 li:nth-child(2){
	width:200px;
	top:140px;
	left:0px;
	}
#cpys16-top2 .cpys16-list li:nth-child(3){
	width:200px;
	top:227px;
	left:0px;
	}
#cpys16-top3 .cpys16-list li:nth-child(1){
	width:300px;
	top:140px;
	left:836px;
	}
.cptx16-title{
	padding-top:60px;
	font-size:34px;
	line-height:200%;
	color:#333;
	font-weight:bold;
	}
.cptx16-tab{
	padding-top:12px;
	padding-bottom:62px;
	}
.cptx16-menu{
	width:275px;
	float:left;
	}
.cptx16-menu li{
	width:100%;
	height:60px;
	border-bottom:1px solid #eaeaea;
	}
.cptx16-menu li:nth-child(5){
	border-bottom:none;
	}
.cptx16-menu li a{
	font-size:16px;
	color:#333;
	height:60px;
	line-height:60px;
	padding-left:29px;
	}
.cptx16-menu li a.cptx16-on{
	background:#3172ca url(../images/cp16_03.png) 222px center no-repeat;
	color:#fff;
	}
.cptx16-bot{
	width:864px;
	height:346px;
	float:right;
	background:#f2f2f2;
	}
.cptx16-bot-1{
	display:none;
	}
#cptx16-top1{
	display:block;
	}
.cptx16-body{
	padding:30px 30px 12px 53px;
	}
.cptx16-txt{
	width:338px;
	float:left;
	font-size:16px;
	line-height:26px;
	padding-top:40px;
	}
.cptx16-body .cptx16-img{
	float:right;
	width:415px;
	height:304px;
	overflow:hidden;
	}
.cptx16-body .cptx16-img img{
	width:100%;
	height:auto;
	}
.yycj16-title{
	font-size:34px;
	line-height:200%;
	color:#333;
	font-weight:bold;
	text-align:center;
	padding-bottom:32px;
	}
.yycj16{
	width:100%;
	}
.yycj16-main{
	width:100%;
	height:340px;
	background:url(../images/cp16_25.png) repeat;
	}
.yycj16-list{
	width:1160px;
	margin:0 auto;
	}
.yycj16-list li{
	width:232px;
	float:left;
	position:relative;
	height:340px;
	}
.yycj16-list li .yycj16-txt{
	width:232px;
	height:340px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	}
.yycj16-list li .yycj16-txt .yycj16-inner{
	position:absolute;
	left:0;
	top:0;
	width:232px;
	height:340px;
	}
.yycj16-list li .yycj16-txt .yycj16-inner .icon{
	width:32px;
	height:32px;
	position:absolute;
	left:100px;
	top:105px;
	}
.yycj16-list li .yycj16-txt .yycj16-inner .title{
	font-size:20px;
	text-align:center;
	color:#fff;
	line-height:200%;
	position:absolute;
	top:149px;
	padding:0;
	border:none;
	width:100%;
	}
.yycj16-list li .yycj16-txt .yycj16-inner span{
	width:22px;
	height:2px;
	background:#fff;
	position:absolute;
	top:204px;
	left:105px;
	}
.yycj16-list li .yycj16-txt .yycj16-inner .txt{
	font-size:14px;
	line-height:24px;
	color:#fff;
	position:absolute;
	left:0;
	top:227px;
	padding:0 30px;
	text-align:center;
	opacity:0;
	height:auto;
	border:none;
	}
.yycj16-list li .yycj16-active{
	background:url(../images/cp16_73.png) repeat;
	}
.yycj16-list li .yycj16-active .yycj16-inner{
	animation:icon 10ms linear 1ms 1 both;
    -webkit-animation:icon 10ms linear 1ms 1 both;
	}
.yycj16-list li .yycj16-active .yycj16-inner .txt{
	opacity:1;
	}
@keyframes icon
	{
		0%{
			top:0;                
		}
		100%{
			top:-40px;                
		}
	}
            
@-webkit-keyframes icon /*Safari and Chrome*/
	{
		0%{
			top:0;                
		}
		100%{
			top:-40px;                
		}
	}
@-moz-keyframes icon /*Safari and Chrome*/
	{
		0%{
			top:0;                
		}
		100%{
			top:-40px;                
		}
	}
@-o-keyframes icon /*Safari and Chrome*/
	{
		0%{
			top:0;                
		}
		100%{
			top:-40px;                
		}
	}
@-ms-keyframes icon /*Safari and Chrome*/
	{
		0%{
			top:0;                
		}
		100%{
			top:-40px;                
		}
	}
.cpry16{
	width:100%;
	height:440px;
	}
.cpst{
	width:100%;
	height:632px;
	background:url(../images/cp16_18.png) center center no-repeat;
	}
.cpst16-main{
	width:1160px;
	margin:0 auto;
	}
.cpst16-title{
	padding-top:98px;
	text-align:center;
	font-size:34px;
	color:#fff;
	line-height:200%;
	padding-bottom:51px;
	}
.cpst16-main ul{
	/* border-top:1px solid #ccc;
	border-left:1px solid #ccc; */
	width:1161px;
	margin: 0 auto;
	}
.cpst16-main ul li{
	width:231px;
	height:53px;
	float:left;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align: center;
	}
.cpry16-txt{
	padding-top:70px;
	float:left;
	width:295px;
	}
.cpry16-txt .cptx16-title{
	font-size:34px;
	line-height:200%;
	color:#333;
	font-weight:bold;
	padding:0;
	}
.cpry16-txt .cpry16-body{
	font-size:16px;
	line-height:24px;
	color:#666;
	}
.cpry16-txt .cpry16-body span{
	margin-top:20px;
	width:30px;
	height:2px;
	background:#59baee;
	display:block;
	}
.cpry16-ryzs{
	padding-top:87px;
	float:right;
	width:760px;
	position:relative;
	}
.cpry16-ryzs .swiper-container{
	width:780px;
	}
.cpry16-ryzs .swiper-pagination{
	display:none !important;
	}
.cpry16-ryzs .swiper-button-next{
	width:36px;
	height:36px;
	position:absolute;
	top:auto!important;
	margin-top:auto!important;
	left:-58px;
	bottom:0;
	right:0;
	background:#52565a url(../images/cp16_17.png) center center no-repeat;
	}
.cpry16-ryzs .swiper-button-prev{
	width:36px;
	height:36px;
	position:absolute;
	top:auto!important;
	margin-top:auto!important;
	left:-100px;
	bottom:0;
	right:0;
	background:#52565a url(../images/cp16_16.png) center center no-repeat;
	}
.cpry16-ryzs .swiper-slide{
	width:145px!important;
	height:192px;
	margin-right:20px;
	padding:18px 15px;
	background:#f2f2f2;
	}
.cpry16-ryzs .swiper-slide img{
	width:100%;
	height:100%;
	}
.cpry16-ryzs .swiper-slide p{
	height:44px;
	background:url(../images/cp16_74.png) repeat;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
	padding:6px 20px;
	font-size:14px;
	line-height:22px;
	color:#fff;
	width:135px;
	text-align:center;
	}
.yyal16-title{
	padding-top:54px;
	font-size:34px;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	padding-bottom:30px;
	}
.yyal16-tab{
	height:360px;
	width:100%;
	box-shadow:0px 1px 16px rgba(0,0,0, 0.2);
    -ms-box-shadow:0px 1px 16px rgba(0,0,0, 0.2);
    -webkit-box-shadow:0px 1px 16px rgba(0,0,0, 0.2);
    -o-box-shadow:0px 1px 16px rgba(0,0,0, 0.2);
    -moz-box-shadow:0px 1px 16px rgba(0,0,0, 0.2);
	margin-bottom:86px;
	overflow:hidden;
	}
.yyal16-menu{
	width:212px;
	float:left;
	height:360px;
	overflow:hidden;
	}
.yyal16-menu .yyal16-menu-inner{
	width:229px;
	height:377px;
	overflow:scroll;
	}
.yyal16-menu li{
	width:100%;
	height:60px;
	}
.yyal16-menu li a{
	line-height:60px;
	font-size:16px;
	color:#666;
	background:#f2f2f2;
	padding-left:22px;
	border-right:1px solid #f2f2f2;
	border-left:4px solid #f2f2f2;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	}
.yyal16-menu li a.yyal16-on{
	background:#fff;
	height:58px;
	border:1px solid #dadada;
	border-right:1px solid #fff;
	border-left:4px solid #59baee;
	}
.yyal16-bot{
	width:864px;
	height:308px;
	padding:42px 26px;
	float:left;
	}
.yyal16-bot-1{
	display:none;
	}
#yyal16-top3{
	display:block;
	}
.yyal16-body img{
	width:431px;
	height:277px;
	float:left;
	}
.yyal16-body .yyal16-txt{
	width:414px;
	float:right;
	}
.yyal16-body .yyal16-txt .title{
	font-size:18px;
	line-height:28px;
	padding:0;
	width:100%;
	border:none;
	color:#333;
	padding-top:18px;
	}
.yyal16-body .yyal16-txt .txt{
	padding:0;
	padding-top:19px;
	line-height:21px;
	font-size:14px;
	color:#666;
	height:135px;
	border:none;
	}
.yyal16-body .yyal16-txt .more{
	width:167px;
	height:40px;
	background:#59baee;
	text-align:center;
	line-height:40px;
	font-size:14px;
	color:#fff;
	}
.yyal16-body .yyal16-txt .more img{
	width:37px;
	height:40px;
	float:right;
	background:#3172ca;
	}
.rjzx16{
	width:100%;
	padding:24px 0 64px;
	background:#f2f2f2;
	}
.cgal_top{
	width:100%;
	height:91px;
	}
.cgal_top h3{
	font-size:34px;
	line-height:200%;
	color:#333;
	font-weight:bold;
	float:left;
	padding:0;
	background:none;
	}
.cgal_top a{
	width:68px;
	height:40px;
	float:right;
	color:#fff;
	font-size:14px;
	line-height:40px;
	padding-left:17px;
	background:#3172ca url(../images/cp16_75.png) 62px center no-repeat;
	}
.wdxz{
	padding:0;
	}
.wdxz ul li{
	width:33.3%;
	float:left;
	margin:0;
	}
.wdxz ul li a{
	width:auto;
	font-size:14px;
	line-height:200%;
	height:28px;
	padding-left:22px;
	background: url(../images/cp1_09.jpg) left center no-repeat;
	margin:0;
	float:left;
	color:#333;	
	}
.xmbj_body div img{
	width:auto!important;
	height:auto!important;
	}
.video{
	width:300px;
	height:280px;
	position:fixed;
	bottom:0;
	right:0;
	z-index:10;
	}
	
/* 厂家适配 */
.changjiamenu ul .off{
	border-bottom: 0px solid #0074d1 !important;
	position: relative;
}
.changjiamenu ul .off::after{
	content: '';
	width: 60px !important;
	height: 3px !important;
	background:#0074d1 ;
	position: absolute;
	/* border-bottom: 1px solid #0074d1 !important; */
	bottom: 23px;
	/* left: 40px; */
	left: 52px;
}
.con_body{
	width: 50% !important;
}
.changjialogo{
	height: 335px;
	overflow: hidden;
}
#section8 .nav_btns{
	/* margin-left: 59.4%!important;
	margin-top: 625px !important; */
	margin-left: 60%!important;
}
/* .nav_btns .first_link:target{
	background: radial-gradient(#0074d1, #0074d1);
}
.nav_btns .second_link:target{
	background: radial-gradient(#0074d1, #0074d1);
} */
#section8{
	/* height: 631px !important; */
}
#con_container_one{
	/* background: url(/images/uxdb20210802images/1-0804.png) top center no-repeat !important; */
	background: url(/images/uxdb20210802images/2-0804.jpg)top center no-repeat !important;
	/* height: 631px !important; */
}
#con_container_one .con_container_container{
	/* display: none; */
}
#con_container_two{
	background: url(/images/uxdb20210802images/2-0804.jpg)top center no-repeat !important;
	/* height: 631px !important; */
}