#banner{overflow: hidden; border: 8px solid #64c8fa; border-radius: 5px; background-color: #e3ebed;}

#banner .row5p{margin-left: -5px; margin-right: -5px;}
#banner .row5p .col-md-9,#banner .row5p .col-md-3{padding-left: 5px; padding-right: 5px;}
.palmul{list-style: none; margin: 0; padding: 0;}
.palmul li{background: #4b94e6; border-radius: 7px; border: 1px solid #c6c6c6; font-family: Verdana; margin-bottom: 4px; overflow: hidden; height: 42px; text-transform: capitalize; }
.palmul li a{color: #fff; display: block; position: relative;line-height: 41px; padding-left: 15px; vertical-align: middle; padding-right: 52px;}
.palmul li a span{display: inline-block; vertical-align: middle; line-height: normal;}
.palmul li a::before{background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #4b94e6;
    content: "";
    font-family: FontAwesome;
    font-size: 24px;
    height: 58px;
    line-height: 58px;
    margin-top: -30px;
    padding-left: 12px;
    position: absolute;
    right: -82px;
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 117px;}
.palmul li a:hover::before{right: -72px; box-shadow: 2px 2px 2px #000;}
@media (max-width:1199px){
    .palmul li{ height: 69px; }
    .palmul li a{ line-height: 67px; }
}
@media (max-width:991px){
.palmul{ margin-top: 10px; }
}

.hot {padding:15px 10px 1px; color: #646A72;}
.hot .h1desc{ color: #006699; font-size: 18px;text-align: left; font-weight: bold;}
.hot h1{font-size: 18px; margin: 0 0 5px; padding: 0;  font-weight: bold; display: inline;}
.hot h1 span{color: #db3d3d;}
.hot .title2{text-align: center; font-size: 24px; margin-top: 7.1%; margin-bottom: 3.2%; font-family: Verdana; position: relative;}
.hot .title2::after{width: 50px; height: 2px; background:#db3d3d; position: absolute; left:50%; content: ""; bottom: -20px; margin-left: -25px;}
.hot .title3{color: #818994; margin-bottom:10px; font-size: 13px;}
.hot .tit {margin-top: 20px;margin-bottom: 15px;font-size: 14px;font-weight: bold;color: #006699;}
.hot p{ margin-bottom: 20px; line-height: 27px;}
.hot a{color: #0f9fd8;}
.hot h4{font-size: 13px; text-align: center;}
.hot .row{margin-left: -8px; margin-right: -8px;}
.hot .row .col-sm-3{padding-left: 8px; padding-right: 8px; margin-bottom: 15px;}
.hot .row .col-sm-3 img{border: 1px #dcdcdc solid; padding: 3px;}

.project{padding:30px 10px; border-top: 1px solid #ECECEC; margin-top: 10px;}
.project .typename{font-size: 16px; color: #006699;  font-weight: bold;}
.project .title3{color: #818994; margin-bottom:10px; font-size: 13px; line-height: 20px;}
.project .newslist{margin-left: -10px; margin-right: -10px; padding: 20px 0;}
.project .newslist .col-sm-4,.project .newslist .col-sm-8{padding-left: 10px; padding-right: 10px;}
.project .newslist .title{font-weight: bold; color: #006699;}
.project .newslist img{border: 1px #dcdcdc solid; padding: 3px;}
.project .newslist p{margin-bottom: 25px; color: #646a72; line-height: 25px; font-size: 13px; line-height: 22px;}
.project .more{background: #767676; width: 122px; height:28px; border-radius: 20px; color: #fff; display: block; text-align: center; line-height: 26px; font-size: 13px; text-decoration: none;}
.project a:hover.more{background: #0f9fd8;}
.project .col-sm-9,.comments .col-sm-9{padding-right:3.6%;}
.project .why p{line-height: 20px; font-size: 13px; margin-top: 10px; color: #27292d; margin-bottom: 20px;}
.project .why ul{list-style: none; margin: 0; padding: 0;}
.project .why ul li{font-size: 13px; line-height: 16px; margin:5px 0; padding-left: 15px;}
.project .why ul li::before{content:"\f0da";  font-family: FontAwesome; margin-left: -15px; position: absolute; color: #006699;}

.comments{border-top: 1px #dee4e8 solid;  padding: 30px 10px;}
.comments .typename{font-size: 16px; color: #2b2b2b;  font-weight: bold; margin-bottom: 20px;}
.comments .comment{padding:10px 0 10px 10px;  border-radius:5px;}
.comments .comlist{border-bottom: 1px #ced5d9 dotted; padding: 20px 0; font-size: 12px; line-height: 22px;}
.comments .comlist img.jack{float: left; margin-right: 20px;}
.comments .comlist img.kelly{float: right; margin-left: 20px;}
.comments .comlist:last-child{ border: none; }
.comments .name{text-align: right; color: #0f9fd8; margin-top: 5px;}
@media (min-width: 768px){
.comments .comment{padding-right: 7.6%;border-right: 1px #dee4e8 solid;}
}
.rtlist{padding: 8px 0;}
.rtlist .row{margin-left: -7px; margin-right: -7px;}
.rtlist .row .col-lg-5,.rtlist .row .col-lg-7{padding-left: 7px; padding-right: 7px;}
.rtlist p{line-height: 18px; font-size: 12px;}
.rtlist .title{color: #0f9fd8; line-height: 18px; display: inline-block; text-transform: capitalize;}
.form{border: 1px solid #DFE4E8; padding:25px 30px; border-radius: 5px; background:#F0F3F5; border-top-width: 4px; border-top-color: #0f9fd8; margin-left: 10px; margin-right: 10px;}
.form .typename{font-size: 24px; font-weight: bold; margin-bottom: 10px; color: #0f9fd8;}
.form .typename span{ font-style: italic; font-size: 12px; padding-left: 18px;color: #404040; font-weight: normal;}
.form p{font-size: 12px; line-height: 22px; color: #666; }
input.form-control{height: 40px;}
.mailbtn{color:#fff; background:#0f9fd8; border: none; width: 208px; height: 42px; border-radius: 20px; font-weight: bold; margin-left: auto; margin-right: auto; display: block;}
.swiper-container {width: 100%;}  
.swiper-container .swiper-slide{position: relative;  background-size: cover; background-repeat: no-repeat;background-position: center center;}
    .sell{position: absolute; top:8%; color: #646a72; width: 30%; left:68%;}
    .sell h2{font-size: 24px; margin: 0 0 10px; position: relative; color: #089bbc;}
    .sell p{font-size: 14px; font-weight: normal; line-height: 24px;}
    .sell .more{width: 128px; height:28px; line-height: 28px; display: inline-block; border-radius: 15px;  font-weight: bold; color: #fff; background: #0f9fd8;margin:10px 0; text-align: center;}
    .sell a:hover.more{text-decoration: none; background: #fff; color: #ec2723;}
  .swiper-pagination{text-align: right; padding-right: 20px;}
      @media (max-width: 767px){
        #banner{border-width: 2px;}
       .sell h2{font-size: 16px;color: #089bbc;}
        .sell p{font-size: 12px; line-height: 20px;}
    .rtlist{text-align: center;}
    .comment{margin-bottom: 30px;}
    .hot{text-align: center;}
    .hot .h1desc{ color: #333; text-align: center; line-height: 25px; margin-bottom: 15px;}
    .hot .title3{ line-height: 20px; }
    .hot .tit{color: #333;}
    .project .newslist .col-sm-4{text-align: center;}
     .project .more{margin-left: auto; margin-right: auto;}
    .hot .row .col-sm-3{max-width: 420px; margin-left: auto; margin-right: auto;}

    }
@media (max-width: 991px){
  .sell{position: static; width: 100%; padding: 15px;}
  #banner{margin-top: 15px;}
   .form .typename span{display: block; padding-left: 0;}
}
@media (min-width: 992px) and (max-width: 1199px){
 #banner img{width: 65%;} 
.sell h2{font-size: 18px;}
 .sell p{font-size: 12px; line-height: 20px;}
}

.form-group{margin-bottom: 0;}
.form-control{margin-bottom: 15px;}