@charset "utf-8";
@import url(base.css);
.qd_1200{width: 1200px;margin: 0 auto;}
/* 头部 */
.header{width: 100%;height: 80px;background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 500;}
.headercon{width: 100%;height: 80px;}
.headerlogo{float: left;padding-top: 11px;box-sizing: border-box;margin-right: 16%;}
.headerlogo a{display: block;}
.headerlogo a img{display: block;}
.headernav{float: left;}
.headernav ul li{float: left;margin-right: 28px;position: relative;}
.headernav ul li:last-child{margin-right: 0;}
.headernav ul li>a{display: block;font-size: 16px;color: #fff;font-weight: 400;line-height: 80px;}
.headerlist{position: absolute;top: 80px;left: 50%;width: 140px;background: #fff;margin-left: -70px;
border-radius: 0 0 6px 6px;box-shadow: 0 2px 10px rgba(204,204,204,0.25);display: none;}
.headerlist a{display: block;font-size: 14px;color: #333;font-weight: 500;padding: 8px 0;box-sizing: border-box;text-align: center;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerlist a:last-child{border-radius: 0 0 6px 6px;}
.headerlist a:hover{background: #0075AD;color: #fff;}
.consult{float: right;width: 114px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;
font-weight: 400;border-radius: 2px;background: #0075AD;margin-top: 20px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.consult:hover{box-shadow: 0 2px 12px rgba(117,173,255,0.15);}
.banner{width: 100%;position: relative;}
.banner video{width:100%;height: 100%;object-fit:cover;outline: none;}
.bannertext{width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.bannertextcon{width: 100%;}
.bannertextcon h5{font-size: 32px;color: #fff;font-weight: 500;margin-bottom: 10px;line-height: 45px;}
.bannertextcon h4{font-size: 54px;color: #fff;font-weight: 500;margin-bottom: 20px;line-height: 55px;}
.bannertextcon h6{font-size: 35px;color: #fff;font-weight: 500;margin-bottom: 48px;line-height: 45px;}
.bannertextcon a{display: block;width: 150px;height: 40px;border-radius: 50px;border: 1px solid #fff;text-align: center;line-height: 40px;
font-size: 14px;color: #fff;}
/* 手机端头部 */
.navmobile{width: 100%;height: 60px;background: rgba(0,0,0,0.6);padding: 0 20px;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 500;display: none;}
.navmobileleft{float: left;padding-top: 5px;box-sizing: border-box;}
.navmobileleft a{display: block;width: 86%;}
.navmobileleft a img{display: block;}
.navmobileright{float: right;margin-top: 20px;cursor: pointer;}
.navmobileright>span{width: 24px;height: 2px;display: block;background: #fff;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.navmobileright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navmobileright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.nav{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 1000;}
.navbj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.01);}
.navlist{width: 60%;height: 100%;position: fixed;top: 0;right: -60%;background: #333;z-index: 1000;}
.navlist .close{width: 100%;height: 60px;position: relative;}
.navlist .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 24px;}
.navlist>ul>li{width: 100%;border-bottom: 1px solid #2f7be0;}
.navlist>ul>li>a{display: block;padding: 9px 15px;box-sizing: border-box;font-size: 14px;color: #fff;background: #0075AD;position: relative;}
.navlist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.navlist>ul>.on>a i{transform: rotate(90deg);}
.navlister{width: 100%;display: none;}
.navlister a{display: block;font-size: 14px;color: #fff;padding: 9px 15px 9px 25px;
box-sizing: border-box;border-top: 1px solid #eee;background-color: #3ab3ec;}
/* 手机端banner */
.mobilebanner{width: 100%;height: 240px;position: relative;display: none;}
.mobilebanner a{display: block;height: 100%;}
.mobilebanner a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.mobilebannertext{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mobilebannertextcon{width: 100%;padding: 80px 20px 0 20px;box-sizing: border-box;}
.mobilebannertextcon h5{font-size: 16px;color: #fff;font-weight: 500;margin-bottom: 8px;}
.mobilebannertextcon h4{font-size: 22px;color: #fff;font-weight: 500;margin-bottom: 8px;}
.mobilebannertextcon h6{font-size: 16px;color: #fff;font-weight: 500;margin-bottom: 12px;}
.mobilebannertextcon span{display: block;width: 100px;height: 30px;border-radius: 50px;border: 1px solid #fff;text-align: center;line-height: 30px;
font-size: 14px;color: #fff;}
/* 首页工程案例 */
.gccase{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.gccasecon{width: 100%;}
.qdtitle{width: 100%;margin-bottom: 30px;}
.qdtitleleft{float: left;}
.qdtitleleft h4{font-size: 24px;color: #333;font-weight: 400;line-height: 33px;}
.qdtitleleft p{font-size: 18px;color: #999;font-weight: 400;line-height: 25px;}
.qdtitleright{float: right;padding-top: 22px;box-sizing: border-box;}
.qdtitleright ul li{float: left;margin-right: 10px;}
.qdtitleright ul li:last-child{margin-right: 0;}
.qdtitleright ul li a{display: block;font-size: 14px;color: #666;font-weight: 400;line-height: 20px;padding: 5px 18px;
box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 2px;}
.qdtitleright ul li:hover a{background: #0075AD;color: #fff;}
.qdtitleright ul .active a{background: #0075AD;color: #fff;}
.gccaseconter{width: 100%;}
.gccaselist{width: 100%;display: none;}
.gccaselist:first-child{display: block;}
.gccaselist ul li{float: left;width: 32%;margin-right: 2%;}
.gccaselist ul li:last-child{margin-right: 0;}
.gccaselist ul li a{display: block;}
.gccaseimg{width: 100%;overflow: hidden;}
.gccaseimg img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.gccasetext{width: 100%;padding: 20px 28px;box-sizing: border-box;background: #EBEBEB;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.gccasetext::before{content: '';width: 00%;height: 2px;background: #0075AD;position: absolute;bottom: 0;left: 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.gccasetext h5{font-size: 18px;color: #333;font-weight: 400;line-height: 25px;margin-bottom: 5px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.gccasetext p{font-size: 14px;color: #666;font-weight: 400;line-height: 22px;height: 44px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.gccaselist ul li:hover .gccaseimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.gccaselist ul li:hover .gccasetext{background: #fff;}
.gccaselist ul li:hover .gccasetext::before{width: 100%;}
/* 首页公司介绍 */
.gssuggest{width: 100%;padding: 80px 0 150px 0;box-sizing: border-box;background: #F8F8F8;}
.gssuggestcon{width: 100%;}
.gssuggestcon .qdtitle{margin-bottom: 40px;}
.gssuggestconter{width: 100%;}
.gssuggestleft{float: left;width: 49%;}
.gssuggestleft h5{font-size: 18px;color: #333;font-weight: 500;line-height: 25px;margin-bottom: 20px;}
.gssuggestleft p{font-size: 12px;color: #666;font-weight: 400;line-height: 22px;}
.gssuggestleft a{display: block;width: 100px;height: 32px;text-align: center;line-height: 32px;background: #9A9A9A;margin-top: 30px;
font-size: 12px;color: #fff;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.gssuggestleft a:hover{background: #0075AD;}
.gssuggestright{float: right;padding-right: 14px;box-sizing: border-box;}
.gssuggestimg{display: table;position: relative;}
.gssuggestimg::before{width: 100%;height: 100%;content: '';background: #0075AD;position: absolute;top: -14px;right: -14px;}
.gssuggestimg img{display: block;position: relative;}
/* 首页合作伙伴 */
.gsbanner{width: 100%;}
.gsbannercon{width: 100%;background: #fff;border-radius: 8px;box-shadow: 0px 2px 16px 0px rgba(201, 201, 201, 0.5);padding: 30px 15px;
box-sizing: border-box;margin-top: -66px;position: relative;}
.gsbannercons{width: 100%;}
.gsbannercons ul li{height: 72px;line-height: 72px;text-align: center;}
.gsbannercons ul li img{display: inline-block;}
.gsbannercon .gsbannernext{background: url(../images/right.png) center no-repeat;width: 34px;height: 34px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -17px;right: -7% !important;border-radius: 50%;}
.gsbannercon .gsbannerprev{background: url(../images/left.png) center no-repeat;width: 34px;height: 34px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -17px;left: -7% !important;border-radius: 50%;}
/* 首页赛思迪技术 */
.skill{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.skillcon{width: 100%;}
.skillcon .qdtitle{margin-bottom: 50px;}
.skillcon .qdtitleleft{float: none;text-align: center;}
.skillist{width: 100%;}
.skillist .skilleft{width: 42.5%;margin-right: 1.5%;float: left;}
.skillist .skillright{width: 56%;float: left;}
.skilleft ul li,.skillright ul li{overflow: hidden;width: 100%;margin-bottom: 1.5%;position: relative;}
.skilleft ul li{margin-bottom: 2.5%;}
.skilleft ul li:last-child,.skillright ul li:last-child{margin-bottom: 0;}
.skilleft ul li a,.skillright ul li a{display: block;cursor: default;}
.skilleft ul li a img,.skillright ul li a img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.skilltext{width: 100%;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.4);padding: 9px 8%;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.skilltext h5{font-size: 16px;color: #fff;font-weight: 500;line-height: 22px;text-align: center;}
.skilltexted{width: 100%;position: absolute;bottom: -100%;left: 0;background: rgba(0,0,0,0.4);padding: 10px 8%;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;opacity: 0;}
.skilltexted h5{font-size: 16px;color: #fff;font-weight: 500;line-height: 22px;text-align: left;margin-bottom: 5px;}
.skilltexted p{font-size: 14px;color: #fff;font-weight: 500;line-height: 20px;text-align: left;}
.skillright ul li .skilltext h5{text-align: left;}
.skilleft ul li:hover a img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.skilleft ul li:hover .skilltext{opacity: 0;}
.skilleft ul li:hover .skilltexted{opacity: 1;bottom: 0;}
.skillright ul li:hover a img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.skillright ul li:hover .skilltext{opacity: 0;}
.skillright ul li:hover .skilltexted{opacity: 1;bottom: 0;}
/* 优异特性 */
.excellent{width: 100%;padding: 200px 0 80px 0;box-sizing: border-box;}
.excellentcon{width: 100%;}
.excellentitle{width: 100%;margin-bottom: 140px;}
.excellentitle h4{font-size: 60px;color: #fff;font-weight: 500;line-height: 84px;text-align: center;margin-bottom: 13px;}
.excellentitle p{font-size: 40px;color: #fff;font-weight: 400;line-height: 56px;text-align: center;}
.excellentlist{width: 100%;}
.excellentlist ul li{float: left;width: 32%;margin-right: 2%;padding:44px;box-sizing: border-box;background: #fff;border-radius: 4px;
box-shadow: 0px 2px 16px 0px rgba(201, 201, 201, 0.5);}
.excellentlist ul li:last-child{margin-right: 0;}
.excellentimg{width: 42px;height: 42px;margin-bottom: 42px;}
.excellentimg img{display: block;}
.excellentext{width: 100%;}
.excellentext h5{font-size: 16px;color: #333;font-weight: 500;line-height: 22px;margin-bottom: 12px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.excellentext p{font-size: 14px;color: #666;font-weight: 400;line-height: 20px;height: 40px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/* 首页新闻 */
.innew{width: 100%;padding: 10px 0 80px 0;box-sizing: border-box;background: #fff;}
.innewcon{width: 100%;}
.innewcon .qdtitle{margin-bottom: 45px;}
.qdtitlerights a{display: block;font-size: 12px;color: #666;font-weight: 400;line-height: 17px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.qdtitlerights a:hover{color: #0075AD;}
.innewlist{width: 100%;}
.innewlistleft{float: left;width: 27.5%;margin-right: 1.5%;}
.innewlistleft a{display: block;position: relative;overflow: hidden;}
.innewlistleft a img{display: block;width: 100%;height: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.innewtext{width: 100%;position: absolute;bottom: 0;left: 0;padding: 15px 15px;box-sizing: border-box;background: rgba(0,0,0,0.5);}
.innewtext h5{font-size: 14px;color: #fff;font-weight: 500;line-height: 18px;opacity: 0.8;margin-bottom: 5px;}
.innewtext p{font-size: 16px;color: #fff;font-weight: 500;line-height: 20px;opacity: 0.8;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.innewlistleft a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.innewlistright{float: left;width: 71%;}
.innewlistright ul li{float: left;width: 49%;margin-right: 2%;height: 198px;background: #F4F4F4;margin-bottom: 2.1%;}
.innewlistright ul li:nth-child(2n){margin-right: 0;}
.innewlistright ul li a{display: block;padding: 40px 28px 28px 28px;box-sizing: border-box;}
.innewlistright ul li a h5{border-bottom: 1px solid #D8D8D8;box-sizing: border-box;padding-bottom: 10px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.innewlistright ul li a h5 span{float: left;font-size: 16px;color: #333;font-weight: 500;line-height: 22px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.innewlistright ul li a h5 strong{float: right;font-size: 12px;color: #333;font-weight: 400;line-height: 17px;margin-top: 3px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.innewlistext{width: 100%;padding-top: 14px;box-sizing: border-box;}
.innewlistext h6{font-size: 16px;color: #333;font-weight: 400;line-height: 22px;margin-bottom: 12px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.innewlistext p{font-size: 12px;color: #666;font-weight: 400;line-height: 20px;height: 40px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.innewlistright ul li:hover{background: url(../images/bj.png) center no-repeat;}
.innewlistright ul li:hover a h5{border-color: #fff;}
.innewlistright ul li:hover a h5 span{color: #fff;}
.innewlistright ul li:hover a h5 strong{color: #fff;}
.innewlistright ul li:hover .innewlistext h6{color: #fff;}
.innewlistright ul li:hover .innewlistext p{color: #fff;}
.footer{width: 100%;background: #3C3C3C;padding-top: 78px;box-sizing: border-box;}
.footercon{width: 100%;}
.footerup{width: 100%;padding-bottom: 50px;border-bottom: 1px solid #6A6A6A;box-sizing: border-box;}
.footerup ul{float: left;width: 60%;}
.footerup ul li{float: left;width: 16%;margin-right: 0.8%;}
.footerup ul li:last-child{margin-right: 0;}
.footerup ul li h5{font-size: 18px;color: #fff;font-weight: 400;line-height: 25px;margin-bottom: 15px;opacity: 0.8;}
.footerup ul li a{font-size: 14px;color: #fff;font-weight: 400;line-height: 25px;margin-bottom: 8px;display: table;opacity: 0.8;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerup ul li a:hover{opacity: 1;}
.footerupright{float: right;}
.footeruptext{width: 100%;margin-bottom: 15px;}
.footeruptext p{font-size: 14px;color: #fff;opacity: 0.8;font-weight: 400;}
.footeruptext h5{font-size: 26px;color: #fff;font-weight: 500;line-height: 38px;}
.footeruptextbut{width: 100%;}
.footeruptextbut h5{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;opacity: 0.8;}
.footeruptextbut p{font-size: 14px;color: #fff;font-weight: 400;line-height: 25px;opacity: 0.8;}
.footeruptextbut p a{color: #fff;opacity: 0.8;}
.footerbut{width: 100%;padding: 30px 0;box-sizing: border-box;}
.footerbut p{font-size: 16px;color: #C0C0C0;font-weight: 400;line-height: 22px;}
.footerbut p a{color: #C0C0C0;padding-left: 5px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerbut .zhichi{float: left;}
.footerbut .zhichi a:hover{color: #fff;}
.footerbut .jingbei{float: right;}
.celan{position: fixed;top: 50%;right: 10px;transform: translateY(-50%);z-index: 2500;}
.zixun{width: 66px;height: 90px;border-radius: 2px;background: #0075AD;padding-top: 19px;box-sizing: border-box;margin-bottom: 10px;}
.zixun a{display: block;text-align: center;}
.zixun a i{display: block;width: 32px;height: 32px;margin: 0 auto 8px;}
.zixun a i img{display: block;}
.zixun a span{font-size: 12px;color: #fff;opacity: 0.9;font-weight: 400;line-height: 17px;}
.celancon{width: 66px;height: 140px;border-radius: 2px;background: #0075AD;margin-bottom: 17px;}
.celanup{width: 100%;height: 70px;position: relative;padding-top: 9px;box-sizing: border-box;}
.celanup::before{content: '';width: 90%;height: 1px;background: rgba(255,255,255,0.4);position: absolute;bottom: 0;left: 5%;}
.celanup:last-child::before{display: none;}
.celanup a{display: block;text-align: center;}
.celanup a i{display: block;width: 32px;height: 32px;margin: 0 auto;}
.celanup a i img{display: block;}
.celanup a span{font-size: 12px;color: #fff;opacity: 0.9;font-weight: 400;line-height: 17px;}
.ceimg{width: 120px;height: 120px;padding: 8px;box-sizing: border-box;background: #fff;position: absolute;top: -24px;left: -135px;
box-shadow: 0 5px 14px rgba(201,201,201,0.8);border-radius: 4px;display: none;}
.ceimg::before{content: '';width: 0;height: 0;overflow: hidden;font-size: 0;line-height: 0;border-width: 10px;display: inline-block;margin-top: -10px;
border-style: solid dashed dashed dashed;border-color:  transparent transparent transparent #fff;position: absolute;top: 50%;right: -20px;}
.ceimg img{display: block;}
.cetext{background-color: #fff;padding: 8px 10px;box-sizing: border-box;position: absolute;top: 15px;left: -205px;border-radius: 4px;
box-shadow: 0 5px 10px rgba(201,201,201,0.8);display: none;}
.cetext::before{content: '';width: 0;height: 0;overflow: hidden;font-size: 0;line-height: 0;border-width: 8px;display: inline-block;margin-top: -8px;
border-style: solid dashed dashed dashed;border-color:  transparent transparent transparent #fff;position: absolute;top: 50%;right: -16px;}
.cetext p{font-size: 14px;color: #0075AD;font-weight: 500;line-height: 20px;}
.celanups:hover .ceimg{display: block;}
.celanuped:hover .cetext{display: block;}
.backtop{width: 40px;height: 40px;border-radius: 4px;box-shadow: 0 5px 10px rgba(201,201,201,0.8);cursor: pointer;margin-left: 26px;}
.backtop img{display: block;}
/* 企业文化 */
.banners{width: 100%;position: relative;}
.banners img{display: block;margin: 0 auto;width: 100%;height: 100%;object-fit: cover;}
.bannerstext{width: 1200px;position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);}
.bannerstext h4{font-size: 40px;color: #fff;font-weight: 500;line-height: 56px;}
.bannerstext p{font-size: 26px;color: #fff;font-weight: 500;line-height: 36px;}
.present{width: 100%;background: #fff;}
.presentup{width: 100%;padding: 30px 0 60px 0;box-sizing: border-box;}
.smallnav{width: 100%;margin-bottom: 40px;}
.smallnavleft{float: left;}
.smallnavleft span{font-size: 14px;color: #666;font-weight: 400;line-height: 20px;}
.smallnavleft a{font-size: 14px;color: #666;font-weight: 400;line-height: 20px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.smallnavleft strong{font-size: 14px;color: #666;font-weight: 400;line-height: 20px;}
.smallnavleft a:hover{color: #0075AD;}
.presentupcon{width: 100%;}
.presentuptitle{width: 100%;margin-bottom: 30px;}
.presentuptitle h4{font-size: 28px;color: #333;font-weight: 500;line-height: 40px;text-align: center;}
.presentupconter{width: 100%;}
.presentupconter p{font-size: 14px;color: #666;font-weight: 400;line-height: 28px;}
.presentupconter p img{display: block;margin: 0 auto 20px;}
.presentbut{width: 100%;padding: 110px 0;box-sizing: border-box;}
.presentbutcon{width: 100%;}
.presentlist{max-width: 625px;margin-bottom: 40px;}
.presentlist:last-child{margin-bottom: 0;}
.presentlist h4{font-size: 28px;color: #fff;font-weight: 500;line-height: 40px;margin-bottom: 6px;}
.presentlist p{font-size: 24px;color: #fff;font-weight: 500;line-height: 32px;}
.presentuptitle i{display: block;margin: 8px auto;width: 82px;height: 4px;border-radius: 3px;background: #0075AD;}
/* 荣誉资质 */
.qdtitlerighted{padding-top: 0;float: right;}
.qdtitlerighted ul li a{background: #F5F5F5;}
.honor{width: 100%;}
.honorlist{width: 100%;}
.honorlist ul li{float: left;width: 32%;margin-right: 2%;box-sizing: border-box;margin-bottom: 2%;}
.honorlist ul li:nth-child(3n){margin-right: 0;}
.honorimg{width: 100%;border: 1px solid #EDEDED;padding: 26px 0;box-sizing: border-box;border-bottom: 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.honorimg img{display: block;margin: 0 auto;}
.honortext{width: 100%;padding: 15px 10px;box-sizing: border-box;background: #EEEEEE;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.honortext p{font-size: 18px;color: #333;font-weight: 400;text-align: center;line-height: 25px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.honorlist ul li:hover .honorimg{border-color: #0075AD;}
.honorlist ul li:hover .honortext{background: #0075AD;}
.honorlist ul li:hover .honortext p{color: #fff;}
.saspages{width: 100%;margin-top: 20px;}
.saspages ul{display: table;margin: 0 auto;}
.saspages ul li{float: left;margin-right: 10px;}
.saspages ul li:last-child{margin-right: 0;}
.saspages ul li a{font-size: 16px;color: #666;border: 1px solid #DCDCDC;display: block;padding: 5px 10px;box-sizing: border-box;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-weight: 400;}
.saspages ul .active a{border-color: #0075AD;background: #0075AD;color: #fff;}
.saspages ul li:hover a{border-color: #0075AD;background: #0075AD;color: #fff;}
/* 发展历程 */
.presentups .smallnav{margin-bottom: 60px;}
.course{width: 100%;position: relative;padding: 0 44px 50px 44px;box-sizing: border-box;}
.course::after{content: '';width: 19px;height: 19px;background: #0075AD;border-radius: 50%;position: absolute;top: 0;left: 50%;margin-left: -9.5px;}
.course::before{content: '';width: 1px;height: 100%;background: #D8D8D8;position: absolute;top: 0;left: 50%;margin-left: -0.5px;}
.course ul{padding-top: 90px;box-sizing: border-box;}
.course ul li{width: 50%;position: relative;padding-top: 30px;padding-right: 83px;box-sizing: border-box;float: left;}
.course ul li::after{content: '';width: 9px;height: 9px;background: #0075AD;border-radius: 50%;position: absolute;top: 0;right: -4.5px;}
.course ul li::before{content: '';width: 100%;height: 1px;background: #0075AD;position: absolute;top: 4.5px;left: 0;}
.coursetext{width: 100%;margin-bottom: 15px;}
.coursetext h5{font-size: 20px;color: #333;font-weight: 500;line-height: 28px;margin-bottom: 8px;}
.coursetext p{font-size: 14px;color: #666;font-weight: 400;line-height: 26px;}
.courseimg{width: 100%;}
.courseimg img{display: block;}
.course ul li:nth-child(2n){padding-right: 0;padding-left: 83px;margin-top: 15%;}
.course ul li:nth-child(2n)::after{left: -4.5px;right: auto;}
/* 产品展示 */
.product{width: 100%;}
.product ul li{width: 100%;margin-bottom: 60px;}
.product ul li a{display: block;}
.productext{float: left;width: 47%;margin-right: 6%;padding-top: 4%;box-sizing: border-box;}
.productext h5{font-size: 24px;color: #333;font-weight: 400;line-height: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
margin-bottom: 23px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productext p{font-size: 14px;color: #666;font-weight: 400;line-height: 32px;margin-bottom: 25px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.productext span{font-size: 12px;color: #999;font-weight: 400;line-height: 17px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productimg{float: right;width: 47%;overflow: hidden;}
.productimg img{display: block;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.product ul li:nth-child(2n) .productext{float: right;margin-right: 0;padding-left: 30px;box-sizing: border-box;}
.product ul li:nth-child(2n) .productimg{float: left;margin-right: 6%;}
.product ul li:hover .productext h5{color: #0075AD;}
.product ul li:hover .productext span{color: #0075AD;}
.product ul li:hover .productimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/* 产品展示详情 */
.productxq{width: 100%;}
.xqtitle{width: 100%;border-bottom: 1px solid #D8D8D8;box-sizing: border-box;padding-bottom: 18px;}
.xqtitle h4{font-size: 28px;color: #333;font-weight: 500;line-height: 40px;}
.productxqcon{width: 100%;padding: 32px 0 0 0;box-sizing: border-box;}
.productxqcon h4{font-size: 18px;color: #0075AD;font-weight: 500;margin-bottom: 20px;}
.productxqcon p{margin-bottom: 20px;font-size: 14px;color: #666;line-height: 24px;}
.productxqcon p img{display: block;margin: 0 auto;}
/* 新闻资讯 */
.new{width: 100%;}
.new .innewlistright{float: none;width: 100%;}
.new .innewlistright ul li{width: 32%;margin-right: 2%;}
.new .innewlistright ul li:nth-child(3n){margin-right: 0%;}
/* 新闻详情 */
.xqtitles h4{margin-bottom: 15px;}
.xqtitles p{font-size: 14px;color: #C1C1C1;font-weight: 400;line-height: 20px;}
.xqtitles p span{margin-right: 60px;}
.xqtitles p span:last-child{margin-right: 0;}
.xqpages{width: 100%;padding-top: 40px;box-sizing: border-box;}
.xqpages a{display: table;font-size: 14px;color: #666;font-weight: 400;line-height: 20px;margin-bottom: 10px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xqpages a:last-child{margin-bottom: 0;}
.xqpages a:hover{color: #0075AD;}
/* 联系我们 */
.contact{width: 100%;}
.contactleft{float: left;width: 48%;margin-right: 4%;}
.contactleft img{display: block;}
.contactright{float: right;width: 48%;padding-top: 4%;box-sizing: border-box;}
.contactright h5{font-size: 26px;color: #333;font-weight: 500;line-height: 37px;margin-bottom: 30px;}
.contactright h6{font-size: 26px;color: #333;font-weight: 500;line-height: 26px;margin-bottom: 20px;}
.contactright .footertall{margin-bottom: 14px;}
.contactright p{font-size: 14px;color: #333;font-weight: 500;line-height: 24px;}
.contactright p a{color: #333;}
/* 工程案例 */
.case{width: 100%;}
.case .gccaselist .gccasetext::before{display: none !important;}
.case .gccaselist ul li{margin-bottom: 20px;}
.case .gccaselist ul li:nth-child(3n){margin-right: 0;}
.case .gccaselist ul li:hover .gccasetext{background: #0075AD;}
.case .gccaselist ul li:hover .gccasetext h5{color: #fff;}
.case .gccaselist ul li:hover .gccasetext p{color: #fff;}
/* 工程案例详情 */
.casexq{width: 100%;}
.casexqup{width: 100%;margin-bottom: 60px;}
.casexqupimg{float: left;width: 48%;margin-right: 4%;}
.casexqupimg img{display: block;}
.casexquptext{float: right;width: 48%;padding-top: 4%;box-sizing: border-box;}
.casexquptext h5{font-size: 20px;color: #333;font-weight: 500;line-height: 28px;margin-bottom: 15px;}
.casexquptext p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;}
.casexqcon{width: 100%;margin-bottom: 40px;}
.casexqconlist{width: 100%;margin-bottom: 30px;}
.casexqconlist h5{font-size: 20px;color: #333;font-weight: 500;line-height: 28px;margin-bottom: 10px;}
.casexqconlist p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;}
.casexqconter{width: 100%;}
.casexqconter ul li{width: 49%;margin-right: 2%;position: relative;float: left;margin-bottom: 2%;}
.casexqconter ul li:nth-child(2n){margin-right: 0;}
.casexqconter ul li img{display: block;}
.casexqcontertext{width: 100%;padding: 15px 20px;box-sizing: border-box;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;}
.casexqcontertext p{font-size: 14px;color: #fff;font-weight: 500;line-height: 20px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.casexqlast{width: 100%;}
.casexqlast p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;margin-bottom: 20px;}
.casexqlast p img{display: block;margin: 0 auto;}
.casexqlast p:last-child{margin-bottom: 0;}
.casexqbut{width: 100%;padding: 40px 0 80px 0;box-sizing: border-box;}
.casexqbutlist{width: 100%;position: relative;}
.gccaselisted ul li{float: left;width: 32%;}
.gccaselisted ul li a{display: block;}
.gccaselisted ul li .gccaseimg img{width: 100%;}
.gccaselisted ul li:hover .gccaseimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.gccaselisted ul li:hover .gccasetext{background: #0075AD;}
.gccaselisted ul li:hover .gccasetext h5{color: #fff;}
.gccaselisted ul li:hover .gccasetext p{color: #fff;}
.casexqbutlist .gsbannernexts{background: url(../images/rights.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;right: -9% !important;border-radius: 50%;}
.casexqbutlist .gsbannerprevs{background: url(../images/lefts.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;left: -9% !important;border-radius: 50%;}
@media screen and (max-width: 1440px) {
	.gsbannercon .gsbannernext{right: -4% !important;}
	.gsbannercon .gsbannerprev{left: -4% !important;}
	.casexqbutlist .gsbannernexts{right: -4% !important;}
	.casexqbutlist .gsbannerprevs{left: -4% !important;}
}
@media screen and (max-width: 1300px) {
	.gsbannercon .gsbannernext{right: 0% !important;}
	.gsbannercon .gsbannerprev{left: 0% !important;}
	.casexqbutlist .gsbannernexts{right: 0% !important;}
	.casexqbutlist .gsbannerprevs{left: 0% !important;}
}
@media screen and (max-width: 1210px) {
	.qd_1200{width: 100%;padding: 0 4%;box-sizing: border-box;}
	.headernav ul li{margin-right:20px;}
	.headerlogo{margin-right: 15%;}
	.bannertext{width: 100%;padding: 0 4%;box-sizing: border-box;}
	.bannertextcon h5{font-size: 26px;}
	.bannertextcon h4{font-size: 48px;line-height: 50px;}
	.bannertextcon h6{font-size: 28px;}
	.gccase,.skill{padding: 60px 0;}
	.gssuggest{padding: 60px 0 120px 0;}
	.excellent{padding: 120px 0 60px 0;}
	.excellentitle h4{font-size: 50px;}
	.excellentitle p{font-size: 30px;}
	.innew{padding-bottom: 60px;}
	.innewlist{display: flex;}
	.innewlistleft a{height: 100%;}
	.innewlistright ul li:nth-child(3){margin-bottom: 0;}     
	.innewlistright ul li:nth-child(4){margin-bottom: 0;}
	.bannerstext{width: 100%;padding: 0 4%;box-sizing: border-box;} 
	.bannerstext h4{font-size: 30px;line-height: 46px;}
	.bannerstext p{font-size: 24px;line-height: 26px;}
	.productext{padding-top: 2%;}
	.casexqbut{padding: 40px 0 60px 0;}
}
@media screen and (max-width: 1100px) {
	.headerlogo{margin-right: 10%;}
	.headernav ul li{margin-right: 30px;}
	.footerup ul li{width: 15%;}
	.footerup ul{width: 55%;}
	.contactright{padding-top: 2%;}
}
@media screen and (max-width: 1024px) {
	.presentuptitle i{width: 40px;}
	.contactright h5{font-size: 24px;line-height: 28px;margin-bottom: 20px;}
}
@media screen and (max-width: 968px) {
	.header{display: none;}
	.navmobile{display: block;}
	.banner{display: none;}
	.mobilebanner{display: block;}
	.mobilebanner{height: 384px;}
	.mobilebannertextcon{padding-top: 135px;}
	.mobilebannertextcon h5,.mobilebannertextcon h4,.mobilebannertextcon h6{text-align: center;}
	.mobilebannertextcon span{margin: 0 auto;}
	.qdtitle{margin-bottom: 20px !important;}
	.gccase, .skill{padding: 40px 0;}
	.gccasetext{padding: 14px 16px;}
	.gssuggest{padding: 40px 0 120px 0;}
	.gssuggestleft{width: 100%;float: none;margin-bottom: 30px;}
	.gssuggestright{float: none;width: 100%;}
	.gssuggestimg::before{display: none;}
	.gsbannercon{padding: 15px;}
	.excellent{padding: 40px 0;}
	.excellentitle h4{font-size: 30px;line-height: 40px;}
	.excellentitle p{font-size: 20px;line-height: 25px;}
	.excellentitle{margin-bottom: 40px;}
	.excellentlist ul li{padding: 20px;}
	.excellentimg{margin-bottom: 22px;}
	.innew{padding: 40px 0;}
	.innewlist{display: block;}
	.innewlistleft{display: none;}
	.innewlistright{width: 100%;float: none;}
	.innewlistright ul li a{padding: 20px;}
	.footer{padding-top: 40px;}
	.footerup{padding-bottom: 40px;}
	.footerup ul{width: 100%;float: none;margin-bottom: 20px;}
	.footerupright{float: none;}
	.footerbut{padding: 20px 0;}
	.footerbut p{font-size: 12px;}
	.banners{height: 300px;}
	.bannerstext h4{font-size: 26px;line-height: 36px;}
	.bannerstext p{font-size: 18px;line-height: 22px;}
	.presentup{padding: 20px 0 40px 0;}
	.presentuptitle{margin-bottom: 20px;}
	.presentuptitle h4{font-size: 22px;line-height: 30px;}
	.honorlist ul li{width: 49%;margin-right: 2%;}
	.honorlist ul li:nth-child(3n){margin-right: 2%;}
	.honorlist ul li:nth-child(2n){margin-right: 0%;}
	.course{padding: 0 0 50px 0;}
	.course ul li{padding-right: 40px;}
	.course ul li:nth-child(2n){padding-left: 40px;}
	.product ul li{margin-bottom: 40px;}
	.productext{padding-top: 0;}
	.productext h5{margin-bottom: 15px;}
	.productext p{margin-bottom: 10px;line-height: 26px;}
	.contactleft{width: 100%;float: none;margin-bottom: 20px;}
	.contactright{padding-top: 0;width: 100%;float: none;}
	.new .innewlistright ul li{height: auto;}
	.casexqbut{padding: 40px 0 40px 0;}
	.casexquptext{padding-top: 0;}
	.casexqup{margin-bottom: 40px;}
	.casexquptext h5{margin-bottom: 10px;}
	.casexquptext p{line-height: 22px;}
}
@media screen and (max-width: 568px) {
	.mobilebanner{height: 240px;}
	.mobilebannertextcon{padding-top: 80px;}
	.mobilebannertextcon h5,.mobilebannertextcon h4,.mobilebannertextcon h6{text-align: left;}
	.mobilebannertextcon span{margin: 0 0;}
	.zixun{display: none;}
	.celancon{display: none;}
	.qdtitleleft{float: none;width: 100%;}
	.qdtitleleft h4{font-size: 18px;line-height: 26px;}
	.qdtitleleft p{font-size: 14px;line-height: 20px;}
	.qdtitleright{float: none;}
	.qdtitleright ul li{margin-right: 8px;}
	.qdtitleright ul li a{font-size: 12px;padding: 4px 12px;}
	.gccaselist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 4%;}
	.gccaselist ul li:last-child{margin-bottom: 0;}
	.gccasetext h5{font-size: 16px;line-height: 22px;margin-bottom: 4px;}
	.gccase, .skill,.excellent,.innew{padding: 20px 0;}
	.gssuggest{padding: 20px 0 40px 0;}
	.gssuggestleft h5{font-size: 16px;line-height: 22px;margin-bottom: 15px;}
	.gssuggestleft a{margin-top: 20px;}
	.gsbannercon{margin: 20px 0;}
	.skillist .skilleft,.skillist .skillright{width: 100%;float: none;margin-right: 0;}
	.skillist .skilleft{margin-bottom: 20px;}
	.skilleft ul li{width: 100%;}
	.skilltext{display: none;}
	.skilltexted{bottom: 0 !important;opacity: 1 !important;padding: 8px 2%;}
	.excellentitle{margin-bottom: 20px;}
	.excellentitle h4{font-size: 22px;line-height: 26px;margin-bottom: 10px;}
	.excellentitle p{font-size: 18px;line-height: 22px;}
	.excellentlist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 4%;padding: 10px 15px;}
	.excellentlist ul li:last-child{margin-bottom: 0;}
	.excellentimg{margin-bottom: 14px;}
	.excellentext h5{margin-bottom: 6px;}
	.innewcon .qdtitleleft{float: left;width: auto;}
	.innewcon .qdtitleright{float: right;}
	.innewlistright ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 4%;height: auto;}
	.innewlistright ul li:last-child{margin-bottom: 0;}
	.innewlistright ul li:nth-child(3){margin-bottom: 4%;}
	.innewlistright ul li:nth-child(4){margin-bottom: 4%;}
	.footer{padding-top: 20px;}
	.footerup{padding-bottom: 20px;}
	.footerup ul{display: none;}
	.footeruptextbut p{font-size: 12px;}
	.footerbut{padding: 10px 0;}
	.footerbut p {text-align: center;}
	.footerbut .zhichi{float: none;}
	.footerbut .jingbei{float: none;}
	.footerbut p a{padding-left: 0;}
	.celan{top:80%;}
	.banners{height: 200px;}
	.bannerstext{top: 65%;}
	.bannerstext h4{font-size: 20px;line-height: 26px;}
	.bannerstext p{font-size: 16px;line-height: 20px;}
	.smallnav{margin-bottom: 20px;}
	.presentuptitle h4{font-size: 20px;line-height: 24px;}
	.presentup{padding-bottom: 20px;}
	.presentbut{padding: 60px 0;}
	.presentlist{max-width: 100%;margin-bottom: 30px;}
	.presentlist h4{font-size: 22px;line-height: 26px;}
	.presentlist p{font-size: 18px;line-height: 22px;}
	.smallnavleft{float: none;}
	.qdtitlerighted{padding-top: 20px;}
	.honorlist ul li{width: 100%;margin-right: 0%;float: none;}
	.honorlist ul li:nth-child(3n){margin-right: 0%;}
	.honorlist ul li:nth-child(2n){margin-right: 0%;}
	.honortext{padding: 10px;}
	.honortext p{font-size: 16px;}
	.saspages ul li{margin-right: 5px;}
	.saspages ul li a{padding: 4px 8px;}
	.course::after{left: auto;margin-left: 0;right: 0;}
	.course::before{left: auto;right: 9.5px;}
	.course ul li{padding-right: 20px;float: none;width: 97.2%;margin-bottom: 20px;}
	.course ul li:nth-child(2n){padding-left: 0px;padding-right: 20px;margin-top: 0;}
	.course ul li:nth-child(2n)::after{left: auto;right: -4.5px;}
	.productext{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
	.productimg{width: 100%;float:none;}
	.product ul li:nth-child(2n) .productext{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;padding-left: 0;}
	.product ul li:nth-child(2n) .productimg{width: 100%;float:none;margin-right: 0;}
	.xqtitle h4{font-size: 20px;line-height: 24px;}
	.xqtitles p span{margin-right: 20px;}
	.xqpages{padding-top: 20px;}
	.contactright h5{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
	.contactright h6{font-size: 18px;margin-bottom: 5px;}
	.new .innewlistright ul li{width: 100%;float: none;margin-right: 0;}
	.casexqupimg{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.casexquptext{float: none;width: 100%;}
	.casexqconter ul li{width: 100%;margin-right: 0;}
	.casexqbut{padding: 40px 0 20px 0;}
	.course ul{padding-top: 40px;}
	.presentups .smallnav{margin-bottom: 30px;}
}
@media screen and (max-width: 320px){
	.mobilebannertextcon h5,.mobilebannertextcon h6{font-size: 14px;}
	.mobilebannertextcon h4{font-size: 20px;}
}