@charset "utf-8";

/* @font-face {
  font-family: 'roboto';
  src: url('../fonts/Roboto.eot');
  src: local('☺'), url('../fonts/roboto.woff') format('woff'), 
       url('../fonts/roboto.ttf') format('truetype'), 
	   url('../fonts/roboto.svg') format('svg');
} */

/* @font-face {
  font-family: 'helveticaneueltpro';
  src: url('../fonts/helveticaneueltpro.eot');
  src: local('☺'), url('../fonts/helveticaneueltpro.woff') format('woff'), 
       url('../fonts/helveticaneueltpro.ttf') format('truetype'), 
	   url('../fonts/helveticaneueltpro.svg') format('svg');
} */

@font-face {
  font-family: "iconfont"; /* Project id 3144713 */
  src: url('../fonts/iconfont.woff2?t=1645844060369') format('woff2'),
       url('../fonts/iconfont.woff?t=1645844060369') format('woff'),
       url('../fonts/iconfont.ttf?t=1645844060369') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-qq:before {
  content: "\e62d";
}

.icon-QQ-circle-fill:before {
  content: "\e887";
}

.icon-weixin:before {
  content: "\e62c";
}

.icon-nav:before {
  content: "\e66b";
}

.icon-duihao:before {
  content: "\e60b";
}

.icon-diamond:before {
  content: "\e63d";
}

.icon-team:before {
  content: "\e612";
}

.icon-gongsi:before {
  content: "\e86d";
}

.icon-yunshu:before {
  content: "\e6e2";
}

.icon-dianhuatianchong:before {
  content: "\e678";
}

.icon-youjiantou:before {
  content: "\e62b";
}

.icon-linkin:before {
  content: "\e632";
}

.icon-zhuye:before {
  content: "\e648";
}

.icon-search:before {
  content: "\e614";
}

.icon-youtube:before {
  content: "\e744";
}

.icon-skype:before {
  content: "\e697";
}

.icon-facebook:before {
  content: "\e685";
}

.icon-dianhuazixun-dianhua:before {
  content: "\e603";
}

.icon-youxiang:before {
  content: "\e672";
}

.icon-liaotian:before {
  content: "\e609";
}

.icon-xiajiantou:before {
  content: "\e61f";
}

.icon-xiasanjiao:before {
  content: "\e63f";
}

.icon-youxiang1:before {
  content: "\e65e";
}

.icon-twitter:before {
  content: "\e882";
}

.icon-Youtube-fill:before {
  content: "\e883";
}

.icon-youxiang2:before {
  content: "\e62e";
}

.icon-dizhi:before {
  content: "\e60d";
}

.icon-whatsapp:before {
  content: "\e97b";
}

.icon-dizhi1:before {
  content: "\e60a";
}

.icon-whatapp:before {
  content: "\e620";
}









/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	color: #666;
	font-size: 16px;
	/* font-family: "roboto"; */
	/* font-family: "helveticaneueltpro"; */
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
td,
blockquote,
pre,
a,
address,
big,
cite,
code,
del,
em,
font,
img,
ins,
small,
strong,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0;
	padding: 0;
}

input,
select,
textarea {
	font-size: 14px;
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
}

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

a {
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	cursor: pointer;
}

a:focus {
	outline: none;
}

ul,
li,
dl,
dt,
dd {
	list-style: none outside none;
}

button {
	cursor: pointer;
}

