@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');



.quanju{background: #e5e5e5 url(../images/conleft1.png) no-repeat left top;border-radius: 8px;
    padding-bottom: 17px;}

.l{float: left;}
.r {float: right;}

.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.c_left{padding-top:30px; 
padding-left:15px;
width: 465px;
padding-top: 62px;
padding-bottom: 1px;
border-radius: 8px 0px 0px 8px;}

.abouttt {font-family: "Josefin Sans", sans-serif;margin: 0 auto; width: 359px;}
.abouttt p{font-family: "Josefin Sans", sans-serif; font-weight:400; line-height:28px; font-size:20px; color:#FFFFFF; }
.abouttt p strong{font-family: "Josefin Sans", sans-serif; font-weight:600;color:#FFFFFF;  }

.abouttt p a{font-family:inherit;  color:#ff7300; text-decoration:underline;}
.abouttt p a:hover{font-family:inherit;  color:#ff7300; text-decoration: none;}


.abouttt h2{font-family:inherit; font-weight: bold; font-size:24px; margin:20px 0; line-height:25px; padding:0; color:#888888;}
.abouttt h2 span{font-family:inherit; font-weight: bold; font-size:24px; margin:20px 0; line-height:25px; padding:0; color:#888888;}

.abouttt .title{ font-family:inherit; font-size:28px;font-weight: 700; text-align:center; padding-bottom:10px; color: #ffffff; line-height: 120%;}

.c_right {
    font-family: "Josefin Sans", sans-serif;
    float: right;
    width: 47%;
    margin-right: 84px;
}

.c_title2 {
    font-family: "Josefin Sans", sans-serif;
    padding-top: 23px;
    padding-left: 14px;
    line-height: 30px;
    font-size: 28px;
    color: #f47321;
    /*text-transform: uppercase;*/
    padding-bottom: 3px;
}
.txtt{
    font-family: "Josefin Sans", sans-serif; line-height: 30px;font-size: 19px;

}
.c_right .c_xp {
    padding-top: 13px;
}
input, textarea {
    border: none;
    background: none;
    font-family: inherit;
}
.c_right .c_div1 {
    padding-bottom: 18px;
}
.c_right .c_div2 {
    padding-bottom: 20px;
}
.c_right .c_div3 {
    padding-bottom: 20px;
}
.c_right .c_div4 {
    padding-top: 2px;
    margin-bottom: 5px;
}


.c_right .c_bt {
    width: 14px;
    float: left;
    color: #ff0000;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    font-size: 1.4rem;
	font-family: "Josefin Sans", sans-serif;
}
.c_right .c_input1 {
    font-family: "Josefin Sans", sans-serif;
    float: left;
    line-height: 37px;
    height: 37px;
    font-size: 16px;
    text-indent: 14px;
    color: #666666;
    width: 547px;
    border: solid 1px #cccccc;
    background: #fff;
}
.clear {
    clear: both;
}
.c_right .c_textarea {
    /*font-family: "FuturaStdBook";*/
	font-family: "Josefin Sans", sans-serif;
    float: left;
    font-size: 16px;
    text-indent: 14px;
    color: #666666;
    width: 544px;
    border: solid 1px #cccccc;
    line-height: 26px;
    padding-top: 1px;
    height: 214px;
    background: #fff;
}
.c_right .c_send {
    font-family: "Josefin Sans", sans-serif;
    float: right;
    text-align: center;
    color: #fff;
    background: #f47321;
    width: 181px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
}

.map {
    margin: 50px auto 112px;
}
.map iframe { display: block; max-width: 1200px; max-height: 381px; width: 100%; }

@media screen and (max-width: 1219px) { .c_right { margin-right: 13px; }

  .c_right .c_div1, .c_right .c_div2, .c_right .c_div3 { padding-bottom: 16px; }

  .c_right .c_input1 { width: 96%; }

  .c_right .c_textarea { width: 96%; }

  .c_right .c_send { width: 116px; }

  .c_left { width: 399px; background: #e5e5e5 url(../images/conleft1.png) no-repeat left top; } }



@media screen and (max-width: 999px) { .quanju { background: #e5e5e5; margin-top: 20px; }

  .map { margin: 20px auto 20px; }

  .c_left { float: none; width: 95%; margin: 0 auto; max-width: 399px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; }

  .c_right { float: none; width: 95%; margin: 0 auto; margin-top: 20px; }

  .c_right .c_title2 { padding-top: 0px; }

  .c_right .c_send { width: 95%; margin-left: 14px; margin-top: 15px; float: left; }

  .c_left_wrap { width: 90%; }

  .c_left_wrap .c_title { padding-bottom: 20px; } }