@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body {font-size:16px; background:#fff;font-weight:normal; font-family: Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; color:#444}
img { border:none; }
a,a:active {outline: none;text-decoration:none }
ul li { list-style:none;}
a{ text-decoration:none}

.ovet{ height:auto; overflow:hidden}
.aut{ margin:0 auto}
.imgauto{ display:block; margin:0 auto}

/*背景色*/
.bgf{ background:#fff}
.bgf5{ background:#f5f5f6}
.bgorg{ background:#fc8134}
.bggren{ background:#0dc49f}

/*字颜色*/
.colf{ color:#fff}
.col4{ color:#444}
.col3{ color:#333}
.col6{ color:#666}
.col8{ color:#888}
.col9{ color:#999}
.colorg{ color:#fc8134}
.colblue{ color:#49a9f5}
.colgren{ color:#08a585}
.colblue01{ color:#6464ea}

/*字大小*/
.ft12{ font-size:12px}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.ft22{ font-size:22px;}
.ft24{ font-size:24px;}
.ft26{ font-size:26px;}
.ft28{ font-size:28px;}
.ft30{ font-size:30px;}
.ft22{ font-size:22px;}
.tc{ text-align:center}
.tr{ text-align:right}
.fw{font-weight: bold}
.ell{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ell2{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*padding*/
.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p25{ padding:25px;}
.p30{ padding:30px;}
.p40{ padding:40px;}

.pt5{ padding-top:5px;}
.pt8{ padding-top:8px;}
.pt10{ padding-top:10px;}
.pt13{ padding-top:13px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt60{ padding-top:60px}
.pt50{ padding-top:50px}
.pt70{ padding-top:70px}
.pt80{ padding-top:80px}

.pr5{ padding-right:5px;}
.pr7{ padding-right:7px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr50{ padding-right:50px;}
.pr60{ padding-right:60px;}
.pr80{ padding-right:80px;}
.pr90{ padding-right:90px;}

.pb5{padding-bottom:5px;}
.pb8{padding-bottom:8px;}
.pb10{padding-bottom:10px;}
.pb13{padding-bottom:13px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb130{padding-bottom:130px;}

.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl7{ padding-left:7px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}
.pl60{ padding-left:60px;}
.pl80{ padding-left:80px;}
.pl90{ padding-left:90px;}

/*margin*/
.mt2{ margin-top:2px}
.mt5{ margin-top:5px}
.mt7{ margin-top:7px}
.mt10{ margin-top:10px}
.mt12{ margin-top:12px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt25{ margin-top:25px}
.mt30{ margin-top:30px}
.mt35{ margin-top:35px}
.mt40{ margin-top:40px}
.mt50{ margin-top:50px}

.mb5{ margin-bottom:5px}
.mb7{ margin-bottom:7px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb18{ margin-bottom:18px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb50{ margin-bottom:50px}
.mb60{ margin-bottom:60px}
.mb70{ margin-bottom:70px}

.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr20{ margin-right:20px}

.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}

/*height width*/
.h15{height:15px;}
.h18{height:18px;}
.h20{height:20px;}
.h24{height:24px;}
.h26{height:26px;}
.h28{height:28px;}
.h30{height:30px;}
.h32{height:32px;}
.h38{height:38px;}
.h40{height:40px;}
.h42{height:42px;}
.h44{height:44px;}
.h50{height:50px;}
.h56{height:56px;}
.h60{height:60px;}
.h65{height:65px;}
.h70{height:70px}

.hl18{line-height:18px;}
.hl20{line-height:20px;}
.hl22{line-height:22px;}
.hl24{line-height:24px;}
.hl26{line-height:26px;}
.hl28{line-height:28px;}
.hl30{line-height:30px;}
.hl32{line-height:32px;}
.hl40{line-height:40px;}
.hl44{line-height:44px;}
.hl50{line-height:50px;}
.hl56{line-height:56px;}
.hl60{line-height:60px;}
.hl65{line-height:65px;}
.hl70{line-height:70px;}

/*宽度*/
.tab2{ width: 50%}
.tab4{ width:25%}

.widthall{ width:100%;}
.widbig{ width:1200px; margin:0 auto;}
.wd15{width:15%;}
.wd20{width:20%;}
.wd25{width:25%;}
.wd30{width:30%;}
.wd33{width:33.33%;}
.wd36{width:36%;}
.wd40{width:40%;}
.wd45{width:45%;}
.wd50{width:50%;}
.wd60{width:60%;}
.wd64{width:64%;}
.wd66{width:66%;}
.wd68{width:68%;}
.wd70{width:70%;}
.wd74{width:74%;}
.wd79{width:79%;}
.wd80{width:80%;}
.wd82{width:82%;}
.wd84{width:84%;}
.wd86{width:86%;}
.wd88{width:88%;}
.wd90{width:90%;}
.wd92{width:92%;}
.wd94{width:94%;}
.wd96{width:96%;}
.wd98{width:98%;}
.wd100{ width:100%;}

/*边框*/
.border-e{ border:1px solid #eee}
.border-org{ border:1px solid #fc8134}
.border-org2{ border:2px solid #fc8134}
.border-gre{ border:1px solid #0dc49f}
.border-blue01{border:1px solid #6464ea}


/*圆角*/
.borad2{border-radius:2px;}
.borad5{border-radius:5px;}
.borad10{border-radius:10px;}

/*阴影*/
.shadow{
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .13);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .13);
    box-shadow: 0 0 15px rgba(0, 0, 0, .13);}

/*input*/
input,input.zt-input{outline: none;  vertical-align:middle; border:none; border-radius:0; background:none;}

input.zt-input:-moz-placeholder{color:#999; font-size:14px; font-weight:normal; letter-spacing:0px;}
input.zt-input::-moz-placeholder{color:#999; font-size:14px;font-weight:normal; letter-spacing:0px;}
input.zt-input:-ms-input-placeholder{color:#999; font-size:14px;font-weight:normal; letter-spacing:0px;}
input.zt-input::-webkit-input-placeholder{color:#999; font-size:14px;font-weight:normal; letter-spacing:0px;}

select.zt-select{ font-size:14px; color:#999; border:none}

/*imghover*/
.imgdh{-webkit-transition: -webkit-transform 0.3s;-ms-transition: -ms-transform 0.3s;-o-transition: -o-transform 0.3s;transition: transform  0.3s;}
.imgdh:hover{-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.img100{ width:100%; height: 100%;}

.transition{
    transition: all 0.19s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out}

/*定位 浮动*/
.pr{ position:relative}
.pa{ position:absolute;}
.pf{position:fixed;}
.ps{ position:sticky}

.t0{top:0}
.t50{top:50%}
.b0{bottom:0}
.b2{bottom:2%}
.b5{bottom:5%}
.r0{right:0}
.r2{ right:2%}
.r3{ right:3%}
.r4{ right:4%}
.r5{ right:5%}
.r8{ right:8%}
.r10{ right:10%}
.l0{left:0}

.fl{ float:left}
.fr{ float:right}

.z-index1{ z-index:1}


/*display flex*/
.dn{ display:none}
.d-block{ display: block}
.d-inline{ display:inline}
.dis-fl{display: -webkit-flex; display: flex;}

.flex{display: -webkit-flex; display: flex;
    -webkit-justify-content: space-between;justify-content: space-between;
    -webkit-align-items: flex-start; align-items: flex-start;
    -webkit-align-content: flex-start; align-content: flex-start;}

.fl-wrap{flex-wrap:wrap;-webkit-wrap:wrap；}/*换行*/
.fl-sb{-webkit-justify-content: space-between; justify-content: space-between;}/*两边对齐*/
.fl-sa{-webkit-justify-content: space-around;justify-content: space-around;}/*间距*/
.fl-cn{-webkit-justify-content: center;justify-content: center;}/*中间对齐*/

.flex-no{display:block;}
.flex-no .product{ margin-right:2.67%}
.clearfix{ display: block; *display:inline-block;}
.clearfix:after{ clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}




.dlay{background-color: rgba(0, 0, 0, 0.6); padding: 10px; border-radius: 5px; z-index: 200; text-align: center; color: #fff;}/*黑色报错层new */
.icon{ background:url("/images/zt/icp/icon.png") no-repeat; display:inline-block}

/*专题通用预约通道*/
.ztnewlist{ top:35px; right:40px;}
.ztnewlist i.icon{ background-position:-96px 0; width:24px; height: 24px;}
#scroll{ height:30px; overflow:hidden}
.ztnewlist ul{ height:30px; width:330px;}
.ztnewlist .ztnew-li{ height:30px; line-height:30px;}

.zt-yy{ height:48px}
.zt-shuru-a,.zt-shuru-b,.zt-shuru-c,.zt-shuru-d{ padding:12px 15px 12px 42px; height: 20px;}
.zt-input{ height:20px; line-height: 20px; font-size:16px}
.zt-select{ width:100%}
.zt-shuru-a{ width:70px}
.zt-shuru-b{ width:190px}
.zt-shuru-c{ width:150px}
.zt-shuru-d{ width:200px}
.zt-shuru-a .icon,.zt-shuru-b .icon,.zt-shuru-c .icon,.zt-shuru-d .icon{ width:24px; height: 24px;left: 8px; top:10px;}
.zt-shuru-a .icon{ background-position:0 0;}
.zt-shuru-b .icon{ background-position:-24px 0;}
.zt-shuru-c .icon{ background-position:-48px 0;}
.zt-shuru-d .icon{ background-position:-72px 0;}
.inp-solid{ width:1px; height:20px; right:0; top:12px; background:#fc8134}
.zt-yzm{ height:30px; line-height: 30px; top:6px; right:10px;background:#ffebdf; padding:0 12px;color:#fc8134; width:95px}
.zt-yzm a{color:#fc8134; }
.zt-yy-btn a{ width:128px; display: block}

.zt-ys{ height: 96px;}
.zt-ys-cont{ padding-left:90px; padding-top:16px}
.zt-ys-a,.zt-ys-b,.zt-ys-c,.zt-ys-d{ width: 96px; height: 96px; left:-12px;}
.zt-ys-a{ background-position:0 -24px;}
.zt-ys-b{ background-position:-96px -24px;}
.zt-ys-c{ background-position:-192px -24px;}
.zt-ys-d{ background-position:-288px -24px;}

/*咨询*/
.zt-tel{width:490px; height: 52px; margin-top:60px; line-height: 52px; background: #fff}
.a-box{ width:100%; height: 100%;}

/*5大保障*/
.zt-safe{ width:220px; margin:0 10px;}
.zt-safe-tit{ top:165px; height:48px; line-height: 48px;}

/*案例*/
.zt-anli .swiper-slide img{ display: block; width:100%;}
.swiper-pagination-bullet {background: #fff;}

/*更多服务*/
.zt-other{ width:213px; border-top:1px solid #fc8134; margin: 12px 12px}
.zt-other:hover span{ background: #fc8134; color:#fff;}




/* icp专题 ---------------------------------------------------------------------------------*/
.icp-main-a,.icp-main-b{ border-top:2px solid #0dc49f; height: 440px}
.icp-main-a{width:452px;}
.bot-solid{ height:3px; width:40px; display: block}
.icp-main-b{width:562px;}
.icp-main-b-ul li{ height: 24px; line-height: 24px; padding:7px 0}
.icp-main-b-ul i.icon{ width:24px; height: 24px; background-position:-120px 0; float:left; margin-right:8px}

.zt-table{border-left:1px solid #bae2da; border-top:1px solid #bae2da}
.zt-table tr td{border-right:1px solid #bae2da; border-bottom:1px solid #bae2da; padding:10px}
.zt-table .zt-table-a {background:#f9fffe}
.zt-table .zt-table-b {background:#e7f6f3}

.icp-main-c{width:239px; margin-left:-1px}
.icp-main-c:first-child{margin-left:0}
.icp-main-c-a,.icp-main-c-b,.icp-main-c-c,.icp-main-c-d,.icp-main-c-e{width:108px; height: 108px}
.icp-main-c-a{background-position:0 -120px}
.icp-main-c-b{background-position:-108px -120px}
.icp-main-c-c{background-position:-216px -120px}
.icp-main-c-d{background-position:-324px -120px}
.icp-main-c-e{background-position:-432px -120px}
.icp-main-c:hover span{ background:#0dc49f; color:#fff;}

.icp-main-d-ul i{width:20px; height: 20px; border-radius:20px; text-align: center; line-height: 20px; font-weight: bold; color:#0dc49f; margin-top:10px; margin-right:10px}
.icp-main-d-ul li{ line-height:46px}


/*网络文化经营*/
.wlwh-a{ width:369px; height: 480px}
.wlwh-b{ width:220px; height: 220px; margin:0 40px 50px 40px}
.wlwh-b-01{ background:url("/images/zt/wlwh/wlwh05.png") no-repeat;}
.wlwh-b-02{ background:url("/images/zt/wlwh/wlwh06.png") no-repeat;}
.wlwh-b-03{ background:url("/images/zt/wlwh/wlwh07.png") no-repeat;}
.wlwh-b-04{ background:url("/images/zt/wlwh/wlwh08.png") no-repeat;}
.wlwh-b-05{ background:url("/images/zt/wlwh/wlwh09.png") no-repeat;}
.wlwh-b-06{ background:url("/images/zt/wlwh/wlwh10.png") no-repeat;}
.wlwh-b-07{ background:url("/images/zt/wlwh/wlwh11.png") no-repeat;}
.wlwh-b-08{ background:url("/images/zt/wlwh/wlwh12.png") no-repeat;}
.wlwh-b-01,.wlwh-b-02,.wlwh-b-03,.wlwh-b-04,.wlwh-b-05,.wlwh-b-06,.wlwh-b-07,.wlwh-b-08{ display: block; width:100%; height: 100%;}
.wlwh-b-01:hover,.wlwh-b-02:hover,.wlwh-b-03:hover,.wlwh-b-04:hover,.wlwh-b-05:hover,.wlwh-b-06:hover,.wlwh-b-07:hover{ background:url("/images/zt/wlwh/wlwh13.png") no-repeat;}

.wlwh-c{ margin-left:-2px}
.wlwh-c-01,.wlwh-c-02,.wlwh-c-03,.wlwh-c-04,.wlwh-c-05{ width:76px; height: 76px;}
.wlwh-c-01{background-position:0 -228px}
.wlwh-c-02{background-position:-76px -228px}
.wlwh-c-03{background-position:-152px -228px}
.wlwh-c-04{background-position:-228px -228px}
.wlwh-c-05{background-position:-304px -228px}

/*广播电视*/
.gbds-a{ padding-left:170px; width:200px; margin: 15px}
.gbds-a img{ top:30px; left:30px}

.gbds-b{ width:198px; margin-left:-1px;}
.gbds-b:frist-child{margin-left:0}
.gbds-b h5 i{ bottom:0; left:50%; margin-left:-20px; height: 3px; width:40px; background: #6464ea}
.gbds-b p{ height:120px}

.gbsd-c li i{color:#6464ea}


.wlwh-c:hover span,.gbds-a:hover span,.gbds-b:hover span{ background:#6464ea; color:#fff;}

/*网络安全*/
.wlaq-tab{border:1px solid #3555c6; border-left:none; height: 58px; line-height: 58px; width:897px; margin: 0 auto}
.wlaq-tab li{ float:left; width:298px; border-left:1px solid #3555c6; font-size:18px; text-align: center; cursor: pointer}
.wlaq-tab li.wlaq-tab-on{color:#fff; background:#3555c6}
.wlaq-a{ display:none}
.bgblue02{ background:#3555c6}

.wlaq-b{ width:270px; margin: 15px}

.wlaq-icon-a,.wlaq-icon-b,.wlaq-icon-c,.wlaq-icon-d,.wlaq-icon-e{background:url(/images/zt/db/wlaq03.png) no-repeat; width:83px; height: 83px; display: block}
.wlaq-icon-a{background-position: 0 0}
.wlaq-icon-b{background-position: 0 -83px}
.wlaq-icon-c{background-position: 0 -166px}
.wlaq-icon-d{background-position: 0 -249px}
.wlaq-icon-e{background-position: 0 -332px}
.tl{text-align:left;}

/* 兼容 --------------------------------------------------------------------------*/
@media only screen and (max-width:1280px){
    body{zoom: 92%;}
    .icp-main-c {width: 238px;}
}
