@charset "utf-8";
/*
 * CSS Document
 * 开发： kj
 * 日期： 2021.3.26
 * 功能： 基础 css 文件（包含top，search, footer样式）
 * 
*/
html,body,p,ul,li,ol,dt,dd,dl,h1,h2,h3,h4,h5,h6,input,table,td,tr{ padding:0; margin: 0;}
html,body{ font-family: "微软雅黑"; background-color:#F8F8F8;  height: auto; overflow-x:hidden !important;}
body{ max-width:750px; position: relative; margin: 0 auto; min-height: 20rem;}

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; }

.w10{ display: block; width:10rem; margin: 0 auto;}
.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;}

.head{ height:1.0666rem;  background-color:#fff; position:relative; }

.logo{ width:2.666rem; height: 0.07466rem; padding:0.05rem 0 0 0.4rem; }
.logo img{ width:100%;}

/*非首页*/ 
.headson{ height:1.333rem; }
.headson .logo{ width:7.5rem; text-align: center; font-size: 0.5066rem; font-weight: bold; line-height: 1.15rem;}

.goback{ float: left; width:0.32rem; height:0.32rem; padding:0.5rem 0.3rem;  }
.goback img{ width:100%; display:inline-block;}

.nav{ position:absolute; top: 0; right:-6.4rem; z-index: 15; height: 20rem; width:6.4rem;  transition: all 0.3s;}
.nav .nav_open{ position:absolute; top: 0.2933rem; right:6.6933rem; width:0.48rem; height: 0.48rem; background-image: url(../../images/cn/nav_o.png); background-size:100%; cursor: pointer;}

.navopen{ width:10rem; right:0; transition: all 0.3s;}
.navopen .nav_open{ right:6.6rem; background-image: url(../../images/cn/nav_x.png); }

.nav .nav_cont{ width:6.4rem; padding:0 0 0 3.6rem; background-color:rgba(0,0,0,0.6); height: 100%; }
.nav ul{ display: block; height: 100%; background-color:#fff; padding:0.4rem 0 0 0; overflow-x:hidden; overflow-y: auto;}
.nav li{ line-height: 1rem; font-size: 0.4rem;}
.nav li dt a{ display:block; font-weight:bold; color:#101010;  padding:0 0.6666rem;}
.nav li dt i{ display:block; float: right; background-image: url(../../images/cn/nav_arr.png); width:0.32rem; height: 0.32rem; background-size:100% auto; background-repeat: no-repeat; background-position: left bottom; margin: 0.3rem 0 0 0;}
.nav li .dtopen i{ background-position: left top;}
.nav li dd{ display: none;}
.nav li dd a{ display:block; color:#666666; padding:0 1.0666rem;}

/*banner*/
.banner{  height:5.86rem; position: relative;}
.banner .banner-swip { height: 5.86rem; 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%); width:100%;}

.banner .banner-swip .swiper-pagination {  position: absolute; top: 80%; left: 50%; z-index: 3; transform: translateX(-50%); }
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet{
  width: 0.15rem;
  height: 0.15rem;
  background: rgba(255, 255, 255, 0.7);
  opacity: 1;
}
.banner .banner-swip .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
  position: relative;
}

/*产品排行*/
.index_ranking{ background-color:#fff; padding:0 0 0.6666rem 0;}
.index_ranking li{ float:left; width:2rem; height: auto; margin: 0.5666rem 0.6666rem 0 0.6666rem; text-align: center; }
.index_ranking li a{ display: block; font-size:0.32rem; color:#101010; line-height: 0.82rem; }
.index_ranking li img{ width:2rem; height: 2rem; border-radius: 1rem; }

/*产品中心*/
.index_product{ background-color:#fff; }

.product_title{ padding:0.3rem 0.32rem; line-height: 1rem; }
.product_title h2{ float: left; font-size: 0.48rem; }
.product_title h2 i{ display:inline-block; height: 0.6rem; width:0.6rem; background-image:url(../../images/cn/nav_hot.png); background-size:100%; position:relative; top: 0.1rem; left: 0.2rem;}
.product_title a{ font-size: 0.3733rem; float:right; color:#B2B2B2;}
.product_title a i{ display:inline-block; width: 0.32rem; height: 0.32rem; background-image: url(../../images/cn/arrow3.png); background-size: 100%; position:relative; top: 0.035rem;}

.product_slide{ background-color:#F8F8F8; }
.product_slide li{ float:left; width:4.5333rem; margin:0.4rem 0 0 0.32rem; background-color:#fff;}
.product_slide li a{ display:block; line-height: 1rem; font-size: 0.32rem; text-align: center; color:#666666;}
.product_slide li img{ display:block; width:4.5333rem; height: 4.5333rem;}

.product_more{ display:block; width:2rem; margin: 0 auto; clear: both;  font-size: 0.37333rem; color:#666666; line-height: 0.48rem; padding:0.5rem 0; }


/* 首页 关于我们模块*/
.index_about{ background-color:#fff;}

.about_cont{ position:relative; background-color:#fff;}
.about_cont dt{ padding:0.2rem 0.8133rem 0.5rem 0.8133rem;}
.about_cont dt img{ width:100%;}
.about_cont dd{ padding:0 0.32rem 0.8133rem 0.32rem; font-size: 0.32rem; line-height: 0.5066rem; color:#666666;}
.about_cont dd p{ }

/*联系我们*/
.index_contact{ padding:0.3rem 0.6666rem;}
.contact_title{ line-height: 0.6266rem; text-align: center; padding: 0.2rem 0;}
.contact_title h2{ font-size: 0.4rem}
.contact_cont{ padding:0 0 0.2rem 0;}
.contact_cont dl{ clear:both;}
.contact_cont dd{ line-height: 1.0666rem; padding:0.16rem 0;}
.contact_cont dd input,.contact_cont dd textarea{ width:90%; height: 1.0666rem; border:none;  padding: 0 5%; background-color:#fff; border-radius: 0.1rem; font-size:0.3466rem; color:#B2B2B2; outline: none;}
.contact_cont dd input::-webkit-input-placeholder,.contact_cont dd textarea::-webkit-input-placeholder{color:#B2B2B2;}

.contact_cont dd textarea{ height: 2.4rem; padding:5%;}
.contact_cont dd #submit{ width:100%; color:#fff; background-color:#D82015; cursor: pointer; height: 1.0666rem; line-height: 1.0666rem;}

/*我们的优势*/
.index_superiority{ background-color:#fff;}
.superiority_cont{ padding:0 0.32rem 0.3rem 0.32rem;}
.superiority_cont li{ padding:0 0 0.4rem 0;}
.superiority_cont a{ display: block;}
.superiority_cont dt,.superiority_cont dd{ float:left;}
.superiority_cont dt,.superiority_cont dt img{ width:3.1466rem; height: 2.16rem; border-radius:0 0.2rem 0 0.2rem ;}
.superiority_cont dd{ width:5.8rem; padding:0.40rem 0 0 0.4rem; line-height: 0.5666rem;}
.superiority_cont dd strong{ font-size:0.4rem; color:#101010;}
.superiority_cont dd p{  font-size: 0.32rem; color:#666666;}

/* 公司动态 */
.index_news{ background-color:#fff; margin: 0.2666rem 0 0 0; }
.index_news .news_title{ line-height: 0.6266rem;  padding: 0.4rem 0;}
.index_news .news_title h2{ font-size: 0.4rem; float: left; padding:0 0.2933rem; margin: 0 0.3rem 0 0;}
.index_news .news_title .cur{ color:#D82015;}
.index_news .news_title a{ font-size: 0.3733rem; float:right; color:#B2B2B2; margin: 0 0.3rem 0 0;}
.index_news .news_title a i{ display:inline-block; width: 0.32rem; height: 0.32rem; background-image: url(../../images/cn/arrow3.png); background-size: 100%; position:relative; top: 0.035rem;}

.news_cont{ border-top: 1px solid #F5F5F5; padding: 0.22rem 0;}
.news_cont li{ background-image: url( ../../images/cn/dian.png); background-repeat: no-repeat; background-position: center left; margin: 0 0 0 0.3333rem;}
.news_cont li a{ display:block; font-size:0.3733rem; color:#666666; padding: 0 0.45rem; line-height: 1.0666rem; }



/* 底部 */ 
.footer{ padding:0 0 1.0666rem 0;}
.footer_nav{ position:fixed; bottom: 0; width: 100%; max-width:750px;}
.footer_nav li{ float: left; width: 50%; }
.footer_nav li a{ display: block; color:#fff; font-weight: bold; line-height: 1.0666rem; font-size: 0.4rem; text-align: center;}
.footer_nav li a i{ display:inline-block; width: 0.48rem; height: 0.48rem; background-size: 100%; position:relative; top: 0.1rem; left: -0.15rem;}
.footer_nav .footer_tel{ background-image: linear-gradient(to right, #344F84 , #5878B7); }
.footer_nav .footer_tel i{ background-image:url(../../images/cn/tel.png);}
.footer_nav .footer_online{ background-image: linear-gradient(to right, #D82015 , #F95E44); }
.footer_nav .footer_online i{ background-image:url(../../images/cn/online.png);}

.copyright{  padding:0.32rem; color:#B2B2B2; font-size: 0.32rem; line-height: 0.5rem; text-align: center;}
.copyright a{ color:#B2B2B2;}


.cont{ margin-top:0; background-color:#F5F5F5;}
.cont_list{}
.cont_list li{ float:left; width:4.5333rem; height: auto; padding:0.32rem 0 0 0.32rem;}
.cont_list li a{ display:block; background-color:#fff;}
.cont_list li dt,.cont_list li dt img{ width:100%; height: 4.5333rem}
.cont_list li dd{ height: 1rem; line-height: 1rem; padding:0 0.15rem; }
.cont_list li strong{ font-size:0.32rem; font-weight: normal; color: #666666; display:block; text-align: center;}


/*列表页分页*/ 
.page{ padding:0.32rem 0; text-align: center; font-size: 0.32rem; color:#C6C6C6;}


/*内页banner*/
.product_banner,.about_banner,.news_banner,.contact_banner{ background-repeat: no-repeat; background-position:center; height: 2.6666rem; background-size: 100% 100% ;}
.product_banner{ background-image:url(../../images/cn/product_banner.jpg);}
.contact_banner{ background-image: url(../../images/cn/contact_banner.jpg);}
.about_banner{ background-image: url(../../images/cn/about_banner.jpg);}
.news_banner{ background-image: url(../../images/cn/news_banner.jpg);}


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

/* 产品*/
.cont_top{background-color:#fff;}
.cont_top dt{ position: relative; top: -1.5rem; height: 5.5rem;  }
.cont_top dt img{ display:block; width:5.2rem; border:0.08rem solid #fff; margin: 0 auto;}
.cont_top dt h1{ font-size: 0.4266rem; text-align: center; color:#181818; line-height:1.2rem; padding: 0;}

.cont_top dd{ padding:0 0.4rem 0.4rem 0.4rem; font-size: 0.32rem; line-height: 0.7666rem; }
.cont_top dd table,.cont_top dd tr,.cont_top dd td{ border: none; border-collapse:collapse; color:#B2B2B2;  }
.cont_top dd table p{ width:3rem; color:#101010 ; line-height: 0.4rem; text-overflow:ellipsis; overflow: hidden; white-space:nowrap;}

.cont_basic{ background-color:#fff; margin: 0.2666rem 0 0 0;}
.cont_basic_tab{ }
.cont_basic_tab li{ display:inline-block; padding:0 0.4rem; }
.cont_basic_tab li a{ display:block; line-height: 1.4rem; text-align: center; color:#101010; font-size:0.4533rem; font-weight: bold;}

.cont_basic_cont,.cont_basic_cont p{  line-height: 0.64rem; font-size: 0.3466rem; color:#101010;}
.cont_basic_cont img{ width:auto; max-width: 10rem;}
.cont_basic_cont p{ /*padding: 0 0.4rem;*/}
.cont_basic_cont p img{ position:relative; /*left: -0.4rem;*/}
.cont_basic_cont iframe{ width:9rem; height:5.05rem; }


/* 成功案例*/
.case{ background:#fff;  }
.case .cont_basic{margin: 0;}
.case .cont_basic_cont img{ width:auto; max-width: 100%; left: 0;}



/*提交表单*/
.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;}

.table strong{ font-size: 20px;}
.table p{ color:#101010; font-size: 20px;}
.table dl{ clear:both;}
.table dt,.table dd{ float: left; line-height: 48px;}
.table dt{ color:#101010; width: 70px; }
.table dd{ width:390px;  margin: 0 0 15px 0;}
.table dd input,.table dd textarea{ height: 48px; width:100%; border:none; background-color:#F4F4F4; padding: 0 10px;}
.table dd textarea{ height: 128px; width:100%; padding:10px;}
.table dd #submit{ color:#fff; background-color:#D82015; cursor: pointer; height: 50px; line-height: 50px;}



/*新闻资讯*/
.news,.news .cont,.news .page{ background:#fff;  }
.news_list li{ padding:0.2rem 0.4rem 0.4rem 0.4rem;}
.news_list li a{ display:block; }
.news_list li dt{ color:#101010;  font-size: 0.3733rem; font-weight: bold; line-height: 0.9rem; }
.news_list li dd{ font-size: 0.32rem; color:#666666; line-height: 0.6rem; }


.news_info{ line-height:0.6rem; padding:0.24rem 0.4rem;}
.news_info h1{ font-size: 0.5666rem; line-height: 0.8rem;}
.news_info .brief,.news_info .brief a{ font-size:0.32rem; color:#B2B2B2; line-height: 1rem;}
.news_info .info,.news_info .info p{ color:#666666; font-size: 0.3733rem; line-height:0.65rem; }
.news_info .info{ padding:0.3rem 0;}
.news_info .info img{ max-width:100%; width:auto;}

.info_recommend{ border-top:0.2666rem solid #F5F5F5; padding:0.2rem 0.4rem;}
.rec_title{ height: 1rem; line-height: 1rem;}
.rec_title h2{ float: left; font-size: 0.4rem; color:#080808;}
.rec_title a{ display:block; float:right; font-size: 0.3833rem; color:#B2B2B2;}
.rec_title i{ display:inline-block; width:0.32rem; height: 0.32rem; background-image: url(../../images/cn/arrow3.png); background-size: 100%; position:relative; top: 0.035rem;}

.rec_list{ }
.rec_list li{ background-image: url(../../images/cn/dian.png); background-repeat: no-repeat; background-position:left center; background-size: 1%;}
.rec_list a{ display:block; font-size:0.3733rem; line-height:1rem; color:#666666; text-indent: 0.4rem; }



/*联系我们*/
.table2{ display: block; margin: 0 auto;}
.table2 td img{ width:0.6666rem;}
.table2 td{ position:relative; top:-0.2rem; font-size:0.3733rem; color:#101010; font-weight: bold; line-height: 0.6rem; padding-bottom: 0.3rem;}
.table2 span{ color:#666666; font-weight: normal;}



/* 提交表单*/
.submit_info{ padding:0 0.4rem;}
.contact_cont dd textarea{ height: 2.4rem; padding:5%;}
.contact_cont dd #submit,.contact_cont dd .submit{ display: block; width:100%; color:#fff; background-color:#D82015; height: 1.0666rem; line-height: 1.0666rem; font-size: 0.4rem; text-align: center;}


.submit_tips{ position: fixed; top: 0; width:10rem; height: 100%; background-color:rgba(0,0,0,0.7); display: none; z-index: 20;}
.submit_meg{ background-color: #fff; width:5.2rem; height: 5.2rem; border-radius: 0.2rem; margin: 58% auto;}
.submit_meg dt{ padding:0.6rem 1.4rem 0.3rem 1.4rem;}
.submit_meg dt img{ width:100%;}
.submit_meg dd{ text-align: center;  line-height: 0.4533rem;}
.submit_meg dd strong{ font-size: 0.4533rem;}
.submit_meg dd p{ font-size:0.32rem; color:#666666; padding:0.2rem 0 0 0; line-height: 0.62rem;}
.submit_meg dd span{ color:#B2B2B2; font-size:0.32rem;}

/*常见问题*/
.query_list{ padding:0;}
.query_list li{ height: auto; }
.query_list li dt{ margin: 0 0.4rem; height: 2rem; color:#000; position:relative; border-bottom: 1px solid #ebebeb; cursor: pointer;}
.query_list li dt strong{ display:block; width: 90%; height: auto; position: absolute; line-height: 26px; ext-align: justify;  top: 50%; transform: translateY(-50%); font-size:  0.3733rem;  color:#101010; }
.query_list li dt p{ line-height:25px; padding: 16px 0 0 12px;font-size: 0.32rem;}
.query_list li dt i{ position: absolute; right: 0; top: 40%; width: 16px; height: 16px; }
.query_list li dt i img{ position: absolute; left: 0; top: 0; width: 16px; height: auto; }
.query_list li dt i .pr_on{ transition: all 0.3s ease 0s; opacity: 1;}
.query_list li dt i .pr_off{ top: 7px; opacity: 0; transform: rotate(-90deg); transition: all 0.2s ease 0.1s; }

.query_list li .on{ border-bottom: 1px solid #fff; color:#0052d8; }
.query_list li .on i .pr_on{ transform: rotate(90deg); opacity: 0; }
.query_list li .on i .pr_off{ top: 7px;transform: rotate(0deg); opacity: 1; }

.query_list li dd{ color:#9b9b9b; padding: 0 0.4rem 0.6rem 0.4rem; display: none; border-bottom: 2px solid #0052d8; line-height: 34px; font-size: 0.3733rem;}