*,body{margin: 0;padding: 0;} body{min-width: 1200px;font-family: 'Microsoft Yahei';color: #333;} a{text-decoration: none;display: block;color: #333;} .clearfix:after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;} li{list-style: none;} img{vertical-align:bottom;display:block;} i{font-style: normal;display: block;} .swiper-button-next{background: url(../images/slider-arrow.png) 8px 5px no-repeat;filter: alpha(opacity=60);opacity: .6;} .swiper-button-prev{background: url(../images/slider-arrow.png) -110px 5px no-repeat;filter: alpha(opacity=60);opacity: .6;} .swiper-button-next:hover{filter: alpha(opacity=100);opacity: 1;} .swiper-button-prev:hover{filter: alpha(opacity=100);opacity: 1;} .header{width: 100%;position: relative;} .header .center{width: 100%;position: fixed;top: 0;left: 0;background: rgba(0,88,194,.8);z-index: 9999;} .nav{ width:1200px;margin: 0 auto; } .nav .logo{width: 104px;height: 104px;float: left;} .nav_ul{position: relative;width: calc(100% - 208px);margin-left: 104px;float: right;} .nav_ul li{width: calc(100% / 10);float: left;} .nav a{color: #fff;font-size: 17px; line-height: 104px;display: block;transition: .3s;width: 100%;text-align: center;position: relative;} .header .nav_ul li a:after{content: '';display: block;width: 0;height: 4px;position: absolute;left: 50%;bottom: 0;background: #fff;transition: all 0.5s ease-in-out;} .header .nav_ul li a.on{color: #e9d7b1;} .header .nav_ul li a.on:after{width: 100%;left: 0;} .header .nav_ul li a:hover{color: #e9d7b1;} .header .nav_ul li a:hover:after{width: 100%;left: 0;} .collect{position: absolute;top: 0;right: 0;color: #fff;} .collect a{display: inline-block;font-size: 12px;line-height: 21px;width: auto;} #wrap{min-width: 1200px;} .header .swiper-slide{height: 831px;} .header .swiper-slide img{height: 831px;} .profile{background: url(../images/bg1.jpg) no-repeat;position: relative;width: 100%;height: 407px;} .gsjj{background: white;padding: 40px;width: 1120px;margin-left: -600px;position: absolute;top: -114px;left: 50%;z-index: 99;} .gsjj .pic{width: 450px;height: 327px;display: inline-block;float: left;} .gsjj div{float: left;margin-left: 3%;width: 630px;} .gsjj div strong{font-size: 42px;color: rgba(45,45,45,.1);} .gsjj div span{font-size: 28px;color: #2d2d2d;display: block;margin: -28px 0 40px 10px;} .gsjj div label{font-size: 18px;color: #3a3a3a;} .gsjj div p{font-size: 16px;line-height: 30px;color: rgba(45,45,45,.7);margin: 12px 0 30px 0;} .gsjj div a{font-size: 16px;color: #0058c2;background: url(../images/more.png) right center no-repeat;width: 122px;display: block;} .cptit {text-align: center;padding: 60px 0;} .cptit strong {color: rgba(45,45,45,.1);font-size: 42px;} .cptit span {font-size: 28px;color: #2d2d2d;display: block;} .m-product{width: 100%;} .m-product .bd{width: 1200px; margin: 0 auto;} .tempWrap{width: 1200px !important;} .picList li{width: 300px !important;height:225px !important;margin-left: 10px;} .m-product .picList .pic{height: 100%;} .pic{position: relative;} .pic .cover{position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,88,194,.7);text-align: center;color: #fff;opacity: 0; -webkit-transition: 0.5s;transition: 0.5s;} .pic .cover strong{font-size: 22px;display: block;padding: 18% 0 3% 0;} .pic .cover span{font-size: 18px;} .pic .cover a{width: 100px;line-height: 30px;margin: 10% auto 0;color: #fff;border: 1px solid #fff;font-size: 16px;display: block;} .pic:hover .cover{opacity: 1;} .more{display: block;margin: 5% auto 5%;font-size: 16px;color: #0058c2;border: solid 1px #0058c2;line-height: 46px;padding: 0 50px;background: url(../images/more.png) right 50px center no-repeat;width: 124px;} .more2{display: block;margin: 4% auto 0;font-size: 16px;color: #fff;border: solid 1px #fff;line-height: 46px;padding: 0 50px;background: #0058c2 url(../images/more2.png) right 50px center no-repeat;width: 124px;} .project{width: 100%;height: 676px;background: url(../images/bg2.jpg) top center no-repeat;} .project .center{width: 1200px;margin: 0 auto;} .gcal a{width: 288px;height: 259px; margin: 0 0.5%;float: left;padding: 1%;background: #fff;overflow: hidden;box-sizing: border-box;} .gcal div{width: 100%;overflow: hidden;} .gcal img{transition: all 0.6s;} .gcal a:hover img{transform: scale(1.1);} .gcal a:hover span{color: #0058c2;} .gcal a{line-height: 36px;} .gcal span{font-size: 15px;} .gcal label{color: rgba(19,19,19,.4);font-size: 12px;padding-left: 3px;} .center{width: 1200px;margin: 0 auto;position: relative;} /* 留言板 */ button, input, textarea{font-family: "微软雅黑";outline: none;} .themepark{display: none;} .liuy3 input{width: 39%;height: 48px;border: solid 1px #e2e2e2;float: left;} .liuy2{float: left;line-height: 50px;color: #a9a9a9;width: 10%;text-align: right;} .liuy3 textarea{border: solid 1px #e2e2e2;width: 88.3%;margin: 20px 0 14px 0;} .liuy3 input[type="submit"]{background: #0058c2;color: white;font-size: 18px;height: 36px;width: 134px;margin-bottom: 18px;} .xw{box-shadow: 1px 1px 12px 4px #ededed;width: 389px;float: left;margin: 120px 0;padding: 0 43px;} .xwtit{padding: 3% 0 4% 0;} .xwtit strong{font-size: 30px;color: #353535;} .xwtit span{font-size: 16px;color: #a4a4a4;} .xwdt li{margin-bottom: 20px;line-height: 24px;} .xwdt li a{font-size: 16px;color: #4b4b4b;} .xwdt li span{font-size: 14px;color: rgba(75,75,75,.3);display: block;} .xwdt li p{font-size: 14px;color: rgba(75,75,75,.6);white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .xwdt li a:hover{color: #0058c2;} .xwmore{float: right;margin-bottom: 8%;} .liuyan{float: right;width: 606px; height: 396px;box-shadow: 1px 1px 12px 4px #ededed;margin: 120px 0;padding: 0 43px;} .footer{width: 100%;background: #0058c2;padding: 50px 0 0;} .foot_content{width: 1200px;margin: 0 auto 50px;position: relative;} .footer .nav{background: transparent;width: 100%;min-width: 100%;} .footer .nav_ul{margin-bottom: 20px;width: 100%;min-width: 100%;} .footer .nav_ul li a{color: #fff;line-height: 40px;font-size: 16px;} .footer .nav_ul li a:hover{background: transparent;color:#e9d7b1;} .logo_foot{width: 373px ;height: 43px;float: left;} .foot_right{float: left;margin-left: 16px;} .copy{border-top: solid 1px #fff;font-size: 12px;color: #fff;line-height: 30px;text-align: center;background: #0058c2;} .copy a{display: inline-block;} .copy img{width: 20px !important;} .foot_right .contact,.foot_right .copy{color: #fff;font-size: 12px;line-height: 24px;} .gd{position: fixed;right: 0;bottom: 0;display: none;width: 100px;height: 300px;z-index: 9;} .gd .gd_item{height: 100px;cursor: pointer;position: relative;width:100px;opacity: 0.5;background-color: #0058c2;transition:all ease 0.7s;} .gd_lixhf{position: absolute;right:0;top:0;width:100px;height:100px;transition:all ease 1s;overflow: hidden;opacity: 0.5;background-color: #0058c2;} .gd_bgimg img{float: left;margin-top: 35px;margin-left: 35px;} .gd .gd_phone:hover .gd_lixhf{width:300px;transition:all ease 0.7s;opacity: 0.8;} .gd_phone{width:100px;height:100px;position: relative;} .gd_bgimg{position: absolute;left:0;top:0;width:100px;height:100px;} .gd_lixhf span{position: absolute;left:110px;display: block;height:100px;line-height:100px;font-size:18px;color: #fff;} .gd .gd_item img{float: left;margin: 35px 0 0 35px;} .gd .gd_item:hover{transition:all ease 0.7s;opacity: 0.8;} .gd_ewm{position: absolute;left:-100px;top:0;opacity: 0;transition:all 0.4s;width:100px;height:100px;} .gd .gd_item .gd_ewm img{margin: 0;} .gd .gd_item:hover .gd_ewm{opacity: 1;transition:all 0.4s;} .gd .gd_item:hover .gd_ewm img{margin: 0;} /*内页*/ .ny_content{width: 1200px;margin: 0 auto;} .ny_left{width: 262px;float: left;margin-top: 35px;} .ny_left .nav_ul{width: 260px;border: solid 1px #e5e5e5;border-bottom: none;border-top: solid 6px #0058c2;float: none;margin-left: 0;} .ny_left .nav_ul li{float: none;width: 100%;} .ny_left .nav_ul a{display: block;text-align: center;line-height: 56px;border-bottom: solid 1px #e5e5e5;} .ny_left .nav_ul a:hover{background: #ededed;color: #0058c2;} .ny_left .link{font-size: 22px;color: #0058c2;border-left: solid 5px #0058c2;padding-left: 5px;margin: 12% 0 2% 0;} .ny_left .map{background: url(../images/map.jpg) center center no-repeat;font-size: 12px;line-height: 24px;color: #929292;padding: 30px 0;} .ny_right{margin: 35px 0 70px 0;width: 916px;float: right;} .ny_right .topp{margin-bottom: 24px;} .ny_right .topp label{float: left;font-size: 28px;color: #333333;border-left: solid 5px #0058c2;padding-left: 10px;} .ny_right .ss{float: right;font-size: 14px;line-height: 36px;} .ny_right .ny_bottom{border: solid 1px #e5e5e5;min-height: 600px;padding: 30px;font-size: 14px;line-height: 30px;} .ny_bottom .pic{height:194px;} .ny_bottom .pics li a:nth-of-type(2){overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .m-clips a{display: inline-block;} #page{display: flex;display: -webkit-box;display: -webkit-flex; justify-content: flex-end;-webkit-justify-content: flex-end;-webkit-align-items: center; align-items: center;} #page .u-item-act{background: #0088cc !important;cursor: pointer;} /*about us*/ /* .BMap_Marker.BMap_noprint{background: url(http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png) !important;width: 20px !important;height: 21px !important;} */ /*资质证书*/ .pics li{width: 31.3%;float: left;margin: 0 1%;text-align: center;font-size: 14px;line-height: 40px;} .pic{display: block;border: solid 1px #ccc;overflow: hidden;} .pics img{display: block;width: 100%;height: 200px;transition: all 0.6s;} .pics img:hover{transform: scale(1.1);} .pre{margin: 80px 0;} .news li { border-bottom: dashed 1px #c3c2c2; line-height: 48px; font-size: 14px; } .details{overflow-y: scroll;overflow-x: hidden;height: 500px;} .details img{width: auto;margin: 0 auto;} #cont_title{text-align: center;font-size: 24px;line-height: 48px;font-weight: 400;} #cont_ftitle{font-size: 14px;text-align: center;line-height: 58px;} #cont_content{text-align: justify;text-indent: 32px;font-size: 16px;line-height: 28px;} /*表单*/ .m-forms dt{float: left;} .m-forms dd{float: left;width: 80%;} .m-forms label{line-height: 48px;color: #a9a9a9;width: 16%;text-align: right;} .u-form .u-input{ width: 100%; height: 48px; border: solid 1px #e2e2e2; margin-bottom: 3%; } .u-form .u-textarea{ width: 100%; height: 154px; border: solid 1px #e2e2e2; margin-bottom: 3%; } .u-form #j_btn{ border: none; background: #0058c2; color: white; font-size: 18px; height: 36px; width: 32%; margin: 0 0 8% 20%; } .ny_bottom img{display: inline-block;} .pic img,.gcal img{width: 100%;height: 100%;}