@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0}
body{ font-family:"微软雅黑";width:100%; min-width:1200px; overflow:hidden;height: 100%}
ul li{ list-style:none}
.blue{ color:#31acfb}
a{ text-decoration:none}


.main{ width:100%;height: 100%; background:url(background1.jpg) no-repeat; background-size:100% 100%; overflow:hidden}
.main0{ width:1200px; height:500px;  margin:0 auto; margin-top:40px;
    display: flex; /* 使用 flex 布局 */
    justify-content: center; /* 水平居中对齐 */
    align-items: center; /* 垂直居中对齐 */
    height: 100vh; /* 设置容器高度为视口高度 */
}
.main_left{ float:left; width:647px; position:relative;margin: 70px 0 0 0;color:#ffffff;}
.main_left img{ position:absolute}
.theimg{ top:60px; left:270px}
.secimg{top:60px; left:200px}
.firimg{top:60px; left:56px}

.main_right{ width:400px; height:386px; padding:0px 28px;margin-top:80px;background-color: white;
    margin: auto; /* 在 flex 布局下水平和垂直都居中 */
}
.main_r_up{ height:74px;padding-top:20px;margin: 0 auto;display: flex;justify-content: center;border-bottom: 2px solid #959595
}
.main_r_up img{ float:left}
.main_r_up .pp{border: 1px red; float:left;height:74px; line-height:74px; font-size:18px; color:#333; padding-left:20px;letter-spacing:9px;}
.sub{ width:456px; height:30px; font-size:14px; color:#666; border-bottom:1px solid #cccccc;}
.sub p{ float:right}
.tips{width:240px; height:210px;justify-content: center;position: fixed;margin: 0 0 0 80px;background-color: white}
.txt{ width:400px; height:40px; margin-top:30px;display: flex;justify-content: center; align-items: center;}
.txt span{ width:90px; font-size:14px; color:#666; height:40px; line-height:40px;}
.txt input{height:40px; border:1px solid #ccc; padding-left:20px;}
.txt input.txtphone{ width:240px; }
.txt input.txtyzm{width:140px; float:left}
.txt input.form-control{width:120px;height:40px; border:1px solid #ccc; padding-left:20px; margin-left:20px}
.txt img.yzmimg{ float:left; margin-left:15px}
.xieyi{ clear:both;padding-left:110px; padding-top:35px; font-size:14px; color:#5a5a5a; height:30px; line-height:30px}
.xiayibu{ width:200px; height:40px;border: none;  line-height:40px; text-align:center; color: #fcfcfc; background:#30adfa; font-size:18px; border-radius:5px; cursor:pointer}
.show{ width:240px; height:20px;line-height:20px; text-align:center; color: rgb(252, 252, 252);  font-size:18px; border-radius:5px;  cursor:pointer;margin: 0 auto;}


.footer{ width:100%; height:60px; line-height:60px; position:fixed; bottom:0; background:url(footerBg.png);background-color: transparent;}
.footer0{ width:1200px; height:60px; margin:0 auto; font-size:14px; color:#adacac}
.footer_l{ float:left}
.footer_r{ float:right}