@charset "utf-8";



/*统一的样式*/



/* reset */

*{margin:0;padding:0;list-style:none; font-size: 16px; box-sizing: border-box;} /*默认外边距 和 内边距*/ /*去圆点*/

img{border:none; vertical-align:bottom; max-width: 100%}



table {border-collapse:collapse;} /*边框会合并为一个单一的边框*/ /**/

button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/*字体系列 字体大小 字体样式 字体粗细 都继承父元素*/

.h1, .h2, .h3, .h4, .h5, .h6,span, h1, h2, h3, h4, h5, h6, p{margin: 0px; padding: 0px; font-size: inherit}

address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */

/*input:focus{box-shadow: 0 0 10px #999; outline: none;}   /*边框阴影*/  /*轮廓取消*/

/* link */

a{text-decoration:none; color: inherit; transition: 0s; font-size: inherit}  /*清除超链接的下划线*/

a:hover{text-decoration:none; color: inherit;}

.clear{clear: both;}  /*清除浮动*/

/*统一的样式*/

ol, ul, dl{margin: 0px;}





html body {

	margin: 0px auto;

	max-width: 1920px;	

	min-width: 320px;

	font-size: 100%;

	font-family:  "微软雅黑", "Microsoft YaHei", "SimSun", "宋体";

}

main{font-size: 16px;}



/*=================公共头部样式           开始==========================*/

