@charset "utf-8";
/* CSS Document */
.con_me_con{ overflow:hidden; padding:100px 0px 80px 40px; }
.con_me_con .con_me_left{ width:40%; float:left; font-size:0.26rem; color:#333; font-weight:600;}
.con_me_con .con_me_right{ width:60%; float:left;}

.contact-form{width:100%;max-width:900px;padding:0px;border-radius:4px;box-sizing:border-box}
.form-row{display:flex;gap:15px;margin-bottom:35px}
.contact-form input,.contact-form textarea{  width:100%;padding:16px 15px;border:1px solid #eee;border-radius:4px;background:#fff;font-size:14px;color:#333;box-sizing:border-box;outline:0;transition:.3s}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#999}
.contact-form input:focus,.contact-form textarea:focus{border-color:#ccc}
.contact-form textarea{min-height:120px;resize:vertical;margin-bottom:15px}
.submit-btn{padding:16px 50px;border:none;border-radius:4px;color:#fff;font-size:16px; margin-top:20px; cursor:pointer;background:linear-gradient(to right,#0a348b,#4692d0);}
.submit-btn:hover{background:linear-gradient(to right,#0a448b,#4692d0);}
.con_top{ padding:50px 0px;}
.con_top h1{ text-align:center; font-size:.32rem;}
.con_top .con_nr{ text-align:center; max-width:770px; margin:0 auto; color:#666; font-size:0.20rem; padding-top:30px; position:relative;}
.con_top .con_nr .zyh{ position:absolute; left:-92px; top:35px;}
.con_top .con_nr .yyh{ position:absolute; right:-92px; bottom:0px;}

.con_map{border-radius:10px;overflow:hidden;box-shadow: 0 0 25px rgba(86, 86, 86, 0.3); margin-bottom:30px;}
.con_map ul{display:flex;margin:0;padding:0;list-style:none}
.con_map li:first-child{width:40%;display:flex; flex-direction:column;justify-content:center;padding:6%;background:linear-gradient(to right,#0a348b,#4692d0);color:#fff; font-size:0.16rem;}
.con_map li:first-child h3{ font-size:0.32rem; font-weight: normal; margin-bottom:15px;}
.con_map li:first-child p{padding-left:3em;text-indent:-3em;line-height:1.6;margin:10px 0;display:block;word-wrap:break-word;word-break:break-all}
.con_map li:nth-child(2){width:60%;}
.con_map li:nth-child(2) img{width:100%;height:100%;object-fit:cover; display:block;}

.con_mebj{  background:url(../images/mebj.webp) no-repeat #f5f5f5;background-size: cover; }
.con_bj{ background:#f5f5f5; overflow: hidden;}



.join_map{}
.join_map img{ width:100%; display:none;}

.jon_con{}
.jon_con h1{  padding:50px 0px 50px 0px;font-size: .32rem;}




.list{margin-left:auto;margin-right:auto; margin-bottom:70px;}
.list .title{text-align:center;color:#366dae;font-weight:700;font-size:36px}
.list .tips{text-align:center;font-size:16px;color:#606060;line-height:2;padding:25px 0}
.list .a-01{color:#366dae}
.list .a-01:hover{text-decoration:underline}
.list dl{position:relative;margin-bottom:3px; cursor:pointer; margin-top:10px; font-size:16px;}
.list .bt{background:linear-gradient(to right,#d1d8e5,#dae6ef); color:#333;font-weight:700;font-size:16px;line-height:60px;height:60px; margin-bottom:15px;}
.list .span-01{display:block;width:22%;float:left;padding-left:30px}
.list .span-02{display:block;width:20%;float:left;text-align:center}
.list .span-03{display:block;width:20%;float:left;text-align:center}
.list .span-04{display:block;width:13%;float:left;text-align:center}
.list .span-05{display:block;width:10%;float:left;text-align:center}

.list dt{overflow:hidden;background:#fff;line-height:60px;height:60px;cursor:pointer;position:relative;transition:all .5s}

.list dt:hover{background:linear-gradient(to right,#0A348B,#4692D0); color:#fff;}
.list dt:hover .icon:after, .list dt:hover .icon:before{background:#fff;}


.list .icon{display:block;position:absolute;top:25px;right:20px;margin:auto;width:16px;height:16px}
.list .icon:after,.list .icon:before{content:"";display:block;background:#333;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}




.list .icon:before{width:100%;height:2px}
.list .icon:after{width:2px;height:100%;transition:all .5s}
.list dd{background:#fcfcfc;height:0;overflow:hidden; margin-top:10px; }
.list dd .nr{padding:40px;color:#777;font-size:14px;line-height:26px; overflow:hidden;}
.list dd .nr .nr_left{ float:left; width:48%; border-right:solid 1px #ccc;padding-right:20px;}
.list dd .nr .nr_left p strong{font-size:16px;color:#0A348B;font-weight: bold;}
.list dd .nr  h3{ font-size:0.20rem; color:#000; margin-bottom:20px;}
.list dd .nr  p strong{ font-size:0.15rem; font-weight: normal; color:#000; display:block;}

.list dd .nr .nr_right{ float:left; width:50%; padding:0% 3% 0% 4%;}
.list dd .nr .nr_right p strong{font-size:16px;color:#0A348B;font-weight: bold;}

.list dd .nr .nr_cont{ line-height:30px;}
.list dd .nr .nr_cont h4{font-size:0.20rem; color:#000; margin-bottom:15px;}




.list .cur dt{color:#fff;background:linear-gradient(to right,#0A348B,#4692D0);}
.list .cur dt .icon:after, .list .cur dt .icon:before{background:#fff;}

 

.list .cur dt .icon:after{height:0}
.list .cur dd{height:auto;border:solid 1px #0A348B;}
.list .p-01{color:#333;margin-bottom:5px}
 
 
@media (max-width:768px){
.con_top{ padding:30px 0px;}
.con_top h1{ font-size:18px;}
.con_top .con_nr{  color:#666; font-size:14px; padding-top:20px; position:relative;}

.con_top .con_nr .zyh{ left:-20px; top:25px; max-width:15px;}
.con_top .con_nr .yyh{ right:-20px; bottom:0px; max-width:15px;}

.con_map ul{ display:block;}
.con_map li{ width:100% !important;}
.con_map li:first-child{font-size:13px}
.con_map li:first-child p{ margin:0px 0px 8px 0px;}

.con_me_con{padding: 40px 30px 50px 30px;}
.con_me_con .con_me_left{ width:100%;  font-size:18px; margin-bottom:30px;}
.con_me_con .con_me_right{ width:100%;}

.form-row{flex-direction:column;margin-bottom:15px}




.jon_con h1{ padding:30px 0px 0px 0px;}	
.list{padding-top:30px;padding-bottom:30px; margin-bottom:0px;}
.list .title{font-size:20px}
.list .tips{font-size:12px;padding-top:20px;padding-bottom:20px}
.list .bt{font-size:12px;text-align:center; line-height:40px; height:40px; margin-bottom:0px;}

.list dt{font-size:12px;text-align:center; line-height:40px; height:40px;}
.list dd .nr{font-size:12px;padding:10px 10px}

.list .span-01{padding-left:0;width: 65%;}
.list .span-02{ display:none;}
.list .span-05{ width:26%;}

.list .icon{ right:7px; top:13px;}

.list dd .nr .nr_left{ width:100%; border:0px;}
.list dd .nr .nr_right{ width:100%; padding:6% 3% 0% 0%}
.list dd .nr h3{ font-size:13px;margin-bottom: 10px;}
.list dd .nr p strong{ font-size:13px;}


.list dd .nr .nr_cont h4{ font-size:13px;margin-bottom: 10px;}

.list .span-03{display:none;}
.list .span-04{display:none;}

}