﻿.cont-inner{display:flex;justify-content:space-between;flex-wrap:wrap;align-items: center;}
.cont-inner .cont-left{width:49%;}
.cont-inner .cont-left .item{margin-bottom:4%;}
.cont-inner .cont-left .item:last-child{margin-bottom:0;}
.cont-inner .cont-left .item .cont-tit{display:flex;align-items: center;}
.cont-inner .cont-left .item .cont-tit p{color:var(--color);font-weight: var(--fontbold5);}
.cont-inner .cont-left .item .cont-tit .ic{margin-right: 10px;}
.cont-inner .cont-left .item .cont-tit .ic em{color:var(--color);font-size:18px;}
.cont-inner .cont-left .item>p{color:var(--introcolor)}
.cont-inner .cont-left .item a{display:block;transition: all .3s;}
.cont-inner .cont-left .item a:hover{color:var(--color)}
.cont-inner .cont-right{width:49%;}
.feedback-box{margin-top:4%;}
.feedback-box .feedback-title{text-align: center;font-size:30px;margin-bottom:10px;font-weight: var(--fontbold7);}
@media (max-width:768px){.cont-inner .cont-left,.cont-inner .cont-right{width:100%;}
.cont-inner .contact-map iframe{min-height:300px;}
.cont-inner .contact-map{margin-top:20px;}
.feedback-box .feedback-title{font-size:22px;}}
.feedback-box{margin-bottom: 3%;}
.contact{display:flex}
.contact .contact-box{flex:0 0 420px;margin-right:40px;padding:30px;box-sizing:border-box;background:var(--color);color:#FFFFFF}
.contact .contact-box p, .contact .contact-box p a{color:#FFFFFF}
.contact .contact-box .title{font-size:var(--fontsize26);margin-bottom:10px}
.contact .contact-box .tip{margin-bottom:20px}
.contact .contact-inquiry{padding-top:10px;flex:1}
.contact .contact-inquiry .title{font-size:var(--fontsize26);font-weight:var(--fontbold6);line-height:1.1;position:relative;margin-bottom:10px;padding-bottom:10px;color:var(--fontcolor)}
.contact .contact-inquiry .title:after{content:"";position:absolute;width:80px;height:2px;top:100%;left:0px;background:var(--color)}
.contact .contact-inquiry .tip{color:var(--fontcolor);margin-bottom:30px}
.contact .contact-item{display:flex;margin-bottom:20px}
.contact .contact-item .icon{width:50px;height:50px;-ms-flex:0 0 50px;flex:0 0 50px}
.contact .contact-item .icon em{font-size: 26px;}
.contact .contact-item .con{flex:1}
@media screen and (max-width:768px){
.contact{display:block}
.contact .contact-box{-ms-flex:initial;flex:initial;padding:14px;margin-right:0px}
.contact .contact-box .title{font-size:var(--fontsize18)}
.contact .contact-inquiry .title{font-size:var(--fontsize20);margin-top:20px}}