@charset "utf-8";
html {font-size: 62.5%;}
*{ margin:0; padding:0; list-style:none;box-sizing: border-box;}
body{ font-size:13px; font-family:"microsoft yahei",Arial, Helvetica;}/**防复制 -moz-user-select : none;-webkit-user-select: none;**/
table{ border-collapse:collapse; border-spacing:0;}
img { border:none; }
a{color:#333333;text-decoration:none;}
.clear{clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
.fix{*zoom:1;}
.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
blockquote{ padding-left:2em;}
.round4{-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.roundTop4{-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
a, img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#menuUl>li>.sub, .hamburger{display: none;}
.inner50{width:49%; margin-right: 1%;float: left;}

.header-logo{}
.header-logo a {display: flex;justify-content: center;align-items: center;height: 80px;}
.header-logo a img {width: 100%;}

.top{}
.head {background: #066f68;width: 100%;overflow: hidden;position: relative;}
.pWidth{ width:94%; margin:0 auto;}
.whiteBg{background:#fff;}
.logo {float: left;position: relative;background-color: #325bbb;width:250px;}
.logo:after {content: '';position: absolute;top: 50%;right: -20px;width: 0;height: 0;border-top: 43px solid transparent;border-bottom: 43px solid transparent;border-left: 20px solid #325bbb;transform: translateY(-50%);}
.tel {float: right;width: 240px;font: bold 24px/80px Georgia,Arial,Helvetica;background: #325bbb url(../images/png.png) no-repeat -746px 14px;color: #fff;padding: 0 10px 0 56px;text-overflow: clip;white-space: nowrap;overflow: hidden;}


/**导航菜单 beigin**/
.nav {float: left;width: calc(100% - 550px);max-width: 1100px;margin-left: 50px;}
#menuUl {display: flex;justify-content: center;align-items: stretch;flex-wrap: nowrap;}
#menuUl>li{flex:1;}
.menuMore{ display:none;}
#menuUl>li>a {color: #fff;display: block;font-size: 16px;line-height: 80px;text-align: center;}
#menuUl>li>a:hover{ background-color:#325bbb; color:#fff;}
#menuUl>li>a.on {background-color: #325bbb;}
/**导航菜单 end**/

.swiper {width: 100%;height: auto}
.swiper-slide {}
.swiper .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;object-fit: cover;}

#search_wrap { background:#FFF;  border-bottom: 1px solid #EEE;}
.search_text { border:2px solid #C7241D; height:40px; width:200px; padding:0 10px; border-radius: 20px 0 0 20px; }
.search_btn { background:#C7241D; height:40px; font-size:18px; font-weight:bold; width:80px; color:#FFF; cursor:pointer; border-radius:0 20px 20px 0; }
.hot_keywords {padding: 30px 0;float: left;font-size: 14px;}
.hot_keywords span{font-weight: bold;}
.hot_keywords a{color: #0377ca;margin: 5px;}
.header_search{float:right;}
.header_search>form{display: flex;align-items: normal;padding-top: 20px;}

.innerBanner{}
.innerBanner img{ width: 100%;}

/**产品分类菜单 beigin**/
.currentCateParentA{ display: block; font: bold 14px/36px '';text-align: center;}
.cateList {border-style: solid;border-color: #ddd;border-width: 1px 1px 0 1px;background: #fff;    margin-bottom: 10px;}
.cateList>li>a, .proCate .cateParentA {	display: block;font: bold 12px/48px "microsoft yahei",Arial,Helvetica;padding-left: 30px;border-bottom: 1px solid #ccc;background: url(../images/png.png) no-repeat -757px -502px #f4f4f4;}
.cateList>li>ul>li {white-space: nowrap;text-align: center;overflow: hidden;border-bottom: 1px solid #ddd;}
.cateList>li>ul>li>a, .currentCateSubLi a {display: block;line-height: 36px;text-align: left;padding-left: 28px;}
/**产品分类菜单 end**/

.fullTitle{}
.fullTitle .mainTitle {font-size: 36px;line-height: 1.5;font-weight: bold;text-align: center;padding:10px 0;}
.fullTitle .subTitle {font-size: 16px;line-height: 1.5;text-align: center;padding: 10px 0 ;color: #888;}

.homeMore{text-align:center;}
.homeMore a {background-color: #27477d;display: inline-block;line-height: 40px;color: #fff;width: 30%;max-width: 220px;}

.quality{}
.quality li {width: 32.3%;margin-right: 1%;float: left;box-sizing: border-box;position: relative;overflow: hidden;height: 400px;}
.quality li img{display: block;height: 400px; width: auto;margin: auto;opacity: 0.9;transition: all .5s ease .2s; object-fit: contain;position: absolute; left: 50%; transform: translateX(-50%);}
	
.qualityContent {padding: 120px 30px;position: absolute;top: 0;left: 0;}
.qualityItemTitle {font-size: 30px;line-height: 1.5;color: #fff;}
.qualityItemTxt {font-size: 16px;color: #fff;}


.iProTitle {font-size: 30px;font-weight: bold;color: #fff;float: left;}
.iProTitle span {font-size: 28px;color: #ff;-webkit-transition: transform .3s;transition: transform .3s;display: block;line-height: 80px;color:#0377ca;}
.iProTitle em {display: inline-block;vertical-align: middle;padding: 0 20px 0 10px;}
.iProTitle em img{width: 42px;height: 42px;display: block; transition: all 0.5s ease-in-out 0s;}
.titleMore {float: right;line-height: 80px;padding-right: 10px;font-size: 14px;}
.titleMore a{color:#0377ca;}
.fullTitle:hover .iProTitle span em img{ transform: rotateY(180deg);}
.fullTitle:hover .iProTitle span{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.homeTitle {border-bottom: 2px solid #325bbb;margin-bottom: 30px;color: #325bbb;line-height: 80px;font-size: 30px;}
.homeTitleTxt {background: url(../images/caseIcon.png) no-repeat 0px 21px;padding-left: 60px;}
.homeTitle .pWidth{position: relative;}
.homeTitle .arrow1 {border-color: #f4f4f4 transparent transparent transparent;border-style: solid;border-width: 16px;display: block;font-size: 0;left: 37px;line-height: 0;position: absolute;top: 80px;z-index: 999;}
.homeTitle .arrow2 {border-color: #325bbb transparent transparent transparent;border-style: solid;border-width: 20px;display: block;font-size: 0;left: 33px;line-height: 0;position: absolute;top: 80px;}

.homeNews{padding:40px 0 80px 0;background:#f6f6f6;}
.homeNewsList{}
.newsLeft{float: left; box-sizing: border-box; width: 30%;}
.newsLeft .pic{}
.newsLeft .pic img{transition: all 0.5s ease; width: 100%; object-fit: cover; display: block; height: 340px;}
.newsLeft .txt{}
.newsLeft .txt>a{font-size: 18px; color: #000; height: 24px; line-height: 24px; overflow: hidden; display: block; margin-top: 28px;}
.newsLeft .txt>p{font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; display: block; margin: 15px 0 20px;}
.newsMid{float: left; box-sizing: border-box; width: 34%; margin: 0 4%;}
.newsMid li{border-bottom: 1px solid #e9e9e9; padding-bottom: 20px; margin-bottom: 20px;}
.newsMid li .pic{float:left;width:40%}
.newsMid li .pic img{transition: all 0.5s ease; height: 135px; width: 100%; object-fit: cover; display: block;}
.newsMid li .txt{float:right;width:58%}
.newsMid li .txt>a{font-size: 18px; color: #000; height: 24px; line-height: 24px; overflow: hidden; display: block; margin-top: 10px;}
.newsMid li .txt>p{font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; display: block; margin: 15px 0 20px;}
.newsRight{float: left; box-sizing: border-box; width: 28%; margin-right: 0;}
.newsRight li{width: 100%; border-bottom: 1px solid #e9e9e9; display: flex; height: 60px; line-height: 60px; overflow: hidden;font-size: 16px;}
.newsRight li span{float:right; font-size: 14px; color: #666;}

.iProCateList {padding-bottom: 20px;}
.iProCateList li{float: left;width: 25%;background: url("../images/cateIcon.png") no-repeat 30px center;height: 80px;background-color: #000000;line-height: 80px;color: #fff;text-align: center;	font-size: 26px;}
.iProCateList li .cateParentA{ color:#fff;}
.iProCateList li:nth-child(2n){background-color: #327fdb;}

.pro {padding:20px 0 60px 0;background:#eee;}

.proCateList {float: right;margin-top: 26px;}
.proCateList li {display: inline-block;margin-right: 20px;}
.proCateList li a {display: inline-block;background: #ffff00;line-height: 32px;width: 100px;text-align: center;font-weight: bold;font-size: 14px;}

.iProCate{background-color: #fff; margin-bottom: 20px; padding: 10px 0;}
.iProList{padding: 20px 0;}
.iProList li {float: left;margin: 0 1% 20px 0;width: 24%;background: #fff;padding: 10px;box-sizing: border-box;}
.iProList li:nth-child(4n){margin-right:0;}
.iProList li img {width:100%;}
.iProList li a{display: block; text-align: center;}
.iProList li span {display: block;font-size: 14px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


.company {background: url(../images/companyBg.webp) repeat-y top center fixed;padding: 80px 0 80px 0;}
.companyContent{font-size:16px;line-height:2;}
.companyContent img{max-width: 100%;}
.companyTitle{text-align: center;font-size: 40px;padding-top: 30px;line-height: 80px;}
.companyTxt {color: #333;font: 14px/36px "microsoft yahei",Arial,Helvetica;text-indent: 2rem;padding: 30px 40px 80px 40px;position:relative;}

.companyCount {padding: 40px 0;}
.companyCount li {float: left;width: 20%;}
.ccMain{text-align:center;}
.ccMain .cNum{line-height: 1;font-size: 50px;text-align: center;height: auto;margin-bottom: 3%;font-weight: bold;color: rgba(39,71,125,1);}
.ccMain .cPlus{font-size: 14px;color: rgba(153,153,153,1);font-weight: normal;line-height: 1.5 !important;}
.ccSub{line-height: 1.5;text-align: center;color: rgba(51,51,51,1);font-size: 13px;}

.comPicList{padding-top:60px;}
.comPicList li{width:25%;float:left;}
.comPicList li img{width:100%;}

.certificateList{padding-top:60px;}
.certificateList li{width:20%;float:left;}
.certificateList li img{width:100%;}

.rightTitle{background-color: #fff;}

.news{margin-top: 20px;}

.homeNewsList{}
.homeNewsList li{width: 32.3%;float: left;margin-right: 1%;box-sizing: border-box;padding: 10px;background: #fff;}
.homeNewsList li .pic{}
.homeNewsList li .pic img{width: 100%;}
.homeNewsList li .txt{border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.homeNewsList li .txt a{display: block;font-size: 16px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.homeNewsList li .txt p{line-height: 30px;color: #888;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.viewDetail{padding: 10px 0;}
.viewDetail .vLeft{font-size: 16px;color: #888;}
.viewDetail .vRight{float: right;padding: 10px 0;}
.viewDetail .vRight img{width: 16px;float: right;}

.newsTitle {padding: 40px 0 40px 0;text-align: center;height: 95px;}
.newsTitle span{font-size: 28px;color: #333;-webkit-transition:transform .3s;transition:transform .3s;display: block;}
.newsTitle em{display: block;width: 42px;height: 42px; margin:0 auto; padding:0 0 10px;}
.newsTitle em img{width: 42px;height: 42px;display: block; transition: all 0.5s ease-in-out 0s;}
.newsTitle span:hover em img{ transform: rotateY(180deg);}
.newsTitle span:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.supportNews {float: left;width: 580px;}
.comNews{float:right;width: 580px;}


.comNews{}
.newsList {padding: 10px 0;}
.newsList li {border-bottom: 1px solid #eee;padding-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsList li span{float:right;}
.newsLiPic {float: left;width: 200px;margin-right: 10px;}
.newsLiPic img {width: 200px;}
.newsLiContent {float: left;width: 370px;}
.newsLiTitle {display: block;font-size: 20px;color: #000;line-height: 40px;white-space: nowrap;	overflow: hidden;border-bottom: 1px solid #ddd;}
.newsLiTxt {width: 100%;overflow: hidden;white-space: pre-wrap;	line-height: 30px;color: #888;}

.support {background-color: #000000;padding: 30px 0;}
.sNewsList {padding: 10px 0;}
.sNewsList li {float: left;width: 590px;background: #327fdb; color:#fff;}
.sNewsList li:nth-child(2), .sNewsList li:nth-child(3){background-color: #eee;}
.sNewsLiPic {float: left;width: 200px;margin-right: 10px;}
.sNewsLiPic img {width: 200px;}
.sNewsLiContent {float: left;width: 370px;}
.sNewsLiTitle {display: block;font-size: 18px;color: #000;ine-height: 40px;overflow: hidden;white-space: nowrap;border-bottom: 1px solid #ddd;}
.sNewsLiTxt {width: 100%;overflow: hidden;white-space: pre-wrap;font-size: 12px;line-height: 30px;color: #555;}
.sNewsList li:nth-child(2), .sNewsList li:nth-child(3), .sNewsList li:nth-child(2) .sNewsLiTitle, .sNewsList li:nth-child(3) .sNewsLiTitle{ color:#000;}
.sNewsList li:nth-child(1) .sNewsLiTxt, .sNewsList li:nth-child(4) .sNewsLiTxt{ color:#fff;}
.wapNewsMore{ display:none;}

.link {line-height: 60px;margin-top: 10px;background: #006060;}
.linkTitle {font-size: 14px;font-weight: bold;background: #0e5050;display: inline-block;padding: 0 20px;color: #fff;}
.link a {display: inline-block;padding: 0 10px;color: #fff;}

/**首页搜索框 beigin**/
.search{ float:right; width:300px;}
.seaKeyWords{border: medium none; color: #000000; font-size: 12px; height: 28px; line-height: 28px; padding: 0 2px 0 10px; vertical-align: middle; width: 180px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
.searchButton{background-color: #000000; border:1px solid #ccc;; color: #ffffff; cursor: pointer; font-size: 14px; height: 30px; margin-left:-3px; padding: 0; vertical-align: middle; width: 50px; -moz-border-radius:0px 4px 4px 0; -webkit-border-radius:0px 4px 4px 0;border-radius:0px 4px 4px 0;}
/**首页搜索框 end**/

/**工程案例 beigin**/
.case {position: relative;background: #f4f4f4;padding: 30px 0 80px 0;}
.caseTitle {border-bottom: 2px solid #325bbb;margin-bottom: 30px;color: #325bbb;line-height: 80px;font-size: 30px;}
.caseTitleTxt {background: url(../images/caseIcon.png) no-repeat 0px 21px;padding-left: 60px;}
.caseTitle .pWidth{position: relative;}
.caseTitle .arrow1 {border-color: #f4f4f4 transparent transparent transparent;border-style: solid;border-width: 16px;display: block;font-size: 0;left: 37px;line-height: 0;position: absolute;top: 80px;z-index: 999;}
.caseTitle .arrow2 {border-color: #325bbb transparent transparent transparent;border-style: solid;border-width: 20px;display: block;font-size: 0;left: 33px;line-height: 0;position: absolute;top: 80px;}

.case .hd{ overflow:hidden;  height:30px; padding:10px; float:right;}
.case .hd .prev,.case .hd .next{ display:block;  width:5px; height:9px; float:right; margin:10px 10px 0 0; overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.case .hd .next{ background-position:0 -50px;  }
.case .hd .prevStop{ background-position:-60px 0; }
.case .hd .nextStop{ background-position:-60px -50px; }
.case .iCaseList{height: 246px; padding: 20px 0 0 0; overflow:hidden;}
.case .iCaseList ul{ overflow:hidden; zoom:1; }
.case .iCaseList ul li {float: left;_display: inline;overflow: hidden;width: 264px;	margin: 0 15px 0 0;background: #d5d5d5;padding: 10px;}
.case .iCaseList li img{ width:264px; height:200px;}
.case .iCaseList li span{ text-align:center; display:block; line-height:36px; font-size:14px;}
.case .iCaseList li a{display:block;}
/**工程案例 beigin**/

.footer {background-color: #1e1d1f;padding: 10px 0;}
.footerContent {text-align: center;color: #7d7d7e;line-height: 30px;border-top: 1px solid #888;margin-top: 20px; padding-top: 20px;}
.footerContent a {color: #7d7d7e;margin: 0 3px;}
.footerContentWap{display:none;}
.footIcon{ display:none;}
#footNav{ display:none;}

.foot{background: url(../images/footBg.jpg) no-repeat center; padding:40px 0}
.footLeft{float: left;width: 72%;padding-right: 40px;box-sizing: border-box;}
.footRight{float: right;width: 28%;box-sizing: border-box;padding: 10px 0 0 20px;border-left: 1px solid #888;}
	
.flTop{border-bottom: 1px solid #888;padding-bottom: 10px;}
.footLogo{float: left;width: 36%;}
.footNav{float: right;width: 64%;padding-left: 10px;box-sizing: border-box;}
.footNav dd{float: left;padding: 10px;line-height: 30px;}
.footNav dd a{color:#fff;}

.footContact{padding: 20px 0 20px 0;}
.footContact li{float: left;width: 25%;}
.footContact li .fIcon{background: url(../images/png.png) 4px -122px no-repeat;height: 70px;display: block;}
.footContact li:nth-child(2) .fIcon {background-position-y: -200px;}
.footContact li:nth-child(3) .fIcon {background-position-y: -280px;}
.footContact li .fTitle{color: #fff;font-size: 16px;line-height:2;}
.footContact li .fTxt{color: rgba(255,255,255,1);line-height: 2;font-size: 20px !important;font-family: Impact !important;color:rgba(255,255,255,0.8);}
.footContact li .fRemark{font-family: Arial!important;line-height: 2;color: #ccc;font-size: 14px;}
.fWechat img{width: 120px;padding: 10px 0;}
	
.frTitle{color: #fff;font-size: 16px;line-height: 2;}
.commentbox{}

/*内页 begin*/
.main{padding: 20px 0;background: #f5f5f5;}
.left {float: left;width: 22%;}
.leftTitle {background: #333f47;color: #fff;padding-left: 14px;}
.leftTitle span{display: block;font: bold 14px/60px Arial,Helvetica;white-space: nowrap;text-overflow: clip;overflow: hidden;}

.wCateList{display: flex;flex-wrap: wrap;}
.wCateList li{margin: 8px 8px 8px 0;}
.wCateList li a{padding: 0 10px;	margin: 10px 0;font-size: 14px;font-weight: bold;background: #325bbb;color: #fff;line-height: 30px;	display: inline-block;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.wCateList li a.on{}

.right {background-color: #fff;margin-bottom: 10px;float: right;width: 76%;padding: 20px;box-sizing: border-box;}

.position {height: 60px;margin-bottom: 10px;}
.position .positionTitle {float: left;font-size: 14px;font-weight: bold;line-height: 60px;}
.position .positionLeft {float: left;line-height: 60px;}
.position .positionLeft span{color: #333;font-size: 18px;border-left: 4px solid #333;line-height: 30px;padding-left: 10px;}
.position .positionRight {float: right;line-height: 60px;padding-left: 51px;background: url(../images/png.png) no-repeat -752px 7px;}
.position .positionRight a{color: #333;}

.leftPicList{padding: 10px 0;}
.leftPicList li{float: left; width: 49%; margin-bottom: 6px;}
.leftPicList li:nth-child(2n){float: right;}
.leftPicList li>p{}
.leftPicList li>span{display: block; white-space: nowrap; text-overflow: inherit; overflow: hidden; font-size: 14px;}
.leftPicList li>p img{width: 100%;}

.cate, .proCate {	margin-bottom: 10px;}
.proCate {}

.txtPage{line-height:28px; padding:10px 20px; color:#444; font-size:14px;}
.txtPage p{ line-height:28px;}
.txtPage img{ max-width:100%; height:auto;}
.picPage{padding: 10px 0 10px 12px;}

.left .comName{ display:none;}
.leftNews {background-color: #494949;}
.leftNewsList{padding: 0 10px 10px 10px;}
.leftNewsList li{overflow: hidden; padding: 0 10px; white-space: nowrap; line-height: 40px; border-bottom: 1px dotted #ccc;}
.leftNewsList li a:before{font-family: 'FontAwesome'; padding-right: 8px; content: "\f105"; color: #fff;}
.leftNewsList li a{ color:#fff; display:block;}

.innerNewsList{}
.innerNewsList li {line-height: 50px;border-bottom: 1px solid #eee;background: url(../images/png.png) no-repeat -768px -532px;padding-left: 12px;}
.innerNewsList li a {display: block;width: calc(100% - 80px);white-space: nowrap;text-overflow: clip;overflow: hidden;}
.innerNewsList li>span{float: right; color: #aaa; font-size: 12px;}

.deailNewsList{}
.deailNewsList li {margin-bottom: 10px;}
.deailNewsList li a {display: block;width: calc(100% - 80px);white-space: nowrap;text-overflow: clip;overflow: hidden;}
.deailNewsList li>span{float: right; color: #aaa; font-size: 12px;}

.newsListDate {text-align: center;color: #666;border: 1px solid #EEE;transition: all .5s ease 0s;width: 100px;line-height: 40px;float: left;}
.monthDay{font-size:16px;}
.newsListDate .year{font-size:18px;}
.newsListTxt{float: right; width: calc(100% - 120px);}
.newsListTitle{font-size:18px; border-bottom:1px solid #EEE; line-height:30px;}
.newsListContent{line-height: 32px; color: #999; font-size: 12px; text-indent: 2rem;}


.nNewsList{}
.nNewsList li {margin: 10px 0;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.newslist_left {float: left;width: 200px;}
.newslist_left img {border: 2px solid #369;width: 180px;height: 120px;}
.newslist_right {float: right;width: 680px;}
.nr_title {border-bottom: 1px dotted #ccc;line-height: 40px;font-weight: bold;}
.nr_content {text-indent: 2em;color: #999;line-height: 36px;}

.nNewsTitle{}
.nNewsTitle h1{ text-align:center; font:normal 24px/50px "microsoft yahei",Arial, Helvetica;}
.nNewsInfos{ text-align:right; color:#999; margin-right:10px; font-size:12px;}
.nNewsContent{ line-height: 30px; padding:8px;}
.bdShare{ float:right;}
.pageQrcode{position: relative; text-align: right;}
.shareMobile{background-color: #f4f4f4; border: 1px solid #ddd; color: #000; display: inline-block; font-size: 12px; padding: 2px 10px; text-align: right;}
#pageQrcode{display: none; position: absolute; right: 0;}
.prenext{ margin:8px 4px; padding:4px; border:1px solid #ddd;}
.preArticle{ float:left;}
.nextArticle{ float:right;}

.contentSiteTag{ color:#888;}
.contentSiteTagTitle{ display:inline-block; padding:0 10px; line-height:40px; font-size: 22px;}
.contentSiteTag a{color: #888;display: inline-block;line-height: 40px;margin: 0 8px; padding:0 10px;}
.contentSiteTag a:hover{color:#e66e1e ; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; background:#ddd;}

#dituContent{width:800px;height:600px;border:#ccc solid 1px;margin:0 auto;}
/*内页 end*/


/*内页产品列表 begin*/
.picList{padding: 10px 0;}
.picList li {float: left;margin: 0 1% 16px 0;width: 24%;box-sizing: border-box;}
.picList li:nth-child(4n){margin-right:0;}
.picList li a{ display:block;}
.picList li img {border: 1px solid #bbb;padding: 4px;width: 100%;box-sizing: border-box;}
.picList li span {display: block;line-height: 40px;}
.picList li span a{color:#888;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.detailPicList li{margin-bottom: 10px;}
.listImg {float: left;width: 20%;border: 1px solid #ddd;padding: 4px;}
.listImg img{width: 100%;}
.listContent{float: right; width: 79%; line-height: 28px; font-size: 14px; color: #888;}
.listContent .title{font-weight: bold; line-height: 50px; color: #000; border-bottom: 1px solid #ddd;}
/*内页产品列表 end*/

/*产品说明页面 begin*/
.ProIntro{ padding-bottom:10px;}
.proImage{ float:left; width:308px; border:8px solid #ddd;}
.proImage img{ border:4px solid #fff;}
.proBaseInfo{}
.proTitle{ position:relative;}
.proTitle h1{ text-align:center; font:normal 24px/50px "microsoft yahei",Arial, Helvetica;}
.proAttachedInfo{ text-align:right; text-align:right; padding-right:10px; color:#999; font-size:12px;}
.proParameter{position: absolute; right: 0; top: 0;}
.proParameter li{position: absolute;right: 0;top: 10px;}
.proParameter li span{background-color: #000000; color: #fff; display: inline-block; font-weight: bold; text-align: center; white-space: nowrap; line-height: 30px; padding: 0 10px;}
.productTuku a{color:#fff; display:block;}
.proDetail{}
.proIntro{padding:10px 0;}
.proIntro table td{text-align:center;}
.proIntro table td img{width: 98%;margin: 4px 0;}

.content-title{}
.content-title h1 {font-size: 20px;text-align: center;line-height: 60px;}
.content-title p {text-align: right;line-height: 36px;color: #aaa;}

.proDetail table{border:none}

.proDetail table td{border:1px solid rgba(0,0,0,0.1);padding:10px;font-size:15px;color:#74777c;word-break:keep-all}
.proDetail table tr:nth-child(1){background:#f2f2f2}
.proDetail table tr:nth-child(1) td{font-size:16px;color:#333;font-weight:bold;padding:12px 8px}
/*产品说明页面 end*/

.nAnLiTitle{}
.nAnLiTitle h1{ text-align:center; font:normal 24px/50px "microsoft yahei",Arial, Helvetica;}
.nAnLiInfos{color: #999; padding-right: 10px; text-align: right; font-size:12px;}
.caseImageList li {float: left;margin: 8px;text-align: center;width: 32.33%;box-sizing: border-box;}
.caseImageList li a{ display:block;}
.caseImageList li img {height: auto;width: 100%;border: 1px solid #ddd;padding: 5px;box-sizing: border-box;}
.caseImageList li span{ display:block; height:30px; line-height:26px;}

.detailTopInfoLeft {float: left;width: 40%;}
.detailTopInfoRight {float: right;width: 58%;}
.parameterList {margin: 10px 0 20px 0;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.parameterList li {font-size: 16px;line-height: 30px;}
.parameterList li span{    font-weight: bold;}
.detailContact {font-size: 18px;line-height: 40px;}
.detailContact span {font-weight: bold;}
.detailContact img{width: 100px;vertical-align: top;}
.reminder {font-size: 16px;line-height: 40px;background: #f4f4f4;margin-top: 20px;text-align: center;}
.reminder span {}

#detailName {font-size: 20px;text-align: center;font-weight: bold;line-height: 40px;margin-bottom: 20px;}
#detailIntro { font-size:12px; color:#999; margin-bottom:20px; text-align: right;}
#detailContent { padding:20px 1%;line-height: 30px;}
#detailContent p { line-height:32px; }
#detailContent table td img {max-width: 100%;}
#detailPicture { margin:20px 0; text-align:center; }
#detail_video { margin:20px 0; text-align:center; }
#detail_video embed { width:100%; height:535px; }
#detailAttachment { margin:20px 0; }



#detailAround{display: block !important;}
#detailAround a{color: #666;}
#detailAround p{line-height: 40px; white-space: nowrap; text-overflow: clip; overflow: hidden; color: #666;}

.detailName{}
.detailContentTitle{}
.detailContentTitle span{border-left: 4px solid #27477d;display: inline-block;padding: 0 0 0 10px;line-height: 30px;font-weight: bold;margin:10px 0;}
.detailContentTxt{}
#detailContent img {max-width: 100%;vertical-align: top;}

.titleInTopTable{border:none}
.titleInTopTable td{border:1px solid rgba(0,0,0,0.1);padding:10px;font-size:15px;color:#74777c;word-break:keep-all;text-align:center;}
.titleInTopTable tr:nth-child(1){background:#f2f2f2}
.titleInTopTable tr:nth-child(1) td{font-size:16px;color:#333;font-weight:bold;}

.titleInLeftTable {table-layout: fixed;width: 100%;}
.titleInLeftTable td{border:1px solid rgba(0,0,0,0.1);padding:10px;font-size:15px;color:#74777c;word-break:keep-all}
.titleInLeftTable td:nth-child(2n-1){background:#fff;background-color: #f4f4f4;text-align: center;font-weight: bold;padding: 8px}

/* relative start */
.relativeInfo {background: #fff;margin-top: 10px;}
.relativeTitle{background-color: #f4f4f4;}
.relativeTitle span{background-color: #6987cd; color: #fff; display: inline-block; font: 14px/30px "microsoft yahei",Arial,Helvetica; padding: 0 20px;}
.proDetailTitle{background-color: #f4f4f4;}
.proDetailTitle span{background-color: #6987cd; color: #fff; display: inline-block; font: bold 14px/30px "microsoft yahei",Arial,Helvetica; padding: 0 20px;}

.relativeBox{ margin-bottom:8px;}
.relativePicList{ padding:10px 0;}
.relativePicList li {float: left;margin-right: 10px;width: calc(25% - 10px);}
.relativePicList li:nth-child(n+5){ display:none;}
.relativePicList li a, .relativeCaseList li span{ display:block; text-align:center; line-height:26px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.relativePicList li img {border: 1px solid #ccc;height: auto;width: 100%;}

.message{ }
.messageList {padding: 10px 20px 0 0;}
.messageForm {padding: 10px 30px;}
.relativeMsgBlock{margin-bottom: 10px; position: relative;}
.relativeMsgLeft{width:90px; float:left;}
.relativeMsgPic{background:url("../avatar.gif") no-repeat scroll center center; height: 64px;}
.relativeMsgName{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-top:5px;color:#196ba7;font-weight:bold;}		
.relativeMsgRight{float:left; padding-bottom:10px;}
.relativeMsgTime{text-align:right;font-family:Arial, Helvetica, sans-serif;color:#ccc;padding:0px 20px 5px 20px;}	
.relativeMsgContent{border: 1px solid #ddd; margin-left: 20px; padding: 8px 0; width:930px; position:relative;}
.relativeMsgBorder{height:55px; width:20px; background:url("../images/PostBG.png") no-repeat -6px -77px; position:absolute; left:-19px}
.relativeMsgContent p{padding:0px 20px 5px 20px;color:#196ba7;}
.messageTA{ width:96%; height:60px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; line-height: 20px; padding: 3px 5px;}
.messageTA2{ width:600px; height:60px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; line-height: 20px; padding: 3px 5px;}
.messageName{ width:200px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; height: 20px; line-height: 20px; padding: 3px 5px;}
.messageCode{ width:100px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; height: 20px; line-height: 20px; padding: 3px 5px;}
.Cbutton{background-color: #6987cd; border: 0 none; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; height: 35px; margin: 15px; width: 180px;}
/* relative end */

/** Search beigin **/
.searchForm{padding: 10px 0 20px 0;}
.searchForm .seaKeyWords{ border:1px solid #ddd; width:160px !important;}
.searchtip{font: bold 14px/36px "微软雅黑"; padding: 20px; text-align: center;}
.result_list .gray{color: #000000; text-align: right;}
.result_list dl{ border-bottom:1px dashed #999}
.result_list dl dt{ font:bold 12px/30px '微软雅黑'; padding-left:10px;}
.resultContent{ font:12px/26px '微软雅黑'; padding-left:20px; color:#777;}
.resultInfo{ color: #aaa; font-size: 12px; line-height: 30px; padding-right: 10px; text-align: right;}
.resultInfo a{color:#aaa; margin-right:10px;}
/** Search end **/

/** siteMap strat **/
.siteMap{ line-height:30px;}
.siteMapBigLi{ padding-bottom:2px;}
.siteMapBigClass{background-color: #eee; color: #222; display: block; font: bold 12px/36px "microsoft yahei",Arial,Helvetica; padding-left: 20px;}
.siteMapBigClass:hover{ color:#000;}
.siteMap ul{margin-left: 24px;}
.siteMap ul li{border-bottom: 1px solid #eee; line-height: 30px;}
.siteMap ul li a{display: inline-block; padding: 0 8px; font-size: 12px;}
/** siteMap end **/

/*分页 begin*/
.pages{text-align: center;margin-top: 20px;}
.pages a {color: #fff;display: inline-block;margin: 0 4px;background: #325bbb;line-height: 30px;padding: 0 10px;}
.page_current{background: #bbb !important;}
/*分页 end*/

.ytVideo{margin:20px auto 40px auto;width:100%; max-width:800px;height:400px;}
.video{width:100%;height:100%;max-width: 800px; margin: 0 auto;}

.searchList{padding:0 1%;}
.searchList li {line-height: 40px;border-bottom: 1px solid #eee;}
.searchList li a{float:left;width: 90%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.searchList li span {float: right;color: #888;}

@media (max-width: 1600px){
}
@media screen and (max-width:1200px){
	.swiper{height:350px;}
}
@media screen and (max-width:1024px){
	#search_wrap{display: none;}
	body{padding-top:60px;}
	.head {overflow: unset;height: auto;position: fixed;top: 0;left: 0;z-index: 99;}
	.logo{}
	.header-logo a {height: 60px;}
	.logo img {height: 60px;width: auto !important;}
	.logo:after {border-top: 31px solid transparent;border-bottom: 31px solid transparent;}
	.menuMore{position:absolute;right:0;display:block;background:url("/plus/img/wapImg/navMore-white.png") no-repeat scroll center center;height:50px;width:50px;background-size:25px 22px;top:6px;z-index:10}
	.nav {display: none;z-index: 9;position: absolute;width: 100%;top: 60px;right: 0;background: #000;}
	.logoTitle {font-size: 16px;color: #ff0;line-height: 80px;font-weight: bold; padding-left: 4px;}
	.tel{display: none;}
	#menuUl{display: block;}
	#menuUl>li {float: none;width: 100%;border-bottom: 1px solid #fff;}
	#menuUl>li>a {color: #fff;line-height: 60px;}
	
	.swiper{height:300px;}

	.wCateList {display: none;}
	
	/*.left {width: 100%;float: none;padding-bottom: 0;background: none;}*/
	.left{display: none;}
	.right{width:100%;}
	.proCate, .leftTitle, .newsList li span, .positionContent, .footer, .leftPicList {display:none;}
	.cateList {border: none;}
	.cateList li {display: inline-block;width: 32%;margin-right: 1%;box-sizing: border-box;}
	.cateList li a {background: none;border: none;padding-left: 0;text-align: center;}
	.cateList li>ul{ display:none;}
	
	swiper-slide { width:100%}

	#detailName {font-size: 16px;}
	
	.picList{padding: 10px 1%;}
	.picList li {float: left;width: 49%;margin: 0;line-height: 0;}
	.picList li:nth-child(2n){float:right;}
	
	.proIntro img{width:100%;}
	
	.caseImageList{}
	.caseImageList li{}
	.caseImageList li img{width: 100%;}
	
	.case {background: #fff; padding: 30px 0 20px 0;}
	
	.messageTA{box-sizing: border-box;width:96%;}

	.wCateList li {width: calc(50% - 3px);}
	.wCateList li a {white-space: nowrap;text-overflow: clip;overflow: hidden;width: 100%;box-sizing: border-box;}
	.pro {padding: 20px 0 20px 0;}

	.searchList li a{float:left;width: 90%;}
	.searchList li span {display: none;}
}
@media screen and (max-width:768px){
	
	.pWidth{width: 100%;}
	
	.fullTitle .mainTitle {font-size: 18px;padding: 4px 0;}
	.fullTitle .subTitle {font-size: 11px;padding: 0;}

	.iProList li {float: left;width: 49%;margin: 0 0 10px 0;padding: 0;}
	.iProList li:nth-child(2n){float:right;}
	.company {height: auto;padding:20px 0;}
	.comContent {width: 100%;}
	.companyTxt {padding: 10px 2% 80px 2%;}
	.newsLeft {float: none;width: 100%;}
	.newsMid {display:none;}
	.newsRight {float: none;width: 100%;}
	.newsLeft .txt>p {margin: 15px 0 0 0;}
	.homeNews {padding: 10px 2%;}
	.link, .footLeft{display:none;}
	.footMid {float: none;width: 100%;border: none;height: auto;padding-left:0;}
	.footRight {float: none;width: 100%;}
	
	.swiper {height:250px;}
	
	.quality, .companyCount {display:none;}
	.companyContent {font-size: 13px;padding: 10px 1%;}
	.comPicList {padding-top: 20px;}
	.comPicList li {width: 50%;}
	.certificate{padding:10px 0;}
	.foot {padding: 20px 0;}
	
	.main {}
	.right {padding: 0;}
	.position {height: 60px;margin-bottom: 0;}
	.positionRight{display:none;}
	.txtPage {padding: 8px 1%;}
	
	.picList li img {padding: 0;}
	.content-title h1 {font-size: 16px;text-align: center;line-height: 30px;}
	.relativePicList li {width: calc(50% - 10px);}

	.inner50 {width: 100%;margin-right: 0;float: unset;	}
	.homeNewsList li {width: 100%;float: unset;margin: 10px 0;}
	.innerNewsList {padding: 0 1%;}
	.innerNewsList li a {width: 100%;}
	.innerNewsList li>span {display: none;}
}

@media screen and (max-width:580px){
	.swiper {height:200px;}
	.innerBanner {height: 250px;width: 100%;overflow: hidden;}
	.innerBanner img{display: block;width: 100%;height: 100%;object-fit: cover; text-align:center;}
}
@media screen and (max-width:450px){
	.homeNewsList li {width: 100%;}
	.swiper {height:150px;}
}