@charset "utf-8";
/*.wrap{ padding-top: 90px;    background: url(../images/gcdclaooznbg.jpg) top center no-repeat;}*/
#indBanner { min-width: 1240px;height: 640px; overflow: hidden; border-bottom: 1px solid #fff; position: relative; margin-top:0px;background-color: #fff;}

#indBanner {clear: both;text-align: center;position: relative;z-index: 0;}
#indBanner .bd .con {display: none;}
#indBanner .bd li {position: relative;height: 640px;width: 100%;overflow: hidden;}
#indBanner .bd .pic {position: absolute;top: 0;left: 50%;margin-left: -50%;}
#indBanner .bd a.link{display: block; width: 100%; height: 100%;}
#indBanner .prev, #indBanner .next {width: 40px;height: 40px;background: url(images/slideArrow.png) no-repeat;display: block;position: absolute;left: 50%;top: 50%;margin-top: -20px;cursor: pointer;opacity: 0.3;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
#indBanner .prev {margin-left: -45%;background-position: 13px 10px;}
#indBanner .next {margin-left: 45%;background-position: 16px -74px;}
#indBanner .prev:hover,#indBanner .next:hover  {opacity: 1}
#indBanner .hd {height: 14px;overflow: hidden;position: absolute;z-index: 3;left: 0;right: 0;bottom: 32px;text-align: center;font-size: 0;}
#indBanner .hd li {cursor: pointer;display: inline-block;*display: inline;zoom: 1;vertical-align: top;margin: 0 3px;width: 14px;height: 14px;background: #bbbbbbbd;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#indBanner .hd li span {display: none;}
#indBanner .hd .on {width: 30px;background:#F9AF2F;}
#indBanner .hdBg {position: absolute;right: 0;left: 0;bottom: 0;height: 40px;background: #000;filter: alpha(opacity=40);opacity: 0.4;}

#content {}
/* info */
#content .info {height: 20px;line-height: 20px;padding: 18px 0; }
#content .info .newProject {float: left;height: 20px;overflow: hidden;width:700px;}
#content .info .newProject strong {float: left;width: 80px;margin-right: 10px;display: inline;color: #fff;background: #f00;text-align: center;font-family: "宋体"; }
#content .info .newProject ul li a {color: #0068a4;font-size: 13px;}
#content .info .annStati {float: right;padding-right: 10px; }
#content .info .annStati strong {font-family: "Candara";font-size: 18px;color: #f30;font-weight: 300; }
/* boxArea */
.box {max-width: 1400px;margin: auto;min-width: 1200px;position: relative;}

