@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: font55re;/*给引入字体起的名字*/

	  font-display: swap;
  src: url('../font/webfont.eot'); /* IE9 */
  src: url('../font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/webfont.woff2') format('woff2'),
  url('../font/webfont.woff') format('woff'), /* chrome、firefox */
  url('../font/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/webfont.svg#webfont') format('../font/svg'); /* iOS 4.1- */
}
@font-face {
    font-family: font55me;/*给引入字体起的名字*/
    font-display: swap;
  src: url('../font/webfont.eot'); /* IE9 */
  src: url('../font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/webfont.woff2') format('woff2'),
  url('../font/webfont.woff') format('woff'), /* chrome、firefox */
  url('../font/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/webfont.svg#webfont') format('../font/svg'); /* iOS 4.1- */
  font-weight:500;
}

/*清除默认样式*/
body, div, dl, dt, dd, ul, ol, nl, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio,video {margin:0;padding:0}
body{font-family:font55re;background:#fff; font-size:14px; color:#5A5A5C;}
.left{float:left;_display:inline;}
.right{float:right;_display:inline;}
.clear:after{content:"";clear:both;display:block;}
.clear{zoom:1;}
a{text-decoration:none;font-size:14px; color:#5A5A5C;}
a:hover{color:#F39801;text-decoration:none;}

a.txt_white{text-decoration:none;font-size:14px; color:#FFFFFF;}
a.txt_white:hover{color:#e3e3e3;}

a.nav{text-decoration:none;font-size:16px;font-family:font55re;}
a.nav:hover{color:#e3e3e3;}

span{font-size:14px;}
li{list-style:none;}
img{border:none 0; vertical-align:middle;}
input{vertical-align:middle;}


.img_sport img{transition: all 0.6s;}
.img_sport img:hover{transform: scale(1.1);}

/*头部*/

.header {width: 100%;height: auto; margin:auto;}
.header_bg{width: 100%;height:160px;background-color:#fff;}
.top_bg{background-color:#F6F7F9; height:33px;width:90%; padding:7px 5% 0px 5%; border-bottom:1px solid #E6EAED;}
.top_l{float:left;}
.top_l span{padding:10px 16px 0px 6px; font-size:12px;}
.top_r{float:right; padding-top:3px;}
.header_main {width:80%;height:auto;margin:auto; padding-top:30px; }
.logo{width:126px;height:auto;float:left;}
.logo img{width:100%; height:auto}
.search_k_r{ width:100px; height:auto; padding-top:20px;float:left; margin-left:10px;}
.search_k{ width:600px; height:auto; padding-top:10px;float:left; margin-left:100px;}
.SS_key{width:358px;height:44px;border-left:#E1E1E1 2px solid;border-top:#E1E1E1 2px solid;border-bottom:#E1E1E1 2px solid;border-right:#E1E1E1 1px solid;float:left;outline: none;}
.SS_select{width:auto;height:48px; padding-left:20px;border:none;border-top:#E1E1E1 2px solid;border-bottom:#E1E1E1 2px solid;float:left;outline: none;
 -webkit-appearance: none; /* 移除默认样式 */
  -moz-appearance: none; /* 移除默认样式 */
  appearance: none; /* 移除默认样式 */
  background-image: url('../images/select-arrow.png'); /* 添加自定义图标 */
  background-repeat: no-repeat;
  background-position:right center; /* 调整图标位置 */
  padding-right:20px; /* 根据图标大小调整 */
}
.SS_bnt{width:58px;height:48px;background-image:url(../images/search-icon.png);background-position: center center; background-repeat: no-repeat;border:none; background-color:#FDD923;float:left;}

.menu_bg{background-color:#2974F1; height:45px;width:90%;padding:0px 5% 0px 5%;float:left;}
.header_menu_l{width:240px;height:100%;background-color:#FDD923;float:left; position:relative;cursor:pointer;}
.header_menu_l span{padding-top:8px;color:#2c2c2c; font-size:18px;float:left;}
.header_menu_l img{padding:13px 10px 0px 20px;float:left;}
.menu_all{width:240px;height:auto; background-color:#FFF;position:absolute; z-index:9;top:45px;display:none;}
.header_menu_l:hover .menu_all{position:absolute;display:block;}
.menu_all_list{width:cale(100% - 8px);height:28px;padding:8px 0px 8px 8px; border-bottom:#eaeaea 1px solid;float:left;position:relative;}
.menu_all_list_l{width:192px;float:left;}
.menu_all_list_img{width:10px; height:auto; float:left;}
.menu_all_txt{width:780px;height:auto; padding:20px; border-left:#FDD923 5px solid; background-color:#FFF;position:absolute;z-index:19;left:240px; top:0px;display:none;}
.menu_all_list:hover .menu_all_txt{position:absolute;display:block;}
.menu_all_txt_b{width:780px;height:auto;border-bottom:#eaeaea 1px solid;float:left;}
.menu_all_txt_s{width:auto;height:auto;padding:8px 5px 5px 20px;float:left;}
.menu_all_txt_b a{font-size:16px;color:#0e6eb8;}

.header_menu{width:auto;height:auto;padding-top:10px;float:left;}
.header_menu li{width:auto;height:auto; padding:0px 0px 0px 60px;float:left;}
.header_menu li a{font-size:16px;color:#FFFFFF;}

/* banner */
.c-banner{
	width: 100%;
	height:auto;
	float:left;

}
.c-banner img{
	width: 100%;
	height:auto;
}
/*@media only screen and (min-width: 1920px) {
	.c-banner img{
		width: 100%;
		height:920px;
	}
}*/
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
	
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li {
	width: 100%;
	position: absolute;
	top: 0px;
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:first-child {
	position: relative;
}


.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 15px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 58px;
	height: 5px;
	border-radius: 0%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

.page_bnt,.page_bnt2{padding:8px 12px 8px 12px;margin:0px 3px 0px 3px;}
.page_bnt{background-color: #eaeaea;}
.page_bnt2{background-color: #2974F1; color:#ffffff; }
.index_hot_pro_l{width:360px;height:480px; text-align:center;background-color:#E20000;float:left;}
.index_hot_pro_l_title{width:360px;height:180px; padding-top:150px;color:#FFF;font-size:36px;foat:left;}
.index_hot_pro_l_bnt{width:140px;height:auto; padding:6px 0px 8px 0px;color:#750B0B; background-color:#E20000;font-size:18px; border:#750B0B 1px solid; margin:auto;cursor:pointer;transition:all 1s;
-moz-transition:all 1s; /* Firefox 4 */
-webkit-transition:all 1s; /* Safari and Chrome */
-o-transition:all 1s; /* Opera */
}
.index_hot_pro_l_bnt:hover{background-color:#fff;color:#E20000;}

.index_hot_pro_r{width:calc(100% - 360px);height:480px;position:relative;float:left;}
.hot_dl{width:100%; height:auto;float:left;}
.hot_bnt{width:90%; height:auto;float:right;position:absolute;bottom:10px; text-align:right;right:10%;}
.hot_title{width:calc(100% - 50px); height:auto; padding:40px 0px 0px 50px;position:absolute;z-index:12;float:left;}
.hot_txt1,.hot_txt2,.hot_txt2{width:100%; height:35px;font-size:24px;float:left;}
.hot_txt1{font-size:24px;}
.hot_txt2{font-size:18px;color:#818181;}
.hot_txt3 a{font-size:16px; color:#e20000;}

dt.active{width:50px;height:5px;margin-left:20px;background-color:#e20000;float:right;}
dt {cursor:pointer;height:5px;width:50px;background-color:#EAEAEA; margin-left:20px;bottom:10px;float:right;}
dd {clear:both;width:100%; height:480px;display:none;}
dd img{ width:100%; height:100%;}



.index_case_title{width:100%;height:auto; margin-top:35px;font-size:18px;font-weight:bold;color:#1799f3;text-align:center;clear:both;}
.index_case_title2{width:100%;height:auto;padding:5px 0px 0px 0px;font-size:16px;color:#808080;text-align:center;clear:both;}

.index_case_bg{display:flex;justify-content: center;width:100%;height:auto;background-color:#2874F0;}
.index_case{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%; max-width:1420px;padding:20px;height:auto;}

.index_case_k{display:flex;width:calc(11.5% - 10px);height:auto;margin:10px 5px 10px 5px;flex-direction:column;}

.index_case_img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.index_case_img img{width:100%;height:100%;}
.index_case_txt{height:auto;width:100%;padding:6px 0px 0px 0px;text-align:justify;text-align:center;}
.index_case_txt a{ font-size:12px;color:#FFF;}

.main_k{width:100%;height:200px;padding:10px 0px 30px 0px; background-color:#FFF;}

.main_server_k{width:calc(100% - 40px);display:flex;margin-top:40px; padding:0px 20px 0px 20px;flex-wrap:nowrap;justify-content:space-between;}
.index_server_k{width:375px;height:auto; padding-bottom:10px;}


.index_server_title{width:375px;height:40px; font-size:24px;font-weight:bold;float:left;}
.index_server_title img{padding:3px 10px 0px 0px;}
.index_server_txt{width:370px;height:auto;float:left;text-align:justify;text-justify:inter-ideograph;}

.index_about{width:100%;height:auto;margin:20px auto;float:left;}
.index_about_l{width:calc(60% - 35px);height:480px;margin-right:15px; padding:20px 0px 0px 20px;background-image:url(/public/images/index_r2_c2.png);color:#51524b;font-size:18px;float:left;}
.index_about_r{width:40%;height:500px;float:left;}
.index_about_r_t1{width:calc(50% - 10px);height:247px;margin-right:10px; text-align:center; font-size:16px;background-color:#2a73f3;float:left;}
.index_about_r_t2{width:50%;height:247px;text-align:center;background-image:url(/public/images/index_r2_c6.png); background-repeat:no-repeat;background-color:#ffd703;float:left;}
.index_about_r_b{width:100%;height:243px; margin-top:10px;background-image:url(/public/images/index_r3_c4.png);float:left;}
.index_about_r_t1_txt1{width:100%;height:50px;color:#ffd703; padding-top:50px;float:left;}
.index_about_r_t1_txt2{width:100%;height:50px;color:#fff;font-size:18px;float:left;}
.index_about_r_t1_txt3{width:100%;height:50px;color:#c1d7fe;float:left;}


/*底部*/
.foot_bg{width:100%;height:auto;margin:0px auto; padding-top:40px; padding-bottom:30px;background-color:#e2e3e5;clear:both;float:left;}
.foot_logo{width:30%;height:auto; text-align:right;float:left;}
.foot_r{width:calc(60% - 10%);height:auto; padding-left:10%; line-height:30px;float:left;}



.main{width:1260px;height:auto;margin:auto;clear:both; }
@media screen and (min-width:1440px){
	.main{width:1420px;height:auto;margin:auto;clear:both;}
}
 

.main_body{width:calc(100% - 40px);;height:auto;float:left; padding:20px;background-color:#f1f3f6;}
.main_body_bg{width:100%;height:auto;float:left;background-color:#f1f3f6;}
.pro_nav{width:calc(100% - 40px);height:auto;float:left;padding:30px 0px 20px 10px;}
.pro_nav_class{width:auto; height:30px; padding:3px 10px 3px 10px;position:relative;border:#eaeaea 1px solid;background-color:#FFF;}
.pro_nav_class_zg{width:100%;height:2px;position:absolute;top:25px; left:0px;z-index:11;display:none;background-color:#ffffff;}
.pro_nav_class_ul{width:580px;height:auto;padding:10px;position:absolute;top:26px;left:-1px;display:none;background-color:#FFF;z-index:8;}
.pro_nav_class:hover .pro_nav_class_zg{display:block; }
.pro_nav_class:hover .pro_nav_class_ul{display:block;border:#eaeaea 1px solid;}
.pro_nav_class_li{width:auto; height:30px;padding:3px 10px 3px 10px;float:left;}
.pro_nav_class:hover img{
transform:rotate(180deg);
/* transform: rotate(-180deg);*//*逆向旋转180度*/
transition: transform 1s; /* 旋转速度 */
content:url(/public/images/angle-down2.png)
}

.pro_cate_k{width:calc(100% - 22px);height:auto; margin-top:10px;border:#eaeaea 1px solid; padding:10px; background-color:#fff;float:left;}
.pro_cate_l{width:100px;height:100%; margin-right:20px; font-size:18px;float:left;}
.pro_cate_r{width:calc(100% - 121px);border-left:#eaeaea 1px solid;height:auto;float:left;}
.pro_cate_txt{width:auto;height:auto; padding:5px 10px 5px 20px;float:left;}
 


.pro_list_k{width:calc(20% - 16px);height:auto;margin:20px 6px 20px 9px;box-shadow:2px 5px 6px 2px #eaeaea; background-color:#FFF;float:left;}
.pro_list_pic{width:100%;height:auto;aspect-ratio: 1 / 1; overflow:hidden;foat:left; text-align:center;}
.pro_list_pic img{width:100%;height:auto;}
/*@media screen and (min-width:1440px){
	.pro_list_pic img{width:auto;height:350px;}
}*/
.pro_list_title_bg{width:100%;height:60px;padding-top:8px;float:left;}
.pro_list_title{width:calc(100% - 50px);height:60px; padding-left:10px;padding-right:10px;overflow:hidden;float:left;}
.pro_list_title_r{width:30px;height:60px;float:left;}
.pro_list_title_bg a{ font-size:14px;}


.proshow_k{width:100%;height:auto; padding-top:20px; padding-bottom:20px;background-color:#FFF;float:left;}
.proshow_pic{width:35%;height:auto;margin:auto;text-align:center;overflow:hidden;padding:20px;float:left;}
.proshow_pic img{ width:80%;}
.proshow_r{width:calc(65% - 90px);height:auto;margin-top:30px;padding:20px 0px 0px 30px;float:left;}
.proshow_title{width:100%;height:auto; font-size:18px; padding-bottom:30px;float:left;}
.proshow_brand{width:100%;height:30px;font-size:16px; color:#999;float:left;}
.proshow_remark img{width:100%; height:auto;}
.proshow_txt{width:calc(100% - 30px);height:auto; padding:20px 10px 30px 20px; margin-bottom:30px; background-color:#FFF;float:left;}
.proshow_txt_top{width:100%;height:auto;margin-top:30px;border-bottom:2px #06F solid;float:left;}
.proshow_txt_top span{background-color:#06F;width:auto;height:30px; padding:10px 20px 0px 20px; color:#FFF;float:left;}

 
 

.about_title{width:100%;height:50px;text-align:center;font-size:24px;font-weight:bold;margin-top:50px;float:left;}
.about_txt{width:calc(100% - 10%);height:auto; padding:0px 5% 0px 5%;margin-bottom:50px;line-height:26px;float:left;}
.about_pic img{width:100%;}

.news_list_top{width:80%; height:50px;margin:50px 0px 0px 10%;border-bottom:#d9d9d9 1px solid;font-size:18px;float:left;}
.news_list_k{width:80%; height:140px;margin:0px 0px 0px 10%;border-bottom:#d9d9d9 1px solid;float:left;}
.news_list_dt_k{width:80px; height:80px;margin:30px 0px 30px 0px;background-color:#f2f2f2;text-align:center;float:left;}
.news_list_dt_t{width:70px; height:35px;margin:5px 5px 0px 5px;font-size:24px;color:#666666;border-bottom:#666666 1px solid;float:left;}
.news_list_dt_b{width:70px; height:30px;margin:5px 5px 0px 5px;font-size:16px;color:#9e9e9e;float:left;}
.news_list_title_k{width:calc(100% - 110px);height:80px;margin:25px 0px 0px 30px;float:left;}
.news_list_title,.news_list_title2{width:95%;height:35px;float:left;}
.news_list_title2{text-overflow:ellipsis;white-space:nowrap;display:inline-block;color:#9e9e9e;}
.news_list_title a{font-size:18px;}
.news_list_title2 a{color:#9e9e9e;}

.news_title,.news_dt,.news_txt{width:80%; margin-left:10%; padding-bottom:50px;float:left;}
.news_title{height:40px;text-align:center;font-size:22px;margin-top:50px;}
.news_dt{height:30px;text-align:center;font-size:18px; color:#666; border-bottom:#c2c2c2 2px solid;}
.news_txt{height:auto;font-size:16px; padding-top:20px;color:#666;}

.contact_txt{width:calc(100% - 20%);heght:120px; padding-top:30px;padding-left:20%;float:left;}
.contact_txt img{width:80px;heght:80px;padding-right:30px;float:left;}
.contact_txt span{padding-top:10px; line-height:30px;float:left;}

.page_txt{height:60px;text-align:center; width:100%; clear:both;margin-top:30px;float:left;}

/*右侧浮动*/
.right_top{width:50px;position:fixed;right:5px;top:220px; text-align:center;z-index:1000;cursor:pointer;border-radius:25px; opacity:0.82;box-shadow:0px 0px 10px #eaeaea; padding:5px 0px 5px 0px;}
.right_top img{ margin:15px 0px 0px 0px;}

.right_top li{position:relative;}
.ico_wx_ewm{position:absolute;width:150px;height:150px; display:none;}
.ico_wx:hover .ico_wx_ewm{position:absolute;display:block; right:55px; top:-70px;z-index:99;}
.ico_wx_ewm img{ width:100%; height:100%}

.ico_tel_txt{position:absolute;width:190px; padding:8px 5px 0px 5px;height:40px;display:none;}
.ico_tel:hover .ico_tel_txt{position:absolute;display:block;border-radius:5px;color:#e20000;font-size:18px;font-weight:bold;right:60px; top:10px;z-index:99;background-color:#fff;opacity:0.95;}

.ico_tel_sharp{position:absolute;right:-12px;top:18px;width: 0px;border-bottom: 8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;transform:rotate(90deg); opacity:0.95;}

.backup{width:45px;position:fixed;right:20px;bottom:220px; text-align:center;z-index:1000;cursor:pointer;border-radius:25px; opacity:0.98;display: none;}



.message_bg{width:100%;height:100%;top:0;left:0;background-color: rgba(0,0,0,0.8);position:fixed; display:none; z-index:99888;}
.message_main{width:480px;height:460px;top:100px;left:calc(50% - 240px);background-color:rgba(255,255,255,1);position:relative;box-shadow:0px 0px 10px #000;z-index:99988;}
.message_close{width:15px;height:20px; padding:7px 7px 10px 15px;top:-15px;right:-15px; font-size:14px;background-color:rgba(230,0,39,1);position:absolute; color:#ffffff;border-radius:50%;box-shadow:0px 0px 10px #000;cursor:pointer;}

/*查看更多按钮*/
.more_btn{width:160px;height:auto; margin:auto;padding:3px 0px 5px 0px;border:#f39800 2px solid; background-color:#ffffff; cursor:pointer; text-align:center}
.more_btn a{font-size:16px;}
.more_btn {
	background: #f1f3f6;
	display: inline-block;
	-webkit-transition: border-color .4s, color .4s;
	-moz-transition: border-color .4s, color .4s;
	transition: border-color .4s, color .4s;
	border:#f39800 2px solid;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.more_btn, .more_btn::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
	-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
}
.more_btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius:0px;
	background: #FDD923;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	-moz-transform: scale3d(0.7, 1, 1);
	-ms-transform: scale3d(0.7, 1, 1);
	-o-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform .4s, opacity .4s;
	-moz-transition: -moz-transform .4s, opacity .4s;
	transition: transform .4s, opacity .4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
	-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
}
.more_btn:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
}