@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
* {-webkit-tap-highlight-color:transparent;}
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:750px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


/* --- 分页 --- */
.page-showpage{ text-align:center; padding: 1.5rem;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:.3rem 1rem; border-radius:4px; margin-left:.2rem; margin-right:.2rem; font-size: 1.2rem; margin-bottom: 1rem;}
.page-showpage a.now{ background:#348ccc; color:#fff; border:1px solid #348ccc; }



/* --- 头部 --- */
.page-header {background: #348ccc; padding: 1rem 1.5rem; position: relative;  z-index:9999; }
.page-header .wrap{display: flex; align-items: center;}

/* logo */
.page-header .logo{background: url(../images/logo-white.png) no-repeat; width: 4rem; height: 4rem; background-size: cover;}
.page-header .logo a{display: block; width: 100%; height: 100%;}

/* roll */
.page-header.roll{position:fixed; left:0; top:0; width:100%; z-index:9999; }



/* --- show --- */
.page-show{width:2.5rem; height:2.5rem; background:url(../images/nav.svg) no-repeat center center; background-size:2.5rem; cursor:pointer;}
.page-show.close{background:url(../images/close.svg) no-repeat center center; background-size:2.5rem;}



/* --- 导航 --- */
.page-nav{ display: none; left: 0; top: 6rem; width: 100%; background: #fff; z-index: 99999; position: fixed;}
.page-nav li { position: relative;}

/* show */
.page-nav li .show{ line-height: 4rem; border-bottom: 1px solid #efefef; font-size: 1.2rem; padding-left: 1.5rem;}

/* arrow */
.page-nav li .arrow{position: absolute; right: 1.5rem; top:0; height: 4rem; display: flex; align-items: center;}
.page-nav li .arrow img{width: .6rem;}

/* hide */
.page-nav li .hide{display: none; padding: 0 1.5rem; border-bottom: 1px solid #efefef; }.page-nav li .hide .photo{display: none;}
.page-nav li .hide .list{}
.page-nav li .hide .list a{display: block; font-size: 1.2rem; line-height: 4rem; border-bottom: 1px solid #efefef; margin-left: 1.5rem;}.page-nav li .hide .list a:last-child{border-bottom: none;}

/* hover */
.page-nav li:hover .arrow{ transform: rotate(90deg); -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -o-transform: rotate(90deg)}
.page-nav li:hover .show{color: #348ccc;}



/* --- 电话 --- */
.page-tel{font-size: 1.8rem; color: #fff; display: flex; align-items: center; margin-left: 3rem;}
.page-tel .icon{margin-right: .5rem;}
.page-tel .text{font-size: 1.8rem; font-family: 'Conv_DIN-Bold';}



/* --- 搜索 --- */
.page-search{margin-left: auto;}

/* show */
.page-search .show{font-size: 1.8rem; color: #fff; cursor: pointer;}

/* hide */
.page-search .hide{ position: absolute; left: 0; top: 6rem; background: #fff; width: 100%; display: flex; align-items: center; justify-content: center; padding: 1rem 0; display: none;}
.page-search .hide .box{display: flex; align-items: center; justify-content: center;}
.page-search .hide .icon-search{color: #348ccc; height: 3.5rem; line-height: 3.5rem; padding: 0 1.5rem; font-size: 1.6rem; padding-left: 0;}
.page-search .hide button{ border: none; background: none; cursor: pointer;}
.page-search .hide input{width: 75%; border: none; border-bottom: 1px solid #ddd; padding-bottom: 1rem; font-size: 1.4rem;  transition: all .3s;}
.page-search .hide input:focus{border-bottom: 1px solid #348ccc; }
.page-search .hide .close{margin-left: 1rem; font-size: 1.4rem; color: #ccc; cursor: pointer; transition: all .3s;}
.page-search .hide .close:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg)}



/* --- 导航 --- */
.page-show{margin-left: 1.5rem;}

/* show */
.page-show .show{font-size: 1.8rem; color: #fff; }



/* --- more --- */
.page-more{}
.page-more a{display: block; width: 10rem; height: 3.5rem; border: 2px solid #348CCC; line-height: 3.5rem; border-radius: 10rem; text-align: center; color: #348CCC; font-weight: bold; transition: all .3s; margin: 0 auto; font-size: 1.2rem;} 
.page-more a:hover{background:#348CCC; color: #fff;}



/* --- 栏目 --- */
.page-column{text-align: center;}
.page-column h3{font-size: 2rem; font-weight: Bold; margin-bottom: 1rem; color: #333;}
.page-column .text{ font-family: Arial; font-weight: Bold; color: #999; text-transform: uppercase; font-size: 1.2rem;}



/* --- 新闻 --- */

/* item - photo */
.page-news .photo{position: relative; overflow: hidden; }
.page-news .photo .date{position: absolute; right: 1rem; top: 1rem; background: #fff; width: 4.5rem; height: 5.5rem; text-align: center; z-index: 20;}
.page-news .photo .date .month{font-size: 1.2rem; color: #999; margin-top: 1rem; margin-bottom: .5rem;}
.page-news .photo .date .day{font-size: 1.8rem;}

/* item - content */
.page-news .content{background: #f8f8f8; padding: 1.5rem;  position: relative;}
.page-news .content .title{font-size: 1.4rem; font-weight: bold; margin-bottom: 1rem; overflow: hidden; position: relative; z-index: 20; line-height: 150%;}
.page-news .content .dep{color: #999; font-size: 1.2rem; overflow: hidden; margin-bottom: 3rem; position: relative; z-index: 20;}
.page-news .content .more a{border-bottom: 1px solid #ddd; padding-bottom: .5rem; transition: all .3s; font-weight: bolder; font-size: 14px; position: relative; z-index: 20;}
.page-news .content .more a:hover{border-bottom: 1px solid #348ccc;}
.page-news .content .title a:hover{color: #348ccc;}



/* --- 底部 --- */
.page-footer{background:#348CCC; padding:1.5rem}

/* sitemap */
.page-footer .sitemap{}
.page-footer .sitemap dl{ font-size: 1.2rem; margin-bottom: 1.5rem; border-bottom: 1px solid #2E7CB6; padding-bottom: 1.5rem;}
.page-footer .sitemap dl dt{color: #fff; margin-bottom: .5rem;}
.page-footer .sitemap dl dd{display: flex; flex-wrap: wrap;}
.page-footer .sitemap dl em{display: block; line-height: 200%; width: 33.333%;}
.page-footer .sitemap dl em a{color: rgba(255,255, 255, 0.6); transition: all .3s;}
.page-footer .sitemap dl em a:hover{color: #fff;}

/* contact */
.page-footer .contact{}

/* contact - tel */
.page-footer .contact .tel{ text-align: center; margin-bottom: 1.5rem; margin-top: 2rem;}
.page-footer .contact .tel .text{font-size: 1.4rem; color: #fff; margin-bottom: 1rem;}
.page-footer .contact .tel .number{font-size: 3rem; font-weight: bolder; color: #fff; font-family: 'Conv_DIN-Bold';}

/* contact - qrcode */
.page-footer .contact .qrcode{ padding: 1.5rem;}
.page-footer .contact .qrcode img{background: #fff; padding: .5rem; margin: 0 auto;}



/* --- 版权 --- */
.page-copyright{background:#348CCC; border-top: 1px solid #449AD9;  color: #fff; padding: 1.5rem;}
.page-copyright .wrap{color: rgba(255,255, 255, 0.6);}
.page-copyright .wrap p em{display: block; line-height: 150%;}







/* ------ 首页 ------ */

/* --- Banner --- */
.home-banner{ height: 20rem; position: relative; z-index: 0}
.home-banner .swiper-container{height: 100%;}
.swiper-button-black{ display: none;}
.swiper-button-prev{left: 20px;}
.swiper-button-next{right: 20px;}
.swiper-button-prev:after,.swiper-button-next:after { font-size: 20px!important; }




/* --- 简介 --- */
.home-about{padding: 1.5rem;}

/* content */
.home-about .content{}

/* content - column */
.home-about .column{margin-bottom: 1.5rem; text-align: center;}
.home-about .column .title{font-size: 1.6rem; font-weight: bolder; margin-bottom: .5rem;}
.home-about .column .line{height: .2rem; background: #ccc; width: 5rem; margin: 0 auto; margin-bottom: .5rem;}
.home-about .column .eng{font-size: 1.2rem; color: #999;}

/* content - article */
.home-about .article{margin-bottom: 1.5rem;}
.home-about .article p{margin-bottom: 1.5rem; font-size: 1.2rem; line-height: 180%;}

/* more */
.home-about .page-more{margin-bottom: 2rem;}

/* photo */
.home-about .photo{ }
.home-about .photo .swiper-button-next{color: #fff;}
.home-about .photo .swiper-button-prev{color: #fff;}
.home-about .photo .swiper-pagination-bullet{background: #fff;}



/* --- 产品 --- */
.home-product{ height: 20rem;}

/* big */
.home-product .big-product{height: 100%;}

/* tab */
.home-product .wrap{}
.home-product .big-tab{border-bottom: 1px solid #efefef;}
.home-product .big-tab .box{text-align: center; background: #fff; width: 100%; height: 7.5rem; cursor: pointer; transition: all .3s; margin: 0 auto; background-size: cover;}
.home-product .big-tab .box .number{font-size: 2rem; color: #348ccc; font-family: 'Conv_impact-webfont'; margin-bottom: -.3rem; padding-top: 1rem;}
.home-product .big-tab .box .title{color: #348ccc; font-size: 1.2rem; font-weight: bolder;}

/* hover */
.home-product .big-tab .swiper-slide-thumb-active .box{margin-top: 0px; background: #348ccc;}
.home-product .big-tab .swiper-slide-thumb-active .box .number{color: #fff;}
.home-product .big-tab .swiper-slide-thumb-active .box .title{color: #fff;}



/* --- 新闻 --- */
.home-news{ padding-top: 10.5rem; border-bottom: 1rem solid #efefef; padding-bottom: 2.5rem; margin-bottom: 1.5rem;}
.home-news .wrap{position: relative; }

/* box */
.home-news .box{margin-bottom: 2.5rem;}

/* item - arrow */
.home-news .page-column{margin-bottom: 2.5rem;}

/* item - arrow */
.home-news .news-next{ display: none;}
.home-news .news-prev{ display: none;}



/* --- 案例 --- */
.home-case{padding: 1.5rem 0; border-bottom: 1rem solid #efefef; padding-bottom: 2.5rem; margin-bottom: 2.5rem;}
.home-case .wrap{ justify-content: space-between; margin-top: 2.5rem; display: flex; flex-wrap: wrap; padding: 0 1.5rem;}

/* item */
.home-case .item{width: 49%; margin-bottom: 1.5rem;}

/* pic */
.home-case .item .pic{overflow: hidden; margin-bottom: 1rem; height: 9rem;}

/* title */
.home-case .item .title{font-size: 1.2rem; height: 3rem; line-height: 1.5rem; overflow: hidden;}



/* --- 证书 --- */
.home-certificate{border-bottom: 1rem solid #efefef; padding-bottom: 2.5rem; }

/* content */
.home-certificate .content{margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1.5rem; display: -webkit-box; overflow-x:scroll; overflow-y:hidden; }
.home-certificate .content .item{border: 1px solid #ddd; margin-right: 1.5rem; width: 80%; display: flex; align-items: center; justify-content: center;}
.home-certificate .content .item:hover{border: 1px solid #348ccc; box-shadow: 0px 10px 20px #ececec;}







/* ------ 内页 ------ */

/* --- banner --- */
.inner-banner{height: 20rem;}


/* --- 栏目 --- */
.inner-column{text-align: center; padding: 1.5rem 0; margin-bottom: 1rem;}
.inner-column h3{font-size: 1.8rem; font-weight: bolder; margin-bottom: 1rem;}
.inner-column .eng{text-transform: uppercase; color: #999;}


/* --- 类目 --- */
.inner-category{background: #f5f5f5;}

/* column */
.inner-category .column{background: #348ccc; color: #fff; padding: 1.5rem; position: relative;}
.inner-category .column a{color: #fff;}
.inner-category .column h3{margin-bottom: .5rem; color: #fff; font-size: 1.6rem; font-weight: bolder;}
.inner-category .column .text{text-transform:uppercase; font-size: 1.2rem; letter-spacing: .2rem; color: rgba(255,255,255,0.5);}
.inner-category .column::after{content: "\e65f"; font-family: iconfont; position: absolute; right: 1.5rem; top: 1.5rem; font-size: 1.6rem; transform: rotate(180deg);-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); background: #286B9D; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: 100%;}

/* child */
.inner-category .child {display: none;}
.inner-category .child ul{}
.inner-category .child li{font-size: 1.2rem; overflow: hidden; height: 4rem; line-height: 4rem;}
.inner-category .child li a{ display: flex; align-items: center; justify-content: center;}
.inner-category .child li .icon{ display: none;}
.inner-category .child li .text{font-weight: bolder; transition: all .3s;}

/* now */
.inner-category .child li.now{background: #fff;}
.inner-category .child li.now .icon{color: #348ccc; opacity: 1; }
.inner-category .child li.now .text{color: #348ccc; margin-bottom: 5px; }

/* now */
.inner-category .child li:hover{background: #fff;}
.inner-category .child li:hover .icon{color: #348ccc; opacity: 1; }
.inner-category .child li:hover .text{color: #348ccc;margin-bottom: 5px;}

/* path */
.inner-category .path{color: #999; padding: 1rem 1.5rem; background: #fff; font-size: 1.2rem;}




/* --- 产品列表 --- */
.product-list {}
.product-list .wrap{ padding: 0 1.5rem;}

/* item */
.product-list .item{ margin-bottom: 1rem;}

/* pic */
.product-list .item .pic { margin-bottom: 1.5rem; overflow: hidden;}
.product-list .item .pic img{width: 100%;}

/* content */
.product-list .item .content h3{margin-bottom: 1rem; font-size: 1.4rem; font-weight: bold;}
.product-list .item .content .dep{font-size: 1.2rem; color: #999;}




/* --- 企业文化 --- */

/* 图片 */
.culture-photo {text-align: center;}

/* 列表 */
.culture-list{ padding: 3rem 0; padding-bottom: 0;}
.culture-list .wrap{}

/* item */
.culture-list .item{ margin-bottom: 3rem;}

/* item - pic */
.culture-list .item .pic{ border-radius: 100% ; margin-bottom: 2rem; background: #fff;}
.culture-list .item .pic i{width: 5rem; height: 5rem; background: #348ccc; color: #fff; border-radius: 100%; display: block; line-height: 5rem; font-size: 2.5rem; transition: all .3s; text-align: center; margin: 0 auto;}

/* item - title */
.culture-list .item .title h3{font-size: 1.6rem; font-weight: bolder; text-align: center;}
.culture-list .item .title i{width: 5rem; background: #348ccc;  height: .2rem; margin: 0 auto; display: block; margin-top: 1.5rem; margin-bottom: 1.5rem;}

/* item - list */
.culture-list .item .list li{line-height: 200%; color: #666; text-align: center; font-size: 1.2rem;}

/* hover */
.culture-list .item:hover .pic{border: 1px solid #348ccc; box-shadow: 0px 10px 20px #ececec; background: #348ccc; color: #fff;}
.culture-list .item:hover .pic i{font-size: 36px;}



/* --- 公司介绍 --- */

/* 介绍 */
.about-dep{padding: 0 1.5rem;}

/* content */
.dep-content{}
.dep-content p{line-height: 180%; margin-bottom: 1.5rem; font-size: 1.2rem;}

/* photo */
.dep-photo{}
.dep-photo img{width: 100%;}
.dep-photo .swiper-pagination-bullet-active{ background: #fff;}

/* 图片 */
.about-photo{padding:1.5rem;}
.about-photo .wrap{}
.about-photo .item{ margin-bottom: 1.5rem;}



/* --- 新闻 --- */
.news-box { padding:0 1.5rem;}
.news-box .item{margin-bottom: 1.5rem;}




/* --- 联系 --- */
.contact-box{ padding: 1.5rem;}

/* 地图 */
.contact-box .map{ margin-bottom: 1.5rem;}
.my-map { width: 100%; height: 20rem; } 
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

/* 方式 */
.contact-box .way{ font-size: 1.2rem;}
.contact-box .way .content p{line-height: 200%; margin-bottom: 2.5rem;}
.contact-box .way .content p em{color: #999; display: block; margin-bottom: .5rem; font-weight: bolder;}

/* column */
.contact-box .way .inner-column{text-align: left; padding-bottom: 1.5rem;}




/* --- 营销网络 --- */
.network-box{ }

/* hd */
.network-map{text-align:center; padding: 0 1.5rem;} 

/* hd */
.network-box .hd{ padding: 1.5rem;}
.network-box .hd ul{justify-content: center; display: flex; flex-wrap: wrap; font-size: 1.2rem;}
.network-box .hd ul li{height: 3.5rem; line-height: 3.5rem; cursor: pointer; width: 33.333%; text-align: center;}
.network-box .hd ul li.on{color: #fff; font-weight: bolder; background: #348ccc;}

/* bd */
.network-box .bd .box .title{background: #348ccc; height: 4rem; line-height: 4rem; text-align: center; color: #fff; font-size: 1.4rem;}
.network-box .bd .table{ overflow:scroll}
.network-box .bd .table table{width: 180%;}
.network-box .bd .table table td{text-align: center; padding:1rem 1.5rem; font-size: 1.2rem;}
.network-box .bd .table table tr:nth-child(odd){background: #EFF9FC;}




/* --- 在线留言 --- */
.message-box{background: url(../images/message.jpg) no-repeat; background-size: cover; padding: 2.5rem 0;}

/* column */
.message-box .inner-column h3{color: #fff;}
.message-box .inner-column .eng{color:rgba(255,255,255,0.5);}

/* message */
.message-box .message{ padding: 0 1.5rem;}
.message-box .message li{ margin-bottom: 1.5rem; text-align: center;}
.message-box .message li .title{color: #fff; margin-bottom: 1rem; text-align: left; font-size: 1.2rem;}
.message-box .message li input{width: 100%; height: 3.5rem; line-height: 3.5rem; border: none; padding-left: 1rem;}
.message-box .message li textarea{width: 100%; height: 15rem; padding: 1rem; border: none; }
.message-box .message li button{ font-size: 1.2rem; width: 100%; height: 3.5rem; margin: 0 auto; background: #348ccc; color: #fff; border: none; border-radius: 5px; cursor: pointer; border-bottom: 3px solid #025D96;}
.message-box .message li button:active{opacity: .8;}




/* --- 新闻详情 --- */
.article-box {}
.article-box .wrap{ }

/* left */
.article-box .left{padding:0 1.5rem;}

/* title */
.article-box .title{margin-bottom: 1rem;}
.article-box .title h1{font-size: 1.6rem; font-weight: bolder; line-height: 150%; text-align: center;}

/* info */
.article-box .info{font-size: 1.2rem;  color: #999; margin-bottom: 1rem; border-bottom: 1px solid #efefef; padding-bottom: 1.5rem; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center;}
.article-box .info .see{margin-right: 1rem;}

/* info */
.article-box .content{}
.article-box .content p{margin-bottom: 1rem; line-height: 200%; font-size: 1.2rem;}


/* right */
.article-box .right{ margin-top: 1.5rem;}

/* 推荐新闻 */
.article-box .news-top{background: #f5f5f5; padding: 2rem 1.5rem;}

/* column */
.article-box .news-top .column{margin-bottom: 2rem; text-align: center;}
.article-box .news-top .column h3{font-size: 1.8rem; font-weight: bolder; margin-bottom: 1rem;}
.article-box .news-top .column .eng{font-size: 1.2rem; color: #999;}
.article-box .news-top .column .line{ background: #348ccc; height: .3rem; width: 5rem; margin: 0 auto; margin-top: 1rem; }

/* list */
.article-box .news-top .list .item{margin-bottom: 1.5rem; font-size: 1.2rem;} 

/* photo */
.article-box .news-top .list .item .photo{margin-bottom: 1.5rem;}
.article-box .news-top .list .item .photo img{width: 100%;}

/* more */
.article-box .news-top .list .item .more{border: 1px solid #ccc; width: 5rem; height: 2.5rem; border-radius: 100px; text-align: center; font-size: 1.2rem; line-height: 2.5rem; transition: all .3s;}
.article-box .news-top .list .item .more a{display: block; font-weight: bolder;}
.article-box .news-top .list .item .more:hover{border: 1px solid #348ccc; background: #348ccc; }
.article-box .news-top .list .item .more:hover a{color: #fff;}




/* --- 产品详情 --- */
.product-box{}
.product-box .wrap{}

/* photo */
.product-photo{ padding: 0 1.5rem;}

/* photo - show */
.product-photo .photo-show{margin-bottom: 2rem;} 

/* photo - small */
.product-photo .photo-small{display: none;}

/* photo - arrow */
.product-photo .photo-small .arrow{border: 1px solid #ddd; width: 25px; border-radius: 100px; height: 25px; text-align: center; line-height: 25px; font-size: 14px; cursor: pointer; transition: all .3s;}
.product-photo .photo-small .arrow:hover{background:#348ccc; color: #fff; border: 1px solid #348ccc;}

/* content */
.product-content{padding: 0 1.5rem;}
.product-content .title {margin-bottom: 1rem;}
.product-content .title h1{font-size: 1.8rem;}
.product-content .content p{line-height: 200%; margin-bottom: 1rem; color: #666; font-size: 1.2rem;} 

/* other */
.product-content .other{border-top: 1px solid #efefef; padding: 1.5rem 0;}
.product-content .other li{font-size: 1.2rem; padding: .5rem 0; margin-bottom: 1.5rem;}
.product-content .other li .title{color: #999; }




/* --- 荣誉资质 --- */
.honor-box{}
.honor-box .wrap{ padding: 0 1.5rem;}
.honor-box .item {border: 1px solid #ddd; margin-bottom: 2rem; background: #fff; transition: all .3s; position: relative; overflow: hidden;}
.honor-box .item img{width: 100%;}
.honor-box .item a{position: relative; display: block;}
.honor-box .item a::after{content: "\e621"; background: rgba(52, 140, 204, 0.8); position: absolute; left: 0; top: 100%; width: 100%; height: 100%; font-family: iconfont; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 36px; color: #fff; transition: all .3s;}

/* hover */
.honor-box .item:hover{ border: 1px solid #348ccc; box-shadow: 0px 10px 20px #ececec;}
.honor-box .item:hover a::after{top: 0;}



}