/* Author: Tian Hu
QQ：119118760
Email：19118760@qq.com 
CopyRight：zhutima
WebSite：https://www.zhutima.com
update: 2021-08-03*/

/* public start */
html {
  font-family: "numFont", "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 15px; font-weight: 400; -webkit-text-size-adjust: 100%; background: #f6f6f6; color: #333
}
body { margin: 0; padding:0; }
h1,h2,h3,h4,ul,li, dd, dt, dl, p { list-style: none; padding: 0; margin: 0; }
a { color: #333; text-decoration: none; font-weight: 400; }
a:hover, a:focus { color: #00a4ff; ; text-decoration: none; }
input,button{ border:0px; outline:none; }
a:active, a:hover { outline: 0 }
textarea { overflow: auto;}
td, th { padding: 0;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.ztop { margin-top: 15px; }
.zbottom { margin-bottom: 15px; }
.tian { margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; }
@media (min-width: 768px) { .tian { width: 730px; } }
@media (min-width: 992px) { .tian { width: 950px; } }
@media (min-width: 1200px) { .tian { width: 1200px; } }
.xs-1, .md-1, .xs-2, .md-2, .xs-3, .md-3, .xs-4, .md-4, .xs-5, .md-5, .xs-6, .md-6, .xs-7, .md-7, .xs-8, .md-8, .xs-9, .md-9, .xs-10, .md-10, .xs-11, .md-11, .xs-12, .md-12 { position: relative; min-height: 1px; padding-left: 7px; padding-right: 7px; }
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 { float: left; }
.xs-12 { width: 100%; }
.xs-11 { width: 91.66666667%; }
.xs-10 { width: 83.33333333%; }
.xs-9 { width: 75%; }
.xs-8 { width: 66.66666667%; }
.xs-7 { width: 58.33333333%; }
.xs-6 { width: 50%; }
.xs-5 { width: 41.66666667%; }
.xs-4 { width: 33.33333333%; }
.xs-3 { width: 25%; }
.xs-2 { width: 16.66666667%; }
.xs-1 { width: 8.33333333%; }

@media (min-width: 992px) { .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12 { float: left; } .md-12 { width: 100%; } .md-11 { width: 91.66666667%; } .md-10 { width: 83.33333333%; } .md-9 { width: 75%; } .md-8 { width: 66.66666667%; } .md-7 { width: 58.33333333%; } .md-6 { width: 50%; } .md-5 { width: 41.66666667%; } .md-4 { width: 33.33333333%; } .md-3 { width: 25%; } .md-2 { width: 16.66666667%; } .md-1 { width: 8.33333333%; } }
.tian:before, .tian:after { content: " "; display: table; }
.tian:after { clear: both; }
.ztop{margin-top: 15px;}
/* public end */

/* menu */
.header{height: 60px;background: #001529; color: rgba(255, 255, 255, 0.65);}
.zlogo h1{color:#fff;font-size: 22px;line-height: 60px;}
.zlogo h1 a{color:#fff;}
ul.zmenu{overflow: hidden;}
ul.zmenu li{float:left;} 
ul.zmenu li a{color:#fff;line-height: 60px;display: block;padding: 0px 15px;transition: all .4s;}
ul.zmenu li a:hover{color: #00a4ff;}
.ztm-fixed { position: fixed; top: 0; z-index: 100; width: 100%; opacity: 0.95; }
/* banner */
.banner{padding-top: 50px;padding-bottom: 40px;
    background: url(../style/image/banner-bg.svg) no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #072542;
}
.bc h2{color: #fff;font-weight: 300;text-align: center;font-size: 30px;margin-bottom: 30px;}
.bc p{color: #fff;text-align: center;margin-top: 20px;}
.bc p span{margin-right: 10px;background: #00a4ff;color: #fff;padding:2px 10px;font-size: 13px;display: inline-block;border-radius: 0px 7px 0px 7px;line-height: 20px;}
.bc p a{display: inline-block;background: #fff;padding: 10px 25px;border-radius: 3px;border: none;transition: all .4s;margin-right: 8px;}
.bc p a:hover{background: #00a4ff;border: none;color: #fff;}
p.btn{margin-top: 25px;}

.icon-shejishi1{color: #00a4ff;margin-right: 5px;}

.zhutimajt{border: 1px solid #ececec;padding: 10px;background: #fff;margin: 20px 0px;border-radius: 3px;position: relative;}
.zhutimajt span{font-size: 13px;color: #999;position: absolute;top: 10px;right: 15px;}
.heartSentence{font-size: 13px; color:#999;margin-top: 10px;}

/* fuwu */
.introtop{margin-top: 50px;}
.intro {text-align: center; background-color: #fff; padding: 20px 0px; border: 1px solid #ececec;transition: all .4s;border-radius: 3px;}
.intro_icon i { font-size: 40px; color: #00a4ff; }
.intro_title { color: #000; font-size: 16px; margin-top: 10px; transition: all .4s;}
.intro_tent { margin: 10px 0px; color: #999;font-size: 13px; }
.intro_num{font-size: 25px;color: #000;margin-top: 15px;}
.intro_num span{color: #999;font-weight: 300;margin-left: 15px;}
.intro:hover .intro_title{color: #00a4ff;}

/* 热销主题 */
.themetop{margin-top: 25px;}
.ztheme{text-align: center;}
.ztheme h2{color: #333;font-weight: 400;font-size: 28px;}
.ztheme h2 i{font-size: 30px;}
.ztheme h3{font-weight: 400;color: #999;margin:15px 0px;font-size: 15px;}
.ztheme h3 a{color: #999;}
/* 主题单块 */
.ztop1{margin-top: 25px;}
.ztmTuiCon{border: 1px solid #ececec; background: #fff; border-radius:3px; position: relative;box-sizing: border-box;transition: all .4s; padding-bottom: 15px;position: relative;}
.iconinfo{position: absolute;top:10px;left: 10px;background: #f50;color: #fff;padding:2px 5px;font-size: 12px;display: inline-block;border-radius: 2px;line-height: 20px;}
.ztmTuiCon:hover{box-sizing: border-box;box-shadow: 0 0 10px 0 #00a4ff;}
.ztmTuiimg {height: 240px;}
.ztmTuiimg img{height: 240px;width: 100%;}
.ztmtuiName { color: #00a4ff; text-align: center; font-size:18px; padding: 0px 10px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ztmtuiInfo { color: #999; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; margin-top: 10px; white-space: nowrap; text-align: center; }
.room-info { font-size: 12px; margin: 10px 0; color: #909090; text-align: center;margin-top: 20px;}
.room-info span { display: inline-block; color: #ed5275; padding: 1px 5px; margin-right: 3px; background: #f9e3e8; border: 1px solid #150af2;border-radius: 3px; }
.ztmTuiCon ul { margin-top: 20px; text-align: center; padding: 0; }
.ztmTuiCon ul li{margin-top: 5px;}
.ztmTuiCon ul li i { display: inline-block; font-size: 22px; }
.ztmTuiCon ul li span { display: inline-block; width: 33%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; color: #9da3a8; font-size:12px; }

/* 首页文章列表 */
.indexlistcon{background: #8466ff;padding: 50px 0px;}
.indexlist{background: #fff;border-radius:2px;padding:10px;border: 1px solid #ececec;}
.indexlist1{font-weight: bold;font-size: 16px;border-bottom: 1px solid #ececec;height: 40px; line-height: 30px;}
.indexlist1 span{float: right;}
.indexlist1 span a{transition: all .4s;}
.indexlist1 span i{font-size: 20px;}
.indexlist ul li{padding:11px 0px;border-bottom: 1px dashed #eee;}
.indexlist ul li:last-child{border-bottom: none;padding-bottom: 0px;}
p.p1{margin-bottom: 10px;}
p.pmsg{margin-bottom: 10px;font-size: 13px;color: #555;}
p.p1 a{transition: all .4s;}
p.p2{color: #999;font-size: 13px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
p.p3{color: #999;font-size: 12px;margin-top: 10px;}
p.p3 span{margin-right: 15px;}
p.p3 span:last-child{margin-right: 0px;}

/* 主题详情 */
.pro{background: -webkit-linear-gradient(left, #150af2 0%, #ac70ff 100%);padding-top: 40px;padding-bottom: 40px;}
.proimg{height: 400px;width: 465px;float: right;box-shadow: 0 0 100px 0 #ac70ff, inset 0 0 0 2px #ac70ff;margin-right: 20px;border-radius: 3px;}
.proimg img{border-radius: 5px;height: 400px;width: 465px;}
.protext h2,.protext p{text-align: left;}
.protext h2{margin-bottom: 0px;}
.protext p span.fo{background: #8c5afc;}
.protext p{margin-top: 15px;line-height: 25px;font-size: 14px;}
.wapma{width:100px;height:100px;box-shadow: 0 0 100px 0 #150af2, inset 0 0 0 0px #150af2;border-radius: 2px;margin-top: 10px;}
.wapma img{width:100px;height:100px;border-radius: 2px;}
.wapmainfo{background: #8c5afc; color: #fff;width: 100px;font-size: 12px;line-height: 20px;text-align: center;}
.price1{color: #fff;margin-top: 15px;}
.price1 span.pr1,.price1 span.pr2{color: #f50;}
.price1 span.pr2{font-size: 30px;}
.price1 span.pr3{margin-left: 25px;}
.price1 span.pr4{text-decoration: line-through;}
p.btn1{margin-top: 20px;}
p.btn1 a.buy{background: #00a4ff;color: #fff;border: none;}
p.btn1 a.buy:hover{background: rgb(255 96 0.1);;}
/* 页签 */
.tabs i{margin:0px 10px;}
.tabs a{transition: all .4s;}
/* 产品详情 start*/
.table_card {border: 1px solid #ececec;border-radius: 2px;}
.tabcss { height: 50px; font-size: 16px;border-bottom: 1px solid #ececec;background: #fff;}
.tabcss li { display: inline-block; height: 50px; line-height: 50px; padding: 0 25px; transition: all .4s; cursor: pointer; font-weight: bold; }
.tabcss li:hover { color: #00a4ff; }
.tabcss .activ { color: #00a4ff; }
.tabCon {overflow: hidden;}
.table_card .tabCon .tabnone { display: none }
.table_card .tabCon .on { display: block }

.table_card_content{border-bottom: 1px solid #ececec;background: #fff;padding: 10px;}
.table_card_content h1{font-size: 20px;margin-bottom:15px;}
.z-d-con1{margin-bottom: 15px;font-size: 13px;color: #999;}
.z-d-con1 span{margin-right: 10px;}
.z-d-con2{width: 100%;line-height: 25px;}
/*产品 介绍 */
.detail { padding: 15px;line-height: 30px; color: #50555a;background: #fff; }
.detail h3 { margin: 10px 0px; font-size: 15px; }
.detail p span { color: #00a4ff; margin-right: 5px; }
.ztmCopyright { line-height: 22px; padding: 15px; font-size: 12px; color: #9ca0ad; background: #fff;border: 1px solid #ececec; border-radius: 2px; margin-top: 15px; }
.ztmCopyright a{color: #ffa066;transition: all .4s;}
.ztmCopyright a:hover{color: #00a4ff;}
.ztmJobtime{ line-height: 25px; padding: 15px 20px; font-size: 13px; color: #666; background: #f8f8f8; border-radius: 2px; margin-top: 15px; }
.ztmJobtime span{color: #00a4ff;}
/* 产品详情 end*/
.z-d-tags{background-color: #fff;padding: 15px;color: #666;line-height: 25px;font-size: 14px;border: 1px solid #ececec;}
.z-d-tags i{margin-right: 5px;vertical-align: middle;}
.z-d-tags a{margin-right: 10px;font-size: 12px;transition: 0.5s ease-out;padding: 2px 5px;border: 1px solid #00a4ff;color: #00a4ff;border-radius: 2px;}
.z-d-tags a:hover{background-color: #00a4ff;color: #fff;}
.z-d-next{background-color: #fff;border-radius: 2px;padding: 15px;border: 1px solid #ececec;}
.z-d-next div{line-height: 30px;color: #999;font-size: 14px;}
.z-d-next div a{transition: 0.5s ease-out;}
/* 相关推荐 */
.pad1,.pad4{padding-left: 0px;}
.pad3,.pad6{padding-right: 0px;}

/* 文章列表 */
.zarc{background: -webkit-linear-gradient(left, #4e0606 0%, #3e389d 100%); padding:50px 0px;}
.arcinfo{color: #fff;text-align: center;}
.arcinfo h3{font-weight: 300;font-size: 25px;margin-bottom: 15px;color: #eee;}
.arcinfo p{color: #a38585;}

/* pagebar s*/
.pagebar { text-align: center; padding: 15px; background-color: #fff;position: relative;transition: 0.3s ease-out; }
.pagebar a:hover { color: #00a4ff; }
.pagebar span { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-size: 13px; margin: 5px 2px; border: 1px solid #f0f0f5; color: #666; padding: 5px 10px; border-radius: 2px; box-sizing: border-box; }
.pagebar span:hover { background: #00a4ff; color: #fff; border: 1px solid #00a4ff; }
.pagebar span.now-page { background: #00a4ff; border: 1px solid #00a4ff; color: #fff; }
/* pagebar end*/

/* index zui xin start */
.z-i-b{background-color: #fff;border: 1px solid #ececec;border-radius: 2px;}
.z-news{padding:14px;overflow: hidden;padding-bottom: 0px;}
.z-news ul li{border-bottom: 1px solid #f5f5f5;padding: 17px 0px;overflow: hidden;}
.z-news-l{float: left;width: 25%;height: 125px;background-color: #eee;border-radius: 2px;}
.z-news-l a {display: block;overflow: hidden;height: 125px;}
.z-news-l a img{border-radius: 2px;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;height: 125px;width: 100%;object-fit: cover;}
.z-news-l a img:hover{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.z-news-r{float: right;width: 74%;height: 125px;position: relative;}
.z-news-arl{height: 125px;position: relative;} 
.z-news-r1{color:#90949c;font-size: 13px;vertical-align: middle;}
.z-news-r1 span{margin-right: 14px;}
.z-news-r2{margin: 5px 0px;}
.z-news-r2 a{font-weight: 700;font-size: 17px;transition: all .5s;}
.z-news-r3{color: #666;font-size:14px;overflow : hidden; text-overflow: ellipsis;height: 40px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.z-news-r4{position: absolute;bottom: 4px;left: 0px;width: 100%;}
.z-news-r4 span a{background-color: #f5f5f5;font-size: 12px;padding:5px;transition: all .5s;border-radius: 1px;}
.z-news-r4 span a:hover{background-color: #00a4ff;color: #fff;}
.z-news-r4-info{position:absolute;right:0px;bottom:-3px;font-size: 12px;color: #999;}
.z-news-r4-info span{margin-left: 10px;}
.z-news-r4-info span i{vertical-align: middle;margin-right:3px;}
.tagslist{width: 100%;}

/* 选择我们 */
.choosecon{background: #fff;padding: 50px 0px;}
.choose{text-align: center;padding: 0px 15px;}
.choose1 span{background: #f24709;padding: 15px;border-radius: 100px;display: inline-block;}
.cbg2 span{background: #1ac756;}
.cbg3 span{background: #00a4ff;}
.cbg4 span{background: #FE00E8;}
.choose1 span i{font-size:25px;color: #fff;}
.choose2{font-size: 16px;margin: 25px 0px;color: #000;}
.choose3{color: #999;font-size: 14px;line-height: 25px;}
.choose3 a{color: #999;}

/* 置顶 */
.thgotop { position: fixed; left: 50%; margin-left: 615px; bottom: 100px; z-index: 99; }
.thgotop ul li { width: 40px; height: 40px; background: #00a4ff; margin-top: 10px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08); border: 1px solid #00a4ff; border-radius: 4px; box-sizing: border-box; cursor: pointer; }
.ditop { cursor: pointer; text-align: center; vertical-align: middle; transition: 0.3s ease-out; position: relative; }
.ditop i { display: inline-block; margin-top: 8px; font-size: 20px; color: #fff; }
.ditop span { display: none; font-size: 12px; width: 30px; margin: 0 auto; margin-top: 3px; }
.ditop:hover { background-color: #039ef2; border: 1px solid #039ef2; color: #fff; }
.ditop:hover i { display: none; }
.ditop:hover span { display: block; }
.ditopcon { position: absolute; width: 160px; bottom: -50px; left: -163px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08); border: 1px solid #fff; border-radius: 4px; box-sizing: border-box; transition: 0.3s ease-out; display: none; padding: 10px; background-color: #fff; }
.ditop-top { margin-top: 10px; }
.ditop-qq-img { width: 35px; height: 35px; margin: 0 auto; }
.ditop-qq-btn { overflow: hidden; margin: 10px 0px 0px 0px; }
.ditop-qq-btn img { margin-bottom: 8px; }
.ditop-qq-height { height: 35px; }
.ditop-time { color: #999; font-size: 12px; line-height: 25px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; }
.ditop-tel { color: #00a4ff; font-size: 18px; line-height: 30px; }
.ditop-email { color: #FF5151; font-size: 12px; line-height: 25px; }
.ditop:hover .ditopcon { display: block; color: #999; font-size: 14px; }
/* footer */
.zfooter{background: #080808;padding: 15px 0px;text-align: center;color: #9c9c9c;font-size: 13px;margin-top: 15px;}
.zfooter p{line-height: 25px;}
.zfooter p a{color: #9c9c9c;transition: all .4s;}
.zfooter p a:hover{color: #00a4ff;}

/* wap start */
@media only screen and (min-width: 320px) and (max-width: 992px) {
  .wapnone,.wapma,.wapmainfo,.z-news-l{ display: none; }
  .z-news-r{width: 100%;}
  .introtop{margin-top: 25px;}
  .waptop{margin-top: 15px;}
}
/* wap end */