@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: #fff;-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{text-align:center;}
.application{height: 660px;}
.application .hd{margin-bottom: 60px;}
.application .hd h3{     color: #222222;
    font-size: 30px;
    font-family: 'Asap',"Open Sans","Microsoft YaHei",sans-serif;
    font-weight: 600;
    margin: 0 0 30px;
    margin-bottom: 40px;
	margin-top:60px;
    text-transform: uppercase;}
.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: 24.8%;height: 485px;background-color:;float: left;padding: 20px;margin-right: 2px;position: relative;cursor: pointer;transition: all 0.1s;    cursor: default;}
.application .bd li .con .intro ul li.dxli {height: 30px;line-height:30px;font-size:15px;color: #6d6d6d;float: left;cursor: pointer;transition: all 0.1s;   cursor: default;width:100%;padding-left:0px;padding:0px;margin:0px;}
.application .bd li .con .intro ul li.dxli a {color:#6d6d6d;}
.application .bd li .con .intro ul li.dxli:hover{box-shadow: 0 0 0px 0 rgba(15,41,131,.2);color:#6d6d6d;}
.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: #6d6d6d;}
.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: #fe4b2e;}
.application .bd ul li.li2 .xq a:hover{background: #fe4b2e;}}
.application .bd ul li.li3 .xq a:hover{background: #fe4b2e;}}
.application .bd ul li.li5 .xq a:hover{background: #fe4b2e;}}

.application .bd ul .li1:hover{background: url(images/application-hover.png) right bottom no-repeat #fff;}
.application .bd ul .li2:hover{background: url(images/application-hover.png) right bottom no-repeat #fff;}
.application .bd ul .li3:hover{background: url(images/application-hover.png) right bottom no-repeat #fff;}
.application .bd ul .li4:hover{background: url(images/application-hover.png) right bottom no-repeat #fff;}
.application .bd ul .li5:hover{background: url(images/application-hover.png) right bottom no-repeat #fff;}

#boxArea-B{height: 400px; transition: all .4s; overflow:hidden; }
.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: 400px; width: 100%; overflow: hidden;}
.boxArea-B .bd .pic { position: absolute; top: 0; left: 50%; margin-left: -960px;}
.boxArea-B .bd .con { height: 400px;  margin: 100px 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: 400px; 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:134px;margin-bottom: 1px; background:rgba(0, 0, 0, 0.5);padding: 26px 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: 12px;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%;height: 237px;overflow: hidden;}
.industry .bd li .pic{width: 100%;height: 237px;overflow: hidden;display: block;}
.industry .bd li .pic img{width: 100%;transition: all 0.5s;height: 231px;}
.industry .bd li .tit{height: 47px;background-color: rgba(42, 42, 42, 0.62);display: block;left:10px;right:10px;position: absolute;bottom: 15px;font-size: 16px;line-height: 47px;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{bottom: 10px;}
.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: 0 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 .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;}

@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;}
}