*{margin: 0;padding: 0;border: 0;font-family: "siyuan";}
ul,li{list-style: none;}
a{text-decoration: none;color: white;font-size: 12px;}
img{display: block}

/*浮层*/
body>.fixed{position: fixed;width: 180px;z-index: 100;top: 65%;left: 50px;}
body>.fixed img{width: 100%;}
/*顶部*/
.header>.title{height: 118px;display: flex;justify-content: center;align-items: center;background: url(../img/img5.png) no-repeat;background-size: cover}
.header>.title .logo{width: 147px;height: 65px;margin-right: 120px}
.header>.title .sub-title{width: 378px;height: 53px;margin-right: 285px}
.header>.title li{font-size: 12px;text-align: right;margin-top: 10px;color: #595757}
.header>.title li:first-child{margin-top: 0}

.header>.navigation{background-color: #3D88DF;display: flex;justify-content: center}
.header>.navigation ul{display: flex}
.header>.navigation ul li{display: flex}
.header>.navigation ul li a{display: flex;justify-content: center;align-items: center;height: 35px;width: 118px;font-size: 14px}
.header>.navigation ul li a:hover{background-color: #5fa7ea}
.navigation .search{display: flex;align-items: center}
.navigation .search .wx{width: 28px;height: 24px;margin:0 20px}
.navigation .inp{position: relative;height: 35px;display: flex;align-items: center}
.navigation .inp input{width: 176px;height: 18px;border-radius: 20px}
.navigation .inp img{width: 13px;height: 12px;position: absolute;right: 10px;top: 50%;margin-top: -6px}

.banner .swiper-slide{overflow: hidden;display: flex;justify-content: center;align-items: center}
.banner .swiper-slide img{height: 100%;transition: all .2s linear}
.banner .swiper-slide img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)}

/*内容*/
.content{display: flex;justify-content: center}
.content>.center{width: 1222px;min-height: 200px}
/*重要通告*/
.content>.center .notice{display: flex;margin-top: 20px}
.notice>.lt{margin-right: 33px}
.notice>.rt>.hd{display: flex;align-items: center;margin-bottom: 25px;height: 52px;}
.notice>.rt .k-logo{width: 57px;min-width:57px;height: 52px;border: 2px solid #3D88DF;font-size: 19px;color: #3D88DF;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-right: 20px;}
.notice>.rt .k-logo li{text-align: center}
.notice>.rt>.hd .title{height:52px;line-height:52px;overflow: hidden;font-size: 17px;font-weight:800;color: #595757;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.notice>.rt>.hd .title a{display: block;color: #595757;font-size: 17px;}
.notice>.rt .switch-title{display: flex;margin-bottom: 11px;font-size: 18px;}
.notice>.rt .switch-title li{margin-left: 20px;color: #595757;cursor: pointer}
.notice>.rt .switch-title li:first-child{margin-left: 0}
.notice>.rt .l{width: 104px;height: 4px}
.notice>.rt .switch-cnt{margin-top: 14px;display: none}
.notice>.rt .switch-cnt:first-child{display: block}
.notice>.rt .switch-cnt li{display: flex;align-items: center;margin-top: 15px;font-size: 16px;justify-content: space-between;}
.notice>.rt .switch-cnt li:first-child{margin-top: 0}
.notice>.rt .switch-cnt li .icon{margin-right: 10px}
.notice>.rt .switch-cnt li .title{display: flex;align-items: center;color: #595757}
.notice>.rt .switch-cnt li .time{color:#A8A9A9;}

.banner2{margin-top: 10px}

.other-cnt{margin-top: 20px;display: flex}
.other-cnt>.lt{width: 50%}
.other-cnt>.rt{flex: 1}
/*标题*/
.m-title{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 20px;}
.m-title.column{flex-direction: column;align-items: flex-start}
.m-title .more{font-size: 12px;color: #595757}
.m-title .cnt{font-size: 22px;color: #595757;margin-bottom: 6px}
.m-title .l{width: 104px;height: 4px}
/*快捷通道*/
.quick{display: flex}
.quick li{flex: 1;display: flex;justify-content: center}
.quick li .btn{width: 120px;height: 120px;margin: 5px;border-radius: 50%}
/*园区视频*/
.video video{width: 100%;height: 287px}
/*产业环境*/
.industry{margin-top: 20px}
.industry .cell{display: flex;}
.industry .cell li{display: flex;position: relative;width: 483px;}
.industry .cell li:hover .title{
width: 484px;opacity: 0.8;font-size: 30px
}
.industry .cell li img{
	width: 100%;min-height: 100%;
}
.industry .cell .title{width: 166px;height: 185px;background-color: #379EDC;position: absolute;left: 0;top: 0;font-size: 24px;color: white;display: flex;align-items: center;
transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-webkit-transition: all .2s linear;}
.icon-jiantou{font-size: 25px !important}
.industry .cell .title .cnt{margin-left: 42px;display: flex;align-items: center}
.industry .cell .title .cnt span{display: block}
.industry .cell .img{width: 318px;height: 185px;overflow: hidden;justify-content: center;align-items: center;margin-left: 166px}
.industry .cell .li2{width: 579px}
.industry .cell .li2 .title{background-color: #2563AF}
.industry .cell .li2 .title .cnt{margin-left: 30px}
.industry .cell .li2 .img{width: 413px !important}
.industry .cell .li2:hover .title{width: 584px}
.industry .cell .more{background-color: #3288A1;flex: 1;display: flex;justify-content: center;align-items: center;font-size: 25px;color: white}

.industry .cell2 .title{right: 0;left: 260px;width: 149px;background-color: #54AA2B;display: flex}
.industry .cell2 .title .cnt{margin-left: initial;position: absolute;right: 15px;top: 50%;margin-top: -14px;display: flex;align-items: center}
.industry .cell2 .title .cnt span{margin-left: initial}
.industry .cell2 .img{margin-left: 0 !important;width: 260px}
.industry .cell2 li{width: 409px;position: relative}
.industry .cell2 li .cnt{margin-left: initial !important}

.industry .cell2 .li2{width: 393px}
.industry .cell2 .li2 .img{width: 242px !important}
.industry .cell2 .li2 .title{width: 156px;background-color: #57A397;left: 242px}
.industry .cell2 .li2 .title .cnt{right: 8px}
.xuan{transform: rotate(180deg)}
.industry .cell2 .icon-jiantou{margin-top: 3px}

.industry .cell2 .li3{width: 415px}
.industry .cell2 .li3 .title{width: 160px;background-color: #85AA5F}
.industry .cell2 .li3 .title .cnt{right: 10px}
.industry .cell .li3 .img{width: 261px}
.industry .cell2 li:hover .title{
width: 409px;opacity: 0.8;font-size: 30px;left:0
}
.industry .cell2 .li2:hover .title{
width: 398px;opacity: 0.8;font-size: 30px;left:0
}
.industry .cell2 .li3:hover .title{
width: 420px;opacity: 0.8;font-size: 30px;left:0
}
/*入驻企业*/
.enterprise{border: 1px solid #C6C6C6;padding: 5px 0;margin: 40px 0;display: flex;align-items: center}
.enterprise ul{display: flex;align-items: center}
.enterprise .in{width: 58px;height: 58px;background-color: #3D88DF;color: white;display: flex;justify-content: center;align-items: center;flex-direction: column}
.enterprise .in div{text-align: center;}
.enterprise ul li{margin-left: 60px}
.enterprise ul li:first-child{margin-left: 5px}
.liMarquee{margin-left: 35px;width: 1084px;overflow: hidden;height: 50px}

/*底部*/
.foot{height: 330px;background-color: #3D88DF;display: flex;justify-content: center;margin-top: 40px}
.foot .cnt{width: 1124px;height: 100px;display: flex;justify-content: space-between;margin-top: 50px}
.foot .cnt *{color: white}
.foot .cnt .lt li{font-size: 16px;margin-top: 17px;text-align: center}
.foot .cnt .lt li:first-child{margin-top: 0}
.foot .cnt .lt .t1{font-size: 18px}
.foot .cnt .lt .t2{font-size: 13px}
.foot .cnt .rt .ot{text-align: right;margin-bottom: 10px}
.foot .cnt .rt dl{display: flex;}
.foot .cnt .rt dd{display: flex;align-items: center;margin-left: 26px}
.foot .cnt .rt dd:first-child{margin-left: 0}
.foot .cnt .rt .qr{width: 105px;height: 108px}
.foot .cnt .rt .l{width: 2px;height: 108px;background-color: white}
.foot .cnt .rt li{font-size: 16px;margin-bottom: 10px}


/*快速通道开始*/
.ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 611px; }
.ch-grid:after, .ch-item:before { content: ''; display: table; }
.ch-grid:after { clear: both; }
.ch-grid li { width: 130px; height: 130px; display: inline-block; margin:0 52px 15px 0; float:left;background-image: url('./../../images/bpv/pass-base.png');background-size: 100% 100%; }
.ch-grid li.first { margin-left:32px; }

.ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; box-shadow: 10px 6px 6px rgba(0,0,0,0.1); cursor: default; }
.ch-info-wrap, 
.ch-info{ position: absolute; width: 116px; height: 116px; border-radius: 50%; }
.ch-info-wrap { top: 7px; left: 7px; background: #fff; }
.ch-info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-backface-visibility: hidden; }

.ch-info .ch-info-back {position: relative;  -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.ch-info .ch-info-front { opacity: 0; pointer-events: none; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; }
.ch-info .ch-info-back img {position:absolute;left:50%;top:50%;margin-left:-36px;margin-top:-39px;height:78px;width:72px;}
.ch-img-1 {  background: url('./../../images/bpv/pass-12.png') no-repeat; }
.ch-img-2 {  background: url('./../../images/bpv/pass-22.png') no-repeat; }
.ch-img-3 {  background: url('./../../images/bpv/pass-32.png') no-repeat; }
.ch-img-4 {  background: url('./../../images/bpv/pass-42.png') no-repeat; }
.ch-img-5 {  background: url('./../../images/bpv/pass-52.png') no-repeat; }
.ch-img-6 {  background: url('./../../images/bpv/pass-62.png') no-repeat; }
.ch-info .img-1 { background: #3193E4;}
.ch-info .img-2 { background: #8FC31F;}
.ch-info .img-3 { background: #8F82BC;}
.ch-info .img-4 { background: #F2914A;}
.ch-info .img-5 { background: #22AC38;}
.ch-info .img-6 { background: #13B5B1;}

.ch-item:hover .ch-info-back { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } 
.ch-item:hover .ch-info-front { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; }
/*快速通道结束*/