@import url("common.css");
@font-face{font-family:"TF-ICONS"; src:url('../fonts/fczfont.eot?t=1518319031723'); src:url('../fonts/tffont.eot?t=1518319031723#iefix') format('embedded-opentype'), url('../fonts/tffont.woff?t=1518319031723') format('woff'), url('../fonts/tffont.ttf?t=1518319031723') format('truetype'), url('../fonts/tffont.svg?t=1518319031723#iconfont') format('svg');}
[class^="icon-tf-"]:before, [class*=" icon-tf-"]:before{font-family:'TF-ICONS'; font-size:inherit; vertical-align:top;}
.icon-tf-yhr:before{content:"\e63a";}
.icon-tf-yhl:before{content:"\e63c";}
.icon-tf-book:before{content:"\e60f"}
.icon-tf-dianhua:before{content:"\e69a"}
.icon-tf-zizhib:before{content:"\e9b0"}
.icon-tf-qian:before{content:"\e61e"}
.icon-tf-zizhia:before{content:"\e6b3"}
.icon-tf-tixi:before{content:"\e64d"}
.icon-tf-jiangbeis:before{content:"\e62c"}
.icon-tf-qiye:before{content:"\e632"}
.icon-zan:before{content:"\e870"}
.icon-tf-zizhis:before{content:"\e69e"}
.icon-tf-shenpi:before{content:"\e6a2"}
.icon-tf-guize:before{content:"\e633"}
.icon-tf-jiaoche:before{content:"\e621"}
.icon-tf-money:before{content:"\e752"}
.icon-tf-zan:before{content:"\e684"}
.icon-tf-jiangbei:before{content:"\e654"}
.icon-tf-location:before{content:"\e611"}
.icon-tf-zizhi:before{content:"\e65a"}
.icon-tf-liucheng:before{content:"\e640"}
.icon-tf-kefu:before{content:"\e600"}
.icon-tf-cheliang:before{content:"\e627"}
.icon-tf-daba:before{content:"\e84b"}
.icon-tf-anquan:before{content:"\e635"}
.icon-tf-feillv:before{content:"\e636"}

