@charset "utf-8";
.contact_sec_page_title{position:relative;width:100%;height:330px;overflow:hidden}
@media (max-width: 700px){.contact_sec_page_title{height: 140px;}}
.contact_sec_page_title .bg .imgbox{display:block;position:absolute;top:50%;left:50%;width:1920px;height:330px;transform:translate(-50%,-50%)}
.contact_sec_page_title .cnt{position:absolute;top: 50%;right:10%;left:0;transform: translateY(-50%);text-align: right;direction: rtl;}
.contact_sec_page_title .cnt .title{/* margin:110px 17px 0; */margin: 15px 17px;color:#01508f;font-size:46px;font-weight:700;}
.contact_sec_page_title .cnt .title h1,.contact_sec_page_title .cnt .title strong{font-weight: inherit;font-size: inherit;}
@media (max-width: 700px){.contact_sec_page_title .cnt .title{font-size:28px;}}
.contact_sec_page_title .cnt .brief{margin:14px 20px;font-size:16px;color:#01508f;width: 50%;color: #333;}
@media (max-width: 700px){.contact_sec_page_title .cnt .brief{font-size:14px;}}
.contact_list_sec_main .cnt{padding: 1px 10px;}
.contact_list_sec_main .cnt .contact_side{float:right;width:518px}
@media (max-width: 1040px){.contact_list_sec_main .cnt .contact_side{width:48%;}}
@media (max-width: 630px){.contact_list_sec_main .cnt .contact_side{float:none;width:auto;}}
.contact_list_sec_main .cnt .contact_side .contact_side_title{margin:23px 0 0;padding:10px 0;font-size:26px;color:#01508f;border-bottom:1px solid #eee}
.contact_list_sec_main .cnt .contact_side .contact_methods{margin:10px 0}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method{padding:0 0 14px;border-bottom:1px dashed #e5e5e5}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_title{margin:19px 25px 12px;font-size:16px;font-weight:700}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_infos .contact_method_info{margin:10px 29px 14px}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_infos .contact_method_info .symbol{float:left}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_infos .contact_method_info .symbol .ico{display:inline-block}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_infos .contact_method_info .symbol .ico.address{width:16px;height:22px;background:url(../images/contact_us_side_method_location.png);background-size: 100%;}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_infos .contact_method_info .value{margin:0 0 0 28px;line-height:1.7}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_infos .contact_method_info .symbol .ico.phone{width:22px;height:17px;background:url(../images/contact_us_side_method_phone.png) no-repeat center 3px;background-size: 100%;}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_infos .contact_method_info .symbol .ico.fax{width:18px;height:18px;background:url(../images/contact_us_side_method_fax.png)}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_infos .contact_method_info .symbol .ico.email{width:25px;height:20px;background:url(../images/contact_us_side_method_email.png) no-repeat center 3px;background-size: 100%;}
.contact_list_sec_main .cnt .contact_side .contact_methods .bd .contact_method .contact_method_infos .contact_method_info .symbol .ico.qq{width:17px;height:21px;background:url(../images/contact_us_side_method_qq.png)}
.contact_list_sec_main .cnt .contact_side .contact_methods .hd{margin:15px 0;text-align:center}
.contact_list_sec_main .cnt .contact_side .contact_methods .hd .index{display:inline-block;width:9px;height:9px;margin:0 3px;background:#a0a0a0;border-radius:100%}
.contact_list_sec_main .cnt .contact_side .contact_methods .hd .index.on,.contact_list_sec_main .cnt .contact_side .contact_methods .hd .index:hover{background:#01508f}
.contact_list_sec_main .cnt .contact_main{margin:0 597px 0 0}
@media (max-width: 1040px){.contact_list_sec_main .cnt .contact_main{margin: 0 52% 0 0;}}
@media (max-width: 630px){.contact_list_sec_main .cnt .contact_main{margin: 0;}}
.contact_list_sec_main .cnt .contact_main .contact_title{margin:27px 0 20px;padding:6px 0;font-size:26px;color:#01508f;border-bottom:1px solid #eee}
.contact_list_sec_main .cnt .contact_main .contact_intro{margin:9px 0;color:#333;line-height:1.5}
.contact_list_sec_main .cnt .contact_main .contact_form{margin:28px 0}
.contact_list_sec_main .cnt .contact_main .contact_form .contact_form_fields{position:relative;margin:19px 0;padding:5px 16px;border:1px solid #d2d2d2}
.vcode_box{}
.contact_list_sec_main .cnt .contact_main .contact_form .vcode_box .contact_form_fields{float: left;width: calc(100% - 170px);}
.vcode{float: left;margin: 19px 0 19px 10px;}
.contact_list_sec_main .cnt .contact_main .contact_form .check_error{border-color: red;}
.contact_list_sec_main .cnt .contact_main .contact_form .contact_form_fields .placeholder{position:absolute;color:gray;}
.contact_list_sec_main .cnt .contact_main .contact_form .contact_form_fields input,
.contact_list_sec_main .cnt .contact_main .contact_form .contact_form_fields select,
.contact_list_sec_main .cnt .contact_main .contact_form .contact_form_fields textarea{width:100%;height:100%;border:none;background:0 0;outline:0}
.contact_list_sec_main .cnt .contact_main .contact_form .contact_form_fields.contact_form_fields_text{height:167px}
.contact_list_sec_main .cnt .contact_main .contact_form .contact_form_actions{margin:34px 0 95px}
.contact_list_sec_main .cnt .contact_main .contact_form .contact_form_actions .action{display:inline-block;position:relative;padding:7px;min-width:110px;font-size:16px;font-weight:700;text-transform:uppercase;text-align:center;color:#fff;background:#2196f3;border:1px solid #1682d8;border-radius:3px}
.contact_list_sec_main .cnt .contact_main .contact_form .contact_form_actions .action input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}