@charset "utf-8";
/* CSS Document */


body { background:#fff; font-size:16px; font-family: 'Microsoft Yahei'; color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, button, select{ font-size:16px; font-family:'Microsoft Yahei'; -webkit-appearance:none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#14a5e0; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1500px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


@font-face {
	font-family: 'SourceHanSans-Bold';
	src: url('../fonts/SourceHanSans-Bold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceHanSans-Medium';
	src: url('../fonts/SourceHanSans-Medium.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceHanSans-Regular';
	src: url('../fonts/SourceHanSans-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bzdb';
	src: url('../fonts/Bzdb.ttf');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'times';
	src: url('../fonts/TIMES.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Noto';
	src: url('../fonts/NotoSerifCJK-SemiBold.ttc');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: "iconfont"; /* Project id 3388405 */
  src: url('../fonts/iconfont.woff2?t=1652104029778') format('woff2'),
       url('../fonts/iconfont.woff?t=1652104029778') format('woff'),
       url('../fonts/iconfont.ttf?t=1652104029778') format('truetype');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/**index**/
.nav-fixed .gzHead { width:94.8%; left: 2.6%; bottom:0; top:auto;}
.nav-fixed .gzHead-nav li .subNav{ top:auto; bottom:100%;}
.nav-fixed .gzHead-srhBox{ bottom:100%; top:auto;}
.nav-fixed.show .gzHead{ top:0; width:100%; left:0; bottom:auto;}
.nav-fixed.show .gzHead-nav li .subNav{ top:100%; bottom:auto;}
.nav-fixed.show .gzHead-srhBox{ top:100%; bottom:auto;}

.gzHead{ background:#fff; width:100%; position:absolute; left:0; top:0; z-index:99; padding:0 2.6%; box-shadow:6px 0 10px rgba(190,189,189,.23); transition: all 0.8s;}
.gzHead-logo{ margin-top:24px;}
.gzHead-nav li{ float:left; text-align:center; position:relative;}
.gzHead-nav li a.far{ display:block; font-size:20px; line-height:100px; padding:0 25px;}
.gzHead-nav li.active a.far,.gzHead-nav li:hover a.far{ color:#14a5e0;}
.gzHead-nav li .subNav{background:#fff; width:100%; position:absolute; left:0; top:100%; padding:10px 0; display:none; border-top: 2px solid #14a5e0; box-shadow:2px 2px 5px rgba(0,0,0,.2);}
.gzHead-nav li .subNav a{ display:block; padding:8px 0; text-align:center;}
.gzHead-nav li .subNav a:hover{ background:#14a5e0; color:#fff;}
.gzHead-srhBtn{ background:#14a5e0; width:30px; height:30px; line-height:30px; text-align:center; font-size:24px; margin:35px 0 0 20px; color:#fff; cursor:pointer; border-radius:50%;}
.gzHead-srhBox{ background:#fff; position:absolute; top:100%; right:2.6%; padding:17px; border-radius:5px; display:none; box-shadow:0px 3px 8px 2px rgba(0, 0, 0, 0.1);}
.gzHead-srhBox .inpt{ width:297px; height:37px; line-height:35px; padding-left:19px; color:#999; float:left; font-size:14px; border:1px #ebecec solid; border-radius:5px 0 0 5px;}
.gzHead-srhBox .btn{ background:#14a5e0; width:68px; height:37px; line-height:37px; font-size:15px; text-align:center; color:#fff; float:left; cursor:pointer; border-radius:0 5px 5px 0;}


.gzIndex{  width:100vw; height:100vh; overflow:hidden;}
.gzIndex div.active .gzNews-head .title{ animation-name:fadeInUp; animation-duration:1s;}
.gzIndex div.active .gzNews-head .tabs{ animation-name:fadeInDown; animation-duration:2s;}
.gzIndex div.active .gzNews-figure{ animation-name:fadeInLeft; animation-duration:1s;}
.gzIndex div.active .gzNews-list{ animation-name:fadeInRight; animation-duration:2s;}

.gzIndex div.active .gzIndustry-inner .title{ animation-name:fadeInLeft; animation-duration:1s;}
.gzIndex div.active .gzIndustry-inner .desc{ animation-name:fadeInLeft; animation-duration:2s;}
.gzIndex div.active .gzIndustry-inner .view{ animation-name:fadeInUp; animation-duration:2s;}
.gzIndex div.active .gzIndustry-list li{ animation-name:fadeInUp; animation-duration:1s;}
.gzIndex div.active .gzIndustry-list li:nth-child(2){ animation-name:fadeInDown; animation-duration:1.5s;}
.gzIndex div.active .gzIndustry-list li:nth-child(3){ animation-duration:2s;}

.gzIndex div.active .gzBetween-head{ animation-name:fadeInUp; animation-duration:1s;}
.gzIndex div.active .gzBetween-graphic li{ animation-name:fadeInLeft; animation-duration:1s;}
.gzIndex div.active .gzBetween-graphic li:nth-child(2){ animation-duration:1.5s;}
.gzIndex div.active .gzBetween-list{animation-name:fadeInLeft; animation-duration:2s;}

.gzIndex div.active .gzAbout-left .title{ animation-name:fadeInUp; animation-duration:1s;}
.gzIndex div.active .gzAbout-left .text{ animation-name:fadeInUp; animation-duration:1.2s;}
.gzIndex div.active .gzAbout-left .data{ animation-name:fadeInUp; animation-duration:1.4s;}
.gzIndex div.active .gzAbout-left .view{ animation-name:fadeInUp; animation-duration:1.6s;}

.gzIndex div.active .gzAbout-links a{ animation-name:flipInX; animation-duration:1s;}
.gzIndex div.active .gzAbout-links a:nth-child(2){ animation-duration:1.2s;}
.gzIndex div.active .gzAbout-links a:nth-child(3){ animation-duration:1.4s;}
.gzIndex div.active .gzAbout-links a:nth-child(4){ animation-duration:1.6s;}

.gzIndex div.active .gzProject-list li{ animation-name:fadeInRight; animation-duration:1s;}
.gzIndex div.active .gzProject-list li:nth-child(2){ animation-duration:1.2s;}
.gzIndex div.active .gzProject-list li:nth-child(3){ animation-duration:1.4s;}


.gzIndex-com{ width:auto !important; left:auto !important; position:fixed; right:2.6% !important; top:50%; bottom:auto !important; transform:translateY(-50%); z-index:999;}
.gzIndex-com li{ padding:15px 0; text-align:right; font-size:0; color:#666; text-transform:uppercase; cursor:pointer; transition:all 0.6s ease;}
.gzIndex-com li i{ background:#999; width:8px; height:8px; display:inline-block; vertical-align:middle; margin-left:10px; position:relative; border-radius:50%;}
.gzIndex-com li.active{ color:#119beb; font-size:14px;}
.gzIndex-com li.active i{ background:#119beb; width:10px; height:10px;}


.gzBanner{ width:100%; height:100%; overflow:hidden; position:relative;}
.gzBanner li .pic{ background-size:cover; background-position:center; position:absolute; width:100%; height:100%; transform:scale(1.2); transition:ease 3s; top:0; left:0; z-index:9; opacity:0.4;}
.gzBanner li .word { position:absolute; bottom:18%; left:0; transform:translate(-50%,0); z-index:10; opacity:0; transition:ease 1s; }
.gzBanner li.swiper-slide-active .pic{ transform:scale(1); opacity:1;}
.gzBanner li.swiper-slide-active .word{  left:50%; opacity: 1;}
.gzBanner .swiper-button-next, .gzBanner .swiper-button-prev{ width:48px; height:48px; line-height:48px; text-align:center; top:auto; margin-bottom:auto; bottom:57px; color:#fff; border:1px #fff solid; border-radius:50%;}
.gzBanner .swiper-button-next{ right:6.25%;}
.gzBanner .swiper-button-prev{ left:auto; right:6.25%; bottom:118px;}
.gzBanner .swiper-button-next:hover, .gzBanner .swiper-button-prev:hover{ background:#fff; color:#119beb;}


.gzNews{ background:#fff; width:100%; height:100%; display:flex; align-items:center;}
.gzNews-head{ margin-bottom:4vh;}
.gzNews-head .title{ background:url(../images/gzNews-title.png) no-repeat right center; background-size:auto 100%; padding-right:187px; min-height:118px; display:flex; justify-content:center; flex-flow:column;}
.gzNews-head .title .en{ font-family: 'times'; font-size:36px; color:#dcdbdb; text-transform:uppercase; line-height:1; margin-top:8px;}
.gzNews-head .title .cn{ font-size:36px; line-height:1; color:#474747; }
.gzNews-head .tabs{ width:46%; padding-top:20px; display:flex; align-items:center; justify-content:space-between;}
.gzNews-head .tabs a{ width:20%; font-size:18px; color:#666; float:left; text-align:center; line-height:60px; border:1px #e0e0e0 solid;}
.gzNews-head .tabs a .iconfont{ font-size:27px; display:inline-block; vertical-align:top; margin-right:12px;}
.gzNews-head .tabs a.active, .gzNews-head .tabs a:hover{ background:#14a5e0; color:#fff; border-color:#14a5e0;}


.gzNews-figure{ width:49.7%; overflow:hidden; position:relative;}
.gzNews-figure li .pic{ height:376px; overflow:hidden;}
.gzNews-figure li .pic span{ background-position:top center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.gzNews-figure li .tit{ font-size:20px; margin-top:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1; text-align:center;}
.gzNews-figure li .tit span{ float:right; font-size:20px; color:#777;}
.gzNews-figure li:hover .pic span{ -webkit-transform:scale(1.05); transform:scale(1.05);}
.gzNews-figure .swiper-pagination { width:auto !important; left:20px !important; bottom:60px !important; display:flex; align-items:center; z-index:2; }
.gzNews-figure .swiper-pagination-bullet { background:#fff; opacity:0.5; }
.gzNews-figure .swiper-pagination-bullet-active { width:14px; height:14px; opacity:1; }

.gzNews-list{ width:46%;}
.gzNews-list ul{ display:none;}
.gzNews-list ul:first-child{ display:block;}
.gzNews-list li{ height:18px; overflow:hidden; margin-bottom:28px; transition:all .36s;}
.gzNews-list li .t{ line-height:1; font-size:18px; color:#474747; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gzNews-list li .t span{ float:right; color:#777;}
.gzNews-list li .c{ line-height:30px; color:#666; margin-top:20px; max-height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; }
.gzNews-list li.on{ height:auto; padding-bottom:25px; border-bottom:1px #dae3e8 solid;}
.gzNews-list li.on .t{  font-size:20px; }
.gzNews-list li.on .t span{ display:none;}
.gzNews-study{ background-image:url(../images/gzNews-gg.jpg); background-position:center; background-size:cover; font-family: 'Noto'; padding-left:9.9%; height:120px; display:flex; justify-content:center; flex-flow:column; color:#fff; text-shadow:3px 0 3px rgba(0,0,0,.19); display:none;}
.gzNews-study .cn{ font-size:36px; line-height:1; margin-bottom:10px;}
.gzNews-banner{ display:flex; justify-content:space-between; margin-top:30px;}
.gzNews-banner a{ width:48%;}


.gzIndustry{ background:url(../images/gzIndustry-bg.jpg) no-repeat bottom center #fff; background-size:100% auto; width:100%; height:100%; position:relative; display:flex; align-items:center;}
.gzIndustry .w{ display:flex; align-items:center;}
.gzIndustry-inner{ width:37.2%; padding-right:5.9%;}
.gzIndustry-inner .title .en{ font-family: 'times'; font-size:36px; color:#dcdbdb; text-transform:uppercase; line-height:1; margin-top:8px;}
.gzIndustry-inner .title .cn{ font-size:36px; line-height:1; color:#474747; }
.gzIndustry-inner .desc{ font-size:18px; line-height:36px; max-height:180px; text-indent:2em; margin-top:75px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; text-overflow:ellipsis; }
.gzIndustry-inner .view{ display:inline-block; margin-top:80px; line-height:46px; padding:0 45px; border:1px #c6c6c6 solid;}
.gzIndustry-inner .view:hover{  background:#14a5e0; border-color:#14a5e0; color:#fff;}

.gzIndustry-list{ width:62.8%; display:flex; justify-content:space-between;}
.gzIndustry-list li{ width:calc(33.33% - 15px); height:531px; overflow:hidden; float:left; position:relative; top:90px;}
.gzIndustry-list li:nth-child(2){ top:0;}
.gzIndustry-list li:before{ content:''; background:rgba(17,155,235,.8); width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; transition:all 0.4s;}
.gzIndustry-list li .li-pic{ background-position:center; background-size:cover; width:100%; height:100%;}
.gzIndustry-list li .li-word{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1; text-align:center; transition:all 0.4s;}
.gzIndustry-list li .li-word .icon{ width:53px; display:inline-block; transition:all 0.4s;}
.gzIndustry-list li .li-word .name{ font-size:24px; color:#fff; padding:20px 0; position:relative;}
.gzIndustry-list li .li-word .name:before{ content:''; background:#fff; width:54px; height:1px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.gzIndustry-list li:hover:before{ opacity:1;}



.gzBetween{ background:url(../images/gzBetween-bg.png) no-repeat center; width:100%; height:100%; display:flex; align-items:center;}
.gzBetween-head{ margin-bottom:5vh; position:relative;}
.gzBetween-head .title .en{ font-family: 'times'; font-size:36px; color:#dcdbdb; text-transform:uppercase; line-height:1; margin-top:8px;}
.gzBetween-head .title .cn{ font-size:36px; line-height:1; color:#474747; }
.gzBetween-head .view{ line-height:56px; padding:0 48px; position:absolute; right:0; bottom:0; border:1px #efefef solid;}
.gzBetween-head .view:hover{  background:#14a5e0; border-color:#14a5e0; color:#fff;}

.gzBetween-graphic{ width:64%;}
.gzBetween-graphic li{ width:48.5%; float:left;}
.gzBetween-graphic li:last-child{ float:right;}
.gzBetween-graphic li .pic{ height:310px; position:relative; overflow:hidden;}
.gzBetween-graphic li .pic > span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.6s ease;}
.gzBetween-graphic li .word{ padding:20px 0; transition:all 0.4s;}
.gzBetween-graphic li .word .t{ font-size:20px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s; }
.gzBetween-graphic li .word .c{ line-height:26px; color:#666; margin-top:13px; max-height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; transition:all 0.4s;}
.gzBetween-graphic li .word .v{ color:#26abf7; display:block; margin-top:25px; transition:all 0.4s;}
.gzBetween-graphic li:hover .word{ background:#14a5e0; padding:20px;}
.gzBetween-graphic li:hover .word .t{ color:#fff;}
.gzBetween-graphic li:hover .word .c{ color:#fff;}
.gzBetween-graphic li:hover .word .v{ color:#fff;}
.gzBetween-graphic li:hover .pic span{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.gzBetween-list{ width:31.6%; margin-top:-20px;}
.gzBetween-list li{ font-size:18px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px #d1d5d4 solid;}
.gzBetween-list li:last-child{ border-bottom:0;}



.gzAbout{ background:url(../images/gzAbout-bg.jpg) no-repeat bottom center; background-size:100% auto; width:100%; height:100%; display:flex; align-items:center;}
.gzAbout .w{display:flex; align-items:center; justify-content:space-between;}
.gzAbout-left{ width:56.6%; }
.gzAbout-left .title .en{ font-family: 'times'; font-size:36px; color:#dcdbdb; text-transform:uppercase; line-height:1; margin-top:8px;}
.gzAbout-left .title .cn{ font-size:36px; line-height:1; color:#474747; }
.gzAbout-left .text{ line-height:36px; color:#666; text-indent:2em; margin-top:45px; }
.gzAbout-left .data{ margin-top:70px;}
.gzAbout-left .data dl{ width:20%; float:left; text-align:center;}
.gzAbout-left .data dl dt{ font-size:36px; line-height:1;}
.gzAbout-left .data dl dt .unit{ font-size:14px; color:#666; margin-left:10px;}
.gzAbout-left .data dl dd{ margin-top:20px; color:#666;}
.gzAbout-left .view{ font-size:14px; color:#666; display:inline-block; margin-top:60px; line-height:46px; padding:0 50px; border:1px #bdbdbd solid;}
.gzAbout-left .view:hover{  background:#14a5e0; border-color:#14a5e0; color:#fff;}

.gzAbout-links{ width:29.6%; }
.gzAbout-links a{ width:50%; height:222px; float:left; display:flex; justify-content:center; align-items:center; flex-flow:column; flex-wrap:wrap; box-shadow:0 0 13px rgba(197,197,197,.45);}
.gzAbout-links a .icon{ font-size:43px; line-height:1; color:#999; display:inline-block; transition:all 0.7s ease;}
.gzAbout-links a .name{ font-size:18px; color:#474747; margin-top:15px;}
.gzAbout-links a:hover{ background:#14a5e0;}
.gzAbout-links a:hover .icon{ color:#fff; -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform:rotateY(360deg);}
.gzAbout-links a:hover .name{ color:#fff;}


.gzProject{ background:#fff; width:100%; height:100%; display:flex; align-items:center; padding-top:50px;}
.gzProject-list{ margin-left:-20px; position:relative; }
.gzProject-list li{ width:calc(33.33% - 20px); float:left; margin-left:20px; overflow:hidden; position:relative; display:inline-block;}
.gzProject-list li .pic{ height:395px; overflow:hidden;}
.gzProject-list li .pic span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s ease;}
.gzProject-list li .title{ font-size:18px; margin-top:20px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.6s ease; display:none;}
.gzProject-list li:hover .pic span{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}


.gzFooter{ background:url(../images/gzAbout-bg.jpg) no-repeat bottom center; background-size:100% 100%; position:relative; padding:40px 0;}
.gzFooter-logo{ width:79px; padding-top:10px;}
.gzFooter-code{ background:#666; width:101px; text-align:center; font-size:14px; color:#fff; padding:10px;}
.gzFooter-code img{ margin-bottom:10px;}
.gzFooter-code p{ text-align:center !important;}
.gzFooter-text{ width:calc(100% - 180px); font-size:14px; padding:0 69px;}
.gzFooter-text .add span{ margin-right:18px;}
.gzFooter-text .links{ padding:10px 0; line-height:22px; margin:10px 0; border-bottom:1px #333 solid; border-top:1px #333 solid;}
.gzFooter-text .links a{  margin-right:18px;}
.gzFooter-text .links a:hover{ opacity:.8;}
.gzFooter-retutnTop{ background:#119beb; width:52px; height:52px; line-height:52px; font-size:36px; color:#fff !important; text-align:center; position:absolute; top:50%; transform:translateY(-50%); right:2%; border-radius:50%;}



/**走进交投**/
.pabout-main{ background:url(../images/pabout-main.jpg) no-repeat bottom center; background-size:100% auto;}
.pabout-info{ background:url(../images/infoBg.png) no-repeat right top; background-size:94.5% auto; display:flex; align-items:center; padding-top:110px;}
.pabout-info .in-left{ width:45%;}
.pabout-info .in-left .tit{ font-size:36px; line-height:1;}
.pabout-info .in-left .ten{ font-family: 'Noto'; font-size:60px; line-height:1; color:#cdcdcd; position:relative; padding:20px 0 30px 0; text-transform:uppercase;}
.pabout-info .in-left .ten span{ color:#14a5e0;}
.pabout-info .in-left .ten:before{ content:''; background:#14a5e0; width:330px; height:1px; position:absolute; left:0; bottom:0;}
.pabout-info .in-left .tcn{ font-family: 'Noto'; font-size:48px; line-height:1; margin-top:30px; font-weight:lighter; }
.pabout-info .in-right{ width:55%; font-size:18px; line-height:46px; color:#666; text-align:justify;}

.pabout-spirit{ margin-top:150px;}
.pabout-spirit .sp-video{ width:56%;}
.pabout-spirit .sp-video video{ width:100%; height:540px; object-fit:fill; vertical-align:top;}
.pabout-spirit .sp-word{ width:38.6%;}
.pabout-spirit .sp-word .cn{ font-family: 'Noto'; font-size:48px; line-height:68px;}
.pabout-spirit .sp-word .en{ font-family: 'Noto'; line-height:36px; color:#999; text-transform:uppercase; margin-top:20px; padding-bottom:30px; position:relative;}
.pabout-spirit .sp-word .en:before{ content:''; background:#14a5e0; width:330px; height:1px; position:absolute; left:0; bottom:0;}
.pabout-spirit .sp-word .txt{ font-size:18px; line-height:46px; color:#666; text-align:justify; margin-top:25px; text-indent:2em;}
.pabout-Introd{ line-height:30px; color:#727272; margin-top:30px; text-align:justify;}


.pabout-units{ margin-top:20px;}
.pabout-units li{ background-color:#f3f3f3; width:49%; margin-top:2%; float:left; display: block; padding:20px 30px 20px 210px; position:relative; height:190px;}
.pabout-units li:nth-child(2n+2){ float:right;}
.pabout-units li .thumb{ position:absolute; left:30px; top:20px; width:150px; border-radius:75px; overflow:hidden; border:10px #fff solid; box-shadow:1px 2px 3px 0 rgb(0 0 0 / 6%);}
.pabout-units li .thumb img{  width:130px; height:130px; }
.pabout-units li .tit{ padding-top:30px; font-size:20px; font-weight:600;}
.pabout-units li .desc{ margin-top:10px; color:#888; line-height:1.4; }



/**新闻动态**/
.pbanner{ background-position:center; background-size:cover; width:100%; height:320px; position:relative; margin-top:100px;}
.pbanner-text{ width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.pbanner-text .li{ background:#fff; width:1px; height:28px; position:relative; display:inline-block;}
.pbanner-text .li:before{ content:''; background:#3ec7ff; width:100%; height:8px; position:absolute; left:0; top:0;}
.pbanner-text .cn{ font-size:36px; color:#fff; line-height:1;}
.pbanner-text .en{ font-size:24px; color:rgba(255,255,255,.2); text-transform:uppercase; line-height:1; margin-top:15px;}


.psecond{  width:100%; position:relative; z-index:1; margin:-45px 0 0; }
.psecond .w{ background:#fff;  padding:35px 30px; box-shadow:0px 0px 10px rgb(0,0,0,.25);}
.psecond-menu{ background:url(../images/home.png) no-repeat left center; padding-left:26px; }
.psecond-menu a{ padding:0 9px; line-height:22px; position:relative; display:inline-block;}
.psecond-menu a:before{ content:""; background-color:#e7e7e7; display:inline-block; width:1px; height:13px; position:absolute; right:0; top:27%;}
.psecond-menu a.active,.psecond-menu a:hover{ color:#14a5e0;}
.psecond-menu a:last-child:before{ background:none;}
.pseond-search .inpt{ width:144px; height:22px; line-height:22px; float:left; font-size:14px;}
.pseond-search .btn{ background:url(../images/icon-search.png) no-repeat center; width:22px; height:22px; display:inline-block; cursor:pointer;}


.pmain{ padding:40px 0;}
.pmain-title{ display:flex; align-items:center;}
.pmain-title .cn{ background-color:#14a5e0; min-width:110px; height:63px; line-height:63px; text-align:center; font-weight:bold; border-radius:2px; font-size:22px; color:#fff; }
.pmain-title .en{ font-size:22px; color:#666; margin:0 10px; text-transform:uppercase;}
.pmain-title .line{ background-color:#e2e2e2; flex-grow:1; height:1px;}

.pnews-first{ display:flex; margin-top:30px; padding:25px 43px 25px 30px; border-radius:4px; border-bottom:solid 2px #e2e2e2; box-shadow:0px 0px 7px 0px rgb(0,0,0,.15);}
.pnews-first .thumb{ width:41%; height:368px; position:relative; overflow:hidden; border-radius:5px;}
.pnews-first .thumb span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.6s ease;}
.pnews-first .word{ width:59%; padding:25px 0 0 3%;}
.pnews-first .word .d{ color:#d4d4d4;}
.pnews-first .word .d > span{ font-size:32px; color:#474747; margin-right:10px; display:inline-block; line-height:1;}
.pnews-first .word .t{ display:block; font-size:22px; margin-top:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.pnews-first .word .c{ margin-top:20px; height:90px; color:#707070; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; line-height:30px;}
.pnews-first .word .m{ margin-top:20px; display:block;}
.pnews-first .word .m .cn{ padding:10px 19px; display:inline-block; color:#9f9f9f; position:relative; border:solid 1px #969696; border-radius:2px; transition:all 0.4s;}
.pnews-first .word .m:hover .cn{ background:#14a5e0; color:#fff; border-color:#14a5e0;}
.pnews-first:hover .thumb span{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}

.pnews-list{ margin-top:20px;}
.pnews-list li{ padding:30px 0; border-bottom:1px solid #e2e2e2; transition:all 0.4s;}
.pnews-list li .t{ font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s; }
.pnews-list li .c{ line-height:29px; color:#6f6f6f; margin-top:10px; max-height:58px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; transition:all 0.4s;}
.pnews-list li .d{ background:url(../images/fzg_icon_time.png) no-repeat left center; padding-left:20px; margin-top:25px; color:#999; display:block; transition:all 0.4s;}

.pnews-details-head{ text-align:center;}
.pnews-details-head .de-title{ font-size:28px; font-weight:bold; padding-bottom:20px;}
.pnews-details-head .de-cont span{ color:#666; display:inline-block; padding:0 20px;}
.pnews-details-show{ line-height:30px; color:#666; margin-top:50px;}
.pnews-details-page{ padding-top:25px; margin-top:25px; border-top:1px #efefef solid;}
.pnews-details-page > a{ max-width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }



.ppage{ padding-top:45px; font-size:0; text-align:center;}
.ppage a{ background:#fff; line-height:34px; margin:0 4px; vertical-align:top; padding:0 12px; display:inline-block; font-size:14px; color:#666; border:1px solid #dbdbdb;}
.ppage .nowpage{ background:#14a5e0;  line-height:34px; margin:0 4px; vertical-align:top; padding:0 12px; display:inline-block; font-size:14px; color:#fff; border:1px solid #14a5e0; }
.ppage a:hover{ background:#14a5e0; border-color:#14a5e0; color:#fff;}



/**联系我们**/
.pcontact-inner{ margin-top:40px; display:flex; justify-content:space-between; align-items:center; }
.pcontact-inner dl{ display:flex;  align-items:center;}
.pcontact-inner dl dt{ width:62px; }
.pcontact-inner dl dd{ font-size:16px; overflow:hidden; padding:0 0 0 30px; }
.pcontact-inner dl dd img{ max-width:90px !important;}

.pmessage-filed{ padding-top:20px;}
.pmessage-filed li{ overflow:hidden; margin-top:25px; overflow:hidden;}
.pmessage-filed li .aside{ width:32%; float:left; margin-right:2%;}
.pmessage-filed li .aside:last-child{ margin-right:0;}
.pmessage-filed li .inpt{ width:100%; height:50px; padding-left:20px; color:#999; vertical-align:top; border:1px solid #e9e9e9;}
.pmessage-filed li .area{ width:100%; height:200px; padding:15px 20px; color:#999; vertical-align:top; border:1px solid #e9e9e9; resize:none;}
.pmessage-filed li .yzm-inpt{ width:180px; float:left; margin-right:15px;}
.pmessage-filed li .yzm-img{ height:50px; float:left; }
.pmessage-filed li .yzm-in{ float:left; color:#666; margin-left:20px;}
.pmessage-filed li .tjbtn{ background:#14a5e0; width:200px; height:50px; line-height:50px; color:#fff; float:left; margin-left:20px; text-align:center; cursor:pointer;}



/**加入交投**/
.pjoin-list{ margin-top:30px;}
.pjoin-list li{ padding:20px 0 20px 15px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px #e8e8e8 solid;}
.pjoin-list li:before{ content:''; background:#b9b9b9; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px;}
.pjoin-list li span{ float:right; color:#aaa;}


/**产业领域**/
.pindustries-about{ margin-top:40px;  margin-bottom:60px; overflow:hidden; }
.pindustries-about .t{ font-size:24px; font-weight:bold; display:block; padding-bottom:20px; border-bottom:1px solid #dbdbdb;}
.pindustries-about .c{ line-height:30px; color:#707070; text-align:justify; margin-top:20px;}

.pindustries-head{ padding-bottom:20px; border-bottom:1px solid #dbdbdb;}
.pindustries-head .cn{ font-size:24px; font-weight:bold;}
.pindustries-head .mo{ font-size:14px; color:#666; line-height:31px;}

.pindustries-siderBox{ margin-top:40px; position:relative; padding-bottom:50px;}
.pindustries-sider{ overflow:hidden; }
.pindustries-sider li .thumb{ height:300px; overflow:hidden;}
.pindustries-sider li .thumb span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.6s ease;}
.pindustries-sider li .name{ background: rgba(0, 0, 0, 0.5); width:100%; font-size:16px; padding:12px 4%; color:#fff; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s;}
.pindustries-sider li:hover .thumb span{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.pindustries-sider li:hover .name{ background:#14a5e0; color:#fff;}
.pindustries-sider .swiper-pagination{ bottom:8px !important}
.pindustries-sider .swiper-pagination-bullet{ background:#ccc; width:9px; height:9px; margin:0 9px !important; opacity:1; position:relative;}
.pindustries-sider .swiper-pagination-bullet-active{ background:#14a5e0;}
/*.pindustries-sider .swiper-pagination-bullet-active:before{ content:''; width:21px; height:21px; position:absolute; left:-6px; top:-6px; border:2px #14a5e0 solid; border-radius:50%; box-sizing:border-box;}*/
.pindustries-sider .swiper-button-next, .pindustries-sider .swiper-button-prev{ background-color:#fff; width:50px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#666; margin-top:-20px; border:1px #cdcdcd solid; border-radius:50%;}
.pindustries-sider .swiper-button-next{  right:-70px;}
.pindustries-sider .swiper-button-next:hover{ background:#14a5e0; border-color:#14a5e0; color:#fff;}
.pindustries-sider .swiper-button-prev{ left:-70px;}
.pindustries-sider .swiper-button-prev:hover{ background:#14a5e0; border-color:#14a5e0; color:#fff;}

.spindustries-list{ margin-left:-30px; padding-top:10px; display:flex; flex-wrap:wrap;}
.spindustries-list li{ width:calc(25% - 30px); margin:30px 0 0 30px; float:left; display:inline-block; position:relative; transition:all 0.4s; }
.spindustries-list li .thumb{ height:240px; overflow:hidden;}
.spindustries-list li .thumb span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.6s ease;}
.spindustries-list li .name{ font-size:16px; margin-top:20px; text-align:center; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.spindustries-list li:hover .thumb span{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}


.menuBtn{ background:#14a5e0; width:50px; height:100%; cursor:pointer; position:absolute; right:0; top:0; display:none; }
.menuBtn > span{ background:#fff; width:27px; height:2px; display:block; position:absolute; left:50%; top:13px; transition:all 0.4s; transform:translateX(-50%); }
.menuBtn > span:nth-child(2){ top:23px;}
.menuBtn > span:nth-child(3){ top:33px;}


.SlideView { background:url(../images/Menu-bg.jpg) no-repeat right top #fff; width:100%; height:100vh; position:fixed; left:100%; top:0; z-index:999; transition:transform .6s cubic-bezier(.16, 1, .3, 1); transition:transform .6s cubic-bezier(.16, 1, .3, 1), -webkit-transform .6s cubic-bezier(.16, 1, .3, 1); transform: translateX(0);}
.SlideView-shown { -webkit-transform:translateX(-100%)!important; transform:translateX(-100%)!important }
.SlideView .docker { background:#f7f7f5; position:absolute; left:0; width:50px; height:100%;}
.SlideView .docker-tab { position:relative; display:block; color:#333; height:100%;}
.SlideView .docker-tab .tabText { font-size:16px; z-index:2; width:16px; line-height:18px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.SlideView .docker-tab:before { content: ""; background:#efefef; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; transform:scaleY(.01); transition:transform .3s; transition:transform .3s, -webkit-transform .3s; -webkit-transform-origin:bottom; transform-origin:bottom;}
.SlideView .docker-tab:hover:before{ -webkit-transform:scaleY(1); transform:scaleY(1);}
.SlideView .close{ background:url(../images/menu-close.png) no-repeat center; background-size:15px auto; width:15px; height:15px; position:absolute; top:40px; left:50%; transform:translateX(-50%); z-index:10;}
.SlideView .asideMenu{ width:calc(100% - 50px); height:100%; margin-left:50px; padding:20px; overflow-y:auto;}
.SlideView .asideMenu a{ display:block; margin-top:20px; font-size:18px; font-weight:bold;}
.SlideView .asideMenu a .en{ font-family:'Bzdb'; font-size:12px; display:block; font-weight:normal;}


/* 分页 */
.pagination { margin: 50px 0; font-size: 0; text-align: center; }
.pagination li { display: inline-block; }
.pagination a, .pagination span { display: inline-block; margin: 0 4px; padding: 0 15px; border-radius: 4px; line-height: 40px; text-align: center; background-color: #fff; border: 1px solid #ddd; font-size: 14px; }
.pagination a:hover { color: #48a2ff; border-color: #48a2ff; }
.pagination li.active a, .pagination li.active span { background-color: #48a2ff; border-color: #48a2ff; color: #FFF; }
.pagination li.disabled a, .pagination li.disabled span { background-color: #EEE; color: #BBB; }

.pindustries-about a{color: #fff;}
.noresult{text-align:center; padding:20px 0; width: 100%;}


/**信息公开**/
.pdisclosure-main{ padding:50px 0;}
.pdisclosure-main .w{ display:flex;}
.pdisclosure-aside { background-color:#f6f6f6; width:277px; margin-right:50px; flex: none; padding-bottom:133px; height:fit-content; border:solid 1px #e9e9e9; }
.pdisclosure-aside li .title { padding:18px 0 18px 20px; position:relative; cursor:pointer; }
.pdisclosure-aside li .title::after { content:""; position:absolute; top:50%; right:20px; width:0px; height:0px; border-right:7px solid #f6f6f6; border-top:7px solid transparent; border-left:7px solid transparent; border-bottom:7px solid transparent; margin-top:-6px; }
.pdisclosure-aside li.active .title { background:#14a5e0; color:#fff; font-weight:bold; }
.pdisclosure-aside li.active .title::after { transform:rotate(270deg); }
.pdisclosure-aside li.active .title a { color:#fff; display:block; }
.pdisclosure-aside li.active .title.title-alone::after { display:none; }
.pdisclosure-aside li.active .children { display:block; }
.pdisclosure-aside li .children { display:none; }
.pdisclosure-aside li .children a { background:#fff; padding:18px 0; position:relative; display:block; padding-left:40px; transition:all 0.2s ease; }
.pdisclosure-aside li .children a.active, .pdisclosure-aside li .children a:hover, .pdisclosure-aside li .children a.chooseActive{ background:#eee; }
.pdisclosure-aside li .children a.active:before, .pdisclosure-aside li .children a:hover:before, .pdisclosure-aside li .children a.chooseActive:before{ content:''; background:#14a5e0; width:3px; height:21px; position:absolute; left:0; top:50%; transform:translateY(-50%);}

.pdisclosure-article{ flex-grow:1;}
.pdisclosure-article .pjoin-list{ margin-top:0;}
.pdisclosure-article .spindustries-list{ margin-top:-30px; padding-top:0;}
.pdisclosure-article .spindustries-list li{ width:calc(33.33% - 30px);}
.pdisclosure-about{ line-height:30px; text-align:justify;}