.banner-about{width: 100%;height: 200px;position: relative;min-width: 1200px;margin: 70px auto 0;background: url(/skin/sucms/images/banner-about.jpg) no-repeat center}
.main-tab{position:absolute;z-index:99;width:100%;height: 65px;border-bottom: 1px solid #e9e9e9;overflow:hidden;margin: 0 auto}
.main-tab ul{width:100%;text-align:center;margin:0 auto;overflow:hidden}
.main-tab li{display:inline;text-align:center}
.main-tab li a{font-size:16px;line-height:62px;color:#333;display:inline-block;margin:0 40px;border-bottom:3px solid transparent}
.main-tab li a:hover{color:#308ccf;border-bottom:3px solid #308ccf}
/*我们是谁*/
.main-about,.main-team,.main-contact{width:100%;overflow:hidden;padding-top:45px;margin: 0 auto}
#about{margin-top: 65px}
.main-title{width:1200px;margin:0 auto;overflow:hidden}
.main-title h1{font-size:28px;line-height: 32px;color:#333;text-align:center;width: 100%}
.main-title p{overflow:hidden;width: 100%;line-height:30px;font-size:14px;color:#333;padding-top: 20px;text-indent: 2em;text-align: center}
.about-box{width: 1200px;margin: 50px auto;overflow: hidden}
.about-box-item{text-align: center}
.about-box-item h1{width: 100%;font-size: 18px;line-height: 32px;color: #333;margin: 10px 0}
.about-box-item p{width: 100%;font-size: 16px;line-height: 24px;color: #666}
/*服务范围*/
.main-service{width:100%;overflow:hidden;padding:45px 0;background: #f6f6f6}
.service-box{width:1200px;display: block;margin: 45px auto}
.service-item{width: 260px;float: left;background: #fff;box-shadow: 0 0 5px #dddcdc;position: relative;margin: 0 20px 20px;padding: 20px;border-radius: 5px;border: 1px solid transparent;cursor: pointer;min-height: 314px}
.service-item .icon {width:100%;height:100px;transition:all ease .3s}
.service-item .icon1 {background:url(/skin/sucms/images/icon8.png) center top no-repeat}
.service-item .icon2 {background:url(/skin/sucms/images/icon9.png) center top no-repeat}
.service-item .icon3 {background:url(/skin/sucms/images/icon10.png) center top no-repeat}
.service-item .icon4 {background:url(/skin/sucms/images/icon11.png) center top no-repeat}
.service-item h1 {font-size: 24px;color: #333;line-height: 36px;font-weight: bold;margin-bottom: 28px;transition: all ease .3s;text-align: center}
.service-item p {color: #666;font-size: 14px;line-height: 24px;transition: all ease .3s}
.service-item:hover{background: #308ccf}
.service-item:hover .icon1 {background:url(/skin/sucms/images/icon12.png) center top no-repeat}
.service-item:hover .icon2 {background:url(/skin/sucms/images/icon13.png) center top no-repeat}
.service-item:hover .icon3 {background:url(/skin/sucms/images/icon14.png) center top no-repeat}
.service-item:hover .icon4 {background:url(/skin/sucms/images/icon15.png) center top no-repeat}
.service-item:hover h1,.service-item:hover p{color: #fff}
/*我们的团队*/
.team-box{width:1200px;margin: 0 auto}
.team-item{width: 250px;height: 375px;float: left;background: #fff;box-shadow: 0 0 5px #dddcdc;position: relative;margin: 45px 25px;border-radius: 5px;border: 1px solid transparent;cursor: pointer}
.team-item-icon{width: 144px;height: 144px;margin: 38px auto 0;position: relative;background: url(/skin/sucms/images/about.png) no-repeat 0 0;z-index: 10}
.team-item-icon em{width:72px;height:72px;background:url(/skin/sucms/images/about.png) no-repeat;position:absolute;z-index:6;left:50%;top:50%;margin:-36px 0 0 -36px}
.team-item-icon em.icon1{ background-position:0 -168px}
.team-item-icon em.icon2{ background-position:-76px -168px}
.team-item-icon em.icon3{ background-position:-152px -168px}
.team-item-icon em.icon4{ background-position:-228px -168px}
.team-item-icon.cur em.icon1{ background-position:0 -244px}
.team-item-icon.cur em.icon2{ background-position:-76px -244px}
.team-item-icon.cur em.icon3{ background-position:-152px -244px}
.team-item-icon.cur em.icon4{ background-position:-228px -244px}
.team-item-icon span{width:123px;height:123px;background:#308ccf;display:block;z-index:5;transform: scale(0);transition: .3s all;border-radius:123px;position: relative;top: 10px;left: 10px}
.team-item-icon.cur span{transform: scale(1);transition: .3s all}
.team-item-text{width: 100%}
.team-item-text h1{width: 100%;font-size: 22px;text-align: center;color: #727272;padding: 20px 0;font-weight: normal}
.team-item-text p{width: 100%;font-size: 14px;color: #999;text-align: center}
/*我们的客户*/
.main-client{width: 100%;margin: 0 auto;padding: 96px 0 75px;background: url(/skin/sucms/images/client-bg.jpg) no-repeat center}
/*联系我们*/
.message-box{width: 650px;margin: 0 auto;padding-top: 45px}
.message-item{width: 315px;margin-bottom: 30px}
.message-item input{width: 100%;border-radius: 4px;height: 50px;line-height: 50px;padding-left: 10px;border: 1px solid #d9d9d9}
.message-item2{width: 100%;float: left;margin-bottom: 30px}
.message-item2 textarea{width: 100%;border: 1px solid #d9d9d9;border-radius: 4px;padding-left: 10px;min-height: 100px;resize: none}
.message-item3{width: 100%;margin-bottom: 30px;overflow: hidden}
.submit{width: 160px;height: 50px;background-color: #308ccf;border-radius: 4px;cursor: pointer;color: #fff;line-height: 50px;font-size: 20px;border: none;text-align: center;float: left}
.submit:hover{background-color: #54b1f4}
.message-item3 p{float: right;line-height: 50px}
#safecode-con{display: none}
#safecode_img{cursor: pointer}
.message{width: 100%;float: left}
.error_color{padding-top: 5px}
.msg_info{color: #f9b}
@media screen and (min-width: 1024px){html,body {-webkit-user-select: initial;-moz-user-select: initial;-ms-user-select: initial;user-select: initial}}
@media screen and (max-width: 768px){.banner-about{min-width: inherit;height: 180px;background: url(/skin/sucms/images/banner-about-wap.jpg) no-repeat center}
.main-title,.about-box,.service-box,.team-box,.message-box,.message-item{width: 100%}
.main-tab{display: none}
#about{margin-top: 0}
.service-item{width: 100%;margin: 0 0 20px}
.team-item{width: 100%;margin: 0 0 25px}}
/* iPhone6 */
@media screen and (max-width: 375px){}
/* iPhone5、4 */
@media screen and (max-width: 320px){}