@charset "gb2312";
*{ margin:0; padding:0; list-style:none;box-sizing: border-box;}
body{ font-size:12px; font-family:"microsoft yahei",Arial, Helvetica; -moz-user-select : none;-webkit-user-select: none;}/**防复制 background-color:#69c3be;**/
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;}
.mShow, #nav-over{ display:none;}

.top{}
.head {background: #066f68;width: 100%;position: relative;height: 85px;}
.pWidth{width: 1600px;margin: 0 auto;}
.logo{float: left;}
.logo a{display:block;}
.logoTitle{ display:none;}
.tel {float: right;font: bold 24px/85px Georgia,"微软雅黑",Arial,Helvetica,sans-serif;background: #325bbb url(png.png) no-repeat -746px 14px;color: #fff;padding: 0 10px 0 56px;}

/**导航菜单 beigin**/
.nav {float: left;width: calc(100% - 500px);padding-left: 20px;}
.menu{}
.menu .on{}
.menu>li{float: left; position: relative;width:12.5%; max-width:140px;}
.menu>li:hover{}
.menuMore{ display:none;}
.menu>li>a{color: #fff; display: block; font-size: 14px; line-height: 85px; text-align: center; width: 100%;}
.menu>li:hover>a{ background-color:#325bbb;}

.menu>li ul {display:none; position:absolute; width:100%; z-index:1000;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.menu>li>ul>li {border-bottom:1px solid #fff; background:#69c3be; height:40px; text-align:center;}
.menu>li>ul>li:hover { background:#325bbb;}
.menu>li>ul>li a{line-height:40px; color:#fff; font-size:12px; display:block;}
/**导航菜单 end**/

.swiper .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;}
.swiper .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	

.fullTitle, .proTitle{border-bottom: 2px solid #eee;}

.iProTitle {float: left;}
.iProTitle span {font-size: 18px;-webkit-transition: transform .3s;transition: transform .3s;display: block;line-height: 60px;font-weight: bold;}
.iProTitle em {display: inline-block;vertical-align: middle;padding: 0 20px 0 10px;}
.iProTitle em img{width: 30px;height: 30px;display: block; transition: all 0.5s ease-in-out 0s;}
.fullTitle:hover .iProTitle span em img{ transform: rotateY(180deg);}
.fullTitle:hover .iProTitle span{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.fullTitle .more {float: right;line-height: 30px;background: #fff;margin-top: 15px;padding: 0 10px;color: #325bbb;}

.pro {padding:10px 0 20px 0;}
.pro:nth-child(2n){background:#ddd;}
.iProList{padding-top: 10px;}
.iProList li {float: left;margin-right:16px;width: calc(25% - 16px);background: #fff;padding: 10px;}
.iProList li img {width: 100%;}
.iProList li a{display: block;}
.iProList li span {display: block;font-size: 14px;line-height: 30px;background: #155fa9;padding-left: 8px;}
.iProList li span a {text-align: left;color: #fff;background: url(proNameRightBg.png) no-repeat right center;}

.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(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;}

.company {background: url(aboutBg.jpg) no-repeat top center;padding: 100px 0;}
.comContent{background: rgba(255,255,255,0.8);width: 90%; max-width:1000px;margin: 0 auto;}
.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;}

.youshi {text-align:center;}
.youshi img{max-width:100%; height:auto;}

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

.iNewsBox .iNewsList:nth-child(2){ float:right;}
.iNewsList li{background: #f4f4f4;margin-bottom: 20px;padding: 10px;}
.iNewsList li a{ display:block;}
.iNewsList li:hover{ background:#0256ac;}
.iNewsList li:hover a, .iNews li:hover .iNewsContent{ color:#fff;}

.iNewsList{float:left;width:calc(50% - 12px);box-sizing: border-box;}
.iNewsPic{float: left;width: 160px;}
.iNewsPic img{width: 100%;}
.iNewsInfo{float: left;padding-left: 20px;width:calc(100% - 180px);}
.iNewsTitle{line-height: 30px;font-size: 16px;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom: 1px solid #ddd;}
.iNewsTitle a{}
.iNewsContent{line-height: 30px;color: #777;text-indent: 2em;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.link{line-height: 40px;background: #0256ac;padding: 6px 0;}
.link .pWidth{}
.linkTitle{font-size: 14px;font-weight: bold;display: inline-block;background: url(png.png) no-repeat -765px -225px;padding-left: 30px;color: #f4ea2a;}
.link a{display: inline-block;padding: 0 6px;color: #fff;}

.areaSite{line-height: 40px;}
.areaSite .pWidth{background-color: #fff; border-bottom: 1px solid #ddd;}
.areaTitle{font-size: 14px; font-weight: bold;}
.areaSite a{display: inline-block; padding: 0 6px;}

/**工程案例 beigin**/
.iCaseBox {background: #f3f3f3;padding: 10px 0 50px 0;}
.iCaseBoxTitle {margin-bottom: 10px;text-align: center;}
.iCase{padding: 50px 0;background: url(caseBg.jpg) no-repeat center center;}

.iCaseList{margin: 0 auto; overflow: hidden; position:relative;}
.iCaseList .swiper-wrapper .swiper-slide{ margin-right: 15px; padding: 12px;  background: #fff;box-sizing: border-box;}
.iCaseList .swiper-wrapper .swiper-slide img{width: 100%;height: auto;object-fit: cover;}
.iCaseList .swiper-wrapper .swiper-slide a{display: block;color:#fff}
.iCaseList .swiper-wrapper .swiper-slide span {display: block;width: 100%;line-height: 30px;text-align: left;font-size: 14px;background: url(proNameRightBg.png) no-repeat right center #155fa9;
padding-left: 10px;box-sizing: border-box;}
.swiper-pagination{}
/**工程案例 beigin**/

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

.foot{background: #252426;padding: 30px;}
.footLeft {float: left;width: 40%;}
.footLeft ul {float: left;width: 50%;}
.footLeft ul li a {display: block;line-height: 30px;color: #929293;}
.footLeft ul:nth-child(2) li{float:left; width:50%;}
.footLeft ul ul{display:none;}
.footTitle {color: #fff;line-height: 60px;font-size: 20px;font-weight: bold;}
.footTitle a{ color:#fff;}
.footMid {float: left;width: 36%;border-left: 1px solid #3b3a3c;border-right: 1px solid #3b3a3c;padding-left: 4%;}
.footMid  ul{}
.footMid ul li {line-height: 30px;color: #929293;font-size: 14px;}
.footRight {float: left;padding-left: 4%;}
.frImg img {width: 120px;}

/*内页 begin*/
.main{background: #f5f5f5;}
.main>.pWidth {margin-top: 30px;padding-bottom: 30px;}
.left {float: left;width: 24%;}
.right {float: right;width: 74%;}

.position {background: #fff;padding: 24px 0;}
.position .positionTitle {float: left;font-size: 14px;font-weight: bold;line-height: 42px;padding: 0 20px 0 16px;color: #fff;}
.position .positionContent {float: right;line-height: 40px;padding: 0 10px 0 25px;color: #888;font-size: 14px;background: url(png.png) no-repeat -760px -306px;}
.position .positionContent a {	color: #0256ac;}

/**左侧产品分类样式**/
.cateList{ float:left;}
.cateList li{display: inline-block;line-height: 40px;padding: 0 20px;font-size: 14px;}
.cateList li a{background: #ff6600;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;display: inline-block;color: #fff;padding: 0 40px;}
.cateList li a:hover, .cateList li a.on{ background:#0256ac;}
/**产品分类菜单 end**/

.sideCate{background: #fff; margin-bottom: 20px;}
.left .title {font: bold 16px/60px "microsoft yahei",Arial,Helvetica;color: #fff;background: url(titleArrow.png) no-repeat center right #325bbb;padding-left: 30px;}
.rightTitle {height: 60px;background: #6987cd;cursor: pointer;line-height: 60px;padding-left: 10px;}
.rightTitle .ptLeft {font-size: 17px;color: #fff;-webkit-transition: transform .3s;transition: transform .3s;display: block;}
.rightTitle em {display: inline-block;vertical-align: middle;padding-right: 10px;}
.rightTitle em img{width: 42px;height: 42px;display: block; transition: all 0.5s ease-in-out 0s;}
.rightTitle:hover .ptLeft em img{ transform: rotateY(180deg);}
.rightTitle:hover .ptLeft{-webkit-transform:translate(0,-10px);transform:translate(0,-8px);}

.sideCateList{}
.sideCateList>li{margin-bottom: 2px;}
.sideCateList>li>a {display: block;font: bold 12px/48px "microsoft yahei",Arial,Helvetica;padding-left: 30px;background: url(png.png) no-repeat -757px -502px #caccd1;}
.sideCateList>li>ul{padding:6px 0}
.sideCateList>li>ul>li {float: left;width: 49%;box-sizing: border-box;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;background: #fafafa;margin-bottom: 6px;line-height: 40px;text-align: center;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sideCateList>li>ul>li:hover{background:#0256ac}
.sideCateList>li>ul>li a{display:block;}
.sideCateList>li>ul>li:hover a{color: #fff;}
.sideCateList>li>ul>li:nth-child(2n){float:right;}

.sideNews{padding: 32px 26px; background: #fff; margin-bottom: 40px;}
.sideNewsList{}
.sideNewsList li{}
.sideNewsList li a{}

.txtPage{padding:20px 4%;color: #666;font-size: 14px;background: #fff;}
.txtPage p{ line-height:32px;}
.txtPage img{max-width:100%;}
.picPage{padding: 20px;background: #fff;}
.categoryTitle{border-bottom: 1px solid #e8e8e8;text-align: center;font-size: 40px;line-height: 109px;margin-bottom: 20px;color: #000;}
.categoryTitle h1{ font-size:40px;}

.newsList{}
.newsList li{background: #f4f4f4; padding: 10px; margin-bottom: 10px;}
.newsLiPic {float: left;width: 180px;background: #ddd;text-align: center;}
.newsLiPic img{width: 100%;}
.newsLiContent {float: right;width: calc(100% - 200px);box-sizing: border-box;}
.newsLiTitle{border-bottom: 1px solid #ddd; font-weight: bold; line-height: 40px;}
.newsLiDesc{text-indent: 2rem;  padding: 10px;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.newsTitle{}
.newsTitle h1{ text-align:center; font:normal 24px/50px "microsoft yahei",Arial, Helvetica;}
.newsInfos{ text-align:right; color:#999; margin-right:10px; font-size:12px;}
.newsContent{ line-height: 30px;}
.newsContent img{max-width:100%;height: auto;}
.newsContent a{ color:#0256ac;}

.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{-moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; background:#eee;}

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


/*内页产品列表 begin*/
.picList{padding: 10px 0;}
.picList li {float: left;margin: 0 16px 16px 0;width: calc(33.33% - 16px);border: 1px solid #69c3be;padding: 10px;box-sizing: border-box;}
.picList li a{ display:block;}
.picList li img {width: 100%;}
.picList li span{display: block;font-size: 14px;line-height: 30px;background: #155fa9;padding-left: 8px;}
.picList li span a {text-align: left;color: #fff;background: url(proNameRightBg.png) no-repeat right center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*内页产品列表 end*/

/*产品说明页面 begin*/
.proImage{ float:left; width:308px; border:8px solid #ddd;}
.proImage img{ border:4px solid #fff;}
.proBaseInfo{padding-bottom:10px;}
.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: #0256ac; 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{line-height:30px;}
.proIntro{padding:10px 0}
.proIntro img{max-width:100%;}
.proIntro a{ color:#0256ac;}
/*产品说明页面 end*/

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

/* FeedBack beigin */
.feedBack{ padding:10px 0;}
.feedBlock{margin-bottom: 10px; position: relative;}
.fAuthor{left: 0; position: absolute; top: 0; width: 120px;}
.fIcon{ text-align:center;}
.fAvatar{background: url("../avatar.gif") no-repeat scroll center top; height: 67px; width: 120px;}
.fName{font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; overflow: hidden; padding-right: 4px; text-align: center; white-space: nowrap;}
.fInfo{border: 2px solid #ddd; margin-left: 120px; min-height: 70px; padding: 8px; position: relative;}
.fTime{color: #aaa; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding-right:6px; position: absolute; right: 0; text-align: right; top: 10px;}
.fContent{background: url("../postBg.png") no-repeat scroll -270px 12px; border-bottom: 1px solid #ddd; font: bold 14px/40px "楷体"; padding-left: 30px;} 
.fReply{background: url("../postBg.png") no-repeat scroll -270px -80px;}
.fReply p{color: #333; padding-left: 30px; line-height:40px;}

.qipao1{border-color: transparent #ddd transparent transparent; border-style: solid; border-width: 16px; display: block; font-size: 0; left: -33px; line-height: 0; position: absolute; top: 14px;}
.qipao2{border-color: transparent #fff transparent transparent; border-style: solid; border-width: 20px; display: block; font-size: 0; left: -33px; line-height: 0; position: absolute; top: 10px;}
	
.commentbox{padding-top:5px;}
.liuyan li{ line-height:40px; clear:both;}
.liuyan .fontStyle{font: bold 12px/40px "宋体"; color:#1187de; float:left; width:100px; margin-right:10px; text-align:right;}
/* FeedBack end */

/* relative start */
.relativeInfo{ background:#fff;}
.relativeTitle, .messageTitle{border-bottom: 2px solid #ddd;height: 42px;}
.relativeTitle span, .messageTitle span {border-bottom: 2px solid #1296db;display: inline-block;font: bold 14px/40px "microsoft yahei",Arial,Helvetica;padding: 0 30px 0 40px;height: 42px;background: url(png.png) no-repeat -765px -452px;}
.messageTitle span{background:url(png.png) no-repeat -755px -347px;}
.proDetailTitle {border-bottom: 2px solid #ddd;height: 36px;}
.proDetailTitle span {border-bottom: 2px solid #1296db;display: inline-block;font: bold 14px/36px "microsoft yahei",Arial,Helvetica;padding: 0 30px 0 40px;height: 36px;background: url(png.png) no-repeat -765px -413px;}

.relativeBox{ margin-bottom:8px;}
.relativePicList{ padding:10px;}
.relativePicList li{float: left; margin-right: 12px; width:calc(20% - 12px);}
.relativePicList li:nth-child(n+6){ display:none;}
.relativePicList li a, .relativeCaseList li span{ display:block; text-align:center; line-height:26px;}
.relativePicList li img {border: 1px solid #ccc;padding: 4px;width: 100%;box-sizing: border-box;}

.relativeNewsList{padding: 10px;}
.relativeNewsList li{float: left; width: 32%; margin-right: 1%;}
.relativeNewsList li a{display: block; white-space: nowrap; overflow: hidden; line-height: 30px; padding-left: 15px; text-overflow: ellipsis;background: url(png.png) no-repeat -766px -510px;}

.message{ }
.messageList {	padding: 10px 10px 0 0;}
.messageForm{padding: 10px;}
.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("../PostBG.png") no-repeat -6px -77px; position:absolute; left:-19px}
.relativeMsgContent p{padding:0px 20px 5px 20px;color:#196ba7;}
.messageTA{ width:100%; height:60px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; line-height: 20px; padding: 3px 5px;box-sizing: border-box;}
.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: #1296db; border: 0 none; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; height: 35px; margin: 15px; width: 180px;}
/* relative end */

/** Search beigin **/
.search{ float:right; width:300px;}
.seaKeyWords{border: medium none; color: #1296db; 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: #1296db; 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;}

.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: #1296db; 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 **/

/* 招聘信息 strat */
.recruitList{ border:1px solid #ff6600;}
.recruitTitleBg{ background:#ff6600;}
.recruitList li{ line-height:40px; border-bottom:1px solid #ff6600;}
.recruitList li:last-child{border-bottom:none;}
.recruitTitle{font:bold 14px/40px "微软雅黑"; color:#fff; padding-left:10px; display:block; float:left;}
.recruitTime{color: #aaa; float: right; font-size: 12px; padding-right: 15px;}
.recruitItem{ font:bold 12px/40px "microsoft yahei",Arial, Helvetica; color:000; display:block; float:left; width:90px; text-align:right; padding-right:10px; background:#ddd;}
.recruitItemText{ float:left; width:calc(100% - 120px); margin-left:10px; line-height:40px;}
.recruitDiscription{float:left; width:calc(100% - 120px); margin-left:10px; line-height:30px;}
/* 招聘信息 end */

/** siteMap strat **/
.siteMap{ line-height:30px;}
.siteMapBigLi{ padding-bottom:2px;}
.siteMapBigClass{background-color: #1296db; color: #fff; display: block; font: bold 12px/36px "microsoft yahei",Arial,Helvetica; padding-left: 20px;}
.siteMapBigClass:hover{ color:#eee;}
.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*/
.yPage{text-align:center; height:35px; line-height:35px; margin-top:5px; color:#000;}
.yPage a{ color:#1296db; margin:0 5px;}
.currentPage{ color:#1296db;}
/*分页 end*/

/*service beigin*/
.kefu1Box,.kefu2Box { width:118px; position:absolute; z-index:9999; top:220px; overflow:hidden;}
.kefu1Box .msgserver a, .kefu1Box .contentTitle, .kefu1Box .show_btn, .kefu1Box .closeBtn, .kefu1Box .closeBtn a {background:url(../serviceImg/keFu01.png) no-repeat;}
.kefu2Box .msgserver a, .kefu2Box .contentTitle, .kefu2Box .show_btn, .kefu2Box .closeBtn, .kefu2Box .closeBtn a {background:url(../serviceImg/keFu02.png) no-repeat;}
.closeBtn a span { display:none;}
.show_btn { display:none; width:28px; height:112px; background-position:-231px 0 ;position:absolute; top:0; z-index:1; cursor:pointer;}
.show_btn span { display:none;}

.kefu01Content .qqserver p { text-align:center; padding:2px 0; margin:0; vertical-align:middle;}
.kefu01Content .qqserver p img {display: inline; vertical-align:middle;}
.kefu01Content .phoneserver{ text-align:center;}
.kefu01Content .phoneserver h5, .kefuMobile h5, .qqserver h5 { font-family:"Microsoft Yahei"; font-weight:bold; color:#666; font-size:15px;}
.kefu01Content .phoneserver p { padding:2px 0; _height:16px; margin:0;color: #666666;}
.kefu01Content .msgserver { text-align:center; margin-bottom:5px;}
.kefu01Content .msgserver a { background-position:-5px -145px; padding-left:20px;}
.kefu01Content hr {margin: 5px 0;clear: both;border-top: none;}

.kefuMobile p{color: #557eab;font: 18px/28px impact,Georgia,Arial,Helvetica;white-space: nowrap;}

.keFu01 .kefuContent { width:118px; position:absolute; z-index:2; top:0; right:0;}
.keFu01 .contentTitle { height:33px; background-position:-100px 0; }
.keFu01 .kefu01Content { border-left:1px solid #1e1824; border-right:1px solid #1e1824; background:#fff;  text-align:center; padding:5px;}
.keFu01 .kefu01Content .qqserver p span { display:none;}
.keFu01 .contentBottom { height:2px; background:#1e1824; overflow:hidden; }
.keFu01 .closeBtn {position:absolute; right:1px; top:2px;}
.keFu01 .closeBtn, .keFu01 .closeBtn a {display:block; overflow:hidden; cursor:pointer; width:24px; height:22px; background-position:-250px 0; }
.keFu01 .show_btn { width:33px; height:120px; background-position:0 0;  }
/*service end*/

@media (max-width: 1600px){
	.pWidth{width: 96%;}
}
@media screen and (max-width:1200px){
	.tel{display:none;}
	.nav {width: calc(100% - 250px);}
	.swiper{height:400px;}
	.swiper .swiper-slide img{object-fit: cover;}
	.company {padding: 50px 0;}
	.companyTitle {font-size: 20px;padding-top: 20px;line-height: 40px;}
	
	.companyTxt {padding: 10px 20px 20px 10px;}
	
}
@media screen and (max-width:1024px){
	body{padding-top:60px;}
	.head {height: 60px;position: fixed;left: 0;width: 100%;top: 0;z-index: 100;}
	.logo img{height:60px;}
	.pWidth{width:100%;}
	.menuMore {position: absolute;right: 0;display: block;background: url("wapImg/navMore-white.png") no-repeat scroll center center;height: 60px;width: 60px;background-size: 25px 22px;top: 0;}
	.logoTitle{padding:10px 0;text-align:center;color:#ff0;font-size:30px;line-height:60px;}
	
	.nav {width: 100%;padding-left: 0;float: none;position: absolute;top: 60px;}
	.menu{display:none;margin-top: 60px;background:rgba(0,0,0,0.9); width:100%;position:absolute; top:0; right:0;padding-bottom: 20px;z-index:9999;}
	.menu ul li {width: 100%;float: none;border-bottom: 1px solid #fff;}
	.menu>li{float:unset;display:block;margin-right:0;text-align:center;border-bottom:1px solid #ccc;width:100%;max-width: none;}
	.menu>li a {color: #fff;line-height: 60px;}
	.tel{display:none;}
	
	.swiper{height:350px;}
	
	.left, .footLeft, .footer{display:none;}
	.right{float:none; width:100%;}
	.main>.pWidth {margin-top: 20px;padding-bottom: 20px;}
	.link, .areaSite{display:none;}
	.youshi{display:none;}
	.footMid {width: 70%;border-left: none;}
	
}
@media screen and (max-width:768px){
	.comInfo {float:none;width:100%;}
	.companyName {font-size: 20px;}
	.iVideo {float:none;width:100%;}
	.iVideo img {margin-top: 0;box-sizing: border-box;}
	.iCompanyBox {padding: 30px 0;}
	.comTitle {display: none;}
	.titleDescription {display: none;}
	.pro {padding: 0;}
	.iProList{padding: 20px 1%;}
	.iProList li, .relativePicList li {width: calc(50% - 4px);margin-right: 8px;padding: 0;}
	.iProList li:nth-child(2n), .relativePicList li:nth-child(2n){ float:right;margin-right: 0;}
	.iProList li {margin-bottom: 10px;}
	
	.case { padding: 0px 0 20px 0;}
	.caseTitle {font-size: 18px;}
	.caseTitleTxt {background: url(caseIcon.png) no-repeat 18px 25px;padding-left: 60px;background-size: 30px 30px;}
	
	.iNews {margin: 10px 0 20px;}
	.iNews .newsTitle {padding: 10px 0;}
	.iNews .newsTitle em img {width: 30px;height: 30px;}
	.iNews .newsTitle span {font-size: 18px;}
	
	.swiper{height:300px;}
	
	.iNewsPic {display: none;}
	.iNewsInfo {float: none;padding-left: 0;width: 100%;}
	.iNewsContent{display:none;}
	.iNewsList li {background: none;margin-bottom: 0;padding: 4px 6px;}
	.iNewsTitle {font-size: 13px;font-weight: none;}
	.txtPage {padding: 10px 2%;}
	.picPage {padding: 10px 2%;}
	.categoryTitle {font-size: 18px;line-height: 50px;margin-bottom: 10px;}
	.cateList {float: none;width: 100%;}
	.cateList li a {display: block;padding: 0;text-align: center;}
	
	.right .rightTitle{display:none;}
	
	.picList li {float: left;margin: 0 10px 10px 0;width: calc(50% - 10px);border: none;padding: 0;}
	.picList li:nth-child(2n){float:right;margin-right: 0;}
	.relativePicList li:nth-child(n+5){display:none;}
	.cateList li {float: left;line-height: 30px;padding: 0;font-size: 14px;margin: 0 0 10px 4px;width: calc(25% - 4px);}
	
	.messageList {padding: 10px 0 0 0;}
	.fAuthor {display:none;}
	.fInfo {border: none;border-bottom: 1px solid #ddd;margin-left: 0;min-height: auto;}
}

@media screen and (max-width:580px){
	.swiper{height:250px;}
	.swiper .swiper-slide img{object-fit: cover;}
	.iNewsList {width: 100%}
	.iCompanyBox {padding: 2px 0 6px 0;}
	.comContent {padding: 10px 10px;}
	
	.newsList li {padding: 10px;}
	.newsLiPic {display: none;}
	.newsLiContent {float: none;width: 100%;}
	
	.position {padding: 10px 0;}
	
}
@media screen and (max-width:450px){
	.top {position: fixed;z-index: 999999;width: 100%;top: 0;left: 0;}
	.menuMore {height: 52px;width: 40px;}
	.menu{margin-top: 0;}
	.menu>li a {line-height: 50px;}
	
	.swiper{height:200px;}
	
	.iNews li {margin-bottom: 2px;padding: 6px;}
	.iNewsPic {display: none;}
	.iNewsInfo {float: none;padding: 0;width: 100%;}
	.iNewsTitle {line-height: 30px;font-size: 14px;font-weight: normal;border-bottom: none;}
	.iNewsContent {display: none;}
	
	.main>.pWidth {margin-top: 0;}
	.position {padding: 6px 0;}
	.positionContent{display:none;}
	
	.txtPage {padding: 0px 3%;}
	.picPage {padding: 0 2%;}

	.cateList {float: none;}
	.cateList li {float: left;width: calc(33.33% - 8px);box-sizing: border-box;margin: 4px;padding: 0; line-height: 30px;}
	.cateList li a {display: block;padding: 0;text-align: center;}
		
	.categoryTitle {font-size: 20px;line-height: 40px;}
	.newsList li {padding: 2px 4px;margin-bottom: 4px;}
	.newsLiTitle {border-bottom: none;font-weight: normal;line-height: 36px;}
	.newsLiDesc{display:none;}
	.newsTitle h1, .proTitle h1, .caseTitle h1{font: normal 15px/36px "microsoft yahei",Arial, Helvetica;}
	
	.caseImageList li {width: calc(50% - 8px);}
	
	.foot {padding: 12px;}
	.footMid {float: none;width: 100%;border-right: none;}
	.footRight {float: none;width: 100%;}
}