@charset "utf-8";
body {
	font-family: "helvetica neue", helvetica, arial, "microsoft yahei ui", "microsoft yahei", simhei, "\5b8b\4f53", simsun, sans-serif;
	font-size: 14px;
/*	padding-top: 120px;*/
	max-width: 1920px;
	margin: 0 auto;
}
ul,ol,dl,h1,h2,h3,h4,h5,h6{
	padding:0px;
	margin:0px;
}	
li {
	list-style:none;
}
a{
	text-decoration: none;
	font-size: 12px;
}
a:focus{
	text-decoration: none;
}
select:focus,
input:focus,
textarea:focus,
a:focus,
button,
button:focus{
	outline: none;
}
a:hover{
	text-decoration: none;
}
img{
	display: block;
	border:none;
	width:100%;
	height:auto;
}
video{
	display: block;
}
textarea{
	resize:vertical;
	min-height: 32px;
}
*::selection{
	/*background:#3399ff;*/
	background: #004bc6;
	color: #fff;
}
*::-moz-selection{
	/*background:#3399ff;*/
	background: #004bc6;
	color: #fff;
}
.align_justify{
	text-align: justify;
	text-justify: inter-character;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.container{
	padding:0px;
}
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.click_show{
	display: none;
}
@keyframes ani_nav{
	16.65% {
	    -webkit-transform: translatey(8px);
	    transform: translatey(8px);
	}
	33.3% {
	    -webkit-transform: translatey(-6px);
	    transform: translatey(-6px);
	}
	49.95% {
	    -webkit-transform: translatey(4px);
	    transform: translatey(4px);
	}
	66.6% {
	    -webkit-transform: translatey(-2px);
	    transform: translatey(-2px);
	}
	83.25% {
	    -webkit-transform: translatey(1px);
	    transform: translatey(1px);
	}
	100% {
	    -webkit-transform: translatey(0);
	    transform: translatey(0);
	}
}
.toggle_ani_nav{
	-webkit-animation-name: ani_nav;
	animation-name: ani_nav;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
/*header开始*/
#custom {
	display: none;
}
header{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	background-color:rgba(255,255,255,0.8);
	z-index: 999;
}
.is_inner_page{
	padding-top: 100px;
}
.is_inner_page header{
	background-color:#fff;
}
header .container{
/*	display: flex;
	justify-content: space-around;
	align-items: center;	*/
	height: 120px;
}
.is_inner_page header .container{
	height: 100px;
}
header .logo{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 120px;
	float: left;
}
.is_inner_page header .logo{
	height: 100px;
}
header .logo a{
	display: inline-block;
}
header .logo img{
	/*width: 100px;*/
}
header .gp_code{
	margin-left:38px;
}
header .gp_code em{
	font-size: 16px;
	font-style: normal;
}
header .gp_code strong{
	font-size: 22px;
	display: block;
}
header .nav_box{
	display: flex;
	justify-content: flex-end;
	align-items: center;	
	float: right;
}
header .nav_list{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
header .nav_list .icon{
	width:22px;
	height: 22px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 22px auto;
	transform: translatey(8px);
	margin-right: 10px;
}
header .nav_list a:hover .icon{
	background-position: center top;
}
header .nav_list .item{
	height: 120px;
	line-height: 120px;
	position: relative;
}
.is_inner_page header .nav_list .item{
	height: 100px;
	line-height: 100px;
}
header .nav_list .item::after{
	content: "";
	position: absolute;
	bottom:0;
	left: 0;
	width:100%;
	height: 5px;
	background-color: #004bc6;
	opacity: 0;
	transition: all 0.3s;
}
header .nav_list .item:hover::after{
	opacity: 1;
}
header .nav_list .item .item_a{
	padding-left: 32px;
	padding-right: 32px;
	height: 100%;	
	display: block;
	font-size: 18px;
	color: #333;
	transition: color 0.3s;
}
header .nav_list .item:hover .item_a{
	color: #004bc6;
}
header .item .child_nav {
	position:absolute;
	top:120px;
	left: 0;
	width:180px;
	background-color: #eeeeee;
	/*min-height: 150px;*/
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	display: none;
}
.is_inner_page header .item .child_nav {
	top:100px;
}
header .item .child_nav .child_nav_all_pro{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	padding-left: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.3s;
}
header .item .child_nav .child_nav_all_pro i{
	font-size: 27px;
	float: left;
	margin-right: 9px;
}
header .item .child_nav .child_nav_all_pro:hover{
	background-color: #fff;
	color: #004bc6;
}
header .item .child_nav .child_it{
	position: relative;
	transition: all 0.3s;
}
header .item .child_nav .child_it:hover{
	background-color: #fff;
}
header .item .child_nav .child_it a{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	padding-left: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.3s;
} 
header .item .child_nav .child_it:hover > a{
	color: #004bc6;
}
header .child_it .find_nav{
	width:180px;
	/*min-height: 150px;*/
	position: absolute;
	left:180px;
	top:0;
	background-color: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);
	display: none;
}
header .child_it .find_nav .it{
	
}
header .child_it .find_nav .it a{
	display: block;
	height: 50px;
	transition: all 0.3s;
}
header .child_it .find_nav .it a:hover{
	color: #004bc6;
}
header .is_icon{
	padding-left: 30px !important;
}
header .icon_list{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.index_m_banner {
	padding-top: 10px;
}
header .icon_list .item{
	margin-left: 60px;
	height: 120px;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.is_inner_page header .icon_list .item{
	height: 100px;
}
.is_pro_page header .icon_list .item:first-child{
	margin-left: 30px;
}
header .icon_list .item  a i{
	font-size: 20px;
	color:#333;
}
header .slide_con{
	position: absolute;
	top:120px;
	background-color: #fff;
	border-radius: 8px;
	display: none;
	cursor: default;
	box-shadow: 0 0 5px 3px rgba(0,0,0,0.05);
}
header .search{
	border-bottom: 1px solid #eee;
	padding: 5px 0px;
}
.is_inner_page header .slide_con{
	top:100px;
}
header .slide_con1{
	width:400px;
	height: 200px;
	/*height: 90px;*/
	right:-50px;
	padding:35px 30px;
}
header .slide_con2{
	right: 0;
	width:120px;
	padding:15px;
}
header .slide_con form{

}
header .slide_con .input_box{
	display: flex;
	justify-content: space-between;	
	border-bottom:1px solid #f1f1f1;
	padding-bottom: 10px;
}
header .slide_con input{
	border:none;
	background: none;
	font-size: 14px;
}
header .slide_con input[type="text"]{
	width:260px;
}
header .slide_con input[type="submit"]{
	width:60px;
	height: 30px;
	border-radius: 5px;
	line-height: 30px;
	text-align: center;
	background-color: #0f88fe;
	color:#fff;
}
header .slide_con .keyword_list{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	height: 90px;
}

header .slide_con .keyword_list .it{
	margin-top: 10px;
	margin-right: 10px;
}

header .slide_con .keyword_list a{
	display: block;
	padding-left: 17px;
	padding-right: 17px;
	height: 30px;
	line-height: 30px;
	background-color: #ededed;
	font-size: 14px;
	color: #999;
	border-radius: 5px;
	transition: all 0.3s;
}
header .slide_con .keyword_list a:hover{
	background-color: #0f88fe;
	color: #fff;
}
header .slide_con nav{
	text-align: center;
}
header .slide_con nav a{
	font-size: 14px;
	color: #999;
	display: block;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.3s;
}
header .slide_con nav a:hover{
	background-color: #eeeeee;
}


/*产品导航*/
.slide_nav_list{
	width:800px;
	overflow: hidden;
	display: none;
}
.slide_nav_list .slick_box{
	display: flex;
	align-items: center;
}
.slide_nav_list .limit_box,
.slide_nav_list .limit_box a{
	width: 100px;	
	height:100px;	
}
.slide_nav_list .limit_box{
	text-align: center;
}
.slide_nav_list .limit_box a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.slide_nav_list .limit_box .icon{
	display: flex;
	width:30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: center bottom;
}
.slide_nav_list .limit_box.cur .icon,
.slide_nav_list .limit_box:hover .icon{
	background-position: center top; 
}
.slide_nav_list .limit_box img{
	width:auto;
}
.slide_nav_list .limit_box .img1{

}
.slide_nav_list .limit_box .img2,
.slide_nav_list .limit_box:hover .img1,
.slide_nav_list .limit_box.cur .img1{
	display: none;
}
.slide_nav_list .limit_box:hover .img2,
.slide_nav_list .limit_box.cur .img2{
	display: block;
}
.slide_nav_list .limit_box .tit{
	font-size: 14px;
	color: #999;
	margin-top:10px;
	transition: all 0.3s;
}
.slide_nav_list .limit_box:hover .tit,
.slide_nav_list .limit_box.cur .tit{
	color: #004bc6;
}
/*//产品导航*/



/*mobile导航菜单开始*/
.mobile_nav_header{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 60px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	z-index: 999;
}
.mobile_list_header img,
.mobile_nav_header img{
	display: block;
	width: 100%;
	height: auto;
	margin-left: 8px;
}
.mobile_nav_header .menu_icon,
.mobile_nav_header .menu_logo,
.mobile_nav_header .menu_phone{
	float: left;
}
.mobile_nav_header .menu_icon{
	width:10%;
}
.mobile_nav_header .menu_logo{
	width:80%;
}
.mobile_nav_header .menu_phone{
	width:10%;
}
.mobile_list_header i,
.mobile_nav_header i{
	display: block;
	cursor: pointer;
	width:30px;
	height: 30px;
	margin-top: 10px;
	position: relative;
	font-size: 30px;
}
.mobile_list_header i img,
.mobile_nav_header i img{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	width:20px;
}
.mobile_nav_header .menu_logo a{
	display: block;
	margin-top:10px;
}
.mobile_nav_header .menu_logo a .icon{
	width: 105px;
	height: 42px;
}
.mobile_nav_header .menu_logo a .iconfont{
	color: #000;
	font-size: 18px;
}
.mobile_nav_header .menu_phone i{
	float: right;
	margin-right: 10px;
}	
.mobile_list_header i,
.mobile_nav_header .menu_info i{
	position: absolute;
	top:0;
	bottom:0;
	right: 10px;
	margin-top: auto;
	margin-bottom: auto;
}	
.mobile_list_header .iconzhongkelogo{
	position: initial;
	display: block;
    margin: 0px 0 0 4px;
    width: 100%;
    height: 100%;
    font-size: 36px;
    color: #fff;
}
.mobile_nav_header .menu_logo img{
	width:82px;
	height: auto;
	margin-left: 15px;
}
.mobile_nav_header .menu_info{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: #fff;
	padding-left: 20px;
	padding-right: 50px;
	padding-top: 7px;
	top:-100%;
	transition: all 0.3s;
}
.mobile_nav_header .menu_info form{
	margin-top: 8px;
	padding-right: 40px;
	border-radius:15px;
	border:1px solid #e2e2e2;
	position: relative;
}
.mobile_nav_header .menu_info input{
	border:none;
	background: none;
	height: 30px;
	font-size: 14px;
}
.mobile_nav_header .menu_info .text{
	width:100%;
	padding:0 10px;
}
.mobile_nav_header .menu_info .submit{
	position: absolute;
	right: 0px;
	top:0;
	bottom:0;
	margin-top: auto;
	margin-bottom: auto;
	text-indent: -9999px;
	background: url(/uploads/image/shimgs/mobile_btn_g.png) no-repeat center center;
	background-size:20px auto;
	width:40px;
	z-index: 2;
}
.mobile_nav_header .menu_info.active{
	top:0;
}
.mobile_lang{
	width:22px;
	height: 22px;
	line-height: 22px;
	border-radius: 50%;
	text-align: center;
	background-color: #ccc;
	margin-top: -22px;
	margin-right:50px;
	float: right;
}
.mobile_lang a{
	width:100%;
	height: 100%;
	color: #fff;
	font-size: 12px;
	/*display: none;*/
}
.mobile_nav_menu{
	position: fixed;
	top:0;
	left:-100%;
	width:270px;
	background: #fff;
	z-index: 1001;
	transition: all 0.3s;
}
.mobile_nav_menu.active{
	left:0;
}
.mobile_list_header{
	height: 62px;
	position: relative;
	background: #004bc6;
}
.mobile_list_header .logo{
	background: #004bc6;
	float: left;
	width: 90px;
	height: 62px;
	padding: 8px 4px;
	margin-left: 8px;
}
.mobile_list_header .logo img {
	margin: 2px 0 0 4px;
	width: 100%;
	height: 100%;
}
.mobile_nav_list{
	margin-top: 20px;
	background:#fff;
}
.mobile_nav_list a{
	display: block;
	width:100%;
}
.mobile_nav_list .parent_tit{
	/* border-bottom:1px solid #d4d4d4;	 */
}
.mobile_nav_list .parent_tit img {
	display: inline-block;
	width: 18px;
	margin-bottom: 6px;
	margin-right: 10px;
}
.mobile_nav_list .parent_tit a{
	position: relative;
	color: #434343;
	padding-left: 15px;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	transition: all 0.3s;
	font-weight: 550;
}
.mobile_nav_child a,
.mobile_nav_list .parent_tit a{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 30px;
}
.mobile_nav_list .parent_tit a::after{
	content: "";
	position: absolute;
	top:0;
	bottom:0;
	right: 15px;
	margin-top: auto;
	margin-bottom: auto;
	width:11px;
	height: 13px;
	background: none;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.3s;
}
.mobile_nav_list li.active .parent_tit.is_child a::after{
	background-image: url(/uploads/image/shimgs/mobile_jt2.png);
	transform: rotate(90deg);
}
.mobile_nav_list .parent_tit.is_child a::after{
	background-image: url(/uploads/image/shimgs/mobile_jt1.png);
	background-size: contain;
}
.mobile_nav_list li.active .parent_tit a{
	color: #004bc6;
}
.mobile_nav_child{
	/*overflow: hidden;*/
	background: #f8f8f8;
	height: auto;
	display: none;
	text-align: center;
} 
.mobile_nav_child dd{
	width: 100%;
	height: 48px;
	line-height: 48px;
	border-bottom:1px solid #eee;
} 
.mobile_nav_child a{
	font-size: 14px;
	color: #333;
	position: relative;
} 
.mobile_nav_child .a2{
	padding-left: 30px;
	position: relative;
}
.mobile_nav_child .a3{
	padding-left: 30px;
	border-bottom: 1px solid #f9f9f9;
}
.mobile_nav_child dd.is_child .a2::after{
	content: "";
	position: absolute;
	top:0;
	bottom:0;
	right: 15px;
	margin-top: auto;
	margin-bottom: auto;
	width:11px;
	height: 13px;
	background: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transition: all 0.3s;
}
.mobile_nav_child dd.is_child.active .a2::after{
	background-image: url(/uploads/image/shimgs/mobile_jt2.png);
	transform: rotate(90deg);
}
.mobile_nav_child dd.is_child .a2::after{
	background-image: url(/uploads/image/shimgs/mobile_jt1.png);	
}
.mobile_find_nav{
	background-color: #ccc;
	position: relative;
	z-index: 5;
	display: none;
}
.mobile_find_nav .mobile_it{
	border-top:1px solid #eee;
}
.mobile_find_nav .mobile_it .a3{
	
}
/*.mobile_nav_child a::before{
	position: absolute;
	content: "";
	top:0;
	bottom: 0;
	left: 15px;
	margin-top: auto;
	margin-bottom: auto;
	background: #004bc6;
	border-radius: 50%;
	width:7px;
	height:7px;
}*/
.mobile_nav_alpha{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	/*background: rgba(0,0,0,0.5);*/
	background-color:rgba(0,0,0,0.5);
	z-index: 1000;
	display: none;
}
/*mobile导航菜单结束*/
/*header结束*/

/*swiper*/
.m-new-swiper-container{
	display: none;
	width: 100%;
	height: auto;
}
.m-new-swiper-container .swiper-slide{
	width: 100%;
	height: 260px;
}
.m-new-swiper-container .swiper-slide .swiper-banner-img{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 260px;
}
.new-swiper-container{
	width: 100%;
	height: 700px;
}
.new-swiper-container .swiper-pagination{
	bottom: 30px !important;
}
.new-swiper-container .swiper-pagination .swiper-pagination-bullet{
	width: 40px;
	height: 6px;
	border-radius: 0;
}
.new-swiper-container .swiper-slide{
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}
.new-swiper-container .swiper-slide .swiper-slide-a{
	display: block;
	width: 100%;
	height: 100%;
}
.new-swiper-container .swiper-slide .swiper-banner-img{
	position: absolute;
	left: 0;
	bottom: 0;
	width: auto;
	height: 100%;
}
@media (max-width: 1750px) {
	.new-swiper-container .swiper-slide .swiper-banner-img{
		left: -8%;
	}
}
@media (max-width: 1600px) {
	.new-swiper-container .swiper-slide .swiper-banner-img{
		left: -12%;
	}
}
@media (max-width: 1450px) {
	.new-swiper-container .swiper-slide .swiper-banner-img{
		left: -17%;
	}
}
@media (max-width: 1400px) {
	.new-swiper-container .swiper-slide .swiper-banner-img{
		left: -20%;
	}
}
@media (max-width: 1367px) {
	.new-swiper-container .swiper-slide .swiper-banner-img{
		left: -22%;
	}
}
@media (max-width: 1330px) {
	.new-swiper-container .swiper-slide .swiper-banner-img{
		left: -24%;
	}
}
@media (max-width: 1280px) {
	.new-swiper-container .swiper-slide .swiper-banner-img{
		left: -27%;
	}
}
@media (max-width: 1260px) {
	.new-swiper-container .swiper-slide .swiper-banner-img{
		left: -29%;
	}
}
.m-new-swiper-container .swiper-pagination .swiper-pagination-bullet{
	width: 25px;
	height: 5px;
	border-radius: 0;
}
/*banner样式开始*/
.banner{
	overflow: hidden;
	clear: both;
	width:100%;
}
.slick-arrow::before{
	content:"";
}
.slick-arrow{
	width:35px;
	height:60px;
	border-radius:0;
	z-index:99;	
}
.slick-prev:focus,
.slick-prev,
.slick-next:focus,
.slick-next,
.slick-prev:hover,
.slick-next:hover{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 50%;
}
.slick-prev:focus,
.slick-prev,
.slick-next:focus,
.slick-next{
	background-color:rgba(0,0,0,0.3);
}
.slick-prev:hover,
.slick-next:hover{
	background-color:rgba(0,0,0,0.5);
}
.slick-prev:focus,
.slick-prev{
	background-image: url(/uploads/image/shimgs/ban_btn_left.png);
}
.slick-next:focus,
.slick-next{
	background-image: url(/uploads/image/shimgs/ban_btn_right.png);
}
.slick-prev:hover{
	background-image: url(/uploads/image/shimgs/ban_btn_left_hover.png);
}
.slick-next:hover{
	background-image: url(/uploads/image/shimgs/ban_btn_right_hover.png);
}
.slick-prev:focus,
.slick-prev{
	left:0;
}
.slick-next:focus,
.slick-next{
	right:0;
}
.slick-dots{
	bottom: 15px;
}
/*.slick-dots li {
	width: 20px;
	height: 20px;
	margin:0px 3px;
}*/
.slick-dots li,
.slick-dots li button,
.slick-dots li button::before{
	width: 60px;
	height: 5px;
	border-radius:2px;
}
.slick-dots li {
	margin:0px 5px;
}
/*.slick-dots li button {
	width: 20px;
	height: 20px;
	background: transparent;
}*/
.slick-dots li button {
	background: transparent;
}
/*.slick-dots li button::before {
	font-size: 12px;
	line-height: 20px;
	width: 20px;
	height: 20px;
	content: '•';
	opacity: 0.5;
	color: #fff;
}*/
.slick-dots li button::before {
	content: '';
	opacity: 1;
	background-color: #eee;
	/*border:2px solid #fff;*/
}
.slick-dots li.slick-active button:before {
	opacity: 1;
	background: #064fc7;
}
.slick-dotted.slick-slider {
	margin-bottom: 0px;
}
/*banner样式结束*/
.index_banner{

}
.index_banner .limit_box{
	height: 700px;
	background-color: #fff;
}
.index_banner .limit_box .limit_box_content{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.index_banner .limit_box .banner_side{
	position: absolute;
	top:0;
	width:300px;
	height: 100%;
}
.index_banner .limit_box .banner_side img{
	width:100%;
	height: 100%;
}
.index_banner .limit_box .banner_side_left{
	left: 0;
}
.index_banner .limit_box .banner_side_right{
	right: 0;
}
/*圆形特效*/
.animate-big{
    position: absolute;
    left: 0;
    right: 0;
    top:35%;
    width:900px;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    margin: 0 auto;
    animation: rotate 16s linear infinite;
}
.animate-small{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    animation: rotate 13s linear infinite reverse;
}
@-moz-keyframes rotate{
    from{
        -moz-transform: translatey(-50%) rotate(0deg);
    }
    to{
        -moz-transform: translatey(-50%) rotate(360deg);
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: translatey(-50%) rotate(0deg);
    }
    to{
        -webkit-transform: translatey(-50%) rotate(360deg);
    }
}
@-ms-keyframes rotate{
    from{
        -ms-transform: translatey(-50%) rotate(0deg);
    }
    to{
        -ms-transform: translatey(-50%) rotate(360deg);
    }
}
@keyframes rotate{
    from{
        transform: translatey(-50%) rotate(0deg);
    }
    to{
        transform: translatey(-50%) rotate(360deg);
    }
}
.navbar{
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    overflow: hidden;
}
.navbar img {
    position: relative;
    left: 50%;
    width: 1920px;
    max-width: none;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
}
.content{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.content img{
    position: relative;
    left: 50%;
    width: 1920px;
    max-width: none;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
}
.foot-fixed{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1030;
    overflow: hidden;
}
.foot-fixed img{
    position: relative;
    left: 50%;
    width: 1920px;
    max-width: none;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
}
/*//圆形特效*/











.index_about{
	clear: both;
	overflow: hidden;
	padding-bottom: 40px;
	background-color: #fafafa;
}
.index_about .container{
	clear: both;
	overflow: hidden;
}
.index_about .left{
	float: left;
	width:30%;
}
.index_about .cen{
	float: left;
	width:30%;
	padding-right: 30px;
}
.index_about .right{
	float: right;
	width: 40%;
}
.index_about .icon_list{
	transform:translatey(80px);	
}
.index_about .icon_list li{
	width:50%;
	float: left;
}
.index_about .icon_list li:nth-child(1),
.index_about .icon_list li:nth-child(2){
	margin-bottom: 48px;
}
.index_about .icon_list a{
	display: inline-block;
}
.index_about .icon_list a strong:hover {
	color: #004bc6;
}
.index_about .icon_list .icon{
	display: block;
	width:36px;
	height: 36px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.index_about .icon_list i {
	font-size: 44px;
	color: #004bc6;
}
.index_about .icon_list strong{
	font-size: 18px;
	color: #000033;
	font-weight: normal;
	display: block;
}
.index_about .video_box{
	position: relative;
	transform:translatey(100px);
	border-radius: 8px;
	overflow: hidden;
	height: 188px;
}
.index_about .video_box .video_pic{
	background: url(/uploads/image/shimgs/video_thumb.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	margin:auto;
	cursor: pointer;
}
.index_about .video_pic::after{
	content:"";
	position: absolute;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	margin:auto;
	width:103px;
	height: 103px;
	background: url(/uploads/image/shimgs/play.png) no-repeat center center;
	background-size: contain;
	
}
.index_about video{
	display: block;
	width:100%;
}
.index_about .index_about_details{
	background-color: #004bc6;
	border-radius: 8px;
	color: #fff;
	padding:30px;
}
.index_about .head_con{
	clear: both;
	overflow: hidden;
}
.index_about .head_con .tit{
	float: left;
}
.index_about .head_con h1{
	font-size: 36px;
	font-weight: bold;
}
.index_about .head_con h2{
	font-size: 18px;
	margin-top: 8px;
}
.index_about .head_con .pic{
	float: right;
}
.index_about .head_con .pic img{
	width:auto;
	max-width: 205px;
}
.index_about .right .con{
	font-size: 14px;	
	clear: both;
	overflow: hidden;
	height: 105px;
	margin-top: 25px;
	margin-bottom: 32px;
}
.index_about .right .con p{
	line-height:25px;
}
.index_about .right .more{
	display: block;
	width:150px;
	height: 40px;
	border-radius: 20px;
	background-color: #fff;
	color: #004bc6;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
}
.index_about .right .more:hover {
	background-color: #004bc6;
	border: 1px solid #fff;
	color: #fff;
}

.index_news{
	clear: both;
	overflow: hidden;
	background-color: #fafafa;
	padding-top: 60px;
	/*padding-bottom: 60px;*/
	padding-bottom: 110px;
}
.index_news .container{

}
.index_news .nav_con{
	clear: both;
	overflow: hidden;
}
.index_news .nav_con nav{
	float: left;
}
.index_news .nav_con nav a{
	display: inline-block;
	text-align: center;
	width:120px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	font-size: 14px;
	color: #666666;
	transition: all 0.3s;
}
.index_news .nav_con nav a:hover{
	color: #004bc6;
}
.index_news .nav_con nav a.cur{
	background-color: #004bc6;	
	color: #fffefe;
}
.index_news .nav_con .btn_group{
	float: right;
	text-align: right;
}
.index_news .nav_con .btn_group .s_btn{
	display: inline-block;
	text-align: center;
	width:120px;
	height: 40px;
	line-height: 38px;
	border-radius: 20px;
	text-align: center;
	border:1px solid #eeeeee;
	color: #929292;
	font-size: 18px;
	font-family: "宋体";
	cursor:pointer;
	margin-left: 20px;
	user-select:none;
	transition: all 0.3s;
}
.index_news .nav_con .btn_group .s_btn:hover{
	color: #004bc6;
	border-color: #004bc6;
}
.index_news_banner {
	margin-top: 30px;
	position: relative;
	height: 330px;
	overflow: initial;
}
.index_news_banner .slick-prev,
.index_news_banner .slick-next{
	display: none !important;
}
.index_news_banner .alpha_block{
	position: absolute;
	background-color: rgba(255,255,255,0.6);
	/*width:261px;*/
	height:363px;
	top:0;
	bottom:0;
	margin-top: auto;
	margin-bottom: auto;
	z-index:10;
	cursor: pointer;
}
.index_news_banner .alpha_block1{
	left: 0;
}
.index_news_banner .alpha_block2{
	right: 0;
}
.index_news_banner .slick{
	margin-left:-15px;
	margin-right: -15px;
	position: relative;
}
.index_news_banner .slick .swiper-button-prev{
	display: none;
	opacity: 0;
}
.index_news_banner .slick .swiper-button-next{
	display: none;
	opacity: 0;
}
.index_news_banner .slick1{
	z-index: 1;
	opacity: 1;
}
.index_news_banner .slick2{
	margin-top: -408px;
	opacity: 0;
	z-index: 0;
}
.index_news_banner .limit_box{
	padding:22px 10px;
}
.index_news_banner .limit_box a{
	display: block;
	overflow: hidden;
	border-radius: 10px;	
	transition: all 0.3s;
}
.index_news_banner .limit_box a:hover{
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); 
}
.index_news_banner .limit_box .pic{
	overflow: hidden;
	height: 180px;
	position: relative;
	background-color:rgba(128,128,128,0.2);
}
@media (max-width: 1680px) {
	.index_news{
		padding-bottom: 95px;
	}
}
@media only screen and (min-width: 1600px) and (max-width: 1680px) {
	.index_news_banner .limit_box .pic{
		height: 190px;
	}
}
@media only screen and (min-width: 1681px){
	.index_news_banner .limit_box .pic{
		height: 200px;
	}
}
@media only screen and (min-width: 1920px){
	.index_news_banner .limit_box .pic{
		height: 210px;
	}
}
@media only screen and (min-width: 1921px){
	.index_news_banner .limit_box .pic{
		height: 225px;
	}
}
.index_news_banner .limit_box .pic img{
	position: absolute;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: auto;
	width: 100%;
	height: 100%;
	transition: 1s;
}
.index_news_banner .limit_box .pic img:hover {
	transform: scale(1.3);
}
.index_news_banner .limit_box .tit{
	clear: both;
	overflow: hidden;
	color: #333333;
	font-size: 18px;
	height: 45px;
	margin-bottom: 19px;
	line-height: 24px;
}
.index_news_banner .limit_box .details{
	padding:20px;
	background-color: #fff;
}
.index_news_banner .limit_box .info{
	color: #999999;
	font-size: 14px;
	margin-bottom: 38px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 16px;
}
.index_news_banner .limit_box .time{
	display: block;
	color: #333333;
	font-size: 18px;
}
.index_news_banner .limit_box .time small{
	color: #999;
	font-size: 12px;
}


.index_program{
	clear: both;
	overflow: hidden;
	background-color: #eef3f7;
	position: relative;
}
.index_program::after{
	content:"";
	position: absolute;
	bottom:0;
	width:50%;
	height: 150px;
	left:0;
	background-color: #004bc6;
	border-top-right-radius: 10px;
}
.index_program .container{
	overflow: hidden;
	clear: both;
	padding-top: 22px;
	padding-bottom:30px;
}
.index_program .left{
	float: left;
	width: 55%;
}
.index_program .right{
	float: left;
	width: 45%;
}
.index_program_list{
	clear: both;
/*	overflow: hidden;*/
	font-size: 0;
	text-align: center;
	padding-right: 10%;
}
.index_program_list li{
	position: relative;
	/*float: left;*/
	display: inline-block;
	/*width:25%;*/
	cursor: pointer;
	opacity: 0.5;
	margin-left: 5%;
	margin-right: 5%;
	transition: all 0.3s;
}
.index_program_list li::after{
	content: "";
	position: absolute;
	bottom:-12px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width:0;
	height: 0;
	border-style: solid;
	border-width:8px;
	display: none;
	border-color: transparent transparent #004bc6 transparent;
}
.index_program_list li.cur::after{
	display: block;
}
.index_program_list li.cur{
	opacity: 1;
}
.index_program_list i {
	font-size: 38px;
	color: #004bc6;
}
.index_program_list strong{
	font-weight: normal;
	display: block;
	color: #004bc6;
	font-size:18px;
}
.index_program .left .con{
	color: #fff;
	margin-top: 53px;
	position: relative;
	z-index: 2;
}
.index_program .left .con_item{
	padding-right: 50px;
}
.index_program .left .con h2{
	font-size: 18px;
}
.index_program .left .line{
	width:30px;
	height: 1px;
	border-top:1px solid #fff;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.index_program .left .info{
	font-size: 14px;
	padding-right: 20px;
}
.index_program .right h1{
	font-weight: bold;
	font-size: 36px;
	color: #333333;
	line-height: 48px;
}
.index_program .right strong{
	font-size: 18px;
	color: #333;
	display: block;
	margin-top: 19px;
	margin-bottom: 30px;
	font-weight: normal;
}
.index_program .right span{
	margin-right: 10px;
}
.index_program .right .contact_btn{
	width:160px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	background-color: #004bc6;
	display: block;
}

.index_pro{
	clear: both;
	overflow: hidden;
}
.index_pro .container{
	position: relative;
	padding-top: 60px;
	padding-bottom: 50px;
	/*background:url(/uploads/image/shimgs/index_pro_bg.png) no-repeat center center;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.index_pro .index_scroll_link,
.index_pro .index_pro_bot_details,
.index_pro .pro_nav_list,
.index_pro .index_pro_switch{
	z-index: 5;
	position: relative;
}
.index_pro .container::after{
	position: absolute;
	content: "";
	left:0;
	bottom:0;
	width: 100%;
	height: 100%;
	background:url(/uploads/image/shimgs/alpha.png) no-repeat center center;
	background-size: 100% 100%;
}
.index_pro .pro_nav_list{
	text-align: center;
	display: flex;
	justify-content: space-between;
}

.index_pro .pro_nav_list .item{
}

.index_pro .pro_nav_list a{
	display:inline-block;
}
.index_pro .pro_nav_list .icon{
	display: block;
	width:100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 0.3s;
}
.index_pro .pro_nav_list .item.cur .icon{
	border-color: #1154c7;
}
.about_honor_m {
	display: none;
}
.index_pro .pro_nav_list strong{
	font-weight: normal;
	font-size:16px;
	margin-top: 10px;
	display: block;
	color: #666;
	transition: all 0.3s;
}
.index_pro .pro_nav_list .item.cur strong{
	color: #1154c7;
}


.index_pro_switch,
.index_pro_switch .cen {
	height: 400px;
}
.index_pro_switch {
	clear: both;
	overflow: hidden;
	margin-top: 80px;
} 
.index_pro_switch .left{
	float: left;
	width:30%;
}
.index_pro_scroll{
	margin-top: 30px;
	height: 170px;
	overflow: hidden;
}
.index_pro_switch .cen{
	float: left;
	width:40%;
	position: relative;
}
.index_pro_switch .right{
	float: left;
	text-align: right;
	width:30%;
}
.index_pro_switch .left ul{

}
.index_pro_switch .left li{
	position: relative;
	font-size: 16px;
	cursor: pointer;
	user-select:none;
	line-height: 35px;
	padding-left: 15px;
	transition: all 0.3s;
}
.index_pro_switch .left li::before{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	margin-top: auto;
	margin-bottom: auto;
	content: "";
	width:0;
	height: 18px;
	border-left:2px solid transparent;
	transition: all 0.3s;
}
.index_pro_switch .left li.cur::before{
	border-color: #004bc6;
}
.index_pro_switch .left li:hover,
.index_pro_switch .left li.cur{	
	color: #004bc6;
}
.index_pro_switch .cen img{
	display: none;
	position: absolute;
	top:0;
	bottom:0;
	right: 0;
	left: 0;
	margin:auto;
	width:auto;
	height: auto;
	max-width: 100%;
	height: 100%;
}
.index_pro_switch .cen img:first-child{
	display: block;
}
.index_pro_switch .right .con1{
	font-weight: bold;
	font-size:30px;
	line-height: 35px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.index_pro_switch .right .con2{
	font-size: 14px;
	clear: both;
	overflow: hidden;
}
.index_pro_switch .right h1{
	font-size: 16px;
	margin-top: 25px;
}
.index_pro .s_btn{
	display: block;
	width:150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	color: #333;
	font-size: 14px;
	background-color: #fff;
	box-shadow: 0 2px 12px 2px rgba(0,0,0,0.1);
	transition: all 0.3s;
}
.index_pro .s_btn1{
	float: right;
	margin-top: 10px;
	margin-right: 15px;
}
.index_pro .s_btn span{
	margin-left: 5px;
}
.index_pro .s_btn:hover{
	background-color: #004bc6;
	color: #fff;
}

.index_scroll_link{
	clear: both;
	overflow: hidden;
}
.index_scroll_link ul{
	clear: both;
	overflow: hidden;
	cursor:move;
}
.index_scroll_link li{
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}
.index_scroll_link a{
	display: block;
	display: flex;
	align-items: center;
}
.index_scroll_link .pic{
	width:100px;
	height: 60px;
	overflow: hidden;
	border-radius: 30px;
	position: relative;
	z-index: 2;
}
.index_scroll_link img{

}
.index_scroll_link .con{
	padding-left:30px;
	padding-right: 15px;
	margin-left: -20px;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0,0,0,0.6);
	height: 40px;
	line-height: 40px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	overflow: hidden;
}
.index_pro_bot_details{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 2%;
	padding-right: 2%;
}
.index_pro_bot_details .left_con{

}
.index_pro_bot_details .left_con h1{
	color: #333;
	font-size: 28px;
	font-weight: bold;
}
.index_pro_bot_details .left_con strong{
	color: #2f66cc;
	font-size: 14px;
	display: block;
	font-weight: normal;
	margin-top: 8px;
}
.index_pro_bot_details .s_btn2{

}



footer{
	position: relative;
	clear: both;
	overflow: hidden;
	background-color: #eef3f7;	
	z-index: 9;
}
footer,
footer a{
	font-size: 14px;
	color: #666;
}
footer .footer_top{
	border-bottom: 1px solid #d7d8da;
	padding-bottom: 18px;
	padding-top: 60px;
}
footer .footer_top,
footer .sec1,
footer .sec2{
	clear: both;
	overflow: hidden;
}
footer .sec2{
	margin-top: 40px;
}
footer .sec1 .left{
	float: left;
	width:calc(100% - 400px - 370px);
}
footer .sec1 .cen{
	float: left;
	width:400px;
}
footer .sec1 .right{
	float: right;
	width:370px;
}

footer form {
	margin-top: 26px;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
footer form input{
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	border:1px solid #b4b6b7;
	background-color:transparent;	
	transition: all 0.3s;
}
footer form .input_box{
	clear: both;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
footer form .input_box1 input{
	width:180px;
}
footer form .input_box3 input{
	width:180px;
}
footer form .input_box2 input[type="text"]{
	width:220px;
}
footer form input[type="text"]{

}
footer form input[type="button"],
footer form input[type="text"]:hover,
footer form input[type="text"]:focus{
	border-color: #4d81d5;
}
footer form input[type="button"]{
	color: #4d81d5;
	width: 140px;
}
footer form input[type="button"]:hover{
	background-color: #4d81d5;
	color: #fff;
}
footer form .yzm_box{
	position: relative;
	overflow: hidden;
}
footer form .yzm_box input{
	padding-right: 110px;
}
footer form .yzm_box img{
	width:100px;
	height: 38px;
	position: absolute;
	top:1px;
	right: 1px;
	cursor: pointer;
}
footer .form_details{

}



footer .foot_pub_title{
	font-weight: bold;
	color: #333;
	font-size: 24px;
	clear: both;
	overflow: hidden;
}
footer .group_info{
	margin-top: 35px;
}
footer .group_info .item{
	line-height: 30px;
}
footer .group_info .icon{
	display:inline-block;
	width:14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 15px;
}
footer .group_info .item:nth-child(1) .icon{
	background-image: url(/uploads/image/shimgs/foot_icon_1.png);
}
footer .group_info .item:nth-child(2) .icon{
	background-image: url(/uploads/image/shimgs/foot_icon_2.png);
}
footer .group_info .item:nth-child(3) .icon{
	background-image: url(/uploads/image/shimgs/foot_icon_3.png);
}
footer .group_info strong{
	display: inline-block;
	font-weight: normal;
}
footer .foot_share_list{
	text-align: center;
	margin-bottom: 10px;
}
footer .foot_share_list li{
	display: inline-block;
	position: relative;
}
footer .foot_share_list li:nth-of-type(1){
	display: none;
}
footer .foot_share_list a{
	margin-left: 20px;
	margin-right: 20px;
	display: block;	
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
footer .foot_share_list li:nth-of-type(1) a {
	background-color: #fff;
	color: rgb(26, 214, 1);
}
footer .foot_share_list li:nth-of-type(2) a {
	background-color: #000;
	color: #fff;
}
footer .foot_share_list li:nth-of-type(3) a {
	background-color: #fff;
	color: rgb(245, 54, 134);
}
footer .foot_share_list li:nth-of-type(4) a {
	background-color: #fff;
	color: rgb(238, 88, 2);
}
footer .foot_share_list i{
	font-size: 34px;
	line-height: 40px;
}
/* 新增 */
footer .foot_share_list li .contact_code_pic_box{
	display: none;
	position: absolute;
	top: -120px;
	width: 100px;
	height: 110px;
	left: -12px;
}
footer .foot_share_list li .contact_code_pic_box img{
	display: inline-block;
	border-radius: 5px;
	width: 100px;
	height: 100px;
}
footer .foot_share_list li .contact_code_pic_box .bottom_triangle{
	width: 10px;
	height: 10px;
	margin: 0 auto;
	border-top: 10px solid #ffffff;
	border-bottom: 0px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
footer .footer_top, footer .sec1{
	overflow: visible;
}
footer{
	height: 456px;
	overflow: inherit;
}
footer .foot_share_list li{
	transition: all 1s;
}
footer .foot_share_list li:hover .contact_code_pic_box {
	display: block;
}


footer .foot_ewm_list{
	text-align: center;
	font-size: 0;
}
footer .foot_ewm_list li{
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
}
footer .foot_ewm_list img{
	width:110px;
}
footer .foot_ewm_list strong{
	font-weight: normal;
	font-size: 14px;
	margin-top: 8px;
	display: block;
}
footer .foot_logo{
	float: left;
}
footer .foot_logo img{
	width: auto;
	max-width: 100%;
}
footer .foot_pro_list{
	float: left;
	margin-left: 22px;
	transform: translatey(5px);
}
footer .foot_pro_list li{
	display: inline-block;
	margin-right: 10px;
}
footer .foot_pro_list a{

}
footer .sec2 nav{
	float: right;
	transform: translatey(5px);
}
footer .sec2 nav a{
	display: inline-block;
	margin-left: 10px;
}

footer .footer_bot{
	float: left;
	width:100%;
	overflow: hidden;
	clear: both;
	padding-top: 18px;
	padding-bottom: 30px;
}
footer .footer_bot .left{
	float: left;
}
footer .footer_bot .right{
	float: right;
}
footer .footer_bot .left ul:last-child{
	margin-top: 5px;
}
footer .code {
	display: none;
}
footer .yq_link{
	font-size: 0;
}
footer .yq_link dt,
footer .yq_link dd{
	display: inline-block;
	font-size: 14px;
}
footer .yq_link dd{
	margin-left: 10px;
}
footer .yq_link dt{
	font-weight: normal;
}
footer .tips_list{
	font-size: 0;
	text-align: right;
	margin-top: 5px;
}
footer .tips_list a {
	display: inline-block;
	margin-left:15px;
	position: relative;
}
footer .tips_list a::after{
	position: absolute;
	content:"·";
	font-size: 20px;
	color: #666;
	top:-5px;
	left:-12px;
}
footer .tips_list a:first-child::after{
	display: none;
}
footer .footer_bot ul{
	overflow: hidden;
}
footer .footer_bot ul li{
	display: inline-block;
	padding-right: 10px;
	line-height: 18px;
}
footer .footer_bot ul li.first_li img{
	width:auto;
	height: auto;
	display: inline-block;
	margin-right: 5px;
}
footer .footer_bot a{	
	color: #666;
	transition:color 0.3s;
}
footer .footer_bot a:hover{
	color:#004bc6;
	text-decoration: underline;
}
footer .right_m {
	display: none;
}
footer .right_m a {
	float: right;
	margin-right: 20px;
	font-size: 14px;
	margin-top: 4px;
}

.fix_fa_m {
	display: none;
}
.fix_fa{
	background: rgba(255,255,255,0.6);
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height: 80px;
	z-index: 99;
}
.fix_fa .container{
	display: flex;
	justify-content: space-between;
	align-items:center;
	height: 100%;
}
.fix_fa .left{
	display: flex;
	align-items:center;
	height: 100%;
}
.fix_fa em{
	font-size: 18px;
	color: #333;
	font-style: normal;
	margin-right: 65px;
}
.fix_fa .fix_select li,
.fix_fa .fix_select .tit,
.fix_fa .fix_select{
	width:240px;
	height: 40px;
}
.fix_fa .fix_select{
	margin-right: 20px;
	border: 1px solid #eeeeee;
	border-radius: 20px;
	cursor: pointer;
	background-color: #fff;
	position: relative;
}
.fix_fa .fix_select.cur{
	border-top:none;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.fix_fa .fix_select li,
.fix_fa .fix_select .tit{
	font-size: 14px;
	color: #333;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
}
.fix_fa .fix_select .tit{

}
.fix_fa .fix_select ul{
	display: none;
	position: absolute;
	border: 1px solid #eeeeee;
	border-radius: 20px;
	bottom:39px;
	left: -1px;
	width:240px;
	overflow: hidden;
	background-color: #fff;
	border-bottom:none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.fix_fa .fix_select li{
	transition: all 0.3s;
}
.fix_fa .fix_select li:hover{
	background-color: #eeeeee;
}
.fix_fa .s_btn{
    width: 160px;
    height: 40px;
    background: #004bc6;
    border-radius: 20px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
}
.fix_fa .btn_close{
	width:40px;
	height:40px;
	background: url(/uploads/image/shimgs/btn_close.png) no-repeat center center;
	background-size: 30px auto;
	cursor: pointer;
}
.range .slider-container:nth-of-type(1) {
	display: none;
}
#third .slider-container {
	/*display: block;
	width: 1170px !important;*/
}


/*.s_top{
	width:35px;
	position: fixed;
	bottom:60px;
	right: 10px;	
	cursor: pointer;
	z-index: 999;
}*/
/**{
	-ms-behavior: url(/uploads/image/shcpjs/backgroundsize.htc);
	behavior: url(/uploads/image/shcpjs/backgroundsize.htc);
}*/

@media (max-width:1199px){
	header .nav_list .item .item_a{
		padding-left: 29px;
		padding-right: 29px;
		font-size: 17px;
	}
	header .container{
		width: 1100px;
	}
	footer .sec1 .cen{
		display: none;
	}
	footer .sec1 .left{
		width:calc(100% - 370px);
	}
	.index_about .left{
		width:20%;
	}
	.index_about .cen{
		width:30%;
		padding-right: 20px;
	}
	.index_about .right{
		width: 50%;
	}
	.index_about .video_pic::after{
		width:80px;
		height: 80px;
	}
	.index_about .icon_list strong{
		font-size: 16px;
	}
	.index_program .right h1{
		font-size: 30px;
		line-height: 46px;
	}
	.index_program_list li{
		margin-left: 3%;
		margin-right: 3%;
	}
	.index_program_list li::after{
		bottom:-14px;
	}
	.index_pro_switch .right .con1,
	.index_pro_bot_details .left_con h1{
		font-size: 25px;
	}
	.index_pro .pro_nav_list .icon{
		width:90px;
		height:90px;
	}
	.index_pro_switch {
	    margin-top: 41px;
	}
	.index_pro_switch,
	.index_pro_switch .cen {
		height: 350px;
	}
	.index_banner .limit_box .banner_side{
		width:200px;
		height:60%;
		top:0;
	}
	.slide_nav_list{
		width:600px;
		overflow: hidden;
	}


}
@media (max-width: 1099px){
	header .container{
		width: 1010px;
}
@media  (max-width: 767px) {
	.new-swiper-container{
		display: none !important;
	}
	.m-new-swiper-container{
		display: block;
	}
}
@media (max-width: 1025px) and (min-width: 767px){
	.slide_nav_list .slick_box{
		overflow-x: scroll;
	}
}
@media (max-width: 991px){
	header .nav_list .item .item_a{
		padding-left: 19px;
		padding-right: 19px;
		font-size: 17px;
	}
	header .gp_code{
		margin-left:20px;
	}	
	header .logo img{
		width: 80px;
	}
	header .gp_code em{
		font-size: 15px;
	}
	header .gp_code strong{
		font-size: 20px;
	}
	header .icon_list .item{
		margin-left: 35px;
	}
	footer .footer_bot .right,
	footer .foot_pro_list{
		display: none;
	}
	footer .footer_bot .left{
		width:100%;
		text-align: center;
	}
	.index_about .left{
		width:20%;
	}
	.index_about .cen{
		width:35%;
		padding-right: 15px;
	}
	.index_about .right{
		width:45%;
	}
	.index_about .video_pic::after{
		width:70px;
		height: 70px;
	}
	.index_about .icon_list strong{
		font-size: 15px;
	}
	.index_about .head_con h1{
		font-size: 25px;
	}
	.index_about .head_con h2{
		font-size: 16px;
		margin-top: 5px;
	}
	.index_about .head_con .pic img{
		max-width:140px;
	}
	.index_program_list strong{
		font-size:16px;
	}
	.index_pro_switch .right .con1{
		line-height: 32px;
	}
	.index_pro_switch .right .con1,
	.index_pro_bot_details .left_con h1{
		font-size: 22px;
	}
	.index_pro_switch .cen{
		padding-top: 20px;
	}
	.index_pro_switch{
		padding-bottom: 20px;
	}
	.index_pro_switch,
	.index_pro_switch .cen {
		height: 300px;
	}
	.index_pro .container{
		background-size: cover;
	}
	.animate-big{
	    width:700px;
	}
	.slide_nav_list{
		width:400px;
		overflow: hidden;
	}
	.fix_fa em{
		margin-right:20px;
	}
	.fix_fa .fix_select ul,
	.fix_fa .fix_select li,
	.fix_fa .fix_select .tit,
	.fix_fa .fix_select{
		width:220px;
	}
}
@media(min-width: 768px) {
	.contentcircle .ciritem1::after,
	.contentcircle .ciritem2::after,
	.contentcircle .ciritem3::after,
	.contentcircle .ciritem4::after,
	.contentcircle .ciritem5::after,
	.contentcircle .ciritem6::after,
	.contentcircle .ciritem7::after,
	.contentcircle .ciritem8::after,
	.contentcircle .ciritem9::after,
	.contentcircle .ciritem10::after {
	    content: "" !important;
	}
}
@media (max-width: 767px){
	body{
		margin-top: 50px;
		padding-top: 0px !important;
	}
	footer{
		height: auto;
		overflow: hidden;
	}
	.slick-dots{
		bottom: 10px;
	}
	.fix_fa_m {
		display: block;
	}
	.slick-dots li,
	.slick-dots li button,
	.slick-dots li button::before{
		width: 15px;
		height: 4px;
	}
	.pro_zt_banner a img {
		height: 200px;
	}
	.index_m_banner a img {
		height: 220px;
		width: auto;
	}
	.index_m_banner .animate-small{
		left: 23%;
	}
	.index_m_banner .holdercircle{
		
	}
	.index_m_banner a {
		display: flex;
		justify-content: space-around;
	}
	.slick-dots li {
		margin:0px 3px;
	}
/*	.slick-dots,*/
	.slick-arrow{
		/*display: none !important;*/
	}
	/* 修改 */
	.index_m_banner .banner_side{
		position: absolute;
		flex: 1;
	}
	.index_m_banner .banner_side img{
		height: 350px;
	}
	.index_m_banner .banner_side_left{
		left: 0;
		top: 0;
	}
	.index_m_banner .banner_side_right{
		right: 0;
		top: 0;
	}
	.index_m_banner .animate-big{
		width: auto;
		height: 290px;
		top: 49%;
	}
	.index_m_banner .holdercircle{
		flex: 2;
		margin: -26px auto;
	}
	.index_m_banner .holdercircle .dotcircle{
		width: 200px;
		height: 200px;
	}
	.index_m_banner .holdercircle .dotcircle .itemdot{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.index_m_banner .holdercircle .dotcircle .itemdot img{
		width: 40px;
	}
	.index_m_banner .holdercircle .contentcircle{
		width: 260px;
		height: 260px;
	}
	.index_m_banner .holdercircle .contentcircle .ciritem .product-img{
		width: 260px;
		height: 260px;
	}
	/*.index_m_banner .holdercircle .contentcircle .ciritem .ciritemtextbg{
		width: 150px;
		height: auto;
		position: absolute;
	    top: 135px;
	    /*bottom: 0;*/
	    right: 0;
	    left: 0;
	    margin: auto;
	    z-index: 9;
	}*/
	.index_m_banner .holdercircle .animate-small{
		width: auto;
		height: 230px;
		left: 0;
		right: 0;
		margin: auto;
		top: 50%;
	}
	/*.contentcircle .ciritem1::after,
	.contentcircle .ciritem2::after,
	.contentcircle .ciritem3::after,
	.contentcircle .ciritem4::after,
	.contentcircle .ciritem5::after,
	.contentcircle .ciritem6::after,
	.contentcircle .ciritem7::after,
	.contentcircle .ciritem8::after,
	.contentcircle .ciritem9::after,
	.contentcircle .ciritem10::after {
	    content: '色选·我们无处不在';
	    width: 100%;
	    height: 100%;
	    font-size: 20px;
	    font-family: "pangmenzhengdao regular";
	    -webkit-border-radius: 250px;
	    -moz-border-radius: 250px;
	    border-radius: 250px;
	    font-weight: normal;
	    position: absolute;
	    top: -170px !important;
	    left: 0;
	    z-index: 9;
	    text-shadow: 0px 10px 20px rgba(0,0,0,0.2);
	}*/
	.contentcircle .ciritem1::after,
	.contentcircle .ciritem2::after,
	.contentcircle .ciritem3::after,
	.contentcircle .ciritem4::after,
	.contentcircle .ciritem5::after,
	.contentcircle .ciritem6::after,
	.contentcircle .ciritem7::after,
	.contentcircle .ciritem8::after,
	.contentcircle .ciritem9::after,
	.contentcircle .ciritem10::after {
	    content: "" !important;
	}
	.m-new-swiper-container .index_m_banner .ciritem .ciritemtextbg{
		top: 130px;
	    left: 0;
	    right: 0;
	    margin: auto;
	    height: 14px;
	    width: auto;
	}
	.index_m_banner .holdercircle .contentcircle .ciritem .product-img-float{
		height: 200px;
	}
	
	
	
	footer, .footer_bot a{
		font-size: 12px;
	}
	footer .foot_ewm_list {
		display: none;
	}
	footer .footer_top{		
		padding-bottom: 10px;
		padding-top: 30px;
	}
	footer .footer_bot {
		padding-bottom: 20px;
	}
	footer .footer_bot .right,
	footer .sec1 .cen{
		display: block;
		width: 40%;
	}
	footer .sec1 .right {
		width: 100%;
	}
	
	footer .sec1 .left{
		width:60%;
	}
	footer .sec1 .cen{
		/* margin-bottom: 30px; */
	}
	footer .foot_pub_title{
		font-size: 20px;
		text-align: right;
	}
	footer .group_info{
		margin-top: 15px;
	}
	footer .group_info .item{
		text-align: left;
		margin-left: 20px;
	}
	footer .group_info strong {
		width: 80%;
	}
	footer .group_info i {
		float: left;
		margin-right: 5px;
	}
	footer .foot_share_list{
		text-align: center;
		margin-top: 40px;
		margin-left: 10px;
	}
	footer .foot_share_list a,
	footer .foot_ewm_list li{
		margin: 5px;
	}
	footer .foot_ewm_list img{
		width:100px;
	}
	footer form .input_box{
		display: block;
		margin-bottom: 0;
	}
	footer form input[type="button"],
	footer form .input_box1 input,
	footer form .input_box2 input[type="text"]{
		width:100%;
	}
	footer form input{
		margin-bottom: 10px;
	}
	footer .sec1 .right{
		padding-left: 25px;
		padding-right: 25px;
		display: none;
	}
	footer form input[type="button"]{
		background-color: #4d81d5;
		color: #fff;
	}
	footer .yq_link{
		display: none;
	}
	footer .tips_list{
		text-align: center;
	}
	footer .footer_bot .right{
		float: none;
		width: 100%;
		clear: both;
		overflow: hidden;
		margin-top: 15px;
	}
	footer .tips_list a:first-child {
		margin-left:0;
	}
	footer .sec2{
		display: none;
	}
	.index_about{
		padding: 0 15px 15px;
	}
	.index_about .icon_list li{
		width:25%;
		text-align: center;
	}
	.index_about .icon_list li:nth-child(1),
	.index_about .icon_list li:nth-child(2){
		margin-bottom: 0px;
	}
	.index_about .icon_list .icon{
		margin-left: auto;
		margin-right: auto;
	}
	.index_about .left{
		width:100%;
		display: none;
	}
	.index_about .cen{
		display: none;
		width:100%;
		padding-right: 0;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.index_about .right{
		margin-top: 12px;
		width:100%;
	}
	.index_about .right .con {
		height: 64px;
    margin-top: 10px;
    margin-bottom: 10px;
	}
	.index_about .video_pic::after{
		width:60px;
		height: 60px;
	}
	.index_about .icon_list strong{
		font-size: 15px;
	}
	.index_about .head_con h1{
		font-size: 20px;
	}
	.index_about .head_con h2{
		font-size: 15px;
		margin-top: 3px;
	}
	.index_about .head_con .pic img{
		max-width:140px;
	}
	.index_about .icon_list,
	.index_about .video_box{
		transform:translatey(0);
	}
	.index_about .right .more{
		width:100px;
		height: 30px;
		border-radius: 15px;
		line-height:30px;
		margin-top: 20px;
	}
	.index_news_banner .limit_box .info{
		display: none;
	}
	.index_news_banner .limit_box .tit{
		font-size:15px;
		height: 45px;
		margin-bottom: 10px;
		line-height: 22px;	
	}
	.index_news_banner .limit_box .details{
		padding:13px;
		text-align: left;
	}
	.index_news_banner .slick{
		margin-left:-8px;
		margin-right: -8px;
	}
	.index_news_banner .limit_box{
		padding:10px 8px 30px;
	}
	.index_news_banner .limit_box .pic{
		height: 100px;
	}
	.index_news{
		padding-top: 30px;
		padding-bottom:0;
	}
	.index_news_banner {
		margin-top:5px;
		height: 235px;
		padding: 0 15px;
	}
	.index_news .nav_con{
		padding-left: 15px;
		padding-right: 15px;
	}
	.index_news .nav_con nav a{
		width:80px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
	}
	.index_news .nav_con .btn_group .s_btn{
		width:80px;
		height: 30px;
		line-height: 28px;
		border-radius:15px;
		font-size: 16px;
		display: none;
	}
	.index_program .left{
		display: none;
	}
	.index_program .right{
		width: 100%;
	}
	.index_program{
		padding-left: 15px;
		padding-right: 15px;
	}
	.index_program .left .con{
		background-color: #004bc6;
		padding:20px;
		margin-top: 20px;
		border-radius: 10px;
	}
	.index_program::after{
		display: none;
	}
	.index_program_list{
		padding-right: 0;
	}
	.index_program_list .icon{
		margin-bottom: 8px;
	}
	.index_program_list strong{
		font-size:15px;
	}

	.index_program .right h1{
		font-size:18px;
		line-height: 28px;
	}
	.index_program .right strong{
		font-size: 15px;
		margin-top: 6px;
		margin-bottom:10px;
	}
	.index_program .right .contact_btn{
		width:100px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		position: absolute;
    left: 69%;
    top: 15%;
	}
	.index_program_list li{
		margin-left:3%;
		margin-right: 3%;
	}
	.index_program_list li::after{
		bottom:-20px;
	}
	.index_program .left .con_item,
	.index_program .left .info{
		padding-right: 0;
	}
	.index_pro .pro_nav_list{
		padding-left: 15px;
		padding-right: 15px;
		background: rgba(255,255,255,.5);
	}
	.index_pro .pro_nav_list .icon{
		width:50px;
		height: 50px;
	}
	.index_pro .pro_nav_list strong{
		font-size:14px;
		margin-top: 6px;
	}
	.index_pro_switch .left,
	.index_pro_switch .cen,
	.index_pro_switch .right{
		width:100%;
	}
	.index_pro_switch .left {
		display: none;
	}
	.index_pro_switch .left li{
		padding-right: 15px;
	}
	.index_pro_switch .right h1 {
		margin-top: 6px;
		text-align: center;
	}
	.index_pro_switch .right .con1{
		line-height: 24px;
		text-align: center;
	}
	.index_pro_switch .right .con1,
	.index_pro_bot_details .left_con h1{
		font-size:18px;
	}
	.index_pro .container{
		padding-top: 0;
		padding-bottom:0;
	}
	.index_pro .pro_nav_list .item {
		padding-top: 30px;
	}
	.index_pro_switch{
		margin-top: 0px;
		height:330px;
		background: rgba(255,255,255,.5);
	}
	.index_pro_switch .cen {
		height:210px;
		overflow: hidden;
	}
	.index_pro_switch .cen img {
		max-width: 37%;
		height: auto;
	}
	.index_pro .s_btn {
		width: 110px;
		height: 36px;
		line-height: 36px;
		border-radius: 18px;
		margin: 0 auto;
		float: none;
	}

	/*产品导航*/
	.slide_nav_list{
		width:100%;
	}
	.slide_nav_list .limit_box,
	.slide_nav_list .limit_box a{
		width:60px;	
		height:60px;	
	}
	.slide_nav_list .limit_box .icon{
		width:16px;
		height:16px;
		background-size: 16px auto;
	}
	.slide_nav_list .limit_box img{
		width: 16px;
	}
	.slide_nav_list .limit_box .tit{
		margin-top:5px;
	}
	/*//产品导航*/
	.fix_fa{
		border-top: 1px solid #eee;
		display: block;
		height: auto;
		position: relative;
	}
	#fix_fa_b {
		display: none;
	}
	.fix_fa .container{
		display: block;
	}
	.fix_fa .left{
		display: block;
		height: auto;
	}
	.fix_fa .fix_select ul{
		width:calc( 100%   2px );
	}
	.fix_fa .s_btn,
	.fix_fa .fix_select li,
	.fix_fa .fix_select .tit,
	.fix_fa .fix_select{
		width:100%;
	}
	.fix_fa {
		padding:20px 15px 10px;
		background-color: #e2e7ec;
	}
	.fix_fa em{
		margin-bottom: 10px;
		display:block;
	}
	.fix_fa .fix_select{
		margin-bottom: 10px;
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	.fix_fa .fix_select:nth-of-type(2) {
		margin-right: 0;
	}
	.fix_fa .s_btn {
		margin-bottom: 10px;
		width: 48%;
		float: left;
	}
	.fix_fa .container{
		position: relative;
	}
	.fix_fa .btn_close{
		display: none;
		position: absolute;
		right: 0;
		top:-8px;
	}
	.index_pro_switch .right .con2 {
		display: none;
	}
	.about_honor {
		display: none;
	}
	.about_honor_m {
		display: block;
	}
	.index_news_banner .slick2 {
		margin-top: -270px;
	}
	.align_justify div {
		display: none;
	}
	footer .right_m {
		display: block;
	}
	footer .foot_share_list li:nth-of-type(1) {
		display: inline-block;
	}
	footer .code {
		display: none;
		text-align: center;
		align-items: center;
		position: fixed;
		left: 0;
		top: 50px;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 333;
		font-size: 18px;
	}
	footer .code img {
		margin: 50px auto 0;
		width: 50%;
		height: auto;
	}
	.index_program .container {
		padding: 10px 0 0 0;
	}
	.range {
		touch-action: none;
	}
	.range .slider-container:nth-of-type(1) {
		display: block;
	}
	.range .slider-container:nth-of-type(2) {
		display: none;
	}
	.index_about .right .con p {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.index_about .index_about_details {
		padding: 20px;
	}
	.index_about .right {
		display: none;
	}
}
@media (max-width: 600px) {
	.index_pro_switch .cen img{
		max-width: 37%;
	}
}
@media (max-width: 490px) {
	.index_pro_switch .cen img{
		max-width: 56%;
	}
	.m-new-swiper-container .index_m_banner .banner_side{
		display: none;
	}
}
@media (max-width: 375px) {
	.index_m_banner .animate-small{
		left: 21%;
	}
	.m-new-swiper-container .index_m_banner .ciritem .ciritemtextbg{
		top: 143px;
	    left: 0;
	    right: 0;
	    margin: auto;
	    height: 12px;
	    width: auto;
	}
}