body {font-size: 14px;font-weight: normal;text-decoration: none;font-family: 微软雅黑;color: #222222;margin:0px;width: 100%;}
ul,li{list-style: none;padding-inline-start: 0;}
a{text-decoration: none;}

.center{width: 1200px;margin:0 auto;text-align: center;min-width: 1200px;}
.clear{clear: both;}

.top-title{font-size: 32px;z-index: 32;text-align: left;white-space: nowrap;height: 100px;}
.top-title .left{float: left;width:300px;position: relative;top:13px;}
.top-title .left img{width: 100%;}
.top-title .right{float: right;line-height: 100px;position: relative;}
.top-title .right img{position: absolute;top:38%;left: -40px;}

nav{height: 50px;background: #076CE0;}
nav li{float: left;}
nav li a{height: 50px;line-height: 50px;color: #fff;font-size: 16px;padding: 0 30px;display: block;margin:0 10px;}
nav li a:first-child{margin-left: 0px;}
nav li a:hover{background: #0660C6;}
nav li .active{background:#0660C6;}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center;}
.swiper-slide img{width: 100%;}

.home-mode-1{min-width: 1200px;height:1400px;}

.home-mode-1 .title{text-align: center;padding: 83px  0px;}
.home-mode-1 .title span{font-size: 36px;color: rgb(7, 108, 224);background-color: transparent;line-height: 36px;}
.home-mode-1 .title p{font-size: 16px;line-height: 36px;color: #666;}

.home-mode-1 .center{position: relative;}
.home-mode-1 .cont{background: url(../images/AD0Iion8BxACGAAgrY3E1wUozOmemAcwgA84oAY.jpg)no-repeat center center ;height:622px;}
/*.home-mode-1 .cont-bg{height: 800px;text-align: center;z-index: -1}
.home-mode-1 .cont-bg img{height: 100%;}*/

.home-mode-1 .cont-1 .video{position: absolute;top:60px;text-align: center;width:700px;left: 250px;}

.home-mode-1 .cont-1 .video .play-buttom{outline: none;border: 0px solid transparent;width: 148px;height: 46px;color: #fff;display:block;margin:0 auto;background:#076CE0;line-height: 46px;border-radius: 5px;}
.home-mode-1 .small-title{color: rgb(7, 108, 224); font-size: 24px; background-color: transparent;margin-top:390px;margin-bottom: 24px;}
.home-mode-1 .small-cont{margin-bottom: 34px; letter-spacing: 1px;line-height:35px;color: rgb(75, 75, 75); font-size: 16px; background-color: transparent;padding: 0 100px; }
.home-mode-1 .small-buttom a{width: 148px;height: 46px;color: #fff;display:block;margin:0 auto;background:#076CE0;line-height: 46px;border-radius: 5px;}
.home-mode-1 .cont-1{box-shadow: 2px 2px 10px rgba(119,119,119,.2);z-index: 999;text-align: center;overflow:hidden; position: absolute; top:400px;width:1200px;height:700px;background:url(../images/AD0Iion8BxAEGAAgko7E1wUou6rG7gcwpwQ4-QE.png);}

.home-mode-2 .title{text-align: center;padding: 83px  0px;margin-top: 80px;}
.home-mode-2 .title span{font-size: 36px;color: rgb(7, 108, 224);background-color: transparent;line-height: 36px;}
.home-mode-2 .title p{font-size: 16px;line-height: 36px;color: #666;}

.home-mode-2 .cont ul{margin:0;}
.home-mode-2 .cont ul li{width:188px;float: left;overflow: hidden;position: relative;margin:0 7px; margin-bottom:1%;}
.home-mode-2 .cont ul li img{width: 100%;}
.home-mode-2 .cont ul li .block{transition:all 0.5s; opacity: 0; position: absolute;bottom:1%; color: #fff;padding:10px 0; text-align: center;width: 100%; background: url(../images/imageEffetc_maks.png); text-overflow: ellipsis;white-space: nowrap;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.home-mode-2 .cont ul li:hover .block{transition:all 0.5s;opacity: 1;}

.home-mode-3 .title{text-align: center;padding: 83px  0px;}
.home-mode-3 .title span{font-size: 36px;color: rgb(7, 108, 224);background-color: transparent;line-height: 36px;}
.home-mode-3 .title p{font-size: 16px;line-height: 36px;color: #666;}

.home-mode-3 .cont{text-align: center;}
.home-mode-3 .cont ul li{width:14%;display: inline-block; overflow: hidden;position: relative;margin:0 1%;}
.home-mode-3 .cont .bg{position: absolute;top: 0;left: 0;overflow: hidden;z-index: 99;}
.home-mode-3 .cont .img img{transition: all 0.5s;width: 180px;height: 389px;border: 0;vertical-align: top;}
.home-mode-3 .cont .number{z-index: 999; color:rgb(7,108,224);font-size: 24px;font-weight: bold;background:rgba(255,255,255,1);border-radius:25px 25px 25px 25px;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;bottom:85px;left: 58px;}
.home-mode-3 .cont .txt{z-index: 999;color: #fff;font-size: 16px;position: absolute;bottom:47px;width: 99px;text-align: center; left:37px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.home-mode-3 .cont li:hover .img img{transform: scale(1.2);transition: all 0.5s;}

.home-mode-4 .title{text-align: center;padding: 83px  0px;}
.home-mode-4 .title span{font-size: 36px;color: rgb(7, 108, 224);background-color: transparent;line-height: 36px;}

.home-mode-4 .outher-cont{height: 640px; background: url(../images/AD0Iion8BxACGAAg7qHE1wUovIel5wYwgA84gAU.jpg);background-size: 100% 100%;}
.home-mode-4 .outher-cont .center{position: relative;}
.home-mode-4 .outher-cont .small-outer-cont{text-align: center;margin:0 auto;background: url(../images/AD0Iion8BxAEGAAgoqLE1wUoz7G1vQUw5gU4swM.png);width:1200px;height: 435px;position: absolute;top:100px;z-index: 999;} 

.home-mode-4 .outher-cont .small-outer-cont ul{margin-top:20px;}
.home-mode-4 .outher-cont .small-outer-cont ul li{position: relative;width: 33%;float: left;margin-bottom: 25px;border-right: 1px solid #ddd; }
.home-mode-4 .outher-cont .small-outer-cont ul li:last-child{border-right:0px;}
.home-mode-4 .outher-cont .small-outer-cont ul li a{position: relative;width: 100%;display: block;height: 100%;}
.home-mode-4 .outher-cont .small-outer-cont .txt_cont{padding:20px 30px;position: relative;text-align: left;}
.home-mode-4 .outher-cont .small-outer-cont .txt_cont h2{color:#333;font-size: 22px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.home-mode-4 .outher-cont .small-outer-cont li:hover .txt_cont h2{color:#0b6ad8;}
.home-mode-4 .outher-cont .small-outer-cont .txt_cont span{color: #999;}
.home-mode-4 .outher-cont .small-outer-cont .txt_cont p{color:#666;line-height: 2.5;display: block;margin-top:40px;font-size: 16px;}
.home-mode-4 .outher-cont .small-outer-cont .news-more a{width: 148px;height: 46px;color: #fff;display:block;margin:0 auto;background:#076CE0;line-height: 46px;border-radius: 5px;}

/*.home-mode-4 .outher-cont .small-title{color: rgb(7, 108, 224); font-size:36px; background-color: transparent;margin-top:84px;margin-bottom:40px;}
.home-mode-4 .outher-cont .small-cont{margin-bottom: 74px; letter-spacing: 1px; line-height: 24px;color: rgb(75, 75, 75); font-size: 14px; background-color: transparent;width: 80%;margin-left:10%;}
.home-mode-4 .outher-cont .small-buttom a{width: 148px;height: 46px;color: #fff;display:block;margin:0 auto;background:#076CE0;line-height: 46px;border-radius: 5px;}*/


.home-mode-5 .title{text-align: center;padding: 83px  0px;}
.home-mode-5 .title span{font-size: 36px;color: rgb(7, 108, 224);background-color: transparent;line-height: 36px;}
.home-mode-5 .title p{font-size: 16px;line-height: 36px;color: #666;}

.home-mode-5 .center {position: relative;}	
.home-mode-5 .center .cont-us-left{float: left;width:700px;height: 374px;overflow:hidden;}
.home-mode-5 .center .cont-us-left img{width: 100%;}
.home-mode-5 .center .cont-us-right{float: left;text-align: left;margin-left: 100px;}
.home-mode-5 .center .cont-us-right li{margin-bottom:30px;}
.home-mode-5 .center .cont-us-right li img{margin-right: 20px;position: relative;top:5px;}
.home-mode-5 .center .cont-us-right li span{font-size: 16px;line-height: 24px;}

.end-foot{padding: 50px 0px;margin-top: 80px;background:#282828;color: #fff;}
.end-foot .left{float: left;text-align: left;width:618px;}
.end-foot .left .txt_1{font-size: 30px; color: rgb(255, 255, 255);font-weight: bold;margin-bottom: 70px;}
.end-foot .left .txt_2{color: rgb(153,153,153);margin-bottom: 10px;}
.end-foot .left .txt_3 a{color: rgb(153,153,153);}

.end-foot .right{float: left;text-align: left;border-left:1px solid rgb(153,153,153);padding-left: 40px;width: 532px;}
.end-foot .right .txt_1 {margin-bottom:40px;}
.end-foot .right .txt_1 ul li{float:left;margin-right: 36px;}
.end-foot .right .txt_1 ul li a{color: #fff;}

.end-foot .right .txt_2,.end-foot .right .txt_3,.end-foot .right .txt_4{color: rgb(153,153,153);margin-bottom: 12px;}

.rightNav-item {position: fixed;right: 3%;bottom:5%;z-index: 999999;}
.rightNav-item ul{margin: 0;padding: 0;}
.rightNav-item ul li {width:50px;height:50px;font-size: 20px;border-radius: 5px;background: #fff;color: #fff;text-align: center;margin: 5px 0;cursor: pointer;position: relative;transition: .5s;}
.rightNav-item ul li i {color: #666;line-height: 50px;font-size:20px;}
.rightNav-item ul li .rota {display: block;position: absolute;border-radius: 5px;left: 0;top: 0;width: 100%;height: 100%;margin: auto;-webkit-transform-origin: -50% 50%;transform-origin: -50% 50%;-webkit-transform: rotate3d(0,0,1,90deg);transform: rotate3d(0,0,1,90deg);-webkit-transition: -webkit-transform .3s ease-in;transition: transform .3s ease-in;opacity: 0;filter: alpha(opacity=0);background: #1B8BF5;color: #fff;text-align: center;line-height: 60px;font-size: 12px;text-decoration: none;padding: 2px 3px;box-sizing: border-box;}
.rightNav-item ul li .title {position: absolute;right: -72px;top: 16px;height: 18px;line-height: 18px;font-size: 14px;text-align: left;padding: 3px 10px;background: rgba(0,0,0,0.5);color: #fff;border-radius: 8px;}
.rightNav-item ul li .img-item {position: absolute;left: 65px;top: -30px;border: 1px solid #ccc;border-radius: 3px;}
.rightNav-item ul li div img {max-width: 120px;display: block;}

.rightNav-item ul li .text-item {position: absolute;left: 65px;top: 18px;border: 1px solid #ccc;border-radius: 3px;background: #fff;text-decoration: none;padding: 3px 8px;color: #444;font-size: 14px;}
.rightNav-item ul li .text-item span {position: relative;padding-left: 15px;word-break:keep-all;white-space:nowrap;}
.rightNav-item ul li .text-item span i {font-size: 14px;line-height: 24px;position: absolute;left: 0;top: -2px;color: #444;}

.rightNav-item ul li div {display: none;}

.rightNav-item .backtop{background: url(../images/04.png)no-repeat center center;}

.for-top {display: none;}

.small-banner{ height: 350px;cursor: default;background-position: 50% 50%;background-repeat: no-repeat; overflow: hidden;display: block;outline: none;margin: 0px auto;position: relative;z-index: 1;background-size: cover;}

.about-mode-1 .title{text-align: center;padding: 83px  0px;}
.about-mode-1 .title span{font-size: 36px;color: rgb(7, 108, 224);background-color: transparent;line-height: 36px;}
.about-mode-1 .title p{font-size: 16px;line-height: 36px;color: #666;}

.about-mode-1 .cont{text-align: center;}
.about-mode-1 .cont li{width: 340px;height: 300px;display: block;}


.mk-1{width: 1200px;margin: 30px auto;}
.mk-1 .mk-1-l{width: 978px;border:1px solid rgb(222,222,222);float: left;}

/*工程案例*/
.mk-1 .mk-1-l .mk-1-li{width: 290px;height: 294px;float: left;margin: 20px 18px;}
.mk-1 .mk-1-l .mk-1-li .mk-1-img{width: 290px;height: 250px;overflow: hidden;}
.mk-1 .mk-1-l .mk-1-li .mk-1-img img{cursor: pointer;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.mk-1 .mk-1-l .mk-1-li .mk-1-img img:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.mk-1 .mk-1-l .mk-1-li .mk-1-title{width: 290px;height: 43px;font-size: 20px;text-align: center;line-height: 43px;color: #000;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.mk-1 .mk-1-r{width: 209px;float: left;margin-left: 10px;float: left;}
.mk-1 .mk-1-r .mk-1-tel{height: 60px;width: 209px;background-color: #076ce0;color: #fff;font-size: 18px;text-align: left;line-height: 60px;}
.mk-1 .mk-1-r .mk-1-tel-b{width: 209px;height: 200px;background-color: #f6f6f6;}
.mk-1 .mk-1-r .mk-1-tel-b .tel-png{padding-top: 20px;padding-bottom: 20px;padding-left: 60px;}
.mk-1 .mk-1-r .mk-1-tel-b .tel-title{text-align: center;font-size: 20px;color: #666666;}
.mk-1 .mk-1-r .mk-1-tel-b .tel-title p{margin: 0;}
.mk-1 .mk-1-r .mk-1-jp{width: 209px;height: 80px;background:url(../images/jpxm.jpg);color: #fff;font-size: 24px;font-weight: bold;text-align: center;line-height: 80px;margin: 20px 0;}
.mk-1 .mk-1-r .mk-1-ly{width: 209px;height: 600px;}
.mk-1 .mk-1-r .mk-1-ly .mk-1-yy{background: #076ce0;height: 60px;color: #fff;font-size: 18px;text-align: left;line-height: 60px;}
.mk-1 .mk-1-r .mk-1-ly .mk-1-fb{height: 531px;color: rgb(102,102,102);background-color: #f6f6f6;}
.mk-1 .mk-1-r .mk-1-ly .mk-1-fb .fb-title{font-size: 16px;text-align: left;line-height: 50px;}
.mk-1 .mk-1-r .mk-1-ly .mk-1-fb input{height: 25px;}
.mk-1 .mk-1-r .mk-1-ly .mk-1-fb button{margin-top: 30px;color:#fff;background-color: #5ab4ff;border-style: none;outline: none;height: 44px;font-size: 16px;line-height: 44px;text-align: center;width: 173px;}
/*新闻动态*/
.mk-1 .mk-1-l .xw-li{width: 958px;height: 156px;border-bottom: 1px dashed #e5e5e5;margin-top: 20px;}
.mk-1 .mk-1-l .xw-li .xw-img{width: 204px;height: 140px;float: left;padding-left: 10px;}
.mk-1 .mk-1-l .xw-li .xw-r{float: left;height: 140px;padding-left: 10px;width: 730px;}
.mk-1 .mk-1-l .xw-li .xw-r .xw-title{font-size: 18px;margin-top: 0;color: #000;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.mk-1 .mk-1-l .xw-li .xw-r .xw-time{color: #666666;float: right;}
.mk-1 .mk-1-l .xw-li .xw-r .xw-text{font-size: 16px;color: #666666;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.mk-1 .mk-1-l .xw-li .xw-r a:hover .xw-title,.mk-1 .mk-1-l .xw-li .xw-r a:hover .xw-text{color:#076ce0!important; }
/*新闻详情*/
.mk-1 .mk-1-l .xwxq-title{font-size: 26px;margin: 20px;}
.mk-1 .mk-1-l .xwxq-time{font-size: 16px;margin: 20px;color: #adadad;}
/*产品中心*/
.mk-1 .mk-1-r .mk-1-fl{height: 60px;width: 209px;background-color: #f6f6f6;color: #666666;font-size: 18px;text-align: center;line-height: 60px;}
.xz{background-color: #076ce0!important;color: #fff!important;}
.mk-1 .mk-1-l .cp-1-li{width: 300px;height: 300px;float: left;margin: 50px 9px;}
.mk-1 .mk-1-l .cp-1-li .cp-1-img{width: 300px;height: 300px;overflow: hidden;}
.mk-1 .mk-1-l .cp-1-li .cp-1-img img{cursor: pointer;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.mk-1 .mk-1-l .cp-1-li .cp-1-img img:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.mk-1 .mk-1-l .cp-1-li .cp-1-title{width: 300px;height: 43px;font-size: 20px;text-align: center;line-height: 43px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.mk-1 .mk-1-r .cp-a{color: #000;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.mk-1 .mk-1-r .mk-1-fl:hover{background-color: #076ce0!important;color: #fff!important;}
.blue{background-color: #076ce0!important;color: #fff!important;}

.page{width: 500px;text-align: center;margin: 0 auto;font-size: 16px;margin-bottom: 20px;color:#000;}
.page a{height: 30px;display: inline-block;width: 60px;border:1px solid #666;color:#000;line-height: 30px;}
.page .pnum,.current{width: 30px;height: 30px;border:1px solid #666;display: inline-block;line-height: 30px;}
.current{color: #fff;background-color: #076ce0;}