.salesman-main{position: relative; max-width: 780px;width: 100%;margin: 0 auto;margin-top: 40px;margin-bottom: 80px;box-shadow: 1px 0px 24px rgba(0,0,0,0.15);}
.salesman-main .salesman-top{background:url(/skin/aogrand/img/page/salesman/salesman-top-bg.jpg) no-repeat center right;background-size: cover;padding-top: 60px;padding-bottom: 30px;}
.salesman-main .salesman-top .salesman-top-content{width: 100%;max-width: 580px;margin: 0 auto;}
.salesman-main .salesman-top .salesman-top-content .salesman-search{width: 100%;overflow: hidden;margin-bottom: 15px;}
.salesman-main .salesman-top .salesman-top-content .salesman-search input{width: 70%;float: left;height: 40px;font-size: 18px;line-height: 40px;text-align: center;border: none;}
.salesman-main .salesman-top .salesman-top-content .salesman-search button{width: 30%;float: left;height: 40px;font-size: 20px;font-weight: bold;font-style:italic;background: #f78629;color: #FFFFFF;border: none;}
.salesman-main .salesman-top .salesman-top-content p{width: 68%;color: #FFFFFF;padding-left: 1%; }

.salesman-main .salesman-center{background: #FFFFFF;overflow: hidden;}
.salesman-main .salesman-center .salesman-center-content{width: 100%;max-width: 658px;margin: 0 auto;overflow: hidden;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter{margin: 5% auto;overflow: hidden;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-left{width: 30%;float: left;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-left img{width: 100%;display: block;border: 3px solid #00a2e9;border-radius: 50%;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right{width: 64%;float: right;padding: 3% 0;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right h1{text-transform: uppercase;padding: 5px 0;font-size: 2rem;font-weight: bold;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right h2{font-weight: normal;font-size: 1.5rem;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right .line{border-bottom: 1px solid #848484;margin: 4% 0;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right .tel-item{float: left;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right .tel-item img{vertical-align: middle;margin-right: 1%;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right .tel{width: 60%;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right .email{width: 40%}
.salesman-main .salesman-center .salesman-center-content .salesman-detail{margin-bottom: 10%;}
.salesman-main .salesman-center .salesman-center-content .salesman-detail h3{font-size: 1.25rem;font-weight: bold;margin: .5rem 0;}
.salesman-main .salesman-center .salesman-center-content .salesman-detail p{font-size: 1rem;margin-bottom: 0;}
@media (max-width:768px) {
.salesman-main .salesman-top .salesman-top-content{padding: 0 15px;box-sizing: border-box;}
.salesman-main .salesman-top .salesman-top-content p{width: 100%;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-left{float: none;margin: 0 auto;width: 40%;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right{float: none;margin: 0 auto;text-align: center;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right .tel{width: 100%;margin-bottom: 15px;text-align: left;}
.salesman-main .salesman-center .salesman-center-content .salesman-inter .inter-right .email{width: 100%;text-align: left;}
.salesman-main .salesman-center .salesman-center-content .salesman-detail{padding: 0 15px;}
}