@charset "utf-8";

/* CSS Document */
/*
*********************************
武汉中网维优网络科技有限公司
http://www.wymonitor.com
联系电话：027-87862018
客服QQ：15035405
*********************************
*/
/*----------------------------通用---------------------------------------*/




body { font-size: 14px; font-family: "微软雅黑"; background: #fff; }

* { padding: 0; margin: 0; }

a { text-decoration: none; color: #333; }

ul, li { list-style: none; }

img { border: 0; max-width: 100%; }

input { font-family: "微软雅黑"; outline: none; }

.cl { clear: both; height: 0px; }

.fl { float: left; }

.fr { float: right; }

.all { width: 1200px; margin: 0 auto; }

.all1 { width: 1200px; margin: 0 auto; overflow: hidden; }

/*--head--*/



.head { width: 100%; height: 72px; z-index: 99; position: fixed; top: 0; left: 0; background: #fff; box-shadow: 0 0 5px 0 #666; }

.logo { width: 127px; height: 72px; position: relative; margin-right: 40px; }

.logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.nav ul li { float: left; position: relative; height: 72px; line-height: 72px; background: url(img/nav-bg.png) no-repeat 0 100px; transition: all 0.8s; }

.nav ul .active { background-position: center ; }

.nav ul .active a { color: #fff; }

.nav li a { display: block; font-size: 16px; color: #4c4c4c; padding: 0 48px; transition: all 0.8s; }

.son { width: 110%; position: absolute; top: 72px; left: 50%; transform: translateX(-50%); background: #fff; display: none; }

.nav li .son dd:hover a { background: #005495; color: #fff; }

.nav li .son dd a { display: block; font-size: 14px; color: #333; text-align: center; height: 40px; line-height: 40px; padding:0; }

.nav ul li:hover .son { display: block; }

.nav li:nth-child(2) .son{width: 150%;}
.nav li:nth-child(3) .son{width: 150%;}

.search { width: 90px; height: 72px; text-align: center; position: relative; padding: 18px 0; box-sizing: border-box; }

.search img { border-radius: 50%; background: #f2f2f2; }

.search:hover .s-input { display: block; }

.s-input { width: 250px; position: absolute; top: 72px; right: 0; background: #fff; padding: 20px 30px; box-sizing: border-box; box-shadow: 0 0 6px 1px #666; display: none; border-radius: 2px; }

.input-box { width: 128px; border: 1px solid #999; padding-left: 5px; color: #999; display: inline-block; vertical-align: middle; height: 25px; background-size: 30px; }

.s-input input { width: 100%; border: none; line-height: 25px; }

.s-input button { width: 40px; display: inline-block; line-height: 25px; font-size: 12px; color: #333; border: 1px solid #999; vertical-align: middle; }

/*--banner--*/


.silde-one { margin-top: 72px; }

.silde-one .swiper-slide { width: 100%; }

.silde-one img { width: 100%; }

.banner-pagination div { width: 150px; height: 3px; opacity: 1; border-radius: 0; margin: 0 5px; background: rgba(255, 255, 255, 1); position: relative; overflow: hidden; }

.banner-pagination div p { position: absolute; top: 0; left: -150px; width: 150px; height: 3px; background: #186daf; float: left; }

.banner-pagination div .login { -webkit-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); -webkit-transition: -webkit-transform 5s linear; transition: transform 5s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

/*--about--*/


.all-Pad { padding: 50px 0 65px; }

.title { text-align: center; }

.title h2 { font-size: 36px; font-weight: 700; color: #333; }

.title p { margin-top: 5px; font-size: 20px; color: #999; }

.about-content { margin-top: 35px; text-align: center; font-size: 16px; color: #666; line-height: 32px; }

.about-content p, .about-content span, .about-content div { margin-bottom: 30px; }

.inde_about{ font-size:16px; line-height:30px;     color: #333;}
.inde_about h2{ font-weight: 400;
    line-height: 1.1;
    padding-left: 10px;
    border-left: 4px solid #008fd3; margin:20px 0;}
	
	
.inde_title {
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    font-size: 24px;
    padding-bottom: 20px;
}
/*--解决方案--*/


.solve-con { margin-top: 25px; }

.solve-item { margin-bottom: 10px; width: 100%; height: 300px; }

.solve-con a:nth-child(1) .solve-item{ background: url(img/solve_01.jpg) no-repeat center; }

.solve-con a:nth-child(2) .solve-item{ background: url(img/solve_02.jpg) no-repeat center; }




.solve-con a:nth-child(3) .solve-item{ background: url(img/solve_03.jpg) no-repeat center; }

.solve-con a:nth-child(4) .solve-item{ background: url(img/solve_04.jpg) no-repeat center; }

/*--新闻中心--*/


.new-box { margin: 60px 0 60px; }

.new-left { width: 447px; height: 286px; position: relative; margin-right: 30px; }
.new-left img{ width:100%; height:100%; }
.new-left p { font-size: 16px; color: #fff; width: 100%; line-height: 50px; padding: 0 15px; box-sizing: border-box; background: rgba(0, 0, 0, .5); position: absolute; bottom: 0; left: 0; }

.new-right { width: 723px; }

.new-right ul li { border-bottom: 1px solid #e0dfdf; padding: 17px 0; font-size: 0px; }

.time { font-size: 12px; color: #b9b6b6; display: inline-block; width: 95px; text-align: center; vertical-align: middle; border-right: 1px solid #d6d6d6; }

.time span { font-size: 32px; color: #929292; display: block; }

.new-con { max-width:520px; display: inline-block; margin-left: 25px; vertical-align: middle; }

.new-con div { font-size: 16px; color: #333; margin-bottom: 10px; }

.new-con p { font-size: 14px; color: #888888; }

.new-icon { display: inline-block; vertical-align: middle; width: 80px; height: 60px; background: url(img/more.png) no-repeat center; float: right; }

.new-con div:hover { color: #196bbc; }

.new-icon:hover { background: url(img/more1.png) no-repeat center; }

/*--foot--*/



.foot { background: #393a3f; padding: 30px 0; }

.foot dl { float: left; width: 165px; text-align: center; }


.foot dl:nth-child(1){ width:220px;}
.foot dl:nth-child(2){ width:250px;}


.foot dt a { font-size: 18px; color: #f6f6f6; display: block; margin-bottom: 5px; line-height: 35px; }

.foot dd a { font-size: 14px; color: #a9a9ac; line-height: 28px; }

.address { width: 360px; float: right; border-left: 2px solid #212124; box-sizing: border-box; padding-left: 50px; }

.foot-tel { font-size: 14px; color: #a9a9ac; }

.foot-tel span { display: inline-block; width: 24px; height: 24px; background: url(img/time.png)no-repeat center; vertical-align: middle; margin-right: 10px; }

.number { font-size: 30px; color: #fff; font-weight: 700; margin: 20px 0; }

.address p { font-size: 16px; color: #a9a9ac; line-height: 26px; }

.copy, .copy a { width: 100%; line-height: 50px; font-size: 14px; color: #fff; background: #2f3034; text-align: center; }

.link-son { display: none; }

.copy-nav, .link { display: inline-block; margin-left: 20px; }

.link { width: 150px; line-height: 35px; border-radius: 4px; background-size: 15px; cursor: pointer; background: rgba(255, 255, 255, .3) url(img/open.png) no-repeat 130px center; position: relative; }

.link .link-son { position: absolute; bottom: 35px; background: #999; border-radius: 4px; width: 120%; text-align: left; padding: 10px; }

.link .link-son a { font-size: 12px; color: #fff; line-height: 24px; background: #999; }

.link .link-son a:hover { color: #196bbc; }

.link:hover .link-son { display: block; }

.addr-right { font-size: 24px; color: #fff; margin-left: 10px; }
.addr-right h3{ font-size:20px;}
.addr-img { margin-top: 40px; }

.code { display: none; position: absolute; max-width: 100px; max-height: 100px; width: 100px; height: 100px; bottom: 45px; left: 50%; transform: translateX(-50%); }

.img1 { float: left; width: 40px; height: 40px; border-radius: 50%; background: #999; position: relative; text-align: center; margin-right: 10px; cursor: pointer; }

.img1 .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.img1:hover .code { display: block; }

.top { position: fixed; bottom: 10%; right: 5%; z-index: 999; cursor: pointer; }

/*--关于我们--*/


.son-ban { width: 100%; height: 300px; margin-top: 72px; }

.son-ban9{background:url(img/news-ban.jpg) no-repeat center;}

.son-ban10{background:url(/skin/img/new-ban2.jpg) no-repeat center;}


.pos-nav { width: 100%; height: 72px; line-height: 72px; background: #e9e9e9; }

.index-nav ul li { display: inline-block; }

.index-nav ul li a { display: block; padding: 0 30px; font-size: 16px; color: #333; }

.index-nav ul .active a { background: #196bbc; color: #fff; }

.pos { font-size: 16px; color: #333; background: url(img/pos.png) no-repeat left center; padding-left: 30px; }

.pos a { color: #333; }

.about-desc { font-size: 16px; line-height: 32px; color: #666; text-align: center; margin-top: 35px; }

.about-desc p, .bout-desc div, .bout-desc span { margin-bottom: 35px; }

.old { margin-top: 60px; text-align: center; }

.old li { display: inline-block; padding: 10px 50px; }

.old li div { font-size: 30px; color: #333; }

.old li span { font-size: 60px; padding-right: 10px; font-weight: 500; }

.old li + li { border-left: 1px solid #e5e5e5; }

.old font { font-size: 16px; color: #626262; }

/*--组织机构--*/


.zzjg { background: url(img/zzjg-ban.jpg)no-repeat center; text-align: center; }

.zzjg-con { margin-top: 35px; }

.zzjg .title h2, .zzjg .title p { color: #fff; }

.Culture ul { margin-top: 75px; }

.Culture li { width: 33.33%; float: left; text-align: center; }

.Culture li .a-icon { width: 100%; height: 100px; position: relative; }

.a-icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.a-tit { font-weight: 700; font-size: 24px; color: #333; margin-top: 20px; position: relative; }

.a-desc { margin-top: 20px; font-size: 14px; line-height: 28px; color: #808080; }

.honor { background: #f2f2f2; }

.silde-two { margin-top: 55px; }

.silde-two .swiper-slide { text-align: center; }

.honor .all { position: relative; }

.prev { left: -20px !important; }

.next { right: -20px !important; }

/*--新闻中心--*/


.news-list li { padding: 25px 0; }

.news-list li + li { border-top: 1px dashed #ccc; }

.sszx_list_img { width: 252px; height: 162px; float: left; margin-right: 20px; }

.sszx_list_con { width: 928px; float: left; }

.sszx_list_con h2 { line-height: 37px; font-size: 18px; color: #333; }

.sszx_list_con .news-date { font-size: 14px; color: #666; }

.sszx_list_con h2 span { font-size: 30px; color: #006699; display: block; float: left; margin-right: 10px; }

.sszx_list_con p { font-size: 14px; color: #87898b; line-height: 30px; margin-top: 5px; }

.sszx_list_con .sszx_but { background: #006699; display: block; width: 80px; height: 25px; line-height: 25px; border-radius: 2px; text-align: center; color: #fff; font-size: 12px; margin-top: 10px; }

/*--产品中心--*/


.product-list li { width: 280px; float: left; margin-bottom: 10px; }

.product-list li + li { margin-left: 26px; }

.product-list li:nth-child(5n) { margin-left: 0; }

.product-list li .pro-img { width: 100%; height: 180px; }

.pro-img img { width: 100%; height: 100%; }

.product-list li p { font-size: 16px; color: #333; line-height: 38px; text-align: center; font-weight: 700; }

/*--产品内容页--*/


.pro-info { background: url(img/proinfo-bg.jpg); }

.pro-con .pro-title { font-size: 18px; font-weight: 700; color: #1f6bb0; margin-bottom: 20px; }

.info-desc, .info-desc div, .info-desc span, .info-desc span { font-size: 14px; color: #333; line-height: 28px; }
.info-desc h2{     font-size: 18px;
    font-weight: 700;
    color: #1f6bb0;
    margin: 20px 0;}
.pro-con-title{ text-align: center;    font-weight: bold;
    line-height: 40px;
    height: 40px;
    font-size: 24px;
    padding-top: 20px;}
.info-list ul li { float: left; margin-bottom: 10px; }

.info-img { width: 280px; height: 180px; }

.info-img img { width: 100%; height: 100%; }

.info-list ul li p { font-size: 16px; color: #333; line-height: 38px; text-align: center; font-weight: 700; }

.info-list ul li + li { margin-left: 26px; }

.info-list ul li:nth-child(5n) { margin-left: 0; }

.art-left-title { font-size: 30px; color: #333; line-height: 45px; }

.art-left-time { font-size: 12px; color: #666; line-height: 45px; margin-bottom: 10px;
    border-bottom: 1px #eee solid;}

.art-left-time span { padding: 0 10px; }

.art-left-time span:nth-child(2) { padding-left: 20px; background: url(img/time.png)no-repeat left center; }

.art-left-time span:nth-child(1) { padding-left: 20px; background: url(img/authr.png)no-repeat left center; }

.art-left-con { padding-top: 10px; }

.art-left-con, .art-left-con div, .art-left-con p, .art-left-con span { font-size: 16px; color: #666; line-height: 32px; }

/* pages */
.pages UL { text-align:center; margin-top:30px; }  
.pages UL LI { width: auto; border: 1px solid #ccc;  margin-bottom: 30px; color: #888; display:inline-block; padding:6px 10px; text-align:center; margin-right:6px; }
.pages UL LI span{ line-height:35px; margin:0 10px;}
.pages UL LI a { display: block; color: #888; }
.thisclass { display: block; }
.pages UL LI select { border: 0; background: none; color: #888; }
.pages UL LI:hover { border: 1px solid #5CC732; color: #5CC732; }
.pages UL LI:hover a { color: #5CC732; }
.thisclass { background: #5CC732 !important; border: 1px solid #5CC732 !important; color: #fff !important; }
.thisclass a{color:#fff !important;}

/*--加入我们--*/
.join_list dd, .join_list dt { font-size: 0; }

.join_list dt { padding: 15px 0; background: #186daf; }

.join_list dt span { font-size: 20px; color: #fff; }

.join_list dd span { font-size: 16px; color: #3d3d3d; }

.join_list span { display: inline-block; vertical-align: middle; position: relative; text-align: center; padding: 20px; box-sizing: border-box; }

.join_list span + span:before { content: ''; width: 1px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: #fff; }

.join_list dd { cursor: pointer; }

.join_list dd span + span:before { background: #d1d1d1; }

.join_list .zw { width: 180px; }

.join_list .zw_desc { width: 360px; }

.join_list dd .zw_desc { text-align: left; }

.join_list .zw_item { width: 164px; }

.font_35 { font-size: 35px !important; color: #186daf !important; }

.join_list dd { border: 1px solid #d1d1d1; border-bottom: none; }

.join_list dd:last-child { border-bottom: 1px solid #d1d1d1; }
.open_desc { padding: 40px; box-sizing: border-box; background: #f3f3f4; display: none; }

.open_desc h3 { font-size: 22px; color: #186daf; font-weight: 500; line-height: 50px; }

.open_desc, .open_desc p, .open_desc div, .open_desc span { font-size: 16px; color: #3d3d3d; line-height: 32px; }

.mar_40 { margin-top: 30px; }

.search-result{ margin-top:90px; font-size:22px; color:#333; }

.search-result span{ color:red; }

.sszx_list_img img{ width:100%; height:100%; }

.dede_pages{ margin-bottom:50px; text-align:center; }



/*--新加关于我们2021-2-26--*/
.purpose ul li{ width:32.33%; height:387px; float:left; position:relative; }

.purpose ul li + li{ margin-left:1%; }

.purpose li img{ position:absolute; top:0; left:0; width:100%; height:100%; }

.purpose li .text{ position:absolute; top:0; left:0; width:100%; height:100%;
display:flex; flex-direction:column; align-items: center; justify-content: center; }

.purpose .text h3{ font-size:30px; color:#fff; text-align:center; line-height:1.5; }

.purpose .text a{ margin-top:30px; font-size:16px; line-height:37px; padding:0 30px; border:1px solid #fff; color:#fff; }

.purpose .text a:hover { text-decoration: none; -webkit-transition: .3s;
  transition: .3s; background: #fff; color: #186daf; }
  
/*--招聘信息--*/
.recruit{ position:relative; min-height:430px; margin-top:35px; }

.recruit-left{ position:absolute; width:60%; left:0; height:100%; background:url(img/zpbg.jpg)no-repeat center center/cover; }

.recruit-right{ position:absolute; width:40%; height:100%; right:0; background:#186daf; }

.recruit-right div{ position:absolute; top:50%; transform:translateY(-50%); color:#fff; padding-left:50px; width:100%; min-width:480px; box-sizing:border-box; }

.recruit-right div h2{ font-size:30px; }

.recruit-right div p{ font-size:20px; line-height:1.6; margin:40px 0; max-width:480px; }

.recruit-right div .more{ display:inline-block; width:140px; border:1px solid #fff; line-height:37px; transitoin:0.5s; font-size:14px; color:#fff; text-align:center;  }

.recruit-right div .more:hover{ background:#fff; color:#186daf; }
.zzicon-list li{ font-size:16px; color:#666; line-height:32px; width:50%; float:left;  padding-left:25px; background:url(img/zzicon.png)no-repeat left center; box-sizing:border-box; }

.mar-t{ margin-top:35px; }