.fs-36{font-size:36px;}
.mb-25{margin-bottom:25px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
/**
 * 幻灯片
 **/
.swiper-wrap{background-color:#2e2e2e; position:relative;}
.swiper-wrap .swiper-container{text-align:center;}
.swiper-wrap .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; border-radius:12px; border:1px solid #fff; opacity:.8; background-color:transparent; transition:all 0.3s;}
.swiper-wrap .swiper-pagination-bullet-active{width:42px; height:12px; background-color:#fff;}

.car-mode h2{height:46px; color:#333;}
.tab-nav{margin-left:20px; margin-top:12px;}
.tab-nav ul, .tab-bd-item ul, .new-pic ul, .new-txt ul, .daijia-txt ul, .sort ul, .pro-item ul{clear:both; overflow:hidden; display:block;}
.tab-nav li{float:left; height:36px; line-height:36px; padding:0 20px; color:#666; font-size:16px; cursor:pointer;}
.tab-nav li.active, .tab-nav li.active a, .car-more a:hover{color:#014baa;}
.car-more{height:30px; line-height:30px; margin-top:15px;}
.car-more a{color:#999;}
.car-more em{font-family:Arial;}
.tab-bd-item, .news-tab-bd{display:none;}
.tab-bd-item li{float:left; width:406px; height:320px; margin-right:30px; margin-bottom:30px; background:#e1e1e1; position:relative; overflow:hidden;}
.tab-bd-item li:nth-child(3n){margin-right:0;}
.tab-bd-item li img, .info-bd .pic img, .pro-item li img{width:100%; max-width:100%; height:320px;}
.views .title{padding:30px 20px 10px 20px;}
.views .view{width:150px; height:46px; line-height:46px; text-align:center; background:#fff; border-radius:23px; color:#666; margin-left:auto; margin-right:auto;}
.col-banner{background:url(../images/cl_banner.jpg) no-repeat center center; height:380px;}

.advantage-title{margin-top:40px; margin-bottom:12px;}
.advantage-sub-title{margin-bottom:46px;}
.server-list ul{width:1200px; margin:0 auto; overflow:hidden; display:block;}
.server-list li{float:left; width:200px;}
.server-list li .ico{width:112px; height:112px; border:1px solid rgba(255,255,255,.6); border-radius:100%; margin:0 auto 5px auto; position:relative;}
.server-list li .ico i{width:52px; height:52px; font-size:52px; position:absolute; left:50%; top:15px; margin-left:-26px; z-index:9; color:#fff;}
.server-list li .ico i:before{vertical-align:top;}
.server-list li .name{margin-top:20px; font-size:20px;}
.server-list li:hover .ico{background-color:#004ba8; border-color:#3991ff;}
.about-bd.bgc-gray{background:#f9f9f9;}
.about-bd .about-pics{width:500px;}
.about-bd .about-info{padding:40px 50px; width:776px;}
.about-fd ul{display:block; clear:both; overflow:hidden;}
.about-fd li{width:240px; height:110px; position:relative; float:left; margin-right:20px; background:#f9f9f9;}
.about-fd li:nth-child(5), .about-fd li:last-child, .new-txt li:nth-child(3n), .pro-item li:nth-child(3n){margin-right:0;}
.about-fd li h3{font-size:24px; position:absolute; top:20px; left:20px; z-index:9; color:#fff;}
.about-fd li p{font-size:14px; position:absolute; top:60px; left:20px; z-index:9; color:#fff;}

.news-bd-left, .news-bd-right{border:1px solid #eee;}
.news-bd-left{width:930px; height:410px;}
.news-bd-right{width:320px; height:410px;}
.news-tab{width:70px; float:left; height:410px;}
.news-tab ul{display:block; clear:both; overflow:hidden;}
.news-tab li{width:69px; height:204px; background:#f7f7f7; border-right:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden; color:#333; cursor:pointer;}
.news-tab li:last-child{border-bottom:0;}
.news-tab li i{width:22px; height:22px; font-size:22px; display:block; margin:34px auto 12px auto;}
.news-tab li span{width:22px; display:block; line-height:25px; margin:0 auto; font-size:20px;}
.news-tab li.active{background:#fff; color:#1f61b3;}

.news-tab-con{padding:30px; width:858px; float:right;}

.new-pic li{width:246px; height:178px; overflow:hidden; float:left; margin-right:30px; background:#096}
.new-pic li:last-child{margin-right:0;}
.new-txt li{width:246px; height:30px; line-height:30px; color:#666; float:left; margin-right:30px; position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.new-txt li em, .daijia-txt li em{width:4px; height:4px; background:#666; border-radius:100%; float:left; margin:13px 12px 13px 0;}
.new-txt li:hover a em, .daijia-txt li:hover a em{background:#004ba8;}
.new-pic li img, .daijia-pic .dj-pic img{width:100%; max-width:100%;}

.daijia-hd{width:100%; height:46px; line-height:46px; background:#f7f7f7;}
.daijia-pic{padding:20px 20px 10px 20px;}
.daijia-pic .dj-pic{width:110px; height:70px; background:#e1e1e1;}
.daijia-pic .dj-txt{width:156px;}
.daijia-txt{padding:10px 20px;}
.daijia-txt li{width:100%; height:30px; line-height:30px; color:#666; position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.body-item, .pro-item{width:100%;}
.body-item .body-fl{width:220px;}
.body-item .body-fr{width:1030px; padding:30px;}

.sort li{width:100%; height:46px; line-height:46px; padding-left:46px; border-bottom:1px solid #f2f2f2; position:relative;}
.sort li.active, .sort li.active a, .sort li:hover, .sort li:hover a{color:#004ba8;}
.sort li.active:after{content:''; position:absolute; z-index:0; top:0; left:0; right:0; width:100%; height:46px; border-left:4px solid #004ba8;}
.sort li a{display:block; width:100%;}

.info-hd h3{color:#004ba8;}
.info-bd{min-height:480px;}
.info-bd li{width:100%; padding:20px 0; border-bottom:1px solid #eee; display:-webkit-box; display:-moz-box; box-sizing:border-box;}
.info-bd li .pic{width:168px; height:110px; margin-right:30px;}
.info-bd li .info{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1;}

.outline{border:1px solid #efefef; background:#f9f9f9; position:relative; min-height:60px; padding:46px; color:#575757;}
.outline i{width:22px; height:22px; position:absolute; z-index:9; font-size:22px; color:#dcdcdc;}
.outline i.yhl{left:30px; top:15px;}
.outline i.yhr{right:30px; bottom:15px;}
.outline span{font-weight:bold;}
.content img{max-width:100%;}
.info-fd .prev, .info-fd .next{max-width:48%;}

.body-pro-box{width:1030px;}
.pro-item li{width:323px; height:254px; float:left; margin-right:30px; margin-bottom:30px; background:#fff;}
.pro-item li img{height:245px;}
.single-content{min-height:480px;}

.info-pic-txt{width:100%;}
.pic-box{width:520px; height:420px; border:1px solid #adadad; padding:6px;}
.pic-box p{width:518px; height:408px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center;}
.pic-box p img{max-width:100%; vertical-align:middle;}
.info-txt{width:320px; height:408px; position:relative;}
/*.info-txt .txt{}
.info-txt .pri,.info-txt a.btn-zx{position:absolute; left:0; z-index:9;} */
.info-txt .txt{line-height:20px; top:230px;}
.info-txt .pri{bottom:72px;}
.info-txt .pri em{color:#f00;}
.info-txt a.btn-zx{width:178px; height:46px; line-height:46px; text-align:center; color:#fff; background:#f0110a; bottom:0; border-radius:3px; font-size:18px; display:block;}
.car-info .dis-tit{width:100%; height:32px; line-height:32px; border-bottom:1px solid #294378; color:#294378; font-size:16px;}
.single-box{padding:20px; overflow:hidden; line-height:22px;}
.single-box img, .single-box p img{max-width:100%;}