﻿/* ============public============= */
a {color: #56bc5d;text-decoration: none}
body{background: #F0F3F4;width: auto;min-width: 1200px;}
.ecjia-function-list .section-wrapper{width: 1200px;}
/* ============banner============= */

.ecjia-function-list .banner {background: #2f3c5e;margin-top: 0; height: 425px;}
.ecjia-function-list .banner ul{width: 1210px;margin:0 auto;padding: 50px 0;}
.ecjia-function-list .banner ul li{width:20%;float: left;height:320px;width: 225px;margin-right: 20px;background: #fff;position: relative;font-weight: lighter;}
.ecjia-function-list .banner ul li:last-child{margin-right: 0;}
.ecjia-function-list .banner ul li div.up{height: 140px;width: 100%;background-size: 90%;text-align: center;color: #fff;}
.ecjia-function-list .banner ul li:nth-child(1) div.down a,
.ecjia-function-list .banner ul li:nth-child(1) div.up{background-color:#56a8fc}
.ecjia-function-list .banner ul li:hover:nth-child(1) div.down a{background-color:#56C6FF}
.ecjia-function-list .banner ul li:nth-child(2) div.down a,
.ecjia-function-list .banner ul li:nth-child(2) div.up{background-color:#61ddad}
.ecjia-function-list .banner ul li:hover:nth-child(2) div.down a{background-color:#6fe29f}
.ecjia-function-list .banner ul li:nth-child(3) div.down a,
.ecjia-function-list .banner ul li:nth-child(3) div.up{background-color:#ffc36d}
.ecjia-function-list .banner ul li:hover:nth-child(3) div.down a{background-color:#ffb361}
.ecjia-function-list .banner ul li:nth-child(4) div.down a,
.ecjia-function-list .banner ul li:nth-child(4) div.up{background-color:#ff7e7e}
.ecjia-function-list .banner ul li:hover:nth-child(4) div.down a{background-color:#ff7267}
.ecjia-function-list .banner ul li:nth-child(5) div.up{background-color:#475975}
.ecjia-function-list .banner ul li div.up h3{margin-top: 30px;font-size: 24px;display: inline-block;}
.ecjia-function-list .banner ul li:last-child div.up h3{margin-top: 45px;font-size: 36px;display: inline-block;}
.ecjia-function-list .banner ul li div.up p{font-size: 36px;margin-top: 8px;}
.ecjia-function-list .banner ul li div.up p span{font-size: 14px;padding-left: 4px;}
.ecjia-function-list .banner ul li div.down p{padding: 20px;font-size: 12px;line-height: 20px;color: #76838f;}
.ecjia-function-list .banner ul li div.down a{width: 180px;height: 40px;line-height: 40px;font-size: 14px;position: absolute;bottom: 20px;left: 50%;margin-left: -90px;color: #fff;text-align: center;border-radius: 5px;}
.ecjia-function-list .banner ul li div.down div{width: 180px;height: 40px;font-size: 14px;position: absolute;bottom: 20px;left: 50%;margin-left: -90px;}
.ecjia-function-list .banner ul li div.down div i{float:left;width: 40px;height: 40px;background: #475975 url(../images/ph.png) no-repeat center center;border-radius: 5px;display: inline-block;margin-right: 8px;background-size: 60%;}
.ecjia-function-list .banner ul li div.down div span{display: inline-block;}
/* =========table module========== */
.ecjia-function-list table .bg-white{background: #fff;text-align: left;}
.ecjia-function-list table .bg-active{background: #f6f9fa;padding: 15px 30px;text-align: left;}
.ecjia-function-list table tr:nth-child(even){background:#f6f9fa;}
.ecjia-function-list table{background: #fff;margin: 60px 0;}
.ecjia-function-list table,
.ecjia-function-list table tr,
.ecjia-function-list table td,
.ecjia-function-list table th{border: 1px solid #ddd;text-align: center;}
.ecjia-function-list table td,
.ecjia-function-list table th{padding: 15px;}
.ecjia-function-list table th{padding: 15px;font-size: 18px;font-weight: lighter;}
.ecjia-function-list table tr td.y-support {background: url(../images/gou.png) no-repeat center;background-size: 20px;}
.ecjia-function-list table tr td.n-support {background: url(../images/cha.png) no-repeat center;background-size: 20px;}
.ecjia-function-list table td img{width: 25px;vertical-align: middle;margin-right: 8px;}
.ecjia-function-list .fixed-head{position: fixed;top: 0;overflow: hidden;z-index: 999;display: none;width: 1210px;}
.ecjia-function-list .fixed-head li {float: left;padding: 15px;font-size: 18px;border: 1px solid #ddd;border-left: none;width: 200px;background: #fff;}
.ecjia-function-list .fixed-head li:nth-child(1),
.ecjia-function-list table th:nth-child(1){border-top:2px solid #5cc7f6;border-left: 1px solid #ddd;width: 244px;}
.ecjia-function-list .fixed-head li:nth-child(2),
.ecjia-function-list table th:nth-child(2){border-top:2px solid #80b0fa;}
.ecjia-function-list .fixed-head li:nth-child(3),
.ecjia-function-list table th:nth-child(3){border-top:2px solid #fdc579;}
.ecjia-function-list .fixed-head li:nth-child(4) ,
.ecjia-function-list table th:nth-child(4){border-top:2px solid #fa8484;}
.ecjia-function-list .fixed-head li:nth-child(5) ,
.ecjia-function-list table th:nth-child(5){border-top:2px solid #6ac978;}

/*  交互 */
.box-hide{display: inline-block;position: relative;padding-left: 5px; cursor: pointer;}
.box-hide i{width: 15px;height: 15px;background: url(../images/more.png) no-repeat center center;display: inline-block;background-position: 0 0;background-size: 32px;}
.box-hide:hover i{background-position: -16px 0;}
.box-hide>div.arrow{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #333;position: absolute;top: -12px;z-index: 1;left: 50%;margin-left: -8px;display: none;}
.box-hide>div.box{background: #333;color: #fff;font-size: 12px;padding: 10px;position: absolute;width: 200px;left: -100px;top: auto; bottom: 27px;box-shadow: 4px 4px 46px 5px #ddd;text-align: center;display: none;}

/* ==========ecjia-service-support============ */

.ecjia-service-support ul li{float: left;height: 302px;width: 50%;background: #fff;text-align: center;}
.ecjia-service-support ul li img{margin-top: 35px;width: 80px;}
.ecjia-service-support ul li p{font-size: 24px;line-height: 25px;margin: 30px 0 5px 0;color: #333;}
.ecjia-service-support ul li small{font-size: 14px;line-height: 30px;color: #919191;}
.ecjia-service-support ul li:first-child{background: url(../images/service-support-bg.jpg) center top no-repeat;}
.ecjia-service-support ul li:first-child p{font-size: 48px;line-height: 62px;padding-top: 100px;color: #fff;}
.ecjia-service-support ul li:first-child small{font-size: 24px;line-height: 30px;color: #fff;}
.ecjia-service-support ul li:last-child{background: #be95ee;}
.ecjia-service-support ul li:last-child p,.ecjia-service-support ul li:last-child small{color:#fff;}

/* ===========ecjia-statement============ */

.ecjia-statement{margin: 30px 0 50px;}
.ecjia-statement ul {overflow: hidden;}
.ecjia-statement ul li {float: left;margin-right: 50px;color: #888;cursor: pointer;position: relative;height: 65px;font-size: 24px;line-height: 30px;}
.ecjia-statement ul li img {position: absolute;top: 50px;left: 50%;margin-left:-12px;display: none;}
.ecjia-statement ul li.active img {display: block;}
.ecjia-statement ul li.active {color: #000;}
.ecjia-statement .tab-box {box-sizing: border-box;background-color: #fff;padding: 20px 30px;color: #555;}
.ecjia-statement .tab-box p {line-height: 2.4;}
.ecjia-statement .tab-box h3 {font-size: 18px;font-weight: normal;padding: 10px 0;}
.ecjia-statement .tab-box p.attention {color: #fc8080;line-height: 1.8;margin-top: 10px;}
