@charset "utf-8";
@import url("reset.css;vpn_img");
@import url("header.css;vpn_img");
@import url("footer.css;vpn_img");

.main{width: 1400px; height: auto; padding: 20px 0px 0px; margin: 0 auto; background: #FFFFFF;}
.stitle{width: 100%; height: 40px; line-height: 40px; overflow: hidden; position: relative;}
.stitle em{height: 100%; width: 596px; display: block; position: absolute; top: 0px;}
.stitle em span{width: 48px; height: 100%; display: block; background: url(zjgx_img01.png;vpn_img) no-repeat;}
.stitle em.em1{left: 0px; background: url(zjgx_img02.png;vpn_img) left center no-repeat;}
.stitle em.em1 span{background-position: right center; float: right;}
.stitle em.em2{right: 0px; background: url(zjgx_img03.png;vpn_img) right center no-repeat;}
.stitle em.em2 span{background-position: left center; float: left;}
.stitle a{width: 208px; height: 100%; color: #668dd5; font-size: 36px; font-weight: bold; text-align: center; display: block; margin: 0 auto;transition: all .5s;}
.stitle a:hover{font-size: 37px; }

/*高新概况*/
.gxgk{width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.gxgk .gxgkcon{width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.gxgk .gxqjj{ width: 715px; height: auto; overflow: hidden; float: left;}
.gxgk .gxqjj h3{padding-left: 40px; height: 48px; line-height: 40px; background: url(zjgx_img04.png;vpn_img) 40px bottom no-repeat;}
.gxgk .gxqjj h3 a{color: #668dd5; font-size: 22px; font-weight: bold;}
.gxgk .gxqjj p{width: 100%; height: auto; overflow: hidden; line-height: 36px; color: #394351; font-size: 18px; padding-top: 20px;}
.gxgk .gxqjj .more { position: relative;  display: block; text-decoration: none; text-transform: uppercase; overflow: hidden; border-radius: 40px; border: none;width: 150px;height: 40px;text-align: center;line-height: 40px;margin: 20px auto 0px;}
.gxgk .gxqjj .more span { position: relative; color: #fff;   z-index: 1;font-size: 14px;}
.gxgk .gxqjj .more .liquid { position: absolute; top: -80px; left: 0; width: 100%; height: 200px; background: #668dd5; box-shadow: inset 0 0 50px rgba(0, 0, 0, .5); transition: .5s;}
.gxgk .gxqjj .more .liquid::after{ content: ''; width: 200%; height: 200%; position: absolute; top: 0; left: 50%; transform: translate(-50%, -75%); background: #fff;}
.gxgk .gxqjj .more .liquid::before { content: ''; width: 200%; height: 200%; position: absolute; top: 0; left: 50%; transform: translate(-50%, -75%); background: #fff;}
.gxgk .gxqjj .more .liquid::before { border-radius: 35%; background: #7b9cdf;animation: animate 5s linear infinite;}
.gxgk .gxqjj .more .liquid::after { border-radius: 40%; background: #aac2f5; animation: animate 12s linear infinite;}
.gxgk .gxqjj .more:hover .liquid {top: -120px;}
@keyframes animate {
0%{transform: translate(-50%, -75%) rotate(0deg);}
100%{transform: translate(-50%, -75%) rotate(360deg);}
}
.gxgk .gxqsp{ width: 658px; height: 415px; overflow: hidden; float: right; position: relative;}
.gxgk .gxqsp video{position: relative; z-index: 10;}
.gxgk .gxqsp .spbg{ width: 552px; height: 380px; background: #ebf0fa; z-index: 1; right: 0; top: 38px; position: absolute;}
/*数说高新*/
.ssgx{width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
.ssgx .ssgxcon{width: 100%; padding: 20px 30px; height: 621px; overflow: hidden; margin-top: 20px; background: url(zjgx_img10.png;vpn_img) center top no-repeat;}
.ssgx .hds{width: 100%; height: 48px; overflow: hidden;}
.ssgx .hds ul{width: 100%; height: auto; overflow: hidden;}
.ssgx .hds ul li{width: 120px; height: 48px; line-height: 40px; float: left; padding-left: 10px;}
.ssgx .hds ul li a{color: #394351; font-size: 22px; font-weight: bold;}
.ssgx .hds ul li.on{ background: url(zjgx_img05.png;vpn_img) 10px bottom no-repeat;}
.ssgx .hds ul li.on a{color: #668dd5;}
.ssgx .bds{width: 100%; height: auto; overflow: hidden;}
.ssgx .sjfb{width: 100%; height: auto; overflow: hidden;}
.ssgx .sjfb .hd{width: 360px; height: 533px; float: right;}
.ssgx .sjfb .hd ul{width: 100%; height: auto;}
.ssgx .sjfb .hd ul li{cursor: pointer;height: 88px;line-height: 88px;border: 1px solid #adc2e9;text-align: center;position: relative;border-radius: 10px;margin-bottom: 20px;}
.ssgx .sjfb .hd ul li span{color: #394351; font-size: 18px;}
.ssgx .sjfb .hd ul li.on{ background: #668dd5; border: 1px solid #668dd5;}
.ssgx .sjfb .hd ul li.on span{color: #ffffff; font-weight: bold;}
.ssgx .sjfb .hd ul li.on em{width: 20px; height: 100%; display: block; background: url(zjgx_img06.png;vpn_img) left center no-repeat; position: absolute; left: -17px; top:0px;}
.ssgx .sjfb .bd{width: 935px; height: auto; overflow: hidden; float: left;} 
.ssgx .tjxx{width: 100%; height: auto; overflow: hidden;}
.ssgx .tjxx ul{width: 100%;height: auto;overflow: hidden;padding-top: 10px;}
.ssgx .tjxx ul li{width: 48%; float: left; height: 42px;line-height: 42px;position: relative;background: url(dian.png;vpn_img) left center no-repeat;padding-left: 15px;transition: all 0.6s;}
.ssgx .tjxx ul li.move{float: right;}
.ssgx .tjxx ul li a{width: 75%; display: block;color: #394351;font-size: 18px; float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ssgx .tjxx ul li span{text-align: right;color:#abb1ba;font-size: 16px; float: right;}
.ssgx .tjxx ul li:hover{transform: translateX(15px);}
.ssgx .tjxx ul li a:hover{color:#668dd5;}
/*宜居高新*/
.yjgx{width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
.yjgx .yjgxcon{width: 100%; height: auto; overflow: hidden; margin-top: 20px; position: relative;}
.yjgx .yjgxcon .bd{width: 1280px; height: 480px; overflow: hidden; margin: 0 auto;}
.yjgx .yjgxcon ul{width: 100%; height: auto; overflow: hidden;margin-left: 580px !important;}
.yjgx .yjgxcon ul li{width: 580px !important;height: 480px; float: left; overflow: hidden;background: #eff3fb; border-radius: 8px;position: relative;}
.yjgx .yjgxcon ul li>a {display: block;position: relative;width: 100%;height: 100%;overflow: hidden; padding: 15px;}
.yjgx .yjgxcon ul li img{width: 100%; height: 380px;}
.yjgx .yjgxcon ul li .title{display: block;width: 100%;height: auto;overflow:hidden; line-height: 26px; margin-top: 25px;}
.yjgx .yjgxcon ul li .title .bt{width: 75%; padding-left: 15px; display: block;color: #394351;font-size: 20px; float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yjgx .yjgxcon ul li .title .sj{text-align: right;color:#abb1ba;font-size: 16px; float: right; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yjgx .yjgxcon ul li.left{height: 435px;margin-top: 24px;margin-right: -227px;z-index: 7;}
.yjgx .yjgxcon ul li.left img{ height: 335px;}
.yjgx .yjgxcon ul li.right{height: 435px;margin-top: 24px;margin-left: -233px;z-index: 8;}
.yjgx .yjgxcon ul li.right img{ height: 335px;}
.yjgx .yjgxcon ul li.on{z-index: 10;}
.yjgx .yjgxcon .prev,.yjgx .yjgxcon .next{display: block; width:50px;height: 70px;cursor: pointer;background-position: center;position: absolute;top:181px;z-index: 222;}
.yjgx .yjgxcon .prev{left: 0; background: url(zjgx_img07.png;vpn_img) left center no-repeat;}
.yjgx .yjgxcon .next{right: 0; background: url(zjgx_img07.png;vpn_img) right center no-repeat;}
.yjgx .yjgxcon ul li .lis_hidden{position: absolute;width:100%!important;height: 100%!important;background: url(../images/zjgx_img08.png;vpn_img) repeat; display:none;}
.yjgx .yjgxcon ul li .lis_hidden p{color:#ffffff; display: table-cell;vertical-align: middle; padding:0px 30px;z-index: 2;line-height: 37px;max-height:74px;overflow: hidden;font-size: 16px;}
.yjgx .yjgxcon ul li .lis_hidden p>a{color:#ff0000;margin-left: 5px;font-size: 16px;line-height: 37px;}
.yjgx .yjgxcon ul li:hover .lis_hidden{display: table;}


/*图说高新*/
.tsgx{width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
.tsgx .tsgxcon{width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
.tsgx .tsgxcon ul li {float: left;width: 681px;height: 352px;position: relative;margin-right: 38px;margin-bottom: 38px;}
.tsgx .tsgxcon ul li:nth-child(2n+0) {margin-right: 0;}
.tsgx .tsgxcon ul li>a {display: block;position: relative;width: 100%;height: 100%;overflow: hidden;}
.tsgx .tsgxcon ul li img {width: 101%;height: 100%;}
.tsgx .tsgxcon ul li>a span {display: block;position: absolute;z-index: 10;width: 541px;height: 155px;top: 0;color: #fff;}
.tsgx .tsgxcon ul li .title {font-size: 20px;display: block;line-height: 60px;height: 60px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 100%; padding: 0px 5%; position: absolute;bottom:0;left: 0;text-align: center;color: #ffffff;font-weight: 400; background: url(zjgx_img09.png;vpn_img) repeat;}
.tsgx .tsgxcon ul li .lis_hidden{position: absolute;width:100%!important;height: 100%!important;background: url(../images/zjgx_img08.png;vpn_img) repeat; display:none;}
.tsgx .tsgxcon ul li .lis_hidden p{color:#ffffff; display: table-cell;vertical-align: middle; padding:0px 30px;z-index: 2;line-height: 37px;max-height:74px;overflow: hidden;font-size: 16px;}
.tsgx .tsgxcon ul li .lis_hidden p>a{color:#ff0000;margin-left: 5px;font-size: 16px;line-height: 37px;}
.tsgx .tsgxcon ul li:hover img{transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}
.tsgx .tsgxcon ul li:hover .title{color:#668dd5;}