@charset "UTF-8";

.container { width: 1200px; margin: 0 auto; }
.container:before, .container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearListStyle { margin: 0; padding: 0; list-style: none; }
.clearListStyle li { margin: 0; padding: 0; list-style: none; }
.clearfix:before, .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
/* bar */
.fbar { min-width: 1200px; padding: 30px 0; background-color: #F8F8F8; }
.fbar li { float: left; width: 20%; height: 100px; text-align: center; border-left: 1px solid #DDD; box-sizing: border-box;}
.fbar li:first-child { border-left: none; }
.fbar li .img { height: 48px; line-height: 48px; overflow: hidden; margin-top: 10px; font-size: 48px; font-family: arial; font-weight: bold; color: #1364bf; }
.fbar li .txt { margin-top: 16px; font-size: 14px;}
/* service */
.case_t { text-align: center; padding-top: 10px; background: url(../img/case_t_line.jpg) repeat-x 0 94px; }
.case_t_img{ font-size:38px; color:#2eafbb; }
.case_t_title { color: #000000; font-size: 38px; height: 56px; line-height: 56px; width: 290px; text-align: center; background-color: #fff; margin: 0px auto;}
.case_t_line { width: 62px; height: 1px; line-height: 1px; background-color: #6bc1ca; margin: 10px auto 0; }
.service { width: 1200px; margin: 0 auto; overflow: hidden; font-size:12px; }
.service .service-item { height: 260px; margin-top: 20px; background-color: #FFF; border: 1px solid #EEE; text-align: center; }
.service .service-item .service-hd { width: 20%; height: 100%; float: left; background-color: #6DA303; color: #FFF; }
.service .service-item .service-hd h1 { font-size: 28px; margin: 30px 0 0; line-height: 1; }
.service .service-item .service-hd h1 a { color: #fff; }
.service .service-item .service-hd .desc { font-size: 14px; margin: 20px 30px 0; height: 110px;}
.service .service-item .service-hd .more { color: #FFF; display: block; margin: 15px auto 0; width: 120px; height: 36px; border-radius: 4px; border: 1px solid #FFF; line-height: 34px; }
.service .service-item .service-hd.yingxiao { background-color: #6DA303; }
.service .service-item .service-hd.website { background-color: #3388ff; }
.service .service-item .service-hd.jingjia { background-color: #E9860F; }
.service .service-item .service-hd.shipin { background-color: #3388ff; }
.service .service-item ul { float: left; width: 80%; height: 100%; }
.service .service-item li { width: 25%; height: 100%; float: left; border-left: 1px solid #eee; box-sizing: border-box;}
.service .service-item li:hover { box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1); }
.service .service-item li:first-child { border-left: none; }
.service .service-item li .img { margin: 40px 0 0; }
.service .service-item li .img img { height: 50px; }
.service .service-item li .name { font-size: 18px; font-weight: bold; margin-top: 15px; color: #333; }
.service .service-item li .desc { margin: 15px 30px 0; color: #666; line-height: 22px; }
.service .service-item li .more { font-size: 12px; margin-top: 20px; display: block; }