*{ padding:0px; margin:0px;}
ul, li{ list-style:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
img{display:block; border:none; max-width: 100%;}
.h_menu,#nav{ display:none;}
body,html{font-family:"Microsoft YaHei",sans-serif; width:100%; background:#f8f8f8; -webkit-tap-highlight-color: transparent;}
.logo, #menu a.sd, #menu ul li a, .banner .idxs li, #zuji ul li .img, .toolbar li, .nzuji ul li .img, .honorlist li .himg, .caselist li a, .caselist li .cimg img, .huoban ul li a, .new-pad, .product_img img, .header .h_menu span
{-webkit-transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
   -moz-transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
    -ms-transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
     -o-transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
        transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
}

.w1442{ width:1442px; height: 100%; margin:0px auto; position: relative;}
.w1025{ width:1025px; margin:0px auto;}

/* public */
.btn{position: relative; overflow: hidden;}
.btn::after{content: ""; display: block; position: absolute; top: -1px; bottom: 0; right: 0; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); transform: translateX(-100%); transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1); z-index: -9; background-color: #014099; border-radius: 25px;}
.btn:hover::after{transform: translateX(0%);}

::-webkit-input-placeholder { /* Edge */
    color: #999999;
}
  
:-ms-input-placeholder { /* Internet Explorer */
    color: #999999;
  }
  
::placeholder {
    color: #999999;
}

/*header*/
#header{position: fixed;  z-index: 999;  left: 0;  right: 0;  top: 0;  width: 100%;  height:80px;}

#header.i_head .header{background: transparent; height: 110px; border-bottom: none;}
#header .header{width:100%; height:80px; z-index:9; background:#ffffff; border-bottom: 1px solid #ededed; box-sizing: border-box;}

#header.i_head .header .logo .logo1{display: none;}
#header.i_head .header .logo .logo2{display: block;}
#header .header .logo .logo1{display: block; width: 152px; height: 48px;}
#header .header .logo .logo2{display: none; width: 152px; height: 48px;}

#header.i_head .header .logo{margin-top: 30px;}
#header .header .logo{float:left; padding:0; margin-top:16px; margin-left:62px;}

#header.i_head .header #menu{height:110px;}
#menu {position: relative; height:80px; float:right; margin-right: 35px;}

#header.i_head .header #menu a.sd{height: 110px; line-height: 110px; color: #ffffff;}
#menu a.sd { height:80px; line-height:80px; display: block; position: relative; z-index: 10; color:#333; font-size:16px; padding:0px 27px;}

#menu > li {float: left; position: relative;}


#menu a.sd:hover,#menu a.curr {color:#014099;}

#menu li ul{position: absolute; left: 0; z-index: 1; width:100%; opacity: 1; visibility: hidden;}
#menu > li:hover ul{opacity: 1; visibility: visible;}

#menu ul li {transform: translateX(-30%); opacity: 0;}
#menu > li:hover ul li {transform: translateX(0%); opacity: 1;}
#menu ul li:nth-child(1) {transition: 0.45s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.1s;}
#menu ul li:nth-child(2) {transition: 0.45s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.2s;}
#menu ul li:nth-child(3) {transition: 0.45s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.3s;}
#menu ul li:nth-child(4) {transition: 0.45s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.4s;}
#menu ul li:nth-child(5) {transition: 0.45s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.5s;}
#menu ul li:nth-child(6) {transition: 0.45s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.6s;}
#menu ul li:nth-child(7) {transition: 0.45s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.7s;}

#menu ul li a{color:#666666; display:block; text-align:center; font-size:14px; padding:16px 0px; z-index: 9;}
#menu ul li {background:#f5f5f5;  border-bottom:1px solid rgba(0, 0, 0, 0.05); position: relative; overflow: hidden;}
#menu ul li:last-child{border-bottom: none;}

#menu ul li::after{content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    transition: 0.4s all cubic-bezier(0.52, 0.08, 0.18, 1);
    z-index: -9;
    background-color: #014099;}

#menu ul li:hover::after {transform: translateX(0%);}
#menu ul li:hover a{color: #ffffff;}

/*banner*/
.banner{width:100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; z-index: 9;}
.banner .pics{width:100%; overflow:hidden;}
.banner .pics li{position: relative;}

.banner .pics li .text{width:100%; height: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 15; position: absolute;}
.banner .pics li .text span{font-size: 54px; font-weight:bold; color: #ffffff; z-index: 99;}
.banner .pics li .text a{ font-size:18px; color:#ffffff; border: 1px solid #ffffff; padding: 10px 56px;  display:block; border-radius:25px; margin-top: 38px; transition: 0.4s all cubic-bezier(0.52, 0.08, 0.18, 1);}
.banner .pics li .text a:hover{border: 1px solid #014099; background: #014099;}

.banner .pics li img{margin:0 auto; width: 100%; height: 100%; object-fit: cover;}
.banner .pics li img {
    -webkit-transform: -webkit-scale(1.07);
    -ms-transform: -ms-scale(1.07);
    transform: scale(1.07);
}
.banner .pics li img  {
    -webkit-animation: zoom 10s linear;
    animation: zoom 6s linear;
}
@-webkit-keyframes zoom {
    0% {
        -webkit-transform: -webkit-scale(1.07);
        -ms-transform: -ms-scale(1.07);
        transform: scale(1.07);
    }
    100% {
        -webkit-transform: -webkit-scale(1);
        -ms-transform: -ms-scale(1);
        transform: scale(1);
    }
}
@keyframes zoom {
    0% {
        -webkit-transform: -webkit-scale(1.07);
        -ms-transform: -ms-scale(1.07);
        transform: scale(1.07);
    }
    100% {
        -webkit-transform: -webkit-scale(1);
        -ms-transform: -ms-scale(1);
        transform: scale(1);
    }
}

.banner .idxs{position: absolute; width: 100%; display: flex; justify-content: center; bottom:25px;}
.banner .idxs li{ width:10px; height:10px; background:transparent; border-radius:14px; margin-right:10px; font-size: 0; float:left; border:1px solid #ffffff; cursor:pointer;}
.banner .idxs li.on{background:#ffffff; width:40px;}
.btns a {position: absolute; z-index: 20; top: 50%; margin-top: -32px; width: 50px; height: 50px; overflow: hidden; opacity: 0; filter: alpha(opacity=0);
  -webkit-transition: background-position .3s;
  -moz-transition: background-position .3s;
  -ms-transition: background-position .3s;
  -o-transition: background-position .3s;
  transition: background-position .3s;
}
.btns .prev {left: 120px; background: url(../images/icon_left.png) no-repeat left center;}
.btns .prev:after{content:" "; display:block; position:absolute; left:1px; top:50%; height:2px; margin-top: -1px; width:0; background:transparent;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
        transition: all .8s;
}
.btns .next {right: 120px; background: url(../images/icon_right.png) no-repeat right center;}
.btns .next:after{content:" "; display:block; position:absolute; right:1px; top:50%; height:2px; margin-top: -1px; width:0; background:transparent; 
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
        transition: all .8s;
}
.banner:hover .btns .prev{left:120px; opacity:1; filter:alpha(opacity=100);}
.banner:hover .btns .next{right:120px; opacity:1; filter:alpha(opacity=100);}
.btns .prev:hover:after,.btns .next:hover:after{background-color:#fff; width:70px;}

/*首页第一部分*/
#index1{ width:100%; background: #ffffff; position: relative; z-index: 9;}
#index1 .in1left{ width:50%; height:100%; float:left; background:url(../images/in1left.jpg) top right no-repeat; background-size: cover;}
#index1 .in1nr{ margin-left:62px; padding-top:33%;}
#index1 .in1left span{ text-align:center; color:#014099; font-size:60px; display:block;}
#index1 .in1left p{ color:#666666; font-size:16px; text-align:center; width:82.5%; margin:30px auto 0px auto; line-height:170%;}
#index1 .in1right{ width:48.4%; float:right; height:100%; background:url(../images/in1right.jpg) no-repeat; background-size: cover; overflow: hidden;}
#index1 .in1nr2{ padding-top:33%;}
#index1 .in1right span{ display:block; color:#014099; font-size:60px; text-align:center;}
#index1 .in1right a{ display:block; width:183px; height:46px; line-height:46px; text-align:center; font-size:18px; color:#014099; border:2px solid #014099;  border-radius:25px; margin:45px auto 0px auto; transition: 0.4s all cubic-bezier(0.52, 0.08, 0.18, 1); z-index: 9;}
#index1 .in1right a:hover{ background:#014099; color:#fff;}

/*首页 足迹遍布全国*/
.zj_video{ width:100%; height: 100%; object-fit: cover; position: fixed; top: 0; left: 0; z-index: 1;}
#zuji{ padding: 170px 0; position:relative;}
#zuji::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    content: "";
    z-index: 4;
}
#zuji .zuji{ z-index:9;}
#zuji .zujinr{display: flex; flex-direction: column; align-items: center;}
.title{ color:#fff; font-size:60px;}
#zuji ul{ margin-top:92px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
#zuji ul li{ display: flex; flex-direction: column; align-items: center;}
#zuji ul li .img{ width:109px; height:109px; background-color: rgba(255, 255, 255, 0.2); border-radius:100%; display: flex; justify-content: center; align-items: center;}
#zuji ul li .img img{ width:54px; height:auto;}
#zuji ul li .wen span{ display:block; color:#ffffff; font-size:28px; padding:20px 0px 10px;}
#zuji ul li .wen{ color:#afafaf; font-size:16px; width: 100%; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap;}
#zuji ul li:hover .img{ background-color: rgba(255, 255, 255, 0.6); transform: scale(1.2);}

/*首页 企业动态*/
#index-n{ background:#f8f8f8; padding:80px 0px 105px 0px; position:relative; z-index: 9;}
.ntitle{ color:#014099; font-size:60px; text-align:center;}
#index-n ul { max-width:1442px; margin:78px auto 0px auto; display: flex; flex-wrap: wrap;}
#index-n ul li{width:calc(100% / 3);}
#index-n ul li a{display:block; background:#fff; transition:ease-out .3s}
#index-n ul li:nth-child(2) a{display:flex; flex-direction:column-reverse;}
#index-n ul li .pic{width:100%; overflow:hidden}
#index-n ul li .pic .img{overflow:hidden; transition:ease 1.4s; background-size:cover; background-position:center; height:285px;}
#index-n li .summary{position:relative; height:285px;}
#index-n li .summary .text{ padding:48px 59px 0px 47px;}
#index-n li .summary .text span{ color:#014099; font-size:24px;}
#index-n li .summary .text .timer{ color:rgba(51, 51, 51, 0.4); font-size:14px; padding:30px 0px 7px 0px;}
#index-n li .summary .text ._TexTrow2{ color:#333333; font-size:16px; line-height:36px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#index-n ul li a:hover{background:#014099; color:#fff}
#index-n ul li a:hover .summary .text .timer{color:rgba(255,255,255,.4)}
#index-n ul li a:hover .pic .img{transform:scale(1.05)}
#index-n ul li a:hover .summary .text span,#index-n ul li a:hover .summary .text ._TexTrow2{ color:#FFFFFF;}

/*底部*/
#footerbg{ width:100%; height: 440px; overflow:hidden; position:relative; z-index: 9;}
.ft_video{ width:100%; height: 100%; object-fit: cover; z-index: 1;}
#footerbg::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); content: ""; z-index: 4;}
#footer1{ position:absolute; left:0px; top:80px; width:100%; z-index:7;}
#footer{ width:1442px; margin:0px auto;}
.c_left{ float:left;  padding-right:51px;}
#footer .c_left .bdtitle{ color:#fff; font-size:16px; padding-bottom:15px;}
.c_left a{ width:100%; display:block; color:rgba(255,254,254,.4); font-size:14px; padding:6px 0px;}
.c_left a:hover,#footer p a:hover{ color:#fff;}
.c_right{ float:right;  color:rgba(255,255,255,.4); font-size:14px; text-align:right;}
.c_right span{ color:#fff; font-size:40px; display:block; padding-top:9px; padding-bottom:18px;}
.c_right .ewm{ margin-top:13px;}
.c_right .ewm img{ float:right; margin-left:22px;}
#footer p{ color:rgba(255,254,254,.3); font-size:14px;}
#footer p a{ color:rgba(255,254,254,.3); font-size:14px;}

#footer .gongan a{display:flex; margin-top:6px; align-items:center;}

/* 返回顶部 */
.toolbar { display: none; width: 58px; position: fixed; right: 10px; bottom: 40px; z-index: 99;}
.toolbar li{ margin-top: 5px; background: #ffffff; }
.toolbar li a{ height: 58px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.toolbar .arrow2{display: none;}
.toolbar li:hover {background: #014099;}
.toolbar li:hover .arrow1{display: none;}
.toolbar li:hover .arrow2{display: block;}

/*子页banner*/
#zybanner{ width:100%; height:680px; overflow:hidden; background-size:cover; background-position: 50% 50%;  background-repeat:no-repeat;}
#ndaoh{ background:#fff; padding:30px 0px;}
#ndaoh ul{ float:right;}
#ndaoh ul li{ float:left;}
#ndaoh ul li a{ float:left; color:#666666; font-size:16px;  margin-left: 40px; }
#ndaoh a:hover,#ndaoh a.active{ color:#014099;}
#ndaoh .wei{ float:left; color:#262626; font-size:16px;}
#ndaoh .wei a{ color:#262626;}
#containter{ margin-top:87px; margin-bottom:87px; background:#fff;}
#containter1{ margin-top:87px; margin-bottom:87px;}
#containter2{ margin-top:87px; background:#fff;}

/*联系我们*/
.lxbg{ width:100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.lx{ color:#666; line-height:36px; font-size:16px; width: 100%; padding-left: 63px;}
.lx p{ color:#262626; font-size:36px; padding-bottom:27px;}

/*需要运维 在线留言*/
.yunweibg{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.yytitle{ color:#262626; font-size:36px; padding-bottom:3%;}
#zylxmessage{ width: 100%; margin: 0 3%;}
#zylxmessage .item,#zylxmessage .item1{ width: 49%; float: left; margin-top: 10px; display: flex; height: 40px; align-items: center; justify-content: space-between;}

#zylxmessage .item input{outline: none; line-height:40px; height:40px; font-size: 16px; width:100%; border:none;}
#zylxmessage .item1 input{outline: none; width: 80%;}
#zylxmessage .item1 .dan{height:100%; padding:0 18px 0 10px; background: #f4f4f4; display: flex; align-items: center; color: #c6c6c6;}
#zylxmessage .item .txt,#zylxmessage .item1 .txt{height:40px; line-height:40px; display: block; background: #f4f4f4; padding: 0 20px; border: 0 none; color: #666666; box-sizing: border-box; font-size:16px;}

#zylxmessage .item img {margin-left: 10px;height: 26px; width: auto;}

.filter-box {
    width:100%;
    height:40px;
    background-color:#f4f4f4;
    border:none;
    font-size: 16px;
    text-align: left;
    color: #666666;
    padding-left:20px;
    -webkit-appearance: none;
}
option{color: #999999;}
select {
    background-image: url(../images/sj.jpg);
    background-position:95% 12px;
    background-repeat: no-repeat; outline:none;
}

#zylxmessage .two{ margin-left:2%;}
#zylxmessage .liuyan{margin-top: 10px;}
#zylxmessage .liuyan label{padding-left:19px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; line-height:40px;font-size:16px;color: #c4c4c4;}
#zylxmessage .liuyan textarea{ height:104px; line-height:20px; padding: 12px 20px; width:100%; font-size:16px; color: #666666;border: 0 none;overflow: hidden;background: #f4f4f4;resize: none;display: block;outline: none; box-sizing: border-box; font-family: "Microsoft Yahei";}
.zybot a{ display:block; width:183px; height:46px; line-height:46px; text-align:center; color:#262626; font-size:18px; border:1px solid #262626; cursor:pointer; margin-top:4%; border-radius:25px; background:#fff; transition: 0.4s all cubic-bezier(0.52, 0.08, 0.18, 1); z-index: 9;}
.zybot a:hover{border: 1px solid #014099; background: #014099; color: #ffffff;}

/*核心优势*/
.hview{ padding:5% 5%; color:#666666; font-size:16px; line-height:36px;}
.hbtitle{ text-align:center; color:#262626; font-size:36px;}
.hbtitle{ text-align:center; color:#262626; font-size:36px;}
.huoban ul{ margin-left:-19.2px; margin-top:24px;}
.huoban ul li{ float:left; margin-left:19.2px; margin-top:21px;}
.huoban ul li a{background:#fff; width:221px; height:221px; border:1px solid #ededed; display: table-cell; vertical-align: middle;}
.huoban ul li img{ max-width:221px; max-height:221px; display:block; margin:0px auto;}
.huoban ul li a:hover{ border:1px solid #0075c1; box-shadow: 0 0 20px 0 rgba(0,0,0,.14);}

#hezuo-wrap{margin-top:15px; margin-bottom:87px;}

/*企业动态*/
.newslist{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.product_list_card { width: 31%; padding-bottom: 30px; box-sizing: border-box;}
.newslist:after {content: ""; display: block; width: 31%;}
.new-pad {
    width: 100%;
    background: #ffffff;
    border:1px solid #ededed;
}
.product_list_card:hover .new-pad{border:1px solid #0075c1; box-shadow: 0 0 20px 0 rgba(0,0,0,.14);}
.product_img {
    width: 100%;
    overflow: hidden;
    transition: all .25s ease;
    box-sizing: border-box;
    background-size: cover;
}
.product_img img { height:262px; width: 100%; object-fit: cover;}
.product_list_card:hover .product_img img {transform: scale(1.2);}
.news-intor {
    padding: 30px 28px;
    width: 100%;
    box-sizing: border-box;
}
.new_intor_title{ color:#333333; font-size:18px; text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.product_list_card:hover .new_intor_title{ color:#014099;}
.new-view-times {
    width: 100%;
    margin-top: 20px;
}
.new-time {
    background: url(../images/time-bg.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #666666;
    text-align: left;
}
.new-view { float:right;
    background: url(../images/view-ico.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #666666;
    text-align: left;
}
/*分页*/
.pagelist{ text-align:center; color:#666666; font-size:14px; margin-top: 60px;}
.pagelist a{ color:#666666; font-size:14px; border:1px solid #eeeeee; display:inline-block; padding:6px 12px;}
.pagelist a:hover,.pagelist a.red{ background:#80919a; border:1px solid #80919a; color:#FFFFFF;}
.pagelist a:hover b,.pagelist a.red b{ font-weight:normal;}

/*详情页*/
.news_view{ padding:66px 97px 85px 97px;}
.xwtitle{ color:#333; font-size:36px; text-align:center;}
.ntime{ text-align:center; color:#999999; font-size:14px; margin-top:21px;}
.shijian{  background: url(../images/time-bg.png) no-repeat left center; display:inline-block;  padding: 0 0 0 20px;}
.hit{ background: url(../images/view-ico.png) no-repeat left center; display:inline-block; margin-left:33px; padding: 0 0 0 20px;}
.nview{ color:#262626; font-size:16px; line-height:32px; padding-top:40px;}
.nview img{ max-width:100%; display:block; margin:0px auto;}

/*项目案例*/
.caselist{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.caselist li { width: 31%; padding-bottom:30px; box-sizing: border-box;}
.caselist li a{ display:block; background:#fff; border:1px solid #f8f8f8;}
.caselist li .cimg { width: 100%; overflow: hidden; transition: all .25s ease;  box-sizing: border-box; background-size: cover;}
.caselist li .cimg img { height:262px; width:100%; object-fit: cover;}
.caselist li a:hover .cimg img {transform: scale(1.2);}
.caselist li .case-intor {  padding: 30px 28px 35px 28px;  width: 100%;  box-sizing: border-box;}
.caselist li .case_title{ color:#666; font-size:16px; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}
.caselist li a:hover .case_title{ color:#014099;}
.caselist li a:hover{ border:1px solid #0075c1; box-shadow: 0 0 20px 0 rgba(0,0,0,.14);}
.caselist:after {content: ""; display: block; width: 31%;}

.caselist.promid li{width: 48%;}
.caselist.promid li .cimg img{height: 400px;}
.caselist.promid:after{ width: 48%;}

/*资质荣誉*/
.honorlist{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.honorlist li{ width:19%; padding-bottom:21px; }
.honorlist li .himg{ background:#fff; width:100%; height:272px; border:1px solid #ededed; display: flex; justify-content: center; align-items: center;}
.honorlist li img{ max-width:100%; max-height:272px; display:block;}
.honorlist li p{text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap; margin-top:20px; text-align:center;}
.honorlist li p a{ color:#666; font-size:16px; text-align:center;}
.honorlist li:hover .himg{ border:1px solid #0075c1; box-shadow: 0 0 20px 0 rgba(0,0,0,.14);}
.honorlist li:hover p a{ color:#014099;}

/*管理平台*/
.guanli{width:100%; color:#666; line-height:36px; margin: 0 3%;}
.guanli .fwtitle{ color:#262626; font-size:36px; padding-bottom:4%;}
.nymiao{ color:#666; font-size:16px;}

#tese{ background:#fff; margin-top:70px; margin-bottom:87px;}
.tsfw{ padding:5% 5%;}
#tese ul li{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom:30px;}
#tese ul li .fwtxt{width: 100%; color:#666666; font-size:16px; line-height:36px; margin: 0 3%;}
#tese ul li .fwtxt span{ display:block;  font-weight:bold;}

/*光伏运维*/
#gfte{ background:#fff; margin-top:70px; margin-bottom:87px;}
.gfte{ padding:5% 5%;}
.tdtit{ text-align:center; color:#333333; font-size:24px;}
.gfte ul{ text-align:center; margin-top:45px; margin-bottom:95px;}
.gfte ul li{ display:inline-block; margin:0px 17px;}
.gfte ul li span{ display:block; color:#666666; font-size:16px; margin-top:25px;}
.gfnr{ color:#666666; font-size:16px; line-height:36px; padding-top:37px;}
#gfcase{ margin-top:31px; margin-bottom:87px;}
#gfcase p{ text-align:center; color:#666666; font-size:16px; padding-top:40px; margin-bottom:70px; line-height:36px;}

#gfcase .more{display: block; width: 183px; height: 46px; line-height: 46px; text-align: center; font-size: 18px; color: #014099; border: 2px solid #014099; border-radius: 25px; margin: 35px auto 0px auto; transition: 0.4s all cubic-bezier(0.52, 0.08, 0.18, 1); z-index: 9;}
#gfcase .more:hover{background: #014099; color: #fff;}

/*关于云鹰*/
.devl-text-list { position:relative;
    width: 100%;
}
.devl-text-left {
    float: left;
    width: 50%;
    overflow: hidden;
}
.devl-text-left img {
    width: 100%;
}
.devl-text-right {
    background: #ffffff;
    padding:70px 80px;
    width: 55%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 43%;
    transform: translateY(-40%);
}
.devl-f36{ color:#262626; font-size:36px; padding-bottom:35px;}
.devl-f16{ color:#666; font-size:16px; line-height:36px;}
#bottom {
    width: 100%;
    height:610px;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.shou{ width: 40%; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.shou span{ color:#fff; font-size:36px; padding-bottom:35px; display:block;}
.shounr{ color:#fff; font-size:16px; line-height:36px;}
#nzuji{ background:#FFFFFF; padding-top:97px; padding-bottom:155px;}
.nzuji ul{ margin-top:55px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.nzuji ul li{display: flex; flex-direction: column; align-items: center;}
.nzuji ul li .img{ width:109px; height:109px; background-color: rgba(0, 0, 0, 0.05); border-radius:100%; display: flex; justify-content: center; align-items: center;}
.nzuji ul li .img img{ width:54px; height:auto;}
.nzuji ul li .wen span{ color:#262626; font-size:28px; padding:18px 0px;}
.nzuji ul li .wen{ color:#666666; font-size:16px; width: 100%; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap;}
.nzuji ul li:hover .img{ background-color: rgba(0, 0, 0, 0.15); transform: scale(1.2);}

/*发展历程*/
.about2{ background:url(../images/lcbg.png) no-repeat top center;}
.about2 img{ margin:0px auto; display:block;}
.about2 ul{background:url(../images/sy51.png) repeat-y center;}
.about2 li:before{background:url(../images/sy50.png) no-repeat center center;left:-61px;top:12px;content:"";display:block;position:absolute;width:21px;height:21px}
.about2 li:after{ content: ""; position: absolute; top:22px; left:-42px; width:59px; height:2px; background:#0075c1;}
.about2 li h4{position:relative; padding-top:7px; padding-left:25px; display:block;text-decoration:none; color:#262626; font-size:24px;}
.about2 li:nth-child(2n):before{background:url(../images/sy50.png) no-repeat center center; right:-61px; top:12px; left:auto; content:""; display:block;position:absolute; width:21px; height:21px;}
.about2 li:nth-child(2n):after{ content: ""; position: absolute; top:22px; left:auto; right:-42px; width:59px; height:2px; background:#0075c1;}
.about2 li p{color:#666; margin-top:25px; font-size:16px; padding-left:25px; line-height:23px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3;}
.about2 li:nth-child(2n) p,.about2 li:nth-child(2n) h4{ padding-left:0px; padding-right:25px;}

.about2 li:nth-child(1){margin-top:0}
.about2 li{float:right;width:45%;text-align:left;position:relative;margin-top:139px}
.about2 li:nth-child(2n){float:left;text-align:right;margin-top:129px}





@media screen and (max-width: 1500px) and (min-width: 1300px) {
    .w1442{ width:1200px;}
    #index-n ul { width:1200px; margin:78px auto 0px auto; display: flex; flex-wrap: wrap;}
    #footer{ width:1200px; margin:0px auto;}

    /*需要运维 在线留言*/
    .yunweibg img{width:50%;}
    .zybot a{width: 170px; height: 40px; line-height: 40px; margin-top: 3%;}

    /*联系我们*/
    .lxbg img{width:50%;}

    /*关于云鹰*/
    .devl-text-right {
        background: #ffffff;
        padding:30px 40px!important;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top: 43%;
        transform: translateY(-40%);
    }
}


@media screen and (max-width: 1300px) and (min-width: 1100px) {
    .w1442{ width:1000px;}
    #index-n ul { width:1000px; margin:78px auto 0px auto; display: flex; flex-wrap: wrap;}
    #footer{ width:1000px; margin:0px auto;}
    .c_left{ float:left;  padding-right:31px;}

    /*需要运维 在线留言*/
    .yunweibg img{width:50%;}
    .yytitle{font-size:26px;}
    .zybot a{width: 140px; height: 30px; line-height: 30px; margin-top: 2%; font-size: 16px;}

    /*联系我们*/
    .lxbg img{width:50%;}
    .lx p{font-size:30px; padding-bottom: 17px;}

    /*关于云鹰*/

    .devl-text-right {padding:50px 30px; top: 39%;}
    .devl-f36{font-size: 26px; padding-bottom: 20px;}

    /*管理平台*/
    .guanli{line-height:26px; margin: 0 3%;}
    .guanli .fwtitle{font-size:26px; padding-bottom:4%;}
    .nymiao{font-size: 14px;}
    #tese ul li .fwtxt{font-size: 14px; line-height: 26px;}

    /*光伏运维*/
    .gfte ul li{ display:inline-block; margin:0px 0px;}
    .gfte ul li img{ width:60%; margin:0px auto; display:block;}
}


@media screen and (max-width: 1100px){
    .w1442{ width:94%;}
    .w1025{ width:94%;}
    .h_menu,#nav{ display:block;}
    .overflow_hidden {overflow: hidden;}

    /* header */
    #header{height: 1.4rem; position: fixed;}
    #header.i_head .header{height: 1.4rem; background: #ffffff; border-bottom: 1px solid #ededed;}
    #header .header{height: 1.4rem; z-index: 20;}
    #header.i_head .header .logo, #header .header .logo{height: 100%; margin-left: 3%; margin-top: 0; display: flex; align-items: center;}
    #header.i_head .header .logo .logo1, #header .header .logo .logo1{display: block; width: 2.44rem; height: auto;}
    #header.i_head .header .logo .logo2{display: none;}
    
    /*menu*/
    #header #menu{ display:none;}
    #header .h_menu{float:right; position:relative; width:0.52rem; height:0.52rem; margin-top:0.40rem; margin-right:3%; }
    #header .h_menu span{display: block; left:3%; position:absolute; width:94%; height:2px; background:rgba(0, 0, 0, .4);}
    #header .h_menu span:nth-child(1){top:20%;}
    #header .h_menu span:nth-child(2){top:49%;}
    #header .h_menu span:nth-child(3){top:80%;}
    #header .h_menu.on span:nth-child(1){top:50%; transform:rotate(45deg);}
    #header .h_menu.on span:nth-child(2){opacity: 0;}
    #header .h_menu.on span:nth-child(3){top:50%; transform:rotate(-45deg);}

    /* nav */
    #nav .bg{display:none; background:rgba(0,0,0,.4); position:fixed; left:0; top:0; width:100%; height:100%; z-index: 15;}
    #nav .con_wr{display:none; position:fixed; left:3%; top:1.6rem; width:94%; height:calc(100% - 2.8rem); overflow:hidden; background:rgba(255, 255, 255, .9); padding:.5rem 0 .5rem; z-index: 20;}

    #nav .two_box{height:100%; overflow: hidden;}
    #nav .two_box::-webkit-scrollbar{width:0;}
    #nav .two_box ul{padding: 0 1rem; overflow-y: auto; height: 100%;}
    #nav .two_box ul li{text-align: left; border-bottom: 1px solid rgba(0, 0, 0, .1);}
    #nav .two_box h1{font-size:.32rem; color:rgba(0,0,0,.6); height:1rem; line-height:1rem; padding-left: .2rem; font-weight: 400; background: url(../images/snav.png) 95% center no-repeat; background-size: 6% auto;}
    #nav .two_box .current{color:rgba(0,0,0,.8); background: url(../images/snavon.png) 95% center no-repeat; background-size: 6% auto;}
    #nav .two_box .nvind_special{background: 0 0;}

    #nav .two_box li dl{display: none;}
    #nav .two_box li dd{border-bottom: 1px dashed rgba(0, 0, 0, .1); padding-left: .4rem;}
    #nav .two_box li dd:last-child {border: none;}
    #nav .two_box li dd a {display: block; color:rgba(0,0,0,.6); height: .8rem; line-height: .8rem; font-size: .28rem;}

    /* banner */
    .banner .pics li .text{height: 100%;}
    .banner .pics li .text span{font-size:0.54rem; font-weight:bold; color: #ffffff; z-index: 99;}
    .banner .pics li .text a{font-size: .30rem; margin-top: .60rem;}
    .banner .idxs{z-index: 20;}

    /*首页第一部分*/
    #index1{ width:100%; background: #ffffff; position: relative; z-index: 9; height:auto;}
    #index1 .in1left{ width:100%; height:100%; float:none; background:url(../images/in1left.jpg) top right no-repeat; background-size: cover;}
    #index1 .in1nr{ margin-left:0px; padding: .8rem 0;}
    #index1 .in1left p{margin-top: .3rem; font-size: .29rem; text-align: left;}
    #index1 .in1left span{ font-size:0.6rem;}
    #index1 .in1right{ width:100%; float:none;}
    #index1 .in1nr2{ padding: 2rem 0;}
    #index1 .in1right span{ display:block; color:#014099; font-size:0.6rem; text-align:center;}
    #index1 .in1right a{font-size: .30rem; margin-top: .40rem; width: 2.7rem; height: 0.7rem; line-height: 0.7rem; border-radius: 0.4rem;}

    /*首页 足迹遍布全国*/
    #zuji{padding: 2.0rem 0;}
    #zuji .zuji{width: 100%;}
    .title{ color:#fff; font-size:0.6rem; text-align:center; }
    #zuji ul{ margin-top: .1rem; width: 90%;}
    #zuji ul li{ margin-top:.6rem; width: calc(100%/4);}
    #zuji ul li .img{ width:1.4rem; height:1.4rem;}
    #zuji ul li .img img{ width:.8rem;}
    #zuji ul li .wen span{ font-size:.35rem; padding: .25rem 0 .05rem;}
    #zuji ul li .wen{ font-size:.28rem; max-width: 1.6rem; text-align: center;}

    /*首页 企业动态*/
    #index-n{padding: .8rem 0;}
    .ntitle{ color:#014099; font-size:0.6rem; text-align:center;}
    #index-n ul { max-width:94%; margin:.4rem auto 0 auto;}
    #index-n ul li{width:100%;}
    #index-n ul li:nth-child(2) a {display: block; flex-direction:unset;}
    #index-n li .summary{height: auto;}
    #index-n li .summary .text{padding: .4rem .4rem .6rem; font-size: .30rem;}
    #index-n li .summary .text span{font-size: .48rem;}
    #index-n li .summary .text .timer{font-size: .28rem; padding: .3rem 0px .06rem 0px;}
    #index-n li .summary .text ._TexTrow2{font-size: .30rem;}

    /*底部*/
    #footerbg{height: 5.7rem;}
    #footer1{top: .8rem;}
    #footer{ width:94%;}
    .c_right{font-size: .28rem; float: left; text-align: left;}
    .c_right span{font-size: .4rem;}
    .c_right .ewm img{width: 1.4rem; height: auto; margin-left: 0; margin-right: .2rem;}
    .c_left{ display:none;}
    #footer p{ font-size:.28rem; margin-top:.4rem;}
	#footer p.gongan {display:flex; margin-top:0;}

    /* 返回顶部 */
    .toolbar{width: .90rem;}
    .toolbar li a{height: .90rem;}

    /*子页banner*/
    #zybanner{ height:5.0rem;}
    #ndaoh{padding: unset;}
    #ndaoh .wei{ display:none;}
    #ndaoh ul{ float:unset; display: flex; overflow-y: auto;}
    #ndaoh ul li a{white-space: nowrap; margin:unset; padding: .4rem .2rem; font-size: .29rem;}    

    /*关于云鹰*/
    #containter1{margin: .6rem auto;}
    .devl-f36{font-size: .6rem; padding-bottom: .4rem;}
    .devl-f16{font-size: .29rem; line-height: 28px;}
    .devl-text-left {float:none; width:100%;}
    .devl-text-right {padding:.6rem .4rem; width:100%; position:relative; transform:none;}
    #bottom { height:440px; }
    .shou{width: 100%; padding: 0 .4rem; box-sizing: border-box;}
    .shou span{font-size: .6rem; padding-bottom: .4rem;}
    .shounr{font-size: .29rem; line-height: 28px;}
    
    #nzuji{padding: .6rem 0;}
    .nzuji ul{ margin-top: .1rem;}
    .nzuji ul li{ margin-top:.6rem;}
    .nzuji ul li .img{ width:1.4rem; height:1.4rem;}
    .nzuji ul li .img img{ width:.8rem;}
    .nzuji ul li .wen span{ font-size:.35rem; padding: .25rem 0 .05rem;}
    .nzuji ul li .wen{ font-size:.28rem; max-width: 1.6rem; text-align: center;}

    /*资质荣誉*/
    .honorlist li{width: 47%; padding-bottom: .4rem;}
    .honorlist li .himg{height: 5.4rem;}
    .honorlist li p{margin-top: .2rem; display: flex; justify-content: center;}
    .honorlist li p a{font-size: .29rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

    /* 发展历程 */
    .about2 li:before{left: -.55rem;}
    .about2 li:after{left: -.17rem; width: .5rem;}
    .about2 li:nth-child(2n):before{right: -.55rem;}
    .about2 li:nth-child(2n):after{right: -.17rem; width: .5rem;}

    /*服务方案*/
    #containter2{margin: .6rem auto;}
    .lxbg{flex-direction: column; justify-content: flex-start; align-items: flex-start;}

    .guanli{padding:.6rem .4rem; margin: 0; box-sizing: border-box; font-size:.29rem; line-height: 28px;}
    .guanli .fwtitle{font-size: .6rem; line-height: normal;}
    .nymiao{font-size: .29rem;}

    #tese{margin: 0 auto .6rem;}
    .tsfw{padding:.6rem .4rem;}
    #tese ul li{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    #tese ul li:last-child{margin-bottom: 0;}
    #tese ul li .fwtxt{margin: 3% 0 0; font-size: .29rem; line-height: 28px;}

    #gfte{margin: 0 auto .6rem;}
    .gfte{ padding:.6rem .4rem;}
    .yytitle{font-size: .6rem; padding-bottom: .4rem; line-height: normal;}
    .tdtit{font-size: .42rem;}
    .gfte ul{ margin: .8rem 0;}
    .gfte ul li{ margin:9px 4px; width:25%;}
    .gfte ul li span{ font-size:.29rem; margin-top:.2rem;}
    .gfte ul li img{ width:100%; margin:0px auto;}
    .gfnr{padding-top: .4rem; font-size: .29rem; line-height: 28px;}

    #gfcase{margin: 0 auto 1rem;}
    .hbtitle{font-size: .6rem;}
    #gfcase p{font-size: .29rem; padding-top: .4rem; margin-bottom: .6rem; line-height: 28px;}
    .caselist li{width: 100%; padding-bottom: .4rem;}
    .caselist li:last-child{padding-bottom: 0;}
    .caselist li .case-intor{padding: .4rem .2rem;}
    .caselist li .case_title{font-size: .29rem;}
    .caselist.promid li{width: 100%;}
    .caselist.promid li .cimg img{height: 262px;}
    #gfcase .more{font-size: .30rem; margin-top: .6rem; width: 2.7rem; height: 0.7rem; line-height: 0.7rem; border-radius: 0.4rem;}

    #containter{margin: .6rem auto;}
    .hview{padding:.6rem .4rem; font-size: .29rem; line-height: 28px;}

    #hezuo-wrap{margin: 0 auto 1rem;}
    .huoban ul{margin-left: -.2rem; margin-top: 0;}
    .huoban ul li{margin-left: .2rem; margin-top: .4rem;}
    .huoban ul li a{width: 3.38rem; height: 3.38rem;}
    .huoban ul li img{max-width: 80%;}

    .pagelist{margin-top: .4rem; padding-bottom: .4rem;}

    /*详情页*/
    .news_view{ padding:.6rem .4rem;}
    .xwtitle{font-size: .6rem;}
    .ntime{font-size: .26rem; margin-top: .32rem;}
    .nview{font-size: .29rem; line-height: 28px; padding-top: .2rem;}
    .nview video{width: 100%; height: auto;}

    /*企业动态*/
    .product_list_card {width: 100%; padding-bottom:.4rem;}
    .product_list_card:last-child{padding-bottom: 0;}
    .news-intor{padding: .4rem .2rem;}
    .new_intor_title{font-size: .32rem;}
    .new-view-times{margin-top: .2rem;}

    /*联系我们*/
    .lx{ padding: .6rem .4rem; line-height: 28px; font-size: .29rem; box-sizing: border-box;}
    .lx p{font-size: .5rem; line-height: normal; padding-bottom: .4rem;}
    

    /*需要运维 在线留言*/
    .yunweibg{flex-direction: column;}
    #zylxmessage{width: auto; margin: .6rem .4rem;}
    #zylxmessage .item1 .dan{font-size: .29rem; padding: 0 .2rem 0 0;}
    #zylxmessage .item .txt, #zylxmessage .item1 .txt{padding: 0 .2rem;}
    #zylxmessage .liuyan textarea{padding: .2rem .2rem;}
    .zybot a{font-size: .30rem; margin-top: .40rem; width: 2.7rem; height: 0.7rem; line-height: 0.7rem; border-radius: 0.4rem;}
    
}