@charset "gb2312";
*{ margin:0; padding:0; list-style:none;box-sizing: border-box;}
body{font-size:14px; font-family:"microsoft yahei",Arial, Helvetica;padding-top:84px;}/**防复制 -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;}
.mShow, #nav-over, .hamburger{ display:none;}

.top {position: fixed;width: 100%;top: 0;left: 0;z-index: 999;background: #fff;}
.pWidth{width: 1600px;margin: 0 auto;}
.logo {float: left;margin: 0 auto;width: 365px;}
.logo a{display:block; text-align:center;}

/**导航菜单 beigin**/
.menu {background: rgba(33, 33, 33, 0.502006600756164);display: flex;justify-content: flex-start;width: calc(100% - 380px);float: right;align-items: stretch;flex-wrap: nowrap;max-width: 1200px;}
.menu>li {position: relative;flex: auto;}
.menu>li>a {color: #fff;display: block;font-size: 14px;line-height: 84px;text-align: center;width: 100%;}
.menu>li:hover>a, .menu>li.on>a{ background-color:#f1a30e;}

.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:#f1a30e;}
.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 {text-align: center;padding: 50px 0 50px 0;}
.fullTitle .cn{font-size: 30px;color: #fff;line-height: 60px;}
.fullTitle .en{background: url(line.png) no-repeat center 18px;}
.fullTitle .en span{display: inline-block;background: #0256ac;font-size: 14px;padding: 0 20px;line-height: 60px;color: #fff;}
.titleDescription{font-size: 12px;color: #fff;line-height: 30px;}

.iNewsBox .fullTitle .en span{color: #888;background: #fff;}

.iCaseBox .fullTitle .cn, .iNewsBox .fullTitle .cn{color: #000;}
.iCaseBox .fullTitle .en, .iNewsBox .fullTitle .en{background: url(line.png) no-repeat center -154px;}
.iCaseBox .fullTitle .en span{color: #999; background:#f4f4f4;}
.iCaseBox .titleDescription, .iNewsBox .titleDescription{color: #888;}


/**工程案例 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**/

.iPro{padding: 20px 0;}
.iProCateTitle {border-bottom: 1px solid #ddd;line-height: 60px;}
.iProCateTitle span {display: inline-block;background: url(cateTitleIcon.png) no-repeat 6px center;color: #4c556f;font-size: 20px;padding-left: 54px;background-size: 40px;}
.iProCateTitle a {float: right;color: #014d98;}

.iProBox {padding-top: 40px;}
.iProList{padding-top: 20px;}
.iProList li {float: left;margin: 0 16px 16px 0;width: calc(25% - 16px);}
.iProList li img {width: 100%;}
.iProList li>a {padding-bottom: 100%;display: block;width: 100%;height: 0;position: relative;overflow: hidden;}
.iProList li span {display: block;font-size: 14px;line-height: 40px;background: #eee;padding-left: 8px;}
.iProList li span a {text-align: left;font-weight: bold;white-space: nowrap;text-overflow: clip;overflow: hidden;}

.iCompanyBox {background: url(companyBg.png) no-repeat center bottom;padding: 60px 0;}
.comInfo {float: left;width:calc(100% - 480px);}
.comTitle {background:url(png.png) no-repeat -730px -1px;padding-left: 80px;}
.comTitle span{color: #0256ac;display: block;font: 24px/40px "microsoft yahei",Arial,Helvetica;padding-left: 10px;}
.comTitle .en{font-size: 36px;}
.comTitle .cn{}
.companyName{font-size: 30px;padding-left: 1%;}

.slogan {font-size: 20px;padding: 30px 0;background: url(cateBg.webp) repeat center center;}
.sloganLeft {float: left;}
.sloganRight {float: right;}
.slogan span{font-weight: bold;}

.splitLine{height: 7px;background: url(splitLine.png) repeat-x;margin: 20px 0;}
.comContent {color: #333;font: 14px/32px "microsoft yahei",Arial,Helvetica;padding: 10px;text-indent: 2rem;}
.companyPic{float: left; padding-right: 10px; width: 250px;}
.iVideo {width: 460px;float: right;}
.iVideo img{width: 100%;margin-top: 40px;border: 4px solid #eee}
.video{width:100%;margin: 0 auto;}
.pageVideo{width:100%; max-width:800px; margin: 0 auto;}

.iNews {}
.iNews .iNewsList:nth-child(2){ float:right;}
.iNews li{background: #f4f4f4;margin-bottom: 20px;padding: 10px;}
.iNews li a{ display:block;}
.iNews li:hover{ background:#0256ac;}
.iNews 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: #f1a30e;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;}

.footer{ background-color:#333; padding: 20px 0;}
.footerContent{text-align:center; color:#fff; line-height:30px;}
.footerContent a{ color:#65f516; margin:0 3px;}
.footerContentWap{display:none;}
.footIcon{ display:none;}
#footNav{ display:none;}

/*内页 begin*/
.main{background: #f5f5f5;padding: 20px 0;}
.main>.pWidth {padding-bottom: 40px;}
.left {float: left;width: 20%;}
.right {width: 78%;float: right;}
.left .sideCate:first-child{}

.position {background: url(cateBg.webp) repeat-x top center;padding: 20px 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 -775px -325px;}
.position .positionContent a {	color: #0256ac;}

/**左侧产品分类样式**/
.cateList{ float:left;}
.cateList li {display: inline-block;padding: 0 20px;}
.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;line-height: 40px;}
.cateList li a:hover, .cateList li a.on{ background:#0256ac;}
/**产品分类菜单 end**/

.contactList{}
.contactList li{line-height: 30px;}
.contactList li span {font-weight: bold;}

.proSwiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.proSwiper .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;}
.proSwiper .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	

.sideCate{padding: 20px; background: #fff; margin-bottom: 20px;}
.left .title{font-size: 20px; color: #323333; border-left: 5px solid #ff6600; padding-left: 8px; display: block; margin-bottom: 22px;}
.sideCateList{}
.sideCateList>li{margin-bottom: 2px;}
.sideCateList>li>a{padding: 0 20px; background: #0256ac url(arrowRight.png) no-repeat 95%; height: 48px; line-height: 48px; display: block; font-size: 16px; color: #fff;}
.sideCateList>li>ul{padding:6px 0}
.sideCateList>li>ul>li {width: 100%;-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: left;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 10px;}
.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 2%;color: #666;font-size: 14px;background: #fff;}
.txtPage p{ line-height:32px;}
.txtPage img{max-width:100%;height: auto;}
.picPage{background: #fff;}
.categoryTitle{border-bottom: 1px solid #e8e8e8;text-align: center;font-size: 40px;line-height: 109px;margin-bottom: 20px;color: #000;}

.newsList{padding: 6px 0;}
.newsList li{background: #f4f4f4; padding: 20px; 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;}

.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;line-height: 30px;}
.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{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;display: flex;flex-wrap: wrap;}
/**.picList {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-evenly;}**/
/*.picList li {width: 31%;border: 1px solid #69c3be;box-sizing: border-box;margin: 10px 0;}*/
.picList li {margin: 0 16px 16px 0;width: calc(33.33% - 16px);padding: 10px;}
.picList li>a {padding-bottom: 100%;display: block;width: 100%;height: 0;position: relative;overflow: hidden;}
.picList li img {width: 100%;}
.picList li p {background: #f4f4f4;}
.picList li p a{text-align: center;font-size: 16px;display: block;line-height: 40px;}
/*内页产品列表 end*/

/*产品主图切换+放大镜 begin*/
.clearfix::before,.clearfix::after{content:"";display:table;}
.clearfix::after{clear:both;}
div.box{width:100%;}
div.box a.phone-display{display:block;position: relative;width: 100%;}
div.bottom-nav{margin-top:20px;}
div.bottom-nav div.tab-btn{position:relative;width:40px;height:60px;cursor:pointer;}
div.tab-btn:hover{opacity:.6;}
div.tab-btn.btn-left{float:left;}
div.tab-btn.btn-right{float:right;}
i.shift-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border:1px solid #999;border-radius:50%;}
i.shift-icon>span{position:absolute;left:50%;top:50%;width:10px;height:10px;border-bottom:1.5px solid #999;}
div.btn-left i.shift-icon>span{border-left:1.5px solid #999;transform:translate(-30%,-50%) rotate(45deg);}
div.btn-right i.shift-icon>span{border-right:1.5px solid #999;transform:translate(-70%,-50%) rotate(-45deg);}
div.bottom-nav div.bottom-center-nav{position:relative;height:60px;margin:0 50px;overflow:hidden;}
div.bottom-center-nav ul.small-img-ul{position:absolute;left:0;top:0;height:100%;}
ul.small-img-ul li.img{float:left;width:60px;height:100%;border:1px solid transparent;background-size:100% 100%;cursor:pointer; margin:0 5px;}
ul.small-img-ul li.img.active{border-color:rgb(160,27,27);}
/*产品主图切换+放大镜 end*/

/*产品说明页面 begin*/
.proInfo{}
.proInfoLeft {float: left;width: 40%;}
.proInfoLeft img{width: 100%;}
.proInfoRight {float: right;width: 58%;}
.proTitle{ position:relative;}
.proTitle h1 {text-align: center;font: normal 24px/60px "microsoft yahei",Arial, Helvetica;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.proAttachedInfo{ text-align:right; text-align:right; padding-right:10px; color:#999; font-size:12px;margin-bottom: 10px;}
.proBaseInfo{padding: 10px 0;}
.proBaseInfo p{line-height: 40px;}
.proBaseInfo>p>span {display: inline-block;min-width: 100px;text-align: right;font-weight: bold;}
.proBaseInfo>p img{vertical-align: middle;}
.pageWangWang{text-align: right;}
.pageWangWang a {display: inline-block;height: 40px;background: #ff7000;line-height: 40px;width: 40%;color: #fff;font-size: 18px;max-width: 300px;margin-top: 80px;text-align: center;}

#canvas{float:left; width:60%;}
.picGroup1, .picGroup2 {padding: 10px 0;float: left;width: 18%;margin-left: 10px;box-sizing: border-box;}
.picGroup1 li, .picGroup2 li {border: 1px solid #ddd;margin-bottom: 10px;}
.picGroup1 li img, .picGroup2 li img {width: 100%;}
.picGroup1 li.on, .picGroup2 li.on {border: 1px solid #999;}

.proDetail{line-height:30px;}
.proIntro{padding:10px 0}
.proIntro img{max-width:100%;}
.proIntro a{ color:#0256ac;}

.proIntro table td{padding:4px;}
/*产品说明页面 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% - 16px);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 #ff7000;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 -765px -289px;}
.proDetailTitle {border-bottom: 2px solid #ddd;height: 40px;margin: 10px 0;}
.proDetailTitle span {border-bottom: 2px solid #ff7000;display: inline-block;font: bold 14px/40px "microsoft yahei",Arial,Helvetica;padding: 0 30px 0 40px;height: 40px;background: url(png.png) no-repeat -765px -413px;}

.relativeBox{ margin-bottom:8px;}
.relativePicList{ padding:10px;}
.relativePicList li{float: left; margin-right: 12px; width:calc(25% - 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: #ff7000; 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: #ff7000; 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: #ff7000; 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: #ff7000; 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: #ff7000; 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:#ff7000; margin:0 5px;}
.currentPage{ color:#ff7000;}
/*分页 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){
	.pWidth{width:100%;}
	.swiper{height:450px;}
	.swiper .swiper-slide img{object-fit: cover;}
	.video{height:400px;}
	.fullTitle {padding: 0 0 20px 0;}
	.fullTitle .en span {line-height: 40px;}
	.sideCate {padding: 20px 16px;}
}
@media screen and (max-width:1024px){
	body{padding-top:64px;}
	.hamburger{background: transparent; border: none; display: block; height: 32px; margin-left: 15px; position: fixed; top: 12px; width: 32px; z-index: 999;}
	.hamburger.is-closed:before{-webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px;}
	.hamburger.is-closed:hover before{-webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1;}
	.hamburger.is-closed:hover .hamb-top{-webkit-transition: all 0.35s ease-in-out; top: 6px;}
	.hamburger.is-closed:hover .hamb-bottom{-webkit-transition: all 0.35s ease-in-out; bottom: 6px;}
	.hamburger.is-closed .hamb-top{-webkit-transition: all 0.35s ease-in-out; background-color: rgba(0,0,0, 0.7); top: 6px;}
	.hamburger.is-closed .hamb-middle{background-color: rgba(0,0,0, 0.7); margin-top: -2px; top: 50%;}
	.hamburger.is-closed .hamb-bottom{-webkit-transition: all 0.35s ease-in-out; background-color: rgba(0,0,0, 0.7); bottom: 6px;}
	.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{height: 4px; left: 0; position: absolute; width: 100%;}
	.hamburger.is-open .hamb-top{-webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #000; margin-top: -2px; top: 50%;}
	.hamburger.is-open .hamb-middle{background-color: #000; display: none;}
	.hamburger.is-open .hamb-bottom{-webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #000; margin-top: -2px; top: 50%;}
	.hamburger.is-open:before{-webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #000; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px;}
	.hamburger.is-open:hover before{-webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1;}
	.overlay{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 99;}

	.logo{width:100%;padding: 5px 0;}
	.logo img{height:50px;}
	.main>.pWidth {padding: 50px 0 20px 0;}
	
	.menu {background: rgba(0,0,0,1);width: 250px;position: fixed;top: 60px;padding-bottom: 20px;z-index: 9999;display: none;height: auto;	-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}	
	.menu ul li {width: 100%;float: none;border-bottom: 1px solid #fff;}
	.menu>li{float:unset;display:block;margin-right:0;text-align:center;width:100%;max-width: none;}
	.menu>li a {color: #fff;line-height: 60px;font-size: 18px;margin-left: 15%;box-sizing: border-box;display: inline-block;width: 85%;}
	.menu>li:first-child a{-moz-border-radius: 30px 0 0 30px;-webkit-border-radius: 30px 0 0 30px;-khtml-border-radius: 30px 0 0 30px;border-radius: 30px 0 0 30px;background: #333;}
	.menu>li a i{margin-right: 10px; color:#f1a30e; font-size:24px;}
	.tel, .slogan{display:none;}
	
	.swiper{height:350px;}
	.iCompanyBox {padding: 30px 0;}
	.link, .areaSite, .youshi, .workshopAndContact, .footNav, .footerContent>p:nth-child(2){display:none;}
	
	.left{display:none;}
	.right{float:none; width:100%;}
	.categoryTitle {font-size: 30px;line-height: 72px;}
	
	
}
@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;}
	
	.comTitle {display: none;}
	.fullTitle {padding: 20px 0;}
	.fullTitle .cn {font-size: 20px;line-height: 40px;}
	.titleDescription {display: none;}
	.iProList{padding: 20px 1%;}
	.iProList li, .picList li, .relativePicList li {width: calc(50% - 10px);box-sizing: border-box; margin: 0 10px 10px 0;padding: 4px;}
	.iProList li:nth-child(2n), .picList li:nth-child(2n), .relativePicList li:nth-child(2n){ float:right;margin-right: 0;}
	
	.swiper{height:300px;}
	.video{height:360px;}
	
	.position {display:none;}
	
	.proInfoLeft {width: 100%;}
	.proInfoRight {width: 100%;}
	.pageWangWang a {margin-top:0;}
	
	.txtPage {padding: 0px 1%;}
	.picPage {padding: 0 1%;}
}

@media screen and (max-width:580px){
	.swiper{height:250px;}
	.swiper .swiper-slide img{object-fit: cover;}
	
	.iVideo { height: 282px;}
	.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%;}
	
	.picList {padding: 0;}
	.iProList li, .picList li, .relativePicList li {width: 100%;margin: 4px 0;}
}
@media screen and (max-width:450px){
	.top {position: fixed;z-index: 999999;width: 100%;top: 0;left: 0;}
	.logo img{height:40px;}
	
	.fullTitle {padding: 4px 0;}
	.fullTitle .en {display:none;}
	
	.iVideo { height: 282px;}
	
	.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;}
	
	.iCase {padding: 0;}
	.iCaseBox {padding: 10px 0;}
	
	.main>.pWidth {margin-top: 0;}
	.position {padding: 6px 0;}
	.positionContent{display:none;}
	
	.cateList {float: none;}
	.cateList li {float: left;width: calc(33.33% - 4px);box-sizing: border-box;margin-right: 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 18px/60px "microsoft yahei",Arial, Helvetica;}
	
	.caseImageList li {width: calc(50% - 16px);}
	.video{height:320px;}
}