* {
	box-sizing: border-box;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hide from IE Mac */
.clearfix {
	display: block;
}

/* End hide from IE Mac */
/* end of clearfix */
/*页面全局结束*/

.container{
	width: 1300px;
	margin: 0 auto;
}
header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
header .h_top{
	background: #FFFFFF;
	height: 45px;
	line-height: 43px;
	color: #043e8a;
}
header .h_top .fl a{
	color: #043E8A;
	display: inline-block;
	margin-right: 20px;
}
header .h_top .fl a i{
	font-size: 20px;
}
header .h_top .fr{
	margin-right: 40px;
}
header .h_top .fr a{
	display: inline-block;
}
header .h_top .fr span{
	margin: 0 8px;
	color: #043e8a;
	display: inline-block;
}
header .h_top .fr span i{
	font-size: 20px;
	margin-right: 10px;
}
header .head{
	background: #043e8a;
	height: 100px;
}
header .head .container{
	display: flex;
	flex-wrap: nowrap;
}
header .head .logo,
header .head .nav{
	line-height: 100px;
	flex: 1;
}
header .head .logo a{
	width: 113px;
	display: block;
	white-space: nowrap;
}
header .head .search,
header .head .language{
	position: relative;
}
header .head .nav .nav_btn{
	display: none;
}
header .head .nav .nav_btn i{
	font-size: 28px;
}
header .head .nav ul{
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
}
header .head .nav li{
	font-weight: bold;
	font-size: 18px;
	line-height: 100px;
	margin-right: 26px;
	position: relative;
}
header .head .nav li a{
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
}
header .head .nav li:hover a{
	opacity: .9;
}
header .head .nav li .slide_sort{
	position: absolute;
	top: 100px;
	left: -50px;
	background: #FFFFFF;
	min-width: 320px;
	padding: 10px 20px;
	line-height: 24px;
	font-weight: normal;
	display: none;
	box-shadow: 0 0 5px #999;
}
header .head .nav li .slide_sort.slide_res{
	min-width: 180px;
	left: 0;
	padding: 0;
}
header .head .nav li .slide_sort.slide_res a{
	/* margin: 6px 0;
	font-weight: bold; */
	/* color: #222222; */
	color: #428BCA;
	line-height: 36px;
	padding: 0 20px;
	margin: 0;
}
header .head .nav li .slide_sort.slide_res a:hover{
	color: #00467f;
	background-color: #ececec;
}
header .head .nav li .slide_sort .sort_item{
	margin: 8px 0;
	border-bottom: 1px solid #D0D0D0;
}
header .head .nav li .slide_sort .sort_item:last-child{
	border: none;
}
/* header .head .nav li .slide_sort .sort_item .f_pro{
	display: none;
} */
header .head .nav li .slide_sort span{
	display: block;
	margin: 5px 0;
}
header .head .nav li .slide_sort span a{
	color: #222222;
	display: block;
	font-weight: bold;
}
header .head .nav li .slide_sort a{
	color: #666666;
	font-size: 16px;
}
header .head .nav li .slide_sort a:hover{
	color: #111E49;
}
header .head .search{
	margin-right: 20px;
	color: #FFFFFF;
}
header .head .search .sea_btn{
	font-size: 20px;
	cursor: pointer;
	line-height: 100px;
}
header .head .search .search_con{
	position: absolute;
	top: 100px;
	left: -50px;
	width: 200px;
	height: 40px;
	background: #FFFFFF;
	display: none;
	border: 1px solid #CCCCCC;
}
header .head .search .search_con input{
	width: 150px;
	height: 40px;
	padding-left: 10px;
	float: left;
}
header .head .search .search_con button{
	width: 40px;
	height: 40px;
	border: none;
	float: right;
}
header .head .language span{
	width: 135px;
	height: 30px;
	padding-left: 18px;
	border: 1px solid #FFFFFF;
	margin-top: 35px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	line-height: 30px;
	font-size: 16px;
	border-radius: 5px;
}
header .head .language span i{
	color: #FFFFFF;
	font-size: 14px;
	float: right;
	margin-right: 20px;
}
header .head .language .lang_con{
	position: absolute;
	top: 100px;
	left: 0;
	line-height: 30px;
	display: none;
	background: #FFFFFF;
	width: 100%;
	border: 1px solid #CCCCCC;
}
header .head .language .lang_con a{
	color: #222222;
	display: block;
	padding-left: 18px;
	margin: 10px 0;
}
header .head .language .lang_con a:hover{
	color: #043e8a;
}

.banner{
	margin-top: 145px;
}

.index_pro{
	padding-top: 100px;
	overflow: hidden;
	background: url(../images/indexPro_bg.jpg) no-repeat center;
	background-size: cover;
}
/* .index_pro .container{
	width: 1440px;
} */
.index_pro h2{
	text-align: center;
	color: #222222;
	font-size: 36px;
	cursor: pointer;
}
.index_pro h2 span.on{
	color: #043e8a;
	text-decoration: underline;
	margin: 0 15px;
}
.index_pro .view_btn{
	font-size: 19px;
	color: #999999;
	line-height: 24px;
	border-bottom: 2px solid transparent;
}
.index_pro .view_btn:hover{
	border-bottom: 2px solid #999999;
}
.index_pro .index_prolist .best_pro{
	position: relative;
	margin-top: 25px;
}
.index_pro .index_prolist .new_pro{
	display: none;
}
.index_pro .index_prolist .swiper{
	padding: 10px;
}
.index_pro .index_prolist .swiper-slide{
	background: #FFFFFF;
	text-align: center;
	box-shadow: rgba(0,0,0,.1) 0px 0px 10px;
}
.index_pro .index_prolist .swiper-slide img{
	transition: all .3s;
}
.index_pro .index_prolist .swiper-slide:hover img{
	transform: scale(1.05);
}
.index_pro .index_prolist .swiper-slide p{
	font-size: 18px;
	color: #222222;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}
.index_pro .index_prolist .swiper-slide:hover p{
	color: #043E8A;
}
.index_pro .index_prolist .swiper-slide .btn{
	float: left;
	line-height: 40px;
	text-align: center;
	width: 50%;
	font-size: 14px;
	color: #111e49;
	border-right: 1px solid #F2F2F2;
}
.index_pro .index_prolist .swiper-slide .btn:hover{
	/* font-size: 16px; */
	opacity: .8;
}
.index_pro .index_prolist .swiper-slide .btn:last-child{
	color: #666666;
	border: none;
}

.index_pro .swiper-button-prev{
	left: -70px;
	right: auto;
	color: #cccccc;
}
.index_pro .swiper-button-next{
	right: -70px;
	left: auto;
	color: #CCCCCC;
}
.liquid{
	margin-top: 80px;
}
.liquid h2{
	text-align: center;
	font-size: 36px;
	color: #222222;
}
.liquid h2 span{
	display: block;
	width: 80px;
	height: 2px;
	margin: 30px auto;
	background: #043e8a;
}
.liquid ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
.liquid ul li{
	width: 24.4%;
	margin: .3%;
	position: relative;
}
.liquid ul li a{
	display: block;
}
.liquid ul li .proName{
	width: 100%;
	height: 0;
	position: absolute;
	top: 100%;
	left: 0;
	background: rgba(0,0,0,.5);
	display: none;
	text-align: center;
	color: #FFFFFF;
}
.liquid ul li .proName h4{
	font-size: 24px;
}
/* .liquid ul li .proName p{
	width: 90%;
	margin: 10px auto;
	word-break:break-all;
} */
.liquid ul li:hover .proName{
	top: 0;
	height: 100%;
	animation: productcon 1s;
	-webkit-animation: productcon 1s; 
	display: flex;
	align-items: center;
	justify-content: center;
}
@keyframes productcon
{
   from {top: 100%;height: 0;}
   to {top: 0;height: 100%;}
}
 
@-webkit-keyframes productcon /* Safari 与 Chrome */
{
   from {top: 100%;height: 0;}
   to {top: 0;height: 100%;}
}

.index_video{
	margin-top: 80px;
	padding-bottom: 45px;
	background: url(../images/index_video.jpg) no-repeat bottom left;
}
/* .index_video .container{
	
} */
.index_video .video_box{
	display: flex;
	align-items: center;
}
.index_video .video_inf{
	padding-right: 80px;
	flex: 1;
}
.index_video .video_inf h3{
	font-size: 30px;
	color: #222222;
	margin-bottom: 30px;
}
.index_video .video_inf p{
	font-size: 18px;
	color: #666666;
	line-height: 28px;
}
.index_video .video_inf .more_btn{
	width: 150px;
	height: 45px;
	color: #FFFFFF;
	line-height: 45px;
	text-align: center;
	display: block;
	background: #043E8A;
	margin-top: 50px;
}
.index_video .video_inf .more_btn:hover{
	background: rgba(4,62,138,.8);
}
.index_video .video_con{
	width: 35%;
	text-align: center;
}
.index_video .number{
	display: flex;
	margin-top: 60px;
	text-align: center;
}
.index_video .number .num_item{
	flex: 1;
}
.index_video .number .num_item b{
	font-size: 48px;
	color: #043E8A;
}
.index_video .number .num_item span{
	font-size: 24px;
	color: #043E8A;
	font-weight: bold;
}
.index_video .number .num_item p{
	max-width: 160px;
	margin: 20px auto;
}

.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 800px; background: #fff; height: auto; position: absolute; top: 30%; left: 50%; margin-left: -400px; }
.allhide{ opacity: 0; z-index: -3; }


.cooperation_case{
	padding-top: 60px;
	overflow: hidden;
	position: relative;
}
.cooperation_case::before{
	content: "";
	width: 100%;
	height: 1306px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/case_bg.jpg) fixed no-repeat center;
	background-size: 100%;
	z-index: -1;
}
.cooperation_case h2{
	text-align: center;
	font-size: 36px;
	color: #222222;
}
.cooperation_case h2 span{
	display: block;
	width: 80px;
	height: 2px;
	margin: 30px auto;
	background: #043e8a;
}
.cooperation_case .case_box{
	display: flex;
}
.cooperation_case .case_swiper .pic_box{
	width: 62%;
}
.cooperation_case .case_swiper .pic_box img{
	transition: all .5s;
}
.cooperation_case .case_swiper .pic_box:hover img{
	transform: scale(1.05);
}
.cooperation_case .case_item{
	width: 46%;
	margin-left: -8%;
	position: relative;
	z-index: 1;
}
.cooperation_case .case_item .case_content {
	background: #FFFFFF;
	margin-top: 5%;
	padding: 10%;
	height: 90%;
	overflow: hidden;
}
.cooperation_case .case_item h3{
	font-size: 24px;
	color: #043e8a;
	font-weight: normal;
	margin-bottom: 30px;
}
.cooperation_case .case_item p{
	font-size: 18px;
	line-height: 28px;
}
.cooperation_case .case_item .read_btn{
	float: right;
	margin-top: 30px;
	color: #043E8A;
}
.cooperation_case .case_item .read_btn:hover{
	opacity: .8;
}
.cooperation_case .swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 30px;
}
.cooperation_case .swiper-pagination{
	text-align: left;
	padding-left: 25%;
}
.cooperation_case .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #FFFFFF;
	opacity: .75;
}
.cooperation_case .swiper-pagination-bullet-active{
	background: #007AFF;
}


