.list_banner{height: 350px;background: url(/storage/15830/images/20211112/list_banner.jpg) top center no-repeat;overflow: none;padding-top:10px;}
.list_font{width: 1200px;margin:0 auto;margin-top: 68px}
.list_font H1{font-size: 60px;
color: #000;
line-height: 70px;}
.list_font p{font-size: 48px;color: #fff;}
.list_font span{font-size: 20px;color: #fff;margin-top: 20px;display: block;}
@media only screen and (max-width: 760px){
.list_banner{height: 200px;background: url(/storage/15830/tpl/my_9/images/list_banner.jpg) top center no-repeat; }
.list_font{width: auto;margin:0 10px;}
.list_font{margin-top: 30px}
.list_font H1{font-size: 30px;color: #fff;line-height: 35px;}
.list_font p{font-size: 22px;}
.list_font span{font-size: 14px;margin-top: 0}
}
.fl_list{height: 60px;line-height: 60px;border-bottom: 1px solid #ddd;}
.list_fl{width: 1200px;margin:0 auto;}
.list_fl ul li{float: left;font-size: 16px;margin:0 5px;}
.list_fl ul li a{font-size: 16px;color: #666;margin:0 25px;float: left;}
.list_fl ul li:first-child a{margin-left: 0;}
.fl_cur a{border-bottom: 2px solid #4a85f8;color: #4a85f8 !important;}
.list_fl ul li a:hover{border-bottom: 2px solid #4a85f8;color: #4a85f8;	}
@media only screen and (max-width: 760px){
.list_fl{width: auto;margin:0 10px;}
.fl_list{height: 40px;line-height: 40px;}
.list_fl ul li{margin:0 ;}
.list_fl ul li a{font-size: 12px;color: #666;display: block;margin:0 5px;}
.list_fl ul li span{display: none;}
}
.location{width: 1200px;margin:0 auto;height: 66px;line-height: 66px;font-size: 12px;color: #666;}
.location a{color: #666;}
.location a:hover{color: #4a85f8;}
.location a:visited{text-decoration: underline;}
@media only screen and (max-width: 760px){
.location{width: auto;margin:0 10px;height: 40px;line-height: 40px}
}
.list_article{width: 1200px;margin:0 auto;overflow: hidden;
margin-bottom: 70px}
.li_left{width: 840px;float: left;}
.li_right{width: 300px;float: right;}
.class_title{font-size: 40px;color: #333;margin-top: 10px;}
.list_list{margin-top: 20px}
.list_list dl{height: 200px;background-color: #f7f7f7;margin-bottom: 10px}
.list_list dl:hover{background-color: #4a85f8;transition: 300ms}
.list_list dl:hover .n1,.list_list dl:hover .n2,.list_list dl:hover .n3,.list_list dl:hover .n4{color: #fff !important;}
.list_list dl:hover .n2 a{color: #fff;}
.list_list dl:hover .n4 span{color: #fff;}
.list_list dl:hover .n4 em{color: #fff;}
.list_list dl dt{width: 290px;float: left;}
.list_list dl dt img{width: 266px;height: 165px}
.list_list dl dd{width: 500px;float: left;margin-top: 15px}
.list_list dl dt{margin-top: 15px;margin-left: 15px;}
.n1{font-size: 14px;color: #999;margin-top: 10px}
.n2{margin-top: 10px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.n2 {font-size: 18px;color: #333333;}
.n3{font-size: 14px;color: #333;margin-top: 10px;height: 80px;line-height: 24px;}
.n4 span{float: left;font-size: 14px;color: #999;}
.n4 em{float: right;font-size: 14px;color: #999;}
.ep-pages{padding:10px 0px;clear:both;text-align:center;
font-size:14px;vertical-align:top;margin-top: 10px;margin-bottom: 0px;float: right;} 
.ep-pages a, .ep-pages span{display:inline-block;height:35px;line-height:35px;padding:0 15px;
margin:5px 1px 0 0;background:#fff;border:1px solid #f1f1f1;overflow:hidden;vertical-align:top;border-radius: 3px} 
.ep-pages a:hover{background:#4a85f8;border:1px solid #f1f1f1;text-decoration:none} 
.ep-pages a, .ep-pages a:visited{color:#666} 
.ep-pages a:hover, .ep-pages a:active{color:#ffffff} 
.ep-pages span{background:#4a85f8;border:1px solid #4a85f8;color:#fff} 
.ep-pages a.current, .ep-pages a.current:visited{color:#ffffff} 
.ep-pages a.current:hover, .ep-pages a.current:active{color:#ffffff} 
.gg{margin-top: 90px}
.tag_title{height: 36px;margin-top: 20px;line-height: 36px;border-bottom: 1px solid #ddd;font-size: 18px;color: #333;}
.tag_list ul li{float: left;margin:0 3px;background-color: #f7f7f7;margin-top: 10px}
.tag_list ul li a{padding:4px 10px;font-size: 14px;color: #444;}
.tag_list{margin-top: 5px}
.pl_title{height: 40px;line-height: 40px;margin-top: 15px;color: #333;font-size: 18px;}
.pl_list{background-color: #f7f7f7;overflow: hidden;padding-bottom:15px;}
.pl_t{height: 60px;line-height: 60px;border-bottom: 1px dashed  #ddd;margin:0 10px;}
.pl_t em{font-size: 16px;color: #000;}
.pl_b{height: 103px;border-bottom: 1px dashed  #ddd;margin:0 10px;margin-top: 15px;overflow: hidden;}
.pl_t a:hover{color:#4a85f8 !important;}
.pl_b dt{font-size: 22px;width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: #dddddd;float: left;margin-right: 15px;}
.pl_b dd a{color: #000;font-size: 16px;}
.pl_b  p{font-size: 12px;line-height: 22px;margin-top: 5px;color: #999;clear: both;}
.a1{display: none;}
.pl_list ul li{min-height: 60px;overflow: hidden;}
.n2 a:hover{color: #4a85f8;}
@media only screen and (max-width: 760px){
.n1{margin-top: 0}
.list_article{width: auto;margin:0 auto;}
.li_left{width: auto;float: none;margin:0 10px;}
.li_right{float: none;width: auto}
.class_title{font-size: 24px;color: #333;margin-top: 10px;}
.list_list dl{height: auto;background-color: #f7f7f7;margin-bottom: 10px;padding-bottom:10px;overflow: hidden;}
.list_list dl dt{width: 32%;float: left;margin-left: 2%;margin-top: 10px}
.list_list dl dt img{width: 90%;height: auto;}
.list_list dl dd{width: 65%;float: left;margin-top: 7px}
.n2{margin-top: 5px;font-size: 16px;}
.n2 a{font-size: 16px;}
.n3{display: none;}
.n4{margin-top: 5px}
.n4 em{display: none;}
.dn{display: none !important;}
.ep-pages{float:none;margin-bottom: 0px}
.list_article{margin-bottom: 20px}
.pl{margin:0 10px;}
.gg{margin:0 10px;margin-top: 10px}
.gg img{width: 100%}
.pl_t{height: 40px;line-height: 40px;}
.pl_list ul li{min-height: 40px;}
.tag{margin:0 10px;}
}
.article_title{border-bottom: 1px dashed #ddd;padding-bottom:10px;overflow: hidden;}
.article_title p{font-size: 30px;color: #333;margin-bottom: 10px}
.article_title span{float: left;color: #999;padding-right: 15px;}
.article_title em{float: right;overflow: hidden;color: #999;}
.article_ms{border: 1px solid #eeeeee;background-color: #f7f7f7;margin-top: 20px;line-height: 22px;padding:10px 10px;font-size: 14px;color: #666;}
.article_body{font-size: 16px;color: #333;line-height: 36px;margin-top: 20px;}
.article_body img{margin-top: 20px;max-width: 750px; }
.article_body h2{    display: block;
    font-size: 20px;
    padding: 8px 15px;
    margin: 10px 0;
    border-left: solid 4px #0077c3;
   }
.article_body h3{margin-top: 20px;max-width: 750px;font-size: 18px;color:#f60; }
.article_body h4:before{
    content: '\f00c';
    font-family: FontAwesome;
    display: inline-block;
    color: #95bf03;
    margin-right: 10px; }
.article_body h4{color:#455777;
font-size: 16px;
font-weight: 400;
line-height: 1.8;}
.ar_tag{margin-top: 50px;margin-bottom: 50px;}
.ar_tag a{padding:5px 10px;background-color: #f7f7f7;}
.ar_link{height: 50px;line-height: 50px;text-align: center;background-color: #f7f7f7;border: 1px solid #eee;color: #333;margin-top: 20px}
.ar_pre{margin-top: 20px;border-top: 1px dashed #ddd;}
.pre{float: left;width: 50%;line-height: 60px;font-size: 16px;color: #333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.next{float: left;width: 50%;line-height: 60px;font-size: 16px;color: #333;text-align: right;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.pre a:hover,.next a:hover{color: #999;}
.ar_xg{margin-top: 20px;}
.xg_title{font-size: 18px;color: #333;}
.xg_list{background-color: #f7f7f7;padding:5px 10px;margin-top: 20px}
.xg_list dl{padding-bottom:10px; border-bottom: 1px dashed #eee;overflow: hidden;}
.xg_list dl dt{float: left;width: 120px;margin-left: 10px;margin-top: 10px;}
.xg_list dl dt img{width: 100%}
.xg_list dl dd{float: left;margin-left: 20px;width: 640px}
.xg_list dl dd{margin-top: 15px}
.xg_list dl dd p{display: block;font-size: 16px;color: #333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.xg_list dl:hover{background-color: #4a85f8;transition: 300ms}
.xg_list dl:hover p{color: #fff;}
.xg_list dl:hover span{color: #fff;}
.xg_list dl dd span{display: block;margin-top: 10px;color: #666;font-size: 14px;}
.zx_list{background-color: #f7f7f7;overflow: hidden;padding-bottom:5px;margin-top: 5px}
.zx_list dl{padding-bottom:10px; border-bottom: 1px dashed #eee;overflow: hidden;}
.zx_list dl:hover{background-color: #4a85f8;transition: 300ms}
.zx_list dl dt{float: left;width: 28%;margin-left: 3%;margin-top: 10px;}
.zx_list dl dt img{width: 100%}
.zx_list dl dd{float: left;margin-left: 3%;width: 65%}
.zx_list dl dd{margin-top: 10px}
.zx_list dl dd a{display: block;font-size: 14px;color: #333;}
.zx_list dl:last-child{border:0;}
.zx_list dl:hover p{color: #fff;}
.zx_list dl:hover span{color: #fff;}
.ar_tag a:hover{color: #4a85f8;}
.tag_list a:hover{color: #4a85f8;}
@media only screen and (max-width: 760px){
.article_title em{float: none;}
.article_title p{font-size: 20px;}
.location{height: auto;line-height: 20px;margin-top: 15px;margin-bottom: 15px}
.article_body{font-size: 15px;color: #333;line-height: 26px;}
.article_body img{width: 100%}
.ar_tag{margin-top: 20px;margin-bottom: 20px}

.ar_ad img{width: 100%}
.ar_link{height: auto;line-height: 24px;padding-top:10px;padding-bottom:10px;}
.pre{width: auto;float: none;line-height: 30px;margin-top: 10px}
.next{width: auto;float: none;text-align: left;line-height: 30px}
.ar_xg{margin-top: 10px}
.xg_list{margin-top: 10px}
.xg_list dl dt{float: left;width: 28%;margin-left: 1.5%;margin-top: 10px;}
.xg_list dl dd{margin-top: 10px;margin-left: 3%;width: 65%}
.xg_list dl dd span{margin-top: 5px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.new_zx{margin:0 10px;}
}
.alert{width: 50px;position: fixed;right:10px;z-index: 9999;bottom:100px;}
.r0{position: relative;width: 50px;height: 50px;background-color: #4a85f8;}
.r1{position: relative;background-color: #4a85f8;}
.r11{height: 50px;width:170px;line-height: 50px;background-color: #4a85f8;position: absolute;right:-500px;text-align:center;top:0;
font-size: 18px;color: #fff;}
.r1:hover .r11{right:50px;transition: 300ms}
.r2{position: relative;background-color: #4a85f8;}
.r3{position: relative;background-color: #4a85f8;margin-top: 10px}
.r0:hover,.r1:hover,.r2:hover,.r3:hover{background-color: #6397fc;}
.code{right:-500px;position: absolute;top:-30px;}
.code img{padding:5px;background-color: #fff;width: 100px;}
.r2:hover .code{right:63px;transition: 300ms}
@media only screen and (max-width: 760px){
.alert{display: none;}
}

.head_div {
    position: relative;
    height: 450px;
}

.head_div > img {
    height: 450px;
}

.head_content {
    color: white;
    width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
	text-align: center;
}

.head_content .title1 {
    font-size: 22px;
    font-family: PingFang SC;
   
}

.head_content .title2 {
   
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 600;
    margin: 18px 0 0 0;
    height: 110px;
    overflow: hidden;
    line-height: 52px;
}

.head_content .button_div {
    /* margin-top: 50px; */
}

.fa_button:hover {
    background: linear-gradient(90deg, #24B7FF, #23E0FF);
    color: white;
}

.fa_button {
    background: white;
    padding: 17px 46px;
    font-size: 14px;
}

.faq_button:hover {
    padding: 17px 46px;
    background: linear-gradient(90deg, #24B7FF, #23E0FF);
    color: white;
    border: 0;
}

.faq_button {
    padding: 16px 46px;
    color: white;
    border: 1px solid;
    margin-left: 10px;
    font-size: 14px;
}

.head_hydiv {
    height: 100px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #00000080;
}

.head_hydiv .conent-div {
    margin: 0 auto;
    width: 1200px;
}

@media (max-width: 1600px) {
    .head_content {
        width: 1092px;
    }

    .head_hydiv .conent-div {
        width: 1092px;
    }
}

.info_title {
    font-size: 15px;
    color: #CCCCCC;
}

.info_val {
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 10px;
}

.head_hydiv .pp_div {
    text-align: left;
    margin-top: 15px;
    float: left;
    width: 100%;
}

.head_hydiv .pp_divinfo {
    position: relative;
    float: left;
    width: 33%;
}

.head_hydiv .pp_divinfo .info-div {

}

.head_hydiv .pp_divinfo:nth-child(n+2):after {
    content: '';
    position: absolute;
    width: 1px;
    height: 70px;
    left: -30px;
    border-left: 1px solid #9a9a9a80;
    top: 0;
}