.cn_map{line-height: 0; width: 100%;height: 740px;margin-top: 50px;}
.cn_detail{display: flex;flex-wrap: wrap;/* align-items: center; */}
.cn_left{width: calc(100% - 819px); display: flex;  flex-wrap: wrap; /* justify-content: space-around; */}
.cn_right{
  width: 819px;
  background-image: -moz-linear-gradient( 180deg, rgb(0,185,242) 0%, rgb(0,149,218) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(0,185,242) 0%, rgb(0,149,218) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(0,185,242) 0%, rgb(0,149,218) 100%);
  padding: 44px 48px 55px;
  display: flex;
  flex-wrap: wrap;
  }
.cn_content {background: #f8f8f8;padding: 52px 51px 60px 70px;display: flex;flex-wrap: wrap;align-items: center;    width: 100%;}
.cncontent_lft {width: calc(100% - 150px);}
.cncontent_rgt {width: 124px;}
.cnbox {display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 40px;}
.cnbox:last-of-type{margin-bottom: 0px;}
.cnbox:first-of-type{margin-top: 55px;}
.cn_icon {  max-width: 40px;}
.cn_contain { padding-left: 18px; width: calc(100% - 40px);}

.cn_txt {font-size: 24px;font-family: "Graphik";color: rgb(0, 0, 0);padding-bottom: 10px;}
.cn_contain p,.cn_contain a{font-size: 16px;  line-height: 26px;  margin-bottom: 0px;   font-weight: normal;   color: #000000;   letter-spacing: 0.20px;}
.cn_right .title_sm{color: #fff;    padding-bottom: 34px;}
.cn_img {margin-bottom: 55px;}
.cn_contain a:hover{text-decoration: underline;color: #0095da}
.contactpg .brand_list{
    margin: 0px auto 0;align-items: center;
    justify-content: space-between;
}
.contactpg .brand_list li {
    width: auto;
    padding: 0 20px;
}
.contactpg .brandbx{
    background: #fff;
    padding: 1px 0;
    border-radius: 5px;
    width: 160px;
}
.cn_form {
    width: 100%;
}

.cn_form .wpcf7-form-control-wrap.InstallationType .wpcf7-checkbox{
  display: flex;
    height: auto;
    flex-wrap: wrap;
}
.cn_form .wpcf7-form-control-wrap.InstallationType .wpcf7-checkbox span.wpcf7-list-item{
    width: 33.33%;margin:0;
}

.cn_form .wpcf7-form-control-wrap.InstallationType .wpcf7-list-item-label {
    font-size: 16px;
    font-family: "Graphik";
    color: rgb(0, 0, 0);
}
.contact_content {
    margin-bottom: 50px;
}

/*=============== media query ================ */
@media screen and (max-width:1600px){	
    .cn_left { width: 50%;}
    .cn_right {  width: 50%;    padding: 40px 30px 40px;}
    .contactpg .brand_list li {padding: 0 10px;}
    .cn_content {padding: 40px 35px 30px;}
    .cn_txt { font-size: 22px; padding-bottom: 5px;}
}
@media screen and (max-width:1400px){
    .contactpg .brandbx {  width: 136px;}
    .contactpg .brand_list li { padding: 0 0px;}
    .cn_form .wpcf7-form-control-wrap.InstallationType .wpcf7-checkbox span.wpcf7-list-item{
        width: 50%;
    }

}
@media screen and (max-width:1366px){
	   .cn_map { height: 400px;}
}
@media screen and (max-width:1280px){}
@media screen and (max-width:1200px){
    .cn_left { width: 100%;}
    .cn_right { width: 100%;  padding: 40px 30px 40px;}
    .cn_map { margin-top: 40px;}
    .cnbox:first-of-type { margin-top: 30px;}
    .cnbox:last-of-type,.cnbox { margin-bottom: 30px;}
    
}
@media screen and (max-width:1120px){
}
@media screen and (max-width:1050px){

}
@media screen and (max-width:992px){
    
}
@media screen and (max-width:860px){
  
}
@media screen and (max-width: 768px){
    .width50{width: 100%;}}
@media screen and (max-width: 650px){
}
@media screen and (max-width:580px){
    .cncontent_lft { width: 100%;}
    .cncontent_rgt { width: 100%;display: flex;   flex-wrap: wrap;   justify-content: space-between;   align-items: center;}
    .cn_img {  margin-bottom: 10px;width: 120px;}
    .cn_content { padding: 40px 15px 30px;}
    .cn_right {  padding: 40px 16px 40px;}
    .cn_txt {  font-size: 18px; line-height: 100%;}
    .cn_icon {  max-width: 30px;}
    .cn_contain {  padding-left: 10px;  width: calc(100% - 30px);}
    .contactpg .brand_list {
    margin: 0px auto 0;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
        justify-content: center;}
    .contactpg .brand_list li {
    padding: 0 0px 20px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}
    .contactpg .brand_list li:last-of-type{padding-bottom: 0px;}
    .cn_form .wpcf7-form-control-wrap.InstallationType .wpcf7-checkbox span.wpcf7-list-item{
        width: 100%;
    }
}
@media screen and (max-width:350px){
	
}