@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px; background:#FFF;line-height:25px; font-family: "microsoft Yahei",Verdana, Geneva, sans-serif;}
ul,li{ margin:0px; padding:0px; list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}


.index{ clear: both; display: block; width: 100%; margin: 20px auto 40px; }
.indexC{ clear: both; display: block; width: 100%; margin: 0px auto; }
.clear{ clear: both; display: block; }
.content_c{ clear: both; display: block; border: 1px solid #e3e3e3; }

.topMargin{ clear: both; display: block; height: 78px; }


.top{ clear: both; display: block; width: 100%; padding: 10px 0px; background: #fff; position: fixed; left: 0px; top: 0px; z-index: 400; overflow: hidden; box-shadow: 0px 1px 1px #ccc;  }
.logo{ clear: both; display: block; }
.logo a{ display: flex; }
.logo-img{ display: flex; }
.logo-img img{ border: 0px; height: 40px; height: 42px; margin-right: 10px; }

.logo-txt{ display: flex; flex-direction: column; }
.logo-txt strong{ clear: both; display: block; font-size: 24px; color:#1d6cdf; }
.logo-txt span{ clear: both; display: block; font-size: 12px; color:#1d6cdf; }


.menuList{ display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; padding: 20px; background: rgba(0,0,0,0.8); z-index: 400; text-align: left; overflow-y: auto; }
.menuList li{ clear: both; display: block; }
.fMenu{ clear: both; display: block; width: 100%; font-size: 16px; font-weight: bold; margin-top: 20px; color: #fff; }
.menuList .on{ color: #f00; font-size: 16px; font-weight: bold; margin-top: 20px;  }

.menuList li .submenu{ clear: both; display: block; }
.menuList li .submenu a{ display: inline-block; margin-right: 20px; font-size: 14px; color: #ccc; }


.menuClose{ display: none; z-index: 400; position: fixed; right: 15px; top: 15px; color: #000; font-size: 30px; padding: 5px; background: rgba(255,255,255,0.7); }
.menuShow{ z-index: 400; position: fixed; right: 15px; top: 15px; color: #fff; font-size: 20px; padding: 5px; background: rgba(0,0,0,0.5); }




/* banner */
.swiper-container-banner { clear: both; display: block; width: 100%; overflow: hidden; position: relative; }
.swiper-container-banner .swiper-slide{ clear: both; display: flex; width: 100%; align-items: center; justify-content: center; text-align: center; font-size: 40px; font-weight: bold; color: #fff; }
.swiper-container-banner .swiper-slide img{ border: 0px; width: 100%; height: auto; }
.swiper-container-banner .swiper-pagination-bullet{ width: 15px; height: 15px; background: #1d6cdf; }


/* index about  */
.indexAbout{ clear: both; display: block; padding: 20px; background: #f7f7f7; }
.indexAboutTit{ clear: both; display: block; padding: 20px 0px; text-align: center; font-size: 30px; }

.indexAboutPic{ clear: both; display: none; text-align: center; }
.indexAboutPic img{ border: 0px; width: 80%; box-shadow: 0px 10px 20px #555; }

.indexAboutTxt{ clear: both; display: block; font-size: 14px; line-height: 30px; color: #666; }



/* index product tab list  */
.indexProduct{ clear: both; display: block;  }
.indexProductTit{ clear: both; display: block; text-align: center; padding: 100px 0px; }
.indexProductTit span{ color: #1d6cdf; font-weight: bold; font-size: 40px;  border-bottom: 3px solid #1d6cdf; }

.indexProductTab{ clear: both; display: block; width: 100%; margin: 0px auto; }
.indexProductTitle{ clear: both; display: flex; width: 100%; border: 1px solid #e3e3e3; border-right: none; background: #f7f7f7; }

.indexProductTitle span{ display: flex; flex: 1; height: 60px; align-items: center; justify-content: center; transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-right: 1px solid #e3e3e3; }
.indexProductTitle .cur{ background: #1d6cdf; color: #FFF; transition: all 0.3s; }
.indexProductTitle .cur a{ clear: both; display: block; height: 60px; line-height: 60px; border-bottom: 1px solid #e3e3e3; color: #fff; font-size: 16px; }
.indexProductTitle a{ clear: both; display: block; margin: 0px 13px; height: 60px; line-height: 60px; border-bottom: 1px solid #e3e3e3; color: #1d6cdf; font-size: 16px; }


.indexProductList{ clear: both; display: block;  }
.indexProductList li{ display: flex; width: 46%; margin-left: 2.5%; float: left; flex-wrap: wrap; flex-direction: column; }
.indexProductList li div{ clear: both; display: flex; width: 100%; height: 130px; align-items: center; justify-content: center; border: 1px solid #e3e3e3; }
.indexProductList a{ clear: both; display: block; }
.indexProductList a img{ clear: both; display: block; border: 0px; max-width: 100%; max-height: 130px; margin: 0px; }
.indexProductList li span{ clear: both; display: flex; width: 100%; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* honor text  */
.com-honor{ clear: both; display: block; }


.com-honor-pic{ clear: both; display: block; text-align: center; margin-bottom: 20px; }
.com-honor-pic img{ border: 0px; width: 60%; }
.com-honor-txt{ clear: both; display: block; width: 100%; height: 80px; position: relative; }

.com-honor-icon{ position: absolute; left: 10px; top: 0px; width: 58px; height: 97px; background: url(../images/iconbg.png) center top no-repeat; text-align: center; padding-top: 20px; }
.com-honor-icon span{ font-size: 40px; color: #fff; border-bottom: 4px solid #fff; }

.com-honor-text{ position: absolute; left: 80px; top: 0px; }
.com-honor-text strong{ clear: both; display: block; font-size: 24px; color: #000; }
.com-honor-text h2{ clear: both; display: block; height: 80px; line-height: 80px; margin: 0px; padding: 0px; color: #1d6cdf; font-size: 30px; }
.com-honor-text p{ clear: both; display: block; line-height: 45px; color: #484848; font-size: 20px; }
.com-honor-text p img{ margin-bottom: -5px; }

.com-honor-p{ clear: both; display: block; font-size: 14px; margin: 20px; }


/* parent */
.index-parent{ clear: both; display: block; padding: 50px 0px; background: #f6f6f6; }




/* index news */
.indexNews{ clear: both; display: block; width: 100%; padding: 20px 0px; }




.index-tit{ clear: both; display: block; text-align: center; color: #333; font-size: 40px; padding: 40px 0px; }
.index-tit span{ color: #1d6cdf; }

.index-more{ clear: both; display: block; margin-top: 30px; text-align: center; }
.index-more a{ display: inline-table; padding: 0px 30px; height: 45px; line-height: 45px; font-size: 16px; margin: 0px auto; border: 1px solid #e3e3e3; }
.index-more a:hover{ background: #1d6cdf; border-color: #1d6cdf; color: #fff; transition: all 0.5s; }






/* copy style */
.copyright{ clear: both; display: flex; width: 100%; background:#e6e6e6; padding: 30px 0px; font-size: 14px; }
.copyQrcode{ display: flex; width: 100px; flex-direction: column; margin: 0px 15px; align-items: flex-start; }
.copyQrcode strong{ clear: both; display: block; }
.copyQrcode span{ clear: both; display: block; }
.copyQrcode span img{ clear: both; display: block; border: 0px; width: 100%; padding: 4px; background: #fff; box-sizing: border-box; }

.copyText{ display: flex; flex: 1; margin-right: 15px; flex-direction: column; }
.copyText li{ clear: both; display: flex; align-items: center; margin-bottom: 10px; font-size: 14px; }
.copyText li i{ font-size: 18px; margin-right: 10px; }

.copyMargin{ clear: both; display: block; height: 60px; }
.copyMenu{ clear: both; display: flex; position: fixed; left: 0px; bottom: 0px; align-items: center; justify-content: center; width: 100%; height: 60px; background: #1d6cdf; color: #fff; font-size: 18px; }
.copyMenu a{ color: #fff; }
.copyMenu i{ font-size: 20px; }



/* pageBanner */
.pageBanner{ clear: both; display: none; width: 100%; }
.pageBanner img{ border: 0px; width: 100%; }

.location{ clear: both; display: flex; width: 100%; height: 50px; line-height: 50px; background: linear-gradient(180deg, #f2f2f2 0% , #e0e0e0 100%); border-bottom: 1px solid #e3e3e3; margin-bottom: 20px; }
.location strong{ display: block; width: 50px; font-size: 20px; text-align: center; }
.location span{ display: flex; flex: 1; align-items: center; justify-content: flex-end; font-size: 14px; color: #666; text-transform: uppercase; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* page_service_list */
.page_service_list{ clear: both; display: block; }
.page_service_list ul{ clear: both; display: flex; width: 100%; }
.page_service_list ul li{ display: flex; flex: 1; overflow: hidden; text-align: center; flex-direction: column; margin-left: 10px; margin-right: 10px; }
.page_service_list ul li:nth-child(2n){ margin-left: 0px; }
.page_service_list ul li p{ clear: both; display: flex; width: 100%; height: 160px; align-items: center; margin: 0px; padding: 0px; overflow: hidden; }
.page_service_list ul li p a{ clear: both; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.page_service_list ul li p img{ clear: both; display: block; border: 0px; width: 100%; }
.page_service_list ul li span a{ clear: both; display: block; height: 40px; line-height: 20px; font-size: 14px;overflow: hidden; }


.subChannel{ clear: both; display: block; }
.subChannel ul{ clear: both; display: block; background: #f7f7f7; }
.subChannel ul a{ clear: both; display: block; width: 100%; text-indent: 1.5em; height: 50px; line-height: 50px;font-size: 16px; border-bottom: 1px solid #e3e3e3; }
.subChannel ul a.cur{ background: #1d6cdf; color: #fff; }


.page_content{ clear: both; display: block; margin: 30px 0px; padding: 0px 15px; line-height: 35px; font-size: 16px; color: #333; }
.page_content img{ max-width: 100%; height: auto; }
.page_content table{ width: 100%; }


/*  page_case_channel  */
.page_case_channel{ clear: both; display: block; }
.page_case_one{ float: left; display: block; width: 44%; margin-left: 4%; background: #e7e7e7; margin-bottom: 20px; }

.page_case_pic{ clear: both; display: block; width: 100%; height: 160px; position: relative; background: #fff; }
.page_case_pic img{ clear: both; display: block; border: 0px; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.page_case_pic span{ clear: both; display: block; position: absolute; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; left: 0px;  bottom: 0px; text-align: center; background: rgba(0,0,0,0.1); }

.page_case_news{ clear: both; display: block; padding: 25px 40px; }
.page_case_news li{ clear: both; display: block; }
.page_case_news li a{ clear: both; display: block; font-size: 15px; line-height: 30px; color: #1d6cdf; }



.page_case_list{ clear: both; display: block; width: 100%; }
.page_case_list ul{ clear: both; display: flex; width: 100%; margin-bottom: 15px; }
.page_case_list ul li{ display: flex; flex: 1; flex-wrap: wrap; margin-left: 15px; margin-bottom: 15px; background: #f7f7f7; }
.page_case_list ul li:nth-child(2n){ margin-right: 15px; }
.page_case_list ul li p{ clear: both; display: block; width: 100%; height: 165px; margin: 0px; padding: 0px; background: #fff;  }
.page_case_list ul li p a{ clear: both; display: flex; width: 100%; height: 100%; margin: 0px; padding: 0px; justify-content: center; align-items: center; }
.page_case_list ul li p img{ border: 0px; clear: both; display: block; max-width: 100%; max-height: 100%; }
.page_case_list ul li span{ display: flex; width: 100%; font-size: 12px; padding: 5px; justify-content: center; align-items: center; }



/* sub page left */
.left{ float: left; display: block; width: 250px; background: #fff; }
.leftTit{ clear: both; display: block; height: 60px; line-height: 60px; color: #fff; background:rgba(0,0,0,1); text-indent: 2em; font-size: 24px; }
.leftList{ clear: both; display: block; background: #e7e7e7; }
.leftList li{ clear: both; display: block; height: 48px; line-height: 48px; font-size: 14px; text-indent: 2em; transition: all 0.5s; border-bottom: 1px solid #fff;  }
.leftList li:hover a{ background: #1d6cdf; color: #fff;  }
.leftList li a{ clear: both; display: block; width: 100%; font-size: 15px; text-indent: 3em; }
.leftList .cur a{ color: #fff;  background: #1d6cdf; }



/* page list */

.page{ clear: both; display: block; padding-top: 10px; border-top: 1px solid #f7f7f7; }
.pageList{ clear: both; display: block; margin: 30px auto; width: 100%; text-align: center; }
.pageList a, .pageList b{ display: inline-block; margin-right: 6px; margin-bottom: 10px; height: 30px; line-height: 30px; padding: 0px 7px; background: #f7f7f7; border: 1px solid #e3e3e3; font-size: 16px; }
.pageList b{ background: #1d6cdf; color: #FFF; }

/* sub page right */
.page_right{ float: right; display: block; width: 900px; }




/* news */

.page_news_list{ clear: both; display: block; }
.page_news_list ul{ clear: both; display: block; margin-bottom: 25px; }
.page_news_list li{ clear: both; display: block; padding: 10px 15px; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; }

.page_news_list li strong{ clear: both; display: block; height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 5px; }
.page_news_list li p{ clear: both; display: block; margin: 0px; padding: 0px; font-size: 12px; color: #999; line-height: 16px; }




.newsContent{ clear: both; display: block; margin: 20px; }
.pageTitle{ clear: both; display: block; text-align: center; line-height: 40px; font-size: 20px; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #f7f7f7; padding-bottom: 20px; }
.pageInfo{ clear: both; display: block; height: 35px; line-height: 35px; text-align: center; font-size: 12px; color: #888; }
.pageText{ clear: both; display: block; margin: 40px 0px; }
.pageText img{ border: 0px; max-width: 100%; height: auto; }


.pageTxt{ clear: both; display: block; margin: 20px; font-size: 14px; line-height: 32px; }
.pageTxt h2{ clear: both; display: block; margin: 0px; padding: 0px; margin-bottom: -20px; }
.pageTxt img{ border: 0px; max-width: 100%; height: auto; }
.pageTxt p{ margin: 0px; padding: 0px; }



/* page product */

.page_pro_tit{ clear: both; display: block; text-align: center; font-size: 18px; font-weight: bold; color: #000; margin-bottom: 20px; }
.page_pro_pic{ clear: both; display: block; text-align: center; margin: 0px 15px; }
.page_pro_pic img{ border: 0px; max-width: 100%; }
.page_pro_smalltext{ clear: both; display: block; margin: 0px 15px; font-size: 15px; color: #444; line-height: 25px; }


.tabs-tit{ clear: both; display: flex; width: 100%; margin: 20px 0px; border-bottom: 1px solid #e3e3e3; }
.tabs-tit a{ display: flex; flex: 1; border-right: 1px solid #fff; align-items: center; justify-content: center; height: 50px; font-size: 16px;  background: linear-gradient(to bottom,#f1f1f1,#d1d1d1);}
.tabs-tit a.active{  background: linear-gradient(to bottom,#3dc0ff,#0196dd); color: #fff; }

.swiper-container-tab{ clear: both; display: block;  width: 92%; margin: 10px auto; overflow: hidden; }
.swiper-container-tab .content-slide{ clear: both; display: block; font-size: 16px; }
.swiper-container-tab img{ border: 0px; max-width: 100%; height: auto; }


/* kefu list */
.kefuShow{ position: fixed; top: 180px; left: 0px; background:rgba(0,0,0,0.85); width: 24px; font-size: 16px; display: block; color:#FFF; border-radius: 0px 5px 5px 0px; cursor: pointer; text-align: center; padding: 10px 0px; z-index: 1000; box-shadow: 0px 0px 10px #666;}
.kefu{ display: none; position: fixed; z-index: 1000; top: 180px; left: 0px; background: #FFF; width: 150px; border: 4px solid #555; box-shadow: 0px 0px 10px #666; }
.kefuHeader{ clear: both; display: block; height: 121px; background: URL(../images/leftContact.jpg) center top no-repeat; }
.kefuHeader span{ float: right; width: 16px; height: 16px; line-height: 16px; background:rgba(0,0,0,0.85); color: #FFF; text-align: center; margin:-10px -8px 0px 0px; cursor: pointer; border-radius: 50%; border: 2px solid #fff; box-shadow: 0px 0px 10px #666;}
.kefuList{ clear: both; display: block; }
.kefuList li{ margin:10px 10px; height:28px; line-height: 28px; overflow: hidden;}
.kefuList li a{ clear: both; display: block; background:rgba(0,0,0,0.55); color: #FFF; border-radius: 10px; text-align: center; }
.kefuEwm{ clear: both; display: block; margin: 18px 10px 0px 10px; }
.kefuEwm img{ border: 0px; width: 100%; border-radius: 10px; }
.kefuF40{ clear: both; display: block; text-align: center; color: #F40; line-height: 20px; }