@charset "utf-8";
/*
 * CSS Document
 * 开发： kj
 * 日期： 2022.2.24
 * 功能： 基础 css 文件（包含top，search, footer样式）
 * 
*/

html,body,p,ul,li,ol,dt,dd,dl,h1,h2,h3,h4,h5,h6,input{ padding:0; margin: 0;}
html,body{ font-family: "微软雅黑"; min-width:1200px; overflow-x: hidden;}
html{ font-size: 14px;}

ul,ol,li{ list-style: none; }
a{ text-decoration:none; color:#111111; background-color: transparent; -webkit-touch-callout: none;}
img{ border: 0; -webkit-touch-callout: none; vertical-align: top; }

.w1200{ display: block; width:1200px; margin: 0 auto; min-width: 1200px;}
.center{ display:block; margin: 0 auto;}
.fleft{ float:left !important;}
.fright{ float:right !important;}
.clearboth{ display: block; clear:both; height: 0px;}
.none{ display:none !important;}
.textnone{ text-overflow:ellipsis; overflow: hidden;}
.whitespace{white-space:nowrap;}
.heightauto{ height:auto !important;}

.logo{ padding:14px 0 0 0;}

.nav{ font-size:16px;}
.nav li{ float: left; height: 84px;}
.nav li a{ display:block; width:92px; height: 44px; padding: 26px 14px; text-align: center; line-height: 28px; font-weight: bold;}
.nav li i{ display:none; margin: 0 auto; width: 15px; height: 2px; background-color:#d70000; }

.nav li:hover a i,.nav li .cur i{ display:block;}
.nav li .cur{ color:#d70000;}

/*banner*/
.banner{padding:0 0 10px 0; height:440px; position: relative; min-width: 1200px;}
.banner .banner-swip { height: 440px; width: 100%; position: absolute;  top: 0; left: 0; overflow: hidden; }
.banner .banner-swip .swiper-slide { overflow: hidden;}
.banner .banner-swip .swiper-slide img { position: absolute;  left: 50%; top: 0; transform: translateX(-50%);}
.banner .banner-swip .swiper-slide .video-js {
  width: 368px;
  height: 207.75px;
  position: absolute;
  top: 210px;
  left: 50%;
  margin-left: 185px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.banner .banner-swip .swiper-pagination {  position: absolute; top: 400px; left: 50%; z-index: 3; transform: translateX(-50%); }
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet {
  width: 25px;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  margin-right: 6px;
  transition: 0.3s;
  border-radius: 0;
  opacity: 1;
  cursor: pointer;
  text-indent: -9999px;
}
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  position: relative;
}
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  content: "";
  display: block;
  width: 0;
  height: 5px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  animation: move 5s linear forwards;
}
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active::after {
  animation: move 5s linear forwards;
}

@keyframes move{
  100%{ width: 40px; }
}

/*产品中心*/
.index_product{ height: 680px; min-width: 1200px;}

.product_title{ height: 80px; position: relative; padding:45px 0 0 0;}
.product_title span,.product_title h2{ display: block; position:absolute; text-align: center; font-weight: bold; width:100%; }
.product_title span{   font-size: 70px; color: #e8e8e8; text-transform: uppercase;  z-index: 1; font-family: Arial;}
.product_title h2{ z-index: 2; font-size: 28px; line-height: 50px; padding:24px 0 0 0; color:#0f0f0f; }
.product_title h2 i{ display:block; height: 2px; width:28px; background-color:#ce020b; margin: 0 auto;}

.product_tab{ text-align: center; padding: 12px 0;}
.product_tab li{ display:inline-block; padding: 0 3px; margin:5px 0;}
.product_tab li a{ display:inline-block; padding: 10px; border:1px solid #717171; border-radius: 3px;}
.product_tab li a:hover{ border:1px solid #d0010b; color:#d0010b;}
.product_tab li .cur{ border:1px solid #d0010b; color:#fff !important; background-color:#d0010b;transition: 0.2s;}

.product_slide{ height: 492px; background-image:url(../../images/cn/product_bgimg.jpg); background-repeat: no-repeat; background-size:auto  100%; background-position: center; }
.product_slide_tab{ height: 324px; margin: 0 auto; padding:50px 0 39px 0; position:relative; overflow: hidden;}
.product_slide_tab .swiper-slide{
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
}

.product_slide_tab img{ width:248px; height: 248px;}
.product_slide_tab a{ display: block; margin: 23px 23px 0 23px; position: relative;}
.product_slide_tab .slide_bg{opacity:0; background-color:rgba(0,0,0,0.5); position:absolute; left: 0; top: 0; width: 100%; height: 248px; z-index: 1; transition:all 0.4s; text-align: center;}
.product_slide_tab .slide_bg span{display:inline-block; padding: 12px;  background-color: #fffefb; border-radius: 22px; margin-top: 55%; transition:all 0.4s;}
.product_slide_tab .slide_bg i{ display:block; width:20px; height: 20px; background-image: url(../../images/cn/searchIco.png); transition:all 0.4s;}
.product_slide_tab a:hover .slide_bg{ opacity:1; transition:all 0.4s;}
.product_slide_tab a:hover span{ margin-top: 42%; transition:all 0.4s;}
.product_slide_tab .slide_bg span:hover{ background-color:rgba(255,255,255,0); border:2px solid #fffefb; padding: 9px; transition:all 0.4s;}
.product_slide_tab .slide_bg span:hover i{ background-image: url(../../images/cn/searchIcoWhite.png); transition:all 0.4s;}
.product_slide_tab p{ width: 248px; font-size: 14px; text-align: center; line-height: 24px; padding: 14px 0 0 0; color:#181818; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.product_slide .swiper-button-next,.product_slide .swiper-button-prev{ width:39px; height: 39px; background-size: 100% auto ; z-index: 5;}
.product_slide .swiper-button-next{ right: -59px; background-position: left top; background-image:url(../../images/cn/product_right.png);}
.product_slide .swiper-button-prev{ left: -59px; background-position: left top; background-image:url(../../images/cn/product_left.png);}
.product_slide .swiper-button-disabled{ background-position: left bottom; } /*结束*/


.product_more{ display:block; width:155px; height: 39px; border:1px solid #707070; margin: 0 auto; font-size: 16px; color:#181818; line-height: 39px; text-align: center;}
.product_more i{ display:inline-block; width:16px; height: 16px; background-image: url(../../images/cn/product_more.png); background-size: 100%; position:relative; top: 3px;}
.product_more:hover{ border:1px solid #D1000B;}
.product_more:hover,.product_more:hover i{ color:#D1000B; background-position:bottom;}


/* 首页 关于我们模块*/
.index_about{ min-width:1200px;}
.about_cont{ padding:50px 0; position:relative;}
.about_cont dt,.about_cont dd{ float:left;}
.about_cont dt{ width:594px;}
.about_cont dd{ width: 545px; padding:40px 0 0 60px; font-size: 16px; line-height: 24px; color:#101010;}
.about_cont dd p{ padding:30px 0 0 0;}
.about_cont .about_more{ display:inline-block; padding: 10px 15px; border:1px solid #D1000B; font-size: 16px; color:#D1000B; position: absolute; right: 0; bottom: 50px;}
.about_cont .about_more i{ display:inline-block; width:16px; height: 16px; background-image: url(../../images/cn/product_more.png); background-size: 100%; position:relative; top: 3px; background-position:bottom;}

/* 公司动态 */
.index_news{ background-color:#efefef; }
.news_cont{ width:1220px; position:relative; left: 10px; padding: 30px 0 25px 0;}
.news_cont li{ float: left; width:590px; height: 161px; background-color:#ffffff; margin: 0 20px 20px 0; }
.news_cont li a{ display:block; width: 100%; height: 100%;}
.news_cont li a:hover{ background-color:#f9f8fd; }
.news_cont li a:hover strong{ color:#D1000B;}
.news_cont li dt{ float: left; width:410px; padding: 44px 0 0 30px; color:#666666;  font-size: 14px; position:relative; left: 0; transition: all 0.36s;}
.news_cont li dt strong{ display:inline-block; color:#181818; background-image: url( ../../images/cn/dian.png); background-repeat: no-repeat; background-position: center left; text-indent: 12px;}
.news_cont li dt p{ line-height:25px; padding: 16px 0 0 12px;}
.news_cont li dd{ float: right; width:90px; color:#9B9B9B; padding: 44px 0 0 0; }
.news_cont li dd span{ display:block; font-size: 22px; color:#9B9B9B; font-weight: bold; height: 66px;}
.news_cont li dd i{ display:block; height: 16px; border-left: 1px solid #e5e5e5; width: 44px; position: relative; overflow: hidden;}

.news_cont li:hover dt{ left: 25px; transition: all 0.36s;}
.news_cont li dd i::after,.news_cont li dd i::before{ content:''; background-image: url(../../images/cn/arrow.png); background-repeat: no-repeat; position:absolute; width: 44px; height: 16px; top: 1px;}
.news_cont li dd i::after{ left:-40px; transition: all 0.36s;}
.news_cont li dd i::before{ left:21px; transition: all 0.36s;}

.news_cont li:hover dd i::after{ left:21px; transition: all 0.36s; }
.news_cont li:hover dd i::before{ left:44px; transition: all 0.36s; }


/* 帮助 */
.index_help{ background-image:url(../../images/cn/help_bg.jpg); background-repeat: no-repeat; background-position: center; height: 362px;  min-width:1200px;}
.help_count{ padding: 80px 0 0 0;}
.help_count span{ font-size: 26px; color:#181818; line-height: 35px;}
.help_count p{ color: #666666; line-height: 40px;}
.help_count .help_more{ display:inline-block; padding: 12px 50px 12px 36px; background-color:#d9d8d6; margin: 20px 30px 0 0;}
.help_count .help_more i{ display:inline-block; width:8px; height: 13px; background-image:url(../../images/cn/arrow2.png); background-repeat: no-repeat;  background-position:top; position:relative; top: 2px; left: 20px;}
.help_count .help_more:hover{ background-color:#d2000b; transition: 0.3s;color:#FFFFFF;}
.help_count .help_more:hover i{ background-position:bottom; }

/* 底部 */ 
.footer{ padding:40px 0 0 0; background-color:#262626; min-width:1200px;}
.footer_cont{}
.footer_nav{ float: left; max-width: 900px;}

.footer_logo{ float:left; padding:0 20px 0 0;}

.footer_nav_list{ width:620px; font-size: 12px;}
.footer_nav_list li{ float: left; line-height: 33px; color:#656565; padding:0 0 0 27px; }
.footer_nav_list li a{ color:#D5D5D5;}
.footer_nav_list li a:hover{ color:#fff;}

.footer_contact{ padding:20px 0;}
.footer_contact span{ display:block; padding:10px 0; border-bottom: 1px solid #3a3a3a; color:#fff;}
.footer_contact li{ float: left;  line-height: 30px; font-size: 12px; color:#C5C5C5; padding:15px 30px 15px 0;}
.footer_contact li i{ display:inline-block; width:20px; height: 20px; position: relative; top: 5px; margin: 0 4px 0 0;}
.footer_contact .tel i{ background-image:url(../../images/cn/tel.png);}
.footer_contact .mail i{ background-image:url(../../images/cn/mail.png);}
.footer_contact .address i{ background-image:url(../../images/cn/address.png);}
.footer_contact .address{ padding-right:0px;}

.footer_qrcode{ float:right; font-size: 12px; color:#C5C5C5; text-align: center;}
.footer_qrcode p{ padding:10px 0;}


.copyright{  padding:13px 0; color:#6d6d6d; background-color: #303030; font-size: 12px;}
.copyright a{ color:#6d6d6d;}


/* 列表页*/
.product_banner,.case_banner,.about_banner,.news_banner{ background-repeat: no-repeat; background-position:center; height: 234px;}
.product_banner{ background-image:url(../../images/cn/product_banner.jpg);}
.case_banner{ height: 234px; background-image: url(../../images/cn/case_banner.jpg);}
.contact_banner{ height: 234px; background-image: url(../../images/cn/contact_banner.jpg);}
.about_banner{ height: 234px; background-image: url(../../images/cn/about_banner.jpg);}
.news_banner{ height: 234px; background-image: url(../../images/cn/news_banner.jpg);}

.cont{ margin-top: 40px;}
.left_bg{ background-image:url(../../images/cn/left_bg.png); background-repeat: repeat-y;}

.left{ width:258px;}
.right{ width:902px;}

/*左侧标题*/
.left_title{ width:211px; height: 110px; background-image:url(../../images/cn/list_title_bg.png); color:#fff; padding: 0 0 0 47px; font-size:18px; font-weight: normal; line-height: 28px; }
.left_title span{ display:block; font-size:24px; font-family: Arial; font-weight: bold; padding:27px 0 0 0; text-transform:Uppercase;}
.left_title i{ display: block; width:29px; height: 2px; background-color:#fff;}

.product_nav a{ display:block; line-height: 46px;}
.product_nav span{ display:block; margin: 0 15px; border-bottom: 1px solid #f5f5f5; color:#181818; position: relative; text-indent: 25px; font-size: 14px;}
.product_nav span i{ display:block; position:absolute; right:15px; top: 35%;  width:8px; height: 13px;}
.product_nav a:hover,.product_nav .cur{  background-color:#d2000b; box-shadow: 0 22px 22px #fae0e3; }
.product_nav a:hover span,.product_nav .cur span{  border-bottom: 1px solid #d2000b; color:#fff; }
.product_nav a:hover i,.product_nav .cur i{ background-image:url(../../images/cn/arrow2.png); background-repeat: no-repeat; background-position: bottom;}

.left_ad{ text-align: center; padding: 20px 12px;}

.address,.address a{ font-size:12px; color: #666666; height: 33px; line-height: 12px;}

.cont_list{}
.cont_list ul{ display:block; width:963px;}
.cont_list li{ float:left; width:260px; height: auto; padding:0 61px 61px 0;}
.cont_list li a{ display:block; border:1px solid #F5F5F5; height:auto;}
.cont_list li dt,.cont_list li dt img{ width:258px;height: 258px; position:relative;}
.cont_list li dd{ padding:10px 20px 0 20px; border-top: 1px solid #f5f5f5; line-height: 22px; }
.cont_list li strong{ font-size:14px; font-weight: normal; color: #101010; display:block;}
.cont_list li p{ font-size: 12px; color:#666666; height: 77px; }

.cont_list .slide_bg{opacity:0; background-color:rgba(0,0,0,0.5); position:absolute; left: 0; top: 0; width: 100%; height: 258px; z-index: 1; transition:all 0.4s; text-align: center;}
.cont_list .slide_bg span{display:inline-block; padding: 12px;  background-color: #fffefb; border-radius: 22px; margin-top: 55%; transition:all 0.4s;}
.cont_list .slide_bg i{ display:block; width:20px; height: 20px; background-image: url(../../images/cn/searchIco.png); transition:all 0.4s;}
.cont_list a:hover .slide_bg{ opacity:1; transition:all 0.4s;}
.cont_list a:hover span{ margin-top: 42%; transition:all 0.4s;}
.cont_list .slide_bg span:hover{ background-color:rgba(255,255,255,0); border:2px solid #fffefb; padding: 10px; transition:all 0.4s;}
.cont_list .slide_bg span:hover i{ background-image: url(../../images/cn/searchIcoWhite.png); transition:all 0.4s;}

/*列表页分页*/ 
.page{ padding:30px 0; text-align: center;}
.page a,.page span{ display:inline-block; padding:5px 10px; background-color:#f6f6f6; color:#575757; margin: 0 1px;}
.page a:hover,.page .cur{ background-color:#d2000b; color:#fff;}

/* 内容页 */
.cont_info{ padding:0; line-height: 36px; color:#666666;}
.cont_info p{  color:#666666;}

/* 产品*/
.cont_top dt,.cont_top dd{ float:left; }
.cont_top dt{ width:388px; height: 388px; border:1px solid #f5f5f5; }
.cont_top dd{ float: right; width:470px; padding:20px 0 0 0;}
.cont_top dd h1{ font-size: 26px; color:#101010; line-height: 40px; padding:20px 0;}
.cont_top dd p{ font-size: 14px; color:#666666; line-height: 30px;}

.recom .recom_title{ padding: 30px 0; background-image: url(../../images/cn/recom_bg.png); background-repeat: no-repeat; background-position: center right; font-size: 20px; color:#101010; font-weight: bold; position: relative; text-indent: 40px;}
.recom .recom_title i{ display:block; width:30px; height: 30px; background-image: url(../../images/cn/recom_ico.png); position:absolute; top: 32%; left: 0;}
.recom_list ul{ width:1221px;}
.recom_list li{ float:left; padding:0 21px 0 0; }
.recom_list li a{ display:block;}
.recom_list li img{ height:162px; width: 162px; border:1px solid #f5f5f5;}
.recom_list li p{ color:#666666; font-size: 12px; text-align: center; line-height: 38px;}
.recom_list li a:hover p{ color:#D1000B;}
.recom_list li a:hover img{ border:1px solid #D1000B;}

.cont_basic{ padding:30px 0 0 0;}
.cont_basic_tab{ border-bottom: 2px solid #f4f4f4;}
.cont_basic_tab li{ display:inline-block; width:126px; height: 42px; }
.cont_basic_tab li a{ display:block; line-height: 44px; background-color:#d2000b; text-align: center; color:#fff; font-size:16px; font-weight: bold;}

.cont_basic_cont{ padding:40px 10px; line-height: 28px;}

/* 成功案例*/
.case li{ padding:0 61px 30px 0;}
.case li a{ border:1px solid #fff;}
.case li dd{ text-align: center; padding: 5px 0 10px 0; border-top: none;}


/*联系方式*/
.contact_form{ font-size:12px;}
.contact_form input,.contact_form textarea{ border:1px solid #f5f5f5; background-color:#fff; height: 46px; width:380px;}
.contact_form textarea{ height: 125px;}
.contact_form td{ padding:10px 0;}
.contact_form .submit{ background-color:#0e5aad; border:none; color:#fff; cursor: pointer;}

/*新闻资讯*/
.news_list,.news_info{ padding:0;}
.news_list li{ height: 161px; margin-bottom: 50px;}
.news_list li a{ display:block; width: 100%; height: 100%; background-color:#f9f9f9;}
.news_list li a:hover{ background-color:#fff3ea; }
.news_list li a:hover strong{ color:#D1000B;}
.news_list li dt{ float: left; width:690px; padding: 30px 0 0 30px; color:#666666;  font-size: 14px; position:relative; left: 0; transition: all 0.36s;}
.news_list li dt strong{ display:inline-block; color:#181818; background-image: url(../../images/cn/dian.png); background-repeat: no-repeat; background-position: center left; text-indent: 12px; font-size: 16px;}
.news_list li dt p{ line-height:25px; padding: 16px 0 0 12px;}
.news_list li dd{ float: right; width:90px; color:#9B9B9B; padding: 44px 0 0 0; }
.news_list li dd span{ display:block; font-size: 22px; color:#9B9B9B; font-weight: bold; height: 66px;}
.news_list li dd i{ display:block; height: 16px; border-left: 1px solid #e5e5e5; width: 44px; position: relative; overflow: hidden;}

.news_list li:hover dt{ left: 25px; transition: all 0.36s;}
.news_list li dd i::after,.news_list li dd i::before{ content:''; background-image: url(../../images/cn/arrow.png); background-repeat: no-repeat; position:absolute; width: 44px; height: 16px; top: 1px;}
.news_list li dd i::after{ left:-40px; transition: all 0.36s;}
.news_list li dd i::before{ left:21px; transition: all 0.36s;}

.news_list li:hover dd i::after{ left:21px; transition: all 0.36s; }
.news_list li:hover dd i::before{ left:44px; transition: all 0.36s; }


.news_info{ line-height:30px; margin:20px 46px 50px 0;}
.news_info h1{ font-size: 22px; text-align: center;}
.news_info .brief,.news_info .brief a{ font-size:12px; color:#a0a0a0; text-align: center; padding: 5px 0;}
.news_info .info{ padding:20px 0; color:#7c7c7c;}

.updown{ padding:20px 0;}
.updown a{ display:block; width:358px; height: 44px; line-height: 44px; background-image:url(../../images/cn/updown_arr.png); background-repeat: no-repeat; background-color:#f6f6f6;}
.updown .up{ text-align:left; background-position:-5% 50%; padding: 0 0 0 50px;}
.updown .down{ text-align:right; background-position:105% 50%; padding: 0 50px 0 0;}
.updown a:hover{ color:#d70000;}



@media only screen and (max-width: 1200px){
	.product_slide .swiper-button-next,.product_slide .swiper-button-prev{ display: none;}
	.index_news{ width:1200px; overflow: hidden;}
	.index_news .news_cont{ position:relative; left: 0;}
	
	.help_count{ padding-left:10px;}
	
	.about_cont dd p{ padding-right: 10px;}
	.about_cont .about_more{ margin-right:10px;}
	.footer_qrcode{ margin-right:10px;}
	.footer_nav{ margin-left: 10px; }
}