:root{--safe:1200px;--theme:#000;--assist:#111;--long:100px;--medium:50px;--short:10px;--m_long:1rem;--m_medium:.5rem;--m_short:.1rem;}
*{box-sizing: border-box;}
body{margin:0;}
a,img,input{display: block;}
a{text-decoration: none;}
.center{display: flex;justify-content: center;align-items: center;}
.between{display: flex;justify-content: space-between;align-items: center;}
.around{display: flex;justify-content: space-around;align-items: center;}
.start{display: flex;justify-content: flex-start;align-items: center;}
.end{display: flex;justify-content: flex-end;align-items: center;}

.over {position: fixed; left:0; top:0; width:100%; z-index:9998;}
.tempContainer {position:fixed; width:100%; margin-right:0px; margin-left:0px; text-align:center; z-index:9999;}
.tempContainer img{margin:50px auto;}
.ul_li {
	list-style-type: none;/*去掉无序列表前面黑点效果*/
	padding: 0px;
	margin: 0PX;
}
.ul_li_left li{float: left;}
.ul_li_right li{float: right;}

/*快捷类*/
.g-f-left {float: left;}
.g-f-right {float: right;}
.g-f-center{display: flex;justify-content: center;align-items: center;}
/*g-f-clear清除浮动*/
.g-f-clear{clear: both;overflow: hidden;}

.collapse .nav-item a{color:#1f1a17;}
.tupian{overflow: hidden;}
.tupian img{transform: scale(1);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; }
.tupian:hover img{transform: scale(1.2);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; }
#search_form {
    opacity: 1;
    position: fixed;
    top: 94px;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 10px 0;
    display: none;
    background: rgba(255,255,255,0.8);
}
#search_form button {
    display: none;
}
#search_form label {
    display: none;
}
.wrapper {
    max-width: 1270px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}
#search_form input {
    background: #F8F7F7 url(../images/lupa.svg) 15px 50% no-repeat;
    background-size: 22px auto;
    border: .5px solid #ADAEB6;
    border-radius: 30px;
    padding: 9px 10px 8px 55px;
    width: 100%;
    
    font-size: 14px;
    line-height: 24px;
    color: #7B7B7B;
}