.certificate{
	margin-top: 80px;
	padding-bottom: 60px;
	background: url(../images/certificate_bg.jpg) no-repeat bottom;
}
.certificate h2{
	text-align: center;
	font-size: 36px;
	color: #222222;
}
.certificate h2 span{
	display: block;
	width: 80px;
	height: 2px;
	margin: 30px auto;
	background: #043e8a;
}
.certificate .certificate_con{
	display: flex;
}
.certificate .certificate_con .img_box{
	/* margin: 0 5px; */
	/*flex: 1;*/
	margin-right: 30px;
}
.certificate .certificate_con .img_box:last-child{
	margin-right: 0;
}
.certificate .certificate_con .img_box img{
	/* width: 100%; */
	box-shadow: rgba(0,0,0,.1) 0px 0px 10px;
}
.index_choose{
	padding-top: 70px;
	background: url(../images/choose_bg.jpg) no-repeat top;
}
.index_choose h2{
	text-align: center;
	font-size: 36px;
	color: #222222;
}
.index_choose .title{
	text-align: center;
	max-width: 700px;
	margin: 20px auto;
	color: #333333;
	font-size: 12px;
}
.index_choose ul{
	display: flex;
	margin-top: 40px;
}
.index_choose ul li{
	margin-right: 30px;
}
.index_choose ul li:last-child{
	margin-right: 0;
}
.index_choose ul li .choose_con{
	width: 80%;
	height: 56%;
	margin: -40px auto 0;
	background: #FFFFFF;
	position: relative;
	z-index: 1;
	padding: 20px 0 20px 40px;
	box-shadow: rgba(0,0,0,.2) 0px 0px 10px;
}
.index_choose ul li .choose_con h4{
	font-size: 18px;
	color: #222222;
	line-height: 36px;
	margin-bottom: 12px;
}
.index_choose ul li .choose_con h4 span{
	width: 36px;
	height: 36px;
	background: #043e8a;
	text-align: center;
	border-radius: 100%;
	float: left;
	margin-right: 10px;
	color: #FFFFFF;
}
.index_choose ul li .choose_con h4 span i{
	font-size: 18px;
}
.index_choose ul li:last-child .choose_con h4 span i{
	font-size: 28px;
}
.index_choose ul li .choose_con p{
	font-size: 14px;
	color: #666666;
	margin-bottom: 14px;
}
.index_choose ul li .choose_con p i{
	color: #043E8A;
	font-size: 12px;
	margin-right: 10px;
}
.lasted_news{
	margin-top: 80px;
	padding-bottom: 88px;
	overflow: hidden;
	background: url(../images/news_bg.jpg) no-repeat bottom center;
}
.lasted_news h2{
	text-align: center;
	font-size: 36px;
	color: #222222;
}
.lasted_news h2 span{
	display: block;
	width: 80px;
	height: 2px;
	margin: 30px auto;
	background: #111e49;
}
.lasted_news .news_pic{
	width: 50%;
	padding-right: 25px;
}
.lasted_news .news_pic .news_box{
	position: relative;
}
.lasted_news .news_pic .news_box .img_box{
	overflow: hidden;
}
.lasted_news .news_pic .news_box .img_box img{
	width: 100%;
	transition: all .5s;
}
.lasted_news .news_pic .news_box:hover .img_box img{
	transform: scale(1.1);
}
.lasted_news .news_pic .news_box .con_box{
    width:100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px 25px 20px;
	color: #FFFFFF;
	background: rgba(4,62,138,.75);
	/* display: none; */
}
.lasted_news .news_pic .news_box .con_box h4{
	font-weight: normal;
	font-size: 18px;
	line-height: 40px;
}
.lasted_news .news_pic .news_box .con_box p{
	line-height: 22px;
}
/* .lasted_news .news_pic .news_box:hover .con_box{
	display: block;
} */
.lasted_news .news_list{
	width: 50%;
	padding-left: 28px;
}
.lasted_news .news_list li a{
	display: flex;
	align-items: center;
	margin-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
	/* border-bottom: 1px solid #fdfdfd; */
	border-bottom: 1px solid #EEEEEE;
}
.lasted_news .news_list li .date{
	padding: 15px;
	background: #F2F2F2;
	width: 124px;
}
.lasted_news .news_list li .date b{
	text-decoration: underline;
	display: block;
	font-size: 36px;
	color: #222222;
	font-family: impact;
}
.lasted_news .news_list li .date span{
	float: right;
	color: #999999;
	font-size: 14px;
}
.lasted_news .news_list li .news_t{
	margin-left: 28px;
}
.lasted_news .news_list li .news_t h4{
	font-size: 18px;
	line-height: 40px;
	font-weight: normal;
	color: #222222;
}
.lasted_news .news_list li .news_t .more_btn{
	color: #111e49;
	font-size: 14px;
	text-decoration: underline;
}
.lasted_news .news_list li.active .date,
.lasted_news .news_list li:hover .date{
	background: #043e8a;
}
.lasted_news .news_list li.active .date b,
.lasted_news .news_list li.active .date span,
.lasted_news .news_list li:hover .date b,
.lasted_news .news_list li:hover .date span{
	color: #FFFFFF;
}
.lasted_news .news_list li:hover .news_t .more_btn{
	opacity: .8;
}
.lasted_news .news_list li:hover .news_t h4,
.lasted_news .news_list li.active .news_t h4{
	color: #111E49;
}
.index_contact{
	padding: 52px 0;
	background: #f8f8f8;
}
.index_contact form{
	display: flex;
}
.index_contact form input{
	flex: 1;
	margin-left: 15px;
	height: 50px;
	padding-left: 15px;
	border: 1px solid #eaeaea;
}
.index_contact form input:first-child{
	margin-left: 0;
}
.index_contact form button{
	width: 154px;
	height: 50px;
	color: #FFFFFF;
	font-size: 16px;
	background: #043E8A;
	border: none;
}
.index_contact form button:hover{
	opacity: .8;
}

