/*swiper-slide*/
.swiper-slide img{ width:100%;}
.swiper-pagination-bullet{ background:#000;}
.swiper-pagination-bullet-active{ background:#15ab47;}
/*index-title*/
.index-title{ padding:45px 0;}
.index-title h3{ font-size:14px; color:#999;}
.index-title h3 i ,.index-title h3 em{ font-size:24px;}
.index-title h3 i{ color:#e7c092;margin-right:10px;}
.index-title h3 em{ color:#15ab47; }
.index-title .index-sort a{display:inline-block; padding:0 15px; height:30px; line-height:30px;}
.index-title .index-sort a:hover{ background:#15ab47; color:#fff;}
/*index-brand*/
.index-brand{ background:url(../images/index-brand-bg.jpg) bottom no-repeat; height:600px; margin:40px 0;}
.index-brand h3{ font-size:14px; color:#999;padding:140px 40px 30px 40px;}
.index-brand h3 i ,.index-brand h3 em{ font-size:24px;}
.index-brand h3 i{ color:#e7c092;margin-right:10px;}
.index-brand h3 em{ color:#15ab47; }
.index-brand-con .index-brand-text{ width:665px;font-size:14px; color:#666; padding:0 40px 40px 40px;}
.index-brand-con .index-brand-text p{ line-height:36px; text-indent:2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.index-brand-con .more{ width:140px; height:44px; line-height:44px; background:#15ab47; color:#ffe2bf; display:block; font-size:14px; text-align:center; margin:0 0 0 40px;}
.index-brand-con .more:hover{ color:#fff; background:#1fbf54;}
.mobile-brand{ display:none;}
/*index-news*/
.index-news .left{ width:770px;}
.index-news .left a{ display:block;}
.index-news .left img{ width:770px; height:320px;}
.index-news .left dl dd{ background:#f6f6f6; padding:30px; height:90px; overflow:hidden;}
.index-news .left .title{font-size:14px;}
.index-news .left .desc{ color:#999; line-height:30px; margin-top:10px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.index-news .left a:hover .desc{ color:#444;}
.index-news .right{ width:420px; margin-top:-10px;}
.index-news .right dl a{ display:block; background:#f6f6f6; padding:20px; height:70px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.index-news .right dl a:hover{ background:#15ab47; color:#fff;}
.index-news .right img{ width:140px; height:70px;}
.index-news .right dl{ margin-top:10px;}
.index-news .right dl dd{ width:225px;}
.index-news .right .title{ font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-news .right .desc{ color:#999; line-height:24px; margin-top:5px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.index-news .right a:hover .desc{ color:#fff;}
/*index-about*/
.index-about{ background:url(../images/index-about-bg.jpg) top no-repeat; height:600px; margin-top:40px;}
.index-about .con{ background:rgba(255,255,255,.9);-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1); width:100%; height:335px; overflow:hidden;}
.index-about .con .left{ width:820px; padding:30px; height:275px; overflow:hidden;}
.index-about .con .left p{ font-size:14px; line-height:36px; text-indent:2em; color:#565656;}
.index-about .con .left .more{ width:180px; height:46px; line-height:46px; text-align:center; border:1px #ddd solid; display:block; margin:25px auto; font-size:14px;}
.index-about .con .left .more:hover{ background:#25ae56; border:1px #25ae56 solid; color:#fff;}
.index-about .con .right{ width:320px; height:335px; background:#24ae56; position:relative;}
.index-about .con .right .img{ margin:55px auto 0 auto; width:120px;}
.index-about .con .right .recruit-icon{ width:300px; height:70px; border-top:1px rgba(255,255,255,.3) solid; line-height:70px; position:absolute; left:0; bottom:0; display:block; background:url(../images/recuit-icon.jpg) 50px 14px no-repeat; text-align:right;padding-right:20px;color:#fff;}
/*index-contact*/
.index-contact{ padding:0;}
.index-contact h1{ font-size:18px; margin-bottom:0;}
.index-contact p{ color:#999; margin-top:15px;}
.index-contact p span{ margin-right:15px;}
.index-contact p a{ width:30px; height:30px; display:inline-block; margin-right:15px; background:url(../images/social-icon.png) no-repeat;}
.index-contact .button{ margin-top:30px;}
.index-contact .weibo{ background-position:0 0;}
.index-contact .qq{ background-position:0 -30px;}
.index-contact .weixin{ background-position:0 -60px;}
.index-contact .weibo:hover{ background-position:-30px 0;}
.index-contact .qq:hover{ background-position:-30px -30px;}
.index-contact .weixin:hover{ background-position:-30px -60px;}
/*index-form*/
.index-form{ padding:60px 0;}
.index-form .left ,.index-form .right{ width:590px;}
.index-form .text{ width:96%; border:1px #ddd solid; padding:0 2%; height:40px; line-height:40px; margin-bottom:15px;}
.index-form .textarea{ width:96%;border:1px #ddd solid; padding:0 2%; line-height:40px; height:154px;}
.index-form .submit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; background:#15ab47; border:none; cursor:pointer;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.index-form .submit:hover{ background:#e7c092;}