@charset "utf-8";

ul {list-style: none;}
a{text-decoration:none;cursor:pointer;outline:none}
body{ color: #f5f5f5}
.contain{margin:0 auto;width: 1220px;}
.block{padding: 20px 0;}
*{ margin:0; padding:0px;font-family:Microsoft YaHei; font-size:14px; color:#666;}
ul,li,p{ list-style:none; margin:0px; padding:0px;}
body{ font-family:font-family:Microsoft YaHei; text-align:left; min-width:1200px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1{ font-size:28px; color:#333;}
h5{ font-size:16px; color:#333;}
a{text-decoration:none}
img ,input,textarea{ border:none 0;}
.bg{ width:100%; height:2875px; background:url(../images/index.jpg) center top  no-repeat; padding-top:144px;}
.white{ color:#ffffff;}
.red{ color:#9a0511;}
.fl{ float:left;}
.fr{ float:right;}


/* 主菜单 */




.head{position: relative;width:100%;height:110px;z-index: 9999; background:#fff;}
	.head img{  margin-top:15px;}
.head .navbox{margin: 0 auto; width:1200px;}
.head .nav_pc{ width:810px; margin: 0 auto;}

.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999; width:202px; }

.head .nav ul li .f_a{line-height:80px;display:block;text-align:center;font-size:16px;color:#333;}
.head .nav ul li .f_a.active{background-color:#b31823;color: #fff;}
.head .nav ul li:hover .f_a{background-color:#b31823;color: #fff; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background:rgba(176,4,16,0.88);z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 15px 0;}
.head .nav ul li .s_navbox .s_a a:hover{background:rgba(0,0,0,0.1);color: #fff;transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s; padding-left:10px;}
.m_nav{display:none}

.kg_top {
    width: 100%;
 
    position:fixed;
    top: 0;
	left: 0;
 
	transition: all .5s;
 
    z-index: 100000
}
.kg_top_on{  background: rgba(255,255,255,1);-moz-box-shadow: 0px 0px 15px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
    box-shadow: 0px 0px 15px #888; padding-left:10px;}





/* 下拉侧边菜单 */

/*banner图*/








footer{ width:100%; height:320px; background:url(../images/foot.jpg) top center no-repeat;}
.float{ position:fixed; right:0; top:260px;}


.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;top:250px; z-index:99999;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:60px;height:60px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -272px;}
.toolbar-item-weixin:hover{background-position:0 -342px;}
.toolbar-item-weixin .toolbar-layer{height:60px;background-position:0 -209px;}
.toolbar-item-feedback{background-position:0 -552px;}
.toolbar-item-feedback:hover{background-position:0 -622px;}
.toolbar-item-app{ background-position:0 -412px;}
.toolbar-item-app:hover{background-position:0 -482px;}
.toolbar-item-app .toolbar-layer{height:199px;background-position:0 0px;}
.toolbar-item-top{background-position:0 -692px;}
.toolbar-item-top:hover{background-position:0 -761px;}
.toolbar-layer{position:absolute;right:54px;bottom:0px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}




:root {
  --thm-font: "Poppins", sans-serif;
  --thm-base: #ffffff;
  --thm-base-rgb: 255, 255, 255;
  --thm-primary: #ea130e;
  --thm-primary-rgb: 234, 19, 14;
  --thm-black: #151515;
  --thm-black-rgb: 21, 21, 21;
  --thm-gray: #868686;
}







.contain-i{ width:1200px; margin:auto; overflow:hidden;}

.our_services_one {
  position: relative;
  display: block; padding-top:40px; overflow:hidden;
}

.our_services_one .block-title {
}
.our_services_one_single {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	width:386px;
  position: relative;
  display: block;
  margin-bottom: 55px;
  background: #ffffff;
  z-index: 2;
  border:solid 1px #e1e4e4; float:left; margin-right:18px;
}
.our_services_one_single_box{ overflow:hidden;}
.our_services_one_single_box li:nth-child(3n+3){ margin-right:0;}
.our_services_one_single:hover:before {
  width: 100%;
  background: var(--thm-primary);
}
.our_services_one_single:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: #e4e4e4;
  height: 2px;
  width: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}



.our_services_one_image {
 
  display: block; background:#fff; overflow:hidden; text-align:center;
}
.our_services_one_image img{cursor: pointer;
  transition: all 0.6s; height:240px; max-width:386px; }
  .our_services_one_image img:hover{
  transform: scale(1.2);
}
  
.our_services_one_image:before {
  position: absolute;
  top: 0;
  left: 0;

  content: "";
  background: rgba(11, 11, 11, 0.5);
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: top center;
}


.our_services_one_content {
 width:384px; margin-top:0;height:150px;

  
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  padding-bottom:40px;
}
.our_services_one_single:hover .our_services_one_content {
	
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}


.our_services_one_content h3 a:hover {
  color: var(--thm-primary);
}

.services_one_arrow_icon {
  height: 60px;
  width: 60px;
  border: 1px solid #e1e4e4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;

  position: absolute;
  left: 50px;
  bottom: -25px;
  color: #e4e4e4;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  background:url(../images/more-g.png) center 30px #fff no-repeat;
}

.our_services_one_single:hover .services_one_arrow_icon {
  color: var(--thm-primary);
  border: 1px solid var(--thm-primary);
   background:url(../images/more-r.png) center 30px #fff no-repeat;
}

.our_services_one_single .icon{ width:72px; height:72px; background:#b71c29; position:absolute; right:0;top:200px;z-index:99999;}
.our_services_one_content h3 span{ font-size:24px; font-weight:500; text-align:center; color:#333; width:386px; display:block; padding-bottom:20px; padding-top:26px;}
.our_services_one_content p{height:60px;padding:0 10px;margin-bottom:40px;text-align:justify;overflow:hidden;}
.our_services_one_content a:hover span{color:#b71c29;}
 .title{ margin-bottom:40px;}
.title h1{ text-align:center; font-size:36px; font-weight:600; color:#333;}
.title  h1 span{font-size:36px; font-weight:600;}
.title   p{text-align:center;  font-size:18px; margin:5px auto; color:#999;}
.title img{ margin:0 auto; display:block;}


.our_product{ background:#f2f1f2; padding-top:50px; padding-bottom:30px;}




/*warp*/
.warp_show{ width:100%; height:auto; overflow:hidden;}
.warp_shBox{ clear:both; position:relative;}
.name{ color:#484848; font-size:32px; font-weight:bold; line-height:normal; text-align:center;}
.intro{ font-size:14px; line-height:22px; width:806px; margin:12px auto 38px; text-align:center;}

/*产品系列*/

.pro_chnal li{ float:left; position:relative; width:285px; height:286px; padding-top:40px; padding-bottom:20px; background:#fff; margin-right:20px;-webkit-box-shadow:0px 2px 6px #e5e5e5;
    -moz-box-shadow:0px 2px 16px #e5e5e5;
    box-shadow:0px 2px 6px #e5e5e5; }
	
.pro_chnal li:last-child{ margin-right:0;}
.pro_chPo{ width:240px; margin:0 auto;}
.pro_chImg{ width:92px; height:92px; margin:0 auto; background:#f7f7f7; border-radius:53px; padding-left:15px; padding-top:15px;}
.pro_chname{ color:#333; font-size:24px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:40px; margin-bottom:20px; text-align:center;}
.pro_chintro{ font-size:14px; line-height:22px; text-align:center;  margin:auto;}
.pro_chintro p{width:240px;}

.pro_chShave{ display:none; position:absolute; top:0; left:0; z-index:10; width:300px; height:346px; overflow:hidden;}
.pro_chShow{ height:346px; position:absolute; top:0; left:0; background:url(../images/pro-bg.jpg) #9a0511 center bottom no-repeat; width:285px; padding-top:20px;}
.pro_chicon{ width:70px; height:70px; margin:auto; display:block; }
.pro_chall{ background:url(../images/pro_chline2.jpg) repeat-y right top; width:208px; margin-top:16px; display:inline;}
<!--.pro_chaPeo{ width:156px; margin-top:16px; display:inline;}-->
.pro_chaName{ margin-bottom:14px;}
.pro_chaName a{ display:block; color:#FFF; font-size:20px; font-weight:600; width:285px; margin:auto; margin-top:20px; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_chaLbox{ width:260px;  line-height:36px; border-bottom:1px dotted #c0686f; margin:0 auto; color:#fff;}
.pro_chaLbox a{ display:block;color:#bdf9db; font-size:16px; height:42px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; text-align:center; }
.pro_chaLbox a:hover{  color:fff; font-weight:600;}
.pro_chaMore{ width:116px; height:24px; margin-top:16px;}
.pro_chaMore a{ margin-left:92px; display:block; width:100px; height:28px; background:url(../images/more.png) no-repeat 35px center ; border:solid 1px #fff; }
.pro_chaMore a:hover{background:url(../images/more-r.png) rgba(255,255,255,0.8)  no-repeat 35px center ; border:0}

.pro_chaPimg{ position:relative; width:135px; height:135px; margin:0 auto;}
.pro_chaPbd{ position:absolute; top:0; left:0; z-index:10; width:135px; height:135px;}
.pro_chaPbd a{ display:block; background:url(../images/pro_chpBd.png) no-repeat; width:135px; height:135px;}
.pro_chaPen,.pro_chaPcn,.pro_chaPro{ text-align:center;}
.pro_chaPen{ color:#FFF; font-size:18px; padding-top:12px; margin-bottom:2px;}
.pro_chaPcn{ color:#FFF; font-size:14px;}
.pro_chaPro{ color:#bdf9db; line-height:18px; height:54px; overflow:hidden; padding-top:8px;}
.pro_chnal li.cur1 .pro_chShow{ left:-444px;}
.pro_chnal li.cur2 .pro_chShave{ right:0; left:auto;}
.pro_chnal li.cur2 .pro_chShow{ right:-444px; left:auto;}
.pro_chnal li.zIndex{ z-index:20;}
.box-b{ bottom:-800px;}

.profile-i{ width:100%; height:370px; background-image:url(../images/bg-l.png),url(../images/bg-r.png); background-position:20px bottom, right top; background-repeat:no-repeat, no-repeat; padding-top:50px;}

.profile-title h2 { font-size:32px; color:#333; font-weight:bold; margin-bottom:10px;}
.profile-title span{ font-size:18px; color:#999; margin-bottom:10px; display:block;}
.profile-title p{ width:600px; text-indent:2em; text-align:justify; line-height:24px; margin-bottom:10px; font-size:15px;}
a.more-content{ width:150px; height:50px; border:solid 1px #e1e4e4; display:block; line-height:50px;  color:#666; font-size:18px; border-radius:2px; background:url(../images/more-n.png) 110px 24px no-repeat; padding-left:30px; margin:0 auto; margin-bottom:20px;}

a.more-content:hover{ padding-left:35px; width:145px; background: url(../images/more.png) 115px 24px no-repeat #b31823 ; color:#fff; transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s; -moz-box-shadow: 0px 0px 6px #ccc;
    -webkit-box-shadow: 0px 0px 6px #ccc;
    box-shadow: 0px 0px 6px #ccc;}
.news-i	a.more-content{ margin-top:20px;}
.profile-title a.more-content{ margin:0;}


.news-l{ width:680px;}
.news-r{ width:510px;}
.fn-main{ width:377px; height:190px; padding-left:10px; border-left:solid 1px #e1e4e4; }
.first-news{ border:solid 1px #e1e4e4; overflow:hidden;}
.fn-main h5{ font-size:18px; color:#333; margin-top:20px; margin-bottom:10px;}
.fn-main p{ line-height:24px; width:367px; padding-bottom:10px;}
.fn-main aside{ border-top:solid 1px #e1e4e4; width:367px; line-height:52px;}
.fn-main aside time{ font-size:16px; color:#999;}
.fn-main aside a,.new-more{ display:block; width:100px; height:50px; background:url(../images/more-l.png) center right  no-repeat;}
.fn-main aside a:hover{ background:url(../images/more-r.png) center right  no-repeat;}
.news-lt{ display:block; overflow:hidden; margin-top:10px; border:solid 1px #e1e4e4; width:678px; height:100px; background:url(../images/more-l.png) 130px 80px no-repeat;}
.news-lt:hover{ background:#f7f7f7;background:url(../images/more-r.png) #f7f7f7 140px 80px no-repeat;transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s; -moz-box-shadow: 0px 0px 6px #ccc;
    -webkit-box-shadow: 0px 0px 6px #ccc;
    box-shadow: 0px 0px 6px #ccc;}
.news-lt:hover h5{ color:#b71c29;}
.news-lt-l{ width:100px;border-right:solid 1px #e1e4e4; height:100px; padding-left:20px;}
.news-lt-r{ width:550px;}
.news-lt-r h5{ margin-top:15px; margin-bottom:10px;}
.news-lt-l h3{ font-size:40px; font-weight:600; margin-top:10px;}
.news-lt-l hr{ width:24px; height:1px; border:none; border-top:solid 1px #999;}
.news-lt-l span{ font-size:18px; color:#999;}
.ans-title a{ display:block; float:right; width:100px; height:50px; background:url(../images/more.png) right center no-repeat; margin-top:10px; margin-right:20px;}
.ans-title a:hover{  width:100px; height:50px; background:url(../images/more.png) right center no-repeat; margin-top:10px; margin-right:10px;transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s; }
.ans-title{ width:490px; height:70px; background:#b71c29; color:#fff; line-height:70px; font-size:18px; padding-left:20px;}



#con-countDown {
	color:#fff;
	font-size:0.64rem;
}
#con-countDown span {
	display:inline-block;
	margin-right:0.1rem;
}
.gundong {
	height:568px;
	overflow:hidden;
	width:470px;
	margin:0 auto;
	position:relative;
	padding:0 20px;
}
.gundong ul {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.gundong li {
	

	color:#ccc; height:120px;
	border-bottom:solid 1px #e1e4e4;

	
	
	
	
}



.gundong li dl{ padding:10px;   }
.gundong li.active {
	color:#fff
} 
.gundong li dl img{ margin-right:5px; margin-top:5px;}
.gundong li dt{ font-size:16px; margin-bottom:10px; color:#333;}
.news-r{ overflow:hidden; border:solid 1px #e1e4e4;}
.gundong li dl img,.gundong li dl span{ display:block; float:left;}
.gundong li dt,.gundong li dd{ overflow:hidden;}
.gundong li dl span{ width:450px; margin-left:5px;}
.gundong li dt span{ font-size:16px; color:#333; line-height:30px;}
.gundong li dt{ margin-bottom:10px;}
.gundong li dd span{line-height:30px;}
.news-i{ margin-bottom:10px;}
.gundong li:hover{ background:#f7f7f7;}
.gundong li:hover dt span{ color:#b81c29; font-weight:600;}
footer { padding-top:40px; background:#2c3035;}
footer dl{ width:280px; float:left; margin-right:10px; overflow:hidden;}
footer dl.border-r{ border-right:solid 1px #555555; margin-right:30px;}
footer dl dd a{ display:block; margin-bottom:10px; color:#fff;}
footer dl dd a:hover{ font-weight:600;}
footer dl dt { font-size:16px; color:#fff; line-height:30px;}
footer dl dt hr{width:24px; height:2px; border:none; border-top:solid 2px #b3212a; margin-bottom:5px;}
footer dl:hover hr{width:60px; height:2px; border:none; border-top:solid 2px #b3212a;  transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

footer address p{ font-style:normal; color:#fff; margin-top:8px;}
/*footer img{ display:block;}*/
footer address { width:380px; margin-left:200px;}
footer .top{ border-bottom:solid 1px #555555; overflow:hidden; }

footer aside{ color:#fff; text-align:center; margin-top:10px;}
.app-dl{ width:220px;margin-right:50px;}
.app-dl dd:last-child{margin-left:20px;}
.inner-page{clear:both;}