@charset "utf-8";
/* CSS Document */
body,p,a,div,ul,li,button,input,span{font-family: "微软雅黑";}
ul{ list-style:none;padding:0;margin:0;}
*{margin:0;padding:0}

.banner img{width: 100%;}
.head-top-tit{font-size: 14px; border-bottom: #cbcbcb 1px solid; margin-bottom: 20px;padding: 6px 0;}
.head-top{position:relative;z-index: 2;}

.head-bom{padding-bottom: 10px;}

.nav ul li{float:left;padding:0 16px;}
.nav ul li a{color: #444;text-decoration: none;font-size: 16px;font-weight: bold;}
.nav ul .active a{color: #12b9e3;border-bottom: 2px solid #12b9e3;padding-bottom: 6px;}
.nav ul li a:hover{color: #12b9e3;border-bottom: 2px solid #12b9e3;padding-bottom: 6px;}

.index-tite{position: relative; margin: 30px 0 50px;}
.index-tite h3{text-transform: uppercase;font-size: 40px; font-weight: bold;}
.index-tite h3:after{content: ""; border:1px solid #333;position: absolute;left: 0; bottom: -20px; width: 40px;}
.about-con{font-size: 17px;line-height: 30px;}

.index-pro{-background: #f8f8f8;padding: 40px 0 70px;}
.index-pro ul li{position: relative; width: 23%; float:left;margin: 1%;}
.index-pro ul li img{width: 100%;}
.index-pro ul li .index-pro-tit{position: absolute; bottom: 0px; left: 0;background-color: RGBA(91,91,91,0.5);width: 100%; padding: 10px 0; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;}
.index-pro ul li .index-pro-tit a{color: #fff;}
.list-prod-tit{padding-bottom: 10px;}
.list-prod-tit dl dt{width: 18%;font-weight: 100; margin: 0 1% 10px; float: left;border: 1px solid #c7c7c7;text-align: center;line-height: 36px;}
.list-prod-tit dl dt a{text-align: center; color: #737373;text-decoration: none; font-size: 16px;}
.list-prod-tit dl dt:hover{background: #12b9e3; color: #fff; border: 1px solid #12b9e3;}
.list-prod-tit dl dt:hover a{color: #fff;}


.youshi{padding: 40px 0 60px;}
.youshi-con{padding-top: 20px;}
.youshi-con a{color: #333; text-decoration: none;}
.youshi-con p{color:#999}
.youshi-con ul li{text-align: center;}

.index-new{background: #f8f8f8; padding: 40px 0 70px;}

.index-new .index-new-time{float:left;width: 20%; font-size: 28px; text-align: center;}
.index-new .index-new-time p{ font-size: 18px;}
.index-new .index-new-con{float:left;width: 75%;border-left: 1px solid #999;  padding-left: 5%;}
.index-new .index-new-con h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-new .index-new-con p{ color: #999;}
.index-new-r ul li{display: inline-block; width: 100%;padding: 20px 0;}
.index-new-l img{width: 100%;}
.index-new-r a{color: #333;}




.list-ban img{width: 100%;}
.bread-line{border-bottom:1px solid #d7d7d7;padding: 10px 0; }
.bread-line a{color: #333;}
/*新闻中心*/


.new{margin-top: 30px;}
.new ul li{background: #fafafa;display: inline-block; width: 100%; margin-bottom: 20px;  padding: 15px;}
.new-ico img{max-width: 100%;}
.new-nr{padding-top: 10px;}
.new-nr p{color:#999;}
.new-nr span a{color: #12b9e3;border: 1px solid #12b9e3;padding: 6px 20px; margin-top: 20px; display: inline-block; text-decoration: none;}
.new-nr span a:hover{background:#12b9e3 ; border:none;color: #fff;}

/*产品展示*/
.list-prod-con ul {width: 100%; display: inline-block;}
.list-prod-con{margin: 30px 0 50px; width: 100%; display: inline-block;}
.list-prod-con ul li{padding: 1%;  width:25%; float:left;}
.list-prod-con ul li a{text-decoration: none;}
.list-prod-con ul li .box{display: block; padding:10px; background:#fAFAFA; text-align:center; }
.list-prod-con ul li .box .pic{ margin-bottom:28px; width:100%; background: no-repeat center center; background-size: cover;height: 240px;overflow: hidden;}
.list-prod-con ul li .box .pic img{max-width: 100%;height: 100%;}
.list-prod-con ul li .box .p1{ margin-bottom:10px; font-size:16px; color:#333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-prod-con ul li .box .buc{ margin-bottom:18px; font-size:14px; color:#666666; height:3em; line-height:23px; overflow:hidden;}

.index-tite a{color: #333; text-decoration: none;}
/*yema*/
.pages-box{ padding-top:22px; text-align:center; padding-bottom: 70px;}
.pages-box .pages{ display:inline-block;margin-top: 40px;}
/*pages*/
.pages{ border:#d0d0d0 solid 1px; border-radius:3px; font-size:16px; line-height:30px;}
.pages a,.pages span{ float:left; display:block; padding:0 15px; border-right:#d0d0d0 solid 1px; color: #666;}
.pages a.last-ele{ border:none;}
.pages span,.pages a:hover{ background-color:#f8f8f8; color:#333;}

/*show*/
.show-con{padding-top: 20px;}
.show-con p{font-size: 14px; color: #666; margin-top: 12px;}
.show-con .show-tite{text-align: center; border-bottom:1px dashed #dedcdc;    padding-bottom: 20px;}
.show-wz{font-size: 17px;line-height: 36px;padding: 10px 40px 60px;}
.show-tit{text-align: center;border-bottom:1px dashed #dedcdc;padding-bottom: 20px;}

/*产品列表页*/
.product-list-tit h3{text-align: center; margin-top: 60px;position: relative;margin-bottom: 50px;}
.product-list-tit h3:after{ content: " "; position: absolute; left: 527px; bottom: -18px; width: 80px;height: 2px;background: #12b9e3;}

.pro-list-name{}
.pro-list-name li{width: 18%;margin:0 1% 10px; float:left;border: 1px solid #c7c7c7; text-align: center; line-height: 36px; }
.pro-list-name li a{text-align: center; color: #737373;text-decoration: none;}
.pro-list-name li:hover{background: #12b9e3; color: #fff; border: 1px solid #12b9e3;}
.pro-list-name li:hover a{color: #fff;}

.pro-list-name .active{background: #12b9e3; color: #fff; border: 1px solid #12b9e3;}
.pro-list-name .active a{color: #fff;}

/*行业应用*/
/*标题*/
.hagnye-list{display: inline-block; width: 100%;  margin-bottom: 10px;}
.hagnye-list ul li{width: 18%;margin:0 1% 10px; float:left;border: 1px solid #c7c7c7; text-align: center; line-height: 36px; }
.hagnye-list ul li a{text-align: center; color: #737373;text-decoration: none;}
.hagnye-list ul li:hover{background: #12b9e3; color: #fff; border: 1px solid #12b9e3;}
.hagnye-list ul li:hover a{color: #fff;}
.hagnye-list ul .active{background: #12b9e3; color: #fff; border: 1px solid #12b9e3;}
.hagnye-list ul .active a{color: #fff;}
.hagnye-list h3{text-align: center; margin-top: 60px;position: relative;}
.hagnye-list h3:after{ content: " "; position: absolute; left: 527px; bottom: -18px; width: 80px;height: 2px;background: #12b9e3;}
.hagnye-list .hangye-list-con{text-align: center;padding: 30px 0 50px; width: 80%;margin: 0 auto;line-height: 30px;}
.hagnye-list .hangye-list-con p{margin-bottom: 0;}


.waibao{margin-top: 30px;background: #f8f8f8; padding-top: 20px;}
.waibao ul{padding: 0px 0 50px;;}
.waibao ul li{text-align: center; height: 360px;}
.waibao ul li a{color:#4e4e4e;padding: 40px 30px 40px;display: block;border:1px solid #eaeaea;background: #f9f9f9; text-decoration: none;}
.waibao ul li h3{font-size: 20px;    padding-bottom: 15px;}
.waibao ul li img{margin: 0 auto;}
.waibao ul li p{line-height: 200%;text-align: left;margin: 5px 0 15px;font-size: 16px;}
.waibao ul li span{display: block;background: #fec767;padding: 10px 0;border-radius: 20px;color: #004778;
border: 1px solid #fec767;}
.waibao ul li .backface span{color: #fff;border: 1px solid #fff;background: transparent;}
.waibao ul li .backface{border: 1px solid #0092db;color: #fff;
background: url(../images/hmsource-bg.jpg) center no-repeat;background-size: cover;}

.waibao ul li .front {    
    transform: perspective(1000px) rotateY(0deg);
    backface-visibility: hidden;
    transition: transform .8s;
    width: 100%;
    height: 100%;
    margin-right: -100%;
    float: left;
}
.waibao ul li .backface {
    transform: perspective(1000px) rotateY(180deg);
    backface-visibility: hidden;
    transition: transform .8s;
    width: 100%;
    height: 100%;
}
.waibao ul li:hover .front {
    transform: perspective(1000px) rotateY(-180deg);
}
.waibao ul li:hover .backface {
    transform: perspective(1000px) rotateY(0deg);
}

/*流程*/
.liucheng{background:url(../images/liucheng-bg.jpg) center no-repeat;background-size: cover; color: #fff;height: 480px;}
.liucheng-con{width: 90%; margin: 0 auto;}
.liucheng-con img{max-width: 100%;}
.liucheng-tite{margin-top: 60px; margin-bottom: 60px;}
.liucheng-tite h2{font-size: 40px;}
.liucheng-tite p{font-size: 22px;padding-top: 10px;font-weight: 100;}

/*公司简介*/
.conpany-index {padding: 70px 0 30px;}
.conpany-index .con-title h4{font-size: 40px; color: #12b9e3; font-weight: bold;}
.conpany-index .con-title p{font-size: 16px; color: #333;}
.conpany-index-con span{width: 80px; height: 2px;background:#9c9c9c;display: inherit;margin-bottom: 20px;}
.conpany-index-con{font-size: 18px; line-height: 38px;}
.conpany-more{border:1px solid #999; color: #999999;padding: 2px 16px; font-size: 12px;margin-top: 10px;display: inline-block;}
.con-title a{text-decoration: none;}
/*底部样式*/
.footer-top{background: #4d4d4d;color: RGBA(255,255,255,0.8);padding: 40px 0 10px;;}
.footer{ background: #4d4d4d; border-top:1px solid #3f3f3f;padding: 4px 0; color: RGBA(255,255,255,0.5); text-align: center;}
.footer p{margin-bottom: 2px;font-size: 12px;}
.footer-top-r{}
.footer-top-l{}
.footer-top-l li { height: 70px; width: 48%; float: left;padding: 0 0 0 50px;}   
.footer-top-l li:nth-child(2n) {width: 376px;}
.footer-top-l span {display: block;color: #fff;font-weight: normal;font-size: 16px; }       
.footer-top-l b {font-family: Arial;font-size: 18px;}


.foot-nav {background: #12b9e3; line-height:45px;}
.foot-nav ul li{float:left;width: 14%;text-align: center; }
.foot-nav ul li a{color: #fff;    text-decoration: none; font-size: 16px;font-weight: bold;}

.erjilanmu{display: inline-block; width: 100%;}
.erjilanmu ul li{float:left; padding:20px}
.erjilanmu ul li a{color:#333; font-size:16px}
.topmenu-mb{display: none;}
@media only screen and (min-width:1280px) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:768px) {

}
@media only screen and (max-width:480px) {
.hidden-xs{display: none;}
.topmenu-mb{display:block;}
.topmenu-mb{background:#eee;height:50px;position:relative; width:100%}
.topmenu-mb>div a:last-child{color:#fff;float:right;font-size:20px;font-weight:bold;color:#12b9e3;text-decoration:none;line-height:50px}
.topmenu-mb ul{display:none;position:absolute;top:50px;left:0;width:100%;background:#12b9e3;z-index:9999999;}
.topmenu-mb ul li{padding:6px 10px;border-top:1px solid #fff;}
.topmenu-mb ul li a{color:#fff}
.topmenu-mb ul li a{color:#fff}
.conpany-index{padding: 20px 0;}
.conpany-index .con-title h4{font-size: 24px;}
.waibao ul li a{padding: 10px;}
.waibao ul li h3{padding-bottom: 0px;}
.waibao ul li p {line-height: 160%;text-align: left; margin: 0; font-size: 14px;}
.waibao ul li { height: 260px; margin-bottom: 20px;}
.list-prod-tit dl dt {width: 48%;}
.index-pro ul li {width: 48%;}
.index-pro{padding: 20px 0;}
.liucheng{height: 300px;}
.liucheng-tite h2{font-size: 24px;}
.liucheng-tite p {font-size: 16px;}
.index-new{padding: 20px 0;}
.foot-nav ul li a{font-size: 12px;}
.foot-nav ul li{width: auto; padding: 0 2px;}
.footer-top-l li{width: 100%;}
.footer-top-l li:nth-child(2n){width: 100%;}
.show-wz{padding: 0 0 50px;}
.pro-list-name li{width: 48%;}
.list-prod-con ul li{width: 50%;}
.list-prod-con ul li .box .pic{height: auto;}
.list-prod-con ul li .box .pic img{height: auto;margin-bottom: 8px;}
.hagnye-list .hangye-list-con{width: 100%;}
.hagnye-list h3 { margin-top: 20px;}
.hagnye-list .hangye-list-con {padding: 10px 0 20px;}
.hagnye-list ul li {width: 48%;}
.hagnye-list h3:after {left: 40%;}
.footer-top-r {margin-bottom: 20px;}
.pages a, .pages span {padding: 0 8px;}
.show-wz img{max-width: 100%;}

}
@media only screen and (max-width:320px) {

}