@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:16px;vertical-align:baseline;background:transparent;font-family:"PingFang SC","Microsoft YaHei","Segoe UI","Lucida Grande",Helvetica,Arial,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;color: #121212;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1{font-style: normal;}
.width{width: 1180px;margin: 0 auto;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
ul,li{list-style: none;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}

.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}

.content{background: #F1F1F1;}

.elip{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-break:break-all;}


.banner{height: 430px;background: url(../../images/zixun/banner.jpg) center top no-repeat;background-size: cover;margin-bottom: 30px;}
.banner h5{display: block;font-weight: 400;font-size: 20px;color: #FFFFFF;padding-top: 84px;}

.banner span{display: block;font-weight: bold;font-size: 42px;color: #FFFFFF;margin: 26px 0 21px;}

.banner span em{font-weight: bold;font-size: 42px;background: linear-gradient(90deg, #FF1C1C 0%, #FF8B19 100%);color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;}

.banner p{font-weight: 400;font-size: 20px;color: #FFFFFF;}

.banner a{display: block;text-align: center;width: 208px;height: 65px;background: #1257EE;border-radius: 4px;font-weight: 500;font-size: 21px;color: #FFFFFF;line-height: 65px;margin-top: 60px;}



.banner-m{display: none;}

.article-m{display: none;}

.f_bot{display: none;}



.position{font-weight: 400;font-size: 18px;color: #777676;margin-bottom: 20px;}

.position a{color: #777676;}

.position a:hover{color: #1D4AF1;}



.my_left{width: 820px;float: left;}
.my_right{width: 340px;float: right;}



.my_left .article{width: 820px;height: auto;background: #FFFFFF;box-sizing: border-box;padding: 45px 0 25px 45px;margin-bottom: 20px;}

.my_left .article h1{display: block;font-weight: bold;font-size: 38px;color: #000000;margin-bottom: 28px;line-height: 50px;}
.my_left .article .release{display: flex;align-items: center;margin-bottom: 38px;width: 730px;flex-wrap: wrap;}

.my_left .article .release em{display: block;font-weight: 500;font-size: 16px;color: #7B7B7B;margin-right: 40px;}

.my_left .article .release em:last-child{margin-right: 0;}

.my_left .article .intro{width: 730px;height: 212px;background: url(../../images/zixun/art_1.jpg);background-size: 100%;box-sizing: border-box;padding: 37px 0 0 33px;display: flex;margin-bottom: 40px;}

.my_left .article .intro img{display: block;width: 139px;height: 139px;margin-right: 34px;}

.my_left .article .intro span{display: block;font-weight: bold;font-size: 24px;color: #FFFFFF;width: 480px;margin-bottom: 10px;}

.my_left .article .intro span a{float: right;width: 101px;height: 23px;background: #FFFFFF;border-radius: 11px;text-align: center;font-weight: bold;font-size: 14px;color: #144AE6;line-height: 23px;margin-top: 4px;display: block;}

.my_left .article .intro p{width: 480px;font-weight: 400;font-size: 15px;color: #FFFFFF;line-height: 26px;}

.my_left .article .body{font-weight: 500;font-size:18px; width:730px; overflow:hidden;color: #000000;}
.my_left .article .body p{line-height: 28px; margin-bottom: 14px;font-size: 18px;color: #000000;}
.my_left .article .body p strong{font-weight: bold;}
.my_left .article .body a{color:#144AE6;}

.my_left .article .body img{display: block;max-width: 730px;margin:10px auto;}

.my_left .article .other{margin-top: 30px;}

.my_left .article .other p{display: flex;font-weight: 500;font-size: 16px;color: #7B7B7B;margin-bottom: 10px;}

.my_left .article .other p a{font-weight: 500;font-size: 16px;color: #7B7B7B;}

.my_left .article hr{display: block;width: 730px;height: 1px;background: #E9E9E9;margin: 30px 0;}

.my_left .article .lable{width: 668px;justify-content: baseline;display: flex;flex-wrap: wrap;}

.my_left .article .lable i{display: block;font-weight: 400;font-size: 14px;color: #2969FE;margin-bottom: 10px;width: 80px;font-style: normal;}

.my_left .bot{width: 820px;height: 290px;background: url(../../images/zixun/bot_1.jpg);background-size: 100%;box-sizing: border-box;padding: 25px 0 0 40px;margin-bottom: 80px;}

.my_left .bot h5{display: block;font-weight: bold;font-size: 23px;color: #FFFFFF;margin-bottom: 15px;}

.my_left .bot .fl p{font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 26px;}

.my_left .bot .fl ul{width: 552px;margin-top: 15px;}

.my_left .bot .fl ul li{width: 173px;height: 33px;background: rgba(255,255,255,0.7);border-radius: 16px;border: 1px solid #FFFFFF;text-align: center;font-weight: 500;font-size: 16px;color: #0E2DCC;line-height: 33px;margin-bottom: 10px;}

.my_left .bot .fr{width: 168px;height: 121px;margin-right: 25px;}

.my_left .bot .fr img{display: block;width: 94px;height: 94px;margin: 0 auto 13px;}

.my_left .bot .fr b{display: block;text-align: center;font-weight: 500;font-size: 14px;color: #FFFFFF;}



.my_right .r{display: block;width: 340px;height: 473px;background: #FFFFFF;border-radius: 6px;margin-bottom: 30px;}
.my_right .r h4{display: block;font-weight: bold;font-size: 18px;color: #000000;padding: 17px 0 0 21px;}

.my_right .r hr{width: 340px;height: 1px;background: #F1F1F1;margin: 15px 0 20px;} 

.my_right .r1 ul{width: 300px;margin: auto;}
.my_right .r1 ul li{width: 93px;height: 93px;background: url(../../images/zixun/r1_1.png);background-size: 100%;margin-bottom: 10px;font-weight: 500;font-size: 14px;color: #FFFFFF;text-align: center;}

.my_right .r1 ul li:nth-child(2){background: url(../../images/zixun/r1_2.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(3){background: url(../../images/zixun/r1_3.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(4){background: url(../../images/zixun/r1_4.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(5){background: url(../../images/zixun/r1_5.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(6){background: url(../../images/zixun/r1_6.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(7){background: url(../../images/zixun/r1_7.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(8){background: url(../../images/zixun/r1_8.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(9){background: url(../../images/zixun/r1_9.png);background-size: 100%;}

.my_right .r1 ul li::before{display: block;content: '';margin: 24px auto 10px;width: 22px;height: 22px;background: url(../../images/zixun/r1_t1.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(2)::before{width: 19px;height: 22px;background: url(../../images/zixun/r1_t2.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(3)::before{width: 24px;height: 18px;background: url(../../images/zixun/r1_t3.png);background-size: 100%;margin: 28px auto 10px;}

.my_right .r1 ul li:nth-child(4)::before{width: 21px;height: 22px;background: url(../../images/zixun/r1_t4.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(5)::before{background: url(../../images/zixun/r1_t5.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(6)::before{width: 24px;height: 22px;background: url(../../images/zixun/r1_t6.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(7)::before{width: 23px;height: 22px;background: url(../../images/zixun/r1_t7.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(8)::before{background: url(../../images/zixun/r1_t8.png);background-size: 100%;}

.my_right .r1 ul li:nth-child(9)::before{background: url(../../images/zixun/r1_t9.png);background-size: 100%;}

.my_right .r1 .r1_b{width: 300px;margin: 12px auto 0;}

.my_right .r1 .r1_b a{display: block;text-align: center;width: 145px;height: 52px;background: #1257EE;border-radius: 6px;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 52px;}

.my_right .r1 .r1_b a:nth-child(2){background: #F5F9FF;border: 1px solid #1257EE;color: #1257EE;}

.my_right .r1 .r1_b a::before{display: inline-block;content: '';width: 24px;height: 24px;background: url(../../images/zixun/r1_ico1.png);background-size: 100%;margin-right: 7px;vertical-align: -6px;}

.my_right .r1 .r1_b a:nth-child(2)::before{width: 20px;height: 22px;background: url(../../images/zixun/r1_ico2.png);background-size: 100%;vertical-align: -4px;}

.my_right .r2{background: #F1F1F1;margin-bottom: 30px;height: auto;}

.my_right .r2_1{width: 340px;height: 171px;background: url(../../images/zixun/r2_1.jpg);background-size: 100%;margin-bottom: 15px;box-sizing: border-box;padding: 45px 0 0 20px;}

.my_right .r2_1:nth-child(2){background: url(../../images/zixun/r2_2.jpg);background-size: 100%;}

.my_right .r2_1:nth-child(3){background: url(../../images/zixun/r2_3.jpg);background-size: 100%;}

.my_right .r2_1 span{display: block;font-weight: bold;font-size: 20px;color: #FFFFFF;line-height: 28px;}

.my_right .r2_1 a{display: block;text-align: center;width: 90px;height: 35px;background: #FFFFFF;border-radius: 3px;font-weight: bold;font-size: 14px;color: #000000;line-height: 35px;margin-top: 15px;}

.my_right .r2_1 a::after{display: inline-block;content: '';width: 6px;height: 10px;background: url(../../images/zixun/r2_arrow.png);background-size: 100%;margin-left: 5px;}

.my_right .r3{width: 340px;height: 273px;background: #FFFFFF;border-radius: 6px;}

.my_right .r3 ul{width: 300px;margin: auto;display: flex;justify-content: baseline;flex-wrap: wrap;}

.my_right .r3 ul li{width:105px;height: 32px;margin-right: 15px;font-weight: 500;font-size: 16px;color: #000000;margin-bottom: 7px;}

.my_right .r3 ul li:nth-child(3n){width: 60px;margin-right: 0;}

.my_right .r3 ul li:nth-child(3n+2){width: 90px;}

.my_right .r3 ul li::before{display: inline-block;content: '';width: 17px;height: 15px;background: url(../../images/zixun/r3_ico1.png);background-size: 100%;margin-right: 5px;vertical-align: -2px;}

.my_right .r3 ul li:nth-child(2)::before{width: 17px;height: 18px;background: url(../../images/zixun/r3_ico2.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(3)::before{width: 18px;height: 18px;background: url(../../images/zixun/r3_ico3.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(4)::before{width: 18px;height: 16px;background: url(../../images/zixun/r3_ico4.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(5)::before{width: 17px;height: 18px;background: url(../../images/zixun/r3_ico5.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(6)::before{width: 18px;height: 16px;background: url(../../images/zixun/r3_ico6.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(7)::before{width: 17px;height: 18px;background: url(../../images/zixun/r3_ico7.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(8)::before{width: 18px;height: 16px;background: url(../../images/zixun/r3_ico8.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(9)::before{width: 16px;height: 16px;background: url(../../images/zixun/r3_ico9.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(10)::before{width: 15px;height: 18px;background: url(../../images/zixun/r3_ico10.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(11)::before{width: 15px;height: 17px;background: url(../../images/zixun/r3_ico11.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(12)::before{width: 20px;height: 18px;background: url(../../images/zixun/r3_ico12.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(13)::before{width: 19px;height: 16px;background: url(../../images/zixun/r3_ico13.png);background-size: 100%;}

.my_right .r3 ul li:nth-child(14)::before{width: 17px;height: 17px;background: url(../../images/zixun/r3_ico14.png);background-size: 100%;}

.my_right .r4{width: 340px;height: 300px;background: #FFFFFF;border-radius: 6px;}

.my_right .r4 a{width: 290px;font-weight: 500;font-size: 16px;color: #717171;margin-bottom: 10px;margin-left: 21px;}

.my_right .r4 a::before{display: inline-block;content: '';width: 3px;height: 3px;background: #717171;border-radius: 50%;margin-right: 8px;vertical-align: 2px;}

.my_right .r4 a:hover{color: #1D4AF1;}

