@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1239px)  {
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:828px; 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}}


/* --- 栏目 --- */
.column{ padding:1.5rem; text-align:center;}
.column h2{font-size:1.6rem; text-transform:uppercase; font-weight:bold;}



/* --- 头部 --- */
.header{padding:1.5rem;}

/* logo */
.logo{ width:9.5rem;}


/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{height:3.5rem; line-height:3.5rem; text-align:center; border-bottom:1px solid #efefef; font-size:1.4rem;}



/* --- 顶部 --- */
.page-top{background:#005596; overflow:hidden;}

/* 关注 */
.page-top .follow{}
.page-top .follow li{float:left; border-right:1px solid #3377AB; width:25%;}
.page-top .follow li a{display:block; transition:all .3s; text-align:center; padding:.5rem 0 } 
.page-top .follow li a img{margin:0 auto; width:2rem;}
.page-top .follow li a:hover{background:#00467E;}

/* 搜索 */
.page-top .search{position:relative;}
.page-top .search input{background:#00467E; width:100%; border:none; height:3.5rem; line-height:3.5rem; padding-left:1rem; color:#fff;}
.page-top .search input:focus{background:#003764;}
.page-top .search button{position:absolute; right:.5rem; top:0; background:url(../images/search.png) no-repeat 0 center; width:3rem; height:3.5rem; border:none; cursor:pointer; background-size:3rem 3rem;}




/* --- 产品相册 --- */
.home-product{ position:relative;}
.home-product .swiper-container{}
.home-product  a{display:block;  }
.home-product .pic{overflow:hidden;}
.home-product .pic img{width:100%;}
.home-product .text{background:#f5f5f5; padding:1rem 1.5rem; transition:all .3s; text-align:center; line-height:150%; font-size:1.4rem; padding-bottom:3rem;}




/* --- 解决方案 --- */
.home-solution{overflow:hidden;}
.home-solution .content li{position:relative; overflow:hidden;}
.home-solution .content li .text{position:absolute; bottom:0; left:0; width:100%; color:#fff; text-transform:uppercase; padding:1.5rem; font-size:1.6rem; font-weight:bold; transition:all .3s; z-index:200; line-height:150%;}

.home-solution .content li:before{content:""; height:58px; left:0; bottom:-58px; width:100%; position:absolute;  transition:all .3s; z-index:200;}
.home-solution .content li:hover:before{ bottom:0;}



/* --- 新闻 --- */
.home-news {overflow:hidden;}
.home-news li .pic{overflow:hidden ;}
.home-news li .text { padding:1.5rem;}
.home-news li .text h3{margin-bottom:1rem; font-weight:bold; font-size:1.4rem;}
.home-news li .text p{font-size:1.2rem; color:#999; overflow:hidden; line-height:150%;}
.home-news li .more{width:100%; height:3.5rem; text-align:center; line-height:3.5rem; color:#fff; font-size:1.4rem;}
.home-news li .more a{color:#fff; display:block;  transition:all .3s;  background:#007BBB; }




/* --- 底部 --- */
.footer{ background:#005596; padding:1.5rem; overflow:hidden;}
.footer .footer-title{color:#FFC000; font-size:1.8rem; }

/* 地图 */
.footer .sitemap dl{ border-bottom:1px solid #666; padding-bottom:1.5rem; margin-bottom:1.5rem; overflow:hidden;}
.footer .sitemap dl dt{margin-bottom:1rem; text-transform:uppercase; font-weight:bold;}
.footer .sitemap dl dd p a{color:#fff; line-height:180%; font-size:1.2rem;}
.footer .sitemap dl dd p a:hover{color:#fff;}
.footer .sitemap dl.pro p{float:left; width:50%; font-size:1.2rem;}

/* 联系 */
.footer .contact .text{margin-top:20px; margin-bottom:20px; }
.footer .contact .text p{line-height:180%; color:#fff; font-size:1.2rem;}
.footer .contact .follow a{font-size:1.4rem; float:left; margin-right:1.5rem;} 
.footer .contact .way p {color:#fff; line-height:180%; }




/* --- 版权 --- */
.copyright{text-align:center; color:#333; font-size:1.2rem; padding:1rem 1.5rem;}



/* --- 当前栏目 --- */
.page-column{background:#ECECEC;  line-height:4rem; overflow:hidden;}
.page-column h2{line-height:4rem; font-size:1.6rem; font-weight:bold; text-transform:uppercase; margin-left:1.5rem;}
.page-column.arrow h2{ background:url(../images/arrow-nav.png) no-repeat 95% center;}
.page-column .type{ display:none;}
.page-column .type a{text-transform:uppercase; display:block; text-align:center; font-size:1.4rem; background:#007BBB; color:#fff; border-bottom:1px solid #00689F;}
.page-column .type a.now{color:#fff; background:#00689F}




/* --- 当前位置 --- */
.page-path{color:#ccc; padding:1rem 1.5rem; border-bottom:1px solid #efefef;}
.page-path a{margin-left:.5rem; margin-right:.5rem; text-transform:uppercase;}




/* --- 关于我们 --- */
.page-about{padding:1.5rem;}
.page-about .title{font-size:1.8rem; color:#ed6d00; margin-bottom:.5rem; font-weight:bold;}
.page-about .text p{color:#828282; line-height:150%; font-size:1.4rem; margin-bottom:1.5rem;}
.page-about .pic img{margin-bottom:1.5rem;}




/* --- 案例 --- */
.page-case .box{position:relative;}
.page-case .box li{ border-bottom:1px solid #efefef; padding:1.5rem;}
.page-case .box li .area{ display:none;}
.page-case .box li .text{background:#fff;}
.page-case .box li .text h3{font-size:1.8rem; margin-bottom:1rem; background:url(../images/area.png) no-repeat 0 center; height:3.5rem; padding-left:3rem; line-height:3.5rem;}
.page-case .box li .text p{line-height:180%; color:#666; font-size:1.2rem;}




/* --- 联系我们 --- */
.page-contact{overflow:hidden; color:#666;}
.page-contact strong{font-size:18px; font-weight:bold; text-transform:uppercase; margin-bottom:15px; display:block;}

/* 方式 */
.page-contact .way{ border-bottom:1rem solid #efefef; padding:1.5rem; margin-bottom:1.5rem;}
.page-contact .way li{margin-bottom:1rem;}
.page-contact .way li p{line-height:200%; font-size:1.2rem;}
.page-contact .way li b{color:#6e6e6e; display:block; margin-top:1rem; margin-bottom:1rem; font-size:1.8rem;}

/* 留言 */
.page-contact .message{ padding:1.5rem; padding-top:0;}
.page-contact .message .text{font-size:1.2rem; margin-bottom:1.5rem;}
.page-contact .message li b{display:block; margin-bottom:1rem; font-size:1.4rem;}
.page-contact .message li input{width:100%; height:4rem; line-height:4rem; padding-left:1.5rem; background:#f5f5f5; border:none; margin-bottom:1.5rem; transition:all .3s; font-size:1.4rem;}
.page-contact .message li textarea{width:100%; height:10rem; padding:1.5rem;background:#efefef; border:none;  margin-bottom:1.5rem; transition:all .3s;}
.page-contact .message li button{background:#FFA908; width:100%; height:4rem; line-height:4rem; text-align:center; color:#fff; border:none; cursor:pointer; font-size:1.4rem;}
.page-contact .message li button:active{opacity:.8;}

.page-contact .message li input:focus{background:#ddd;}
.page-contact .message li textarea:focus{background:#ddd;}



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





/* --- 产品列表 --- */
.page-product{overflow:hidden; padding:1.5rem;}
.page-product li{background:#fff;  background:#fff; transition:all .3s; border-bottom:1px solid #efefef;}
.page-product li .pic{text-align:center; overflow:hidden;}
.page-product li .text{padding:1.5rem 0;}
.page-product li .text h3{margin-bottom:1rem; font-size:1.4rem; font-weight:bold;}
.page-product li .text p{color:#999;  overflow:hidden; font-size:1.2rem; line-height:180%;}




/* --- 解决方案 --- */
.page-solution{background:url(../images/solution-back.jpg) no-repeat; background-size:cover; overflow:hidden; padding:1.5rem;}
.page-solution .title{font-size:2.4rem; color:#ed6d00; margin-bottom:1.5rem;}
.page-solution ul{overflow:hidden;}
.page-solution li{background:#fff; padding:1rem; margin-bottom:1.5rem;}
.page-solution li .pic{overflow:hidden;}
.page-solution li .pic img{width:100%;}
.page-solution li .text{margin-top:1rem; font-size:1.4rem; text-align:center;}



/* --- 产品 --- */
.page-Pro{background:#f5f5f5; overflow:hidden;}
.page-Pro-title{font-size:1.6rem; color:#fff; text-transform:uppercase; font-weight:bold; background:url(../images/pro-title.jpg) no-repeat center center; padding:1.5rem;}

/* 产品介绍 */
.pro-dep{background:#fff; overflow:hidden; padding:1.5rem; border-bottom:1rem solid #efefef;}

/* 简介 */
.pro-dep-content{}
.pro-dep-content h3{margin-bottom:1.5rem; font-size:1.6rem; font-weight:bold; color:#8b1d43; margin-top:1.5rem;}
.pro-dep-content .text{margin-bottom:30px; font-size:1.4rem; color:#666; }
.pro-dep-content .text p{ line-height:180%; margin-bottom:1rem;}
.pro-dep-content .tags{margin-bottom:1rem;}
.pro-dep-content .tags p{ line-height:180%;  font-size:1.4rem; color:#666; position:relative; padding-left:18px;}
.pro-dep-content .tags p:before{content:""; width:6px; height:6px; background:#F5AE04; border-radius:100%; position:absolute; top:12px; left:0;}

.pro-dep-content .consult a{background:#EA960A; width:100%; height:4rem; line-height:4rem; display:block; text-align:center; color:#fff; margin-top:1.5rem;  transition:all .3s ease; font-size:1.4rem;}
.pro-dep-content .consult a:active{ opacity:.8;}

/* 描述 */
.pro-Description{background:#fff; }
.pro-Description .content{padding:1.5rem;}
.pro-Description .content p{line-height:180%; font-size:1.4rem; }
.pro-Description .content img{margin-top:1.5rem; margin-bottom:1.5rem;}



}