@charset 'sut-8';

.container { background: #fff;}
.tittle { position: relative; display: table; margin: 0 auto 30px;padding-bottom: 13px; text-align: center;}
.tittle h2 { margin: 28px 0 28px; color: #d90011; font-size: 30px; line-height: 48px;text-transform: uppercase; }
.tittle h3 { color: #717171; font-size:24px;font-weight: normal;width: 98px; height: 36px; line-height:24px;color: #2f2f2f;border-bottom: 3px solid #2f2f2f;text-align: center;margin: 0 auto}

.i-profile {}
.i-profile p { color: #2f2f2f; font-size: 14px; line-height: 22px;padding: 0 72px; text-align: center;}
.i-profile .profile{margin: 52px 0 60px;}
.i-profile .profile a{display: inline-block; width:103px;height: 28px;border: 4px solid #fff;margin: 0 110px;text-align: center;font-size: 14px;line-height: 14px;color: #2f2f2f;padding-top: 76px;}
.i-profile .profile a.p1{background: url(../images/p1.png) no-repeat center 13px;}
.i-profile .profile a.p2{background: url(../images/p2.png) no-repeat center 13px;}
.i-profile .profile a.p3{background: url(../images/p3.png) no-repeat center 13px;}
.i-profile .profile a.p1:hover{background: url(../images/p1-on.png) no-repeat center 13px;}
.i-profile .profile a.p2:hover{background: url(../images/p2-on.png) no-repeat center 13px;}
.i-profile .profile a.p3:hover{background: url(../images/p3-on.png) no-repeat center 13px;}
.i-profile .profile a:hover{border: 4px solid #d90011;color: #d90011;}

.i-service{height:615px;background:#f3f3f3;}
.i-service ul{margin-right: -20px}
.i-service li{float: left; width: 240px;height: 354px;margin-right: 10px;text-align: center;position: relative;background: #fff;}
.i-service li img{width: 240px;height: 168px;display: block;}
.i-service li h2{width: 226px;margin: 10px auto 10px;line-height: 42px;font-size: 16px;color: #000000;border-bottom: 1px solid #cccccc;}
.i-service li p{font-size: 12px;line-height: 18px;color: #000;width: 216px;text-align:left;margin: 0 auto}
.i-service li>a{display:inline-block;width: 100%;height: 35px;line-height: 35px;font-size: 14px; background: #d90011;color: #fff;position: absolute;bottom: 0;left: 0;}
.i-service li>a:hover{color: #000}

.i-case{height: 710px;}
.i-case .wrapC{border: 1px solid #e2e2e2;-webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;width: 1085px; height: 700px;margin:0 auto }
.frame{width: 100%; height: 376px;}
.tab{width: 986px;margin: 0 auto;}
.tab .text {float: right; width: 670px;height: 458px;z-index:1}
.tab .list{position: relative;width: 670px;height: 458px; }
.tab .list .num{position: absolute;z-index: 555; top: -32px;right:-37px;width: 74px;height: 36px;border: 2px solid #d90011;text-align: center;color: #d90011;font-size: 20px;line-height: 36px;}
.tab .text img{width: 670px;height: 458px;}
.tab .text dl{width: 670px;height: 458px;}
.tab .text a.pre,.tab .text a.nex{display: block;left:-14px ;position: absolute; top: 230px;width: 25px;height: 38px;background:url(../images/pre.png) no-repeat center;z-index: 999; cursor:pointer;text-indent:-999em;overflow: hidden;}
.tab .text a.nex{left: auto;right:-14px;background:url(../images/nex.png) no-repeat center;}
.tab .text dl dd{width: 670px;height: 458px;position: relative;}
.tab .text dl dd em{position: absolute;z-index: 2;left: 0; bottom: 0; display: inline-block;height: 76px;width: 100%;background: rgba(31,22,11,0.8);font-size: 16px;height: 76px;color: #fff;line-height: 76px;}
.tab .text dl dd em a{padding-left: 20px}
.tab .tit{width: 308px;height:458px;float: left;}
.tab .tit ul{width: 312px !important}
.tab .tit li {width: 312px;height: 75px;border: 2px solid #fff;float:left; cursor:pointer;text-align: center;}
.tab .tit li h2{font-size:16px;line-height: 26px;color: #000;text-transform: uppercase;margin-top: 12px}
.tab .tit li h2 em{color: #2f2f2f;font-weight: normal;display: block;}
.tab .tit li.on{border: 2px solid #d90011;}
.tab .tit li.on h2,.tab .tit li.on h2 em{color: #d90011}