/*行业*/
.boxArea-A{background-color: #f2f2f2;}

.hy{height: 650px;}
.hy .hd{margin-bottom: 60px;}
.hy .hd h3{ font-size: 36px;text-align: center;height: 40px;line-height: 40px; margin: 70px 0 30px; }
.hy .hd h3 a{color: #404040;}
.hy .hd>div{text-indent:2em;font-size:16px;}
.hy .hd p{font-size: 16px;font-weight: 300;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #404040;text-align: center;}
.hy .hd a.next,.hy .hd a.prev{display:inline-block; width:50px;height:50px;  background: #00000061;   position: absolute;    color: #fff; text-align: center; line-height: 50px;  top: 350px;  font-size: 2em;   z-index: 9;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.hy .hd a.prev{left: 0;}
.hy .hd a.next{right:0;}
.hy .hd a:hover{background:#2066a5cc;}
.hy .hyLink a{color: #c00;text-decoration: underline;}
.hy .hyLink a:hover{color: #2066a5;background:none}

.hy .bd ul li{width: 25%;float: left;position: relative;cursor: pointer;transition: all 0.1s;    cursor: default;}
.hy .bd ul li section{margin:0 8%;height: 400px;background-color: #fff;}
.hy .bd ul li .pic{width: 100%;height: 120px;overflow: hidden;}
.hy .bd ul li .pic img{width:100%;height:100%;object-fit:cover}
.hy .bd ul li .con h3{text-align: center;font-size: 20px;color: #111;margin: 12px;    padding-bottom: 8px; border-bottom: #f0f0f0 solid 1px;}
.hy .bd ul li .con .intro{font-size: 14px;font-weight: 300;font-stretch: normal;text-indent:2em;line-height: 26px;height: 130px;letter-spacing: 0px;color: #6d6d6d;text-align: left;overflow-y: auto;  margin: 0 5%;}
.hy .bd ul li .xq{ margin: 25px 20% 0;   text-align: center;}
.hy .bd ul li .xq a{display:block;background: #2066a5;color:#fff;  line-height: 2.5em;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;   border-radius: 4px;}
.hy .bd ul li .xq a:hover{background:#000;}

.application{height: 800px;}
.application .hd{margin-bottom: 60px;}
.application .hd h3{ font-size: 36px;text-align: center;height: 40px;line-height: 40px; margin: 70px 0 30px;}
.application .hd h3 a{color: #404040;}
.application .hd p{font-size: 16px;font-weight: 300;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #404040;text-align: center;}
.application .bd ul li{width: 17%;height: 485px;background-color: #fff;float: left;padding: 20px;margin-right: 2px;position: relative;cursor: pointer;transition: all 0.1s;    cursor: default;}
.application .bd ul li .pic{width: 100%;height: 164px;overflow: hidden;}
.application .bd ul li .pic img{width:100%;height:100%;object-fit:cover}
.application .bd ul li .con h3{text-align: left;font-size: 20px;color: #111;margin: 18px 0;}
.application .bd ul li .con .intro,.application .bd ul li .con .intro p{font-size: 14px;font-weight: 300;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #6d6d6d;text-align: left;}
.application .bd ul li .xq{position: absolute; bottom: 30px;left: 0;right: 0;}

.application .bd ul li:hover{height: 515px;margin-top: -30px;box-shadow: 0 0 15px 0 rgba(15,41,131,.2);}
.application .bd ul li:hover .con h3 a,.application .bd ul li:hover .con .intro,.application .bd ul li:hover .con .intro p{color: #fff;}
.application .bd ul li:hover .pic{height: auto;}
/*.application .bd ul li .xq a:hover{transform: rotateX(360deg);}*/
.application .bd ul li .xq a{width: 97px;height: 35px;border-radius: 18px;border: solid 1px #eaeaea;display: block;margin: auto;text-align: center;line-height: 35px;font-size: 13px;color: #111;  overflow: hidden;  text-shadow:0 1px 1px rgba(0,0,0,0.2);background: rgba(255, 255, 255, 0.6);}
.application .bd ul li .xq a:hover{background: rgba(200, 46, 46, 0.8);color: #fff;border-color: rgba(0, 0, 0, .2);}
.application .bd ul li.li1 .xq a:hover{background: rgba(11, 124, 32, 0.8);}
.application .bd ul li.li2 .xq a:hover{background: rgba(12, 69, 143, 0.8);}
.application .bd ul li.li3 .xq a:hover{background: rgba(18, 105, 141, 0.8);}
.application .bd ul li.li5 .xq a:hover{background: rgba(5, 31, 26, 0.8);}

.application .bd ul .li1:hover{background: url(images/application-hover.png) right bottom no-repeat #51b682;}
.application .bd ul .li2:hover{background: url(images/application-hover.png) right bottom no-repeat #6693d9;}
.application .bd ul .li3:hover{background: url(images/application-hover.png) right bottom no-repeat #61abd1;}
.application .bd ul .li4:hover{background: url(images/application-hover.png) right bottom no-repeat #df6b6b;}
.application .bd ul .li5:hover{background: url(images/application-hover.png) right bottom no-repeat #237b64;}

#boxArea-B{height: 540px; transition: all .4s;  }
.boxArea-B .title{font-size: 36px;text-align: center;height: 40px;line-height: 40px;margin-bottom: 20px;display:none;}

.boxArea-B { clear: both; position: relative; z-index: 0; }
.boxArea-B .bd li { position: relative; height: 540px; width: 100%; overflow: hidden;}
.boxArea-B .bd .pic { position: absolute; top: 0; left: 50%; margin-left: -960px;}
.boxArea-B .bd .con { height: 300px;  margin: 200px 600px 40px 50px;}
.boxArea-B .bd  .con .title{font-size: 40px;line-height: 40px;letter-spacing: 0px;color: #ffffff;height: 66px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);display:block;    text-align: left;}
.boxArea-B .bd  .con .intro{margin: 25px 0; font-size: 16px; color: #ffffff;line-height: 36px;}
.boxArea-B .bd  .con .intro em{font-size: 34px;transition:0.3s ease;}

.boxArea-B .hd {height: 540px; width:500px; overflow: hidden; position: absolute; z-index: 3; right: 0; top: 0px; text-align: center;}
.boxArea-B .hd li { cursor: pointer;  zoom: 1;  height:123px;margin-bottom: 1px; background:rgba(0, 0, 0, 0.5);padding: 56px 8% 0 ;text-align: left;transition: all 0.5s}
.boxArea-B .hd li i{display: inline-block;width: 65px;height:80px;float: left;background: url(images/boxArea-B-icon.png) 50% 0 no-repeat;margin-right: 24px; }
.boxArea-B .hd .li1 i{background-position-y: 7px;}
.boxArea-B .hd .li2 i{background-position-y: -236px;}
.boxArea-B .hd .li3 i{background-position-y: -485px;}
.boxArea-B .hd li a .Ctitle{font-size: 22px;line-height: 40px;color: #fff;}
.boxArea-B .hd li a .Etitle{font-size: 9px;line-height: 22px;color: #fff; opacity: 0.6; font-family:Tahoma;}

.boxArea-B .hd li span { display: none;}
.boxArea-B .hd .on {background: rgba(255, 255, 255, 0.3);}
.boxArea-B .hd li.on a .Ctitle,.boxArea-B .hd li.on a .Etitle{color:#000;}
.boxArea-B .hdBg {position: absolute; right: 0;left: 0;bottom: 0;height: 40px;background: #000;filter: alpha(opacity=40);opacity: 0.4;}
.boxArea-B .prev, .boxArea-B .next {border: 1px solid #fff;border-radius: 20px;width: 40px;height: 40px;background: url(../../base/img/slideArrow.png) no-repeat;display: block; position: absolute; left: 50%; top: 50%; margin-top: -20px; cursor: pointer; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; }
.boxArea-B .prev { margin-left: -640px; background-position: 13px 10px; } 
.boxArea-B .next { margin-left: 600px; background-position: 16px -74px; } 
.boxArea-B .prev:hover {border: 1px solid #326bb0;background: url(../../base/img/slideArrow.png) no-repeat 13px 10px #326bb0; }
.boxArea-B .next:hover {border: 1px solid #326bb0;background: url(../../base/img/slideArrow.png) no-repeat 16px -74px #326bb0; } 


.boxArea-C{background-color: #fff;padding-bottom: 40px;}
.industry .hd{margin-bottom: 40px;}
.industry .hd h3{font-size: 36px;text-align: center;height: 40px;line-height: 40px;padding: 70px 0 10px;}
.industry .hd h3 {color: #404040;}
.industry .hd p{font-size: 16px;font-weight: 300;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #404040;text-align: center;}
.industry .hd p em{font-size: 20px;color: #dd0000;font-family: cursive;}
.industry .bd li{float: left;position: relative;padding: 10px;transition: all 0.5s;width: 23.3%;overflow: hidden;}
.industry .bd li .pic{width: 100%;overflow: hidden;display: block;}
.industry .bd li .pic img{width: 100%;transition: all 0.5s;height: auto;}
.industry .bd li .tit{height: 60px;/* background-color: #ffffff2e; */display: block;left:10px;right:10px;position: absolute;bottom: 35%;font-size: 20px;line-height: 60px;color: #fff;text-align: center;transition: all 0.5s;}
.industry .bd li:hover{box-shadow: 0px 1px 5px #ddd;}
.industry .bd li:hover img{transform:scale(1.1)}
.industry .bd li:hover .tit{height:40px;line-height: 40px; font-size:16px; background-color:#000000b8;bottom: 11px;}
.industry .bd li .tit:hover {color: #ffcc00;}
.industry .more{clear: both;    padding-top: 20px;  }
.industry .more a{display:block;text-align: center;font-size: 20px;line-height: 40px;right: 0;width: 180px;margin: 0 auto;background: #f2f2f2;border: #cccccc solid 1px;border-radius: 18px;}
.industry .more a:hover{background:#2066a5; color:#fff;}

.boxArea-D{background-color: #fff;padding-bottom: 60px;}
.news .hd h3{font-size: 36px;text-align: center;height: 40px;line-height: 40px;padding:70px 0 50px;}
.news .hd h3 {color: #404040;}
#focusNews{float: left; margin-right: 30px;box-shadow: 0 0 20px 0 rgba(15,41,131,.1);}
.focusBox{width: 423px; overflow: hidden; position: relative;}
.focusBox .hd{position: absolute;z-index: 1;right: 0px;bottom: 120px;left: 0;text-align: center;}
.focusBox .hd ul{ overflow: hidden; zoom: 1;}
.focusBox .hd ul li{display: inline-block;margin: 2px;width: 8px;height: 8px;text-align: center;background:#898989;cursor: pointer;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.focusBox .hd ul li span{display: none}
.focusBox .hd ul li.on{ background: #F9AF2F;width:20px;}
.focusBox .bd{ position: relative; overflow: hidden;height: 430px;}
.focusBox .bd ul{height:430px!important;}
.focusBox .bd li{position: relative;width: 423px;}
.focusBox .bd .pic{ position: relative; z-index: 0; line-height: 0;height: 305px; border: 0;width: 423px;}
.focusBox .bd .pic img{height: 305px; border: 0;width: 423px;}
.focusBox .bd .con{padding: 1em;position: absolute;width: 395px;}
.focusBox .bd .con .title{text-align: left;z-index: 1;padding: 5px;overflow: hidden;/* height: 1.8em; *//* position: absolute; *//* top: -30px; */font-weight: bold;}
.focusBox .bd .con .date{line-height: 26px;font-size: 14px;color: #fff;border-bottom: #fff dotted 1px;position: absolute;right: 12px;text-align: center;top: -30px;}
.focusBox .bd .con .intro{clear: both;font-size: 14px;color: #888888;padding: 0 10px;line-height: 22px;text-indent: 2em;}
.focusBox .bd .con .intro pre{white-space: pre-wrap;   word-wrap: break-word;}
.focusBox .bd .con .title a{text-decoration: none;font-size: 16px;color: #2066a5;}
.news-box{height: auto;overflow: hidden;box-shadow: 0 0 20px 0 rgba(15,41,131,.1);}
.news .bd .news-box li{padding:26px 20px;float: left;margin: 0 13px; transition: all 0.4s;border-bottom: #eee solid 1px;/*background: url(images/news-hover.png) -500px center no-repeat;*/}
.news .bd .news-box li.last{border:none;}
.news .bd .news-box li a{width: 327px;height: 90px;display: inline-block;font-size: 16px;line-height: 30px;color: #111;padding-right: 10px;margin-right: 10px;border-right: 1px dotted #e2e2e2; }
.news .bd .news-box li .date{float: right;}
.news .bd .news-box li .date i{display: block;height: 46px;line-height: 27px;text-align: center;font-size: 35px;color: #5b5b5b;margin-top: 16px;}
.news .bd .news-box li .date em{display: block;font-size: 14px;color: #767676;height: 10px;line-height: 10px;}
.news .bd .news-box li:hover{background-position: center}
.news .bd .news-box li:hover a{color: #2978b0;border-color: #fff;}
.news .bd .news-box li:hover .date i,.news .bd .news-box li:hover .date em{color: #df0000;}

.indBox .bd ul li{display: none;position: absolute;left: -1040px;}
.indBox .bd .on{display: block;left: 0px;}

/*虎年*/
/*#top{background: #b70000 url(../2022/ny/hnbg.jpg) repeat-x;}
#top .inner{height: 200px;background: url(../2022/ny/hnlogo.png) center center no-repeat;}
#header .bg-color{background: rgb(211 30 22 / 95%)!important;}
.fixed-box .inner{background: url(../2022/ny/hnlogo.png) 83% center no-repeat;   background-size: 18%;}


#content-index{background: #ffe4d8;}
.boxArea-D{background-color: #fff2ec;}
.boxArea-A{background:none;}*/
/*国庆*/
/*#top{background: #b70000 url(../2022/ny/gqbg.jpg) repeat-x;}
#top .inner{height: 200px;background: url(../2022/ny/gqlogo.png) center center no-repeat;}
#header .bg-color{background: rgb(211 30 22 / 95%)!important;}
.fixed-box .inner{background: url(../2022/ny/gqlogo.png) 83% center no-repeat;   background-size: 18%;}


#content-index{background: #ffe4d8;}
.boxArea-D{background-color: #fff2ec;}
.boxArea-A{background:none;}*/

#focusNews,.news-box{background:#fff;}

@media only screen and (max-width: 1400px) {
    .application .bd ul li{width: 16.5%;}
    .boxArea-B .hd{width: 38%;}
    .box{padding: 0 20px;}
    .news .bd .news-box li a{width: 250px;padding-right: 15px;margin-right: 15px;font-size: 13px;}
    .news .bd .news-box li{padding: 27px 11px;float: left;margin-right:5px;}
    #focusNews{margin-right: 20px;}
}