/*幻灯片*/
.swiper-hdp .swiper-slide { text-align: center; font-size: 18px;background: #fff;position:relative;}
.swiper-hdp .swiper-pagination {position: absolute;left: 0;text-align: center;bottom: 30px;width: 100%;z-index:999;}
.swiper-hdp .swiper-pagination-bullet {display: inline-block; width: 40px; border-radius: 3px; height: 6px;opacity:1;  background: white; margin: 0 10px; cursor: pointer; transition: width 0.3s ease-in-out;}
.swiper-hdp .swiper-pagination-bullet-active{ background: #8bcffa; width:50px;}


h2.ctit{ text-align: center; font-size: 40px; color: #000; margin: 20px 0;   padding: 50px 0 0;}
h2.ctit p{font-size:18px; position: relative;    color:#2e2e2e; font-weight: normal;   padding: 20px auto 30px; margin-top: 12px; background: url(../images/index_10.png) no-repeat center top; text-align: center; line-height: 70px;  color: #666;}
h2.ctit p::before{ content: ''; position:absolute; top:0 ; left: 50%; margin-left: -75px;  width: 150px; height: 2px; background: #bd8a44;}
a.more{ display: inline-block;  border:1px solid #f58100; padding:10px 30px; color: #f58100; font-size: 18px; line-height: 18px; }
/*解决方案*/
/*.bgcpms{ background: #f7f7f7 url(../images/bg.jpg) no-repeat center 160px; }
.cpms-box{ padding: 70px 0px;  }*/
ul.cpmslist{ margin:15px 0; }
ul.cpmslist a{ display: block; color: #fff; }
ul.cpmslist li{ width: 170px; height: 156px; border-radius: 10px; float: left; margin: 15px; background: #7c91b4; transition: all 0.3s; }
ul.cpmslist li .cpimg{ padding:25px 25px 20px; }
ul.cpmslist li h2{ padding:0 30px;text-align:center; font-size: 18px; color: #eee; letter-spacing:2px;}
ul.cpmslist li:hover{ background: #4a3825; }

ul.cpmslist-big{ margin:15px 0; }
ul.cpmslist-big a{ display: block; color: #fff;   border-radius: 10px;  background: #a37628;  padding: 15px; box-sizing: border-box; }
ul.cpmslist-big li{ width: 33.33%; height: 450px; float: left; padding: 15px; box-sizing: border-box;  transition: all 0.3s; }
ul.cpmslist-big li .cpimg{ padding:25px 25px; }
ul.cpmslist-big li h2{ padding:0 30px;text-align:center; font-size: 24px; font-weight: bold; color: #fff; letter-spacing:2px;}
ul.cpmslist-big li p{  text-align: left; padding:30px 25px; height: 110px; font-size: 16px; color: #fff; letter-spacing:2px;}
ul.cpmslist-big a:hover{ background: #7c91b4; }
/*关于我们*/
.bggywm{ background: #f5f5f5; }
.gywm-box{ padding: 70px 0px;}
.pro-index li{width: 270px; height: 400px;  float: left; margin: 15px;  text-align: center;}
.pro-index li a{border:1px solid #fff; background: #fff;  color: #fff; display: block; width: 100%; height: 100%;padding-top: 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;  }
.pro-index li p{ line-height: 30px; padding:15px 0;  text-align: center; color: #000;}
.pro-index li span{ background: #f58100; line-height: 36px; padding:8px 20px;  }
.pro-index li a:hover{ border:1px solid #eaeaea; box-shadow: 0 0 5px #ccc;   }
.pro-index li a:hover span{ color: #fff; }


.al-index li{width: 270px; height: 152px;  float: left; margin: 15px;  text-align: center;}
.al-index li a{ color: #fff; display: block; width: 100%; height: 100%; position: relative; transition: all 0.3s; }
.al-index li p{width: 100%; height: 35px; line-height: 35px;  bottom: 0; left:0; background: #000;position: absolute;  opacity: 0.6; z-index: 1;}
.al-index li span{ padding:0 10px; text-align: center; line-height:35px;  z-index: 2;position: absolute;  bottom: 0; left:0;  display: block; height: 35px; width: 100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; overflow: hidden;}
.al-index li a:hover p{height: 152px;}
.al-index li a:hover span{height: 152px;  vertical-align: middle;}


.tc-box-tit{ width: 600px; margin:40px auto; }
.tc-box-tit li{width: 150px; margin:0 70px; cursor: pointer; text-align: center; font-size: 16px; color: #666; border-bottom: 4px solid #edf7f2; float: left; line-height: 43px; border:1px solid #605c5c;}
.tc-box-tit li.act{ color: #fff; background: #f58100;border:1px solid #f58100;}
.tc-box-con{padding: 0px 0px;}
.dt-left{ width: 690px; padding:30px; float: left; }
.dt-left li{padding-bottom: 45px;}
.dt-left a{ display: block;  }
.dt-left .dt{ width: 262px; float: left; }
.dt-left .dt img{float: left; max-width: 170px;}
.dt-left .dt p{ border:1px solid #605c5c; height: 100px; width: 90px; float: left; font-size: 36px; line-height: 60px; text-align: center; color: #444;}
.dt-left .dt p span{ font-size: 18px; line-height: 36px; display: block; }
.dt-left .dt-con{  width: 416px; padding-left: 10px; float: right; }
.dt-left .dt-con h3{ font-size: 24px; padding-bottom: 10px; color: #444; }
.dt-left .dt-con p{ font-size: 14px; color: #666; }

.dt-right{ float: right; width: 366px; padding:30px; }
.dt-right a{ display: block; }
.dt-right span{ line-height: 40px; }
.dt-right h3{ font-size: 24px; padding-bottom: 10px; color: #444; }
.dt-right p{ font-size: 14px; color: #666; }
.indexjs{}
.indexjs li{ transition: all 0.3s; width:50%;box-sizing: border-box; padding:0 20px; float: left; border-left:2px solid #ccc; margin:15px 0; }
.indexjs li h3{ font-size: 24px; padding-bottom: 10px; color: #444; }
.indexjs li p{ font-size: 14px; color: #666; }
.indexjs li:hover{ background: #e1e1e1; border-left:2px solid #f58100; }
/*二级产品列表*/
.pro-pro li{margin:8px; border:1px solid #efefef;}
/*产品详情*/
.cpbox{ position: relative; }
.cp-pic{ width: 300px; height: 300px; border:1px solid #bfbfbf; float: left;}
.cp-info{ position:  absolute;top:0; left:0; padding-left: 360px; }
.cp-info h2{ color: #000; font-size: 24px; padding-bottom: 20px; }
.cp-info p{ color: #444; font-size: 16px; line-height: 30px; }
.cp-info a{ display: inline-block; float: right; border:1px solid #444; padding:5px 10px; font-size: 24px; color: #f58100; }
.cp-info a i{ float: left; vertical-align: middle; margin-right: 10px; }


.cp-tit{ border-bottom:1px solid #f58100; }
.cp-tit li{ cursor: pointer; float: left; background: #dcdcdc; color: #555; font-size:18px; line-height:36px; margin-right: 10px; padding:0 20px; }
.cp-tit li.act{ background: #f58100; color: #fff; }
.cp-con{ padding:30px 0; }

/*解决方案*/
.fa-ej{}
.fa-ej li { min-height: 170px; border-bottom: 1px dashed #eee; padding-bottom: 20px; margin-bottom: 20px; margin-top: 8px; }
.fa-ej li a{ display: block; position: relative; }
.fa-ej li a h2{ color: #000; font-size: 24px; padding-bottom: 20px; }
.fa-ej li a p{ color: #444; font-size: 16px; line-height: 30px; }
/* .fa-ej li a span{ display: block; float: right; background: #f58100; border-radius: 50%; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; } */



.zxwz{  padding:10px; background: #f8f8f8; border-radius: 8px; }
.zxwz li{ width: 100%; float: left; }
.zxwz li a{ color: #000; font-size: 16px; line-height: 2; }
.zxwz li i{ margin-right: 6px; background: #2063b7; display: inline-block; width: 8px; height: 8px; border-radius: 4px;}
/*留言*/
/*.tcbtn{ width: 60px; height: 60px; padding:15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; color: #fff; position: fixed; right: 10px; top:260px; background: #2063b7; font-size: 20px; line-height: 30px; text-align: center; cursor: pointer;  }
.tcbg{ width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 999999; position: fixed; left:0; top:0; }
*/
.tcform{  padding:35px 70px;  background: #fff; }
.tcform h2{ text-align: center; color: #2063b7; font-size: 20px;}
.tcform p.s{ text-align: center; padding:25px 0 40px;}
.tcform p.c{ text-align: center; padding-top:30px; }
.tcform p.c a{  color: #999; font-size: 16px; }
.form-item{ font-size: 20px;  margin-bottom: 25px;}
.form-item .form-label{font-size: 20px; width: 80px; float: left; line-height: 40px;}
.form-item .form-inline{ padding:3px 10px; width: 340px;  float: left; height:32px ; border:1px solid #ddd;}
.form-item .form-inline input{ width: 100%; height: 100%; }
.form-item .form-block{width: 360px;  float: left; min-height:40px ; }
.form-item .form-block div{ padding:3px 10px; width: 120px;  float: left; height:32px ; border:1px solid #ddd; float: left;}
.form-item .form-block div input{ width: 100%; height: 100%; }
.form-item .form-block img{  float: right;}
.form-item .form-block  .textarea{ width: 100%;  min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;}
div.tijiao{ width: 100%; }
div.tijiao button{ display: block; width:130px;height:40px;background:#8bcffa; padding: 0; margin: 0 auto; border:none; font-size: 18px; text-align: center;  line-height: 40px; color: #fff;}
/*搜索结果*/
.searchlist{}
.searchlist li{ border-bottom: 1px solid #efefef; padding:10px 0; }
.searchlist li a{ color: #444; font-size: 16px; line-height: 32px; }
.searchlist li a span{ color: #f00; font-weight: bold; }


h3.dtj{ font-size: 18px; }


.about{}
.about-l{ width:700px; float:left; font-size: 16px; line-height: 2}
.about-r{ width:400px; float:right; }


















/*@media screen and (max-width: 1366px){
	<=1366的设备

}*/
@media screen and (max-width: 1024px){
	/*//<=1024的设备*/

}
@media screen and (max-width: 768px){
.swiper-container a:hover{ color:#fff;}
.swiper-hdp .swiper-slide { text-align: center; font-size: 18px;background: #fff;position:relative;}
.swiper-hdp .swiper-pagination {position: absolute;left: 0;text-align: center;bottom: 10px;width: 100%;z-index:999;}
.swiper-hdp .swiper-pagination-bullet {display: inline-block; width: 12px; height: 6px;opacity:1; border-radius: 0px; background: white; margin: 0 10px; cursor: pointer; transition: width 0.3s ease-in-out;}
.swiper-hdp .swiper-pagination-bullet-active{ background: #8bcffa; width:24px;}
/*产品模式*/
.bgcpms{ background: #f7f7f7 url(../images/bg.jpg) no-repeat center 120px; }
.cpms-box{ padding: 30px 0px;  }
h2.ctit{ text-align: center; font-size: 24px; }
h2.ctit p{font-size:12px;  color:#2e2e2e; height:30px; font-weight: normal;  max-width: 680px; margin: 20px auto 30px;}
h2.ctit span{display: block; width: 60px; height: 4px; background: #2063b7; margin:20px auto; }

ul.cpmslist{ margin:0; }
ul.cpmslist li{ width: 33.33%; height: auto; float: left; box-sizing: border-box; border:5px solid #fff; margin: 0px auto 10px; }
ul.cpmslist li .cpimg{ padding:15px 25px 10px; }
ul.cpmslist li h2{ padding:0px 0 10px; }
/*关于我们*/
/*关于我们*/
.gywm-box{ padding: 30px 0px;}
.pro-index li{width: 50%; height: auto; padding-bottom: 30px;  float: left; margin: 0px;  text-align: center;}
.pro-index li a{ color: #fff; display: block; width: 100%; height: 100%;padding-top: 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;  }
.pro-index li p{overflow: hidden; text-overflow:ellipsis;white-space:nowrap; line-height: 30px; padding:15px 0;  text-align: center; color: #000;}
.pro-index li span{ background: #f58100; line-height: 36px; padding:8px 20px;  }
.pro-index li a:hover{ background: #eaeaea; }

.al-index li{width: 50%; height: auto; box-sizing: border-box;  float: left; padding:10px; margin: 0;  text-align: center;}
.al-index li a:hover p{height: 100%;  }
.al-index li a:hover span{height: 100%;  vertical-align: middle;}


.tc-box-tit{ width: 100%; margin:40px auto; }
.tc-box-tit li{width: 50%; margin:0 0px; box-sizing: border-box; cursor: pointer; text-align: center; font-size: 16px; color: #666; border-bottom: 4px solid #edf7f2; float: left; line-height: 43px; border:1px solid #605c5c;}
.tc-box-tit li.act{ color: #fff; background: #f58100;border:1px solid #f58100;}
.tc-box-con{padding: 0px 0px;}
.dt-left{ width: 100%; padding:10px; float: none; box-sizing: border-box; }
.dt-left li{padding-bottom: 45px;}
.dt-left a{ display: block;  }
.dt-left .dt{ margin-bottom: 10px; width: 100%; float: left; display: flex; align-items: center; justify-content: space-around; }
.dt-left .dt img{max-width: 100%; max-height: 100px;}
.dt-left .dt p{flex-grow:1; border:1px solid #605c5c; height: 100px; width: 90px; float: left; font-size: 36px; line-height: 60px; text-align: center; color: #444;}
.dt-left .dt p span{ font-size: 18px; line-height: 36px; display: block; }
.dt-left .dt-con{  width: 100%; padding-left: 0px; float: right; }
.dt-left .dt-con h3{ font-size: 20px; padding-bottom: 10px; color: #444; }
.dt-left .dt-con p{ font-size: 14px; color: #666; }

.dt-right{ float: right; width: 100%; padding:10px; box-sizing: border-box; }
.dt-right a{ display: block; }
.dt-right span{ line-height: 40px; }
.dt-right h3{ font-size: 20px; padding-bottom: 10px; color: #444; }
.dt-right p{ font-size: 14px; color: #666; }
.indexjs{}
.indexjs li{  width:100%; margin:15px 0; }
.indexjs li h3{ font-size: 18px; padding-bottom: 10px; color: #444; }
.indexjs li p{ font-size: 12px; color: #666; }
.indexjs li:hover{ background: #e1e1e1; border-left:2px solid #f58100; }
/*解决方案*/
.fa-ej{}
.fa-ej li { min-height: 170px; border-bottom: 1px dashed #eee; padding-bottom: 20px; margin-bottom: 20px; }
.fa-ej li a{ display: block; position: relative; }
.fa-ej li a img{max-width: 100%; display: block; margin:0 auto 10px; }
.fa-ej li a {position: relative; left:auto;  top:auto; padding-left: 0;}
.fa-ej li a  h2{ color: #000; font-size: 18px; padding-bottom: 10px; }
.fa-ej li a  p{ color: #444; font-size: 14px; line-height: 30px; }
.fa-ej li a  span{ display: block; float: right; background: #f58100; border-radius: 50%; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; }
/*二级产品列表*/
.pro-pro li{margin:0px; border:1px solid #efefef; box-sizing: border-box;}


/*产品详情*/
.cpbox{ position: relative; }
.cp-pic{ width: 300px; height: 300px; border:1px solid #bfbfbf; float: none;}
.cp-info{ position:  relative;top:auto; left:auto; padding-left: 0; width: 100%; }
.cp-info h2{ color: #000; font-size: 24px; padding-bottom: 20px; }
.cp-info p{ color: #444; font-size: 16px; line-height: 30px; }
.cp-info a{ margin:10px 0; display: block; float: none; text-align: center; border:1px solid #444; padding:5px 10px; font-size: 24px; color: #f58100; }
.cp-info a i{ float: none; display: inline-block; vertical-align: middle; margin-right: 10px; }


.cp-tit{ border-bottom:1px solid #f58100; }
.cp-tit li{ cursor: pointer; float: left; background: #dcdcdc; color: #555; font-size:14px; line-height:36px; margin-right: 5px; padding:0 10px; }
.cp-tit li.act{ background: #f58100; color: #fff; }
.cp-con{ padding:30px 0; }
.about{}
.about-l{ width:100%; float:none; font-size: 16px; line-height: 2}
.about-r{ width:100%; float:none; }

ul.cpmslist-big{ margin:15px 0; }
ul.cpmslist-big a{ display: block; color: #fff;   border-radius: 10px;  background: #a37628;  padding: 15px; box-sizing: border-box; }
ul.cpmslist-big li{ width: 100%; height: auto; float: left; padding: 15px; box-sizing: border-box;  transition: all 0.3s; }
ul.cpmslist-big li .cpimg{ padding:25px 25px; }
ul.cpmslist-big li h2{ padding:0 30px;text-align:center; font-size: 20px; font-weight: bold; color: #fff; letter-spacing:2px;}
ul.cpmslist-big li p{  text-align: left; padding:30px 20px; font-size: 14px; color: #fff; letter-spacing:2px; height: auto;}
ul.cpmslist-big a:hover{ background: #7c91b4; }
}