@media screen and (min-width:320px) and (max-width:768px) {
	#wns_por{width: 100%;margin: 10px auto;position: relative;}
	.por_left{width: 100%;}
	.por_left h1{font-size: 16px;color: #333333;padding:0px 10px;}
	.por_left h1 span{font-size: 16px;}
	.por_left p{font-size: 14px;color: #333333;padding:0px 10px;}
	.lunbo{padding: 40px 0px;margin-right: 0px;}
	.lunbo .slide{text-align: center;width: 100%;margin: 10px 0px;overflow: hidden;padding: 0px 40px;padding-bottom:60px;}
	.slide img{max-width: 80%;margin:0px auto;}
	#wns_por .pagination{position: absolute;bottom: -20px;}
	.pagination{position: absolute;bottom: 30px;}
	.button-next,.button-prev{width: 30px;height: 70px;background-color: #333333;}
	.lunbo .swiper-button-prev:after {
	    font-size: 18px;
		color: #FFFFFF;
	}
	.lunbo .swiper-button-next:after {
	    font-size: 18px;
		color: #FFFFFF;
	}
	.lunbo .swiper-pagination .swiper-pagination-bullet-active {
		background-color: #333333;
		opacity: 1;
	}
	
	.lunbo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0px 10px;
	}
	
	.por_right{width: 100%;}
	.por_right h3{display: block;border-radius: 5px;background-color: #333333;font-size: 16px;color: #ffffff;padding: 10px;text-align:center;}
	.rig01 .title{display: block;font-size: 16px;color: #333333;padding: 10px 10px 5px 10px;font-weight: 500;border-bottom:1px solid #cdcdcd;}
	.por_right .rig01 a{text-decoration: none;}
	.rig01 li{border-bottom:1px solid #cdcdcd;padding: 10px 0px 5px 10px;font-size: 14px;color: #333333;}
	.rig01 li h4{display: block;width: 50%;margin: 10px 0px;font-size: 16px;color:#333333;font-weight:300;}
	.rig01 li span{display: block;width: 50%;margin: 10px 0px;text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right:10px;}
	
	.bv .title{display: block;font-size: 14px;color: #333333;padding: 10px 10px 5px 10px;font-weight: 500;border-bottom:1px solid #cdcdcd;}
	.por_right .bv a{text-decoration: none;}
	.rig02 li{padding: 10px;font-size: 16px;color: #333333;line-height: 30px;}
	
	.rig03 li{width: 77px;padding-right: 7px;margin: 16px 5px;}
	.rig03 li img{width:100%;}
	
	.rig04 li{width: 145px;padding-right: 15px;margin: 16px 5px;}
	.rig04 li img{width:100%;}
	.rig04_div{    
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin:10px;
	}
	
	.rig05 li{width: 145px;padding-right: 15px;margin: 16px 5px;}
	.rig05 li img{width:100%;}
	.va,.vd{padding: 7px 0px;}
	.va{display: none;}
	.por_right .active .va{display: block;}
	.por_right .active .vd{display: none;}
	
	#tict{display:block;background-size:100% ;}
	#pcd{display:none}
	
}

@media screen and (min-width:768px) and (max-width:1280px) {
	#tict{display:none;}
	#wns_por{width: 750px;margin: 20px auto;position: relative;}
	.por_left{width: 59.7%;}
	.por_left h1{font-size: 24px;color: #333333;}
	.por_left h1 span{font-size: 16px;}
	.por_left p{font-size: 14px;color: #333333;}
	.lunbo{padding: 70px 0px;margin-right: 47px;}
	.lunbo .slide{text-align: center;width: 100%;margin: 10px 0px;overflow: hidden;padding: 0px 40px;padding-bottom:60px;}
	.slide img{max-width: 80%;margin:0px auto;}
	#wns_por .pagination{position: absolute;bottom: -20px;}
	.button-next,.button-prev{width: 30px;height: 70px;background-color: #333333;}
	.lunbo .swiper-button-prev:after {
	    font-size: 18px;
		color: #FFFFFF;
	}
	.lunbo .swiper-button-next:after {
	    font-size: 18px;
		color: #FFFFFF;
	}
	.lunbo .swiper-pagination .swiper-pagination-bullet-active {
		background-color: #333333;
		opacity: 1;
	}
	
	.lunbo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0px 10px;
	}
	
	.por_right{width: 40.3%;}
	.por_right h3{display: block;border-radius: 5px;background-color: #333333;font-size: 16px;color: #ffffff;padding: 10px;}
	.rig01 .title{display: block;font-size: 16px;color: #333333;padding: 10px 0px 5px 10px;font-weight: 500;border-bottom:1px solid #cdcdcd;}
	.por_right .rig01 a{text-decoration: none;}
	.rig01 li{border-bottom:1px solid #cdcdcd;padding: 10px 0px 5px 10px;font-size: 14px;color: #333333;}
	.rig01 li h4{display: block;width: 50%;margin: 10px 0px;font-size: 16px;color:#333333;font-weight:300;}
	.rig01 li span{display: block;width: 50%;margin: 10px 0px;text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	
	.bv .title{display: block;font-size: 16px;color: #333333;padding: 10px 0px 5px 10px;font-weight: 500;border-bottom:1px solid #cdcdcd;}
	.por_right .bv a{text-decoration: none;}
	.rig02 li{padding: 10px;font-size: 16px;color: #333333;line-height: 30px;}
	
	.rig03 li{width: 77px;padding-right: 7px;margin: 18px 0px;}
	.rig03 li img{width:100%;}
	
	.rig04 li{width: 145px;padding-right: 15px;margin: 18px 0px;}
	.rig04 li img{width:100%;}
	.rig04_div{    
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin:10px 0px;
	}
	
	.rig05 li{width: 145px;padding-right: 15px;margin: 18px 0px;}
	.rig05 li img{width:100%;}
	.va,.vd{padding: 7px 0px;}
	.va{display: none;}
	.por_right .active .va{display: block;}
	.por_right .active .vd{display: none;}
}

@media screen and (min-width:1280px) and (max-width:1680px) {
	#tict{display:none;}
	#wns_por{width: 1000px;margin: 30px auto;position: relative;}
	.por_left{width: 59.7%;}
	.por_left h1{font-size: 30px;color: #333333;}
	.por_left h1 span{font-size: 18px;}
	.por_left p{font-size: 16px;color: #333333;}
	.lunbo{padding: 70px 0px;margin-right: 67px;}
	.lunbo .slide{text-align: center;width: 100%;margin: 10px 0px;overflow: hidden;padding: 0px 40px;padding-bottom:60px;}
	.slide img{max-width: 80%;margin:0px auto;}
	.pagination{position: absolute;bottom: 30px;}
	.button-next,.button-prev{width: 30px;height: 70px;background-color: #333333;}
	.lunbo .swiper-button-prev:after {
	    font-size: 18px;
		color: #FFFFFF;
	}
	.lunbo .swiper-button-next:after {
	    font-size: 18px;
		color: #FFFFFF;
	}
	.lunbo .swiper-pagination .swiper-pagination-bullet-active {
		background-color: #333333;
		opacity: 1;
	}
	
	.lunbo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0px 10px;
	}
	
	.por_right{width: 40.3%;}
	.por_right h3{display: block;border-radius: 5px;background-color: #333333;font-size: 18px;color: #ffffff;padding: 10px;}
	.rig01 .title{display: block;font-size: 18px;color: #333333;padding: 10px 0px 5px 10px;font-weight: 500;border-bottom:1px solid #cdcdcd;}
	.por_right .rig01 a{text-decoration: none;}
	.rig01 li{border-bottom:1px solid #cdcdcd;padding: 10px 0px 5px 10px;font-size: 16px;color: #333333;}
	.rig01 li h4{display: block;width: 50%;margin: 10px 0px;font-size: 16px;color:#333333;font-weight:300;}
	.rig01 li span{display: block;width: 50%;margin: 10px 0px;text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	
	.bv .title{display: block;font-size: 18px;color: #333333;padding: 10px 0px 5px 10px;font-weight: 500;border-bottom:1px solid #cdcdcd;}
	.por_right .bv a{text-decoration: none;}
	.rig02 li{padding: 10px;font-size: 16px;color: #333333;line-height: 30px;}
	
	.rig03 li{width: 77px;padding-right: 7px;margin: 18px 0px;}
	.rig03 li img{width:100%;}
	
	.rig04 li{width: 145px;padding-right: 15px;margin: 18px 0px;}
	.rig04 li img{width:100%;}
	.rig04_div{    
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin:10px 0px;
	}
	
	.rig05 li{width: 145px;padding-right: 15px;margin: 18px 0px;}
	.rig05 li img{width:100%;}
	.va,.vd{padding: 7px 0px;}
	.va{display: none;}
	.por_right .active .va{display: block;}
	.por_right .active .vd{display: none;}
}
@media screen and (min-width:1680px){
	#tict{display:none;}
	#wns_por{width: 1200px;margin: 40px auto;position: relative;}
	.por_left{width: 59.7%;}
	.por_left h1{font-size: 30px;color: #333333;}
	.por_left h1 span{font-size: 18px;}
	.por_left p{font-size: 16px;color: #333333;}
	.por_left p a{display:inline;}
	.lunbo{padding: 70px 0px;margin-right: 67px;}
	.lunbo .slide{text-align: center;width: 100%;margin: 10px 0px;overflow: hidden;padding: 0px 40px;padding-bottom:60px;}
	.slide img{max-width: 80%;margin:0px auto;}
	.pagination{position: absolute;bottom: 30px;}
	.button-next,.button-prev{width: 30px;height: 70px;background-color: #333333;}
	.lunbo .swiper-button-prev:after {
	    font-size: 18px;
		color: #FFFFFF;
	}
	.lunbo .swiper-button-next:after {
	    font-size: 18px;
		color: #FFFFFF;
	}
	.lunbo .swiper-pagination .swiper-pagination-bullet-active {
		background-color: #333333;
		opacity: 1;
	}
	
	.lunbo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0px 10px;
	}
	
	.por_right{width: 40.3%;}
	.por_right h3{display: block;border-radius: 5px;background-color: #333333;font-size: 18px;color: #ffffff;padding: 10px;}
	.rig01 .title{display: block;font-size: 18px;color: #333333;padding: 10px 0px 5px 10px;font-weight: 500;border-bottom:1px solid #cdcdcd;}
	.por_right .rig01 a{text-decoration: none;}
	.rig01 li{border-bottom:1px solid #cdcdcd;padding: 10px 0px 5px 10px;font-size: 16px;color: #333333;}
	.rig01 li h4{display: block;width: 50%;margin: 10px 0px;font-size: 16px;color:#333333;font-weight:300;}
	.rig01 li span{display: block;width: 50%;margin: 10px 0px;text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	
	.bv .title{display: block;font-size: 18px;color: #333333;padding: 10px 0px 5px 10px;font-weight: 500;border-bottom:1px solid #cdcdcd;}
	.por_right .bv a{text-decoration: none;}
	.rig02 li{padding: 10px;font-size: 16px;color: #333333;line-height: 30px;}
	
	.rig03 li{width: 77px;padding-right: 7px;margin: 18px 0px;}
	.rig03 li img{width:100%;}
	
	.rig04 li{width: 145px;padding-right: 15px;margin: 18px 0px;}
	.rig04 li img{width:100%;}
	.rig04_div{    
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin:10px 0px;
	}
	
	.rig05 li{width: 145px;padding-right: 15px;margin: 18px 0px;}
	.rig05 li img{width:100%;}
	.va,.vd{padding: 7px 0px;}
	.va{display: none;}
	.por_right .active .va{display: block;}
	.por_right .active .vd{display: none;}
	
	
}