.hea_h{background-color: #e3e3e3}

.hea_h .layout{

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.hea_h p{

	font-size: 12px;

	line-height: 30px;

	color: #818181;

}



.hea_h h6{

	float: left;

	font-size: 12px;

	line-height: 22px;

	color: #818181;

}



.hea_h .suosou{

	float: left;

	margin: 0 40px;

	width: 121px;

	height: 23px;

	position: relative;

}



.hea_h .suosou input{

	width: 100%;

	height: 100%;

	border: 0px;

	outline: none;

	border: 1px solid #818181;

	border-radius: 25px;

	background-color: transparent;

	font-size: 12px;

	padding-left: 10px;

	padding-right: 25px;

}



.hea_h .suosou button{

	font-size: 14px;

	background-color: transparent;

	border: 0px;

	position: absolute;

	top: 1px;

	right: 7px;

	color: #818181;

}



.hea_h a{

	float: left;

	font-size: 12px;

	line-height: 22px;

	color: #818181;

}

.hea_h a:hover{color: #0085fd}



.hea .layout{

	display: flex;

	justify-content: space-around;

	align-items: center;

}

.hea .layout a img{

	max-height: 100px;

}

.hea ul{position: relative;}

.hea li{

	position: relative;

	width: 155px;

	float: left;

	z-index: 5;

}

.hea li>a{

	display: flex;

	height: 120px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    color: #6b6b6b;

	transition: 0.4s;

	font-size: 18px;

	line-height: 22px;

}



.hea li p{text-transform: uppercase; color: #c3c3c3; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.hea li:hover>a{color: #0085fd}



.hea li::after{

	position: absolute;

	width: 1px;

	height: 30px;

	right: 0px;

	top: 50%;

	margin-top: -15px;

	content: '';

	background-color: #e6e6e6

}

.hea li:last-of-type::after{content: normal}

.hea ul li:nth-of-type(1){width: 100px}

.hea ul hr{

	position: absolute;

	width: 100px;

	height: 3px;

	left: 0px;

	bottom: 0px;

	content: '';

	background-color: #0085fd;

	margin: 0px;

	transition: 0.4s;

}

.hea ul li.li_act:nth-of-type(1)~ hr{left: 0px;width: 100px}

.hea ul li.li_act:nth-of-type(2)~ hr{left: 100px;width: 155px}

.hea ul li.li_act:nth-of-type(3)~ hr{left: 255px;width: 155px}

.hea ul li.li_act:nth-of-type(4)~ hr{left: 410px;width: 155px}

.hea ul li.li_act:nth-of-type(5)~ hr{left: 565px;width: 155px}

.hea ul li.li_act:nth-of-type(6)~ hr{left: 720px;width: 155px}



.hea ul li:nth-of-type(1):hover~ hr{left: 0px;width: 100px}

.hea ul li:nth-of-type(2):hover~ hr{left: 100px;width: 155px}

.hea ul li:nth-of-type(3):hover~ hr{left: 255px;width: 155px}

.hea ul li:nth-of-type(4):hover~ hr{left: 410px;width: 155px}

.hea ul li:nth-of-type(5):hover~ hr{left: 565px;width: 155px}

.hea ul li:nth-of-type(6):hover~ hr{left: 720px;width: 155px}

.hea ul li.li_act a{color: #0085fd}



.banner .swiper-pagination-bullet {

    width: 33px;

    height: 2px;

    background-color: #fff;

    opacity: 0.5;

    border-radius: 0px;

}

.banner .swiper-pagination-bullet-active {background-color: #0085fd; opacity: 1;}

.banner .swiper-slide{position: relative;}

.banner p{

	width: 22px;

    height: 36px;

    box-sizing: border-box;

    border: 2px solid #ffffff;

    border-radius: 10px;

    position: absolute;

    content: '';

    bottom: 60px;

    left: 50%;

	margin-left: -11px;

}

.banner p i{

	font-size: 14px;

	line-height: 4px;

	text-align: center;

	width: 100%;

	color: #fff;

	position: absolute;

	opacity: 1;

	bottom: -15px;

	animation: mousedown 1s ease 0s infinite;

	

}

.banner p i:nth-of-type(2){

	bottom: -20px;

	opacity: 0;

	animation: mousedown1 1s ease 0s infinite;

}

.banner p i:nth-of-type(3){

	bottom: -25px;

	opacity: 0;

	animation: mousedown2 1s ease 0s infinite;

}



.banner p::after{

	width: 2px;

    height: 7px;

    background-color: #ffffff;

    position: absolute;

    content: '';

    top: 5px;

    left: 50%;

    margin-left: -1px;

    transition: .6s;

}



@keyframes mousedown

{

	0%   {opacity: 1}

	100% {opacity: 0}

}



@keyframes mousedown1

{

	0%   {opacity: 0}

	50% {opacity: 1}

	100% {opacity: 0}

}



@keyframes mousedown2

{

	0%   {opacity: 0}

	50% {opacity: 0}

	100% {opacity: 1}

}



.banner p i::after{content: "\f107";display: block}



.subhlogo{

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	border-bottom: 1px solid rgba(0,133,253, 0.3);

	z-index: 555;

	display: none;

	background-color: #fff;

}



.subhlogo .layout {

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: 80px;

	padding: 0 20px

}

.subhlogo .hloho{width: 90px; }



.meun-btn {

    position: relative;

    width: 50px;

    height: 50px;

    display: flex;

	cursor: pointer;

	z-index: 555;

	flex-direction: column;

	justify-content: space-around;

}



.meun-btn span {

    top: 50%;

    left: 0px;

    display: block;

    width: 100%;

	height: 5px;

	border-radius: 25px;

    margin-top: -1px;

    background: #0085fd;

    transition: .2s ease;

}



.meun-btn-open span:nth-of-type(1) {position: absolute;transform: rotate(45deg);}

.meun-btn-open span:nth-of-type(3) {position: absolute; transform: rotate(-45deg);}

.meun-btn-open span:nth-of-type(2){width: 0px;}



.second_nav{

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 555;

	width: 320px ;

	height: 100%;

	background: #fff;

	box-shadow: 0 5px 10px rgba(0, 0, 0, .4);

	overflow-y: scroll;

	padding-bottom: 50px;

	pointer-events:none;

	animation-duration: 0.5s;

}



.second_nav form{

	box-sizing: border-box;

    margin: 0px;

    background: #0085fd;

	height: 81px;

    min-height: 50px;

    font-size: 16px;

	color: #fff;

	width: 100%;

    text-align: center;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

}



.second_nav form input{

	border: none;

	width: 80%;

	height: 36px;

	outline: none;

	border-bottom: 1px solid #fff;

	background: transparent;

	padding-left: 15px;

	padding-right: 25px;

	color: #fff;

	font-size: 16px;
	

}



.second_nav form button{

	border: none;

	background: no-repeat;

	margin-left: -15px;

	color: #fff;

}

.second_nav_block{pointer-events: auto; visibility: visible; }



.second_nav form input::-webkit-input-placeholder {color: #fff;}

.second_nav form input:-moz-placeholder {color: #fff;}

.second_nav form input::-moz-placeholder {color: #fff;}

.second_nav form input:-ms-input-placeholder {color: #fff;}

.second_nav form input::placeholder{color: #fff;}



.second_nav li{width: 100%;}

.second_nav li p{

    position: relative;

    display: block;

    height: 56px;

    line-height: 56px;

    overflow: hidden;

    padding: 0px 20px 0px 40px;

    margin: 0px;

    font-size: 16px;

    color: #505050;

    font-weight: normal;

    letter-spacing: 1px;

    cursor: pointer;

	transition: .3s;

	border-bottom: 1px solid #f2f2f2;

}

.second_nav li p i{float: right; margin-top: 20px; transition: .6s;}

.second_nav li p a{display: block; width: 100%; float: left;}

.second_nav li p::before{

	content: "";

    position: absolute;

    top: 50%;

    left: 15px;

    width: 10px;

    height: 10px;

    margin-top: -5px;

    border: 1px solid #505050;

    border-radius: 50%;

    transition: .3s;

}

.second_nav .li_act p::before{

    border: 1px solid #0085fd;

	background: #0085fd;

}

.second_nav .li_act p{color: #0085fd;}

.second_nav .li_act p i{transform: rotateX(180deg);}



.second_nav li dl{display: none;}

.second_nav li dd{

	font-size: 16px;

	line-height: 56px;

	height: 56px;

	padding: 0px 20px 0px 40px;

	border-bottom: 1px solid #f2f2f2;

}

.second_nav li dd a{display: block}

.mark{

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0px;

	left: 0px;

	background: rgba(255, 255, 255, 0.5);

	z-index: 55;

	display: none;

}



.second_nav .iphone{

	font-size: 28px;

	margin: 0.2rem 0px;

	position: relative;

	color: #000;

	font-family: Arial;

	padding-left: 30px;

}

.second_nav .iphone i{padding-right: 5px;}



.phone_banner{display: none}



/*=================公共头部样式           结束============================*/





/*=================首页样式              ===========================*/

.box1{background: url('../images/box1_bg1.jpg')no-repeat center 0; min-height: 865px; margin-top: 0.5rem; position: relative; z-index: 55}

.box1 .words{width: 490px; padding-top: 0.5rem; position: relative; z-index: 1;}

.box1 .words h6{

	width: 255px;

	line-height: 44px;

	text-align: center;

	color: #fff;

	background-color: #0085fd;

	font-size: 18px;

	margin-bottom: 45px

}

.tit{position: relative; z-index: 5;}

.tit h2{

	font-size: 32px;

	color: #0085fd;

	line-height: 30px;

}

.tit h2 span {

	display: block;

	color: #818181;

	font-family: Arial;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 4px

}



.box1 .words p{

	font-size: 16px;

	line-height: 28px;

	color: #6b6b6b;

	margin: 0px 0 20px;

}



.box1 .words h5{

	font-size: 16px;

	line-height: 30px;

	color: #505050;

	margin-top: 130px

}

.box1 .words h5 span{position: relative; display: inline-block;}
.box1 .words h5 span::before{

	position: absolute;

	display: block;

	width: 85px;

	height: 85px;

	background: url('../images/weiqr.jpg')no-repeat center center;

	background-size: 97%;

	border: 1px solid #8c8c8c;

	content: '';

	margin-left: -8px;

	bottom: 120%;	

	opacity: 1;

}
.box1 .words h5 span:nth-of-type(1)::before{

	position: absolute;

	display: block;

	width: 85px;

	height: 85px;

	background: url('../images/weiqr.jpg')no-repeat center center;

	background-size: 97%;

	border: 1px solid #8c8c8c;

	content: '';

	margin-left: -8px;

	bottom: 120%;	

	opacity: 1;

}



.box1 .words h5 span:nth-of-type(2)::before{

	position: absolute;

	display: block;

	width: 85px;

	height: 85px;

	background: url('../images/weiqr1.jpg')no-repeat center center;

	background-size: 97%;

	border: 1px solid #8c8c8c;

	content: '';

	margin-left: -8px;

	bottom: 120%;

	opacity: 1;

	transition: 0.4s;

}

.box1 .words h5 span:nth-of-type(3)::before{

	background-image: url(../images/code-01.jpg);
}
.box1 .words h5 span:nth-of-type(4)::before{

	background-image: url(../images/code-02.jpg);
}

.box1 .words h5 span:hover::before{opacity: 1; visibility: visible;}



.box1 .words .more{

	width: 178px;

	height: 46px;

	border: 1px solid #0085fd;

	text-align: center;

	line-height: 46px;

	color: #0085fd;

	display: block;

	margin-top: 50px;

	transition: 0.4s;

}



.box1 .words .more:hover{background-color: #0085fd; color: #fff}



.yidoN{

	position: absolute;

    top: 300px;

	left: 0px;

	font-size: 500px;

    line-height: 100%;

	font-family: Arial;

	font-weight: bold;

	color: #9ed0ff;

	font-style: normal;

	z-index: 0;

}

.tit1{display: flex; justify-content: start; }

.tit hr{

	width: 50px;

	height: 1px;

	background-color: #c5c5c5;

	margin: 15px 10px 0px;

	border: 0px;

}

.tit h3{

	color: #8c8c8c;

	font-size: 14px;

	margin-top: 10px;

}

.box2{position: relative; z-index: 70;}

.box2 .tit1{float: left; position: relative; z-index: 50;}

.box2_list {float: right; display: none}

.box2_list a{

	display: inline-block;

	padding: 0 15px;

	line-height: 35px;

	color: #6a6a6a;

	margin-top: 40px;

	transition: 0.4s;

	font-size: 18px;

}

.box2_list a:hover{background-color: #0085fd; color: #fff; }

.box2_swiper{position: relative; z-index: 50;}

.box2_warp{background-color: #f3f3f3; margin-top: 20px; padding: 0.6rem 0 0.4rem;}

.box2_swiper .swiper-prev, .box2_swiper .swiper-next{

    position: absolute;

    top: 50%;

    margin-top: -20px;

    text-align: center;

    font-size: 60px;

    z-index: 11;

    color: #6b6b6b;

	cursor: pointer;

}

.box2_swiper .swiper-prev:hover, .box2_swiper .swiper-next:hover{color: #0085fd}

.box2_swiper .swiper-prev{left: -50px;}

.box2_swiper .swiper-next{right: -50px}



.box2_swiper .pic{position: relative; width: 100%; padding: 48.2% 0px;  background-color: #ebebeb;}

.box2_swiper .pic img{position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0px; left: 0px;}



.box2_swiper .words{

	padding: 30px 0 0px;

	width: 100%;

}



.box2_swiper .words h4{

	width: 100%;

	font-size: 16px;

	line-height: 100%; 

	color: #6b6b6b;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: normal;

}





.box2_swiper .words::before{

	width: 46px;

	height: 46px;

	display: flex;

	justify-content: center;

	align-items: center;

	border: 1px solid #6b6b6b;

	color: #6b6b6b;

	bottom: 20px;

	right: 20px;

	border-radius: 50%;

	margin: 0 auto 20px;

}



.box2_swiper .swiper-slide{transition: 0.4s; background-color: #fff; padding: 10px}

.box2_swiper .swiper-container{transition: 0.4s; padding: 10px;}

.box2_swiper .swiper-slide:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .7)}



.box2_swiper .swiper-pagination{width: 100%;  display: none; position: inherit}

.box2_swiper .swiper-pagination-bullet{margin: 0 5px}

.box2 .more{

	width: 178px;

    height: 46px;

    border: 1px solid #0085fd;

    text-align: center;

    line-height: 46px;

    color: #0085fd;

    display: block;

    margin: 30px auto 0;

    transition: 0.4s;

}



.box2 .more:hover{background-color: #0085fd; color: #fff}



.yidoY{

	position: absolute;

    top: 300px;

	right: 0px;

	font-size: 500px;

    line-height: 100%;

	font-family: Arial;

	font-weight: bold;

	color: #9ed0ff;

	font-style: normal;

	z-index: 0;

}



.box3{margin-top: 1rem; position: relative; z-index: 900;}

.box3 .tit1{justify-content: flex-end}

.box3_list{margin-top: 30px;}

.box3_list li{

	float: left;

	width: 49%;

	margin-bottom: 20px;

}

.box3_list li:nth-of-type(2n+2){float: right; }

.box3_list li:nth-of-type(1){background: url('../images/box3_pic1.jpg')no-repeat center center; background-size: cover}

.box3_list li:nth-of-type(2){background: url('../images/box3_pic2.jpg')no-repeat center center; background-size: cover}

.box3_list li:nth-of-type(3){background: url('../images/box3_pic3.jpg')no-repeat center center; background-size: cover}

.box3_list li:nth-of-type(4){background: url('../images/box3_pic4.jpg')no-repeat center center; background-size: cover}



.box3_list li a{display: flex; flex-direction: column; justify-content: center; height: 100%; min-height: 280px; padding: 0 0.5rem;}

.box3_list li h6{

	font-size: 30px;

	line-height: 36px;

	color: #fff;

}

.box3_list li h6 span{

	display: block;

	color: #0085fd;

	font-size: 18px;

}



.box3_list li p{

	font-size: 16px;

	line-height: 30px;

	color: #fff;

	margin: 15px 0px

}



.box3_list li i{

	width: 32px;

    height: 32px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

    transition: 0.4s;

    font-size: 20px;

}



.box4{margin-top: 0.5rem}



.box4_con{

	display: flex;

	justify-content: space-between;

	margin-top: 50px;

}



.box4_con .pic_list{width: 41%; position: relative; }

.box4_con .pic_list li{position: relative; width: 100%; padding: 46% 0px; min-height: 450px; display: none}

.box4_con .pic_list li:nth-of-type(1){display: block}

.box4_con .pic_list li img{

	width: 100%;

	height: 100%;

	position: absolute;

	object-fit: cover;

	top: 0px;

	left: 0px;;

}



.box4_con .words_list{max-width: 555px;  padding: 20px 15px 0px; width: 40%;}

.box4_con .words_list li{display: none}

.box4_con .words_list li:nth-of-type(1){display: block}

.box4_con .words_list h6{

	font-size: 30px;

	line-height: 48px;

	color: #292929;

	font-family: '宋体';

	margin-bottom: 40px;

}



.box4_con .words_list p{

	font-size: 16px;

	line-height: 30px;

	color: #585858;

	font-family: '宋体';

	margin-bottom: 30px;

	height: 90px;

	overflow: hidden;

}

.box4_con .words_list time{

	font-size: 16px;

	line-height: 100%;

	color: #6f6f6f;

	margin-bottom: 50px;

	display: block;

	letter-spacing: 1px;

}



.box4_con .words_list div{display: flex; justify-content: space-between;}

.box4_con .words_list span{

	display: block;

	width: 30%;

	line-height: 60px;

	text-align: center;

	background-color: #dcdcdc;

	color: #6f6f6f;

	font-size: 18px;

	transition: 0.4s;

	cursor: pointer;

}



.box4_con .words_list div a{

	display: block;

	width: 30%;

	line-height: 60px;

	text-align: center;

	color: #fff;

	transition: 0.4s;

	font-size: 18px;

	background-color: #0085fd;

}

.box4_con .words_list span:hover{border-radius: 20px;}

.box4_con .words_list div a:hover{border-radius: 20px;}



.box4_con .pic{

	width: 21.65%;

    position: relative;

    padding: 16% 0px;

}

.box4_con .pic img{

	width: 100%;

	position: absolute;

	object-fit: cover;

	top: 0px;

	left: 0px;

	height: 100%;

}



.box5{ margin-top: 0.8rem;  margin-bottom: 1.4rem; }

.box5 .tit1{

	flex-direction: column;

    justify-content: center;

    align-items: center;

    float: none !important;

}



.box5 .tit h2 span{text-align: center}

.box5_con {

	background: url('../images/box5_bg.jpg')no-repeat center center;

	margin-top: 0.4rem;

	height: 319px;

	padding: 1.5rem 0.76rem 0 !important;

}



.box5_con form{

	width: 100%;

	background-color: #525252;

	padding: 35px;

	min-height: 270px

}

.box5_con form h5{

	font-size: 20px;

	line-height: 30px;

	color: #fff;

	position: relative;

	margin-bottom: 40px;

}



.box5_con form h5::after{

	position: absolute;

	width: 100px;

	top: 50%;

	height: 4px;

	left: -100px;

	content: '';

	background-color: #fff

}



.box5_con form input{

	float: left;

    box-sizing: border-box;

    width: 28%;

    height: 46px;

    padding: 0px 10px;

    margin-right: 1%;

    border: none;

    outline: none;

    background: #fff;

    font-size: 20px;

    color: #6b6b6b;

    transition: .3s;

}

.box5_con form input:nth-of-type(3){

	width: 42%;

	margin-right: 0px;

}

.box5_con form button{

	width: 122px;

	display: block;

	margin: 0.4rem auto 0px;

	background-color: #fff;

	color: #6b6b6b;

	text-align: center;

	border: 0px;

	line-height: 46px;

	transition: 0.4s;

}



.box5_con form button:hover{background-color: #0085fd; color: #fff}



/*=================首页样式           结束=============================*/









/*=================公共尾样式           开始===========================*/

.foo{background-color: #00a0e9;}

.fkkos{display: flex; justify-content: space-between; align-items: center; padding: 0.34rem 0px}

.foo .fkkos li{padding-right: 0.4rem; margin-right: 0.4rem; border-right: 1px solid #1aaaeb; float: left;}

.foo .fkkos li:last-of-type{padding: 0px; border: 0px; margin-right: 0px;}

.foo .fkkos li p{font-size: 16px; line-height: 100%; margin-bottom: 20px; color: #fff}

.foo .fkkos li a{font-size: 14px; line-height: 30px; color: #fff; display: block; transition: 0.4s;}

.foo .fkkos li a:hover{color: #505050}

.foo .fkkos>div p{

	font-size: 20px;

	color: #fff;

	line-height: 40px;

	display: inline-block;

	padding-left: 50px;

}



.foo1{

	display: flex; justify-content: space-between; align-items: center;

	border: 1px solid #1aaaeb;

	color: #fff;

	line-height: 52px;

}

/*侧面小导航*/

.fix_list{

	position: fixed;

	bottom: 20%;

	right: 30px;

	z-index: 99;

}



.fix_list li{

	width: 45px;

	height: 45px;

	text-align: center;

	background-color: #0085fd;

	cursor: pointer;

	position: relative;

	margin-bottom: 1px;

	transition: .6s;

	color: #fff;

}



.fix_list li i{

	font-size: 30px;

	line-height: 45px;	

}



.fix_list li i.fa-qq::before{content: none; }

.fix_list li i.fa-qq{

	background: url('../images/logo.jpg')no-repeat center center;

	background-size: 80%;

	width: 100%;

	height: 100%;

}

.fix_list .fix_te{

	position: absolute;

	top: -105px;

	left: -141px;

    width: 141px;

	background: #fff;

	visibility: hidden;

	opacity: 0;

}



.fix_list li:last-child{border: none; display: none;}



.fix_list .back{overflow: visible!important; color: #fff;  }

.fix_list .back span{

	position: absolute;

	top: 0px;

    left: -131px;

    width: 130px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	background: #0085fd;

	border-top-left-radius: 50px;

	border-bottom-left-radius: 50px;



}

.fix_list li:hover .fix_te{opacity: 1; visibility: visible; transition: 0.5s;}



.fix_list li:hover{transition: .6s; color: #fff; background: #0085fd}



.fix_list .fix_qr::after{

	background: url('../images/qr5.png')no-repeat 0 0;

	width: 30px;

	height: 30px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -15px;

	margin-left: -15px;

	content: '';

	background-size: 100% 100%;

}



.fix_list .fix_qr span{

	background: url('../images/weixinqr.jpg	')no-repeat center center;

	background-size: contain;

	background-color: #fff;

	width: 110px;

	height: 110px;

	position: absolute;

	top: 0px;

	left: -111px;

	transition: .6s;

	border: none;

	display: block;

	z-index: 22;

}



.fix_list .phone span{

	position: absolute;

	top: 0px;

	left: -156px ;

	width: 155px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	background: #0085fd;

}





.fix_list .qq a:nth-of-type(1) dd::after{

	position: absolute;

	background: url('../images/fix_pic2.png')no-repeat 0 0;

	width: 88px;

	height: 130px;

	top: 70px;

	margin-top: -65px;

	margin-left: -44px;

	left: 50%;

	content: '';

}



.fix_list .qq a:nth-of-type(2) dd::after{

	position: absolute;

	background: url('../images/fix_pic3.png')no-repeat 0 0;

	width: 96px;

	height: 130px;

	top: 30%;

	margin-top: -65px;

	margin-left: -44px;

	left: 50%;

	content: '';

}

.fix_list .qq p{

	line-height: 24px;

	font-size: 16px;

	color: #6e6e6e;

	padding: 15px 0px;

	position: relative;

}



.fix_list .qq dd{

	padding-top: 120px;

	display: block;

	position: relative;

}

.fix_list .qq .fix_te{top: -250px;}

/*侧面小导航*/

/*=================公共尾样式            结束=======================*/







/*=================内页样式            开始=======================*/

.all_banner{position: relative;}

.senav{

	background-color: rgba(255, 255, 255, .8);

	position: absolute;

	left: 0px;

	right: 0px;

	margin: 0 auto;

	bottom: 0px;

	max-width: 1200px;

	border-bottom: 1px solid #fafaf9;

}

.senav li{

	float: left; 

	width:200px;

	position: relative;

	line-height: 50px;

	text-align: center;

	color: #6b6b6b;

	transition: 0.4s;

	font-size: 14px;

}

.senav li::after{position: absolute; content: ''; height: 30px; top: 50%; margin-top: -15px; width: 1px; background-color: #dedede; right: 0px;;}

.senav li a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.senav li:hover{background-color: #0085fd; color: #fff}

.senav li.li_act{background-color: #0085fd; color: #fff}

.senav li:last-of-type::after{content: none}



.senav li dl{

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	transition: 0.4s;

	background-color: #fff;

	z-index: 5;

}

.senav li:hover dl{opacity: 1; visibility: visible}

.senav li dl a{color: #6b6b6b}

.senav li dl a:hover{background-color: #0085fd; color: #fff}

.all_color{background-color: #f7f7f7; padding: 1px 0px}

.all_warp{background-color: #fff; padding: 0.7rem 0.5rem 20px; margin-bottom: 35px; }

.tit2{margin-bottom: 0.5rem}

.tit2 h6{font-size: 28px; line-height: 100%; color: #4d4d4d}

.tit2 hr{margin: 10px 0 5px; background-color: #0085fd; height: 8px; width: 120px; border: 0px;}

.tit2 h5{font-size: 20px; font-family: Arial; line-height: 22px; color: #c7c7c7; text-transform: uppercase}



.tith4{

	font-size: 18px;

	line-height: 34px;

	margin: 0.4rem 0px;

	color: #6b6b6b

}



.honor_swiper h6{

	width: 200px;

    line-height: 44px;

    text-align: center;

    color: #fff;

    background-color: #0085fd;

    font-size: 18px;

    margin-bottom: 30px;

}



.honor_swiper .swiper-container{padding: 10px; margin-bottom: 10px}

.honor_swiper .swiper-slide a{

	display: block;

	width: 100%;

	position: relative;

	padding: 61.8% 0;

	border: 1px solid #797d80;

	transition: 0.4s;

}

.honor_swiper .swiper-slide a:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .7)}

.honor_swiper .swiper-slide img{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0px;

	left: 0px;

	object-fit: contain;

}

.honor_swiper{text-align: center; margin-bottom: 0.5rem}

.honor_swiper .swiper-slide p{text-align: center; font-size: 16px; padding-top: 15px; color: #6b6b6b}



.honor_swiper .swiper-prev, .honor_swiper .swiper-next{

    width: 40px;

    height: 40px;

    border: 1px solid #0085fd;

    text-align: center;

    font-size: 20px;

    line-height: 40px;

    z-index: 11;

    color: #0085fd;

	cursor: pointer;

	text-align: center;



}



.honor_swiper .swiper-prev{margin-right: 20px;}

.honor_swiper .swiper-next{margin-left: 20px}

.honor_swiper .swiper-prev:hover, .honor_swiper .swiper-next:hover{background-color: #0085fd; color: #fff;}

.youshi li{margin-bottom: 15px;}

.youshi li img{

	float: left;

	width: 50%;

	box-shadow: 0 0 15px rgba(0, 0, 0, .7)

}

.youshi li .words{

	float: left;

	width: 50%;

	padding-left: 0.4rem

}

.youshi li:nth-of-type(2n+2) img{float: right;}

.youshi li:nth-of-type(2n+2) .words{padding-left: 0px; padding-right: 0.4rem;}

.youshi li .words h6{

	font-size: 30px;

	line-height: 34px;

	color: #6b6b6b;

	margin-top: 20px;

	position: relative;

	z-index: 50;

}

.youshi li .words{position: relative;}

.youshi li .words hr{

    background-color: #0085fd;

    height: 2px;

    width: 46px;

	border: 0px;

	margin: 5px 0px 0px;

}



.youshi li .words p{

	font-size: 16px;

	line-height: 30px;

	color: #6b6b6b;

	margin-top: 0.5rem;

	width: 300px;

}



.youshi li .words::after{

	content: '01';

	font-size: 200px;

	top: 0px;

	right: 10px;

	position: absolute;

	color: #e4f2ff;

	line-height: 100%;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

}



.youshi li:nth-of-type(2) .words::after{content: '02'}

.youshi li:nth-of-type(3) .words::after{content: '03'}

.youshi li:nth-of-type(4) .words::after{content: '04'}



.fengpage{margin-top: 20px; text-align: center;}

.fengpage ul{display: inline-block;}

.fengpage li{float: left;}

.fengpage li:nth-last-child(2){

	background: none;

	border: none; 

	padding: 0px;

}



.fengpage li select{

	width: 35px;

	height: 33px;

	border-radius: 5px;

}

.fengpage .onfeng a{

	background-color: #0085fd;

	border-color: #d4c9b3;

	color: #fff;

}

.fengpage a, .fengpage .sheng {

	display: block;

	font-size: 14px;

	line-height: 16px;	

	color: #fff;

	padding: 8px 12px;

	border-radius: 5px;

	margin: 0px 5px;

	background-color: #cccccc;

	border: 1px solid #e5e5e5; 

	cursor: pointer;

}



.fengye{margin: 25px 0px 0; text-align: center; display: none; line-height: 0px;}

.fengye ul{display: inline-block; margin: 0px auto}

.fengye ul li{float: left;width: 32px;height: 32px;margin: 0px 5px;line-height: 32px;background: #0085fd;border-radius: 5px;font-size: 14px;color: #fff;text-align: center;transition: .3s;}

.fengye ul li:last-of-type{background: none}

.fengye ul li select{width: 40px;height: 32px;border-radius: 5px; color: #acacac}

@media only screen and (max-width: 1024px){.fengye{display: block;}}

@media only screen and (max-width: 1024px){.fengpage{display: none;}}



.csae_list li{width: 31%; margin-right: 3%; margin-bottom: 20px; float: left;}

.csae_list li:nth-of-type(3n+3){margin-right: 0;}

.csae_list li a{

	position: relative;

	display: block;

	width: 100%;

	padding: 36% 0px;

	overflow: hidden;

}



.csae_list li img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

	object-fit: cover;

}



.csae_list li img:hover{transform: scale(1.1)}

.csae_list li p {

    text-align: center;

    font-size: 16px;

    padding-top: 5px;

	color: #6b6b6b;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.pro_list li a{border: 2px solid #f3f3f3; transition: 0.4s;}

.pro_list li a:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .7) }

.pro_list li img{object-fit: contain}



.news_list ul li {

    margin-bottom: 20px;

    border: 3px solid #f3f3f3;

    background: #fff;

    visibility: visible;

    transition: all .6s, visibility .3s;

    animation-name: fadeInUp;

    animation-duration: 1.5s;

    animation-delay: .2s;

    animation-fill-mode: both;

}



.news_list ul li:hover {box-shadow: 0px 0px 5px #0085fd;}

.news_list ul li:nth-of-type(3n+2) {animation-delay: .4s;}

.news_list ul li:nth-of-type(3n+3) {animation-delay: .6s;}



.news_list ul li .pic {

    position: relative;

    flex-shrink: 0;

    box-sizing: border-box;

    width: 546px;

    height: 314px;

	border: 1px solid #f9f9f8;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 10px;

}

.news_list ul li .pic img {

	width: 100%;

	height: 100%;

	object-fit: contain;

	position: absolute;

	top: 0px;

	left: 0px;

}



.news_list ul li a {display: flex;align-items: center;}

.news_list ul li .words { margin-left: 25px; padding-right: 0.6rem}



.news_list ul li .words h6 {

    max-height: 48px;

    overflow: hidden;

    line-height: 24px;

    font-size: 18px;

    color: #2f2f2f;

    font-weight: 600;

    transition: .3s;

}



.news_list ul li .words time {

    display: block;

    margin: 10px 0px;

    font-size: 12px;

    color: #5e5e5e;

    font-style: italic;

}

.news_list ul li .words p {

    height: 104px;

    overflow: hidden;

    line-height: 26px;

    font-size: 14px;

    color: #5e5e5e;

}



.news_list ul li .words span {

    display: block;

    width: 140px;

    height: 38px;

    margin-top: 15px;

    border: 1px solid #a1a0a0;

    border-radius: 4px;

    line-height: 38px;

    font-size: 14px;

    color: #a1a0a0;

    text-align: center;

	transition: .6s;

	margin-left: auto;

}



.news_list ul li:hover .words h6 {color: #0085fd;}

.news_list ul li:hover .words span {

    border-color: #0085fd;

    background: #0085fd;

    color: #fff;

}



.news_con{background-color: #fff; padding: 20px; border: 1px solid #ddd}

.news_con h4{

	font-size: 20px;

	line-height: 24px;

	color: #040000;

	margin-bottom: 10px;

	margin-top: 15px;

	font-weight: bold

}



.news_con h5{

	font-size: 16px;

	line-height: 24px;

	color: #909090;

	font-weight: normal;

	margin-bottom: 15px;

}

.news_con .news_vcon{

	padding: 20px 0px;

	margin: 15px 0px;

	border-top: 1px solid #dbdbdb;

	border-bottom: 1px solid #dbdbdb;

}



.news_con .goback{

	width: 168px;

    height: 42px;

    display: block;

    font-size: 14px;

    line-height: 42px;

    background-color: #e9e9e9;

    text-align: center;

	transition: 0.3s;

	margin-top: 25px;

}

.news_con .goback:hover{background-color: #0085fd; color: #fff;}

.feng a{

	font-size: 16px;

	line-height: 34px;

	color: #565656;

	display: block;

}

.feng a:hover{color: #0085fd;}



.pro_v {

    display: flex;

    align-items: flex-start;

}



.pro_vl{

    box-sizing: border-box;

    width: 550px;

    border: 1px solid #e3e4e7;

    text-align: center;

}



.pro_vl .swiper-slide{

    width: 440px;

    height: 438px;

    overflow: hidden;

}



.pro_vl .swiper-slide img{width: 100%; height: 100%; object-fit: contain}



.pro_vr {

    position: relative;

    width: 100%;

    margin-left: 40px;

}



.pro-title {

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px solid #e3e4e7;

    line-height: 1.4;

    font-size: 20px;

    color: #4e4e4e;

    font-weight: bold;

}



.pro_vr .summary p{

	line-height: 30px;

    font-size: 16px;

	color: #5b5c5c;

	margin-bottom: 25px;

}

.pro_vr .summary b{

	width: 120px;

    line-height: 44px;

    text-align: center;

    color: #fff;

    background-color: #0085fd;

    font-size: 18px;

	margin-bottom: 10px;

	display: block;

	font-weight: normal;

}



.pro_v_pic li {

    float: left;

    margin-right: 8px;

    margin-bottom: 8px;

}



.pro_v_pic .li_active div {

    box-shadow: 0px 0px 5px #b78d44;

}



.pro_v_pic li div {

    display: table-cell;

    width: 58px;

    height: 58px;

    border: 1px solid #e1e1e1;

    vertical-align: middle;

    text-align: center;

    cursor: pointer;

    transition: .3s;

}

.pro_vl_pang{display: none}

.pro_vl .swiper-pagination-bullet-active{background-color: #0085fd}



.pro_v .con{margin-top: 0.3rem}



.bdsharebuttonboxpro { margin-top: 10px; }

.bdsharebuttonboxpro a { float: none !important; vertical-align: middle; font-size: 16px !important; width: 40px !important; display: inline-block; height: 40px !important; background-position: unset !important; margin: 0 !important; padding: 0 !important; }

.bdsharebuttonboxpro .bds_more { width: auto !important; height: auto !important; background-image: none !important; }

.bdsharebuttonboxpro .bds_weixin { background-image: url("../images/share_ico1.png") !important; }

.bdsharebuttonboxpro .bds_tsina {background-image: url("../images/share_ico2.png") !important;}

.bdsharebuttonboxpro .bds_qzone { background-image: url("../images/share_ico3.png") !important; }

.bdsharebuttonboxpro .bds_tqq { background-image: url("../images/share_ico4.png") !important; }

.bdsharebuttonboxpro .bds_renren { background-image: url("../images/share_ico5.png") !important; }



.pro_view_phone {

    text-align: left;

    font-size: 18px;

    color: #0085fd;

    line-height: 180%;

    display: block;

    margin: 10px 0;

}



 .pro_view_btn {

	margin-top: 20px;

	display: none

}



.pro_view_btn a:nth-of-type(1) {

    margin-right: 16px;

}



.pro_view_btn a {

    text-align: center;

    font-size: 16px;

    color: #6D6D83;

    line-height: 180%;

    display: block;

    display: inline-block;

    width: 130px;

    border: 1px solid #ccc;

    padding: 10px 0px;

}

.pro_view_btn a i {

    display: inline-block;

    padding: 0 6px;

}



.feedback-box {

    width: 100%;

    margin-bottom: 40px;

}



.feedback-box-left {

    float: left;

    width: 48%;

}



.feedback-box-right {

    float: right;

    width: 48%;

}

.feedback-box-p {

    margin-bottom: 20px;

    line-height: 28px;

    font-size: 16px;

    color: #7e7e7e;

    letter-spacing: 2px;

}



.form-group {

    margin-bottom: 15px;

}



.form-textarea {

    box-sizing: border-box;

    width: 100%;

    padding: 10px 15px;

    border: 1px solid #e5e5e5;

    outline: none;

    line-height: 28px;

    font-size: 14px;

    color: #797979;

	transition: .3s;

	resize: none;

	height: 100px;;

}



.submit-btn {

    display: inline-block;

    width: 106px;

    height: 32px;

    margin-right: 10px;

    border: none;

    outline: none;

    background: #0085fd;

    line-height: 32px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    cursor: pointer;

    transition: .3s;

}



/*==滑动验证==*/

.form-inline-input input,

.code-box{

	padding: 0 10px;

    width: 100%;

    max-width: 285px;

    height: 40px;

    color: #fff;

    text-shadow: 1px 1px 1px black;

    background: rgba(0, 0, 0, 0.16);

    border: 0;

    border-radius: 5px;

	outline: none;

	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);

}

.code-box{

	position: relative;

	margin-top: 15px;

}

.code-box p,

.code-box span{

	display:block;

	position: absolute;

	left: 0;

	height: 40px;

	text-align: center;

	line-height: 40px;

	border-radius: 5px;

}

.code-box span{

	width: 40px;

	background-color:#0085fd;

	/* font-family: "宋体"; */

	font-size: 16px;

	color: #fff;

	cursor: pointer;

}

.code-box p{

	width: 0;

	background-color: #FFFF99;

	overflow: hidden;

	text-indent: -20px;

	transition: background 1s ease-in;

}

.code-box .code-input{

	display: none;

}



.form-group input {

    box-sizing: border-box;

    float: left;

    width: 100%;

    max-width: 380px;

    height: 36px;

    padding: 0px 8px;

    border: 1px solid #e5e5e5;

    outline: none;

    line-height: 34px;

    font-size: 14px;

    color: #797979;

    transition: .3s;

}

.form-group {

    margin-bottom: 15px;

}



.form-group:after {

    clear: both;

    display: block;

    content: ".";

    width: 0px;

    height: 0px;

    visibility: hidden;

}



.conwords{

	background: url('../images/c-logo.png')no-repeat right bottom;

	padding: 0.4rem 0px 0;

	margin-bottom: 0.4rem;

	min-height: 228px;

}



.conwords p{

	font-size: 18px;

	color: #6b6b6b;

	line-height: 34px;

}



.hea li .words{

	position: absolute;

	width: 100%;

	left: 0;

	padding: 20px 5PX;

	background-color: rgba(255, 255, 255, .7);

	top: 100%;

	z-index: 20;

	opacity: 0;

	visibility: hidden;

	transition: 0.4s;

}

.hea li .words img{width: 100%; height: 150px ; object-fit: cover; display: none}



.hea li .words a{

	line-height: 22px;

	display: block;

	font-size: 12px;

	margin-bottom: 15px;

	padding-left: 10px;

	position: relative;

	color: #6b6b6b;

	transition: 0.4s;

	overflow: hidden;

	height: 22px;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.hea li .words a:last-of-type{margin-bottom: 0px;}

.hea li:hover .words{opacity: 1; visibility: visible}

.hea li .words a:hover{color: #0085fd;}

.hea li .words a::before{

	position: absolute;

	left: 0px;

	top: 50%;

	height: 4px;

	width: 4px;

	margin-top: -2px;

	background-color: #0085fd;

	content: '';

	border-radius: 2px;

}





































/*=================内页样式            结束=======================*/







/*=================部分公共样式            开始==========================*/

@media screen and (max-width: 1199px){

    .hea_h, .hea{display: none}

    header{padding-top: 81px;}

    .subhlogo{display: block;}

}



@media screen and (max-width: 767px){

    .banner p, .pc_banner{display: none}

    .phone_banner{display: block}

    header {padding-top: 61px;}

    .subhlogo .layout{height: 60px;}

    .subhlogo .hloho{width: 70px;}

    .meun-btn {width: 30px;height: 30px;}

    .meun-btn span {height: 3px;}

    .second_nav form{height: 60px;}

    .second_nav{width: 250px;}

	.fix_list{display: none}

}





.wrapper {

	width: 100%;

	min-width: 320px;

	margin: auto;

	overflow: hidden;

}



.layout {

	box-sizing: border-box;

	width: 100%;

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

}

@media only screen and (max-width: 1200px){.layout{padding-left: 15px; padding-right: 15px;}}

.clearfix::after{

	clear: both;

	content: '';

	width: 0px;

	height: 0px;

	overflow: hidden;

	display: block;

}

.ulclearfix ul::after{

	display: block;

	overflow: hidden;

	clear: both;

	width: 0px;

	height: 0px;

	content: '';

}



.liclearfix li::after{

	display: block;

	overflow: hidden;

	clear: both;

	width: 0px;

	height: 0px ;

	content: '';

}



body .swiper-container{overflow: hidden;}



/*=================部分公共样式            结束===================================*/