footer{
	padding-top: 60px;
	background: #F8F8F8;
	border-top: 1px dashed #e5e5e5;
}
footer .footer{
	display: flex;
}
footer .footer .item{
	flex: 1;
}
footer .footer .item.item_contact{
	flex: auto;
	width: 10%;
}
footer .footer .item h4{
	color: #222222;
	font-size: 24px;
	margin-bottom: 30px;
}
footer .footer .item h4 span{
	width: 50px;
	height: 1px;
	display: block;
	background: #111E49;
	margin-top: 20px;
}
footer .footer .item_logo{
	text-align: center;
}
footer .footer .item_logo a{
	color: #666666;
}
footer .footer .item_logo p{
	max-width: 195px;
	margin: 20px auto;
	line-height: 30px;
}
footer .footer .item_logo p a{
	margin: 0 5px;
	width: 32px;
	height: 32px;
	background: #c9caca;
	text-align: center;
	line-height: 32px;
	color: #FFFFFF;
	display: inline-block;
	border-radius: 100%;
	transition: all .3s;
}
footer .footer .item_logo p a:hover{
	transform: rotate(360deg);
}
footer .footer .item_link{
	padding-left: 5%;
}
footer .footer .item_link a,
footer .footer .item_pro span,
footer .footer .item_contact a{
	color: #666666;
	margin-bottom: 15px;
	display: block;
	cursor: pointer;
}
/* footer .footer .item_contact a{
	margin-bottom: 5px;
} */
footer .footer .item_contact:last-child a,
footer .footer .item_contact:last-child span{
	display: flex;
}
footer .footer .item_contact:last-child i{
	margin-right: 10px;
	font-size: 18px;
}
footer .footer .item_link a:hover,
footer .footer .item_contact a:hover{
	color: #111E49;
}
footer .footer .item_pro .f_pro{
	display: none;
}
footer .footer .item_pro .f_pro a{
	display: block;
	color: #666666;
	margin-bottom: 10px;
	padding-left: 18px;
}
footer .footer .item_pro .f_pro a:hover{
	color: #111E49;
}
footer .copyright{
	text-align: center;
	background: #032e66;
	color: #FFFFFF;
	line-height: 70px;
	margin-top: 40px;
}
footer .s_footer{
	display: none;
}
.l_fixed{ width: 40px; position: fixed; top: 30%; left: 0; z-index: 666; }
.l_fixed li{ position: relative; margin-bottom: 1px; transition: all 0.3s; }
.l_fixed li a{ width:100%; height: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #40a7f3; color: #fff; display: block; }
.l_fixed li a i{ font-size: 24px; }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #40a7f3; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }
.l_fixed li:nth-of-type(2) a{ background: #edac26; }
.l_fixed li:nth-of-type(3) a{ background: #537bbc; }
.l_fixed li:nth-of-type(4) a{ background: #0079ba; }
.l_fixed li:nth-of-type(5) a{ background: #1296db; }
.l_fixed li:nth-of-type(6) a{ background: #dd1829; }
.l_fixed li:nth-of-type(2) a span{ background: #edac26; }
.l_fixed li:nth-of-type(7) a{ background: #24a40f; }
.l_fixed li:nth-of-type(8) a{ background: #24a40f; }
.l_fixed li:hover a span{ width: 250px; left: 40px; }
.l_fixed li:hover{ opacity: 0.9; }
.f_what{  background: #24a40f; width: 0; position: absolute; top: 0; left: 60px; }
.f_what:after{ 
	content: ""; 
	position: absolute; 
	top: 0; 
	left: -19px; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 19px 0;
	border-color: transparent #24a40f transparent transparent; display: none;
}
.f_what img{ width: 100%; }
.l_fixed li:hover .f_what{ width: 130px; padding: 10px; }
.l_fixed li:hover .f_what:after{ display: block; }
  
  
/* products */
.page_index{
	background: #f6f6f6;
	line-height: 50px;
	color: #999999;
	position: fixed;
	top: 145px;
	left: 0;
	width: 100%;
	z-index: 998;
}
.page_index a{
	color: #999999;
}
.page_index a:hover{
	color: #666666;
}
.page_index a i{
	margin-right: 10px;
}
.page_index span{
	color: #111e49;
}
.news_index{
	background: #FFFFFF;
}
.products{
	margin-top: 225px;
	background: url(../images/product_bg.png) no-repeat bottom center;
}

.products-about{

	background: url(../images/product_bg.png) no-repeat bottom center;
}

.products .flexBox{
	display: flex;
}
.products .product_l{
	width: 365px;
}
.products .product_l h2{
	font-size: 24px;
	line-height: 80px;
	text-align: center;
	width: 100%;
	background: #043e8a;
	color: #FFFFFF;
}
.products .product_l h2 span{
	display: none;
}
.products .product_l .category{
	border: 1px solid #d0d0d0;
	padding: 0 20px;
}
.products .product_l .category .cate_item{
	padding: 30px 0;
	border-bottom: 1px solid #D0D0D0;
}
.products .product_l .category .cate_item:last-child{
	border: none;
}
.products .product_l .category .cate_item span{
	color: #222222;
	font-size: 18px;
	cursor: pointer;
	display: block;
}
.products .product_l .category .cate_item span i{
	float: right;
}
.products .product_l .category .cate_item .f_pro{
	margin-top: 25px;
	display: none;
}
.products .product_l .category .cate_item:first-child .f_pro{
	display: block;
}
.products .product_l .category .cate_item .f_pro a{
	display: block;
	color: #999999;
	margin-bottom: 16px;
	font-size: 18px;
}
.products .product_l .category .cate_item .f_pro a:hover{
	color: #111E49;
}
.products .product_l .cate_best{
	margin-top: 60px;
}
.products .product_l .cate_best h3{
	font-size: 24px;
	color: #222222;
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #043e8a;
}
.products .product_l .cate_best li{
	width: 48%;
	float: left;
	margin: 10px 2% 10px 0;
	text-align: center;
}
.products .product_l .cate_best li:nth-child(even){
	margin: 10px 0 10px 2%;
}
.products .product_l .cate_best li .img_box{
	overflow: hidden;
	border: 1px solid #dadada;
}
.products .product_l .cate_best li .img_box img{
	transition: all .5s;
}
.products .product_l .cate_best li:hover .img_box img{
	transform: scale(1.05);
}
.products .product_l .cate_best li p{
	font-size: 20px;
	color: #222222;
	margin-top: 20px;
}
.products .product_l .cate_best li:hover p{
	color: #111E49;
}
.products .product_r{
	flex: 1;
	padding-left: 45px;
	padding-bottom: 100px;
}
.products .product_r .pro_head{
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
}
.products .product_r .pro_head h2{
	float: left;
	font-size: 30px;
	color: #222222;
	margin-left: 45px;
}
.products .product_r .pro_head form{
	float: right;
}
.products .product_r .pro_head form input{
	width: 280px;
	height: 44px;
	padding-left: 20px;
	border: 1px solid #CCCCCC;
	float: left;
}
.products .product_r .pro_head form button{
	color: #FFFFFF;
	width: 120px;
	height: 44px;
	border: none;
	float: right;
	font-size: 16px;
	background: #043E8A;
}
.products .product_r .pro_head form button:hover{
	opacity: .8;
}
.products .product_r .title{
	color: #666666;
	margin-top: 20px;
	line-height: 30px;
}
.products .product_r ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 45px;
}
.products .product_r li{
	width: 31.33%;
	margin: 1%;
	background: #FFFFFF;
	text-align: center;
	box-shadow: rgba(0,0,0,.1) 0px 0px 10px;
}
.products .product_r li img{
	transition: all .3s;
}
.products .product_r li:hover img{
	transform: scale(1.05);
}
.products .product_r li p{
	font-size: 18px;
	color: #222222;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}
.products .product_r li:hover p{
	color: #043E8A;
}
.products .product_r li .btn{
	float: left;
	line-height: 40px;
	text-align: center;
	width: 50%;
	font-size: 14px;
	color: #111e49;
	border-right: 1px solid #F2F2F2;
}
.products .product_r li .btn:hover{
	opacity: .8;
}
.products .product_r li .btn:last-child{
	color: #666666;
	border: none;
}
.pages{
	margin-top: 50px;
	text-align: center;
}
.pages a{
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #b0afaf;
	font-size: 14px;
	background: #FFFFFF;
	border: 1px solid #B0AFAF;
	line-height: 30px;
	margin: 0 5px;
}
.pages a:hover{
	color: #FFFFFF;
	background: #B0AFAF;
}
.pages .page_num a:hover,
.pages .page_num a.on{
	background: #043e8a;
	border-color: #043e8a;
	color: #FFFFFF;
}

/* product details */
.details{
	margin-top: 195px;
}
.details .details_con .detail_pic{
	float: left;
	width: 50%;
	padding: 50px 40px 50px 0;
	position: relative;
}
.details .details_con .detail_pic .mySwiper2{
	width: 80%;
	float: left;
}
.details .details_con .detail_pic .mySwiper{
	width: 108px;
	max-height: 560px;
	float: right;
}
.details .details_con .detail_pic .mySwiper2 .swiper-slide{
	text-align: center;
}
.details .details_con .detail_pic .mySwiper .swiper-slide{
	border: 1px solid #d3d3d3;
	background: #FFFFFF;
}
.details .details_con .detail_pic .mySwiper .swiper-slide-thumb-active{
	border-color: #007AFF;
}
.details .details_con .detail_pic .mySwiper img,
.details .details_con .detail_pic .mySwiper2 img{
	width: 100%;
	max-width: 324px;
}

.details .details_con .detail_pic .swiper-button-prev,
.details .details_con .detail_pic .swiper-button-next{
	top: 10px;
	right: 80px;
	left: auto;
	color: #999;
	transform:rotate(90deg);
	margin-top: 0;
}
.details .details_con .detail_pic .swiper-button-next{
	top: auto;
	bottom: 10px;
}
.details .details_con .detail_pic .swiper-button-prev:after,
.details .details_con .detail_pic .swiper-button-next:after{
	font-size: 16px;
}
.details .details_con .bg_box{
	overflow: hidden;
	background: url(../images/proDetail_bg.png) no-repeat right 100%;
}
.details .details_con .pro_inf{
	width: 50%;
	padding: 50px 0 50px 25px;
}
.details .details_con .pro_inf h2{
	color: #222222;
	font-size: 36px;
	margin: 50px 0;
}
.details .details_con .pro_inf h2 span{
	width: 120px;
	height: 3px;
	background: #043E8A;
	display: block;
	margin-top: 30px;
}
.details .details_con .pro_inf h3{
	font-size: 24px;
	margin-bottom: 24px;
}
.details .details_con .pro_inf p{
	font-size: 18px;
	line-height: 36px;
	max-width: 90%;
}
.details .details_con .pro_inf .share{
	color: #000000;
	margin-top: 50px;
	font-size: 22px;
	margin-bottom: 40px;
}

.details .details_con .pro_inf .share a {
	width: 26px;
	height: 26px;
	margin-right: 0px;
}
.details .details_con .pro_inf a{
	width: 38.2%;
	height: 50px;
	color: #FFFFFF;
	line-height: 50px;
	text-align: center;
	background: #b80101;
	float: left;
	margin-right: 4%;
}
.details .details_con .pro_inf a:last-child{
	background: #043e8a;
}
.details .details_con .pro_inf a:hover{
	opacity: .8;
}
.details .details_con .pro_inf a i{
	font-size: 22px;
	margin-right: 16px;
}
.details .details_con .features{
	margin-top: 80px;
}
.details .details_con .features h2{
	font-size: 36px;
	line-height: 28px;
	color: #222222;
	padding-left: 10px;
	border-left: 4px solid #111E49;
}
.details .details_con .features .flexBox{
	display: flex;
	align-items: center;
}
.details .details_con .features .fea_con{
	width: 50.8%;
	margin-top: 30px;
}
.details .details_con .features .fea_con li{
	line-height: 24px;
	margin-bottom: 24px;
}
.details .details_con .features .fea_con li span{
	background: #FFFFFF;
	border-radius: 100%;
	box-shadow: 1px 1px 1px #111E49;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	margin-right: 15px;
	float: left;
	margin-bottom: 24px;
}
.details .details_con .features .fea_pic{
	text-align: center;
}
.details .details_con .parameter .par_con{
	margin-top: 36px;overflow-x: auto;
}
.details .details_con .parameter .par_con table{
	width: 100%;
	text-align: center;
	border: 1px solid #cfcfcf;
	border-collapse: collapse;
}
.details .details_con .parameter .par_con table td{
	border: 1px solid #cfcfcf;
	padding: 16px 0;
}
.details .details_con .parameter .par_con table thead{
	background: #043E8A;
	color: #FFFFFF;
}
.details .details_con .parameter .par_con table thead th{
	padding: 16px 0;
	font-weight: normal;
}
.details .details_con .parameter .par_con table tbody tr:nth-child(even){
	background: #F8F8F8;
}


.details .details_con .related_pro{
	padding-top: 60px;
	background: url(../images/relatedPro_bg.png) no-repeat top;
}
.details .details_con .related_pro ul{
	display: flex;
	margin-top: 50px;
}
.details .details_con .related_pro li{
	width: 23%;
	margin: 1%;
	background: #FFFFFF;
	text-align: center;
	box-shadow: rgba(0,0,0,.1) 0px 0px 10px;
}
.details .details_con .related_pro li img{
	transition: all .3s;
}
.details .details_con .related_pro li:hover img{
	transform: scale(1.05);
}
.details .details_con .related_pro li p{
	font-size: 18px;
	color: #222222;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}
.details .details_con .related_pro li:hover p{
	color: #043E8A;
}
.details .details_con .related_pro li .btn{
	float: left;
	line-height: 40px;
	text-align: center;
	width: 50%;
	font-size: 14px;
	color: #111e49;
	border-right: 1px solid #F2F2F2;
}
.details .details_con .related_pro li .btn:hover{
	/* font-size: 16px; */
	opacity: .8;
}
.details .details_con .related_pro li .btn:last-child{
	color: #666666;
	border: none;
}
.details .details_con .messages{
	padding-bottom: 80px;
	background: url(../images/message_bg.png) no-repeat bottom center;
}
.details .details_con .messages p{
	font-size: 18px;
	color: #333333;
	margin-top: 20px;
}
.details .details_con .messages form{
	margin-top: 30px;
}
.details .details_con .messages form input{
	width: 49%;
	margin-right: 2%;
	float: left;
	padding-left: 20px;
	height: 50px;
	border: 1px solid #dcdcdc;
	margin-bottom: 24px;
}
.details .details_con .messages form input:nth-child(even){
	margin-right: 0;
}
.details .details_con .messages form textarea{
	width: 100%;
	height: 190px;
	padding: 20px;
	border: 1px solid #dcdcdc;
}
.details .details_con .messages form button{
	margin-top: 60px;
	width: 208px;
	height: 50px;
	background: #043E8A;
	color: #FFFFFF;
	border: none;
	display: block;
	font-size: 18px;
}
.details .details_con .messages form button:hover{
	opacity: .8;
}

textarea::-webkit-input-placeholder {
	font-size: 14px;
	font-family: "arial";
}

/* resources */
.resources{
	background: url(../images/message_bg.png) no-repeat bottom center;
}
.resources h3{
	color: #222222;
	font-size: 24px;
	margin-bottom: 30px;
}
.resources h3 span{
	width: 50px;
	height: 1px;
	background: #111E49;
	display: block;
	margin-top: 20px;
}
.resources .title{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.resources .title p{
	max-width: 930px;
	line-height: 28px;
}
.resources .title a{
	width: 155px;
	margin-left: auto;
	color: #111E49;
}
.resources .title a:hover{
	/* font-weight: bold; */
	text-decoration: underline;
}
/* .resources .res_video ul{
	margin-top: 40px;
} */
.resources .res_video li{
	float: left;
	width: 31.33%;
	margin-right: 2%;
	text-align: center;
	background: #F8F8F8;
	cursor: pointer;
}
.resources .res_video li:last-child{
	margin-right: 0;
}
.resources .res_video li video{
	width: 100%;
}
.resources .res_video li a p{
	color:#666;
}
.resources .res_video li p{
	width: 100%;
	height: 50px;
	line-height: 50px;
}
.resources .res_video li:hover{
	background: #111E49;
	color: #FFFFFF;
}

.resources .res_video li:hover a p{
	background: #111E49;
	color: #FFFFFF;
}


/* news */
.news{
	margin-top: 230px;
}
.news .news_top{
	padding: 78px 0 70px;
	background: #f6f6f6;
}
.news_war{ padding-bottom:80px; }
.pagewar{ width: 1400px; margin: 0 auto; }
.pt70{ padding-top: 240px; }

/*文章标题原样式
.infocon h4{font-size:32px; text-align: center; margin-bottom: 16px; }
*/

.infocon h1{font-size:32px; text-align: center; margin-bottom: 16px; }

.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:18px; font-size: 17px; color: #707879; }
.infocon .time i{ font-size: 20px; }
.infocon .other{ padding-top:15px; margin-top:10px; font-size: 18px; line-height: 26px;}
.infocon .other div{padding:5px 0;}
.infocon .other div b{ font-weight: normal; color: #333; }
.infocon .other{ color: #888; }
.infocon .other a{color: #888}
.infocon .other a:hover{ color: #f3901c ; }
.infocon p{line-height:28px; font-size: 18px; margin-bottom: 8px; color: #888; }
.infocon video{height:675px}

.news .news_top a{
	display: flex;
	align-items: center;
}
.news .news_top a .img_box{
	overflow: hidden;
	width: 40%;
}
.news .news_top a .img_box img{
	transition: all .3s;
}
.news .news_top a:hover .img_box img{
	transform: scale(1.1);
}
.news .news_top a .news_con{
	flex: 1;
	padding-left: 40px;
}
.news .news_top a .news_con .box{
	width: 100%;
	display: block;
}
.news .news_top a .news_con .date{
	color: #043E8A;
}
.news .news_top a .news_con h3{
	font-size: 36px;
	color: #222222;
	margin-bottom: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news .news_top a .news_con p{
	color: #666666;
	line-height: 24px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.news .news_top a .news_con button{
	width: 155px;
	height: 45px;
	color: #FFFFFF;
	background: #043E8A;
	border: none;
	margin-top: 40px;
	font-size: 16px;
}
.news .news_top a:hover .news_con button{
	opacity: .8;
}
.news .newsLists{
	margin-top: 60px;
	padding-bottom: 80px;
}
.news .newsLists ul{
	display: flex;
	flex-wrap: wrap;
}
.news .newsLists li{
	width: 50%;
	margin-bottom: 40px;
}
.news .newsLists li a{
	display: flex;
	align-items: center;
}
.news .newsLists li a .img_box{
	overflow: hidden;
	width: 43%;
}
.news .newsLists li a .img_box img{
	transition: all .3s;
}
.news .newsLists li:hover a .img_box img{
	transform: scale(1.1);
}
.news .newsLists li a .newsLi_con{
	flex: 1;
	padding-left: 3.8%;
	padding-right: 10px;
	min-width: 0;
}
.news .newsLists li a .newsLi_con .date{
	color: #111E49;
	margin-bottom: 10px;
}
.news .newsLists li a .newsLi_con h4{
	font-size: 18px;
	color: #222222;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}
.news .newsLists li a .newsLi_con p{
	color: #666666;
	line-height: 20px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 20px;
	font-size: 14px;
}
.news .newsLists li a .newsLi_con span{
	color: #111E49;
}
.news .newsLists li:hover a .newsLi_con span{
	font-weight: bold;
}

/* about */
.about{
	padding-top: 20px;
}
.about .index_video{
	margin-top: 0;
}
.about_certifi{
	margin-top: 15px;
	padding-top: 60px;
	background: url(../images/ceitificate_bg.jpg) no-repeat top center;
}
.about_certifi .container{
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.about_certifi h3{
	font-size: 36px;
	color: #222222;
	margin-bottom: 30px;
}
.about_certifi p{
	font-size: 18px;
	line-height: 26px;
}
.about_certifi .certificate_con{
	margin: 30px 0 60px;;
}
.swiper.about_swiper{
	padding: 20px 0;
	margin-bottom: 70px;
}
.about_swiper .swiper-slide .img_box{
	overflow: hidden;
}
/* .about_swiper .swiper-slide{
	width: 33.33%;
} */
.about_swiper .swiper-slide .img_box img{
	transition: all .3s;
}
.about_swiper .swiper-slide:hover .img_box img{
	transform: scale(1.1);
}
.about_swiper .swiper-slide .slide_con{
	width: 90%;
	background: #FFFFFF;
	margin: -10% auto 0;
	position: relative;
	z-index: 1;
	padding: 30px 25px;
	display: none;
	box-shadow: 0 0 10px #999999;
}
.about_swiper .swiper-slide .slide_con h4{
	font-size: 18px;
	color: #111E49;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}
.about_swiper .swiper-slide .slide_con a{
    font-size: 18px;
	color: #222222;
}
.about_swiper .swiper-slide .slide_con p{
	color: #666666;
	line-height: 26px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	margin-bottom: 20px;
	font-size: 14px;
}
.about_swiper .swiper-slide-prev .slide_con{
	display: block;
}
.about_swiper .swiper-button-prev,
.about_swiper .swiper-button-next{
	width: 40px;
	height: 40px;
	top: 35%;
	color: #222222;
	background: rgba(255,255,255,.7);
}
.about_swiper .swiper-button-prev:hover,
.about_swiper .swiper-button-next:hover{
	color: #FFFFFF;
	background: rgba(17,30,73,.7);
}
.about_swiper .swiper-button-prev{
	left: 5%;
	right: auto;
}
.about_swiper .swiper-button-next{
	left: auto;
	right: 5%;
}
.about_swiper .swiper-button-prev:after,
.about_swiper .swiper-button-next:after{
	font-size: 14px;
}



/* contact */
.contact{
	display: flex;
	padding-top: 20px;
}
.contact .contact_item{
	width: 24%;
	height: 300px;
	margin-right: 1.33%;
	box-shadow: 0 0 10px 0 rgba(34,78,222,.2);
	background: #FFFFFF;
	border-top: 5px solid #043E8A;
	text-align: center;
}
.contact .contact_item:last-child{
	margin-right: 0;
}
.contact .contact_item a{
	color: #222;
	display: block;
	overflow: hidden;
}
.contact .contact_item span{
	width: 92px;
	height: 92px;
	display: block;
	text-align: center;
	line-height: 92px;
	color: #FFFFFF;
	background: #043e8a;
	margin: 40px auto 30px;
	border-radius: 100%;
	transition: all .5s;
}
.contact .contact_item:hover span{
	transform: rotateY(180deg);
}
.contact .contact_item span i{
	font-size: 40px;
}
.contact .contact_item p{
	font-size: 14px;
	margin-bottom: 15px;
	color: #666666;
}
.contact .contact_item b{
	font-size: 18px;
	display: block;
	color: #222222;
	margin-bottom: 10px;
	word-break: break-all;
}
.contact .contact_item .address{
	color: #222222;
	font-size: 16px;
	max-width: 70%;
	margin: 0 auto;
}
.details .details_con .contact_msg{
	margin-top: 70px;
}
.details .details_con .contact_msg h2{
	color: #222222;
	font-size: 36px;
}
.details .details_con .contact_msg h2 b{
	color: #043E8A;
}



@media screen and (max-width: 1300px) {
	.container{
		width: 96%;
	}
}
@media screen and (max-width: 1280px) {
	header .head .nav li{
		margin-right: 20px;
	}
	.products .product_r .pro_head h2{
		margin-left: 0;
	}
	.details .details_con .detail_pic .mySwiper2{
		width: 70%;
	}
}
@media screen and (max-width: 1024px) {
	header .head .logo{
		padding-left: 20px;
	}
	header .h_top,
	header .head .search{
		display: none;
	}
	header .head .nav .nav_btn{
		display: block;
		line-height: 100px;
		color: #FFFFFF;
		width: 56px;
		float: right;
		text-align: center;
		cursor: pointer;
	}
	header .head .nav ul{
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		width: 260px;
		z-index: 99;
		overflow: auto;
		background: #222222;
		transform: translateX(-260px);
		transition: 1s;
		display: block;
		padding-top: 1.875rem;
	}
	header .head .nav ul.active{
		transform: translateX(0);
	}
	header .head .nav ul li{
		line-height: 3rem;
		margin-right: 0;
	}
	header .head .nav ul li a{
		padding-left: 1.875rem;
	}
	header .head .nav li .slide_sort{
		display: block!important;
		position: static;
		width: 100%;
		min-width: auto;
		padding: 5px 0 0 0;
		background: #5c5e5f;
	}
	header .head .nav li .slide_sort.slide_res{
		padding: 5px 0;
	}
	header .head .nav li .slide_sort .sort_item{
		margin: 8px 0;
	}
	header .head .nav li .slide_sort span a{
		color: #FFFFFF;
		font-size: 0.875rem;
		padding-left: 1.5rem;
	}
	header .head .nav li .slide_sort .sort_item .f_pro{
		background: #89898a;
	}
	header .head .nav li .slide_sort a{
		color: #FFFFFF;
		font-size: 0.875rem;
		margin: 8px 0;
	}
	header .head .nav .close_nav{
		width: 0;
		height: 100%;
		background: rgba(0,0,0,.5);
		position: fixed;
		left: 0;
		top: 0;
	}
	header .head .nav .close_nav.active{
		width: 100%;
	}
	header .h_top,
header .head .search{
  display: none;
}
header .head .language{
  position: fixed;
  right: 100px;
  top: 0;
}
	.l_fixed{
		display: none;
	}
	.banner{
		margin-top: 100px;
	}
	.page_index{
		top: 100px;
	}
	.cooperation_case .case_item p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.index_video .video_inf p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		overflow: hidden;
	}
	.index_choose ul li .choose_con{
		padding: 10px 0 10px 20px;
	}
	.lasted_news .news_list{
		padding: 0 15px;
	}
	.lasted_news .news_list li .news_t h4{
		line-height: 1.875rem;
	}
	.lasted_news .news_list li a{
		margin-top: 0;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	
	.products{
		margin-top: 160px;
	}
	/* .products .product_l{
		display: none;
	} */
	.products .product_r{
		padding-left: 0;
	}
	.resources .title p{
		max-width: 80%;
	}
	.news .news_top{
		padding: 1.875rem 0;
	}
	.news .news_top a .news_con h3{
		margin: 0.625rem 0;
		font-size: 1.875rem;
	}
	.news .news_top a .news_con p{
		-webkit-line-clamp: 3;
	}
	.news .news_top a .news_con button{
		margin-top: 0.625rem;
	}
	.news .newsLists li a .newsLi_con h4{
		font-size: 1rem;
	}
	.news .newsLists li a .newsLi_con p{
		-webkit-line-clamp: 2;
		margin-bottom: 0.625rem;
	}
	.contact .contact_item b{
		font-size: 1rem;
	}
	.products .flexBox{
		display: block;
	}
	.products .product_l{
		width: 100%;
	}
	.products .product_l h2{
		text-align: left;
		padding: 0 1.25rem;
	}
	.products .product_l h2 span{
		float: right;
		display: block;
	}
	.products .product_l .category{
		display: none;
	}
	.products .product_l .cate_best{
		display: none;
	}
}

@media screen and (max-width: 768px) {
	header .head{
		height: 5rem;
	}
	header .head .logo, header .head .nav .nav_btn{
		line-height: 5rem;
	}
	header .head .language span{
  margin-top: 25px;
}
header .head .language .lang_con{
  top: 80px;
}

	.banner{
		margin-top: 5rem;
	}
	.index_pro{
		padding-top: 3.125rem;
	}
	.index_pro h2,
	.liquid h2,
	.cooperation_case h2,
	.certificate h2,
	.index_choose h2,
	.lasted_news h2{
		font-size: 1.2rem;
	}
	.liquid h2 span,
	.cooperation_case h2 span,
	.certificate h2 span,
	.index_choose h2 span,
	.lasted_news h2 span{
		margin: 1rem auto;
	}
	.index_pro .view_btn{
		font-size: 1rem;
		margin-top: 15px;
	}
	.index_pro .index_prolist .best_pro{
		margin-top: 0;
	}
	.index_video{
		margin-top: 2.5rem;
	}
	.index_video .video_box{
		flex-wrap: wrap;
	}
	.index_video .video_inf{
		padding-right: 0;
		margin-bottom: 1.25rem;
	}
	.index_video .video_inf p{
		-webkit-line-clamp: 5;
	}
	.index_video .video_con,
	.index_video .video_con video{
		width: 100%;
	}
	.cooperation_case{
		padding-top: 1.875rem;
	}
	.cooperation_case .case_item .case_content{
		padding: 5%;
	}
	.cooperation_case .case_item h3{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-bottom: 1rem;
	}
	.certificate{
		margin-top: 1.875rem;
	}
	.certificate .certificate_con{
		flex-wrap: wrap;
	}
	.certificate .certificate_con .img_box{
		width: 48%;
		flex: none;
		margin: 1%;
	}
	.index_choose{
		padding-top: 2rem;
	}
	.index_choose ul{
		flex-wrap: wrap;
		margin-top: 1.25rem;
	}
	.index_choose ul li{
		width: 48%;
		flex: none;
		margin: 1rem 1%;
	}
	.liquid{
		margin-top: 2.5rem;
	}
	.liquid ul{
		margin-top: 1.5625rem;
	}
	.lasted_news{
		padding-bottom: 0;
		margin-top: 2.5rem;
	}
	.lasted_news .news_pic,.lasted_news .news_list{
		float: none;
		width: 100%;
		padding: 0;
	}
	.lasted_news .news_list li{
		margin-top: 1rem;
	}
	footer{
		padding-top: 1.875rem;
	}
	footer .footer .item_link{
		padding-left: 5%;
	}
	footer .copyright{
		line-height: inherit;
		height: 70px;
		padding-top: 1rem;
	}
	
	.page_index{
		top: 80px;
	}
	.products .product_r{
		padding-bottom: 50px;
		padding-left: 0;
	}
	.details .details_con .detail_pic,
	.details .details_con .pro_inf{
		float: none;
		width: 100%;
		padding: 20px;
		overflow: hidden;
	}
	.details .details_con .detail_pic .swiper-button-prev,
	.details .details_con .detail_pic .swiper-button-next{
		display: none;
	}
	.details .details_con .features{
		margin-top: 2.5rem;
	}
	.news .news_top a{
		display: block;
	}
	.news .news_top a .img_box,
	.news .news_top a .news_con{
		width: 100%;
		padding: 0;
	}
	.news .news_top a .img_box{
		text-align: center;
		margin-bottom: 1.5rem;
	}
	.news .newsLists ul{
		display: block;
	}
	.news .newsLists li{
		width: 100%;
	}
	.about .index_video{
		padding-bottom: 0;
	}
	.about_certifi{
		padding: 1.875rem 0;
		margin: 0;
	}
	.contact{
		display: block;
	}
	.contact .contact_item{
		width: 48%;
		float: left;
		margin: 1%;
	}
}

@media screen and (max-width: 480px) {
	header .head{
		height: 3.75rem;
	}
	header .head .logo, header .head .nav .nav_btn{
		line-height: 3.75rem;
	}
	header .head .logo a{
		width: 5rem;
	}
	header .head .nav li .slide_sort .sort_item .f_pro{
		display: none;
	}
	header .head .language{
  right: 70px;
}
header .head .language span{
  margin-top: 15px;
  width: 110px;
  padding-left: 10px;
}
header .head .language span i{
  margin-right: 6px;
}
header .head .language .lang_con{
  top: 60px;
}
	.banner{
		margin-top: 3.75rem;
	}
	.index_pro h2{
		font-size: 1.2rem;
	}
	
	.liquid h2, .cooperation_case h2, .certificate h2, .index_choose h2, .lasted_news h2{
		font-size: 1.3rem;
	}
	.index_choose .title{text-align: center; max-width: 700px; margin: 20px auto;color: #333333; font-size: 14px; line-height: 22px;}
	.liquid ul li{
		width: 48%;
		margin: 1%;
	}
	.products .product_r li .btn{font-size:12px;}
	.index_video .video_inf h3{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.index_video .video_inf{
		padding-right: 0;
		margin-bottom: 1rem;
	}
	.index_video .video_inf .more_btn{
		margin-top: 1.25rem;
	}
	.index_video .number .num_item b{
		font-size: 1.8rem;
	}
	.index_video .number .num_item p{
		font-size: 0.875rem;
	}
	.cooperation_case .case_box{
		display: block;
	}
	.cooperation_case .case_swiper .pic_box,
	.cooperation_case .case_item{
		width: 100%;
		margin: 0;
	}
	.cooperation_case .case_item .case_content{
		margin-top: 0;
	}
	.cooperation_case .case_item .read_btn{
		margin-top: 1rem;
	}
	.cooperation_case .swiper-pagination{
		text-align: center;
		padding-left: 0;
	}
	.cooperation_case .swiper-pagination-bullets.swiper-pagination-horizontal{
		bottom: 0;
	}
	.cooperation_case .swiper-pagination-bullet{
		background: #999999;
	}
	.cooperation_case .swiper-pagination-bullet-active{
		background: #007AFF;
	}
	.index_choose ul li .choose_con{
		width: 90%;
		height: 80%;
		padding: 0.625rem;
	}
	.index_choose ul li .choose_con h4{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.index_choose ul li .choose_con h4 span{
		width: 1.5rem;
		height: 1.5rem;
		margin-right: 5px;
	}
	.index_contact{
		padding: 1.875rem 0;
		margin-bottom: 3.75rem;
	}
	.index_contact form{
		flex-wrap: wrap;
	}
	.index_contact form input,
	.index_contact form button{
		margin: 5px 5px 0 0;
	}
	footer{
		width: 100%;
		padding-top: 0;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 998;
	}
	footer .footer{
		display: none;
	}
	footer .copyright{
		display: none;
	}
	footer .s_footer{
		display: block;
		background: #032e66;
		height: 3.75rem;
	}
	footer .s_footer .sm_box{
		display: flex;
		height: ;
	}
	footer .s_footer .sm_box a{
		color: #FFFFFF;
		flex: 1;
		text-align: center;
	}
	footer .s_footer .sm_box a i{
		display: block;
		color: #FFFFFF;
		font-size: 24px;
		margin-top: 10px;
	}
	.page_index{
		top: 3.75rem;
	}
	.products{
		margin-top: 6.875rem;
	}
	.products .product_r .pro_head{
		padding-bottom: 1.25rem;
	}
	.products .product_r .pro_head h2{
		margin-left: 1.25rem;
		float: none;
		margin-bottom: 1.25rem;
	}
	.products .product_r .pro_head form{
		float: none;
	}
	.products .product_r .pro_head form input{
		width: 60%;
	}
	.products .product_r .pro_head form button{
		width: 40%;
	}
	.products .product_r ul{
		margin-top: 1.25rem;
	}
	.products .product_r li{
		width: 48%;
	}
	.details .details_con .detail_pic .mySwiper,
	.details .details_con .detail_pic .mySwiper2{
		width: 100%;
	}
	.details .details_con .pro_inf h2{
		font-size: 1.75rem;
		margin: 1.25rem 0;
	}
	.details .details_con .features h2{
		font-size: 1.75rem;
	}
	.details .details_con .features .flexBox{
		display: block;
	}
	.details .details_con .features .fea_con{
		width: 100%;
	}
	.details .details_con .related_pro ul{
		flex-wrap: wrap;
		margin-top: 1.875rem;
	}
	.details .details_con .related_pro li{
		width: 48%;
	}
	.details .details_con .messages{
		padding-bottom: 2.5rem;
	}
	.details .details_con .messages form button{
		margin-top: 1.875rem;
	}
	.resources .title{
		display: block;
	}
	.resources .title p{
		max-width: 100%;
	}
	.resources .title a{
		display: block;
		text-align: right;
		padding-right: 1.25rem;
	}
	.resources .res_video li{
		width: 100%;
	}
	.news .newsLists{
		margin-top: 1.875rem;
		padding-bottom: 2.5rem;
	}
	.news .newsLists li a .newsLi_con p{
		-webkit-line-clamp: 1;
	}
	.about_certifi .certificate_con{
		margin: 1.25rem 0;
	}
	.about_certifi h3{
		font-size: 1.875rem;
	}
	.swiper.about_swiper{
		margin-bottom: 1.875rem;
	}
	.about_swiper .swiper-slide-prev .slide_con{
		display: none;
	}
	.about_swiper .swiper-slide .slide_con{
		display: block;
	}
	.lasted_news .news_pic .news_box .con_box h4{
		line-height: 1.5rem;
	}
	.details .details_con .contact_msg h2{
	    font-size: 1.875rem;
	}
	.contact .contact_item .address{
		width: 100%;
		font-size: 0.75rem;
	}
	.details .details_con .pro_inf a{
		width: 45%;
		font-size: 0.875rem;
		border-radius: 5px;
	}
	.details .details_con .pro_inf a i{
		margin-right: 5px;
	}
	.products .product_l h2{
		font-size: 1.25rem;
		line-height: 3.75rem;
	}
	.index_video .number{
		flex-wrap: wrap;
	}
	.index_video .number .num_item{
		flex: inherit;
		width: 50%;
	}
	.products .product_r li p{
		font-size: 0.875rem; height: 46px; overflow: hidden;
	}
	.getbox{width: 100%;background: #fff;height: auto;position: absolute;top: 10%;left: 0 !important; margin-left: 0px !important; }
	.infocon video{height:220px}
	.cooperation_case::before{background:none;}
	.index_choose ul li .choose_con{margin:0 auto;}
	.lasted_news .news_list li .date{width: auto;}
}

@media screen and (max-width: 320px) {
	.details .details_con .detail_pic,
	.details .details_con .pro_inf{
		padding: 10px 0;
	}
	
	.index_contact form button{
		height: 50px;
		width: 100%;
	}
	.details .details_con .features h2{
		font-size: 1.5rem;
	}
}