/*登录注册*/
.login-part{padding:5% 8.3% 10.5%; position: relative; background: url(../images/login_bg02.png) left 73% no-repeat;}
.login-part .ll{ float: left; width:44.375%;position: relative; z-index: 2; }
.login-part .ll h2{ margin-left:8%; margin-bottom:3%; color:#474747;}
.login-part .ll h2 em{ position: relative; top:-15px;}
.login-part .ll h2 span{ margin-left: 20px;color:#919191;}
.login-part .ll h2 span a{ padding-bottom: 6px;color:#919191; border-bottom: 5px solid #00B6B4;}
.login-part .ll .form{padding:9% 23.5%; height: 490px; background: url(../images/login_bg01.png) no-repeat; background-size:cover;}
.login-part .ll li{width:100%; margin-bottom: 7.8%; overflow: hidden;}
.login-part .ll li input{ width:100%; padding:0 8%; height: 48px; line-height: 48px; color:#fff; border:1px solid #63CDCC; background: none; border-radius: 30px;}
.login-part .ll li input::placeholder{ color:#FFFFFF; opacity: 0.9;}
.login-part .ll li input.inp01{ float: left; width:calc(100% - 110px);}
.login-part .ll li input.inp01+span{ text-align: center; cursor: pointer; float: right; width:100px; text-align: center; height: 48px; line-height: 48px; color:#fff; overflow: hidden; border:1px solid #63CDCC; background: none; border-radius: 30px;}
.login-part .ll li input.inp01+span img{width:100px; height: 48px;}
.login-part .ll li button.hqyzm{ float: right; cursor: pointer;width:100px;height: 48px; line-height: 48px;color:#fff; overflow: hidden; font-size: 12px; border:1px solid #63CDCC; background: none; border-radius: 30px;}
.login-part .ll .bot{margin-top:0;}
.login-part .ll .bot button{ width:100%; text-align: center; color: #3AB7B6; height: 48px; line-height: 48px; border:none; background: #fff; border-radius: 30px;}
.login-part .ll .bot p{font-size: 14px; color:#fff; margin-top:15px;}
.login-part .ll .bot .remember{ cursor: pointer; float: left; padding-left: 20px; position: relative;}
.login-part .ll .bot .remember::before{ content: ""; position: absolute; left:0; top:6px; width:10px; height: 10px; background: #fff;}
.login-part .ll .bot .remember::after{ display: none; content: ""; position: absolute; left:1px; top:7px; width:6px; height: 6px; border:1px solid #3AB7B6; background: #EEF3F3;}
.login-part .ll .bot .remember.on::after{ display: block;}
.login-part .ll .bot a.forget{ float: right; color:#fff!important; border-bottom: 1px solid transparent;}
.login-part .rr{position: absolute; z-index: 1; right:8.3%; top:15%; width:52.25%;}

@media only screen and (max-width: 1700px) {
    .login-part .ll .form{ height: auto;}
    .login-part .ll li{margin-bottom: 5%;}
}
@media only screen and (max-width: 1520px) {
    .login-part .ll .form{ padding: 9% 15%;}
    .login-part .ll li input,.login-part .ll li input.inp01+span,.login-part .ll .bot button,.login-part .ll li button.hqyzm{ height: 40px; line-height: 40px;}
    .login-part .ll li input.inp01+span img{ width:100%; height: 40px;}
}

@media only screen and (max-width: 1023px) {
    .login-part{padding-top:15%;}
    .login-part .ll { position: absolute; left:20%; top:5%; width: 60%;}
    .login-part .rr{position: static;width:100%; left:0;right:0;}
    .login-part .ll h2{margin-bottom: 8%;}
}
@media only screen and (max-width: 767px) {
    .login-part{padding: 5% 3% 10%;}
    .login-part .ll{ position: static; width:100%;}
    .login-part .ll .form{ padding:8% 5%; background: #3AB7B6;}
    .login-part .rr{ display: none;}
}
/*登录注册end*/

/*会员中心*/
/*资源下载*/
.member-part{padding-bottom: 6%;}
.mem_ll{ float: left;width:21.5%; position: relative;margin-left:30px;padding-bottom: 12.5%; background: url(../images/mem_ll.png) left top no-repeat; background-size: 100%;}
.mem_ll::before{ content: ""; position: absolute; left:calc(20% - 1px); top:0; width:1px; height: 100%;background:rgba(255, 255, 255, 0.2);}
.mem_ll ul{margin-left:20%; padding-left: 20px; padding-top:25%;}
.mem_ll li{ position: relative; margin-bottom: 15px;}
.mem_ll li a{color:#fff!important;}
.mem_ll li::before{ opacity: 0; content: ""; position: absolute; left:-22px; top:50%; margin-top: -12px; width:3px; height: 24px; background: #fff;}
.mem_ll li.on::before{ opacity: 1;}
.mem_rr{ float: right; width:73.5%;}
.ph_table { width: 100%;}
.ph_table td { line-height: 20px; padding: 15px 20px;}
.ph_table thead td { padding:10px 20px; background: #3AB7B6; border-left:2px solid #fff; color:#fff;}
.ph_table tbody td{ background: #FFFFFF; border-left:2px solid #fff; color:#4D5050;}
.ph_table tbody tr:nth-child(2n) td{ background: #F3F3F3;}
.ph_table_fund{margin-bottom: 4.5%;}
.ph_table_fund .w01 { width: 25%; }
.ph_table_fund .w02 { width: 25%; }
.ph_table_fund .w03 { width: 16%; }
.ph_table_fund .w04 { width: 16%; }
.ph_table_fund .w05 { width: 18%; }

.ph_table_fund .w02 a{ display: block; padding-left:20px; position: relative;}
.ph_table_fund .w02 em{position: absolute; left:0; top:0; font-size: 12px;}
.ph_table_fund .w02 em i,.ph_table_fund .w05 a i{color:#66B0B0;}
.ph_table_fund .w05 a{ float: left;}
.ph_table_fund .w05 a i{ margin-right: 5px;}
.ph_table_fund .w05 span{ /*font-size: 20px; color:#919191;*/ float: right; margin-right:20px;}
.ph_table_fund .w05 span img{width:20px; height: 20px; cursor: pointer;}
/*修改密码*/
.modify{background: url(../images/login_bg03.png) 0 50% no-repeat;}
.modify-part{ position: relative; }
.modify-part .mem_ll{position: relative; z-index: 10;}
.mem_rr_an{ position: absolute; right:0; top:25px; max-width:85%; width:100%; background: url(../images/mem_rr.png) no-repeat; background-size: 100%;}
.mem_rr_an .inner{ padding:9% 20% 13% 18%; overflow: hidden;}
.mem_rr_an .ll{ float: left; color:#787C7C; font-weight: bold;line-height: 50px;}
.mem_rr_an .ll span{ margin-left:50px;}
.mem_rr_an .btn{ float: right; width:170px; height: 50px; line-height: 50px; text-align: center; color:#fff; border-radius: 30px; border:none; background: #3AB7B6;}


.step{background: url(../images/login_bg03.png) 0 50% no-repeat;}
.step-part{ margin:0 0 5%; width:100%; padding:8% 20%;background: url(../images/mem_mod.png) no-repeat; background-size: 100%;}
.step-top{ text-align: center; margin-bottom: 10%;}
.step-top li{ float: left; width:33.33%; text-align: center; line-height: 34px; position: relative; }
.step-top li::after{content: ""; position: absolute; left:78%; top:18px; width:44%; height: 1px; border-bottom: 1px dashed #727171;}
.step-top li:last-child::after{ display: none;}
.step-top li em{ display: inline-block; border:1px solid transparent; width:74px; height: 34px; line-height: 34px;color:#fff; border-radius: 20px; text-align: center;background: #A6A6A7;}
.step-top li em i{ font-size: 20px;}
.step-top li span{display: inline-block; width: 72px; text-align: left; margin-left: 10px; color:#222323;}
.step-top li.act em{background: #3AB7B6;}
.step-top li.act span,.step-top li.over span{color:#3AB7B6;}
.step-top li.over em{ background:none; color:#3AB7B6; border:1px solid #3AB7B6;}
.step-top li.over em i{font-weight: bold;}
.step-bot{max-width: 500px; width:100%; margin:0 auto;}
.step-bot li{ width:100%; margin-bottom: 3.5%; overflow: hidden;}
.step-bot li input{width:100%; height: 48px; line-height: 48px; padding:0 5%; border:none; background: #fff; border-radius: 30px;}
.step-bot li input.inp01{ float: left; width:calc(100% - 116px); border-top-right-radius: 0; border-bottom-right-radius: 0;}
.step-bot li .yzm,.step-bot li .hqyzm{ cursor: pointer; float: right; width:116px; height: 48px;border-top-right-radius:30px; border-bottom-right-radius:30px; overflow: hidden;}
.step-bot li .yzm img{width:100%; height: 50px;}
.step-bot li .hqyzm{ background: #3AB7B6; color:#fff; font-size: 14px; border: none;}
.step-bot .btn_box{ display: block; margin:8% 0 0;}
.step-bot .btn{ width:170px;height: 50px; line-height: 50px; text-align: center; color:#fff; border-radius: 30px; border:none;}
.step-bot .btn.btn01{ float: left; border:1px solid #222323; color:#222323;}
.step-bot .btn.btn02{ float: right; background: #3AB7B6;}
.finish{ text-align: center; margin-top:-20px;}
.finish span{ color:#3AB7B6;font-size: 80px; display: block; text-align: center;}
.finish p{color:#787C7C;}
.finish .btn.btn02{ float: none; margin:8% auto 0;}
.forget-top ul{ text-align: center; margin:0 0 3.5%;}
.forget-top li{ display: inline-block; margin:0 20px; padding-bottom: 5px;}
.forget-top li.on{border-bottom:2px solid #00B6B4;}
.forget-top li.on a{color:#00B6B4; }

@media only screen and (min-width: 1025px) {
    .login-part .ll .bot button,.mem_rr_an .btn,.step-bot .btn{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .login-part .ll .bot button:hover,.mem_rr_an .btn:hover,.step-bot .btn:hover{box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);}
    .login-part .ll .bot a.forget:hover{border-bottom: 1px solid #fff;}
    .mem_ll li::before,.ph_table_fund .w05 span img{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .mem_ll li:hover::before{ opacity: 1;}
    .ph_table_fund .w05 span:hover img{transform: scale(6) translate(-10%);background: #fff;box-shadow: 0 0 5px #bababa;border: 1px solid #fff;}
}

@media only screen and (max-width:1520px) {
    .mem_rr_an .ll,.mem_rr_an .btn,.step-bot li input,.step-bot li .yzm, .step-bot li .hqyzm,.step-bot .btn,.step-bot li .yzm img{ height: 40px; line-height: 40px;}
    .step-part{padding:5% 10%;}
    .step-top{margin-bottom: 5%;}
    .step-bot .btn_box{margin-top:5%;}
}
@media only screen and (max-width:1279px) {
    .mem_ll{margin-left:0; width:18%; padding-bottom: 5%;}
    .mem_rr{width:80%;}
    .mem_rr_an{max-width: 88%;}
    .mem_rr_an .inner{ padding:5% 20%;}
    .ph_table_fund .w05 span{margin-right:10px;}
    .step-part{ background: #EEF3F3;}
}
@media only screen and (max-width:1023px) {
.ph_table td,.ph_table thead td{padding:15px 5px;}
.step-top li::after{display: none;}
.step-bot li input{font-size: 14px;}
}
@media only screen and (max-width:767px) {
    .ph_table ,
    .ph_table thead,
    .ph_table tbody,
    .ph_table th,
    .ph_table td,
    .ph_table tr { display: block; }
    .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; }
    .ph_table tr { border: 1px solid #BEEBEB; border-bottom:0; margin-bottom:10px; }
    .ph_table tr:last-child{margin-bottom:0;}
    .ph_table td { overflow: hidden;border: none; width:100%!important; border-bottom: 1px solid #BEEBEB; position: relative; padding:5px 0;  padding-left: 7em; white-space: normal; text-align: left;  }
    .ph_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 7em; text-indent:10px;  white-space: nowrap; text-align: left; }
    .ph_table td:before { content: attr(data-title); }
    .ph_table tbody td{border-left:none;}
    
    .mem_ll{width:100%; padding:5%; background: #3AB7B6; margin-bottom: 5%;}
    .mem_ll ul{ margin:0; padding:0; margin-left:5%;}
    .mem_ll::before{left:5%;}
    .mem_ll li::before{width:2px; left:-17px;}
    .mem_rr{width:100%;}
    .modify{background-position-y: 75%;}
    .mem_rr_an{max-width: 100%; overflow: hidden; position: static; background: #EEF3F3;}
    .mem_rr_an .inner{ padding:5%;}
    .mem_rr_an .ll{ width:60%;}
    .mem_rr_an .ll span{margin-left:10px;}
    .mem_rr_an .btn{ width:35%;}
    .step-part{padding:10% 5%;}
    .step-top li span{ display: block; text-align: center; width:100%; margin:0;}
    .step-bot .btn{width: 45%;}
    .finish span{font-size: 50px;}
    .finish span i{ display: block;width:52px; margin:0 auto;}
}
/*会员中心end*/



/*关于我们*/
.vision-part{margin:3.5% 0 0; position: relative;}
.vision-part img{width:100%;}
.vision-part span{ position: absolute; left:0; top:0; z-index: 2; width:100%; height: 100%; background: url(../images/vision_bg01.png) no-repeat; background-size: cover;}
.vision-part .txt{ width:50%; left:45%; top:45%; z-index: 3; color: #fff;}
.vision-part h2{margin-bottom: 3%;}
.vision-part p{ line-height: 1.8;}

.culture-part{ padding:0 0 3%; background: url(../images/culture_bg01.png) left 90% no-repeat;}
.culture-part .inwrap{ position: relative;}
.culture-part .img{ float: right; width:70.375%;}
.culture-part .txt{ position: absolute; left:5%; top:30%; width:66%; z-index: 1;}
.culture-part .txt li{ float: left; width:49%; margin-bottom: 2%; background: #E5EFF4;}
.culture-part .txt li:nth-child(2n){ float: right;}
.culture-part .txt li .inner{ padding:6% 8%;}
.culture-part .txt li h2{margin-bottom: 4%; color:#6A6D6E;}
.culture-part .txt li h2 em{ display: block; margin:10px 0 0; width:25px; height:2px; background: #3AB7B6;}
.culture-part .txt li h3{ line-height: 1.4; color:#535353;}
.culture-part .txt li h3 img{max-width: 100%; width: auto;}
.culture-part .txt li:nth-of-type(3){ background:#F9F9F9;}
.culture-part .txt li:nth-of-type(4){ background: url(../images/culture_bg02.jpg) left bottom no-repeat #3AB8B6;}
.culture-part .txt li:nth-of-type(4) .inner{ padding:10% 8%;}
.culture-part .txt li:nth-of-type(4) h2{ color:#fff; margin-bottom:8%;}
.culture-part .txt li:nth-of-type(4) h2 em{ background: #fff;}

@media only screen and (max-width: 1279px) {
.culture-part .txt{width:90%;}
}
@media only screen and (max-width: 1023px) {
.vision-part p{ line-height: 1.5;}
.vision-part p br{ display: none;}
}
@media only screen and (max-width: 767px) {
    .vision-part span{ display: none;}
    .vision-part .txt{ position: static; color:#000; width:100%; padding:0 3% 5%; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
    .culture-part .txt{ position: static; width:100%;}
    .culture-part .txt li{width:100%; height: auto!important;}
    .culture-part .txt li .inner,.culture-part .txt li:nth-of-type(4) .inner{ padding:5%;}
    .culture-part .img{width:100%;}
}
/*关于我们end*/


/*服务支持*/
.service-part01{ position: relative; margin:6% 0 8%;}
.service-part01 li{ float: left; width:36.5%; position: relative;}
.service-part01 li img{ width:100%;}
.service-part01 li h2{color:#fff; position: absolute; left: 10%; top:15%;}
.service-part01 li:nth-of-type(2){ z-index: 2; width:33.8%; position: absolute; left:32%; top:12px;}
.service-part01 li:nth-of-type(3){ z-index: 3; width:35.2%; position: absolute; right:0; top:0;}
.service-part02{ padding:4% 0 6%; background: url(../images/service_bg01.png) left center no-repeat #EEF4F4;}
.service-part02 h2{ text-align: center; margin-bottom: 6%;}
.service-part02 .img{width: 100%; text-align: center;}
.service-part02 .img img{max-width:100%;}
@media only screen and (max-width: 767px) {
    .service-part01 li{width:100%;}
    .service-part01 li:nth-of-type(2),.service-part01 li:nth-of-type(3){ position: relative; width:100%; left:auto; top:auto;}
}
.down-part{margin:0 8%;}
.sele-wrap{ margin:4% 0 3.5%;}
.sele-wrap li{ float: left; width:27%; margin-right:1.2%;}
.sele-wrap li dl{width: 100%; height: 50px; line-height: 50px;background: url(../images/service_01.jpg) right top no-repeat #00B7B5;}
/*sel-box*/
.sel-box { position: relative;}
.sel-box dt{height: 50px; line-height: 50px;cursor: pointer;position:relative; z-index:2;}
.sel-box dt a{ display:block;padding:0 20px; color: #fff!important; font-weight: normal;}
.sel-box dt i{ position: absolute; right:15px; top:0; color:#fff; font-size: 20px;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.sel-box.open dt i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.sel-box dd { display:none;position:absolute; border:1px solid #DFDFDF; border-top:0; background:#fff; max-height:200px; width: 100%!important; top:50px; left: 0!important; overflow:auto; z-index:111111;}
.sel-box.open dd{ display: block; }
.sel-box dd a {display:block; padding:5px 10px; color:#383838;height: 40px; line-height: 40px;}
.sel-box dd a.on{background:#3AB7B6; color:#fff!important;}
.down-con{margin-bottom: 8%;}
.down-con .ph_table_fund .w01{ width:25%;}
.down-con .ph_table_fund .w02{ width:35%;}
.down-con .ph_table_fund .w03{ width:12.5%;}
.down-con .ph_table_fund .w04{ width:12.5%;}
.down-con .ph_table_fund .w05{ width:15%;}
.down-con .ph_table_fund .w02 a{cursor: default;}
.down-con .ph_table_fund .w02 a:hover{color:#2E2D2D!important;}
.faq-con{margin-bottom:6%;}
.faq-con ul{margin:0 -4.5% 5%;}
.faq-con li .faq-t{ cursor: pointer; padding:2.5% 4.5%;position: relative;}
.faq-con li:nth-child(2n) .faq-t{ background: #F3F3F3;}
.faq-con li .faq-t h2{  width:90%;color:#575757;}
.faq-con li .faq-t i{ position: absolute; right:4.5%; top:30px;color:#4A4A4A; font-size:28px;}
.faq-con li.on .faq-t i.icon-jianhao:before{content: "\e613"!important;}
.faq-con li .faq-c{ display: none; padding:1.5% 4.5%;}
.faq-con li .faq-c dl{margin-bottom: 3%;}
.faq-con li .faq-c dl dt{ float:left; width:23.41%;}
.faq-con li .faq-c dl dd{ float: right; width:73%;}
.faq-con li .faq-c dl dd h3{margin-bottom: 1%;}
.faq-con li .faq-c dl dd p{margin-bottom:5%;}
.faq-con li .faq-c dl dd p:last-child{margin-bottom: 0;}
@media only screen and (max-width: 1399px) {
    .faq-con li .faq-t i{ font-size: 20px;}
}
@media only screen and (max-width: 1279px) {
    .sele-wrap li{width:48%;}
    .faq-con li .faq-t i{ top:20px;}
}
@media only screen and (max-width: 767px) {
    .down-part{margin:0;}
    .faq-con ul{margin:0 0 10%;}
    .faq-con li .faq-t i{top:10px; font-size: 14px;}
}
/*服务支持end*/


/*投资者关系*/
.invest-part{margin:4% 0;}
.invest-part h3{color:#8B8B8B; margin-bottom: 8%;}
.invest-part li{ width:100%; padding:0 5%; /*height: 239px;*/position: relative; margin-bottom:5%; background: url(../images/invest_bg01.png) left bottom no-repeat; background-size:100%;}
.invest-part li .img{position: absolute; left:5%;bottom:0; width:19.4%;}
.invest-part li .txt{ float: right;width:75%; padding:6% 0;}
.invest-part li:nth-child(2n) .img{ left:auto; right:5%;}
.invest-part li:nth-child(2n) .txt{ float: left;}
.invest-part li .txt p{ min-height: 3em;}
@media only screen and (max-width: 1279px) {
    .invest-part li{ background: #EEF3F3;}
    .invest-part li .txt p{ height: auto;}
    .invest-part li .txt p br{display: none;}
}
@media only screen and (max-width:767px) {
    .invest-part li .img{top:20px; bottom:auto;}
    .invest-part h3 br{display: none;}
}
/*投资者关系end*/


/*辅助栏目*/
.law-part,.sitemap{margin:5% 10%;}
.law-part .edit_con_original{color:#575757;}

.sitemap li{ float: left; width:100%; padding:2% 0; border-bottom:1px solid #efefef;}
.sitemap li dt{margin-bottom: 10px; position: relative; color:#3ab7b6; padding-left: 10px;}
.sitemap li dt::before{content: ""; position: absolute; left:0; top:3px; width:2px; height:18px; background: #3ab7b6;}
.sitemap li dd span{display: inline-block; margin:0 5% 0 10px;}
.sitemap li dd p{padding:20px 10px 10px; font-weight: bold;}
.sitemap li dd p:first-child{padding-top: 10px;}
.search-part{ padding:3% 0 0;}
.search_t{background: #f4f4f4;padding: 3% 20%; margin-bottom:2%; overflow: hidden;}
.search_t input,.search_t button{height:46px;line-height: 46px; font-size: 16px; border:none;outline: none;}
.search_t input{padding: 0 10px; width: calc(100% - 140px);float: left;}
.search_t button{background:#3AB7B6;color: #fff;width: 140px;float: left;}
.search_p{color: #4c4c4c;padding:2%;font-family: SourceHanSansCN-Medium;}
.search_p span,.search_p i{color: #3AB7B6;}
.search_list{padding:0 0 5%;}
.search_list ul{padding-bottom:4%;}
.search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;font-family: SourceHanSansCN-Regular;}
.search_list p{float: left;width:78%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_list p i{color: #3ab7b6;}
.search_list p a{color: #4c4c4c;}
.search_list em{float: right;width: 135px;text-align: center;color: #999999; font-family: arial;}
@media only screen and (max-width:1024px) {
.law-part,.sitemap{margin:5% 0;}
.search_list p{width: calc(100% - 100px)}
.search_list em{width: 90px;}
.search_t input, .search_t button{font-size: 14px;}
}
@media only screen and (max-width:767px) {
.search_t{padding:5%;}
.search_t button{width:100px;}
.search_t input{width:calc(100% - 100px);}
.search_p{padding-bottom: 0;}
.search_list li{height:40px; line-height: 40px;}
.search_list em{font-size:12px; text-align: right;}
.sitemap li{padding:5% 0;}
.sitemap li dd p{padding-top: 10px;}
.sitemap li dd p:first-child{padding-top: 0;}
}



/*股票*/
.stock_block{width:575px;max-width: 100%; height:740px;overflow: hidden;margin: auto;}
.stock_block iframe{width:1200px;height:825px; margin-top: -245px; margin-left: -300px;}
.stock02{display: none;}
@media only screen and (max-width:767px) {
.stock_block,.stock_block iframe{display: none;}
.stock01{display:none !important;}
.stock02{display: block;}
.stock_block02{display: block;width: 100%;height:auto;overflow: hidden;}
.stock_block02 iframe{width: 100%;height:870px;}
}

/*产品列表*/
.prolist_cont{background: url(../images/bg08.png) left -10px no-repeat;}
.pro_tit01{ text-align: center; margin-bottom:20px;}
.pro_tit01 li{float:left; width:16%;margin:0 2%;}
.pro_tit01 li a{ display: block; padding:0 10px; height:52px; line-height: 52px; color:#4B4B4B; background: #F3F3F3;}
.pro_tit01 li.on a{color:#fff!important; background: #00B6B5;}

.pro_tit02{ text-align: left;}
.pro_tit02 li{ display: inline-block;margin:0 35px;}
.pro_tit02 li a{ display: block; height:52px; line-height: 52px; color:#414141;}
.pro_tit02 li.on a{color:#00B6B5;}

.pro_con{margin-top:5%; padding-bottom: 5%;}
.pro_con ul{margin:0 -1.5%;}
.pro_con li{ float: left; width:30.3333%; margin:0 1.5% 3%;}
.pro_con li .img{width:100%;}
.pro_con li .txt{top:-1px; position: relative; color:#414141; padding:30px 40px; background: #F3F3F3;}
.pro_con li .txt h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:100%;}
.pro_con li .txt p{ margin-bottom: 20px; font-size: 14px; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;overflow:hidden;}
.pro_con li .txt span{display: block;width:40px; height: 25px; line-height: 25px;text-align: center; color:#000000; border-radius: 20px; background: #fff;}
.pro_con li .txt span i{font-size:18px;}

@media only screen and (min-width:1025px) {
.pro_con li:hover .txt{transition:0.5s all; -webkit-transition:0.5s all;}
.pro_con li:hover .txt{color:#fff; background: #00B6B5;}
}

@media only screen and (max-width:1279px) {
    .pro_tit01 li{margin:0 1%; width:18%;}
    .pro_tit02 li{margin:0 15px;}
    .pro_con li .txt{padding:5%;}
}
@media only screen and (max-width:1023px) {
    .pro_tit01 li{width:auto; margin:0 5px 0 0;}
    .pro_tit02 li{float: left; margin:0 10px 0 0;}
}
@media only screen and (max-width:767px) {
    .pro_con ul{margin-left:0; margin-right:0;}
    .pro_con li{width:100%; margin-left:0; margin-right: 0;}
    .pro_con li .txt span{width:30px; height: 16px; line-height: 16px; background: #00B6B5;}
    .pro_con li .txt span i{ font-size: 14px;color:#fff;}

    
    .pro_tit01 li a{line-height: 32px; height:32px; margin-bottom: 5px;}
    .pro_tit02 li a{line-height: 24px; height:24px;}
}

.gp-part{position: relative; color:#fff; margin-bottom: 5%;}
.gp_ll{ float: left; width:28%;}
.gp_rr{ float: right; width:70%; margin-top:12px; background:rgba(0, 0, 0, 0.3);}
.gp_ll h3{width:100%;line-height:70px; letter-spacing:1px;}
.gp_ll h3 span{display:inline-block; vertical-align:middle; margin:-3px 0 0 15px; height:45px; line-height:45px; background:#00B6B5; padding:0 10px;}
.gp_ll h2{ width:100%; margin-top:32px;line-height:78px; letter-spacing:1px;}
.gp_ll h2 span{ display:inline-block; vertical-align:middle; margin:-3px 0 0 8%; color:#f50e0e; line-height:27px;}
.gp_ll h2.on span{ color:#41e441;}
.gp_rr ul{ padding:15px 30px;}
.gp_rr li{ float:left; width:15%;}
.gp_rr li:nth-of-type(5),.gp_rr li:nth-of-type(6){width:20%;}
.gp_rr li h5{ width:100%;line-height:62px; letter-spacing:1px;}
.gp_rr li h4{ width:100%;line-height:62px; letter-spacing:1px;}


.notice{margin:0 0 6%; border-top:1px solid #DBDBDB; padding-top: 3%; position: relative;}
.notice::before{content:""; position: absolute; left:0; top:-1px; width: 180px; height: 2px; background: #00B6B4;}
.notice ul{margin:0 0 4%;}
.notice li{border-bottom: 1px solid #efefef; padding:15px 20px; overflow: hidden;}
.notice li:nth-child(2n){ background: #F3F3F3;}
.notice li a{ padding-left: 10px; float: left; width:calc(100% - 120px); position: relative;}
.notice li a::before{content:""; position: absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:4px; background: #3ab7b6; }
.notice li span{ float: right; width:100px; text-align: right; font-family: Arial, Helvetica, sans-serif;}

@media only screen and (max-width:1279px) {
    .gp-part{ height:420px;}
    .gp-part img{display: none;}
    .gp_ll,.gp_rr{width:100%;}
    .gp_ll h2{margin-top:0px;}
}
@media only screen and (max-width:1023px) {
    .gp-part{ height:320px;}
    .gp_ll h3,.gp_ll h2{line-height: 30px;}
    .gp_ll h2{margin-top:10px;}
    .gp_ll h3 span{height:28px; line-height: 28px;}
    .gp_ll h2 span {line-height: 18px;}
    .gp_rr ul{padding:5%;}
    .gp_rr li h5,.gp_rr li h4{line-height: 24px;}
    .gp_rr li,.gp_rr li:nth-of-type(5),.gp_rr li:nth-of-type(6){width: 50%;margin-bottom:5px;}

    .notice li{padding:15px 10px;}
    .notice li span{width:75px;}
    .notice li a{width:calc(100% - 80px);}
    .notice li a::before{top:10px; margin-top:0;}
}