/*表单页 -----------------------------------------------------------------------------------------*/

body,html{height:calc(100% - 123px)!important; margin:0; padding:0; }
.form_box{ max-width: 755px;width: 100%; height: 384px; background: #fff; box-shadow: 0 0 5px rgba(100,100,100,.2);border-radius: 20px;
margin: 0 auto;}
.heightcalc{ width: 100%; height:25%}
.left_box{width: 341px; height:384px; float: left; color:#ffffff; background:url(//cdn.beiing.net/pkysoft_com/newsite/form/left.png)}
.left_box .title{font-size:28px;font-weight: 600; padding: 45px 0 10px 50px;}
.left_box .titlesub{font-size: 22px;font-weight:500; padding: 12px 0 0 80px; letter-spacing:0px}
#btnSendCodecode{ position: absolute; right:0px;bottom:20px; font-size: 16px; cursor: pointer; border:0;border-radius:5px; }
.djguo{background:#b0adad !important; font-size:13px !important;}
table{ width:100%; border:0px solid #ddd;}
table,tr,td,th{border:0px solid #ddd;}
th{ text-align:right}
.imgf{float: left; margin-top:10px; margin-right: 10px; position: absolute; bottom:20px;left:20px;}
input{ height:30px; line-height:30px; width:280px; margin-left: 47px; BACKGROUND-COLOR: transparent; color:#238d81; font-size:18px;font-family:微软雅黑;position:relative }
.input-text, input.date, input.endDate, .input-focus{ text-indent: 0px; height:40px; border:0; border-bottom:1px solid #cccccc;}
.mfsybox{max-width:350px;width: 100%; height:370px;margin:0 auto; padding:7px 30px 7px 0;position:relative}
.mfsybox h1{ font-family:微软雅黑; font-size:24px; color:#238d81; text-align:center;background:#ffffff;
    width:224px;height:40px; margin:0 auto; padding:0; font-weight:500;margin-top:16px; }
img{border:0px;}
#code_img{position: absolute; top:5px; right:15px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
.button_tj{background: rgba(80,205,197,1);
    color: rgb(32, 185, 253); cursor: pointer;margin-top:10px;
    width:280px; color:#fff; font-size:18px; border-radius:5px;
    margin-left:31spx;letter-spacing:5px; border:0; height:40px;font-family:微软雅黑; font-weight:500}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#999999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#999999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#666666;
}
input::-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#999999;
}
td{padding:8px 0}
.al{width:100%; margin-top:20px; background: #f5f5f5; padding-top: 10px;position:fixed;
    bottom: 0;}
.al h1{ font-family:微软雅黑; font-size:20px; color:#000000;
    text-align:center; background-repeat: no-repeat;
    width:400px; margin:0 auto; padding:0; font-weight:500; padding-bottom: 5px;}
.al hr{height:2px;border:none;border-top:2px solid #33b0fd; width: 40px; margin: 0 auto}
.td{ padding: 3px;}
.td img{width:130px; height:75px;box-shadow: 5px 7px 11px 2px rgba(0, 0, 0, 0.03);
border-radius: 11px;
margin: 4px 6px;}
.yzm{ width: 200px; float: left}
.mainform{max-width:390px;float: right; border-radius:10px; margin:0 auto;}
.content{ width:350px }
.tdform td{position: relative}
#checkCodecode{ float: left; margin-left: 60px; width: 230px;}
.hqyzm{width:32%; font-size: 20px !important; text-indent:-5px;background: rgba(32,185,253,1); color:#ffffff;  height:30px;text-align:center}
.bottomform{ background: #ffffff;width: 100%; padding-top:15px; padding-bottom: 50px;}
table, tr, td, th {
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
    font-weight: 100;
    border: 0px solid #ddd;
    height: 33px;
    line-height: 30px;}
.tdform{ margin-top: 10px;}
/*跑马灯*/
.marquee1800 {background:#;
  max-width:1200px;
  margin:0 auto;display:;
  width:100%;
  margin-top:1%;height:8%;
}
.mySwiper_marquee .swiper-slide {
        text-align:center;position:relative;
        font-size:18px;
        /* Center slide text vertically */
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        -webkit-justify-content:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        -webkit-align-items: center;
        align-items:center;padding-left:0%
}
.mySwiper_marquee .swiper-slide {
 width:120px;/*设为固定值*/
 width:auto;/*根据内容调整宽度*/
 height: 75%;}
.mySwiper_marquee.swiper{width: 98%;
  padding: 1% 1.5%;}
.mySwiper_marquee .text{color:#111111;padding:0px; border:0px solid #ececec;border-radius:15px; margin:5px 0;font-size: 16px; background: #}
.mySwiper_marquee .text img{width: 120px !important;}
/*移动端头部跑马灯*/
@media screen and (min-height:768px) and (max-height:768px) {
	.heightcalc{height: 17%;}
}
@media screen and (max-width:800px) {
.left_box{display: none}
	.mainform{max-width:100%; width: 100%}
	.mfsybox{max-width: 90% !important}
	.content{width:100%}
	.tdform{width:100%}
	.input-text{width: 80%}
}
/*表单页 -----------------------------------------------------------------------------------------*/
