@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
/* CSS Document */
.header { z-index: 3; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: url(../images/headerbg.jpg) center no-repeat; padding: 40px 0;}
.container { width: 1450px; margin: 0 auto; max-width: 92%;}
.headerCont::after { content: ''; clear: both; display: block; height: 0;}
.logo { float: left; height: 84px;}
.logo img { display: block; height: 100%;}
.headerCont .homeLink { float: right; font-size: 16px; color: #434343; background: url(../indeximages/homeIcon.png) left center no-repeat; padding-left: 24px;
line-height: 84px;}
.nav { position: relative; z-index: 2; background: #0d5aa8;}
.nav ul { width: 1450px; max-width: 92%; margin: 0 auto;}
.nav ul::after { content: ''; clear: both; display: block; height: 0;}
.nav li { line-height: 60px; position: relative; float: left; width: 12.5%; text-align: center;}
.nav li h2 a { font-weight: bold; font-size: 20px; color: #ffffff; transition: all .5s;}
.nav li h2 { transition: all .5s;}
.nav li:hover h2 { background: #ffffff;}
.nav li:hover h2 a { color:#0d5aa8 ;}
.nav dl { display: none; width: 100%; left: 0; top: 60px; position: absolute;}
.nav dl dt { transition: all .3s; line-height: 40px; background: #0d5aa8;}
.nav dl dt a { display: block; font-size: 16px; color: #ffffff;}
.nav dl dt:hover { opacity: .8;}
.banner { position: relative; height: 195px;}
.banner .swiper { width: 100%; height: 100%;}
.banner .swiper-slide { width: 100%; height: 100%;}
.searchCont { max-width: 92%; width: 495px; position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); bottom: 27px; background: #0d5aa8; padding: 2px;overflow: hidden;}
.searchCont input { width: calc(100% - 130px); border: none; height: 48px; font-size: 16px; text-indent: 15px; outline: none; float: left; box-sizing: border-box; padding: 0; background: #ffffff;}
.searchCont button{ width:130px; height: 48px; color: #ffffff; text-align: center; line-height: 48px; outline: none; border: none; font-size: 22px;
cursor: pointer; background: #0d5aa8;}
.sectionOne { padding: 65px 0; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.sectionSwiper { float: left; width: 32.4%;}

.sectionSwiper .swiper-button-next{background: url(../indeximages/a_08.png); width: 30px;height: 74px; background-size: 100% 100%; margin-top: -97px; right: 0; opacity:0;}
.sectionSwiper .swiper-button-prev{background: url(../indeximages/a_07.png); width: 30px;height: 74px; background-size: 100% 100%; margin-top: -97px; left: 0;opacity:0;}

.sectionSwiper .swiper-button-next:after ,.sectionSwiper .swiper-button-prev:after { display:none;}

.sectionSwiper:hover .swiper-button-next{opacity:1;}
.sectionSwiper:hover .swiper-button-prev{opacity:1;}

.fixRight { z-index: 2; position: fixed; right: 0; top: 50%; transform: translateY(-50%);}
.fixRight a { display:block; position: absolute; width: 120px; height: 36px;}
.fixRight span { display: block; text-align: center; font-size: 14px; cursor: pointer;}

.newsPic img { transition: all .5s; width: 100%; height: 100%; object-fit: cover; display: block;}
.newsPic { margin-bottom: 25px; overflow: hidden; height:323px;}
.newsPic:hover img { transform: scale(1.1);}
.newsTxt h2 {overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  transition: all .5s; font-size: 22px; color: #333333; font-weight: bold; line-height: 1; margin-bottom: 14px;}
.newsTxt p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 16px; color: #777777; line-height: 1.5; margin-bottom: 13px;}
.newsTxt span { transition: all .5s; display: inline-block; font-size: 14px; color: #ffffff; background: #d92f26; line-height:25px; border-radius: 4px; padding: 0 8px;}
.sectionSwiper .swiper-slide:hover h2 { color:#0d5aa8 ;}
.sectionSwiper .swiper-slide:hover .newsTxt span { background:#0d5aa8 ;}
.workDynic { float: left; width: 35%; margin-left: 2.89%;}
.titleCell { position: relative; overflow: hidden; border-bottom: 1px solid #d6d6d6; line-height: 45px; font-size: 30px; color: #0d5aa8; font-weight: bold; padding-left: 50px;}
.titleCell img { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.titleCell a { float: right; font-size: 15px; color: #4c4c4c; background: url(../indeximages/more.png) left center no-repeat; padding-left: 25px;}
.workDynic ul { margin-top: 10px;}
.workDynic li { line-height: 48px; overflow: hidden;}
.workDynic li p { position: relative; box-sizing: border-box; transition: all .5s; font-size: 18px; color: #333333; float: left; width: calc(100% - 52px); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.workDynic li:hover p{color:#0d5aa8; padding-left:10px;}
.workDynic li p::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px;
border-radius: 50%; background:#0d5aa8; transition: all .3s; opacity: 0;}
.workDynic li:hover p::after { opacity: 1;}
.workDynic li span { float: right; font-size: 16px; color: #b1b1b1;}
.noticeCont { float: right; width: 27%;}
.noticeCont li { margin-bottom: 13px; overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #ebebeb;}
.dataTag {transition: all .3s; padding-top: 12px; float: left; text-align: center; width: 80px; height: 67px; background: #eeeeee;}
.dataTag p {transition: all .3s; font-weight: bold; font-size: 28px; color: #414141; line-height: 1;}
.dataTag span {transition: all .3s; display: block; font-size: 14px; color: #989898;}
.noticeCont ul { margin-top: 25px;}
.noticeCont li h2 { overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    float: right;
    transition: all .3s;
    width: calc(100% - 100px);
    font-size: 18px;
    color: #333333;
    line-height: 32px;}
.noticeCont li:hover h2 { color:#0d5aa8 ;}
.noticeCont li:hover .dataTag { background:#0d5aa8;}
.noticeCont li:hover .dataTag p,.noticeCont li:hover .dataTag span { color: #ffffff;}
.serviceList ul { float: right; width: calc(100% - 120px);}
.serviceList li { margin:0 48px; float: left; transition: all 0.5s; width: 168px; height: 168px; text-align: center;}
.serviceList li p { color: #343434; font-size: 16px; line-height: 1.4; margin-top: 18px;}
.serviceList li span { margin-top: 40px; transition: all 0.3s; display: block; height: 54px; width: 100%;}
.serviceList li span.icon-1 { background: url(../indeximages/icon1.png) center no-repeat;}
.serviceList li span.icon-2 { background: url(../indeximages/icon2.png) center no-repeat;}
.serviceList li span.icon-3 { background: url(../indeximages/icon3.png) center no-repeat;}
.serviceList li span.icon-4 { background: url(../indeximages/icon4.png) center no-repeat;}
.serviceList li span.icon-5 { background: url(../indeximages/icon5.png) center no-repeat;}
.serviceList li span.icon-6 { background: url(../indeximages/icon6.png) center no-repeat;}
.serviceList li span.icon-7 { background: url(../indeximages/icon7.png) center no-repeat;}
.serviceList li span.icon-8 { background: url(../indeximages/icon8.png) center no-repeat;}
.serviceList li span.icon-9 { background: url(../indeximages/icon9.png) center no-repeat;}
.serviceList li span.icon-10 { background: url(../indeximages/icon10.png) center no-repeat;}
.serviceList li span.icon-11 { background: url(../indeximages/icon11.png) center no-repeat;}
.serviceList li span.icon-12 { background: url(../indeximages/icon12.png) center no-repeat;}
.serviceList li span.icon-13 { background: url(../indeximages/icon13.png) center no-repeat;}
.serviceList li span.icon-14 { background: url(../indeximages/icon14.png) center no-repeat;}
.serviceList li span.icon-15 { background: url(../indeximages/icon15.png) center no-repeat;}
.serviceList li span.icon-16 { background: url(../indeximages/icon16.png) center no-repeat;}
.serviceList li span.icon-17 { background: url(../indeximages/icon17.png) center no-repeat;}
.serviceList li span.icon-18 { background: url(../indeximages/icon18.png) center no-repeat;}
.serviceList li span.icon-19 { background: url(../indeximages/icon19.png) center no-repeat;}
.serviceList li span.icon-20 { background: url(../indeximages/icon20.png) center no-repeat;}
.serviceList li span.icon-21 { background: url(../indeximages/icon21.png) center no-repeat;}
.serviceList li span.icon-22 { background: url(../indeximages/icon22.png) center no-repeat;}
.serviceList li span.icon-23 { background: url(../indeximages/icon23.png) center no-repeat;}
.serviceList li span.icon-24 { background: url(../indeximages/icon24.png) center no-repeat;}
.serviceList li span.icon-25 { background: url(../indeximages/icon25.png) center no-repeat;}
.serviceList li span.icon-26 { background: url(../indeximages/icon26.png) center no-repeat;}
.serviceList li span.icon-27 { background: url(../indeximages/icon27.png) center no-repeat;}
.serviceList li span.icon-28 { background: url(../indeximages/icon28.png) center no-repeat;}
.serviceList li span.icon-32 { background: url(../indeximages/icon32.png) center no-repeat;}


.serviceList li span.icon-gx1 { background: url(../indeximages/icon29.png) center no-repeat;}
.serviceList li span.icon-gx2 { background: url(../indeximages/icon30.png) center no-repeat;}
.serviceList li span.icon-gx3 { background: url(../indeximages/icon31.png) center no-repeat;}
.serviceList li span.icon-gx4 { background: url(../indeximages/icon32.png) center no-repeat;}
.serviceList li span.icon-gx5 { background: url(../indeximages/icon33.png) center no-repeat;}

.serviceList li:hover span.icon-1 { background: url(../indeximages/icon1on.png) center no-repeat;}
.serviceList li:hover span.icon-2 { background: url(../indeximages/icon2on.png) center no-repeat;}
.serviceList li:hover span.icon-3 { background: url(../indeximages/icon3on.png) center no-repeat;}
.serviceList li:hover span.icon-4 { background: url(../indeximages/icon4on.png) center no-repeat;}
.serviceList li:hover span.icon-5 { background: url(../indeximages/icon5on.png) center no-repeat;}
.serviceList li:hover span.icon-6 { background: url(../indeximages/icon6on.png) center no-repeat;}
.serviceList li:hover span.icon-7 { background: url(../indeximages/icon7on.png) center no-repeat;}
.serviceList li:hover span.icon-8 { background: url(../indeximages/icon8on.png) center no-repeat;}
.serviceList li:hover span.icon-9 { background: url(../indeximages/icon9on.png) center no-repeat;}
.serviceList li:hover span.icon-10 { background: url(../indeximages/icon10on.png) center no-repeat;}
.serviceList li:hover span.icon-11 { background: url(../indeximages/icon11on.png) center no-repeat;}
.serviceList li:hover span.icon-12 { background: url(../indeximages/icon12on.png) center no-repeat;}
.serviceList li:hover span.icon-13 { background: url(../indeximages/icon13on.png) center no-repeat;}
.serviceList li:hover span.icon-14 { background: url(../indeximages/icon14on.png) center no-repeat;}
.serviceList li:hover span.icon-15 { background: url(../indeximages/icon15on.png) center no-repeat;}
.serviceList li:hover span.icon-16 { background: url(../indeximages/icon16on.png) center no-repeat;}
.serviceList li:hover span.icon-17 { background: url(../indeximages/icon17on.png) center no-repeat;}
.serviceList li:hover span.icon-18 { background: url(../indeximages/icon18on.png) center no-repeat;}
.serviceList li:hover span.icon-19 { background: url(../indeximages/icon19on.png) center no-repeat;}
.serviceList li:hover span.icon-20 { background: url(../indeximages/icon20on.png) center no-repeat;}
.serviceList li:hover span.icon-21 { background: url(../indeximages/icon21on.png) center no-repeat;}
.serviceList li:hover span.icon-22 { background: url(../indeximages/icon22on.png) center no-repeat;}
.serviceList li:hover span.icon-23 { background: url(../indeximages/icon23on.png) center no-repeat;}
.serviceList li:hover span.icon-24 { background: url(../indeximages/icon24on.png) center no-repeat;}
.serviceList li:hover span.icon-25 { background: url(../indeximages/icon25on.png) center no-repeat;}
.serviceList li:hover span.icon-26 { background: url(../indeximages/icon26on.png) center no-repeat;}
.serviceList li:hover span.icon-27 { background: url(../indeximages/icon27on.png) center no-repeat;}
.serviceList li:hover span.icon-28 { background: url(../indeximages/icon28on.png) center no-repeat;}

.serviceList li:hover span.icon-29 { background: url(../indeximages/icon29on.png) center no-repeat;}
.serviceList li:hover span.icon-30 { background: url(../indeximages/icon30on.png) center no-repeat;}
.serviceList li:hover span.icon-31 { background: url(../indeximages/icon31on.png) center no-repeat;}
.serviceList li:hover span.icon-32 { background: url(../indeximages/icon32on.png) center no-repeat;}

.serviceList li:hover span.icon-gx1 { background: url(../indeximages/icon29on.png) center no-repeat;}
.serviceList li:hover span.icon-gx2 { background: url(../indeximages/icon30on.png) center no-repeat;}
.serviceList li:hover span.icon-gx3 { background: url(../indeximages/icon31on.png) center no-repeat;}
.serviceList li:hover span.icon-gx4 { background: url(../indeximages/icon32on.png) center no-repeat;}
.serviceList li:hover span.icon-gx5 { background: url(../indeximages/icon33on.png) center no-repeat;}


.serviceList li:hover { border-radius: 50%; background: #11a9b7;}
.serviceList li:hover p { color: #ffffff;}
.service { padding: 35px 0;}
.leftTxt { margin-top: 48px; background: url(../indeximages/icontag.png) right bottom no-repeat; padding-bottom: 25px; float: left;}
.leftTxt p { line-height: 42px; font-weight: bold; font-size: 30px; color: #0d5aa8;}
.leftTxt span { line-height: 1; display: block; text-align: right; font-size: 16px; color: #11a9b7; font-weight: 200;}
.buildTitle { background: #cc0b0c; border-top: 6px solid #730600; padding: 65px 0 30px;}
.buildTitle h2 { font-size: 48px; text-align: center;  line-height: 1; padding-bottom: 40px; font-weight: bold; color: #ffffff;}
.buildCont { position: relative;}
.buildImg { position: absolute; right: 0; width: 14.79vw; top: -8.59vw;}
.buildInfor { background: url(../indeximages/se_02.jpg) center bottom no-repeat; background-size: cover; padding: 60px 0 80px;}
.buildSlide .titleCell { font-size: 30px; line-height: 2;}
.buildSlide .titleCell a { line-height: 60px;}
.buildSlide { float: left; width: 32%; margin-right: 2%;}
.buildSlide.buildSlide3 { margin-right: 0;}
.buildSlide ul { box-shadow: 0 2px 10px rgba(0,0,0,0.1); background-color: #ffffff; padding: 15px 25px 30px; margin-top: 30px;min-height: 355px;}
.buildSlide li {border-bottom: 1px solid #e9e9e9; overflow: hidden; line-height: 58px;}
.buildSlide li p { box-sizing: border-box; position: relative; transition: all .5s; font-size: 18px; color: #333333; float: left; width: calc(100% - 52px); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.buildSlide li:hover p{color:#0d5aa8; padding-left: 10px;}
.buildSlide li p::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px;
border-radius: 50%; background:#0d5aa8; transition: all .3s; opacity: 0;}
.buildSlide li:hover p::after { opacity: 1;}
.buildSlide li span { float: right; font-size: 16px; color: #b1b1b1;}
.safecont { background: url(../indeximages/se_04.jpg) center no-repeat; background-size: cover;}
.safeTit { background: #1472d1; border-top: 6px solid #0d5aa8; padding: 65px 0 30px;}
.safeTit h2 { font-size: 48px; text-align: center; background: url(../indeximages/banner_03.jpg) center bottom no-repeat; line-height: 1; padding-bottom: 40px; font-weight: bold; color: #ffffff;}

.footerTop { padding: 23px 0 14px; background: url(../indeximages/footbg.jpg) center no-repeat; background-size: cover;}
.footerLogo { margin-top: 7px; float: left; margin-right: 62px;}
.footerLogo img { max-width: 100%;}
.footContact { float: left;}
.footContact h2 { font-size: 22px; color: #ffffff; line-height: 1; margin-bottom: 14px;}
.footContact p { font-size: 15px; color: #ffffff; line-height: 28px;}
.footerCont select { float: right; height: 32px; width: 215px; outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none; border: 1px solid #ffffff; background: url(../indeximages/select.jpg) 94% center no-repeat;
box-sizing: border-box; padding-left: 10px; color: #ffffff; margin-top: 20px;}

.footerCont select option {color: #000; }



.safeSlide li { margin-bottom: 0px; overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #ebebeb;}
.dataTag {padding-top: 12px; float: left; text-align: center; width: 80px; height: 67px; background: #eeeeee;}
.dataTag p { font-weight: bold; font-size: 28px; color: #414141; line-height: 1;}
.dataTag span { display: block; font-size: 14px; color: #989898;}
.safeSlide li:hover .dataTag { background:#0d5aa8;}
.safeSlide li:hover .dataTag p,.safeSlide li:hover .dataTag span { color: #ffffff;}
.safeSlide { float: left; width: 29.7%;}
.safeSlide ul { padding: 10px 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-top: 25px;}
.safeSlide li {padding: 15px 0; border-bottom: 1px solid #ebebeb;}
.safeSlide li::after { content: ''; clear: both; display: block; height: 0;}
.safeSlide li h2 {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 float: right; transition: all .3s; width: calc(100% - 100px); font-size: 18px; color: #333333; line-height: 32px;}
.safeContainer .titleCell { line-height: 60px;}
.safeSlide ul { background: #ffffff;}
.safeSlide li:hover h2 { color:#0d5aa8 ;}
.safeContainer {padding: 50px 0 80px;}
.safeVideo { float: left; width: 36.6%; margin: 0 1.8%;}
.videoCont { height: 412px; margin-top: 25px;}
.videoCont video { width: 100%; height: 100%; object-fit: cover; outline: none;}
.safeSlide dl { box-shadow: 0 2px 10px rgba(0,0,0,0.1); background-color: #ffffff; padding: 15px 25px 30px; margin-top:25px;}
.safeSlide dt { border-bottom: 1px solid #e9e9e9; overflow: hidden; line-height: 60px;}
.safeSlide dt p { position: relative; box-sizing: border-box; transition: all .5s; font-size: 18px; color: #333333; float: left; width: calc(100% - 52px); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.safeSlide dt:hover p{color:#0d5aa8 ; padding-left: 10px;}

.safeSlide dt p::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px;
border-radius: 50%; background:#0d5aa8; transition: all .3s; opacity: 0;}
.safeSlide dt:hover p::after { opacity: 1;}
.safeSlide dt span { float: right; font-size: 16px; color: #b1b1b1;}
.buildTit { margin-bottom: 60px; text-align: center; line-height: 1; font-weight: bold; font-size: 30px; color: #0d5aa8; background: url(../indeximages/buitit.jpg) center no-repeat;}
.labBuild { padding: 100px 0;}
.buildList {overflow: hidden;}
.buildConts {overflow: hidden; float: left; width: 48.8%; position: relative; height: 20.8vw;}
.buildConts img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.buildConts:nth-child(2) { float: right;}
.labTxt { position: absolute; text-align: center; left: 0; width: 100%; top: 50%; transform: translateY(-50%); padding: 0 20px;}
.labTxt h2 { color: #ffffff; font-size: 30px; font-weight: bold; line-height: 1; text-align: center;}
.labTxt span { margin-top: 50px; opacity: .7; border: 1px solid #ffffff; transition: all .5s;
 width: 130px; line-height: 38px; font-size: 16px; color: #ffffff; display: inline-block;}
.buildConts:hover span { opacity: 1;}
.buildConts:hover img {transform: scale(1.1);}
.labTitle { margin-bottom: 50px; text-align: center; position: relative; line-height: 88px;}
.labTitle p { font-size:30px; font-weight: bold; color: #0d5aa8; position: relative; z-index: 3;}
.labTitle span { font-weight: bold; position: absolute; left: 0; top: 0; font-size: 88px; z-index: 2; color: #e5e5e5; font-style: italic; text-align: center; width: 100%;}
.labSlide img { display: block; width: 100%;}
.labSlide p { text-align: center; line-height: 1; margin-top:15px; margin-bottom:15px; color: #5b5b5b; font-size:16px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.labSlide .swiper { padding-bottom: 28px;}
.labSlide .swiper .swiper-pagination { bottom: 0;}
.labSlide .swiper .swiper-pagination span { width: 13px; height: 13px; background: none; box-sizing: border-box; opacity: 1; border: 2px solid #193e9b;}
.labSlide .swiper .swiper-pagination span.swiper-pagination-bullet-active { background: #193e9b;}
.lab { background: #f4f4f4; padding: 60px 20px 80px;}
.lab a.checkMore { display: block; font-size: 16px; color: #1a1a1a; width: 126px; border: 1px solid #4c4c4c; line-height: 36px; border-radius: 36px;
text-align: center; margin: 40px auto 0; transition: all .5s;}
.lab a.checkMore:hover { color: #ffffff; background:#0d5aa8 ;}
.imgCell {overflow: hidden;}
.imgCell img { display: block; width: 100%; transition: all .5s; height: 250px; }
.imgCell:hover img { transform: scale(1.1);}
.labSlide p { transition: all .5s;}
.labSlide .swiper-slide:hover p { color: #0d5aa8;}
@media screen and  (max-width:1440px){
	.labTxt h2 { font-size: 22px;}
	.labTxt span { margin-top: 20px;}
	.serviceList li { width: 130px; height: 130px; margin:0 42px;}
	.serviceList li p { font-size: 14px; margin-top: 10px; line-height: 1.5;}
	.serviceList li span { margin-top: 20px;}
	.leftTxt { margin-top: 18px;}
	.logo { height: 60px;}
	.headerCont .homeLink { line-height: 60px;}
	.header {padding: 20px 0;}

	.nav li h2 a { font-size: 18px;}
	.titleCell { font-size: 22px;}
	.workDynic li p,.noticeCont li h2,.buildSlide li p,.safeSlide dt p,.safeSlide li h2 { font-size: 16px;}
	.buildSlide .titleCell { font-size: 22px; line-height: 60px;}
}
@media screen and  (max-width:1200px){
	.banner { height:100px;}
	.lab a.checkMore { font-size: 14px; margin: 20px auto 0;}
	.lab { padding: 0 4% 20px;}
	.labTitle p { font-size: 22px;}
	.labTitle { margin-bottom: 0;}
	.labTitle span { font-size: 40px;}
	.footContact h2 { font-size: 18px; margin-top: 20px;}
	.footerLogo { float: none; display: block; margin-right: 0; max-width: 90%;}
	.footerCont select { float: none;}
	.labTxt span { font-size: 14px; width: 100px;}
	.labTxt h2 { font-size: 16px;}
	.buildConts { margin-bottom: 10px; float: none; width: 100%; height: auto;}
	.labBuild { padding: 30px 0;}
	.buildTit { margin-bottom: 20px; font-size: 22px;}
	.videoCont { height: auto; margin-top: 10px;}
	.safeSlide dt { line-height: 40px;}
	.safeContainer { padding: 20px 0;}
	.leftTxt p { font-size: 22px;}
	.buildInfor { padding: 20px 0;}
	.buildSlide,.safeSlide,.safeVideo { width: 100%; margin-bottom: 10px; float: none;}
	.buildSlide ul { margin-top: 10px;}
	.buildSlide li { line-height: 60px;}
	.buildTitle,.buildTitle { padding: 35px 0 20px;}
	.buildTitle h2,.safeTit h2 { background-size: 40px auto; padding-bottom: 30px; font-size: 22px;}
	.buildTitle h2 img,.safeTit h2 img { width: 20px;}
	.leftTxt { float: none; margin: 0; background: none; padding: 0; text-align: center;}
	.serviceList li { float: none; vertical-align: top; display: inline-block;}
	.serviceList { text-align: center;}
	.leftTxt span { text-align: center;}
	.serviceList ul { float: none; width: 100%;}
	.workDynic li { line-height: 32px;}
	.titleCell img { height: 20px;}
	.titleCell { padding-left: 30px; margin-top:15px;}
	.noticeCont { float: none; width: 100%;}
	.workDynic li span { font-size: 14px;}
	.sectionOne { padding: 20px 0;}
	.sectionSwiper { float: none; width: 100%;}
	.newsPic { height: auto; margin-bottom: 15px;}
	.workDynic { float: none; margin: 0; width: 100%;}
	.newsTxt h2 { font-size: 20px;}
	.searchCont button { font-size: 14px; width: 80px; height: 30px; line-height: 30px;}
	.searchCont input { font-size: 14px; width: calc(100% - 80px); height: 30px;}
	.searchCont { bottom: auto; top: 50%; margin-top: -15px;}
	.header { padding: 15px 0;}
	.logo { height: 30px;}
	.menu { position: absolute; display: block; position: absolute; right: 4%; top:19px; background: url(../indeximages/anniu-bw.png) center no-repeat; width: 24px; height: 22px;}
	.headerCont .homeLink { display: none;}

	.nav { width: 200px; z-index: 10; position: fixed; top: 60px; left: -100%; bottom: 0;}
	.nav li { text-align: left; box-sizing: border-box; line-height: 40px; float: none; width: 100%;}
	.nav ul {max-width: none; width: 100%; margin: 0;}
	.nav li h2 { padding: 0 20px;}
	.nav li h2 a { font-size: 16px;}
	.nav dl { position: static;}
	.nav dl dt { font-size: 14px; text-indent: 40px;}
	.nav dl dt a { font-size: 14px;}
	#screen { position: fixed; display: none; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: rgba(13,90,168,.5);}
.fixRight { display: none;}
}
@media screen and  (max-width:780px){
.copyRight a { text-align: left; display: block; line-height: 1.5;}
.copyRight span { display: none;}
.copyRight { padding: 10px 4%;}
.sectionSwiper { margin-bottom: 10px;}

.imgCell img {   height: 230px; }


}