@charset "utf-8";
/* 中网互联（www.zwhl.com）网站建设QQ/微信：958818 */
html,body{height: 100%;min-width: 1200px;}
.w1200{width: 1200px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.bg1{background-color: #386ee7;}
.bg2{background-color: #fe5b4c;}
.bg3{background-color: #2a9c69;}

.diy-bg1{background-color: #f7faff;}
.diy-color1{color: #ea8c35;}
.diy-bg2{background-color: #fff0db;}
.diy-color2{color: #e5a344;}
.diy-bg3{background-color: #eceff4;}
.diy-bg4{background-color: #f8f9fb;}
.diy-bga{background: -webkit-radial-gradient(48.33% 2.4%, 33.4% 90.9%, #42a3fd 0, #0042c1 100%);
     background: -moz-radial-gradient(48.33% 2.4%,33.4% 90.9%,#42a3fd 0,#0042c1 100%);
    background: radial-gradient(33.4% 90.9% at 48.33% 2.4%, #42a3fd 0, #0042c1 100%);}

.diy-color4{color: #111f33;}

.family1{font-family: Impact;}

.rgba1{background-color: rgba(234,32,38,0.5);}
.rgba2{background-color: rgba(54,46,43,0.6);}
.diy-rgba1{background-color: rgba(255,255,255,0.9);}

.min-hd200{min-height: 200px;}

.parent-hover:hover .hover-bg1,.hover-bg1:hover{background-color: #386ee7;}
.parent-hover:hover .hover-bg2,.hover-bg2:hover{background-color: #fe5b4c;}
.parent-hover:hover .hover-bg3,.hover-bg3:hover{background-color: #2a9c69;}

.hover-bg-fff:hover{background-color: #fff;}

.hover-bg1-color-fff:hover{background-color: #386ee7;color: #fff;}

.parent-hover:hover .hover-color1,.hover-color1:hover{color: #386ee7;}
.parent-hover:hover .hover-color-fff,.hover-color-fff:hover{color: #fff;}

.hover-a-bg1:hover a{background-color:#386ee7;}
.hover-a-bg-fff:hover a{background-color:#fff;}

.hover-a-bg2:hover a{background-color:#fe5b4c;}

.hover-a-color1:hover a{color:#386ee7 ;}
.hover-a-color-fff:hover a{color:#fff ;}

.font-family-1{font-family: 'times new roman',times,serif;}


.color1{color: #386ee7;}
.color2{color: #fe5b4c;}
.color3{color: #2a9c69;}
.color4{color: #c00505;}


span.old-p {margin: 0 5px;position: relative;width: 60px;display: inline-block; }

span.old-p::before {
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    border-top: 1px solid #fff;
    content: '';
}


span.new-p {color: #FE7C70;}

.line1{border-bottom:1px solid #386ee7;}
.line1-2px{border-bottom:2px solid #386ee7;}
.line1-3px{border-bottom:3px solid #386ee7;}
.line1-4px{border-bottom:4px solid #386ee7;}


.border1{border:1px solid #386ee7;}
.border1-2px{border:2px solid #386ee7;}

.border2{border:1px solid #fe5b4c;}
.border3{border:1px solid #2a9c69;}

.border-left{border-left: 1px solid #999;}

.grid{display: grid;display: -ms-grid;}

.grayscale100{-webkit-filter: grayscale(100.0%);-moz-filter: grayscale(100.0%);-ms-filter: grayscale(100.0%);-o-filter: grayscale(100.0%);filter: grayscale(100.0%);filter: gray;}


/* 顶部 */
.header .submit{border-radius: 0 6px 6px 0;background: url(../images/search.png) 10px center no-repeat #386ee7;}
.header .zskf{border-radius: 4px 0 4px 0;}

/* 导航 */
.nav li .nav_a{border-bottom: 2px solid transparent;} 
.nav li.on .nav_a{color: #386ee7;border-bottom: 2px solid #386ee7;} 
.nav-li-i i{border-radius: 4px 0 4px 0;}
.nav ul.nav-ul-ii{border: 1px solid #386ee7;border-top:1px solid #eee;}
.nav li.nav-li-ii{border-bottom: 1px solid #eee;}
.nav li.nav-li-ii:hover .nav_a2{color: #386ee7;border-bottom: 1px solid #386ee7;}
.nav li.nav-li-ii:hover .nav-ul-iii{display: block;}

.nav ul.two li{padding: 0 2%;width: 46%;float: left;border-bottom: 1px solid transparent;}
.nav ul.two li a{border-bottom: 1px solid #eee;}
.nav ul.two li a:hover{border-bottom: 1px solid transparent;}

/* 幻灯片 */
.slideBox ul,.slideBox li{padding: 0;margin: 0}
.slideBox{position: relative;width: 100%;margin: 0 auto;}
.slideBox a{text-decoration: none;}
.slideBox .bd li{list-style: none;}
.slideBox .prev,.slideBox .next{width: 40px;display: block;height: 40px;font-family: simSun;color: #fff;line-height: 40px;font-size: 24px;background-color: #fe5b4c;position: absolute;top: 50%;text-align: center; margin-top: -20px;}
.slideBox .prev{left:10px;}
.slideBox .next{right: 10px;}
.slideBox .arrow2{background: url(../images/arrow2.png) right center no-repeat;}
.slideBox .textbox{margin-left: -600px;top:100px;}
.slideBox .textbox .more:hover .bg1{width: 100%;}
.slideBox .slide-middle{margin-top: -210px;}
* {zoom:1}

.video .videoicon{background: url(../images/video.png) 5px center no-repeat;padding-left: 30px;}

.advantage{background: url(../images/youshi_bg.jpg) top center no-repeat #e0e9f9;}
.electronic .color-ele1{color: #057eaa;}
.electronic .color-ele2{color: #b26208;}
.electronic .color-ele3{color: #386ee7;}

.process .desc{background: url(../images/gou.png) left 4px no-repeat;}


.free .con div{background: url(../images/gou.png) left 4px no-repeat; padding-left: 20px; margin-bottom: 10px;}
.free .box{border: 2px solid #fff;}
.free li:hover .box{border: 2px solid #386ee7;}

.app .hd a{border-bottom: 4px solid transparent;}
.app .hd .on a{border-bottom: 4px solid #386ee7;color: #386ee7;}
.tese1 .on div{background-color: #2f54eb;color: #fff;}


.security .d-color-s1{color: #007aff;}
.security .d-color-s2{color: #2f54eb;}
.security .d-color-s3{color: #e9762d;}
.security .d-color-s4{color: #386ee7;}

/* 价格1 */
.price1 .con p{background: url(../images/feat_duigou.png) left 8px / 14px auto no-repeat;text-indent: 1.5em;}

/* 对比 */

.duibi .a,.duibi .b,.duibi .c{height: 80px;padding-left: 25px;}
.duibi .a{width: 13%;font-size: 22px;}
.duibi .b{width: 55%;font-size: 22px;position: relative;}
.duibi .c{width: 32%;font-size: 16px;}
.duibi .bg-a2{background-color: #eceff4;}
.duibi .bg-b2{background-color: #d8dff7;}
.duibi .bg-c2{background-color: #eceff4;}
.duibi .bg-ac{background-color: #f8f9fb;}
.duibi .bg-b1{background-color: #386ee7;}

.js-free-use {
    position: absolute;    
    background-repeat: no-repeat;
    -webkit-background-size: 84px 89px;
    background-size: 84px 89px;
    width: 84px;
    height: 89px;
    margin: 0;
    border: none;
    top: -8px;
    right: 30px;
}
.duibi tr:hover span{color: #386ee7;}
.duibi tr:hover .js-free-use{background-image: url(../images/frame-321.png);}
.duibi i {
    background-image: url(../images/zuanshi.png);
    background-repeat: no-repeat;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    vertical-align: top;
}

.g-container-footer { margin-top: 145px;height: 400px; background: url(../images/bg_footer_banner.png) no-repeat top; -webkit-background-size: 1920px 400px;
    background-size: 1920px 400px; text-align: center;}

.yingxiao .diy-bgc1{background-color: #D7E2FF;color: #245BDB;}
.yingxiao .diy-bgc2{background-color: #FFDDDA;color: #DB4941;}
.yingxiao .on .color-222{color: #4c6aff;}


/* 案例 */
.case-icon11{background: url(../images/case-icon11.png) left center no-repeat;text-indent: 1.5em;}
.case-icon12{background: url(../images/case-icon12.png) left center no-repeat;text-indent: 1.5em;}
.case-icon13{background: url(../images/case-icon13.png) left center no-repeat;text-indent: 1.5em;}

/* 首页完 */
.feedback2 .box2{width: 700px;margin: -190px 0 0 -350px;}

.dialog-rgba{background-color: #666;}
.dialog-rgba{background-color: rgba(0,0,0,0.5);}
.dialog .box1{margin: -111px 0 0 -150px;}

.buydomain{background: url(../images/bg-000-a80.png) left top repeat;}
.buydomain .buy{top:50%;left: 50%;margin-top: -100px;margin-left: -300px;}

/* #gotop{background: url(../images/gotop.png) center no-repeat #333;border: 1px solid #444;} */


.p_catname .aa{border-bottom: 4px solid transparent;}
.p_catname .aa:hover{color: #111f33;border-bottom: 4px solid #386ee7;}
.p_catname .a1{background: url(../images/1_guankong1.png) left center / 24px 24px no-repeat;}
.p_catname .a1:hover{background: url(../images/1_guankong2.png) left center / 24px 24px no-repeat;}
.p_catname .a2{background: url(../images/2_shoufa1.png) left center / 24px 24px no-repeat;}
.p_catname .a2:hover{background: url(../images/2_shoufa2.png) left center / 24px 24px no-repeat;}
.p_catname .a3{background: url(../images/3_anquan1.png) left center / 24px 24px no-repeat;}
.p_catname .a3:hover{background: url(../images/3_anquan2.png) left center / 24px 24px no-repeat;}
.p_catname .a4{background: url(../images/4_bangong1.png) left center / 24px 24px no-repeat;}
.p_catname .a4:hover{background: url(../images/4_bangong2.png) left center / 24px 24px no-repeat;}
.p_catname .a5{background: url(../images/5_dingzhi1.png) left center / 24px 24px no-repeat;}
.p_catname .a5:hover{background: url(../images/5_dingzhi2.png) left center / 24px 24px no-repeat;}

.d-price span.old-p::before {border-top: 1px solid #222;}


.localization-container .localization-img{  
    width: 100%;
    height: 260px;
    background-image: url(../images/zizhi.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;    
   }
   .localization-container .localization-img2{  
    width: 100%;
    height: 336px;
    background-image: url(../images/logos.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;    
   }

.g-content-footer{
    height: 250px;
    background-image: url(../images/bg-footer.png);
    -webkit-background-size: 1920px 285px;
    background-size: 1920px 285px;
    background-color: #416fee;}
/* 栏目内页 */

/* 历程 */
.lc_line{background: url(../images/lc_line.png) center center repeat-y;}

table{border-collapse: collapse;border: none;}
td{word-break: break-all;}
.content td{border: 1px solid #666;text-align: center;}


/* 详情页 */
.content .info span{height: 20px;line-height: 20px; display: inline-block;vertical-align: middle;padding-left: 20px;}
.content .info .catnameicon{background: url(../images/icon-lm.png) left center no-repeat;}
.content .info .timeicon{background: url(../images/date.png) left center no-repeat;}
.content .info .viewicon{background: url(../images/view.png) left center no-repeat;}
.content .desc i{display: inline-block;background: url(../images/quote.png) center top no-repeat;height: 20px;line-height: 20px;width: 30px; vertical-align: middle;}

/* 分页 */
#pages{padding: 20px 0;}
#pages a,#pages span{padding: 5px 10px; margin-right: 5px; background-color: #f5f5f5;color: #666;}
#pages i{display: inline-block;padding: 5px;}
#pages span,#pages a:hover{background-color: #333;color: #fff;}


/* 留言 */
.feedback .info_name{background: url(../images/icon_user.png) 10px center  no-repeat;}
.feedback .info_phone{background: url(../images/icon_phone.png) 10px center  no-repeat;}
.feedback .info_password{background: url(../images/icon_password.png) 10px center  no-repeat;}
.feedback .box{background: url(../images/messi.jpg) right bottom no-repeat;}

/* 地图 */
#allmap {width: 100%; height: 480px; overflow: hidden;}
#allmap b {color: #CC5522; font-size: 14px;}
#allmap img { max-width: none;}

/* 在线客服 */
.suspend_nav {bottom:50px;left:10px;border:1px solid rgba(255,255,255,0.7);}
.suspend_nav .list {padding:10px 0;position:relative;transition:all .3s;}
.suspend_nav .list.on-off{height:24px;padding:6px 0;}
.suspend_nav .list:last-child {border:none;}
.suspend_nav .list:hover {background:#1b8fdc;transform:rotate(0);}
.suspend_nav .list i {transition:all .3s;position:relative;z-index:2;font-size:30px;}
.suspend_nav .top {height:0;opacity:0;padding: 0; }
.suspend_nav .top:after {content:"";width:100%;height:1px;background:rgba(255,255,255,0.3);position:absolute;bottom:0;left:0;}
.suspend_nav .top.active {height:24px;opacity:1;padding: 6px 0;}
.suspend_nav .top i {background: url(../images/huojian.png) center center no-repeat;}
.suspend_nav .icon-dianhua{background: url(../images/phoner.png) center center no-repeat transparent;}
.suspend_nav .icon-weixin{background: url(../images/wechat.png) center center no-repeat transparent;}
.suspend_nav .icon-mail{background: url(../images/mail.png) center center no-repeat transparent;}
.suspend_nav .icon-qq{background: url(../images/qq2.png) center center no-repeat transparent;}
.suspend_nav .icon-feedback{background: url(../images/feedback.png) center center no-repeat transparent;}
.suspend_nav .on-off.active i {transform:rotate(135deg);}
.suspend_nav .list:hover {color:#fff;}
.suspend_nav ul li {position:relative;border-bottom:1px solid rgba(255,255,255,0.3);}
.suspend_nav ul li .list {border:none;}
.suspend_nav ul li .weixin {left:68px;bottom:0;transform:scale(0);transform-origin:100% 100%;transition:all .3s;}
.suspend_nav ul li:hover .weixin {transform:scale(1);}
.suspend_nav ul li .popup {min-width:200px;min-height:150%;left:100%;display:flex;justify-content:center;align-items:center;visibility:hidden;transition:all .3s;opacity:0;}
.suspend_nav ul li:hover .popup {visibility:visible;left:68px;opacity:1;}
.suspend_nav .icon-cha{background: url(../images/close.png) center center no-repeat transparent;}

@media only screen and (min-width:1280px) {
    .w1200{width: 1280px;}
}
@media only screen and (min-width:1330px) {
    /* .w1200{width: 1330px;} */
}
@media only screen and (min-width:1440px) {
    /* .w1200{width: 1440px;} */
}