@charset "UTF-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:14px "Microsoft YaHei"; background: #fff; -webkit-text-size-adjust:100%; color: #666;min-width: 1200px;}
a{color:#666; text-decoration:none; transition: color .34s}
em, strong, i {font-weight: normal; font-style:normal}
li{list-style:none}
h3,h4,h5 {font-weight: normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input, select, button, textarea {outline: none; font-family: "Microsoft YaHei UI Light"; border: none;}
button,input[type="submit"], input[type="button"] {cursor: pointer;}

/*统一字体样式*/
*{font-family: '微软雅黑' !important;}

.f-l { float: left;}
.f-r { float: right;}
*::-webkit-scrollbar {width: 5px; height: 1px;}
*::-webkit-scrollbar-thumb { border-radius: 5px; background: #3269ba;}
*::-webkit-scrollbar-track { border-radius: 8px; background: #fff;}
.clear {clear: both;}
.f_none {float: unset}
.w1200 {width: 1200px; margin: 0 auto;}

.imghover img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* 设置图片经过放大 */

.imghover:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */
/* 头部 */
header{ height: 135px;}
.indextop{height: 135px;position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;box-shadow: 0px 2px 8px 0px rgba(0, 0, 112, 0.2);background: #fff;}
.logo { background: url("../images/logo.png?d=1") no-repeat center left; width: 372px; height: 90px; margin-top: 28px; float: left;position: relative;}
.logo .topTitle{position: absolute;left: 230px;top: 10px;height: 24px;line-height: 24px;font-size: 15px;font-weight: bold;color: #222222;padding-left: 50px;background: url("../images/topTitle.png") no-repeat center left;overflow: hidden;}
.logo .topTitle li{white-space: nowrap;}
.h-right { margin: 18px auto 16px; height: 84px; float: right}
.h-right .info {height: 37px; line-height: 37px; overflow: hidden; text-align: right;margin-bottom: 15px;}
.h-right .info span {float: right}
.h-right .info span a {display: inline-block; padding: 0 20px; font-size: 15px; color: #666; position: relative}
.h-right .info span a:hover{color: #333;}
.h-right .info span a:after {content: ''; border-left: 1px solid #dcdcdc; height: 16px; position: absolute; right: -1px; top: 11px;}
.h-right .info span a:last-child:after {display: none}
.h-right .info form {float: right; width: 30px; height: 30px; transition: 300ms linear; border: 1px solid #e3e3e3; border-radius: 30px; overflow: hidden}
.search {float: right; width: 30px; height: 30px; background-color: #fff; font-size: 20px!important; line-height: 30px; color: #9d9d9d; text-align: center}
.h-right .info input {display: none; width: 0; float: left; transition: 300ms; font-size: 14px; height: 30px; box-sizing: border-box; line-height: 22px; padding: 4px 2px 2px 14px;}
.h-right .info form:hover {width: 180px;}
.h-right .info form:hover input {width: 150px; display: block;}
.menu { width: 100%; float: right; position: relative;}
.menu > li { box-sizing: border-box; position: relative;float: left;display: inline;margin-left: 35px;}
.menu > li > a{position: relative;display: block;line-height: 18px; font-size: 16px; color: #222;padding-bottom: 25px;z-index: 2;}
.menu > li:hover > a,.menu > li.active > a{color: #2762c1; font-weight: bold; position: relative}
.menu > li.active > a span{color: #2762c1;}
.menu > li > a:after {content: ''; background: #2762c1; width: 0; height: 3px; position: absolute; left: 50%; bottom: -10px; transition: 400ms;}
.menu > li:hover > a:after,.menu > li.active > a:after {width: 80%; left: calc(50% - 40%);}
.menu > li span{display: block;font-size: 12px;color: #777777;line-height: 12px;height: 12px;overflow: hidden;position: absolute;left: 0;bottom: 4px;}
.children {display: none; min-width: 280px; position: absolute; left: 0; top: 38px;}
.children span {display: flex}
.children a {min-width: 60px; line-height: 110px; color: #fff; white-space: nowrap; padding: 0 20px;}
.children a:hover {color: #ffb400}
.ejBox{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 40px;background: #fff;padding: 20px 0;min-width: 100%;box-sizing: border-box;display: none;box-shadow: 0px 6px 8px 0px rgba(0, 0, 112, 0.1);}
.ejBox dd{height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #333;transition: all .4s ease;-webkit-transition: all .4s ease;white-space: nowrap;}
.ejBox dd a{color: #333;display: block;transition: all .4s ease;-webkit-transition: all .4s ease;padding: 0 20px;}
.ejBox dd a:hover{color: #fff;background: #2762c1;}

.menu > li:hover .children {display: block;}
.banner {width: 100%; overflow: hidden;  position: relative; z-index: 998;padding-top: 29.6875%;}
.banner li {position: absolute; left: 0; top: 0; right: 0; bottom: 0;display: none}
.banner li:first-child{display: block}
.banner li a, .banner li img {display: block;}
.banner .pn {position: absolute; right: 0; bottom: 35px; height: 28px; width: 70px; }
.banner .pn span {width: 28px; height: 28px; border-radius: 5px; float: left; transition: all 300ms; cursor: pointer;}
.banner .pn span:last-child {float: right; transform: rotate(180deg);}
.banner .pn span:after {content: ''; width: 6px; height: 6px; position: absolute; left: 12px; top: 10px; border-top: 1px solid #fff; border-left: 1px solid #fff; transform: rotate(-45deg);}
.banner .pn span:hover {background-color: #ffb400}
.banner .dot {position: absolute; height: 30px; text-align: center; width: 220px; bottom: 28px; left: calc(50% - 120px)}
.banner .dot span {width: 12px; height: 12px; border-radius: 50%; cursor: pointer; background-color: #fff; display: inline-block; margin: 0 7px; }
.banner .dot span.curr {background-color: #ffb400}
.banner  .w1200{position: relative;}
/*----底部----*/
footer {background-color: #2b2b2b;position: relative;z-index: 3}
.footer-cont {display: flex; margin: 0 auto; box-sizing: border-box; padding: 46px 0 40px;}
.f-t {height: 54px; font: bold 20px/54px 'Microsoft Yahei'; position: relative; color: #fff;}
.f-t:after {width: 28px; border-bottom: 2px solid #fff; content: ''; position: absolute; left: 0; bottom: -3px}
.footer-logo {width: 300px; height: 278px; box-sizing: border-box;}
.footer-logo a {float: left; line-height: 30px; text-align: center; color: #bcbcbc; font-size: 14px; width: 60px; height: 72px; margin: 0 42px 20px 0}
.footer-logo a:last-child{margin-right: 0px}
.footer-logo a:before {border: 1px solid #6a6a6a; width: 42px; height: 42px; border-radius: 50%; display: block; margin: 0 auto; color: #eaeaea; line-height: 42px; text-align: center; font-size: 24px;content: "";transition: all .4s ease;-webkit-transition: all .4s ease;}
.footer-logo a:nth-child(1){color: red}
.footer-logo a:nth-child(1):before{content: "\e908";border:red 1px solid;color: red}
.footer-logo a:nth-child(2):before{background: url("../images/footericn2.png") no-repeat center;}
.footer-logo a:nth-child(3):before{background: url("../images/footericn3.png") no-repeat center;}
.footer-logo a:nth-child(4):before{background: url("../images/footericn4.png") no-repeat center;}
.footer-logo a:nth-child(5):before{content: "\e62c"; color: #fff}
.footer-logo a:hover:before{transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.footer-logo p {color: #fff; height: 190px; margin-top: 40px;}
.ft-top {width: 390px; margin-left: 155px;}
.ft-top p {color: #989898; height: 34px; overflow: hidden; line-height: 34px;}
.ft-top p.top-space {margin-top: 30px;}
.f-qrcode {width: 300px; margin-left: 110px}
.f-qrcode p {height: 122px; margin-top: 20px;}
.f-qrcode img {width: 122px; height: 122px; float: left}
.f-qrcode p span {float: left; margin-left: 10px; display: inline-block; margin-top: 74px; line-height: 24px; color: #ababab; }
.f-qrcode p i {font-size: 30px; color: #cdcdcd; display: block;}
.f-qrcode dl {width: 270px; height: 38px; display: block; margin-top: 20px; position: relative}
.f-qrcode dt {display: block; width: 270px; line-height: 38px; padding-left: 10px; box-sizing: border-box; height: 38px; cursor: pointer; color: #8b8b8b; background: #414141; position: relative}
.f-qrcode dt:after {border: 5px solid transparent; border-top-color: #939393; position: absolute; right: 15px; top: 17px; content: ''}
.f-qrcode dd {width: 270px; display: none; background: #fff; position: absolute; left: 0; bottom: 38px; height: 93px; overflow-y: scroll}
.f-qrcode dd a {display: block; padding: 0 10px; line-height: 24px; font-size: 15px; margin: 5px 0;}
.f-qrcode dd a:hover {background-color: #0b58b6; color: #fff;}
.ft-bottom {border-top: 1px solid #525252; height: 50px;text-align: center}
.ft-bottom p {width: 1200px; margin: 0 auto; line-height: 50px; color: #999}
.ft-bottom p a { color: #999}
/*---首页内容---*/
.major::after, .bux-box:after, .video-list:after, .qyyw:after, .n-con ul:after, .comment-form:after, .investor_news ul:after {clear: both; display: block; content: ''}
.index-title {display: block; margin: 26px auto 10px;}
.index-title h3 {width: 940px; margin: 0 auto; text-align: center; font: bold 36px/52px 'Microsoft YaHei UI'; color: #2762c1}
.index-title p {font: normal 16px/42px 'Microsoft YaHei UI'; color: #666}
.index-title p:after{ content: '[查看更多]'; color: #2762c1}


.h-right .oa{position: relative;display: inline-block;padding: 0 20px;}
.h-right .oa::after{content: '';border-left: 1px solid #dcdcdc;height: 16px;position: absolute;right: -1px;top: 11px;}
.h-right .oa .con{background: #fff;left: -30px;top: 50%;transform: scale(0);transition: all .4s ease;-webkit-transition: all .4s ease;position: absolute;width: 105px;height: 40px;margin-top: -19px;}
.h-right .oa .con a{padding: 0 10px;}
.h-right .oa .con a::after{display: none;}
.h-right .oa:hover .con{transform:  scale(1);}

.pic_news {width: 630px; height: 350px; overflow: hidden; position: relative; float: left;}
.pic_news ul {position: relative; width: 630px; height: 350px;}
.pic_news li, .pic_news li a {display: block; width: 630px; height: 350px; overflow: hidden;}
.pic_news li {position: absolute; left: 0; top: 0; display: none;}
.pic_news li:first-child {display: block;}
.pic_news li img { width: 630px; height: 350px; position: relative; z-index: 1}
.pic_news li .tt {position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.5); height: 40px; line-height: 40px; z-index: 5; width: 100%; box-sizing: border-box; padding: 0 12px; font-size: 16px; color: #fff}
.news_dot {position: absolute; height: 15px; width: 140px; bottom: 11px; text-align: center; z-index: 5; right: 0;line-height: 14px;}
.news_dot span {display: inline-block; width: 10px; height: 10px; margin: 0 4px; background-color: #fff; border-radius: 18px; box-sizing: border-box;}
.news_dot span.curr {background: #ffb400;}
.recommend_news {width: 540px; height: 350px; background: #fff;}
.recommend_news .tab {height: 46px; overflow: hidden;}
.recommend_news .tab li {width: 126px; height: 46px; float: left; font: bold 22px/46px 'Microsoft YaHei UI'; cursor: pointer; text-align: center;}
.recommend_news .tab li a {display: block; border-radius: 10px; background-color: #fff; color: #333;}
.recommend_news .tab li.cue a {background-color: #2762c1; color: #fff}
.recommend_news .nc {padding-top: 11px;}
.normal_ul {display: none;}
.normal_ul:first-child {display: block}
.normal_ul li {height: 42px; overflow: hidden; line-height: 42px; text-align: right; font-size: 16px; color: #777;}
.normal_ul li a {width: calc(100% - 120px); float: left; text-align: left; position: relative; font-size: 16px; color: #333; box-sizing: border-box; padding-left: 16px; transition: all 0.3s}
.normal_ul li a:before {width: 5px; height: 5px; background: #ccc; position: absolute; left: 0; top: 20px; border-radius: 5px; content: ''}
.normal_ul li a:hover {color: #1a5ba9;}
.news_velan { margin-top: 24px; margin-bottom: 32px; height: 275px;}
.vl-one {width: 360px; margin-right: 60px;}
.vl-one:last-child {margin-right: 0}
.vl-title {height: 54px; margin-bottom: 10px; display: block; border-bottom: 1px solid #d4d4d4}
.vl-title h3 {float: left; font: bold 22px/54px 'Microsoft YaHei UI'; position: relative; color: #333;}
.vl-title h3:after {width: 100%; height: 3px; background: #2762c1; position: absolute; left: 0; bottom: -3px; content: ''}
.vl-title span {float: right; line-height: 54px; color: #999; font-size: 14px; transition:300ms;}
.vl-title:hover span {color: #2762c1;}
.bus {background: url("../images/bus_bg.jpg") no-repeat center / cover; width: 100%;}

.trD{animation-delay: 0.2s;}
.bux-box {padding: 74px 0;}
.bux-box h3 {float: left; width: 277px; font: bold 36px/50px 'Microsoft YaHei UI'; color: #2762c1;}
.bux-box .des {float: right; width: calc(100% - 300px); line-height: 24px; font-size: 14px; color: #666; box-sizing: border-box; position: relative; padding-right: 320px;}
.bux-box .des a { width: 134px; height: 30px; color: #2762c1; position: absolute; right: 0; top: 10px; line-height: 30px; font-size: 14px; text-align: center; box-sizing: border-box; padding-right: 20px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.bux-box .des a:after {border: 5px solid transparent; border-left-color: #2762c1; position: absolute; right: 17px; top: 9px; content: '';transition: all .4s ease;-webkit-transition: all .4s ease;}
/* .bux-box .des a:hover{background: #2762c1;border-color: #2762c1;color: #fff;}.bux-box .des a:hover:after{border-left-color: #fff;} */
.btn-animate__around {background: transparent;color: #2762c1;}
.btn-animate__around svg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.btn-animate__around rect {fill: none;stroke: #a3bbe3;stroke-width: 3;stroke-dasharray: 422, 0;transition: all .5s linear;}
.btn-animate__around:hover svg rect {stroke-width: 5;stroke-dasharray: 15, 260;stroke-dashoffset: 48;transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);}

.bus-item {background: url("../images/bus_item_bg.jpg") no-repeat center; width: 550px; height: 250px; margin-top: 50px; box-sizing: border-box; padding: 50px;transition: all .4s ease;-webkit-transition: all .4s ease;position: relative;top: 0;}

.bus-item:hover{top: -5px;}
.bus-item h4 {font: bold 30px/34px 'Microsoft YaHei UI'; color: #fff;}
.bus-item h4:before {background: url("../images/icon_ye.png") no-repeat center; width: 61px; height: 80px; float: left; margin-right: 20px; content: '';position: relative;top: -17px;}
.bus-item h4 em {font: bold 16px/30px 'Microsoft YaHei UI'; color: #fff; opacity: 0.6; display: block}
.bus-item p {line-height: 32px; height: 64px; overflow: hidden; color: #fff; margin-top: 25px; opacity: .8; font-size: 16px; color: #fff;}
.bus-item.f-r h4:before {background-image: url("../images/icon_yan.png")}
.about {height: 630px;width: 81.25%;margin-left: auto; position: relative;}
.ab-l {position: relative; height: 630px; width: 33.33%; float: left}
.ab-l:before {content: 'ENERGY'; font: bold 120px/306px 'Microsoft YaHei UI'; color: #f6f6f6; position: absolute; left: -14; top: 20px}
.ab-l:after{content:'';display: inline-block;width: 28px;height: 22px;position: absolute;left: 0px;bottom: 100px;background: url("../images/jt_right.png");background-size: 100% 100%}
.ab-l h3 {height: 88px; font: bold 60px/88px 'Microsoft YaHei UI'; color: #111; position: absolute; left: 0; top: 157px;width: 720px;text-align:left;font-size: 72px}
.ab-l .des {line-height: 30px; color: #333; height: 120px; position: absolute; left: 0; top: 315px;width: 100%;padding-right: 100px;box-sizing: border-box;font-size: 16px}
.ab-d {position: absolute; right: 35px; bottom: 80px;width: 334px;box-sizing: border-box;padding-left: 50px}
.ab-d .f-l {width: 232px;}
.ab-d .iconfont{display: inline-block; margin-right: 30px; line-height: 24px; font-size: 14px; color: #333;text-align: center}
.ab-d .iconfont::before{width: 28px;transition: all .4s ease;-webkit-transition: all .4s ease;content: "";display: inline-block;height: 30px;}
.ab-d .icon-you {color: #3269ba; font-size: 30px; margin-bottom: 30px; display: block; line-height: 40px;}
.ab-d .index1icn1:before {background: url("../images/index1icn1.png") no-repeat center;}
.ab-d .index1icn2:before {background: url("../images/index1icn2.png") no-repeat center;}
.ab-d .iconfont:hover:before{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
.ab-d .f-r { height: 150px; overflow: hidden; line-height: 30px;padding-right: 90px;float: none;}
.ab-r {width: 66.666%; height: 630px;object-fit: cover;}
.player {position: absolute; cursor: pointer; z-index: 50; width: 100px; height: 100px; line-height: 100px; text-align: center; background-color: rgba(0,0,0,0.3); border-radius: 50%; left: calc(66.66% - 50px); top: calc(50% - 50px);    animation: xuanzhuan 15s linear infinite;-webkit-animation: xuanzhuan 15s linear infinite;}/* 旋转 */
@keyframes xuanzhuan {0%{transform: rotateZ(0)}100%{transform: rotateZ(360deg)}}-webkit-@keyframes xuanzhuan {0%{transform: rotateZ(0)}100%{transform: rotateZ(360deg)}}
.player:before {color: #fff; font-size: 40px;}
.player:hover{animation-play-state: paused;}
.gp {background: url("../images/gp_bg.jpg") no-repeat center; width: 100%; height: 640px; box-sizing: border-box; padding: 116px 0;}
.gp-box {width: 81.25%; margin-left: auto; height: 410px;}
.tab-left {width: 290px; float: left; height: 410px;}
.tab-left h3 {font: bold 36px/100px 'Microsoft YaHei UI'; position: relative; margin-top: 20px; color: #fff}
.tab-left h3:after {border-top: 3px solid #fff; width: 55px; position: absolute; left: 0; bottom: 0; content: ''}
.tab-left ul {width: 105px; margin-top: 30px;}
.tab-left li {height: 64px; line-height: 64px; cursor: pointer; color: #fff; font-size: 18px; padding-right: 30px; position: relative}
.tab-left li.curr {color: #ffb400}
.tab-left li.curr:after {border: 5px solid transparent; border-left-color: #ffb400; content: ''; position: absolute; right: 10px; top: 27px;}
.tab-con {background-color: #fff; float: right; height: 410px; width: calc(100% - 290px);position: relative;}
.report {display: none; height: 410px;}
.report:last-child {display: block}
.report ul {width: 912px; height: 410px; padding: 32px 0 32px 60px; box-sizing: border-box;}
.report li, .sc-ul li {float: left; width: 405px; border-bottom: 1px dashed #ccc; line-height: 84px;}
.report li:nth-child(even), .sc-ul li:nth-child(even) {float: right;}
.report li a, .sc-ul li a {display: block; height: 84px; font-size: 16px; transition: 300ms; overflow: hidden; padding-left: 20px; color: #333; position: relative}
.report li a:before, .sc-ul li a:before {width: 6px; height: 6px; border-radius: 6px; background-color: #ccc; position: absolute; left: 5px; top: 40px; content: ''}
.report li span, .sc-ul li span {float: right; font-size: 14px; color: #999; transition: 300ms;}
.report li a:hover, .report li a:hover span, .sc-ul li a:hover, .sc-ul li a:hover span  {color: #0b58b6}
.re-left {background: url("../images/gp_bc.jpg") no-repeat center; text-align: center; padding: 54px 40px; color: #fff; width: 310px; height: 410px; float: left; box-sizing: border-box}
.re-left h2 {height: 56px; line-height: 56px; font-size: 22px; font-weight: normal}
.re-left h1 {height: 110px; font: bold 60px/110px 'Microsoft YaHei UI';}
.re-left h1 em {font-size: 20px;}
.re-left h3 {line-height: 62px; display: flex}
.re-left h3 span {flex: 1;}
.re-left h3 span:first-child {position: relative}
.re-left h3 span:first-child:after {content: ''; border-left: 1px solid #8fb6df; height: 24px; position: absolute; right: 0; top: 20px;}
.re-left h3 em {background: #ffa45f; margin-right: 10px; transform: rotate(-90deg); font-size: 18px; line-height: 27px; display: inline-block; width: 27px; height: 27px; border-radius: 50%; color: #fff; text-align: center;}
.re-left p {height: 80px; line-height: 80px;}
.re-right {float: left}
.video {position: fixed; display: none; left: 0; top: 0; z-index: 1000; background-color: rgba(0,0,0, 0.5); width: 100vw; height: 100vh;}
.video video {width: 755px; height: 425px; position: absolute; left: calc(50vw - 378px); top: calc(50vh - 200px);}
.video span {position: absolute; right: calc(50vw - 423px); width: 30px; height: 30px; line-height: 27px; font-size: 26px; color: #fff; text-align: center; border: 2px solid #fff; border-radius: 50px; top: calc(50vh - 240px); cursor: pointer;}
/*----内页----*/
.cate-img {width: 100%; height: 550px; background: no-repeat center / cover; position: relative; }
.cate-pic {height: 118px; position: relative; top: 208px; font: bold 60px/118px 'Microsoft YaHei UI'; color: #fff}
.position { line-height: 40px; color: #333; font-size: 16px; top: -106px; position: relative; z-index: 1001}
.position a {display: inline-block; margin-right: 16px; color: #333; position: relative;}
.position a:after {content: '-'; position: absolute; right: -13px; top: 0}
.position a:last-child:after {display: none;}
.position a:hover{color: #2562bf;}
.position a:last-child{color: #2562bf;}
.cyc_content {background: #fff; position: relative;}
/*.cyc_content:before {position: absolute; left: 0; top: -196px;  content: ''; background: url("../images/sub_wrap.png") no-repeat center top; width: 100%; height: 196px}.cyc_content .w1200{position: relative;z-index: 2;}*/
.cyc_content {position: relative; z-index: 2; padding-top: 186px; margin-top: -195px;background: transparent;min-height: 500px}
.cyc_content:before {content: ''; background: url("../images/about_wrap.png") no-repeat top center ; width: 100%; height: 840px; position: absolute; left: 0; top: 0px;z-index: -1}
.menu_left { width: 184px; top: -50px; z-index: 1002;position: -webkit-sticky;position: sticky;top: 120px;float: left;}
.menu_left li {line-height: 40px; min-height: 44px; font-size: 20px;margin-bottom: 40px}
.menu_left li a {display: block; position: relative; color: #333; transition: 300ms;}
.menu_left li.active a {font: bold 30px/70px 'Microsoft Yahei'; color: #2562bf}
.menu_left li.active a:after {border: 7px solid transparent; border-left-color: #2562bf; position: absolute; right: -8px; top: 30px; content: '';}
.menu_left li.big_font a{font: bold 34px/70px 'Microsoft Yahei';}
.menu_left li a:hover {color: #0b58b6}
.content { width: 910px; margin-left: 295px; min-height: 600px;padding: 20px;margin-bottom: 50px;}
.ptmix li {height: 190px; margin-bottom: 30px; box-shadow: 0 5px 13px rgba(229,229,229, 0.8);background: rgba(255,255,255,0.6)}
.ptmix li a {display: block; height: 190px;}
.ptmix li i, .ptmix li img {float: left; width: 316px; height: 190px; overflow: hidden; transition: 300ms;}
.ptmix li:hover img, .video-list li:hover img {transform: scale(1.3);}
.ptmix .text {float: right; width: calc(100% - 316px); box-sizing: border-box; height: 190px; padding: 20px 40px;}
.ptmix .text h3 {line-height: 38px; font-size: 20px; height: 114px; overflow: hidden}
.ptmix .text span {line-height: 30px; display: block; font-size: 16px; color: #999;}
.ptmix .text em {float: right; width: 18px; height: 18px; margin-top: 3px; border-radius: 20px; background: #2662c2; position: relative}
.ptmix .text em:after {width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position: absolute; left: 5px; top: 6px; content: '';}
.detail .w1200 {display: block; width: 1136px;}
.details-top {border-bottom: 1px dashed #eee; top: 20px; margin-bottom: 50px; position: relative; z-index: 1003;}
.details-top .d-t {font: bold 34px/50px 'Microsoft Yahei'; text-align: center; color: #333; margin: 0 50px}
.details-top .attr {height: 50px; line-height: 50px; text-align: center}
#share {display: inline-block;}
.social-share .social-share-icon {width: 26px!important; height: 26px!important;; line-height: 26px!important;; font-size: 18px!important;}
.new-cont {line-height: 36px; width: 1075px; margin: 20px auto; font-size: 16px; overflow: hidden;padding: 20px 10px;}
.new-cont img {max-width: 100%; display: block; margin: 0 auto 20px;height: auto}
.new-cont > div, .new-cont > p {margin-bottom: 10px;}
.video-list li {float: left; width: 430px; height: 448px; margin-bottom: 40px; box-shadow: 0 5px 13px rgba(229,229,229,0.6);}
.video-list li:nth-child(even) {float: right;}
.video-list li i, .video-list li img {display: block; width: 430px; height: 260px; overflow: hidden; transition: 300ms;}
.video-list .text {display: block; box-sizing: border-box; padding: 20px 30px; width: 430px; height: 188px; transition: 300ms;}
.video-list .text h3 {line-height: 36px; height: 73px; overflow: hidden; font-size: 18px; margin-bottom: 20px;}
.video-list .text span {display: block; line-height: 75px; border-top: 1px solid #ededed;}
.video-list .text span:after, .n-con span:after, .investor_news li span:after, .fg-list li span:after {float: right; width: 7px; height: 7px; border-top: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; margin-top: 32px; transform: rotate(45deg); content: ''}
.video-list li:hover .text {background-color: #eee;}
.qyyw {width: 1200px; margin: 0 auto; padding: 80px 0 66px; position: relative; z-index: 1003;}
.qyyw .zx-top { font: bold 34px/80px 'Microsoft Yahei'; color: #333; position: absolute; left: 0; top: -10px;}
.text-news {width: calc(100% - 630px); height: 350px; box-sizing: border-box; padding: 17px 32px; float: right; box-shadow: 0 5px 13px rgba(229,229,229, 0.7);background: rgba(255,255,255,0.8);}
.text-news li {line-height: 32px; border-bottom: 1px solid #e6e6e6;}
.text-news li:last-child {border-bottom: none}
.text-news li a {display: block; padding: 10px 0 8px; color: #333; font-size: 16px;}
.text-news li a:before {content: attr(data-time);line-height: 28px; font-size: 14px; display: block; color: #b4b4b4}
.near_news {border-top: 1px dashed #e5e5e4; height: 76px; padding-top: 20px; margin: 20px 0;}
.near_news ul {float: left; width: calc(100% - 140px);}
.near_news li {height: 38px; line-height: 38px; color: #222;}
.near_news .return {float: right; width: 130px; height: 40px; background-color: #2761c2; text-align: center; line-height: 40px; color: #fff;}
.news_block {background-color: #f5f5f5; padding: 58px 0 78px;position: relative;z-index: 2}
.news-box {width: 1200px; margin: 0 auto}
.news-box .tab {text-align: center; height: 60px;}
.news-box .tab a {cursor: pointer; width: 246px; transition: 300ms; height: 60px; color: #333; display: inline-block; margin: 0 20px; font-size: 18px; line-height: 60px; border-radius: 60px; background: #e1e1e1}
.news-box .tab a.curr {background: #2761c2; color: #fff;}
.n-con ul {display: none; margin-top: 60px;}
.n-con ul:first-child {display: block}
.n-con li {width: 360px; height: 436px; background: #fff; box-shadow: 0 5px 13px rgba(159,159,159,0.3); float: left; margin: 0 60px 50px 0;}
.n-con li:nth-child(3n + 3) {margin-right: 0;}
.n-con li a {display: block;}
.n-con li img, .n-con li i {display: block; overflow: hidden; width: 360px; height: 216px; transition: 300ms;}
.n-con li:hover img {transform: scale(1.03)}
.n-con .text {padding: 16px 30px; width: 360px; height: 120px; box-sizing: border-box;}
.n-con h3 {height: 44px; line-height: 44px; overflow: hidden; font-size: 16px; color: #333; margin-bottom: 11px}
.n-con p {height: 52px; line-height: 26px; overflow: hidden; font-size: 14px; color: #666; margin-bottom: 23px;}
.n-con span, .investor_news li span, .fg-list li span {height: 74px; line-height: 74px; display: block; border-top: 1px solid #ededed;}
.news_more { width: 246px; height: 60px; color: #fff; display: block; margin: 0 auto; font-size: 18px; text-align: center; line-height: 60px; border-radius: 60px; background: #2761c2}
.about-theme {position: relative; z-index: 2; padding-top: 186px; margin-top: -195px;}
.about-theme:before {content: ''; background: url("../images/about_wrap.png") no-repeat top center ; width: 100%; height: 100%; position: absolute; left: 0; top: 0px;background-size: 100%}
.jianjie {position: relative; width: 1200px; margin: 100px auto 0;}
.jj-l {width: 590px; float: left; height: 160px;}
.jj-l h3 {height: 68px; font: bold 48px/68px 'Microsoft YaHei UI'; color: #333; margin-bottom: 27px;}
.jj-l h4 {height: 72px; font: bold 30px/36px 'Microsoft YaHei UI'; color: #333}
.jj-l h3 a, .jj-l h4 a { color: #333;}
.jj-r {float: right; width: calc(100% - 590px); height: 160px; overflow: hidden; line-height: 32px; font-size: 16px; color: #333}
.jj-data {clear: both; float: none; width: 100%; border-top: 1px solid #ccc; display: flex; margin-top: 96px;}
.jj-data p {flex: 1; text-align: center; padding-top: 50px; line-height: 32px; font-size: 16px; color: #666; border-right: 1px solid #ccc}
.jj-data p:last-child{border-right: none}
.jj-data p span {font: bold 60px/70px "Microsoft YaHei UI"; color: #111; display: block}
.jj-data p span i{font-weight: bold}
.jj-data p em {font-size: 20px; margin-left: 10px; line-height: 20px;}
.about_bg {padding-top: 300px; min-height: 2300px; background: url("../images/about_bg.png") no-repeat center top; overflow: hidden;}
.school_b2 {margin-top: 100px; position: relative; height: 425px;z-index: 3;}
.speech_l {background: url("../images/ld_bg.jpg") no-repeat center / 100%; box-sizing: border-box; padding: 116px 50px 70px; width: 500px; height: 760px; position: absolute; left: 0; top: 0; z-index: 3}
.speech_l ul {padding-top: 60px;}
.speech_l h3 {font: bold 48px/90px 'Microsoft YaHei UI'; color: #fff}
.speech_l h3 a, .speech_l h4 a {color: #fff}
.speech_l h4 {font: bold 30px/40px 'Microsoft YaHei UI'; color: #fff}
.speech_l ul {border-top: 1px solid #fff; margin-top: 48px;}
.speech_l li {height: 60px; width: 100%; color: #fff; padding: 0 30px; transition: 300ms; line-height: 58px; font-size: 18px; position: relative; box-sizing: border-box; border: 1px solid #6891d4; margin-bottom: 20px; cursor: pointer;}
.speech_l li:after {border: 6px solid transparent; border-left-color: #fff; position: absolute; right: 30px; top: 23px; content: ''}
.speech_l li.curr {background-color: #ffaf00; border-color: #ffaf00}
.speech_r {background-color: #f2f2f2; position: absolute; right: 0; top: 130px; height: 720px; box-sizing: border-box; padding: 60px 80px 90px 380px; width: 1000px; z-index: 2}
.sch {display: none; line-height: 36px; font-size: 18px; text-indent: 36px; padding-bottom: 110px; position: relative}
.sch:first-child {display: block}
.sch .leader_sign {width: 192px; height: 97px; background: no-repeat center / auto 100px; position: absolute; bottom: 0; right: 0}
.sch .leader_sign:before {width: 80px; border-bottom: 1px solid #333; position: absolute; left: -90px; top: 60px; content: ''}
.linian {margin-top: 115px;}
.linian_title h3 {height: 95px; font: bold 48px/95px 'Microsoft YaHei UI'; color: #000}
.linian_title h4 {height: 76px; font: bold 30px/38px 'Microsoft YaHei UI'; color: #000}
.linian_box {width: 700px; height: 370px; padding: 245px 250px 100px; position: relative}
.ll-content {width: 700px; height: 370px; box-shadow: 0 5px 12px rgba(200,200,200,0.4); background: #fff no-repeat 80px 70px / auto 30%; border-radius: 30px; box-sizing: border-box; padding: 50px 77px 57px 226px; position: relative; z-index: 5}
.ll-content span {height: 116px; font-size: 36px; line-height: 116px;}
.ll-content a { display: block; color: #2762c1; border-bottom: 1px solid #dcdcdc;}
.ll-content a em {background-color: #2762c1; float: right; margin-top: 33px; width: 48px; height: 48px; border-radius: 60%; position: relative}
.ll-content a em:after {width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position: absolute; left: 16px; top: 18px; content: ''}
.ll-content h5 {font-size: 30px; color: #333; line-height: 60px; height: 120px; overflow: hidden; margin-top: 20px;}
.linian_box .tp {width: 207px; height: 207px; z-index: 2; transition: 200ms; cursor: pointer; display: block; border-radius: 30px; background-color: #2762c1; color: #fff; line-height: 207px; text-align: center; font-size: 30px; position: absolute;transition: all .4s ease;-webkit-transition: all .4s ease;}

.linian_box .tp:hover{border-radius: 40px;}
.tp.tp1 {left: 96px; top: 96px}
.tp.tp2 {right: 94px; top: 82px; background-color: #284b94}
/*.tp.tp3 {right: 0; top: 324px; background-color: #9dabcf}*/
.tp.tp3 {left: 74px; top: 550px; background-color: #f5f5f5; color: #333;}
/*.tp.tp4 {left: 74px; top: 550px; background-color: #f5f5f5; color: #333;}*/
.tp.tp5 {right: 92px; top: 563px; background: url("../images/liniang_empty.jpg") repeat center;}
.tp.tp1.active {border-bottom-right-radius: 0; transform: translateX(-100px)}
.tp.tp2.active {border-bottom-left-radius: 0; transform: translateX(100px)}
.tp.tp3.active {border-top-left-radius: 0; transform: translateY(80px)}
.tp.tp4.active {border-top-right-radius: 0; transform: translateX(-100px)}
.tp.tp5.active {transform: translateX(-200px)}
.social {margin-top: 160px}
.social .linian_title h3, .social .linian_title h4 {color: #fff;}
.social-box {height: 416px; margin-top: 70px;}
.social-box p {float: left; height: 416px; width: 274px;}
.social-box p a {height: 196px; display: block; line-height: 48px; color: #1a53ae; font-size: 18px; text-align: center; margin-bottom: 24px; border-radius: 10px; background-color: #fff; position: relative}
.social-box p a:after {content: attr(data-year); font: bold 96px/120px 'Arial'; color: rgba(245,247,252,0.75); width: 100%; height: 120px; top: 85px; display: block; position: relative; z-index: 1;}
.social-box p span {position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 38px 0; z-index: 2; left: 0; bottom: 0}
.social-box p span:before { width: 73px; height: 75px; line-height: 75px; color: #676767; font-size: 76px; text-align: center; display: block; margin: 0 auto;}
.social-box p a.st {background-color: #2762c1; color: #fff}
.social-box p a.st:after {color: rgba(245,247,252,0.05)}
.social-box p .st span:before { color: #fff;}
.social-box .sc-ul {float: right; width: calc(100% - 314px); border-radius: 20px; height: 416px; background-color: #fff; box-sizing: border-box; padding: 65px 26px;}
.sc-ul ul {display: none}
.sc-ul ul:first-child {display: block}
.jianjie-web {position: relative; z-index: 1003;}
.jj-web { margin-top: 72px;}
.wj-l {width: 686px; float: left; margin-right: 36px; }
.wj-l img {width: 686px; height: 432px; display: block; margin-bottom: 30px;}
.wj-l p {height: 126px; line-height: 126px; display: flex; font-size: 24px; border-bottom: 1px solid #e8e8e8}
.wj-l p b {float: left; flex: 2; font-size: 60px; color: #2762c1;}
.wj-l p em {line-height: 20px; font-size: 22px; margin-left: 5px;}
.wj-l p span {font-weight: normal; flex: 1}
.wj-c {width: 100%; line-height: 32px; font-size: 16px;}
.speech_box {position: relative; z-index: 1003; width: 1200px; margin: 0 auto}
.speech_menu {height: 60px; margin-top: 40px;}
.speech_menu li {width: 180px; height: 60px; border-radius: 60px; overflow: hidden; float: left; margin-right: 30px;}
.speech_menu li a {display: block; transition:300ms; background-color: #fff; line-height: 60px; font-size: 18px; color: #666; text-align: center;}
.speech_menu li a:hover {color: #2762c1}
.speech_menu li.curr a {background-color: #2762c1; color: #fff;}
.speech_con {padding-top: 100px; position: relative; padding-bottom: 200px; line-height: 40px; color: #333; font-size: 18px; width: 100%; box-sizing: border-box; background: url("../images/speech_icon.png") no-repeat right top; padding-right: 650px;}
.speech_con .sign {height: 123px; position: absolute; left: 280px; bottom: 80px}
.speech_con .sign:before {content: '————'; float: left; margin-top: 63px;}
.speech_con .sign img {width: 196px; height: 123px; margin-left: 20px;}
.leader_con { margin-top: 60px;}
.leader_con .row {height: auto;min-height: 130px; text-align: center; margin-bottom: 20px;}
.leader_con .item {width: 260px; height: auto;min-height: 130px; display: inline-block; margin: 0 10px;background-color: rgba(39,98,193,0.1)}
.leader_con .item img {width: 160px; height: 160px; border-radius: 50%; display: block; margin: 0 auto}
.leader_con .item h3 {font: bold 22px/56px 'Microsoft YaHei UI'; text-align: center; position: relative}
.leader_con .item h3:after {width: 25px; height: 3px; content: ''; background: #2762c1; position: absolute; left: calc(50% - 13px); bottom: 0}
.leader_con .item p {line-height: 46px; font-size: 16px; color: #666; text-align: center}
.business-theme {position: relative; z-index: 1000; padding-top: 186px; margin-top: -195px; overflow: hidden;}
.business-theme:before {content: ''; background: url("../images/bus_wrap.png") no-repeat center top; width: 100%; height: 746px; position: absolute; left: 0; top: 0px}
.b-one {margin: 70px auto 98px;}
.one-left {padding-top: 105px; position: relative; width: 643px;}
.one-left:before {background: url("../images/bus_icon.png") no-repeat center; content: ''; width: 30px; height: 28px; position: absolute; top: 55px; left: 0;animation: xuanzhuan 10s linear infinite;-webkit-animation: xuanzhuan 10s linear infinite;}
.one-left h3 {font: bold 40px/62px 'Microsoft Yahei'; color: #2762c1}
.one-left h5 {font: bold 24px/36px 'Microsoft Yahei'; color: #000}
.one-left p {font-size: 15px; color: #888; line-height: 32px; margin-top: 23px; height: 128px; overflow: hidden;}
.one-right {float: right; width: 500px; height: 390px; position: relative}
.one-right:before {content: ''; background: url("../images/one.png") no-repeat center; width: 112px; height: 100px; font-size: 140px; color: #000; position: absolute; left: -51px; top: -44px;}
.one-right img {display: block; width: 500px; height: 390px;}
.two-box {background: #f6f6f6; padding-top: 100px;}
.bus-two {width: 1200px; height: 500px; margin: 0 auto; }
.bus-two img {float: left; width: 555px;height: 500px;object-fit: cover;}
.bus-two .one-left {width:645px; height: 500px; background: #fff; box-sizing: border-box; padding: 138px 86px 90px;}
.bus-two .one-left:after {content: ''; background: url("../images/two.png") no-repeat center; width: 150px; height: 100px; color: #000; position: absolute; right: -8px; top: -59px;}
.bus-two .one-left:before {left: 87px; top: 90px;}
.bus-pro { margin-top: 70px; padding-bottom: 70px;}
.bus-pro h3 {font: bold 40px/62px 'Microsoft Yahei'; text-align: center; color: #2762c1}
.bus-pro h5 {font: bold 24px/36px 'Microsoft Yahei'; text-align: center; color: #000}
.bp-box {margin-top: 50px; overflow: hidden}
.bp-box ul { height: 640px;}
.bp-box li {float: left; width: 274px; height: 298px; margin: 0 34px 20px 0}
.bp-box li:nth-child(4n+4) {margin-right: 0}
.bp-box li a {display: block; line-height: 58px; overflow: hidden; text-align: center; font-size: 18px;}
.bp-box li i, .bp-box li img {display: block; width: 274px; height: 240px; overflow: hidden; transition: 300ms;}
.bp-box li:hover img {transform: scale(1.03);}
.bus-pro p {height: 30px; text-align: center;}
.bus-pro p span {height: 12px; width: 12px; border: 1px solid #aeaeae; background-color: #fff!important; opacity: 1!important; cursor: pointer; border-radius: 10px; box-sizing: border-box; margin: 0 6px; display: inline-block;}
.bus-pro p span.curr, .bus-pro p span.swiper-pagination-bullet-active {background: #2762c1!important; border-color: #2762c1;}
.culture-theme {position: relative; height: 648px; z-index: 1000; padding-top: 186px; margin-top: -195px}
.culture-theme:before {content: ''; background: url("../images/culture_wrap.png") no-repeat center top; width: 100%; height: 836px; position: absolute; left: 0; top: 0px}
.good { margin-top: 10px; position: relative; z-index: 1003}
.good img {float: left; width: 522px; height: 522px; border-radius: 50%;}
.good .hxln {width: 533px; float: right; padding-top: 145px;}
.hxln h3 {font: bold 40px/68px 'Microsoft Yahei'; position: relative; color: #333;}
.hxln h3:before {background: url("../images/bus_icon.png") no-repeat center; width: 30px; height: 28px; content: ''; position: absolute; top: -30px; left: 0px;    animation: xuanzhuan 10s linear infinite;-webkit-animation: xuanzhuan 10s linear infinite;}
.hxln p {line-height: 32px; font-size: 16px; color: #666; margin-top: 18px; overflow: hidden; height: 160px;}
.yuanjing {background: url("../images/cur_person.jpg") no-repeat center / auto 100%; width: 100%; margin-bottom: 170px; height: 640px; box-sizing: border-box; padding-top: 490px;}
.jt-box {background: rgba(39,98,193, 0.9); box-sizing: border-box; padding: 38px 124px; height: 280px;}
.yj-l { width: 468px;}
.yj-l span {line-height: 72px; cursor: pointer; height: 72px; display: block; color: #fff; font-size: 30px; padding-left: 44px; position: relative}
.yj-l span:before {position: absolute; width: 12px; height: 12px; border: 1px solid #fff; box-sizing: border-box; border-radius: 50%; left: 10px; top: 32px; content: '';}
.yj-l span.curr {font-weight: bold;}
.yj-l span.curr:before {background: #fff;}
.yj-r {width: 100%; height: 200px; overflow: hidden;}
.yj-r p {display: none;  font-size: 21px; line-height: 40px; color: #fff;}
.yj-r p:first-child {display: block;}
.qingnian_box h3{ font: bold 36px/60px "Microsoft Yahei"; margin-bottom: 80px; color: #333; text-align: center; position: relative}
.qingnian_box h3:after {background: url("../images/bus_icon.png") no-repeat center; content: ''; width: 30px; height: 28px; position: absolute; left: calc(50% - 15px); bottom: -30px; animation: xuanzhuan 10s linear infinite;-webkit-animation: xuanzhuan 10s linear infinite;}
.qingnian_box ul {height: 308px;}
.qingnian_box li {float: left; width: 360px; height: 308px; margin-right: 60px;}
.qingnian_box li:last-child {margin-right: 0}
.qingnian_box li a {display: block}
.qingnian_box li i, .qingnian_box li img {display: block; transition: 300ms; width: 360px; height: 216px; overflow: hidden;}
.qingnian_box li:hover img {transform: scale(1.03);}
.qingnian_box li p {font-size: 18px; margin-top: 20px; padding: 0 10px; text-align: center; line-height: 30px; color: #333; height: 60px; overflow: hidden;}
.zgong {background: #f5f5f5; padding: 55px 0;}
.cur_more {width: 230px; height: 60px; font-size: 18px; text-align: center; line-height: 60px; border-radius: 60px; display: block; margin: 60px auto; color: #fff; background: #2762c1;}
/*---党建开始----*/
.top_logo {width: 100%;padding-top: 30.2083%; background: url('../images/party_header.jpg') no-repeat center / cover;}
.party-menu{width: 100%;height: 70px;background: #ba261a;}
.menuBox{width: 1320px;height: 100%;margin: 0 auto;}
.menu-ul{display: flex; justify-content: flex-start;}
.menu-ul li{ width: 180px; height: 100%; line-height: 70px;}
.menu-ul li a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 24px;color: #ffdfb3;}
.menu-ul li a.curr,.menu-ul li a:hover{background: #ae0101;}
.menu-ul li a em{display: inline-block;margin-right: 0.0431rem;}
/*.back-index{width: 0.8225rem;height: 0.2742rem; background: url("../images/home_bg.png") no-repeat center / 100%;}*/
.back-index{ background: url('../images/part_logo.jpg') no-repeat center; width: 212px; height: 70px;}
.back-index a{width: 100%;height: 100%; font-size: 22px; line-height: 70px; color: #ffdfb3; padding-left: 100px; box-sizing: border-box; }.back-index a:hover{font-weight: bold;}
/*.back-index a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #162e7c;font-weight: bold;}*/
.dj_content {width: 1320px; margin: 0 auto; padding: 48px 0 62px; background: #fff; box-sizing: border-box;}
.dj_focus {width: 60.6060%; height: 440px; float: left; position: relative}
.dj_focus ul {position: relative}
.dj_focus li {width: 100%; height: 440px; position: absolute; left: 0; top: 0; display: none;}
.dj_focus li:first-child {display: block}
.dj_focus li a {display: block; width: 100%; height: 440px;}
.dj_focus li i, .dj_focus li img {display: block; width: 100%; height: 440px; overflow: hidden; transition: all 200ms}
.dj_focus li:hover img {transform: scale(1.03);}
.dj_focus li p {width: 100%; box-sizing: border-box; height: 60px; background: rgba(0,0,0,0.4); padding: 0 0.0392rem; line-height: 60px; color: #fff; position: absolute; left: 0; bottom: 0;font-size: 20px;padding: 0 170px 0 30px;}
.dj_focus > p {height: 60px; text-align: center;  position: absolute; right: 30px; bottom: 0;line-height: 60px;}
.dj_focus > p span {display: inline-block; cursor: pointer; width: 12px; height: 12px; border-radius: 50%; background: #fff; margin: 0 6px;}
.dj_focus > p span.curr {background-color: #9d0a11}
.dj_b1 {width: 36.7424%; float: right;}
.dj_ti {display: block; height: 42px; font: bold 28px/42px 'Microsoft YaHei UI'; color: #ba261a;margin-bottom: 10px;}
.dj_ti em {font-size: 24px; color: #c5c5c5; line-height: 42px; font-family: 'Arial'; display: inline-block; margin-left: 10px;}
.dj_ti:after {content: '更多+'; float: right; color: #a40007; font: normal 14px/42px 'Microsoft YaHei UI'}
.dj_ti:hover {color: #a40007}
.dj_b1 li { width: 100%; margin-bottom: 22px;}
.dj_b1 li:last-child {margin-bottom: 0}
.dj_b1 li a { width: 100%; display: flex;}
.dj_b1 li em { line-height: 24px; color: #a30b19; font-weight: bold;text-align: center;float: left;display: inline;margin-right: 20px;}
.dj_b1 li i {height: 42px; font: bold 36px/42px 'Microsoft YaHei UI'; display: block}
.dj_b1 li p {overflow: hidden; line-height: 36px; font-size: 16px; color: #333333;height: 72px;}
.dj_b1 li p:hover{color: #a30b19;}
.jd_build {background: url("../images/build_bg.jpg") no-repeat center / auto 100%; height: 632px; box-sizing: border-box; width: 100%; padding: 36px 0}
.dj_box {width: 1320px; margin: 0 auto}
.dj_box .dj_ti, .dj_box .dj_ti:after {color: #fff;}
.dj_box .dj_ti em{color: #d6d6d6}
.dj_box ul {margin-top: 15px; height: 446px;}
.dj_box li {float: left; background: #fff; width: 31.0606%; height: 446px;}
.dj_box li:nth-child(2) {margin: 0 45px;}
.dj_box li a {display: block; height: 100%;}
.dj_box li img {display: block; width: 100%; height: 260px;}
.dj_box li span {margin: 16px 30px 0; display: block; line-height: 34px; font: bold 16px/34px 'Microsoft YaHei UI'; color: #a90f16; height: 34px;}
.dj_box li span:before {float: left; margin-top: 9px; height: 16px; width: 2px; background-color: #a40007; margin-right: 6px; content: ''}
.dj_box li h3 {margin: 0 30px; font-size: 18px; line-height: 40px; height: 40px; overflow: hidden;}
.dj_box li p {margin: 0 30px; line-height: 34px; height: 68px; overflow: hidden; color: #999;}
.jd_other {background: url("../images/dj_news_bg.jpg") no-repeat center bottom / 100%; height: 520px;}
.other_box {width: 1320px; margin: 0 auto;}
.dj_news {width: 100%;}
.dj_news .dj_ti {padding: 55px 0 30px;}
.dj_news ul {}
.dj_news li {float: left; height: 86px; width: 47.7272%; background-color: #fff; margin-bottom: 25px; box-shadow: 0 2px 10px rgba(153,153,153, 0.12)}
.dj_news li:nth-child(even) {float: right;}
.dj_news li a {display: block; text-align: right; height: 100%; font-size: 16px; color: #c79b3a; line-height: 50px; box-sizing: border-box; padding: 18px;}
.dj_news li span {float: left; width: calc(100% - 98px); height: 50px; line-height: 50px; text-align: left; overflow: hidden; color: #333}
.dj_news li span:hover{color: #a40008;}
.dj_footer {background-color: #a40008; padding-top: 63px;overflow: hidden;}
.footer_con {width: 1230px; margin: 0 auto}
.footer_con .img {background: url("../images/party_foot_logo.jpg") no-repeat center; width: 318px; height: 101px; content: ''; float: left; margin-top: 0; margin-right: 174px;}
.f_center {float: left; color: #fff;}
.f_center strong {display: block; font: bold 20px/44px "Microsoft YaHei UI"; margin-bottom: 5px;}
.f_center span {display: block; font-size: 14px; line-height: 28px;}
.right_ewm {width: 120px; float: right;}
.right_ewm img { width: 120px; height: 120px;}
.right_ewm span {text-align: center; display: block; color: #fff; font-size: 14px; line-height: 40px;}
.party_text {width: 1320px; margin: 0 auto; height: 60px; line-height: 60px; text-align: center; color: #fff; border-top: 1px solid #b63339}

.dj_detail_box {width: 1320px; margin: 0 auto; box-sizing: border-box; padding: 60px; background-color: #fff}
.details_title { border-bottom: 1px solid #e6e6e6}
.details_title h3 {line-height: 52px; font-size: 30px; color: #333; margin: 0 120px; text-align: center}
.details_title p {line-height: 32px; font-size: 14px; color: #666; text-align: center; margin: 15px 0; }
.details-cont {overflow: hidden; padding: 20px 0;}
.details-cont * {font-size: 16px!important; color: #747474;!important; line-height: 40px!important;}
.details-cont img {/*display: block;*/ max-width: 100%; height: auto;}
.page-links {margin-top: 20px;}
.page-links .row {background-color: #f4f4f4; height: 40px; padding: 10px; text-align: center;}
.page-left {height: 80px; margin-top: 30px; width: 886px; float: left}
.page-left p {height: 40px; line-height: 40px; color: #666; font-size: 15px;}
.ret {width: 130px; height: 40px; margin-top: 30px; background-color: #a40008; line-height: 40px; color: #fff; text-align: center; float: right;}
.ret:hover {color: #fff;}
.part_list {width: 1320px; margin: 50px auto 0 }
.ptl {margin-bottom: 30px; height: 200px; background-color: #fff; box-sizing: border-box; padding: 40px;}
.ptl a, .ptp a {display: block; height: 120px;}
.ptl h3 {height: 38px; line-height: 38px; margin-bottom: 15px; color: #a17b56; font-size: 20px;}
.ptl p {height: 60px; line-height: 30px; font-size: 16px; color: #888; float: left}
.ptl span {float: right; line-height: 30px; font-size: 18px; color: #a17b56; position: relative; top: -0.0392rem;}
.ptl span:after {content: '→'; position: absolute; bottom: -26px; right: 0}
.page .pagination .active span {background-color: #2562bf;color: #fff;}
.page .pagination li:hover span,.page .pagination li:hover a {background-color: #2562bf;color: #fff;}
.part_list .pagination .active span,.part_list .pagination li:hover span ,.part_list .pagination li:hover a {background-color: #a40008}
.ptp {width: 1.5666rem; float: left; margin: 0 60px 26px 0;}
.ptp:nth-child(3n + 3) {margin-right: 0}
.ptp img, .ptp i {display: block; overflow: hidden; transition: all 300ms; width: 100%; height: 1.0418rem;}
.ptp h3 {height: 0.2546rem; line-height: 0.2546rem; text-align: center; overflow: hidden;}
.ptp a:hover h3 {color: #a40008}
.ptp a:hover img, .ptl.ptc a:hover img {transform: scale(1.03)}
.ptl.ptc {height: 280px;}
.ptl.ptc i {float: left; margin-right: 20px; width: 300px; height: 200px; overflow: hidden}
.ptl.ptc a {height: 200px;}
.ptl.ptc img {display: block; width: 300px; height: 200px; transition: all 300ms;}
.tc {overflow: hidden; height: 200px; position: relative;}
.ptl.ptc p {width: 100%;}
.ptl.ptc span {float: unset; position: absolute; left: 0; bottom: 20px; top: unset; height: 26px;}
.ptl.ptc span:after {position: relative; bottom: 0; right: -10px;}
.pcenter {background: url("../images/pcenter_bg.jpg") no-repeat center / 100%; width: 100%; height: 3.6815rem; box-sizing: border-box; box-sizing: border-box; padding: 0.2742rem 50px 0}
.p_cate {float: right; height: 0.423rem;text-align: right;}
.p_cate li { display: inline-block; padding: 0.0509rem; font-size: 0.0548rem; background-color: #fff; cursor: pointer; width: 0.4073rem; height: 0.4073rem; line-height: 0.094rem; color: #333; text-align: center; border: 1px solid #ddd; box-sizing: border-box; margin-left: 20px;}
.p_cate li:before {content: ''; width: 50px; height: 50px; display: block; margin: 0 auto; background: url("../images/p1.png") no-repeat center / 60%}
.p_cate li:nth-child(2):before {background-image: url("../images/p2.png")}
.p_cate li:nth-child(3):before {background-image: url("../images/p3.png")}
.p_cate li:nth-child(4):before {background-image: url("../images/p4.png")}
.p_cate li:nth-child(5):before {background-image: url("../images/p5.png")}
.p_cate li:hover, .p_cate li.curr {background-color: #257835; color: #fff; transition: all 300ms;}
.p_cate li:hover:before, .p_cate li.curr:before {background-image: url("../images/p1_curr.png"); transition: all 300ms;}
.p_cate li:nth-child(2):hover:before, .p_cate li:nth-child(2).curr:before {background-image: url("../images/p2_curr.png")}
.p_cate li:nth-child(3):hover:before, .p_cate li:nth-child(3).curr:before {background-image: url("../images/p3_curr.png")}
.p_cate li:nth-child(4):hover:before, .p_cate li:nth-child(4).curr:before {background-image: url("../images/p4_curr.png")}
.p_cate li:nth-child(5):hover:before, .p_cate li:nth-child(5).curr:before {background-image: url("../images/p5_curr.png")}
.p_box {height: 1.9817rem; overflow: hidden; position: relative; margin-top: 0.47rem;}
.p_box ul {height: 1.6841rem; width: 11.7494rem; display: none; overflow: hidden;}
.p_box ul:first-child { display: block;}
.p_box li {float: left; width: 1.5078rem; height: 1.6841rem; margin-right: 60px; transition: all 300ms; background-color: #fff; border-radius: 0.0392rem;}
.p_box li a {display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 18px 0.0979rem; position: relative}
.p_box li h3 {font: bold 20px/0.2742rem 'Microsoft Yahei'; border-bottom: 1px solid #eee}
.p_box li h3:after {float: right; width: 40px; height: 40px; background: url("../images/p1.png") no-repeat center / 60%; position: relative; top: 0.0509rem; right: -0.0196rem; content: ''}
.p_box ul:nth-child(2) li h3:after {background-image: url("../images/p2.png")}
.p_box ul:nth-child(3) li h3:after {background-image: url("../images/p3.png")}
.p_box ul:nth-child(4) li h3:after {background-image: url("../images/p4.png")}
.p_box ul:nth-child(5) li h3:after {background-image: url("../images/p5.png")}
.p_box li p {color: #888; width: 1.312rem; line-height: 30px; height: 0.3525rem; overflow: hidden; float: left;}
.p_box li img {float: right; width: 1.312rem; height: 0.7637rem;}
.p_box li a:after {width: 40px; height: 40px; border-radius: 50px; box-sizing: border-box; border: 1px solid #ddd; content: ''; position: absolute; left: 0.0979rem; bottom: 0.0979rem}
.p_box li a:before {width: 0.0274rem; height: 0.0274rem; border-top: 1px solid #ddd; border-right: 1px solid #ddd; transform: rotate(45deg); content: ''; position: absolute; left: 0.141rem; bottom: 38px;}
.p_box li.curr {width: 2.389rem; background: linear-gradient(to right, #7cddc2, #46a0c1);}
.p_box:after {width: 100%; height: 0.0235rem; background-color: #c5c5c5; border-radius: 0.0196rem; content: ''; z-index: 2; position: absolute; left: 0; bottom: 0.0548rem}
.pr_or {width: 0.3916rem; height: 0.0235rem; position: absolute; left: 0; bottom: 0.0548rem; border-radius: 0.0196rem; background-color: #257835; z-index: 3;}
.pr_or em {width: 0.141rem; height: 0.141rem; cursor: pointer; background-color: #257835; border-radius: 50%; position: absolute; left: calc(50% - 18px); bottom: -0.0509rem; z-index: 4}
.pr_or em:after, .pr_or em:before {width: 0.0235rem; height: 0.0235rem; position: absolute; top: 0.0587rem; border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg); content: '';}
.pr_or em:before {left: 15px; transform: rotate(225deg)}
.pr_or em:after {right: 15px}
.p-more {width: 0.5875rem; height: 52px; margin: 40px auto 0; display: block; border-radius: 40px; text-align: center; font-size: 16px; color: #257835; background-color: #fff; line-height: 52px;}

.djpicBg{background: #f8f8f8;padding: 10px 0 60px;}
.djpic{width: 1200px;margin: 0 auto 20px;overflow: hidden;}
.djpic::before{padding-top: 91.666%;}
.djpic1{margin-top: 50px;}
.djSjMenu{padding: 50px 0 0 0;text-align: center;width: 1180px;margin: 0px auto}
.djSjMenu a{display: inline-block;width: 200px;height: 64px;line-height: 64px;border-radius: 30px;background: #dddddd;font-size: 22px;color: #666666;text-align: center;transition: all .4s ease;margin: 20px 45px;}
.djSjMenu a.hover,.djSjMenu a:hover{background: #9a150a;color: #fff;}

.newparty_list{width: 1200px;margin: 50px auto 0;}
.newparty_list .item{margin-bottom: 30px;padding-top: 50px;position: relative;}
.newparty_list .item .pic{position: absolute;left: 0;top: 0;width: 630px;z-index: 2;overflow: hidden;}
.newparty_list .item .pic::before{padding-top: 60.3174%;display: block;content: "";}
.newparty_list .item .pic img{display: block;content: "";width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;position: absolute;}
.newparty_list .item .text{margin-left: 50px;background: #eeeeee;border-radius: 10px;padding: 60px 50px 0 630px;height: 360px;box-sizing: border-box;}
.newparty_list .item .text .title{font-size: 19px;font-weight: bold;color: #333333;height: 21px;line-height: 21px;margin-bottom: 30px;overflow: hidden;}
.newparty_list .item .text .title a{color: #333;transition: all .4s ease;}
.newparty_list .item .text .info{font-size: 15px;line-height: 28px;color: #666666;height: 84px;overflow: hidden;margin-bottom: 55px;}
.newparty_list .item .text .btn{width: 150px;height: 50px;line-height: 50px;border-radius: 30px;display: block;background: #ba261a;color: #fff;text-align: center;font-size: 16px;transition: all .4s ease;}
.newparty_list .item .text .title a:hover{color: #ba261a;}
.newparty_list .item .text .btn:hover{opacity: 0.6;}

/*---党建结束---*/
.pagination {height: 34px; text-align: center; margin: 50px auto 78px;}
.pagination li {display: inline-block; margin: 0 3px;}
.pagination a, .pagination span {display: block; background-color: #fff; line-height: 32px; padding: 0 15px;}
.pagination li.active span {background-color: #0d7335; color: #fff;}
.develop_box {position: relative; z-index: 1003; min-height: 500px;}
.year_line {height: 80px; margin-top: 70px; position: relative; border-bottom: 1px solid #d8dee1;}
.scroll-box {width: 1320px; height: 90px; margin: 0 auto; overflow: hidden; position: relative}
.year_line ul {position: absolute; height: 80px; left: 0; top: 0;}
.year_line li {float: left; cursor: pointer; width: 440px; text-align: center; font: bold 54px/65px 'Arial'; color: #8a9096; font-style: oblique; position: relative; transition: 300ms 300ms;}
.year_line li:before {border: 5px solid #c8d3da; background: #fff; transition: 300ms 300ms; border-radius: 50%; box-sizing: border-box; height: 16px; width: 16px; position: absolute; left: calc(50% - 8px); bottom: -24px; content: ''}
.year_line li.swiper-slide-active { color: #2762c1}
.year_line li:after {content: '/ 年'; opacity: 0; display: none; transition: 300ms 300ms; margin-left: 20px; font: normal normal 16px/30px "Microsoft YaHei UI";}
.year_line li.swiper-slide-active:after {opacity: 1; color: #2762c1; display: inline-block;}
.year_line li.swiper-slide-active:before {border-color: #0b58b6}
.year_month {width: 1200px; margin: 0 auto;}
.ym-box {display: none; width: 1000px; margin-top: 10px;}
.ym-box:nth-child(2) {display: block}
.ym-box .month {display: flex; justify-content: space-between; margin-bottom: 40px;width: 1000px}
.month > span {width: 187px; font: bold 22px/38px 'Microsoft YaHei UI'; color: #111; position: relative;}
.month > span:after {width: 100px; border-bottom: 1px solid #aaa; content: ''; position: absolute; right: 0; top: 20px;}
.month > .m-des {width: calc(100% - 217px); font-size: 16px; color: #333; line-height: 34px;}
.month > .m-des img {max-width: 630px; height: auto; margin-top: 20px; display: block;}
.dev-action {width: 1200px; margin: 0 auto; position: relative; height: 60px;}
.dev-action span {width: 56px; height: 56px; border-radius: 50%; transition: 300ms; background: #ccc; cursor: pointer; position: absolute; top: 60px;}
.dev-action span:after {border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); width: 13px; height: 13px; position: absolute; left: 20px; top: 21px; content: ''}
.dev-action span.prev {right: 108px !important; transform: rotate(180deg);left: auto}
.dev-action span.next {right: 20px !important;}
.dev-action span:hover {background-color: #0b58b6}
.connect {width: 1200px; margin: 0 auto; float: none; padding-top: 60px}
.one-left.connect:before { top: 15px;}
.connect_box {margin-top: 40px; display: flex}
.connect_box dl {flex: 2}
.connect_box dl:first-child {flex: 1}
.connect_box dt {height: 70px; font: bold 20px/70px "Microsoft YaHei UI"; color: #111; margin-bottom: 20px; width: 372px; border-bottom: 1px solid #eee}
.connect_box dd {line-height: 40px; color: #333; font-size: 16px;}
.connect_box dd:before {font-size: 25px; float: left; margin-right: 10px;}
#allmap {width: 100%; height: 600px; margin: 60px 0 40px;}
.comment-wrap {background: #f7f7f7 url("../images/comment_bg.jpg") no-repeat left bottom; padding: 36px 0 100px;}
.comment h3 {height: 102px; line-height: 102px; font-size: 36px; color: #000;}
.comment p {height: 64px; line-height: 32px; font-size: 16px; color: #666;}
.comment-form {margin-top: 55px;}
.form-l {width: 590px; float: left}
.form-item {height: 60px; display: flex; justify-content: space-between; background: #fff; width: 100%; margin-bottom: 10px; box-sizing: border-box; padding: 10px 15px;}
.form-item span {width: 90px; text-align: right; line-height: 40px; font-size: 16px; color: #888;}
.form-item input {width: calc(100% - 90px); height: 40px; border: none; line-height: 40px; font-size: 16px;}
.form-item dl {width: calc(100% - 90px); height: 40px; position: relative}
.form-item dt {height: 40px; width: 100%; box-sizing: border-box; cursor: pointer; position: relative; padding-right: 60px; text-align: right; line-height: 40px;}
.form-item dt:after {border: 6px solid transparent; border-top-color: #333; position: absolute; top: 18px; right: 23px; content: ''}
.form-item dd {display: none; width: 120px; height: 70px; position: absolute; bottom: 60px; right: 30px; background: #fff; box-shadow: 0 5px 13px rgba(220,220,220,0.6)}
.form-item dd:after {border: 6px solid transparent; border-top-color: #fff; content: ''; position: absolute; left: 60px; bottom: -12px;}
.form-item dd em {line-height: 30px; text-align: center; display: block; font-size: 14px; cursor: pointer;}
.form-item dd em:hover {background: #0b58b6; color: #fff;}
.form-r {width: 590px; float: right}
.form-r textarea {width: 100%; resize: none; height: 200px; margin-bottom: 10px; border: none; line-height: 28px; font-size: 16px; box-sizing: border-box; padding: 10px;}
.form-r button {width: 100%; height: 60px; line-height: 60px; color: #fff; text-align: center; background: #0b58b6; font-size: 16px;}
.form-r .form-item input {width: calc(100% - 210px);}
.form-r .form-item img {width: 130px; cursor: pointer;}
.investor_news {display: block; width: 1200px; margin: 0 auto;}
.investor_news h3 {height: 80px; margin-bottom: 20px;}
.investor_news h3 span {font: bold 40px/80px 'Microsoft YaHei UI'; color: #000; margin: 0 20px;}
.investor_news h3 a {font-size: 24px; color: #000; display: inline-block; margin: 0 20px;}
.investor_news h3 a.curr {color: #2762c1;}

.fg-list:after{display: block;clear: both;content: "";}
.investor_news li, .fg-list li {float: left; width: 360px; height: 190px; transition: 300ms; background-color: #fff; margin: 0 60px 40px 0; box-shadow: 0 5px 13px rgba(222,222,222, 0.6)}
.investor_news li:nth-child(3n + 3) {margin-right: 0}
.investor_news li a, .fg-list li a {display: block; font-size: 18px; padding: 23px 29px 0; transition: 300ms;}
.investor_news li p, .fg-list li p { line-height: 36px; height: 72px; overflow: hidden;}
.investor_news li span, .fg-list li span {display: block; margin-top: 20px;}
.investor_news li:hover, .fg-list li:hover {background-color: #0b58b6}
.investor_news li:hover a, .fg-list li:hover a {color: #fff}
.investor_gp {background: url("../images/investor_bg.jpg") no-repeat center / cover; width: 100%; margin-top: 74px; padding: 68px 0 80px; box-sizing: border-box;}
.ig-box > h3, .investor_pt h3 {height: 64px; padding-bottom: 34px; font: bold 36px/64px 'Microsoft YaHei UI'; text-align: center; position: relative; color: #fff;}
.ig-box > h3:after, .investor_pt h3:after {background: url("../images/bus_icon.png") no-repeat center; width: 30px; height: 28px; position: absolute; left: calc(50% - 15px); bottom: -10px; content: '';animation: xuanzhuan 10s linear infinite;-webkit-animation: xuanzhuan 10s linear infinite;}
.ig-con {height: 364px; display: flex; margin-top: 70px;}
/* 旋转 */@keyframes xuanzhuan {0%{transform: rotateZ(0)}100%{transform: rotateZ(360deg)}}-webkit-@keyframes xuanzhuan {0%{transform: rotateZ(0)}100%{transform: rotateZ(360deg)}}
.ig-left {width: 600px; background-color: #fff; overflow: hidden; height: 360px;}
.ig-con .re-left {width: 600px; background-color: rgba(20,55,111,0.5); box-sizing: border-box; height: 360px; background-image: none; padding: 54px 138px;}
.ig-con .re-left h1 {color: #ea9374}
.ig-con .re-left span {color: #ea9374; font-size: 38px;}
.ig-con .re-left h3 em {margin-top: 0; background-color: #ea9374; position: relative; top: -6px}
.investor_pt {background-color: #f5f5f5; padding: 60px 0 95px;}
.investor_pt h3 {color: #000;}
.pt-box {height: 320px; margin-top: 40px;}
.pt-box img {width: 480px; height: 320px; float: left}
.pt-right {width: calc(100% - 480px); float: right; height: 320px; background-color: #fff; box-shadow: 0 5px 13px rgba(100,100, 100, 0.26); padding: 23px 50px; box-sizing: border-box;}
.pt-right h4 {font: bold 24px/68px 'Microsoft YaHei UI'; color: #333;}
.pt-right p {font: normal 16px/34px 'Microsoft YaHei UI'; color: #888; height: 68px; overflow: hidden; margin-bottom: 60px;}
.pt-right .news_more {margin: 0; width: 148px; height: 44px; line-height: 44px;}
.ztzl li {height: 380px; margin-bottom: 62px; position: relative}
.ztzl li a {display: block;}
.ztzl li i, .ztzl li img {display: block; width: 630px; height: 380px; overflow: hidden; transition: 300ms;}
.ztzl li i {position: relative; z-index: 2; background: #fff;}
.ztzl li .text {background: #eee; z-index: 1; transition: 300ms; width: 850px; height: 360px; border-radius: 20px; position: absolute; right: 0; top: 50px; box-sizing: border-box; padding: 30px 30px 30px 610px;}
.ztzl li h3 {font: bold 19px/30px 'Microsoft Yahei'; height: 90px; transition: 300ms; overflow: hidden; color: #333;}
.ztzl li p {line-height: 28px; font-size: 15px; margin-top: 10px; transition: 300ms; display: block; color: #666;}
.ztzl li:hover .text {background-color: #0b58b6;}
.ztzl li:hover h3, .ztzl li:hover p {color: #fff;}
.ztzl li:hover i {transform: scale(1.03);}
.fg-list li {width: 430px; margin-right: 50px;}
.fg-list li:nth-child(2n + 1) {margin-right: 0}
.products {width: 1200px; margin: 40px auto 0;}
.selection {display: flex; flex-wrap: wrap}
.selection dl {border-radius: 7px; border: 1px solid #ddd; width: 320px; height: 58px; z-index: 99; box-sizing: border-box; margin-right: 15px; position: relative;}
.selection dt {cursor: pointer; padding: 10px 20px; height: 56px; box-sizing: border-box; border-radius: 7px; background: #fff; font-size: 16px; line-height: 36px; position: relative}
.selection dt:after {border-bottom: 1px solid #8c8c8c; border-right: 1px solid #8c8c8c; width: 6px; height: 6px; transform: rotate(45deg); content: ''; position: absolute; right: 25px; top: 23px;}
.selection dl:nth-child(3) {margin-right: 0}
.selection dd {display: none; border: 1px solid #ddd; width: 316px; min-height: 120px;height: auto;max-height: 300px; position: absolute; top: 64px; right: 0px; z-index: 100; background: #fff;}
.selection dd em {overflow-y: auto; width: 100%; height: 100%; display: block;}
.selection dd span {display: block; line-height: 30px; cursor: pointer; padding: 0 20px; margin-top: 5px; font-size: 16px;}
.selection dd span:hover {background: #0b58b6; color: #fff;}
.selection dd:before {border-top: 1px solid #ddd; border-left: 1px solid #ddd; transform: rotate(45deg); content: ''; position: absolute; left: 140px; top: -5px; width: 7px; height: 7px; background: #fff;}
.selection input {border-radius: 7px; border: 1px solid #ddd; width: 100%; box-sizing: border-box; height: 58px; padding: 10px; line-height: 36px; font-size: 16px;}
.seachBtn{width: 100px;height: 58px;line-height: 58px;color: #fff;font-size: 25px !important;text-align: center;background: #2762c1;border-radius: 7px;float: right;display: inline;cursor: pointer;}
.pro-box {margin-top: 60px;}
.pro-box:after {clear: both; content: ''; display: block;}
.pro-box li {float: left; width: 380px; height: 380px; overflow: hidden; margin: 0 30px 40px 0; border-radius: 10px;}
.pro-box li:nth-child(3n + 3) {margin-right: 0}
.pro-box li a {display: block; background: #f2f2f2; box-sizing: border-box; padding: 20px 0 0; transition: 300ms;}
.pro-box li i, .pro-box li img {width: 340px; height: 300px; display: block; margin: 0 auto}
.pro-box li p {height: 62px; line-height: 62px; font-size: 18px; color: #111; text-align: center; transition: 300ms;}
.pro-box li a:hover {background: #0b58b6;}
.pro-box li a:hover p {color: #fff;}
.product_detail {background: url("../images/pro_detail.jpg") no-repeat center top; padding: 10px 0 60px; width: 100%; height: 712px}
.detail-box {background: #fff; box-sizing: border-box; padding: 60px; margin-top: 8px; box-shadow: 0 5px 15px rgba(191,191,191,0.4); justify-content: space-between; display: flex; border-radius: 10px;}
.pd-left {width: 480px;}
.pd-left h3 {font: bold 36px/62px 'Microsoft Yahei'; color: #333;}
.pd-left h4 {font: bold 24px/48px 'Microsoft Yahei'; color: #a12025}
.pd-left p {font-size: 18px; color: #333; line-height: 40px; padding-top: 22px; margin: 20px 0 15px; border-top: 1px solid #f0f0f0; min-height: 80px; overflow: hidden;}
.pd-left h5, .pd-left h6 {display: block; font: bold 30px/40px 'Microsoft Yahei'; color: #333;}
.pd-left h6 {color: #a12025}
.detail-box img {width: 558px; height: 494px; display: block;}
.goshop {width: 230px; height: 60px; margin-top: 40px; border-radius: 60px; background: #d00012; color: #fff; font-size: 18px; display: block; line-height: 53px; text-align: center;}
.goshop:before { display: inline-block; margin-right: 13px; font-size: 24px; position: relative; top: 3px;}
.product_detail .position {top: 0; margin: 35px auto 10px;}
.nothing {height: 200px; text-align: center; padding: 200px 0;}
.nothing span {display: block; font: bold 140px/200px 'Microsoft YaHei UI'; color: #f0f0f0}
.iv-c ul {display: none}
.iv-c ul:first-child {display: block}
.search-list li {height: 110px; margin-bottom: 10px; font-size: 16px; border-bottom: 1px dashed #eee;}
.search-list li a {display: block; padding: 10px 0;}
.search-list h3 {line-height: 40px; color: #333}
.search-list h3 span {float: right; color: #666; font-weight: normal; font-size: 14px;}
.search-list p {line-height: 24px; font-size: 14px; height: 48px; overflow: hidden; color: #999;}
.search-list em {color: #f00}
.floatBox{width: 106px; height: 110px;  position: absolute; right: 104px; bottom: 0;z-index: 2; box-sizing: border-box;display: block !important;transition: all .4s ease;}
.floatBox .float_email {display: block;height: 100%;font-size: 14px;color: #ffffff;line-height: 17px;text-align: center; box-sizing: border-box;padding: 35px 0 0 30px;background: url("../images/youxiang.png") no-repeat center;}
.floatBox:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);}

.footer-logo .float_email {display: inline-block;line-height: 40px; text-align: center; color: #e50013; cursor: pointer;float: left;position: relative;top: -20px;margin-right: 40px;}
.footer-logo .float_email:before {width: 60px; height: 60px;line-height: 60px; border-radius: 50%; display: block; border: 1px solid #e50013; margin: 20px auto 0; font-size: 32px; color: #e50013}

@media (max-width: 1900px) {
	.ab-l:before{font: bold 155px/306px 'Microsoft YaHei UI'}
}
@media (max-width: 1700px) {
	.ab-l:before{font: bold 135px/306px 'Microsoft YaHei UI'}
}
@media (max-width: 1650px) {
	.about{width: 90.25%;}
}
@media (max-width: 1500px) {
	.ab-l{width: 58.1794%;}
	.ab-r{width: calc(100% - 58.1794%);}
	.player{ left: calc(50% - -61px);}
	.gp-box{width: 91.25%;}
}
@media (max-width: 1440px) {
	.ab-l:before{font: bold 115px/306px 'Microsoft YaHei UI'}
}
@media (max-width: 1366px){
	.gp-box {width: 95.25%;}
	
	
}
.menuBox{width: 1200px;}
.dj_content{width: 1200px;}
.dj_box{width: 1200px;}
.other_box{width: 1200px;}
.part_list{width: 1200px;}
.dj_detail_box{width: 1200px;}
.dj_box li:nth-child(2) {margin: 0 40px;}


.f-qrcode .f-qrcode-box a{display: inline-block;display: inline-block;width: 50px;height: auto;float: left;position: relative;margin-left: 20px;text-align: center;font-size: 10px}
.f-qrcode .f-qrcode-box a p{width: 42px;height: 42px;background-color: #555555;border-radius: 42px;display: inline-block}
.f-qrcode .f-qrcode-box p img{width: 100%;height: 100%;z-index: 999}
.f-qrcode .f-qrcode-box a > img{display: none;width: 240px;height: auto;position: absolute;bottom: 100px;left: -99px}
.f-qrcode .f-qrcode-box:after{content: '';display: block;clear: both}

/*首页举报弹窗*/
.show_report{width: 100%;height:100%;position: fixed;z-index: 99999;position: fixed;left: 0px;top: 0px;display: none}
/*.show_report .bg_box{content: '';display: inline-block;width: 100%;height: 100%;background-color: #000;opacity: 0.5;position: absolute;left: 0px;top: 0px}*/
.show_report .data_box{width: 660px;height: auto;padding: 0px;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;text-align: center}
.show_report img{width: 100%;height: auto;box-shadow: 0px 0px 15px rgba(92, 92, 92, 0.81)
}
/*.show_report span{font-size: 18px;color: #333;display: inline-block;margin-bottom: 20px;width: 100%}*/
/*.show_report a{font-size: 20px;color: #111}*/
.show_report em{font-size: 20px;color: #ccc;position: absolute;right: 8px;top: 0px;cursor: pointer;display: inline-block;padding: 10px}

/*股票图表样式*/
.sectooltip-container i{float:right;font-style:normal}.sectooltip-container.english .name{width:106px}.sectooltip-container.english.isReform .name{width:169px}.sectooltip-container.english.after-hour .name{width:160px}.sectooltip-container.after-hour .name{width:70px}.sectooltip-container .name{display:inline-block;width:46px;text-align:right}.sectooltip-container .name.newest{font-size:14px;line-height:28px}.sectooltip-container.isBond .name{width:60px}.sectooltip-container .average-down.value,.sectooltip-container .close-down.value,.sectooltip-container .delta-down.value,.sectooltip-container .high-down.value,.sectooltip-container .low-down.value,.sectooltip-container .new-down.name,.sectooltip-container .new-down.value,.sectooltip-container .open-down.value{color:#22ac38}.sectooltip-container .average-up.value,.sectooltip-container .close-up.value,.sectooltip-container .delta-up.value,.sectooltip-container .high-up.value,.sectooltip-container .low-up.value,.sectooltip-container .new-up.name,.sectooltip-container .new-up.value,.sectooltip-container .open-up.value{color:#db3338}
.go_new_url{cursor: pointer}


.nweb_content {background: #fff; position: relative;}
.nweb_content {position: relative; z-index: 2; padding-top: 260px; margin-top: -195px;background: transparent;min-height: 660px}
.nweb_content > img{ width: 100%; height: auto; position: absolute; left: 0; top: 0px;z-index: -1}
.nweb_content .details-top .d-t{font: bold 48px/50px 'Microsoft Yahei';}

.ym-box{display: inline-block}
.year_month{overflow: hidden;background-color: #fff;position: relative;top: -40px;padding: 50px 30px}

/*发展历程切换样式*/
.year_month .swiper-slide{height: 500px;overflow-y: auto;background-color: #fff}
.year_line li:before{bottom: -8px;}
.year_line .scroll-box {position: relative}
.year_line .scroll-box .swiper-button-prev{position: absolute;left: 0px;font-weight: bold;font-size: 30px}
.year_line .scroll-box .swiper-button-next{position: absolute;right: 0px;font-weight: bold;font-size: 30px}

/*绿色食品样式*/
html {overflow: -moz-scrollbars-vertical;overflow-x:hidden;} /*始终让 Firefox 显示滚动条*/
* {word-wrap: break-word;margin: 0;padding: 0;outline: none;}/*文字强制换行word-break:keep-all;(Ff)*/
ul, li {list-style-type: none;}/*无列表项目标记*/
a {text-decoration: none;outline: none;}/* 链接无下划线,有为underline;链接去框 */
.fl {float: left;display: inline;}/* 左浮动 */
.fr {float: right;display: inline;}/* 右浮动 */
.imghover .pic{ overflow:hidden;}/* 设置图片经过放大 */
.imghover img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* 设置图片经过放大 */
.imghover:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */
.imghover .pic{ overflow:hidden;}/* 设置图片经过放大 */
.imghover .pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* 设置图片经过放大 */
.imghover:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */
.pic{position: relative;}
.pic:before{display: block;content: '';padding-top: 60%;}
.pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;}
.clear {clear: both;overflow:hidden;height: 0;}/* 清除浮动 */
.clearC:after {display: block;content: ' ';clear: both;visibility: hidden;}
/*截字数*/
.clamp1{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 1 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp2{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 3 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 4 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 5 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp6{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 6 !important;-webkit-box-orient: vertical;overflow: hidden;}


.nyTitle{font-size: 80px;line-height: 80px;font-weight: bold;color: #fff;opacity: 0.4;text-align: center;}
.nyTitlec{font-size: 48px;font-weight: bold;color: #2762c1;text-align: center;line-height: 48px;position: relative;top: -20px;margin-bottom: 78px;}
.nycolumn1{margin-bottom: 43px;position: relative;}
.nycolumn1 .pic{width: 690px;border-radius: 15px;overflow: hidden;position: absolute;left: 0;top: 0;}
.nycolumn1 .pic:before{padding-top: 62.3188%;}
.nycolumn1 .text{width: 630px;position: relative;margin-top: 13px;z-index: 2;top: 32px;margin-left: auto;}
.nycolumn1 .text .title{font-size: 40px;font-weight: bold;color: #333333;line-height: 40px;padding-left: 156px;margin-bottom: 42px;}
.nycolumn1 .text .con{border-radius: 20px;background-image: -moz-linear-gradient( 45deg, rgb(103,140,200) 0%, rgb(47,130,214) 100%);background-image: -webkit-linear-gradient( 45deg, rgb(103,140,200) 0%, rgb(47,130,214) 100%);background-image: -ms-linear-gradient( 45deg, rgb(103,140,200) 0%, rgb(47,130,214) 100%);padding: 40px 28px 23px;position: relative;}
.nycolumn1 .text .con .info{font-size: 18px;line-height: 36px;color: #ffffff;position: relative;z-index: 2;text-indent: 35px;}
.nycolumn1 .text .con:before{display: block;content: "";position: absolute;left: 32px;top: 26px;width: 60px;height: 50px;background: url(/home/images/nyicn.png) no-repeat top left;}

.nycolumn2{height: 830px;position: relative;background: url(/home/images/ny2bg.png) no-repeat top center;margin-bottom: 60px;}
.nycolumn2 .tab span{display: block;position: absolute;font-size: 16px;color: #333;cursor: pointer;}
.nycolumn2 .tab span.hover{color: #2762c1;}
.nycolumn2 .tab span:nth-child(1){padding: 9px 0 0 35px;top: -9px;left: 80px;}
.nycolumn2 .tab span:nth-child(2){padding: 20px 0 0 26px;top: 266px;left: -9px;}
.nycolumn2 .tab span:nth-child(3){padding: 0px 0  30px;top: 271px;left: 420px;}
.nycolumn2 .tab span:nth-child(4){padding: 0px 0  37px;top: 373px;left: 227px;}
.nycolumn2 .tab span:nth-child(5){padding: 0px 0  32px;top: 396px;left: 471px;}
.nycolumn2 .tab span em{position: absolute;width: 12px;height: 12px;border-radius: 50%;background: rgba(119,154,211,0.5);}
.nycolumn2 .tab span:nth-child(1) em{top: 6px;left: 6px;}
.nycolumn2 .tab span:nth-child(2) em{top: 6px;left: 6px;}
.nycolumn2 .tab span:nth-child(3) em{bottom: 6px;left: 8px;}
.nycolumn2 .tab span:nth-child(4) em{bottom: 6px;right: 6px;}
.nycolumn2 .tab span:nth-child(5) em{bottom: 6px;right: -3px;}
.nycolumn2 .tab span em:before{display: block;content: "";width: 24px;height: 24px;border-radius: 50%;background: rgba(119,154,211,0.5);position: absolute;animation: circle-opacity 1.5s infinite;left: 50%;top: 50%;transform: scale(0, 0);margin-top: -12px;margin-left: -12px;}
@keyframes circle-opacity {from {opacity: 1;transform: scale(1);}to {opacity: 0;transform: scale(1.5);}}
.nycolumn2 .tabC{padding-top: 182px;width: 622px;margin-left: auto;padding-right: 20px;}
.nycolumn2 .tabC .title{font-size: 30px;font-weight: bold;color: #111111;line-height: 30px;margin-bottom: 35px;text-align: center}
.nycolumn2 .tabC .info{font-size: 18px;line-height: 36px;color: #333333;text-indent: 36px}
.nycolumn3{position: relative;}
.nycolumn3 .pic{width: 620px;border-radius: 15px;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 2;}
.nycolumn3 .pic:before{padding-top: 61.2903%;}
.nycolumn3 .text{padding-top: 10px;width: 630px;}
.nycolumn3 .text .title{font-size: 40px;line-height: 60px;color: #2762c1;margin-bottom: 33px;font-weight: bold;}
.nycolumn3 .text .con{ border-radius: 20px;background-image: -moz-linear-gradient( 45deg, rgb(103,140,200) 0%, rgb(47,130,214) 100%);background-image: -webkit-linear-gradient( 45deg, rgb(103,140,200) 0%, rgb(47,130,214) 100%);background-image: -ms-linear-gradient( 45deg, rgb(103,140,200) 0%, rgb(47,130,214) 100%);padding: 62px 77px 30px 30px;min-height: 290px;box-sizing: border-box;position: relative;}
.nycolumn3 .text .con .info{position: relative;z-index: 2;font-size: 18px;line-height: 36px;color: #ffffff;}
.nycolumn3 .text .con:before{display: block;content: "";position: absolute;right: 77px;bottom: 32px;width: 50px;height: 40px;background: url(images/nyicn2.png) no-repeat right bottom;}