@charset "utf-8";
/* CSS Document */
/*
author:何玉诚 18115889002 www.zhiweigd.com
date: 2022-09-06
*/
/*public style*/
body,h1,h2,h3,h4,h5,h6,img,p,ul,li,dl,dt,dd,span,en,a{ padding:0px; margin:0px;}
body{ font-size:14px; font-family:"微软雅黑"; color:#333}
body , html{width:100%;height:100%;min-width: 1200px;}
.left{ float:left;}
.right{ float:right}
a{ text-decoration:none; color:#333;transition: background-color 0.8s;}
a:hover{ color:#ee0000;}
.w1200{ width:1200px; margin:0px auto;}
.clear10{ clear:both; height:10px; line-height:10px;}
.clear20{ clear:both; height:20px; line-height:20px;}
.clear30{ clear:both; height:30px; line-height:10px;}
li{ list-style-type:none;}
.w240{width:240px;}
.w960{ width:960px;}
.w930{width:930px;}
/*top style*/
.topbg{ height:40px; background-color:#f0f0f0; line-height:40px;}
.topbg .right a{ margin:0 10px;}
.headbox{ padding:25px 0; background-color:#fff}
.topbox{ height:70px;}
.hd-txt{ display:block; padding-left:15px; height:60px;}
.hd-txt h1{ font-size:15px; color:#0068b3; line-height:35px; font-weight:normal}
.hd-txt small{ font-size:15px}
.tel{background:url(../images/tel.png) no-repeat left 8px; padding-left:55px; padding-top:10px}
.tel small{ color:#aaa}
.tel a{ font-size:30px; color:#da0000;font-weight:bold; line-height:25px;}
/*city ico style*/
.fz-box{ padding-left:10px;}
.fz-box-1{font-size:18px; text-align:center;padding-bottom:5px; color: #da0000;font-weight:bold}
.fz-box-2 a{ border-radius:8px;background-color:#ffdf96; width:90px; height:25px; display:block; text-align:center;line-height:25px;}
/*menu style*/
.menu-bg{background-color:rgb(7, 106, 174); height:52px;}
.menu-box{ height:52px;}
.menu-box ul{ float:left}
.menu-box li{ float:left;display:block; line-height:52px; padding:0 5px; position:relative;}
.menu-box li a{ color:#FFF; font-size:15px; display:block; width:130px; text-align:center;transition: background-color 0s;}
.menu-box li a.on,.menu-box li a:hover{ background-color:#065f9c}
.search-ico{ float:right}
.search-ico a{ display:block; width:52px; height:52px; background:url(../images/wn_scarch2.png) no-repeat center}
.menubox-2{ position:absolute; z-index:9999; top:52px; width:150%; left:-25%; display:none}
.menubox-2 a{background-color:rgba(0, 0, 0,0.8); height:40px; line-height:40px; margin-bottom:1px !important; font-weight:normal !important;transition: background-color 0s; width:auto !important;}
.menubox-2 a:hover{ background-color:#000 !important;color:#fff !important; background-image:none !important;border-radius:0px !important;}
/*banner style*/
.banner-bg{ height:590px;}
.banner-box{ position:relative; z-index:999}
.banner-txt1{ position:absolute; top:165px; left:30px; font-size:67px; background-color:#FFF; height:120px; font-family:Microsoft YaHei; font-weight:bold; padding:10px 20px; color:rgb(22, 110, 62)}
.banner-txt1 strong{color:rgb(7, 106, 174)}
.banner-txt2{ background-color:rgb(7, 106, 174); position:absolute; padding:8px 20px; font-size:22px; color:#fff; top:280px; left:50px;}
.banner-about-ico{ position:absolute; top:370px; left:80px}
.banner-about-ico a{ background-color:rgba(76,175,80,1); display:block;width:176px; height:41px; line-height:41px; color:#fff; text-align:center;border-radius:25px;-moz-border-radius:25px; font-size:15px;transition: background-color .8s}
.banner-about-ico a:hover{ background-color:rgba(22,110,62,1);}
.banner-concact-ico{ position:absolute; top:370px; left:280px;transition:}
.banner-concact-ico a{background-color:rgba(66,164,232,1); display:block;width:176px; height:41px; line-height:41px; color:#fff; text-align:center;border-radius:25px;-moz-border-radius:25px; font-size:15px;transition: background-color .8s}
.banner-concact-ico a:hover{background-color:rgba(7,106,174,1)}
/*zbanner style*/
.zbanner-box{ position:relative; height:360px;}
.zbanner-txt1{ position:absolute; top:65px; left:130px; font-size:48px; background-color:#FFF; height:94px; font-family:Microsoft YaHei; font-weight:bold; padding:10px 20px; color:rgb(22, 110, 62)}
.zbanner-txt1 strong{color:rgb(7, 106, 174)}
.zbanner-txt2{ background-color:rgb(7, 106, 174); position:absolute; padding:8px 20px; font-size:20px; color:#fff; top:155px; left:150px;}
.zbanner-about-ico{ position:absolute; top:225px; left:145px}
.zbanner-about-ico a{ background-color:rgba(76,175,80,1); display:block;width:156px; height:35px; line-height:35px; color:#fff; text-align:center;border-radius:20px;-moz-border-radius:20px; font-size:15px;transition: background-color .8s}
.zbanner-about-ico a:hover{ background-color:rgba(22,110,62,1);}
.zbanner-concact-ico{ position:absolute; top:225px; left:330px;transition:}
.zbanner-concact-ico a{background-color:rgba(66,164,232,1); display:block;width:156px; height:35px; line-height:35px; color:#fff; text-align:center;border-radius:20px;-moz-border-radius:20px; font-size:15px;transition: background-color .8s}
.zbanner-concact-ico a:hover{background-color:rgba(7,106,174,1)}
/*server title style*/
.server-title{ text-align:center; padding:40px 0px}
.server-title-1{text-transform: uppercase; text-align:center; font-size: 36px; font-family: arial; color: rgb(231, 240, 235); display:block}
.server-title-2{ text-align:center;font-family: "Microsoft YaHei"; font-size: 24px; color: rgb(22, 110, 62); display:block}
/*server box style*/
.left-title{height:89px; background-color:rgb(7, 106, 174); background-image:url(../images/in_titlebg.png); background-position:right; background-repeat:no-repeat}
.left-title span{ display:block; color:#FFF; text-align:center}
.left-title .span1{ font-size:19px; padding-top:25px}
.left-menu li{ height:50px; padding-top:1px}
.left-menu li a{ height:50px; display:block; background-color:#e6f0f6; font-size:15px; line-height:50px; text-align:center;transition:none;}
.left-menu li a.von{ background-color:#3cb371; color:#fff}
.left-menu li a:hover{ color:#fff;background-color:#3cb371;}
.left-contact-img{ padding:5px 0px; position:relative}
.left-contact-img a{ position:absolute; display:block;width:150px;height:40px; text-align:center; border:solid 1px #fff; top:36.5px;left:44px; color:#fff; line-height:40px; transition:border 0.8s;}
.left-contact-img a:hover{ border:solid 1px #3cb371}
.left-content-box{ height:176px; padding:10px; background-color:rgb(244, 244, 244)}
.left-content-txt{ font-size:13px; padding-left:15px; color:#999; padding-top:30px}
.left-content-tel{ background:url(../images/phoneg.png) no-repeat left top; font-size:12px; color:#999; height:60px; padding-left:50px}
.left-content-tel span{ font-size:22px; color:rgb(255,153,0);}
.left-content-code img{width:95px;height:95px}
/*server img style*/
.server-img{ height:660px; overflow:hidden}
.server-img li{ float:left; width:320px; height:345px;}
.server-pic{ width:290px; float:right}
.server-pic-img{ display:block; width:290px; height:280px; overflow:hidden;}
.server-pic-img img{ transition:all 0.5s; width:290px; height:280px; object-fit:cover;flex:1;/*object-fit图片固定大小不变形*/}
.server-pic-img img:hover{ transform:scale(1.1)}
.server-txt{ background-color:#e6f0f6; display:block; height:35px; text-align:center; line-height:35px}
/*client style*/
.client-bg{ height:440px; background:url(../images/casebg2.jpg) center top}
.client-title{ padding-top:50px;}
.client-box{ padding-top:30px; width:1200px;overflow:hidden;}
.client-box li{ float:left; width:310px;}
.client-txt a{ text-align:center; display:block; width:280px; color:#fff; line-height:35px;}
/*index about style*/
.index-about{ height:340px; background-color:rgb(240, 247, 251)}
.index-about-img img{ width:540px; height:340px}
.index-about-txt{width:660px;}
.index-about-txt h3{ font-weight:normal; color:rgba(7,106,174,1); font-size:20px; height:60px; line-height:60px; padding-left:30px}
.index-about-box{ color:#727272; padding:0px 30px; line-height:30px; height:210px; overflow:hidden}
.index-about-ico a{ background-color:rgba(7,106,174,1); margin-left:30px; text-align:center; color:#fff; width:150px; height:36px; line-height:36px; float:left}
.index-about-ico a:hover{ background-color:rgba(60,179,113,1)}
/*about info style*/
.about-info{height:272px;}
.about-info-box{ width:280px; height:270px; border:solid 1px #E3E3E3; float:left;transition: border 0.8s}
.margin24{ margin-left:24px}
#about-info-id1{ background:url(../images/pc_logo_c63f.png) no-repeat; background-position:center 30px; background-size:56px 68px}
#about-info-id2{ background:url(../images/sup_01.png) no-repeat; background-position:center 30px; background-size:45px 60px}
#about-info-id3{ background:url(../images/sup_02.png) no-repeat; background-position:center 30px; background-size:64px 58px}
#about-info-id4{ background:url(../images/sup_03.png) no-repeat; background-position:center 30px; background-size:58px 60px}
.about-info-box span{ font-size:19px; color:rgb(7, 106, 174); text-align:center; display:block; padding-top:110px; background:url(../images/x1.jpg) no-repeat bottom; height:40px}
.about-info-box p{ margin:auto; padding-top:15px;width:200px; line-height:25px; color:#999}
.about-info-box:hover{ border:solid 1px #4bba7e}
/*adv style*/
.adv-bg{height:228px; background-color:#000; background-image:url(../images/in_contactx.jpg); background-position:center top; background-attachment:fixed}
.adv-box{text-align:center;}
.adv-box b{ text-align:center; font-size:35px; color:rgb(0, 255, 0); display:block; padding-top:60px; padding-bottom:30px}
.adv-box span{ display:inline-block; height:30px; width:110px; color:#fff; font-size:18px; background:url(../images/yesx.png) no-repeat left center; background-size:18px 18px; line-height:30px; text-align:left; padding-left:25px}
/*news*/
.index-news{ height:400px;}
.left-news{ width:500px; background-color:#eee; height:380px;line-height:70px;}
.left-news h3{ line-height: 24px; padding-left: 80px; position: relative; margin-top:20px; margin-left:20px}
.left-news h3::before{content: '头条'; display: block; width: 70px; text-align: center; height: 24px; line-height: 24px; border-radius: 12px; font-size: 12px; background: #0068b3; color: #fff; position: absolute; left: 0;}
.right-news{ width:650px;}
.right-news li{ padding-bottom:20px; height:60px; overflow:hidden;}
.right-news span{ display:block; width:60px; height:60px; background-color:#e4f2eb; color:#666; text-align:center; float:left}
.right-news span strong{ font-size:23px; display:block; padding-top:5px;}
.right-news span i{ font-size:12px; display:block; font-style:normal;}
.right-news-info{ padding-left:20px; float:left; line-height:30px; color:#666}
.right-news-info a{ font-size:18px}
/*partenr style*/
.partenr-box3{ height:80px; overflow:hidden}
.partenr-box3 li{ float:left; width:225px}
/*foot style*/
.foot-bg{ height:315px; background:url(../images/fobxg2.jpg) no-repeat bottom center}
.foot-box{ height:223px; padding-top:40px; color:#fff}
.foot-box ul{ float:left}
.foot-box li{ float:left; width:200px}
.foot-box dt{ font-size:17px; height:30px;}
.foot-box dd{ display:block; height:30px; line-height:30px}
.foot-box dd a{ color:#fff;}
.foot-box2{text-align:center;height:52px; line-height:52px; background-color:rgb(4, 76, 124); color:#d9ebda}
.foot-box2 a{ color:#fff}
#index-end-tel{ font-size:25px; color:rgb(0, 255, 0); font-weight:bold}
#index-mess-sub{ padding-top:10px}
#index-mess-sub a{ display:block; width:136px; height:36px; line-height:36px; background-color:#6aa84f; text-align:center; color:#fff;}
#index-mess-sub a:hover{background-color:#60c734;}
#index-end-code{ float:right; text-align:center; line-height:30px;}
#index-end-code img{widht:126px;height:126px;}
/*子页style*/
.zbanner-bg{ height:360px; background-position:center top; position:relative}
.pos-box{height:40px; border-bottom:solid 1px #ccc; line-height:35px;}
.zcontent{ padding-top:30px;}
#zimg img, #zimg .server-pic-img{height:200px}
#zimg li{height:265px}
#zimg{height:auto !important}
#zimg2 img, #zimg2 .server-pic-img{height:112px}
#zimg2 li{height:177px}
#zimg2{height:auto !important}
.zcontact-box{ background-color:#f6f6f6; padding:20px 40px; height:250px; background-image:url(../images/in_btitlebg.png); background-position:right top; background-repeat:no-repeat;}
.zcontact-box h4{ line-height:40px; font-size:22px; color:rgb(7, 106, 174)}
.zcontact-box p{ line-height:30px; font-size:15px}
.zcontact-box .right{padding-right:150px; text-align:center;padding-top:40px}
.zcontact-box .right img{width:150px; height:150px}
.showimg-box{ background-color:#fff;border-radius:5px;-moz-border-radius:5px;}
.showimg-h1{ font-size:20px; border-bottom:solid 1px #ccc; line-height:50px; line-height:50px; padding:0 20px}
.showimg-info{ padding:20px; color:#ccc}
.showimg-img{ padding-left:20px;width:450px}
.showimg-img img{object-fit:cover;width:450px;height:350px;flex:1}
.showimg-right{width:720px; font-size:16px; line-height:35px}
.showimg_dl dt{ width:150px; float:left; color:#666}
.showimg_dl dd{ float:left; width:530px}
.showimg-box2 img{max-width:930px}
.boxtitle{ font-weight:normal; padding:20px}
.showtxt{ padding:0 20px}
#telico{ display:block; background-color:#e10000; width:150px; height:35px; color:#fff; text-align:center; line-height:35px; font-size:14px;border-radius:5px;}
.vqiyeon{ background:url(../images/icons.png) no-repeat scroll -47px -795px; display:block; width:32px; height:20px; float:left; margin-top:8px;}
.vgron{display:block; width:32px; height:20px; float:left; background:url(../images/icons.png) no-repeat scroll -9px -795px; margin-top:8px;}
.vwxon{display:block; width:32px; height:20px; float:left; background:url(../images/icons.png) no-repeat scroll -89px -795px; margin-top:8px;}
.boxtitle:before{background:#e10;content:'▪';float:left;width:13px;height:13px; text-align:center; line-height:12px; margin:5px 10px 0px 0px; color:#fff; font-size:12px;border-radius:10px; display:block}
#qqico{ display:block; float:left; width:85px; height:22px; background:url(../images/qq.gif) no-repeat left; margin-top:5px;}
#wxico{ display:block; float:left; width:77px; height:22px; background:url(../images/wx.gif) no-repeat left;margin-top:5px}
.art-h1{ font-size:20px; font-weight:normal; text-align:center; height:70px; line-height:70px}
/*city product style*/
.xgpro{height:200px}
.xgpro li{ float:left; width:216px; padding-left:20px; display:block;}
.xgpro-img{height:150px;}
.xgpro-txt{ line-height:35px; height:35px; text-align:center}
.xgpro li img{object-fit:cover;width:216px;height:150px}
/*message style*/
.message-box{padding:50px; background:url(../images/messagebg.jpg)}
.message-box input{width:500px;height:30px; line-height:30px}
.message-box td{padding:10px;}
/*pages style*/
.pages{ text-align:center}
.pages .pagination {text-align: center;height: auto;}
.pages .pagination a {padding: 0 13px;line-height: 28px;height: 28px;float: none;display: inline-block;}
.pages .pagination p {padding: 0 13px;line-height: 28px;height: 28px;float: none;display: inline-block;}
.pages .pagination a.cur{ background-color:#0068b3}
.pages .pagination a:hover{border-color:#0068b3}
/*分页*/
div.paginationbox{width:100%;height:auto;padding:10px 0;margin:10px auto; overflow:hidden}
ul.pagination{display:inline-block;padding:0;margin:0}
ul.pagination li{display:inline}
ul.pagination li a{color:#000;float:left;font-size:14px;padding:5px 12px;margin:0 5px;text-decoration:none;border:1px solid #ddd}
.pagination li:first-child a,.pagination li:last-child a{border-radius:0}
ul.pagination li.bor0 a{border-color:#fff;cursor:auto}
ul.pagination li a.active,ul.pagination li.thisclass a{color:#fff;border:1px solid #0068b3;cursor:default; background-color:#0068b3;}
ul.pagination li.thisclass a{ background-color:#0068b3;}
ul.pagination li a:hover:not(.active){background-color:#0068b3;color:#fff;border-color:#0068b3}
ul.pagination li.bor0 a:hover{background:0 0;color:#333;border-color:#fff}
ul.preNext{ width:100%; display: flex; justify-content: space-between; float: left; border-top: 1px dotted #ddd;}
ul.preNext li{ padding: 5px 15px}
ul.preNext li a{color:#333;}
ul.preNext li a:hover{color:#0068b3}
ul.preNext li.pre,ul.preNext li.next{ background: #eee;}
/*list style*/
.list_news ul li { border: 1px solid #ddd; float: left; margin-bottom:10px; height: auto; overflow: hidden; padding:20px; position: relative; width: 100%; box-sizing: border-box;}
.list_news ul li h5 {color: #333; font-weight: normal;font-size: 18px;}
.list_news ul li img { height: 90px;margin-right: 15px;width: 138px; float:left}
.list_news ul li span{ color: #aaa; font-size: 12px; padding-right: 10px;}
.list_news ul li p {color: #666;font-size: 14px; padding-top: 10px;}
.list_news ul li .border_top,.list_news ul li .border_left { left: 0;top: 0;}
.list_news ul li .border_right,.list_news ul li .border_bottom { bottom: 0;right: 0;}
.list_news ul li .border_top,.list_news ul li .border_bottom {height: 2px; width: 0;}
.list_news ul li .border_right,.list_news ul li .border_left { height: 0;width: 2px;}
.list_news ul li,.list_news ul li .border_top,.list_news ul li .border_right,.list_news ul li .border_bottom,.list_news ul li .border_left {transition: all 0.4s ease 0s;}
.list_news ul li:hover {background: #fbfbfb none repeat scroll 0 0; border-color: transparent;}
.list_news ul li:hover h5{ color: #0068b3;}
.list_news ul li:hover .border_top,.list_news ul li:hover .border_bottom { width: 100%;}
.list_news ul li:hover .border_left,.list_news ul li:hover .border_right { height: 100%;}
.list_news ul li .border_top,.list_news ul li .border_right,.list_news ul li .border_bottom,.list_news ul li .border_left { background: #0068b3 none repeat scroll 0 0;position: absolute;}
.newsinfo{ border-bottom:dashed 1px #ccc; text-align:center; line-height:35px; color:#999; margin-bottom:20px}
.list_news_textbox{ width:720px}
/*放大镜 style*/
/* #MagnifierWrap{position: relative;width: 350px;margin:100px auto;} */
#MagnifierWrap2{position: relative;width: 420px;}
.MagnifierMain{position: relative;width: 420px;height: 335px;}
.MagnifierMain img{width:100%;height:100%}
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(../image/loading.gif) no-repeat center center; }
.MagnifierImg{position: absolute;top:0; left: 0;}
.spec-items{position: relative;width: 325px;height: 85px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
.spec-items ul *{
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.spec-items li{
width: 100px;height: 80px;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #fff;cursor: pointer;}
.spec-items li.on{border:2px solid #000;}
.spec-items li img{width: 100%; height:100%}
span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 80px;line-height: 80px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
span.on{background-color: #ccc;color: #999;cursor: pointer;}
span.spe_leftBtn{left: 0;}
span.spe_rightBtn{right: 0;}