.mainTitle{padding: 10px 0;border-bottom: 1px solid #ddd;}
.mainTitle h3{font-size: 16px; font-weight: 700;}
.banner{height: 320px; background: url(../images/ruanjian/banner.jpg) no-repeat center center;}
.banner img{width: 100%;}

.soBanner{height: 320px; background: url(../images/ruanjian/so-banner.jpg) no-repeat center center;color: #002e60;}
.soBanner h3{color: #002e60;padding: 50px 0 20px 0;font-size: 24px;}
.soBanner .item{position: relative;padding-top: 40px;}
.soBanner .item .border{width: 100%;border-top: 1px solid #002e60; position: absolute;top: 0;}
.soBanner .item .boOne{width: 50%;right: 0;}
.soBanner .item .bolast{width: 50%;left: 0;}
.soBanner .item .tiao{position: absolute;top: 0;left: 50%;height: 30px;border-left: 1px solid #002e60;}
.soBanner .item a{font-size: 18px;}
.soBanner .item a:hover{color: #F60;}


.soBanner p{color: #002e60;margin: 20px 0 40px 0; font-size: 18px;}


.banner img{width: 100%;}
.programme{padding: 40px 0;}
.programme img{margin: 20px 0;}
.programme p{ text-indent: 2em;height: 60px; font-size: 14px;text-align: left;-webkit-line-clamp: 3;}
.programme button{cursor: pointer; color: #fff;margin-top: 20px; background:#f90 ;border: 0;border-radius: 3px; padding: 10px 20px;}
.programme button:hover{background: #F60;}
.Solution h3{margin-bottom: 20px;}
.Solution p{color: #666;}
.application{padding:30px 0 50px 0;background: #ccc;}
.application h3{margin-bottom: 20px;}
.application .appbg{background: #39f;border-radius: 50%;display: inline-block;margin-bottom: 10px;cursor: pointer;}
.application .appbg:hover{background: #06c;}
.application .appbg img{width: 100%;max-width: 120px;}
.application p{color: #fff;}

.banner h3{padding:80px 0 20px 0;color: white;}
.banner p{margin: 20px 0; color: white;}
.banner p a{padding-bottom: 2px; color: #01AAED;cursor: pointer;/*border-bottom: 1px solid #fff;*/ text-decoration: underline;}
.banner p a:hover{color: #5FB878;}