@charset "utf-8";
/* CSS Document */
*{padding: 0;margin: 0;list-style: none;text-decoration: none;border: 0;vertical-align: middle;font-family:微软雅黑,Arial, Helvetica, sans-serif}
header,section,footer{width: 100%}
footer{background: #434343;padding-top: 50px}
img {border: 0;vertical-align: middle; -ms-interpolation-mode: bicubic;}
.p30{padding:30px;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
li:hover,a:hover{transition:background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;transition:all .3s}
.fl{float: left}
.fr{float: right}
.clearfix{clear: both}
.mt5{margin-top: 5px}
.mb5{margin-bottom: 5px}
.mt10{margin-top: 10px}
.mb10{margin-bottom: 10px}
.mt12{margin-top: 12px}
.mb12{margin-bottom: 12px}
.pl30{padding-left: 30px}
/*公共样式结束*/
/*头部样式*/
header .logo{max-width: 100%;}
.container{max-width: 1200px;margin: 0 auto;width:100%}
.topbar{font-size: 13px;padding: 7px 0; background:#e4e4e4}
.logotel{background: url(../images/tel.jpg) no-repeat left center;padding-left: 70px;padding-top:8px;padding-bottom:8px}
.logotel p{font-size: 13px;color: #666}
.logotel h3{font-size: 20px;color: #333}

.menu{display: flex;align-items: center; background:url(../images/headermenuBg.jpg) repeat-x left top;}
.menu ul{ margin-top:-2px}
.menu li{display: inline-block;margin-right: 1%;width: 11.5%;}
.menu li a{padding: 13px 0px;color: #fff;font-size: 15px;display: block;text-align: center;}
.menu li.on a{background: #00428e}

.search{background: #00428e;padding: 20px 0}
.series li{float: left;margin-right: 10px;color: #fff}
.series li a{color: #fff}
.searchbox{background: #fff;padding-right: 10px;vertical-align: middle;display: flex;align-items: center}
.searchbox input{border: 0;padding-left: 5px;height: 34px;line-height: 34px;width: 300px}

/*关于我们*/
.about{background: url(../images/aboutBg.jpg) repeat-x left top; padding: 40px 0 20px 0}
.title01{text-align: center;margin-bottom: 20px}
.title01 h3{font-size: 24px;color:#FFFFFF;margin-bottom: 5px}
.title01 h1{font-size: 18px;color:#FFFFFF}
.aboutCon{color: #666;background: #fff;padding: 32px;line-height: 1.4;}
.aboutCon .img{width: 50%}
.aboutbox{margin-left: 20px;display: inline-block;width: calc(50% - 20px)}
.aboutbox h1{ font-size:18px}
.aboutCon h1{color: #333;margin-bottom: 10px;margin-top:30px}
.aboutCon p{line-height: 1.75; font-size:15px;}
.aboutCon .btn{display: inline-block;padding: 10px 25px;color: #fff;border-radius: 5px;margin-top: 15px;background: #00428e}

/* 鼠标经过动画2 左向右展开 */
.sim-button {line-height: 42px;height: 42px;text-align: center;margin-top: 15px;width: 200px;cursor: pointer;display: block}
.button7{color: #00428e;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;border: 1px solid #00428e;position: relative;	}
.button7 span{z-index: 2;	display: block;position: absolute;width: 100%;height: 100%; font-size:14px	}
.button7::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: #00428e;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(1, 0.5);transform: scale(1, 0.5);}
.button7:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.button7:hover{color: #fff}
/*产品中心*/
.tit-pro{background: url(../images/tit-pro-bg.jpg) no-repeat center top;padding: 20px 0; text-align: center; }
.tit-pro h1{color: #333;font-size: 24px;}
.tit-pro p{color: #999;font-size: 18px;}
.prolist{margin: 10px 0 50px}
.prolist li{display: inline-block;float: left;width: 24%;margin: 10px 0.5%;border: 1px solid #ddd;background: #fff;text-align: center;box-sizing: border-box}
.prolist li .img,.proRight .prolst li a .img{padding-top: 80%;object-fit: contain;width: 100%; position: relative; overflow: hidden;}
.prolist li .img img,.proRight .prolst li a .img img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto; object-fit:contain;}
.prolist li p{text-align: left;color: #666;font-size: 14px;line-height: 1.75; padding:15px 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;height:66px;box-sizing:border-box}
.prolist li:hover p{text-align: left;color: #fff;background: #00428e;transition: all 0.3s ease}

/*解决方案*/
.tit-solution{background: url(../images/tit-solution-bg.jpg) no-repeat center top;}
.tit-case{background: url(../images/tit-case-bg.jpg) no-repeat center top;}

.wel-case { padding: 30px 0 30px 0;width: 100%;height: 390px;position: relative;overflow: hidden;}
.wel-case-list .flex-direction-nav a {opacity: 1;filter: alpha(opacity=100); width: 66px;height: 77px;margin: -38px 0 0;text-shadow: none;background-size: 100% !important;transition: background .3s;z-index: 1}
.wel-case-list .flex-direction-nav a:before { font-size: 0}
.wel-case .flex-viewport { overflow: visible !important}
.wel-case-list .flex-direction-nav .flex-prev {background: url(../images/a32.png) no-repeat center;left: -121px}
.wel-case-list .flex-direction-nav .flex-next { background: url(../images/a33.png) no-repeat center;right: -121px }
.wel-case-list .flex-direction-nav .flex-prev:hover {background: url(../images/a32_h.png) no-repeat center}
.wel-case-list .flex-direction-nav .flex-next:hover {background: url(../images/a33_h.png) no-repeat center}
.wel-case .slides li:hover .con { bottom: 0}
.wel-case .slides li:hover .font-bg { opacity: .3;filter: alpha(opacity=30)}
.wel-case .slides li {overflow: hidden;position: relative;float: left;width: 420px;margin-right: 25px}
.wel-case .slides .con {position: absolute;bottom: -70%;left: 0;width: 100%;height: 100%;z-index: 2;display: block;padding: 9% 50px 0;transition: bottom .3s;box-sizing: border-box;}
.wel-case .slides .bg {width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: #fff;z-index: 1;opacity: 0;filter: alpha(opacity=0)}
.wel-case .slides .font-bg {width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: #000;z-index: 1;opacity: 0;filter: alpha(opacity=0);transition-property: opacity;transition-duration: .3s;transition-delay: .2s}
.wel-case .slides .tit {font-size: 18px;color: #fff;line-height: 25px;color: #fff;font-weight: bold}
.wel-case .slides .en {font-size: 16px;color: #fff;opacity: .6;filter: alpha(opacity=60);line-height: 24px;min-height: 24px}
.wel-case .slides .font {font-size: 18px;color: #fff;line-height: 34px;margin-top: 18px}
.wel-case .slides .more {margin-top: 40px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .3);background: url(../images/wel02.png) no-repeat center}
.wel-case .flex-control-nav {bottom: 20px}
.wel-banner .flex-control-nav li,.wel-case .flex-control-nav li {margin: 0 2px}
.wel-banner .flex-control-nav li a,.wel-case .flex-control-nav li a {width: 12px;height: 12px;background: url(../images/btn01.png) no-repeat center;background-size: 100% 100%;transition: background .3s;box-shadow: none}

/* 行业动态 */
.caseList{margin: 10px 0 50px}
.caseList li{display: inline-block;float: left;margin: 10px 0.5%;width: 49%;box-sizing: border-box;position: relative;border:1px solid #ddd; color:#999; padding:10px}
.caseList li  h1{font-size: 16px;margin-bottom: 8px ; color:#333}
.caseList li p{font-size: 12px;line-height: 1.5;}
.caseList li:hover{ background:#00428e;color:#fff }
.caseList li:hover h1{color:#fff}

/* 底部列表 */
.footUl{width: calc(32.33333% - 1px);margin:10px 0.5% 50px;float: left;display: inline-block;border-right: 1px solid #555555;min-height: 250px;box-sizing: border-box}
.footUl:last-child{border-right: 0}
.footUl h3{font-size: 16px;color: #fff;margin-bottom: 10px}
.footUl h1{font-size: 30px;color: #fff;margin-bottom: 20px}
.footUl p{line-height: 2;font-size: 14px;color: #fff}
.footUl .btn{border:1px solid #8e8e8e;border-radius: 3px;padding: 7px 20px;color: #8e8e8e;font-size: 14px;display: inline-block;margin-top: 10px}
.footUl .btn:hover{border:1px solid #fff;color: #fff;}

.footCode{display: flex;margin-top: 30px}
.footCode li{background: #fff;padding: 6px;border-radius: 5px;margin-right: 30px}
.menuA{margin-top: 30px}
.menuA a{color: #ccc;display: inline-block;margin-right: 15px;margin-bottom: 15px;font-size: 14px;}
.menuA a:hover{color: #fff}
.menu label{ display:none}

.copyright{background: #222222;padding: 15px 0;color: #ccc;font-size: 14px;}
.copyright p{line-height: 1.5}

/*内页样式*/
.innerbanner{max-height: 260px;padding: 60px 0;margin-bottom:30px}
.banner-about{background: url(../images/subBannerView.jpg) no-repeat center top; background-size:cover}
.banner-pro{background: url(../images/AD0I4fDMCRACGAAgkfaj6gUo6pqzvgUwgA84rAI.jpg) no-repeat center top; background-size:cover;}
.banner-contact{background: url(../images/1579424364604.jpg) no-repeat center top; background-size:cover;}
.innerbanner h1{font-size: 24px;margin-bottom: 10px;color: #FFFFFF}
.innerbanner p{color: #f0f0f0;font-size: 16px;}
.banner-contact h1{color:#333;}
.banner-contact p{ color:#666;}

.aboutinnerBox{width:calc(55% - 15px);margin-right:15px;font-size:16px;line-height:1.75;color:#666}
.aboutImg,.aboutLeftImg{width:45%;}
.aboutLeftImg{margin-right:15px;}
.aboutRightinner{width:calc(55% - 15px);font-size:16px;line-height:1.75;color:#666}
.aboutcontent{background-color: #0096ee; background-repeat: repeat-x;background: linear-gradient(to bottom right,#003655 0,#0066a1 50%,#0096ee 100%);color:#fff;font-size:16px;line-height:1.75;}
	
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.mt30{margin-top:30px}
.mb30{margin-bottom:30px}
.innercont{padding-top:50px;padding-bottom:50px}

.proLeft{width:calc(22% - 15px);margin-right:15px}
.proLeft h1{background:#00428e;line-height:1.75;color:#fff;font-size:20px;padding:10px}
.proLeft .proNav{margin-bottom:30px}
.proLeft .proNav>li{border:1px solid #ddd;line-height:1.5; margin-bottom:2px;}
.proLeft .proNav>li a{padding:10px;display:block;color:#333; font-size:14px;}
.proLeft .proNav>li>a{font-weight:bold}
.proLeft .proNav>li:hover>a{background:#00428e; color:#fff;}
.proRight{width:78%;}
.proLeft .proNav>li .submenu li:not(:last-of-type){border-bottom:1px dashed #eee;}
.proLeft .proNav>li .submenu li a{font-size:13px;padding-left:20px}
.proLeft .proNav>li .submenu li:hover a{color:#00428e}
.proRight .prolst li{display:inline-block; float:left; margin-right:10px;margin-bottom:10px;border:1px solid #ddd;box-sizing:border-box; width:calc(33.333333% - 12px); padding:2px;}
.proRight .prolst li:hover{border:1px solid #00428e}
.proRight .prolst li p.guige{ height:42px;}
.proRight .prolst li a h2{font-size:16px;margin-bottom:8px;color:#333;line-height:1.5;padding-left:10px;padding-right:10px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;height:50px
}
.proRight .prolst li a p{margin-bottom:8px; color:#666; font-size:14px; line-height:1.5;padding-left:10px;padding-right:10px}
.page{margin:20px auto 30px;}
.page li{float:left; margin:0 3px;}
.page li a{border:1px solid #ddd;padding:5px 8px; color:#666; font-size:12px;}
.page li a:hover,.page li a.on{background:#00428e; color:#fff;}

.proRight h1{font-size:18px;margin-bottom:15px;padding-bottom:10px; border-bottom:1px solid #ddd;}
.messageform{margin:20px 0;}
.messageform .input,.messageform .textarea{padding:10px;border:1px solid #ddd;font-size:14px; color:#666; display:block;margin-bottom:10px;width:75%; box-sizing:border-box; font-family:微软雅黑}
.messageform .textarea{min-height:380px;}
.messageform .btn{ background:#00428e;display:inline-block; color:#fff; font-size:14px; padding:8px 18px;max-width:140px;}

.contact,.news{ margin-bottom:30px;}
.contact h2,.news h2{ font-size:16px; margin-bottom:10px; }
.contact p,.news p{ line-height:1.75;font-size:14px;clor:#666; margin-bottom:15px} 

.news h2{ text-align:center;}

.downloadTable{ border:0; border-collapse:collapse; width:100%; margin:15px 0; text-align:center}
.downloadTable thead{ background:#f0f0f0; color:#333; font-size:16px; border-bottom:3px solid #ddd }
.downloadTable tbody tr{ border-bottom:1px dashed #ddd;color:#666; font-size:14px }
.downloadTable tbody tr td,.downloadTable thead th{padding:8px 0;}
.downloadTable tbody tr td:nth-child(2),.downloadTable thead th:nth-child(2){ text-align:left;padding-left:10px}

.newslst li{ border-bottom:1px dashed #ddd; padding:7px 0; position:relative;font-size:13px; vertical-align:baseline; color:#C70C13; line-height:1.75;}
.newslst li .time{ position:absolute; right:0; bottom:3px; color:#999; font-size:13px}
.newslst li a{ font-size:15px; color:#666; margin-right:10px}
.newslst li a:hover{ color:#00428e}

@media screen and (max-width: 780px) {
	.fl,.fr{float:none;}
	.img{ max-width:100%}
	.container{padding:0 8px;box-sizing:border-box}
	.aboutCon .img,.aboutbox{ width:100%}
	.aboutbox{ margin-left:0; text-align:center}
	.sim-button{margin:20px auto}
	.logotel{ display:none}
	.prolist li{width:48%;margin: 5px 1%;}
	.caseList li{width:100%; margin:5px 0}
	.prolist li .img img, .proRight .prolst li a .img img{width:100%}
	.footUl{ width:100%;float:none;}
	.footUl:nth-child(2),.footUl:nth-child(3){display:none}
	.menu{ position:relative;}
	.menu label{ padding:11px; box-sizing:border-box; text-align:right;width:100%; display:block}
	.menu ul{display:none; position:absolute;top:100%;margin-top:0;width:100%; padding:0; background:#f0f0f0}
	.menu ul li{ width:100%;margin:0;}
	.menu ul li a{ color:#666; text-align:left;padding-left:15px;}
	.menu ul li.on a{ color:#fff}
	.aboutinnerBox{ width:100%; margin-right:0}
	.aboutImg, .aboutLeftImg,.aboutRightinner{width:100%;}
	.aboutLeftImg{ margin-right:0}
	.proLeft{ display:none;}
	.proRight{ width:100%;}
	.proRight .prolst li{ width:46%; margin:8px 2%}
	.proRight .prolst li a h2,.proRight .prolst li a p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical}
	.proRight .prolst li p.guige{ height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
	.newslst li .time{position:relative}
	}