@charset "utf-8";#service{margin:0 auto}#service .title{text-align:center;margin:0 auto;padding:50px 0}#service .title>h3{position:relative;display:inline-block;font-size:36px;font-weight:400;color:#333;text-align:center;padding:20px 0;margin:0 auto}#service .title>h3:after{position:absolute;z-index:4;left:50%;bottom:0;margin-left:-20px;width:40px;height:1px;background:rgba(0,0,0,.6);content:''}#service .support{width:90%;max-width:1400px;margin:0 auto;padding:0}#service .support>.container{margin:0 auto;padding:50px;background:#fff}#service .support>.container .box{width:50%;text-align:left;padding:50px;-webkit-box-sizing:border-box;box-sizing:border-box}#service .support>.container .box>.tel{font-size:46px}#service .support>.container .box>.tips{font-size:18px;padding:10px 0}#service .support>.container .box>.text{padding:15px 0;font-size:16px;color:#999;line-height:28px}#service .support>.container .box>.order{text-align:left;padding-top:50px}#service .support>.container .box>.order>a{display:inline-block;background:#00ada9;border-radius:3px;padding:10px 30px;font-size:16px;color:#fff;-webkit-transition:all .35s;transition:all .35s}#service .support>.container .box>.order>a:hover{background:#666}#service .support>.container .img{width:50%}#service .support>.container .img>img{width:100%;height:auto}#service .component{width:90%;max-width:1400px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto 80px}#service .component>.container{margin:0 auto;background:#fff;padding:50px 100px}#service .component>.container .text{padding:50px 100px;border-bottom:1px dotted #ddd;margin:0 auto;text-align:center;font-size:16px;color:#999;line-height:24px}#service .component>.container .nav{margin:0 auto;background:#fff;padding:50px 0}#service .component>.container .nav>ul{margin:0 auto}#service .component>.container .nav>ul>li{display:block;position:relative}#service .component>.container .nav>ul>li:after{position:absolute;z-index:9;right:40px;top:50%;margin-top:-15px;width:25px;height:25px;background:url(../img/ico_arrow_right_noborder_green.png) 50% 50% no-repeat;background-size:100% auto;-webkit-filter:grayscale(100%);content:'';-webkit-transition:all .35s;transition:all .35s}#service .component>.container .nav>ul>li a{display:block;position:relative;zoom:1;border:1px solid #eee;padding:40px;margin:15px auto;-webkit-transition:all .35s;transition:all .35s}#service .component>.container .nav>ul>li a:after,#service .component>.container .nav>ul>li a:before{content:"";display:table}#service .component>.container .nav>ul>li a:after{clear:both}#service .component>.container .nav>ul>li a .ico{display:block;width:80px}#service .component>.container .nav>ul>li a .ico>img{width:40px;height:auto}#service .component>.container .nav>ul>li a .con{display:block;width:70%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;text-align:left}#service .component>.container .nav>ul>li a .con>.tit{font-size:24px;color:#333;text-align:left;-webkit-transition:all .35s;transition:all .35s}#service .component>.container .nav>ul>li a .con>.txt{font-size:16px;color:#999;padding-top:10px}#service .component>.container .nav>ul>li a:hover .con>.tit{color:#00ada9}#service .component>.container .nav>ul>li:hover:after{-webkit-filter:grayscale(0);right:35px}@media only screen and (max-width:1200px){#service .title>h3{font-size:32px}#service .support>.container .box{padding:30px}#service .support>.container .box>.text{padding:10px 0;font-size:14px;line-height:24px}}@media only screen and (max-width:1080px){#service .support>.container .box>.tel{font-size:42px}#service .component>.container .text{padding:50px 80px;font-size:14px;line-height:20px}#service .component>.container{padding:50px 80px}#service .component>.container .nav>ul>li a .con>.tit{font-size:20px}#service .component>.container .nav>ul>li a .con>.txt{font-size:14px}}@media only screen and (max-width:860px){#service .component>.container,#service .component>.container .text,#service .support>.container{padding:30px 50px}#service .title>h3{font-size:28px}#service .support>.container .box,#service .support>.container .img{width:100%;float:none}}@media only screen and (max-width:640px){#service .title{padding:30px 0}#service .title>h3{font-size:24px}#service .support>.container{padding:20px}#service .support>.container .box{text-align:center;padding:30px 10px}#service .support>.container .box>.tel{font-size:32px}#service .support>.container .box>.tips{font-size:16px}#service .support>.container .box>.text{font-size:12px;line-height:20px}#service .support>.container .box>.order{text-align:center;padding-top:20px}#service .support>.container .box>.order>a{display:block;font-size:16px}#service .component>.container{padding:20px}#service .component>.container .nav>ul>li a .con{padding:0 10px}#service .component>.container .nav>ul>li a .con>.tit{font-size:18px}#service .component>.container .nav>ul>li a .con>.txt{font-size:12px}}@media only screen and (max-width:420px){#service .component>.container .text{padding:10px;font-size:12px;line-height:18px}#service .component>.container .nav{padding:30px 0}#service .component>.container .nav>ul>li:after{right:20px;opacity:.3}#service .component>.container .nav>ul>li a{padding:20px}#service .component>.container .nav>ul>li a .ico{float:none;margin:0 auto}#service .component>.container .nav>ul>li a .ico>img{width:60px;height:auto}#service .component>.container .nav>ul>li a .con{float:none;margin:0 auto;width:100%;text-align:center}#service .component>.container .nav>ul>li a .con>.tit{text-align:center}}