@charset "utf-8";
/* CSS Document */
/*公用*/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;}
body{font-size:14px;color:#333;background: #f9f9f9;font-family:Microsoft YaHei,"微软雅黑";margin: 0 auto;}
ol,ul,li{list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle;margin-left: 10px;}
font{font-size:12px;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
a{text-decoration:none;}



.iconfont{text-align:right;width: 15px;}


.w1200{ width:1200px; margin:0 auto;}
.content {display:flex;margin-top: -50px;padding-top: 80px;flex-direction: row-reverse;justify-content: space-between;}
.content .conlist{width: 170px;flex-shrink: 0;margin-right: 30px;margin-top: 20px;}
.content .conlist .listbox {top: 90px;width: 170px;}
.content .conlist .listbox .rightmenu{width:100%;margin: 20px 0;}
.content .conlist .listbox .rightmenu.top .title{background:#0084FD}
.content .conlist .listbox .rightmenu.top .title a{color:#fff}
.content .conlist .listbox .rightmenu.top .title:hover{color: #ccc;}
.content .conlist .listbox .rightmenu .title:hover a{/*color:#0084FD*/ transform:scale(1.05);transition:all .5s}
.content .conlist .listbox .nav li:hover{/*background:#0084FD*/}
.content .conlist .listbox .nav li:hover a{/*color:#0084FD*/transform:scale(1.05);transition:all .5s}
.content .conlist .listbox .rightmenu .title{text-align:right;transition:all .5s;font-size: 16px;line-height: 30px;padding: 5px 10px;}
.content .conlist .listbox .rightmenu .title i{transition:all .5s}
.content .conlist .listbox .rightmenu .title a{display:flex;justify-content: space-between;}
.content .conlist .listbox .rightmenu .title .layui-icon-file{margin-right:5px;}
.content .conlist .listbox .rightmenu .title span {display:flex; align-items:content}
.content .conlist .listbox .rightmenu.sidebar-show .title i{transform: scale(.8) rotate(90deg);transition:all .5s}
.content .conlist .listbox .rightmenu.hit .title i{transform:rotate(0deg); transition:all .5s}
.content .conlist .listbox .rightmenu li{font-size: 15px;margin: 15px 10px;}
.content .conlist .listbox .rightmenu li:hover a{color: #0084FD;}
.content .conlist .listbox .rightmenu li a{width:100%;display: block;padding: 3px 10px;}
.content .cont{width: 100%;margin-bottom: 50px;}
.content .cont .title{font-size: 22px;margin-top: -60px;padding-top: 80px;}
.content .cont .title span{width: 100%;display: flex;height: 80px;line-height: 80px;font-size: 30px;background-blend-mode:multiply;background-color: #2e31318c;align-items: center;justify-content: center;color: #fff;}
.content .cont .title .bj1{background-image:url(/images/gjzyy.jpg)}
.content .cont .title .bj2{background-image:url(/images/wmgjxx.jpg)}
.content .cont .title .bj3{background-image:url(/images/kjyygj.jpg)}
.content .cont .title .bj4{background-image:url(/images/smyy.jpg);}
.content .cont .title .bj5{background-image:url(/images/tiktok.jpg);background-size: 100% 100%;}
.content .cont .title .bj6{background-image:url(/images/dlzgj.jpg)}
.content .cont .title .bj7{background-image:url(/images/ai.jpg)}
.content .cont .title span i{margin-right:15px;font-size: 25px;font-weight: bold;}
.content .cont .bat1 { width:100%}
.content .cont .menu {display:flex;justify-content: flex-start;margin: 20px auto 10px;}
.content .cont .menu ul{display:flex;background: rgba(0,0,0,.1);margin-top: 20px;padding: 3px 5px;border-radius: 50px;flex-wrap: nowrap;flex-direction: row;justify-content: space-between;}
.content .cont .menu ul li{padding: 2px 20px;cursor:pointer;font-size: 18px;line-height: 25px;}
.content .cont .menu ul li.hit{background: #0084FD;border-radius:50px;color: #fff;}

.conlist .listbox .rightmenu .nav{ display:none;}







.content .cont .conbox{ display:none;} 
.content .cont .conbox .flex{display:flex;overflow:hidden;flex-wrap:wrap;}
.content .cont .conbox .flex .box{width: 23%;margin: 15px 1%;padding: 12px 1%;overflow: hidden;text-overflow: ellipsis;background: #fff;box-shadow: 0px 0px 20px -5px rgba(158,158,158,.2);}
.content .cont .conbox .flex .box a{display:flex;align-items:center;justify-content: flex-start;overflow: hidden;white-space: nowrap;}
.content .cont .conbox .flex .box .img{width:40px;height:40px;align-items: center!important;background: rgba(128,128,128,.1);display: flex;justify-content: center;overflow: hidden;border-radius: 50%;min-width: 40px;}
.content .cont .conbox .flex .box a img{max-height: 100%;}
.content .cont .conbox .flex .box a span{margin-left:15px;width: 70%;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.content .cont .conbox .flex .box a span strong{font-size: 14px;font-weight:bold;color: #333;}
.content .cont .conbox .flex .box a span p{ color:#6c757d;font-size: 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}


.content .cont .contlist .conbox .flex{display:flex;flex-wrap: wrap;justify-content: space-around;}
.content .cont .contlist .conbox .flex .box{width: 215px;height: 40px;padding: 15px;margin:20px 0;background: #fff;box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);}
.content .cont .contlist .conbox .flex .box a{display:flex;align-items: center;justify-content: flex-start;}
.content .cont .contlist .conbox .flex .box a .img{width: 40px;height:40px;} 
.content .cont .contlist .conbox .flex .box a img{width: 100%;height:40px;overflow: hidden;border-radius: 50%;}

.content .cont .contlist .conbox .flex .box p{white-space:nowrap;width:100%;text-overflow: ellipsis;overflow: hidden;}
.content .cont .contlist .conbox .flex .box span{width: 150px;margin-left: 10px;}
.content .cont .contlist .conbox .flex .box span strong{font-size:18px;}
.content .cont .contlist .conbox .flex .box span p{font-size:14px;}

.footer .footer_nav h3{line-height:30px; padding-top:25px;}
.footer .footer_nav li{line-height:30px;}
.copyright{display:flex; }
.content .conlist .listbox{height: 45vh;overflow-y: auto;}
.content .conlist .listbox.top{position:fixed;}
.foot_wx img{width:80px;}
.foot_wx p{width:80px;}
.content .cont .conbox .flex .box{transition:all .5s}
.content .cont .conbox .flex .box:hover{transform:translateY(-5px); transition:all .5s}
.banner_toll{height: 38vh;width: 100%;background-image:url('/images/banner_bg.jpg');background-size: cover;text-align:center;background-position: 100% 100%;}
.banner_toll h1{padding-bottom:30px;}
.banner_toll h1 span{color:#3178FE}
.banner_toll h1,h2{text-align:justify}
.banner_toll .w1200 h2 a{width: 130px;height: 42px;border-radius: 21px;border: 1px solid #0084FD;line-height: 42px;text-align: center;font-size: 16px;color: #0084FD;/* margin-right: 30px; */padding:5px 10px;}
.content.w1200 .box .layui-icon{font-size:12px;color: #dedede;}



#mzsm{ display: none;position:fixed;top: 0;left: 0;background: rgba(0,0,0,.3);width: 100%;height: 100%;z-index: 999999; }
#mzsm .close{position: absolute;top: -15px;right: -15px;color: #fff;font-size: 25px;background: rgba(0,0,0,0.7);width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#mzsm .apply_partner {background: #FFFFFF;box-shadow: 0px 4px 21px rgba(0,0,0,0.1);border-radius: 2px;height: 580px;width: 960px;}
#mzsm .apply_partner .card-body{ padding:0 30px 0 34px;}
#mzsm .apply_partner .card-body .margin{ margin:20px auto; overflow:auto; height:540px;}
#mzsm .apply_partner .titile{ font-size:25px; font-weight:bold; text-align:center; }
#mzsm .apply_partner .bold{ font-weight:bold; font-size:18px;}
#mzsm .apply_partner p{ font-size:18px; margin-bottom:20px; word-break: break-all; }


 @media screen and (max-width: 768px) {
     .footer .w1200{width:auto;}
     .footer .copyright{flex-direction:column}
     .content .cont .title{padding-top:50px;}
     .banner_toll{height: 450px;position: relative;background-image:url('/images/bannerm_bg.jpg');background-size:100% 100%;}
     .content{width:100%}
     .conlist{ display: none;}
     .content .cont .menu ul{position:relative;white-space:nowrap;flex-wrap:initial;overflow: hidden;overflow-x: auto;}
     .content .cont .conbox .flex .box{ width:48%;}
     .footer{overflow:hidden;}
	 .banner_toll .w1200{width:100%;position: absolute;top: 58%;}
	 .banner_toll h1{text-align: center;font-size: 22px; padding-bottom: 20px;font-weight:bold;}
	 .banner_toll h2{text-align: center;font-size: 16px;color:#999;padding-bottom: 10px;}
	 
		#mzsm .apply_partner .card-body{height:inherit;}
		#mzsm .apply_partner{ width:96%; overflow:hidden;}
		#mzsm .close{top:0; right:0}
     }
