@import url("tfui.common.css");
.width{width:100%;}
.w240{width:1240px;}
/**
 * 头部导航
 ***/
.top-nav-wrap{width:100%; height:98px;}
.top-nav{margin:0 auto;}
.logo-wrap{width:232px; margin:5px auto;}
.logo-wrap .logo{width:160px; height:84px;}
.nav-wrap{min-width:980px;}
.nav-wrap .nav, .nav-wrap .tel{font-size:18px; margin:30px auto;}
.nav ul{clear:both; display:block; overflow:hidden;}
.nav li{float:left; line-height:38px;}
.nav li a{padding:10px 20px; color:#333; -moz-transition-property:all; -moz-transition-duration:0.3s; -moz-transition-timing-function:linear; -webkit-transition-property:all; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:linear; -o-transition-property:all; -o-transition-duration:0.3s; -o-transition-timing-function:linear; transition-property:all; transition-duration:0.3s; transition-timing-function:linear;}
.nav li a:hover{color:#00dcc2;}
.nav li.active a{color:#00dcc2;}
.nav li.active a:hover{color:#333;}
.nav-wrap .tel a{color:#00dcc2; clear:both; font-size:22px; font-weight:700; clear:both; position:relative; padding-left:30px;}
.nav-wrap .tel a:before{content:""; width:24px; height:24px; position:absolute; left:0; top:50%; margin-top:-12px; display:inline-block; background:url(../images/ico_top_tel.png) no-repeat center center; background-size:24px;}

.banner{width:100%; overflow-x:hidden; position:relative;}
.slider-wrapper{width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px); position:relative; z-index:1; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform;}
.slider-item {width:100%; height:100%; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0;}
.slider-item img{width:100%;}
.slider-pagination{width:100%; position:absolute; z-index:2; left:0; bottom:20px; pointer-events:none; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:end; -webkit-align-items: flex-end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.slider-pagination > .slider-pagination-item{margin:0 6px; width:12px; height:12px; display:inline-block; border-radius:100%; background-color:#b7d0e1;}
.slider-pagination > .slider-pagination-item.slider-pagination-item-active{background-color:#00dcc2;}

.slogan{margin:0 auto; height:230px;}
.slogan.slogan-1{background:url(../images/slogan_1.png) no-repeat center center; background-size:cover;}
.slogan.slogan-2{background:url(../images/slogan_2.png) no-repeat center center; background-size:cover;}
.slogan.slogan-3{background:url(../images/slogan_3.png) no-repeat center center; background-size:cover;}
.slogan.slogan-4{background:url(../images/slogan_4.png) no-repeat center center; background-size:cover;}

.service-items-wrap{height:920px; max-height:920px; background:url(../images/maintenance_bg.png) no-repeat center center; background-size:cover;}
.service-items-wrap .service-items{margin:0 auto;}
.side-nav{width:240px; background:#00dcc2;}
.side-nav ul{width:240px; max-height:440px;}
.side-nav ul.one{background-color:#1c1318;}
.side-nav ul.two{background-color:#00dcc2;}
.side-nav li{width:240px; height:110px; line-height:110px; text-align:center; font-size:22px; color:#fff; background:url(../images/side_nav_bg.png) no-repeat 0 0; background-size:cover; -moz-transition-property:all; -moz-transition-duration:0.3s; -moz-transition-timing-function:linear; -webkit-transition-property:all; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:linear; -o-transition-property:all; -o-transition-duration:0.3s; -o-transition-timing-function:linear; transition-property:all; transition-duration:0.3s; transition-timing-function:linear;}
.side-nav ul.one li:hover{background-color:#00dcc2;}
.side-nav ul.two li:hover{background-color:#1c1318;}
.side-nav li.kshs{background-position:0 0;}
.side-nav li.pcys{background-position:0 -110px;}
.side-nav li.gdst{background-position:0 -220px;}
.side-nav li.jdwx{background-position:0 -330px;}
.side-nav li.sdwx{background-position:0 -440px;}
.side-nav li.qxbj{background-position:0 -550px;}
.side-nav li.fsbl{background-position:0 -660px;}
.side-nav li a{color:#fff; display:block;}
.side-nav div.three{width:240px; height:150px;}
.side-nav div.three .more{width:240px; height:110px; line-height:110px; font-size:0; text-align:center; background:url(../images/side_nav_bg.png) no-repeat 0 -770px; background-size:cover;}
.side-nav div.three .more:hover{background-color:#1c1318;}
.illustration{width:1000px; height:920px; background-color:#fff;}
.item-wrap-pic{width:1000px; overflow:hidden;}
.item-wrap-pic .item-wrap-pic-fl, .item-wrap-pic .item-wrap-pic-fr{margin-top:10px; width:494px; height:389px;}

.about-items-wrap{min-height:930px; background:#fff url(../images/index_about_bg.png) no-repeat center center; background-size:cover;}
.about-items-wrap .about-wrap{margin:130px auto 0 auto;}
.about-box{width:580px; padding:0 60px;}
.about-box .about-tit{font-size:32px; margin-bottom:30px;}
.about-box .about-content{font-size:18px; color:#666; margin-bottom:30px;}
.about-box .about-content p{line-height:36px;}
.about-more a{width:210px; height:46px; line-height:46px; text-align:center; font-size:16px; color:#00dcc2; border:1px solid #00dcc2; display:inline-block;}
.about-more a:hover{color:#fff; background:#00dcc2;}
.about-pic-wrap{width:620px; height:480px; position:relative;}
.about-pic-wrap .pic{width:690px; height:544px; position:absolute; top:-60px; left:0; z-index:9;}

.advantage-wrap{height:700px; background:#f7f5f1 url(../images/advantage_bg.png) no-repeat center center; background-size:cover;}
.advantage-wrap-box{height:550px; margin:80px auto; background:url(../images/advantage_bgs.png) no-repeat center center; background-size:cover;}
.advantage-wrap-box .brand-advantage{margin:0 auto;}
.brand-advantage .brand-advantage-fl{min-width:620px; position:relative; min-height:500px; color:#fff;}
.brand-advantage .brand-advantage-slogan{width:258px; height:180px; background:#00dcc2; position:absolute; left:0; top:-40px; z-index:9; padding:26px 30px;}
.brand-advantage-slogan .txt-1{font-size:18px; margin-bottom:6px;}
.brand-advantage-slogan .txt-2{font-size:32px; margin-bottom:6px;}
.brand-advantage-slogan .txt-3{font-size:18px; color:rgba(255, 255, 255, .5);}
.brand-advantage .brand-advantage-fr{width:620px; min-height:550px; background:rgba(255, 255, 255, .9);}
.brand-advantage-fr .youshi-wrap{padding:40px; height:490px;}
.youshi-wrap .youshi-item{margin-bottom:10px;}
.youshi-wrap .youshi-item .youshi-item-tit{margin-bottom:19px; font-size:18px; color:#000; font-weight:bold;}
.youshi-wrap .youshi-item .youshi-item-txt{color:#666; line-height:36px; margin-bottom:10px;}
.youshi-item-page li{width:10px; height:10px; float:left; background:#ddd; margin-right:16px;}
.youshi-item-page li.active{color:#00dcc2; background:#00dcc2;}
.youshi-item-next{width:100%; height:60px; background-color:#00dcc2;}
.youshi-item-next .youshi-item-next-prev, .youshi-item-next .youshi-item-next-next{width:310px; height:60px; text-align:center;}
.youshi-item-next .youshi-item-next-prev span, .youshi-item-next .youshi-item-next-next span{width:86px; height:60px; display:inline-block; background:url(../images/ico_arrow_next.png) no-repeat 0 0; background-size:cover;}
.youshi-item-next .youshi-item-next-prev span{background-position:0 0;}
.youshi-item-next .youshi-item-next-next span{background-position:-86px 0;}

.support-wrap{margin:0 auto 60px auto; box-shadow:3px 3px 8px #d0d0d0; padding:30px 30px 0 30px;}
.support-wrap ul{clear:both; display:inline-block;}
.support-wrap li{width:295px; float:left; text-align:center; padding-bottom:30px;}
.support-wrap li .ico-pic{width:150px; height:150px; margin:0 auto 20px auto;}
.support-wrap li .txt-tit{font-size:22px; color:#00dcc2; margin-bottom:10px; font-weight:bold;}
.support-wrap li .txt-dis{color:#666;}
.scene-wrap{height:640px; background:url(../images/service_bg.jpg) no-repeat center center; background-size:cover;}
.scene-box, .consult-item, .copyright-wrap{margin:0 auto;}
.scene-left{width:240px;}
.scene-right{width:930px; min-width:932px;}
.scene-left .scene-slogan{width:200px; height:417px; margin-top:50px; background:url(../images/ico_fwcj.png) no-repeat 0 0; background-size:cover;}
.scene-left .scene-slogan-more{margin-top:40px;}
.scene-left .scene-slogan-more a{width:190px; height:46px; line-height:46px; color:#fff; font-size:16px; border:1px solid #fff; text-align:center; display:inline-block;}
.scene-left .scene-slogan-more a:hover{background:#1c1318; border-color:#1c1318;}
.scene-right{width:980px;}
.server-scene{width:976px; height:636px; margin:2px auto; position:relative;}
.server-scene ul{width:976px; display:inline-block; clear:both;}
.server-scene li{width:212px; float:left; margin:14px 16px; background:#00dcc2;}
.server-scene li .pic{width:212px; height:144px; overflow:hidden; background:#fff;}
.server-scene li .txt{width:212px; height:38px; line-height:38px; color:#fff; background:#3879aa; text-align:center;}
.scene-prev, .scene-next{width:32px; height:80px; position:absolute; top:50%; margin-top:-40px;}
.scene-prev{left:0;}
.scene-next{right:0;}
.scene-prev i, .scene-next i{width:32px; height:80px; display:inline-block; background:url(../images/ico_arrow.png) no-repeat 0 0;}
.scene-next i{background-position:-32px 0;}
.news-wrap{margin:0 auto; padding:20px 0px;}
.news-wrap ul{display:inline-block;}
.news-wrap li{width:400px; height:464px; float:left; box-shadow:2px 2px 6px #d0d0d0; background:#fff; margin-right:20px; position:relative;}
.news-wrap li:last-child{margin-right:0;}
.news-wrap li .pics{width:400px; height:252px;}
.news-wrap li .txts{padding:30px;}
.news-wrap li .txts .tit{font-size:18px; margin-bottom:20px;}
.news-wrap li .txts .dis{font-size:14px; color:#666; margin-bottom:20px; min-height:60px; max-height:60px; overflow:hidden;}
.news-wrap li .txts .tim{color:#999;}
.news-wrap li .flag{width:40px; height:60px; line-height:50px; font-size:24px; text-align:center; background:url(../images/ico_flag.png) no-repeat 0 0; background-size:cover; position:absolute; left:20px; top:-10px; z-index:9; color:#fff;}

.consult-wrap{height:462px; background: url(../images/consult_bg.jpg) no-repeat center center; background-size:cover;}
.consult-item{padding:40px 0;}
.consult-item-left{position:relative; color:#fff;}
.consult-item-left .consult-txt-0{height:80px;}
.consult-item-left .consult-txt-1{font-size:50px; letter-spacing:10px; margin-bottom:20px;}
.consult-item-left .consult-txt-2{font-size:40px; letter-spacing:10px;}
.consult-item-left .consult-txt-1 em{font-style:italic; font-size:60px; padding:0 10px; color:#00dcc2;}
.consult-item-left .consult-txt-2 span{width:84px; height:84px; line-height:84px; text-align:center; font-size:30px; letter-spacing:1px; display:inline-block; background:#00dcc2; border-radius:50%;}
.consult-item-right .consult-sign{width:470px; height:372px; background:url(../images/consult_input_bg.png) no-repeat center center;}
.consult-sign .consult-forms{width:260px; margin:0 auto;}
.consult-sign .form-wrap{margin-bottom:20px; overflow:hidden;}
.consult-sign .form-tit{font-size:22px; color:#000; width:296px; margin:0px auto 10px auto; padding-top:20px;}
.consult-sign .form-dis{width:296px; margin:0 auto 30px auto;}
.consult-sign .form-input{width:100%; padding:10px; border:1px solid #b5b5b5; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.consult-sign .form-input:focus{border:1px solid #00dcc2; outline:0}
.consult-sign .btn-submit{width:100%; font-size:14px; padding:10px 10px;}

.footer{background:#262323; padding:60px 0; min-height:220px;}
.footer .footer-wrap{margin:0 auto;}
.footer .footer-left{min-width:1000;}
.footer .footer-left ul{width:220px; float:left;}
.footer .footer-left ul .tit, .footer .footer-right .code-tit{color:#fff; margin-bottom:20px; font-size:22px;}
.footer .footer-left li{width:100%; line-height:36px; color:#ababab;}
.footer .footer-right{width:162px;}
.footer .footer-right .qr-code{width:162px; height:162px;}
.footer .footer-left li.fc-whit{color:#fff;}
.footer .footer-left li a{color:#ababab; -moz-transition-property:all; -moz-transition-duration:0.3s; -moz-transition-timing-function:linear; -webkit-transition-property:all; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:linear; -o-transition-property:all; -o-transition-duration:0.3s; -o-transition-timing-function:linear; transition-property:all; transition-duration:0.3s; transition-timing-function:linear;}
.footer .footer-left li a:hover{color:#00dcc2; text-decoration:underline；}
.copyright{background:#181818; padding:20px 0; color:#ababab;}