/*全局*/
* { margin: 0; padding: 0; list-style: none; } 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
body { min-width: 1200px; overflow: auto; margin: 0 auto; background-color: #fff; font-family:"微软雅黑"; font-size:16px; color:#282727; position: relative; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; font-size: 18px; color: inherit; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 
.cl:after,.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl,.clearfix { *zoom:1; } 
.fl { float:left; } 
.fr { float:right; } 
.w1200 { width: 1200px; margin: 0 auto; height: inherit; } 

.title-1 { padding-bottom: 30px; position: relative; } 
.title-1 div { font-size: 25px; color: #2d2d2d; } 
.more { position:absolute; top: 5px; right: 0; font-size: 15px; color: #9e9e9e; } 
.more:hover { color:#1f94fe; } 

.title-con { margin: 30px 0; } 
.title-con div { padding-left: 15px; border-left: 3px solid #1d94ff; line-height: 20px; font-size: 20px; color: #282b2d; font-weight: bold; } 

.top { padding: 13px 0; background-color: #1f2833; } 
.top .back_home { background: url(../images/common/backhome.png) no-repeat center left; background-size: contain; padding-left: 35px; font-size: 16px; color: #fff; } 
.top .back_home:hover { color: #1f94fe; } 
.top .fr { font-size: 0; } 
.top .fr a { font-size: 16px; color: #fff; } 
.top .fr a:hover { color: #1f94fe; } 
.top .fr a:first-child { padding-right: 15px; margin-right: 15px; position: relative; } 
.top .fr a:first-child:after { content: ""; position: absolute; right: 0; top: 4px; width: 2px; height: 15px; background-color: #dcdcdc; } 


.main { min-height: 500px; } 

/* 导航 */

.header { height: 80px; line-height: 80px; position: absolute; width: 100%; top: 47px; left: 0; z-index: 999; } 
body.headeron .header { background-color: #1d94ff; position: relative; left: 0; top: 0; } 
.header .area { width: 1200px; margin: 0 auto; } 

.header .logo { float: left; } 
.nav { float: right; width: 700px; margin-top: 15px; height: 50px; line-height: 50px; font-size: 0; white-space: nowrap; text-align: right; } 
.nav .el { transition: .3s all ease; margin-left: 20px; border-bottom: 2px solid transparent; height: 100%; color: #000; text-align: center; z-index: 9999; display: inline-block; position: relative; *zoom: 1; *display: inline; white-space: normal; } 
.nav .el:first-child { margin-left: 0; } 
.nav .el>a { font-size: 20px; color: #b9cbe1; display: block; } 
.nav .el:hover,.nav .el.on { border-color: #fff; transition: .3s all ease; } 
.nav .el:hover a,.nav .el.on a { color: #fff; font-weight: bold; } 
.nav .sel { display: none; position: absolute; width: 100%; left: 0; top:50px; z-index: 999; } 
.nav .sel a { font-size: 16px; color: #191919; width: 100%; background-color: rgba(255, 255, 255, .7); display: block; padding:15px 0; text-align: center; } 
.nav .sel a:hover,.nav .sel a.on { color: #db261d; } 

.idx-banner { z-index: -1; width: 100%; height: 550px; text-align: center; overflow: hidden; } 
.idx-banner .bd { width: 100%; height: 100%; margin: 0 auto; } 
.idx-banner .bd div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.idx-banner .hd { display: none; position: absolute; width: 100%; left: 0; bottom: 30px; } 
/* .idx-banner .hd ul { width: 100%; text-align: center; } 
.idx-banner .hd ul li { display: inline-block; *display: inline; *zoom:1; width: 30px; height: 4px; background-color:#fff; margin: 0 8px; cursor: pointer; } 
.idx-banner .hd ul li.on { background-color: #f67a00; } */

.idx-pro { padding: 50px 0; background-color: white; } 
.idx-pro .el { transition: .3s all ease; margin-left: 25px; float: left; width: 280px; height: 400px; border: 1px solid #ebeef5; box-sizing: border-box; border-radius: 5px; } 
.idx-pro .el:first-child { margin-left: 0; } 
.idx-pro .el a { display: block; padding: 35px 20px; height: 330px; } 
.idx-pro .el .img { overflow: hidden; margin: 0 auto; width: 90px; height: 90px; line-height: 90px; border: 1px solid #ebeef5; border-radius: 15px; text-align: center; } 
.idx-pro .el .img img { width: 100%; height: 100%; } 
.idx-pro .el .tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 27px; margin-top: 20px; text-align: center; font-weight: bold; font-size: 18px; color: #191818; } 
.idx-pro .el .smry { height: 70px; overflow: hidden; text-overflow: ellipsis; padding-top: 15px; font-size: 14px; color: #969696; line-height: 23px; } 
.idx-pro .el .tips { margin-top: 15px; font-size: 14px; color: #688192; padding-left: 20px; background-repeat: no-repeat; background-size: 13px auto; background-position: left center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.idx-pro .el .tips.address { background-image: url(../images/rongzi/address.png); } 
.idx-pro .el .tips.cate { background-image: url(../images/rongzi/cate.png); } 
.idx-pro .el:hover { transform: translateY(-5px); box-shadow: 0px 0px 20px 1px rgba(235, 238, 248, .8); transition: .3s all ease; } 

.idx-pro-banner { margin-top: 40px; width: 100%; height: 120px; border-radius: 10px; overflow: hidden; } 
.idx-pro-banner a { display: block; width: 100%; height: 100%; overflow: hidden; } 
.idx-pro-banner a img { transition: .4s all ease; } 
.idx-pro-banner a:hover img { transform: scale(1.02); transition: .4s all ease; } 

.idx-invest { padding: 50px 0; background: url(../images/rongzi/idxistbg.jpg) no-repeat center; background-size: cover; } 
.idx-invest .ivs_area .el a,.idx-invest .debt_area .el a { display: block; width: 100%; height: 100%; } 
.idx-invest .ivs_area { margin-bottom: 50px; } 
.idx-invest .ivs_area .el { float: left; width: 285px; margin-left: 20px; border: 1px solid #ebeef5; box-sizing: border-box; transition: .3s all ease; } 
.idx-invest .ivs_area .el:first-child { margin-left: 0; } 
.idx-invest .ivs_area .el .img { width: 100%; height: 140px; overflow: hidden; } 
.idx-invest .ivs_area .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease-in; } 
.idx-invest .ivs_area .el:hover .img div { transform: scale(1.05); transition: .3s all ease-in-out; } 
.idx-invest .ivs_area .el .cont { background-color: white; padding: 15px; } 
.idx-invest .ivs_area .el .cont .tit { height: 55px; overflow: hidden; line-height: 27px; font-size: 18px; color: #191818; font-weight: bold; } 
.idx-invest .ivs_area .el .cont .tips { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; font-size: 14px; color: #969696; } 
.idx-invest .ivs_area .el:hover { box-shadow: 0px 0px 20px 1px rgba(0,0,0, .1); transition: .3s all ease; } 
.idx-invest .ivs_area .el:hover .tit { color: #1d94ff; } 

.idx-invest .debt_area .el { position: relative; float: left; margin-bottom: 25px; width:585px; height: 205px; background-color: white; border-radius: 5px; transition: .3s all ease-in; } 
.idx-invest .debt_area .el.on,.idx-invest .debt_area .el:nth-child(2n) { margin-left: 25px; } 
.idx-invest .debt_area .el a { display: block; padding: 30px; width: 525px; height: 145px; } 
.idx-invest .debt_area .el .img { margin-top: 10px; overflow: hidden; float: left; width: 85px; height: 85px; line-height: 85px; text-align: center; border: 1px solid #edeff6; box-sizing: border-box; border-radius: 100%; } 
.idx-invest .debt_area .el .cont { float: right; width: 425px; } 
.idx-invest .debt_area .el .cont .tit { font-size:20px; color: #191818; font-weight: bold; } 
.idx-invest .debt_area .el .cont .tips { margin-top:10px; } 
.idx-invest .debt_area .el .cont .tip { float: left; overflow: hidden; width: 100px; margin-left: 15px; padding-left: 15px; border-left: 1px solid #ebeef5; } 
.idx-invest .debt_area .el .cont .tip:first-child { padding-left: 0; width: 150px; margin-left: 0; border: none; } 
.idx-invest .debt_area .el .cont .tip:nth-child(2) { width: 120px; } 
.idx-invest .debt_area .el .cont .tip:last-child { width: 90px; } 
.idx-invest .debt_area .el .cont .tip .tip_t { color: #688192; font-size: 15px; } 
.idx-invest .debt_area .el .cont .tip .tip_c { margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.idx-invest .debt_area .el .cont .tip .tip_c span { padding-right: 5px; margin-top: 10px; color: #000; font-weight: bold; font-size: 20px; } 
.idx-invest .debt_area .el .cont .tip.on span { color: #1d94ff; } 
.idx-invest .debt_area .el .smry { float: left; width: 430px; height: 42px; overflow: hidden; line-height: 20px; margin-top: 13px; font-size: 14px; color: #969696; } 
.idx-invest .debt_area .el .btn { float: right; margin-top: 20px; transition: .3s all ease; font-size: 14px; color: #fff; width: 80px; height: 30px; line-height: 30px; border-radius: 20px; background: linear-gradient(90deg,#1d94ff,#5ebdf9); text-align: center; } 
.idx-invest .debt_area .el .btn:hover { transform: scale(1.08); transition: .3s all ease; } 
.idx-invest .debt_area .el:hover { transform: scale(1.05); transition: .3s all ease; box-shadow: 0px 0px 20px 1px rgba(0,0,0, .1); } 

.idx-video { background-color: #fff; padding: 50px 0; background-size: cover; } 
/* .idx-video .area { margin-top: 25px; } */
.video-list .el { float: left; border: 1px solid #ebeef5; box-sizing: border-box; margin-bottom: 15px; width: 388px; height: 358px; border-radius:5px; margin-right: 15px; overflow: hidden; transition: .3s all ease; } 
.video-list .el:nth-child(3n) { margin-right: 0; } 
.video-list .el a { display: block; } 
.video-list .el .img { width: 100%; height: 260px; position: relative; overflow: hidden; } 
.video-list .el .img .pic { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease-in; } 
.video-list .el .img .time { font-size: 0; position:absolute; overflow: hidden; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px; } 
.video-list .el .img .time>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.video-list .el .img .time .status { background: url(../images/home/idxvde.jpg) no-repeat 10px center; background-size:17px; white-space: nowrap; margin-right: 25px; position: relative; padding-left: 35px; width: 100px; height: 100%; background-color: #6185a7; font-size:14px; color: #fff; } 
.video-list .el .img .time .status:after { z-index: -1; content: ""; position: absolute; right: -50px; top:0; border-style: solid; border-color: transparent; border-width: 120px 0px 50px 50px; border-left-color: #6185a7; } 
.video-list .el .img .time .status.on { background-image: url(../images/home/idxvds.jpg); background-color: #1c95fe; } 
.video-list .el .img .time .status.on:after { border-left-color: #1c95fe; } 
.video-list .el .img .time .txt { font-size: 15px; color: #fff; } 
.video-list .el .cont { background-color: #fff; padding:18px 20px; } 
.video-list .el .cont .tit { font-size: 18px; line-height: 30px; height: auto; color: #000; font-weight: bold; } 
.video-list .el .cont .tips { background: url(../images/home/idxvda.png) no-repeat left center; background-size: 14px 16px; padding-left: 20px; margin-top: 8px; font-size: 15px; color: #6a8098; white-space: nowrap; } 
.video-list .el .cont .tips.on { background-image: url(../images/home/idxvdr.png); background-size: 13px; } 
.video-list .el:hover { transform: translateY(-3px); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .3); transition: .3s all ease; } 
.video-list .el:hover .img .pic { transform: scale(1.05); transition: .3s all ease; } 
.video-list .el:hover .cont .tit,.idx-video .el:hover .cont .tips { color: #1f94fe; } 

.teacher-list { margin-top: 10px; } 
.teacher-list .el { border: 1px solid transparent; height: 260px; margin-bottom: 30px; padding:20px 35px; background-color: white; box-shadow: 0 0 20px 1px #d2e6f9; } 
.teacher-list .el a { display: block; width: 100%; height: 100%; } 
.teacher-list .el .img { float: left; border: 2px solid #a5cff7; width: 220px; height: 260px; } 
.teacher-list .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease-in; } 
.teacher-list .el .cont { padding-top: 30px; float: right; width: 850px; } 
.teacher-list .el .cont .tit { position: relative; border-left: 3px solid #1f94fe; line-height:25px; padding-left: 30px; font-size: 26px; color: #000; font-weight: bold; } 
.teacher-list .el .cont .smry { height: 150px; line-height: 30px; text-indent: 2em; margin-top: 50px; font-size: 16px; color: #969696; } 
.teacher-list .el .btn { cursor: pointer; position: absolute; right: 20px; top:0; width: 120px; color: #fff; font-size: 17px; border-radius: 5px; height: 35px; line-height: 35px; background-color: #1f94fe; text-align: center; } 

.teacher-list .el:hover { border: 1px solid #1f94fe; } 

/* 内页 */
.innban { width: 100%; height: 400px; } 
.innban div { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } 

.position { padding: 20px 0; font-size: 14px; color: #767676; } 
.position a { font-size: 14px; } 
.position span { color: #a7b1c1; padding-left: 18px; background: url(../images/rongzi/address.png) no-repeat left center; } 

.project-list { margin-bottom: 40px; } 
.project-list .el { border-bottom: 1px dashed #d7d6d6; transition: .3s all ease; position: relative; } 
.project-list .el a { display: block; width: 100%; padding: 25px 0; } 
.project-list .el .img { height: 50px; line-height: 50px; } 
.project-list .el .img img { float: left; display: block; width: 48px; height: 48px; border: 1px solid #ebeef5; } 
.project-list .el .img .tit { padding-left: 20px; float: left; font-size: 18px; color: #000000; font-weight: bold; } 
.project-list .el .con { } 
.project-list .el .con .txt { float: left; font-size: 14px; color: #535050; } 
.project-list .el .con .txt .li { height: 19px; line-height: 19px; margin-top: 20px; } 
.project-list .el .con .txt .li span { font-size: 22px; color: #ed0707; } 
.project-list .el .con .txt.n1 { width: 345px; } 
.project-list .el .con .txt.n2 { width: 300px; } 
.project-list .el .con .txt.n3 { width: 550px; } 
.project-list .el:hover { transform: translateY(-3px); transition: .3s all ease; border-color: #1f94fe; } 
.project-list .el:hover .tit { color: #1f94fe; } 
.project-list .el .btn { position: absolute; top: 25px; right: 0; transition: .3s all ease; margin-top: 10px; width: 105px; height: 30px; line-height: 30px; background-color: #ddefff; color: #1d94ff; font-size: 14px; text-align: center; border-radius: 20px; cursor: pointer; } 
.project-list .el .btn:hover { background-color: #1f94fe; color: #ddefff; transform: translateY(-3px); transition: .3s all ease; } 

.invest-list { } 
.invest-list .el { position: relative; transition: .3s all ease; margin-right: 30px; margin-top: 30px; float: left; width: 583px; height: 190px; border: 1px solid #e2e3e6; box-sizing: border-box; } 
.invest-list .el:nth-child(2n),.invest-list .el.on { margin-right: 0; } 
.invest-list .el a { display: block; padding:0 25px; height: 100%; } 
.invest-list .el .img { padding-top: 25px; border-bottom: 1px solid #e2e3e6; padding-bottom: 15px; } 
.invest-list .el .img img { float: left; width: 60px; height: 60px; border-radius: 100%; } 
.invest-list .el .img .tit { line-height: 30px; float: left; margin-left: 15px; width: 340px; font-size: 22px; color: #000000; font-weight: bold; } 
.invest-list .el .con { padding-top: 10px; } 
.invest-list .el .txt { margin-top: 10px; font-size: 15px; color:#535050; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.invest-list .el .txt span { font-weight: bold; } 
.invest-list .el:hover { border-color:#1f94fe; transform: translateY(-3px); transition: .3s all ease; } 
.invest-list .el .btn { position: absolute; top: 10px; right:25px; transition: .3s all ease; margin-top: 10px; float: right; width: 100px; height: 30px; line-height: 30px; background-color: #ddefff; color: #1d94ff; font-size: 14px; text-align: center; border-radius: 20px; cursor: pointer; } 
.invest-list .el .btn:hover { transform: translateY(-3px); transition: .3s all ease; } 

.debt-list .el { border: 1px solid #e2e3e6; box-sizing: border-box; position: relative; margin-bottom: 25px; width:100%; background-color: white; border-radius: 5px; transition: .3s all ease-in; } 
.debt-list .el.on,.idx-invest .debt-list .el:nth-child(2n) { margin-left: 25px; } 
.debt-list .el a { display: block; padding: 20px 30px; } 
.debt-list .el .img { margin-top: 10px; overflow: hidden; float: left; width: 85px; height: 85px; line-height: 85px; text-align: center; border-radius: 5px; } 
.debt-list .el .tit { font-size:22px; color: #191818; font-weight: bold; } 
.debt-list .el .cont { margin-left: 30px; float:left; width: 920px; } 
.debt-list .el .cont .tips { margin-top:20px; } 
.debt-list .el .cont .tip { float: left; width: 160px; margin-left: 10px; padding-left: 20px; border-left: 1px solid #ebeef5; } 
.debt-list .el .cont .tip:first-child { padding-left: 0; width: 150px; margin-left: 0; border: none; } 
.debt-list .el .cont .tip:nth-child(4) { width: 130px; } 
.debt-list .el .cont .tip:nth-child(5) { width: 180px; } 
.debt-list .el .cont .tip .tip_t { color: #688192; font-size: 15px; } 
.debt-list .el .cont .tip .tip_c { margin-top: 10px; } 
.debt-list .el .cont .tip .tip_c span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 5px; margin-top: 10px; color: #000; font-weight: bold; font-size: 20px; } 
.debt-list .el .cont .tip.on span { color: #1d94ff; } 
.debt-list .el .btn { cursor: pointer; position: absolute; top: 45px; right: 30px; margin-top: 30px; transition: .3s all ease; font-size: 16px; color: #fff; width: 100px; height: 40px; line-height: 40px; border-radius: 20px; background: linear-gradient(90deg,#1d94ff,#5ebdf9); background-color:#1d94ff\9; text-align: center; } 
.debt-list .el .btn:hover { transform: scale(1.08); transition: .3s all ease; } 
.debt-list .el:hover { transform: scale(1.05); transition: .3s all ease; box-shadow: 0px 0px 20px 1px rgba(0,0,0, .1); } 

.class-list { margin: 25px 0; } 
.class-list .el { box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .1); float: left; width: 285px; height: 285px; margin-bottom: 20px; margin-right: 20px; border-radius: 5px; overflow: hidden; } 
.class-list .el:nth-child(4n),.class-list .el.on { margin-right: 0; } 
.class-list .el .img { width: 100%; height: 160px; overflow: hidden; } 
.class-list .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease-in; } 
.class-list .el .cont { height: 95px; padding: 15px 20px; background-color: white; transition: .3s all ease; } 
.class-list .el .cont .tit { height: 55px; line-height: 28px; font-size: 18px; color: #000; } 
.class-list .el .cont .time { margin-top: 10px; font-size: 0; } 
.class-list .el .cont .time .txt { font-size: 16px; line-height: 25px; float: left; color: #9e9e9e; } 
.class-list .el .cont .time .btn { font-size: 14px; border-radius: 20px; float: right; text-align: center; width: 70px; height: 25px; line-height: 25px; background-color: #1d8bfe; color: #fff; } 
.class-list .el:hover .img div { transform: scale(1.05); transition: .3s all ease; } 
.class-list .el:hover .cont { background-color:#1d8bfe; transition: .3s all ease; } 
.class-list .el:hover .tit,.class-list .el:hover .time .txt { color: #fff; } 



.article { } 
.article .title { padding-bottom: 35px; background: url(../images/rongzi/artbg.jpg) no-repeat center; background-size: cover; } 
.article .title .tit_con { border-radius: 10px; padding: 25px 30px; background-color: white; } 
.article .title .tit_con .tit_top { padding-bottom: 20px; border-bottom: 1px solid #e2e3e6; } 
.article .title .tit_con .tit_top img { display: block; float: left; max-width: 230px; height: 70px; line-height: 70px; text-align: center; border: 1px solid #e2e3e6; } 
.article .title .tit_con .tit_top .tit { margin-left: 20px; float: left; width: 880px; } 
.article .title .tit_con .tit_top .tit .txt { padding-top: 5px; margin-bottom: 15px; font-size: 22px; color: #000000; font-weight: bold; } 
.article .title .tit_con .tit_top .tit .time { font-size: 14px; color: #abaaaa; } 
.article .title .tit_con .tit_btm { margin-top: 10px; font-size: 16px; color: #535050; } 
.article .title .tit_con .tit_btm .l_txt { float: left; width: 760px; } 
.article .title .tit_con .tit_btm .r_txt { float: right; width: 370px; } 
.article .title .tit_con .tit_btm .li { margin-top: 15px; *zoom: 1; } 
.article .title .tit_con .tit_btm .li:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.article .title .tit_con .tit_btm .li span { line-height: 25px; max-width: 120px; display: block; float: left; color: #687d92; } 
.article .title .tit_con .tit_btm .li div { line-height: 25px; float: left; white-space: wrap; word-break: break-all; } 
.article .title .tit_con .tit_btm .l_txt .li div { max-width: 640px; } 
.article .title .tit_con .tit_btm .r_txt .li div { max-width: 230px; } 

.article .title .tit_con .tit_left { float: left; width: 460px; height: 235px; } 
.article .title .tit_con .tit_left img { width: 100%; height: 100%; } 
.article .title .tit_con .tit_right { float: right; width: 640px; } 
.article .title .tit_con .tit_right .tit { padding-bottom: 20px; border-bottom: 1px solid #e2e3e6; } 
.article .title .tit_con .tit_right .tit .txt { margin-bottom: 15px; font-size: 22px; color: #000000; font-weight: bold; } 
.article .title .tit_con .tit_right .tit .time { font-size: 14px; color: #abaaaa; } 
.article .title .tit_con .tit_right .tit_txt { } 
.article .title .tit_con .tit_right .tit_txt .li { margin-top: 15px; *zoom: 1; } 
.article .title .tit_con .tit_right .tit_txt .li:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.article .title .tit_con .tit_right .tit_txt .li span { max-width: 120px; display: block; float: left; color: #687d92; line-height: 24px; } 
.article .title .tit_con .tit_right .tit_txt .li div { width: 560px; line-height: 24px; float: left; white-space: wrap; word-break: break-all; } 

.article .title .vid_con { } 
.article .title .vid_con video { width: 100%; } 
.article .title .vid_con .tit { margin-bottom: 20px; font-size: 30px; color: #000; font-weight: bold; } 
.article .title .vid_con .cont { width:100%; } 
.article .title .vid_con .cont .title-con { margin-top: 0; } 
.article .title .vid_con .cont .img { margin-bottom: 25px; font-size: 0; } 
.article .title .vid_con .cont .img>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.article .title .vid_con .cont .img .pic { margin-right: 20px; width: 240px; height: 300px; overflow: hidden; } 
.article .title .vid_con .cont .img .pic div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.article .title .vid_con .cont .img .name { font-size: 26px; color: #282b2d; font-weight: bold; margin-top: -25px; position: relative; } 
.article .title .vid_con .cont .img .name div { position: absolute; overflow: hidden; padding-right: 60px; bottom: -33px; left: 0; z-index: -1; } 
.article .title .vid_con .cont .img .name span { white-space: nowrap; padding: 0 10px; display: block; height: 45px; line-height: 45px; background-color: #b1dafe; color: #fff; font-size: 20px; } 
.article .title .vid_con .cont .img .name div:after { z-index: -1; content: ""; position: absolute; right: 15px; top:-49px; border-style: solid; border-color: transparent; border-width: 50px 0px 50px 50px; border-left-color: #b1dafe; } 
.article .title .vid_con .cont .txt { font-size: 16px; color: #535050; line-height: 30px; } 

.article .content { background-color: white; padding: 20px 0; padding-bottom: 40px; } 
.article .content .cont_area { padding: 30px 40px; border: 1px solid #e2e3e6; } 
.article .content .cont_area .tit { font-weight: bold; font-size: 22px; color: #1d94ff; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e2e3e6; position: relative; } 
.article .content .cont_area .tit .btn { cursor: pointer; position: absolute; right: 0; top: 0; width: 105px; height: 30px; line-height: 30px; background-color: #ddefff; font-size: 14px; color: #1d94ff; text-align: center; border-radius: 20px; } 
.article .content .cont_area .tit .btn:hover { } 
.article .content .cont_area .con { *zoom: 1; } 
.article .content .cont_area .con:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.article .content .cont_area .con .txt { text-align: center; float: left; margin: 0 10px; width: 255px; box-sizing: border-box; border-left: 1px dashed #e2e3e6; } 
.article .content .cont_area .con .txt:first-child { border: none; } 
.article .content .cont_area .con .txt span { display: block; font-size: 16px; color: #687d92; } 
.article .content .cont_area .con .txt div { font-weight: bold; margin-top: 10px; font-size: 18px; color: #535050; } 
.article .content .content_text { font-size: 16px; color: #535050; line-height: 30px; } 

.form { padding:50px 200px 50px 300px; border: 1px solid #ebeef5; margin-bottom: 50px; } 
.form .f_title { font-size: 30px; color: #1c95fe; font-weight: bold; text-align: center; margin-bottom: 30px; } 
.form .fw { position: relative; width: 550px !important; } 
.form .bb { font-size: 16px !important; font-weight: bold !important; position: relative; } 
.form .bb.on:after { content: "*"; font-size: 18px; color: #ff0000; font-weight: bold; position: absolute; left: 0; top: 5px; } 
.form .btn { display: block; outline: none; border: none; margin: 0 auto; margin-top: 20px; cursor: pointer; width: 250px; height: 55px; line-height: 55px; text-align: center; background-color: #1d94ff; color: #fff; font-size: 20px; font-weight: bold; border-radius: 30px; } 
.form .btn:hover { box-shadow: 0 0 20px 5px #c1e2ff; } 
.form .layui-form-item { margin-bottom: 30px; z-index: unset!important; }