﻿.head h1.theme{background-image: url(../images/logo2.jpg);}

#advantage{background-color: #fff;padding: 50px 0;}
#advantage .item{width: 190px;height: 88px;background-repeat: no-repeat;background-position: left center;background-size: 88px 88px;padding-right: 10px;padding-left: 100px;}
#advantage .item.i1{background-image: url(../images/advantage-1.png);}
#advantage .item.i2{background-image: url(../images/advantage-2.png);}
#advantage .item.i3{background-image: url(../images/advantage-3.png);}
#advantage .item.i4{background-image: url(../images/advantage-4.png);}
#advantage .item .title{line-height: 35px;font-size: 18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#advantage .item .brief{height: 48px;line-height: 24px;font-size: 14px;color: #999;overflow: hidden;}

.theme-title{padding: 75px 0 30px;text-align: center;}
.theme-title .title-0{font-size: 36px;color: #333;margin-bottom: 10px;}
.theme-title .title-0 span{font-weight: bold;font-size: inherit;color: #ff6100;}
.theme-title .title-1{font-size: 16px;color: #ababab;}

#disadvantage{background: #f7f7f7 url(../images/disadvantage-bg.jpg) no-repeat center bottom;}
#disadvantage .img{padding: 5px 0 80px;text-align: center;}

#process{background: #fff url(../images/process-bg.jpg) no-repeat center bottom;padding-bottom: 80px;text-align: center;}
#process .process-list{margin: 5px 0 0;}
#process .process-list .item{width: 360px;position: relative;z-index: 1;margin-bottom: 60px;margin-left: 60px;float: left;}
#process .process-list .item.left{margin-left: 0;}
#process .process-list .item .img{background-color: #fff;padding: 15px;box-shadow: 0 4px 8px #eaeaea;border-radius: 50%;behavior: url(../images/pie.htc);}
#process .process-list .item .img .box{width: 330px;height: 330px;position: relative;z-index: 1;overflow: hidden;border-radius: 50%;behavior: url(/images/PIE.htc);}
#process .process-list .item .img .box .mask{width: 100%;height: 100%;background-color: #fff;position: absolute;z-index: 1;top: 0;left: 0;opacity: 0;-webkit-transition-duration: 400ms;-moz-transition-duration: 400ms;-ms-transition-duration: 400ms;-o-transition-duration: 400ms;transition-duration: 400ms;}
#process .process-list .item .main{width: 330px;position: absolute;z-index: 2;top: 280px;right: 0;left: 0;margin:0 auto;text-align: center;-webkit-transition-duration: 400ms;-moz-transition-duration: 400ms;-ms-transition-duration: 400ms;-o-transition-duration: 400ms;transition-duration: 400ms;}
#process .process-list .item .main .num{width: 51px;height: 63px;line-height: 50px;font-family: Impact;font-size: 30px;color: #fff;background: url(../images/process-ico.png) no-repeat center center;text-align: center;margin: 0 auto 5px;}
#process .process-list .item .main .title{font-weight: bold;font-size: 30px;color: #ff6100;}
#process .process-list .item .main .brief{line-height: 24px;font-size: 14px;color: #fff;opacity: 0;}
#process .process-list .item:hover .img .box .mask{opacity: .8;}
#process .process-list .item:hover .main{top: 130px;}
/*#process .process-list .item:hover .main .brief{opacity: 1;}*/
#process .slogan{font-size: 16px;color: #666;text-align: center;}
#process .hotline{line-height: 22px;font-size: 16px;color: #fff;background-color: #ff6100;padding: 16px 40px;border-radius: 5px;margin-top: 15px;display: inline-block;behavior: url(../images/pie.htc);}
#process .hotline:before{width: 22px;height: 22px;background: url(../images/phone-btn.png) no-repeat;margin-right: 12px;display: inline-block;vertical-align: middle;content: '';}

#service{background: url(../images/service-bg.jpg) no-repeat center center;padding-bottom: 95px;}
#service .service-list{margin-top: 5px;}
#service .service-list .item{width: 240px;height: 365px;background-color: #fff;padding-top: 15px;border-radius: 240px;margin-left: 80px;position: relative;z-index: 1;text-align: center;float: left;box-shadow: 0 4px 5px #e5e5e5;-webkit-transition-duration: 400ms;-moz-transition-duration: 400ms;-ms-transition-duration: 400ms;-o-transition-duration: 400ms;transition-duration: 400ms;behavior: url(../images/pie.htc);}
#service .service-list .item.left{margin-left: 0;}
#service .service-list .item .img{width: 204px;height: 290px;border-radius: 204px;margin: 0 auto;behavior: url(/images/PIE.htc);}
#service .service-list .item .img .box{width: 100%;height: 100%;position: relative;z-index: 1;overflow: hidden;border-radius: 204px;behavior: url(/images/PIE.htc);}
#service .service-list .item .img .box .mask{width: 100%;height: 100%;background-color: #000;position: absolute;z-index: 1;top: 0;left: 0;opacity: 0;}
#service .service-list .item .main{width: 204px;position: absolute;z-index: 2;top: 320px;right: 0;left: 0;margin: 0 auto;}
#service .service-list .item .main .title{font-size: 18px;color: #444;}
#service .service-list .item .main .brief{font-size: 18px;color: #fff;opacity: 0;}
#service .service-list .item .more{width: 30px;height: 30px;background: url(../images/service-more.png) no-repeat;position: absolute;z-index: 1;right: 0;bottom: -15px;left: 0;margin: 0 auto;}
#service .service-list .item:hover{margin-top: -15px;}
/*#service .service-list .item:hover .img .box .mask{opacity: .6;}
#service .service-list .item:hover .main{top: 50px;}
#service .service-list .item:hover .main .title{color: #fff;}
#service .service-list .item:hover .main .brief{opacity: 1;}*/

.hotline-img{height: 240px;background: url(../images/hotline-img.jpg) no-repeat center center;}

#evaluation{background-color: #f5f5f5;padding-bottom: 80px;}
#evaluation .evaluation-list{margin-top: 5px;}
#evaluation .evaluation-list .item{ margin-top:40px;  width:562px; height:132px; background:url(../images/pjbg.jpg) no-repeat right top;}
#evaluation .evaluation-list .item:after{ display:table; content:""; height:0px; line-height:0px; clear:both;}
#evaluation .evaluation-list .item dt{ width:130px; height:130px;border:#efefef 1px solid; text-align:center;  background:#FFF; float:left; overflow:hidden; margin-top:-2px;}
#evaluation .evaluation-list .item dt a{ width:118px; height:118px; display:inline-block; margin-top:5px; overflow:hidden }
#evaluation .evaluation-list .item dt a img{ max-width:118px;}
#evaluation .evaluation-list .item dd{ width:396px; float:right}
#evaluation .evaluation-list .item dd h3{ padding-top:18px; margin-bottom:10px; }
#evaluation .evaluation-list .item dd h3 a{ color:#ff6100; font-size:16px;}
#evaluation .evaluation-list .item dd p{ padding-right:28px; color:#666666; font-size:14px; line-height:1.6em;}
#evaluation .btn{ text-align:center; margin-top:40px;}
#evaluation .btn a{ color:#FFF; font-size:16px; display:inline-block; width:220px; text-align:center; height:50px; line-height:50px; background:#ff6100; text-decoration:none    }
#evaluation .btn a em{ display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(../images/jsq.gif) no-repeat; margin-right:6px;}

#service2{background-color: #f7f7f7;padding-bottom: 80px;}
#service2 .service-list .item{width: 280px;padding-bottom: 45px;margin-left: 26px;position: relative;z-index: 1;text-align: center;float: left;-webkit-transition-duration: 400ms;-moz-transition-duration: 400ms;-ms-transition-duration: 400ms;-o-transition-duration: 400ms;transition-duration: 400ms;}
#service2 .service-list .item.left{margin-left: 0;}
#service2 .service-list .item .img{margin: 0 4px;}
#service2 .service-list .item .name{width: 100%;height: 60px;line-height: 60px;font-size: 24px;color: #fff;background: url(../images/service-font-bg.png) no-repeat;padding-top: 4px;position: absolute;z-index: 1;right: 0;bottom: 0;left: 0;}
#service2 .service-list .item:hover{margin-top: -10px;}

#move{background: url(../images/move-bg.jpg) no-repeat center center;padding: 80px 0 55px;}
#move .box{width: 530px;margin: 80px 0 0 55px;}
#move .box .font{margin-bottom: 20px;}
#move .box .font img{display: block;}
#move .box .hotline{margin-left: 130px;}
#move .box .hotline .title{line-height: 30px;font-size: 18px;color: #666;background: url(../images/hotline-ico.png) no-repeat left center;padding-left: 35px;}
#move .box .hotline .tel{font-size: 24px;color: #333;margin-left: 35px;}
#move .list{width: 602px;}
#move .list .item{width: 184px;height: 247px;margin-bottom: 25px;margin-left: 25px;border-radius: 5px;overflow: hidden;float: left;-webkit-transition-duration: 400ms;-moz-transition-duration: 400ms;-ms-transition-duration: 400ms;-o-transition-duration: 400ms;transition-duration: 400ms;}
#move .list .item.left{margin-left: 0;}
#move .list .item:hover{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);}

#caring-service{padding-bottom: 50px;}
#caring-service .img{margin-left: 5px;}
#caring-service .list{width: 535px;margin-top: 85px;}
#caring-service .list .item{line-height: 36px;font-size: 22px;color: #444;margin-bottom: 12px;white-space: nowrap;}
#caring-service .list .item .n{width: 36px;height: 36px;line-height: 36px;font-size: 18px;color: #fff;background-color: #ff6100;border-radius: 50%;margin-right: 10px;display: inline-block;text-align: center;}
#caring-service .list .item span{font-weight: bold;font-size: inherit;color: #ff6100;}

#company-style{padding-bottom: 70px;}
#company-style .shibai{margin-top: 0;}

#service-process{background-color: #f7f7f7;padding-bottom: 80px;}
#service-process .list{margin-bottom: 40px;position: relative;z-index: 1;}
#service-process .list .item{width: 180px;margin-left: 24px;float: left;}
#service-process .list .item.left{margin-left: 0;}
#service-process .list .item .ico{width: 132px;height: 132px;font-size: 18px;color: #fff;background-color: #ff6100;background-repeat: no-repeat;background-position: center 34px;padding-top: 75px;border-radius: 50%;margin: 0 auto 23px;box-sizing: border-box;text-align: center;}
#service-process .list .item .ico.i1{background-image: url(../images/service-process-1.png);}
#service-process .list .item .ico.i2{background-image: url(../images/service-process-2.png);}
#service-process .list .item .ico.i3{background-image: url(../images/service-process-3.png);}
#service-process .list .item .ico.i4{background-image: url(../images/service-process-4.png);}
#service-process .list .item .ico.i5{background-image: url(../images/service-process-5.png);}
#service-process .list .item .ico.i6{background-image: url(../images/service-process-6.png);}
#service-process .list .item .font{height: 96px;line-height: 24px;font-size: 14px;color: #444;background-color: #fff;padding: 15px 20px;position: relative;z-index: 1;}
#service-process .list .item .font:before{width: 0;height: 0;border-bottom: 8px solid #fff;border-right: 8px solid transparent;border-left: 8px solid transparent;position: absolute;z-index: 1;top: -8px;right: 0;left: 0;margin: 0 auto;content: '';}
#service-process .list .arrow{width: 28px;height: 20px;background: url(../images/process-arrow.png) no-repeat;position: absolute;z-index: 1;top: 56px;}
#service-process .list .arrow.i1{left: 178px;}
#service-process .list .arrow.i2{left: 382px;}
#service-process .list .arrow.i3{left: 586px;}
#service-process .list .arrow.i4{left: 790px;}
#service-process .list .arrow.i5{left: 994px;}
#service-process .btn{text-align: center;}
#service-process .btn em{width: 16px;height: 16px;background: url(../images/jsq.gif) no-repeat;margin-right: 6px;display: inline-block;vertical-align: middle;}
#service-process .btn a{width: 220px;height: 50px;line-height: 50px;background: #ff6100;font-size: 16px;color: #fff;display: inline-block;text-align: center;text-decoration: none;}

#theme3{background-color: #f5f5f5;padding: 85px 0 130px;}
#theme3 .title-0{line-height: 50px;font-size: 36px;color: #444;}
#theme3 .title-1{line-height: 24px;font-size: 18px;color: #444;}
#theme3 .btn{line-height: 24px;font-size: 18px;color: #fff;background: #ff6100;padding: 13px 32px;border-radius: 5px;margin-top: 20px;text-align: center;display: inline-block;}
#theme3 .btn:before{width: 20px;height: 24px;background: url(../images/btn-tel.png) no-repeat;margin-right: 8px;display: inline-block;vertical-align: middle;content: '';}

#preferred{background: url(../images/preferred-bg.jpg) no-repeat center center;padding: 80px 0 60px;}
#preferred .list{width: 720px;float: left;}
#preferred .list .item{width: 220px;height: 120px;background-color: #fff;padding: 10px;margin-right: 20px;margin-bottom: 20px;box-sizing: border-box;float: left;}
#preferred .list .item img{display: block;}
#preferred .main{width: 360px;margin-top: 45px;/*margin-left: 40px;*/float: left;}
#preferred .main .title-0{font-weight: bold;font-size: 60px;color: #ff6100;text-align: center;}
#preferred .main .title-1{font-size: 24px;color: #444;margin-bottom: 50px;text-align: center;}
#preferred .main .hotline{line-height: 28px;font-size: 18px;color: #666;padding-left: 72px;margin-bottom: 30px;margin-left: 60px;position: relative;z-index: 1;}
#preferred .main .hotline:before{width: 56px;height: 56px;background: #ff6100 url(../images/btn-tel.png) no-repeat center center;border-radius: 5px;position: absolute;z-index: 1;top: 0;left: 0;content: '';}
#preferred .main .hotline p{font-weight: bold;font-size: 24px;color: #333;}

#choose{padding: 0 0 50px;}
#choose .list .item{width: 380px;padding-top: 120px;position: relative;z-index: 1;margin-bottom: 30px;margin-left: 30px;float: left;}
#choose .list .item.left{margin-left: 0;}
#choose .list .item .img{width: 340px;height: 240px;position: absolute;z-index: 1;top: 0;right: 0;left: 0;margin: 0 auto;overflow: hidden;}
#choose .list .item .main{background-color: #f7f7f7;padding: 135px 20px 20px;border-radius: 5px;}
#choose .list .item .main .name{font-size: 24px;color: #333;margin-bottom: 10px;text-align: center;}
#choose .list .item .main .brief{height: 84px;line-height: 28px;font-size: 16px;overflow: hidden;}