@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1199px)  {
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
@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}}



/* --- 头部 --- */
.header{background:url(../images/header.png) repeat-x; }

/* logo */
.logo{overflow:hidden; padding:1.5rem; width:100%;}
.logo h1{width:10rem;}
.logo p{ display:none;}

/* 搜索 */
.search{overflow:hidden; clear:both; background:#ccc; padding:1rem }
.search input{font-size:1.4rem; width:85%; height:3.5rem; padding-left:10px; line-height:3.5rem; float:left; border:none; background:url(../images/search.png) no-repeat 10px center #fff; padding-left:3rem; background-size:1.4rem}
.search button{float:left; background:#006DB2; color:#fff; border:none; width:15%; font-size:1.4rem; line-height:3.5rem; }

/* 语言 */
.language{overflow:hidden; clear:both; background:#333; text-align:center;}
.language a{ float:left; width:50%; text-align:center; color:#fff; padding:1rem ; font-size:1.4rem;}
.language a.now{color:#fff; background:#006DB2;}

/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{ line-height:3.5rem; text-align:center; border-bottom:1px solid #efefef; font-size:1.4rem;}
.drawer-nav li a{padding-left:1.5rem; padding-right:2.0rem;font-size:1.4rem; background:url(../images/type-show.png) no-repeat 92% center; background-size:0.4rem; cursor:pointer;text-decoration:none;}
.drawer-nav li .inactive2{background:url(../images/type-hide.png) no-repeat 100% center; background-size:1.2rem;}
.drawer-nav li dl{display:none; background:#f5f5f5;}
.drawer-nav li dl em{display:block;}
.drawer-nav li dl em a{padding-right:0px;padding-left:0px;}
.drawer-nav li a{background:none;}


/* --- 栏目 --- */
.column{text-align:center; margin-top:1.5rem; margin-bottom:1.5rem; overflow:hidden;}
.column h2{font-size:2.4rem;}
.column i{width:3rem; height:.1rem; background:#666; margin:0 auto; display:block; margin-top:1rem;}



/* --- 关于我们 --- */
.home-about{overflow:hidden; padding:.75rem; border-bottom:1rem solid #efefef;}
.home-about .text{padding:0 .75rem;}
.home-about p{margin-bottom:1.5rem; line-height:200%; font-size:1.4rem;}
.home-about .more{text-align:center; margin-bottom:1.5rem; font-size:1.4rem;}
.home-about .more a{color:#006DB2;}
.home-about .pic ul{}
.home-about .pic li{float:left; width:50%; padding:.75rem; }
.home-about .pic li img{width:100%;}




/* --- 产品展示 --- */
.home-product{background:#3D3D3D; overflow:hidden;}

/* 产品展示 标题 */
.home-product .column i{background:#fff;}
.home-product .column h2{color:#fff;}

/* 产品展示 内容 */
.home-product .swiper-container{padding:.75rem; padding-bottom:3rem;}
.home-product .swiper-container a{display:block; padding:.75rem;} 
.home-product .swiper-container .box{background:#ddd; padding:.5rem .5rem 0 .5rem;}
.home-product .swiper-container .box .pic img{width:100%;}
.home-product .swiper-container .box .text{text-align:center; padding:1rem; line-height:150%;}

/* 产品展示 更多*/
.home-product .more{text-align:center; padding:1.5rem; font-size:1.4rem;}
.home-product .more a{color:#fff;}



/* --- 优势 --- */
.home-advantage{overflow:hidden; padding:1.5rem; border-bottom:1rem solid #efefef;}
.home-advantage .pic{}
.home-advantage .pic img{width:100%;}
.home-advantage .text{}
.home-advantage .text h3{font-size:2.4rem; color:#006DB2; font-weight:bold; margin-bottom:1.5rem; margin-top:1.5rem; text-align:center;}
.home-advantage .text p{font-size:1.6rem; margin-bottom:1rem; border-bottom:1px solid #efefef; padding-bottom:1.5rem; line-height:150%;  text-align:center;}
.home-advantage .text li{line-height:200%; font-size:1.4rem;}



/* --- 新闻动态 --- */
.home-news{background:#f5f5f5; overflow:hidden; }
.home-news .list{padding:1.5rem;}
.home-news li{ margin-bottom:1.5rem;}
.home-news li .date{background:#006DB2; color:#fff; height:3.5rem; line-height:3.5rem; width:10rem; text-align:center; font-size:1.2rem;}
.home-news li .text{background:#fff; padding:1.5rem; border:1px solid #efefef;}
.home-news li .text h3{margin-bottom:1rem; font-size:1.6rem;}
.home-news li .text p{font-size:1.4rem; line-height:180%; color:#999;}

.my-lists {
  margin-bottom: 46px;
  text-align: center; }
.my-lists ul {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box; }
.my-lists ul li {	
  text-align: left;
  list-style: none;
  height: 400px;
  background: white;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  /*box-shadow: 2px 2px 10px #ccc;*/
  cursor: pointer;
  transition: all 0.5s; }
.my-lists ul li:last-child {
  margin-bottom: 0; }
.my-lists ul li .my-imgtit {
  width: 100%;
  height: 162px;/*202*/
  overflow: hidden; }
.my-lists ul li:hover {
  box-shadow: 30px 30px 50px #c4c3c3; }
.my-lists ul li:hover img {
  transform: scale(1.2); }
.my-lists img {
  display: block;
  width: 100%;
  height: 162px;/*202*/
  transition: all 0.5s; }
.my-lists ul li > a {
  display: block; }
.my-lists ul li .my-cont {
  text-align: left;
  height: 298px;
  padding: 28px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box; }
.my-lists ul li .my-cont .my-line {
  width: 40px;
  height: 2px;
  background: #006DB2;
  /*修改前red*/ }
.my-lists ul li .my-cont h3 {
  line-height: 22px;
  font-size: 14px;
  font-weight: 600;
  margin: 30px 0; }
.my-lists ul li .my-cont .my-details {
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  color: #666;
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }
.my-lists ul li .my-cont .my-time {
  text-align: left;
  display: block;
  margin-bottom: 30px;
  color: #ccc; }
.my-lists ul li .my-cont a {
  letter-spacing: 4px;
  font-weight: normal;
  color: black;
  /*transition: all 0.5s;*/ }
.my-lists button {
  width: 238px;
  height: 52px;
  border: 1px solid #ccc;
  line-height: 52px;
  text-align: center;
  color: white;
  background-color: #686868;
  padding: 0; }
.my-lists button:hover {
  background-color: #006DB2;
  /*修改前#b01f24*/
  color: white;
  /* box-shadow: 4px 4px 8px #ccc; */
  /*背景控制*/ }




/* --- 底部 --- */
.footer{background:#3D3D3D; overflow:hidden;}

/* 底部 标题 */
.footer-title {}
.footer-title h2{ font-size:1.4rem; color:#fff; margin-bottom:1.5rem;}
.footer-title i{width:3rem; background:#ccc; height:1px; display:block; margin-bottom:1.5rem;} 

/* 底部 logo */
.footer-logo{ padding:1.5rem; font-size:1.2rem;}
.footer-logo .pic{margin-bottom:1.5rem; text-align:center;}
.footer-logo .text{color:#ccc; text-align:center;}
.footer-logo .text em{background:#555; padding:1rem; display:block; margin-top:1.5rem; border-radius:.5rem; font-size:1.4rem;}

/* 底部 热线 */
.footer-tel{ margin:1.5rem; margin-bottom:3rem;}
.footer-tel p{font-size:2.4rem; color:#63A7E4; margin-bottom:1.5rem;}
.footer-tel em{color:#999; font-size:1.4rem;}

/* 底部 联系 */
.footer-content{margin:1.5rem; margin-bottom:3rem;}
.footer-content .list {font-size:1.4rem;}
.footer-content .list p{ line-height:200%; color:#fff;}

/* 底部 二维码 */
.qrcode{ color:#fff; text-align:center; font-size:1.4rem;}
.qrcode .pic{margin-bottom:1.5rem;}

/* 底部 友情链接 */
.friend-link{border-top:1px solid #666;  color:#ccc; font-size:1.4rem; margin-top:1.5rem; padding:1.5rem;}
.friend-link a{color:#ccc; margin-right:1.5rem;}




/* --- 版权 --- */
.copyright{text-align:center; background:#333;  padding:1.5rem; font-size:1.2rem; color:#ccc;}
.copyright p{line-height:200%;}




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

/* 内页 banner */
.page-banner{text-align:center;}

/* 内页 位置 */
.path{font-size:1.4rem;  color:#999; padding:1.5rem;}

/* 内页 分类 */
.page-type{text-align:center; margin-bottom:1.5rem; border-bottom:1px solid #efefef; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.page-type a{background:#efefef;  font-size:1.2rem; border-radius:.5rem; height:3.5rem; line-height:3.5rem; display:inline-block; padding:0 1.2rem;} 
.page-type a.now{ background:#006DB2; color:#fff;}

/* 内页 内容 */
.page-content{ padding:1.5rem;}
.page-content .title{text-align:center;  }
.page-content .title h1{font-size:1.8rem; font-weight:bold; margin-bottom:1.5rem;}
.page-content .show p{margin-bottom:1.5rem; line-height:200%; font-size:1.4rem;}

/* 内页 框架 */
.page-left{}
.page-right{}

/* 内页 左侧分类 */
.page-left .type{ background:#f6f6f6;} 
.page-left .type dl{display:none; border-bottom:1px dashed #ddd; padding:1rem 1.5rem;}
.page-left .type dl a{display:block; font-size:1.2rem; line-height:200%;}
.page-left .type dl a.now{color:#006DB2; }
.page-left .type h3{height:4rem; line-height:4rem; border-bottom:1px dashed #ddd; text-align: center;  font-size:1.4rem; background:url(../images/type-hide.png) no-repeat 92% center; background-size:1.4rem; cursor:pointer;}
/*padding-left:1.5rem;*/
.page-left .type .current{color:#006DB2; background:url(../images/type-show.png) no-repeat 92% center; background-size:1.4rem;}

.page-left .type h3 a.now{color:#006DB2; }
.page-left .noBack h3{background:none;}


/* 内页 类目 */
.category{background:#006DB2; color:#fff; font-size:1.4rem; text-align:center; padding:1rem 1.5rem;}

/* 内页 分页 */
.showpage{text-align:center; margin:1.5rem;}
.showpage a{border:1px solid #ddd; padding:.3rem 1rem; display:inline-block; margin-left:.3rem; margin-right:.3rem; font-size:1.2rem; margin-bottom:.8rem;}
.showpage a.now{background:#006DB2; color:#fff; border:1px solid #006DB2;}




/* --- 产品列表 --- */
.product-list{ padding:.75rem;}
.product-list ul{}
.product-list li{float:left; width:50%; padding:.75rem;}
.product-list li .box{background:#ddd; padding:.5rem .5rem 0 .5rem; transition:all .2s ease;}
.product-list li .box .pic{width:100%;height:110px;background-color:white;}
.product-list li .box .pic img{width:100%;max-height:100%;}
.product-list li .box .text{ text-align:center; font-size:1.2rem; padding:1rem 1.5rem; line-height:150%;}



/* --- 产品详情 --- */
.product-show{overflow:hidden;}
.product-show .pic{border:1px solid #efefef;}
.product-show .text{ padding:1.5rem;}
.product-show .text h3{font-size:2.4rem; color:#008FD7; font-weight:bold;}
.product-show .text em{color:#999; display:block; margin-top:1.5rem; margin-bottom:1.5rem; line-height:1.8rem;  border-bottom:1px solid #efefef; padding-bottom:1.5rem; font-size:1.4rem; }
.product-show .text p{font-size:1.2rem; line-height:200%;}




/* --- 产品切换 --- */
.product-tabs{}
.product-tabs .hd{background:#eee; height:3.5rem; line-height:3.5rem; margin-bottom:1.5rem;}
.product-tabs .hd li{float:left; width:33.333%; text-align:center; font-size:1.4rem;}
.product-tabs .hd li.on{background:#006DB2; color:#fff;}

.product-tabs .bd li .show{margin-bottom:60px; padding:1.5rem;}
.product-tabs .bd li .show p{margin-bottom:1.5rem; line-height:200%; font-size:1.4rem;}


/* --- 其他关注 --- */
.product-other h3{background:#f5f5f5; padding:1.5rem; font-size:1.4rem; font-weight:bold; text-align:center;}




/* --- 方案列表 --- */
.programme{ padding:1.5rem;}
.programme li{margin-bottom:1.5rem; }
.programme li .pic{overflow:hidden;}
.programme li .text{ padding:1.5rem 0;}
.programme li .text h3{margin-bottom:1.5rem; font-size:1.6rem;}
.programme li .text em{font-size:1.2rem; display:block; margin-bottom:1.5rem; border-bottom:1px solid #efefef; padding-bottom:1.5rem}
.programme li .text em a{color:#999; margin-right:1.5rem;}
.programme li .text p{color:#666; line-height:180%; font-size:1.4rem;}



/* --- 新闻列表 --- */
.news-list li{overflow:hidden; border-bottom:1px solid #efefef; padding:1.5rem;}
.news-list li .pic{margin-bottom:1.5rem;}
.news-list li .pic img{width:100%;}
.news-list li .text h3{font-size:1.4rem;  margin-bottom:1rem;}
.news-list li .text em{color:#999; font-size:1.4rem; display:block; margin-bottom:1rem;}
.news-list li .text p{font-size:1.4rem; line-height:180%;}



/* --- 新闻详情 --- */
.news-show .title{text-align:center; border-bottom:1px solid #efefef; padding:1.5rem;}
.news-show .title h1{ font-size:1.8rem; margin-bottom:1rem; line-height:115%;}
.news-show .title em{color:#999; font-size:1.2rem;}

.news-show .box{padding:1.5rem;}
.news-show .box p{line-height:200%; margin-bottom:1.5rem; font-size:1.4rem;}

.article-other {border-top:1px solid #efefef; font-size:1.2rem; line-height:200%; color:#999; padding:1.5rem;}
.article-other  a{display:block;}



/* --- 留言 --- */
.messages{ padding:1.5rem;}
.messages li{overflow:hidden;}
.messages li span{margin-bottom:1.5rem;}
.messages li input{width:100%; height:4rem; line-height:4rem; background:#f5f5f5; border:none; padding-left:1.5rem; font-size:1.4rem;}
.messages li textarea{width:100%; height:20rem;  background:#f5f5f5; border:none; padding:1.5rem; font-size:1.4rem;}
.messages li button{width:100%; height:4rem; line-height:4rem; background:#008FD7; border:none; color:#fff; border-radius:.5rem; cursor:pointer; font-size:1.4rem; margin-top:1.5rem;}




/* --- 下载 --- */
.download-list{padding:1.5rem;}
.download-list li{background:#f5f5f5; margin-bottom: overflow:hidden; padding:1.5rem; margin-bottom:1.5rem;}
.download-list li a{display:block; overflow:hidden; color:#666;}
.download-list li h3{ margin-bottom:1rem; font-size:1.6rem}
.download-list li em{  font-size:1.4rem;  background:url(../images/download.png) no-repeat right center ; background-size:1.4rem; padding-right:3rem;}

.download-list li:hover {background:#eee;}




}

