﻿/* CSS Document */

/*下拉菜单*/

.down{position:relative;cursor:pointer;z-index:9;}
.down .down-meau,.down .down-meau-two{padding-top:20px;padding-bottom:20px;}
.down .down-meau{background:rgba(0,0,0,0.8);position: absolute; left:0px;margin-top:-2px;clear:both;z-index:9;top:80px;}
.down .down-meau>li,.down .down-meau>li>a{ color:#fff; height:35px; line-height:35px; width:120px; margin:0; padding: 0; border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-o-border-radius:0; display: block; text-align:center;float:none;font-size:14px}
.nav-vip .down-meau>li,.nav-vip .down-meau>li>a{width:160px; text-align: left;}
.nav-vip .down-meau>li>a{padding-left: 20px }
.down .down-meau li a i.iconfont{color:#fff; padding-left:24px;}

.down .down-meau-two{position:absolute; left:160px; text-align:left;background:rgba(0,0,0,0.8);display:block; top:0;z-index:9}

.down .down-meau-two>li,.down .down-meau-two>li>a{ width:160px;line-height:40px; clear:both;height:40px; line-height:40px;}
.down .down-meau-two li a{padding-left:30px;border-left:1px solid rgba(255,255,255,0.4);display:block;font-size:14px;}
.active-blue{color:#008bff!important;}
.down-meau>li>a:hover,.down-meau-two>li>a:hover,.down-meau>li>a:hover i.iconfont{color:#008bff;}
.meau-no{ height:160px;}

.down-meau,.down-meau-two{display:none}

/*客户案例推荐*/
.list-bottom-case>div{width:940px;overflow:hidden; }
.list-bottom-case>div ul li,.list-bottom-case>div ul li a{ float:left;width:145px;height:145px;overflow:hidden;display: block;margin-right: 10px;margin-bottom: 20px;background:#0165b6;position: relative;}
.list-bottom-case img{vertical-align:middle;}
.list-bottom-case .list-bottom-case-showBefor{position:absolute;z-index:110;height:143px;line-height:143px;width: 143px;}
.list-bottom-case .list-bottom-case-show{top:145px; width:145px; height:143px; background:rgba(0,0,0,0.5); text-align:center;  position: absolute; z-index: 111;padding-top:30px; }
.list-bottom-case .list-bottom-case-show i{}
.list-bottom-case .list-bottom-case-show p{color: #fff; padding-top:10px;}

/**/
/*头部状态栏*/
.nav-navbar{position:relative; z-index:999999;}
.nav-test{background:rgba(0,0,0,0.75); position:absolute; z-index:0;height: 110px;width:100%;min-width: 1200px;margin:0 auto;z-index:999999;}
.nav-test-befor{background:rgba(0,0,0,0.8);position:absolute; z-index:0;height: 110px;width:100%;min-width: 1200px;margin:0 auto;z-index:999999;}

.confont-top{background:rgba(0,0,0,0.7); height:30px; line-height:30px; min-width:1200px;position: relative;z-index:9999999999}
.logo-top{ height:14px;float:left;margin-top:8px;margin-right:10px;}
.confont-top a:hover{ text-decoration:underline;}
/*搜索框*/
.so-form{width: 150px;height: 26px;background: url(img/search-bg.png) no-repeat;margin: 0;padding: 0;display: block;float:right;margin-right:40px;margin-top:3px;opacity:0.6}
.so-input{height: 22px;border: none;border: 0;padding: 0 5px 0 10px;float: left;width: 110px;background: none;outline: none;color:#fff;}
.so-button{float: left;width: 25px;height: 22px;background: none;cursor: pointer;text-indent: -99em;border: none;}
/*导航栏*/
.confont-nav{height:80px; min-width:1200px;position: relative;z-index:9999999999; }
.confont-nav .nav{margin-left:100px}
.nav li{ float:left; height:80px;}
.nav li a{color:#ffffff;padding-left:20px; padding-right:20px; font-size:16px;overflow:hidden;line-height:90px;height:80px;}
.confont-nav .confont-con>ul>li:hover{ background:rgba(0,0,0,0.4);}
.confont-nav .confont-con>ul>li.active>a,.confont-nav .confont-con>ul>li:hover>a{ color:#008bff}

/*banner轮播*/
.confont-ban{ height:600px; width:100%; overflow:hidden; min-width:1200px; position:relative; z-index:2; top:-120px; margin-bottom:-100px;}
.confont-ban .ban-img li img{ height:600px;position:absolute;}
.confont-ban .ban-img li{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}
.confont-ban .num{ position:absolute; font-size:0; text-align:center; width:100%;  bottom:20px;}
.confont-ban .num li{ width:10px; height:10px; background:#888; color:#fff;  line-height:24px; font-size:12px; border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; display:inline-block; margin:0 6px; cursor:pointer;}
.confont-ban .num li.on{ background:#00b3e1}
.confont-ban .btn{ width:40px; height:80px; font-size:70px; position:absolute; top:50%; margin-top:-40px; font-family:"宋体";  line-height:80px; color:#fff; cursor:pointer; opacity:0;transition:0.3s; }
.confont-ban:hover .btn{ opacity:1 }
.confont-ban .btn-l{ left:6%;}
.confont-ban:hover .btn-l{ left:2%;}
.confont-ban .btn-r{ right:6%;}
.confont-ban:hover .btn-r{ right:2%;}
/*banner右侧下载使用框*/
 .banner-form{ position:absolute; z-index:8; width:250px; top:25%; right:10%; background:rgba(255,255,255,0.1); height:360px; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; text-align:center; padding:20px; border:1px solid rgba(255,255,255,0.2);}
.banner-form *{ color:#fff;}
/*banner上面的字*/
.confont-ban .ban-img li .index-ban-txt{position:absolute;width:800px;height: 320px;z-index:9999999999;top:180px;left:50%; margin-left:400px;}
.confont-ban .ban-img li .index-ban-txt h1{font-size:45px;font-weight:100;margin-bottom:10px;color:#fff;}
.confont-ban .ban-img li .index-ban-txt p{font-size: 20px;line-height:2.4em;color: #fff;}
.confont-ban .ban-img li .index-ban-txt .btn-button-bg-w{display:inline-block;margin-top: 42px;}

		/*按钮*/

.banner-href a{ padding:1px 4px; border:1px solid rgba(255,255,255,0.4); font-size:12px; display:inline-block; float:left; margin:5px 6px; width:60px; border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;}
.banner-href a:hover{ background:#0165b6; border:1px solid #0165b6}


/*栏目标题*/
.confont-tittle{ width:100%; min-width:1200px;}
.fcolor-blue2{ color:#0165b6;}
.tittle-fstyle{ font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; letter-spacing:-4px;}
.fsize-40{ font-size:40px;}
.fsize-38{ font-size:38px;}
.fsize-36{ font-size:36px;}
.tittle-hr{ height:1px; width:60px;margin:0 auto;}
.bg-color-w{background:#fff;}
.bg-color-blue2{background:#0165b6;}
/*首页产品优势列表*/
.confont-product{ width:100%; min-width:1200px; height:450px;}
.product-tittle{ width:233px; float:left; margin-right:88px; margin-bottom:20px; position:relative; height:210px; overflow:hidden}
.product-tittle .fsize-12{ height:60px; overflow:hidden;}
.product-tittle .before{position:absolute; display:block; background:#ffffff;transition: 0.6s;position: relative; height:180px;width:233px; }
.product-tittle .before>div{background:#fff;border-color:#dddddd;height:148px;width:230px;}
.product-tittle .before img{width:200px;height:145px;}
.product-tittle .after{background:#0165b6; display:block; width:192px; height:180px; position: absolute;z-index:3; padding:20px; top:100px; }
.product-tittle .after .iconfont{ color:#fff; font-size:60px;margin-bottom:10px;}
.product-tittle:nth-child(4n){ margin-right:0px;}
.product-tittle:hover p.fsize-12,.product-tittle:hover h2{ color:#0165b6;}


/*功能列表*/
.confont-function{background:url(img/index_function_bd.png) center center no-repeat; height:650px; width:100%; min-width:1200px;}
.confont-function .confont-con ul li{ width:160px;float:left; margin-right:48px;}
.confont-function .confont-con ul li  p.lh-22{overflow:hidden; height:60px;}
.confont-function .confont-con ul li:nth-last-child(1){ margin-right:0;}
.confont-function .confont-con ul li:hover i{ color:#0165b6; background:#fff; border:4px solid #fff;}
.confont-function .confont-con ul li i{ font-size:80px; width:132px; height:142px; line-height:142px; border:3px solid #fff; display:inline-block; border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%; color:#fff; transition:all ease 0.3s}
.btn-button-min{ border:1px solid #fff; border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px; padding:2px 7px;}
.confont-function .confont-con ul li .btn-button-min,.btn-button-min{ border:1px solid #ffbe00; color:#ffbe00}
/*行业版本*/
.btn-button-blue{color:#0165b6; border:1px solid #0165b6; border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px; padding:2px 4px;font-weight:100;}
.btn-button-blue:hover,.confont-indus .confont-con ul li:hover .btn-button-blue{ background:#fff;color:#0165b6; border:1px solid #fff; }
.confont-indus .confont-con{height:400px;}
.confont-indus .confont-con .confont-slide{width:1070px; left:65px; position:absolute;overflow:hidden;}
.confont-indus .confont-con ul{ height:340px;}
.confont-indus .confont-con ul li{width:250px; margin-right:10px; margin-left:8px ;}
.confont-indus .confont-con ul li:hover{ box-shadow:0 4px 7px #bbb;}
.confont-indus .confont-con ul li div{ background:#f5f6f6; height:150px;}
.confont-indus .confont-con ul li:hover{}
.confont-indus .confont-con ul li:hover div{ background:#0165b6; }
.confont-indus .confont-con ul li:hover div * {color:#fff;}
.btn-i .iconfont{ padding: 3px 4px; background:#dadada; color:#fff; border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%; cursor:pointer;font-size: 30px;}
.btn-i .iconfont:hover{ background:#0165b6; box-shadow:0 0 3px #0165b6}
/*新闻中心*/
.confont-news{ height:440px;}

.confont-news .confont-con>ul>li{ margin-right:45px;}
.confont-news .confont-con>ul>li:nth-last-child(1){ margin-right:0}
.confont-news .confont-con>ul>li li{line-height:2em;}
.confont-news .confont-con>ul>li h4{ border-left:2px solid #ffbe00}

.confont-news .confont-con ul a:hover,.confont-news .confont-con  li a:hover p{ text-decoration:underline; color:#0165b6}
.news-hot{background:#fc5900;color:#fff;font-size:12px;padding:0 5px;margin:0 4px;}
.hr-gray-news{ height:1px; background:#ededed}

/*产品中心栏目页*/
tr,td{padding:0;margin:0;}
.product-table tr td:nth-last-child(1){ border-right:1px solid #efefef;}
.product-table tr:nth-last-child(1) td{border-bottom:1px solid #efefef;}
.product-table td{ border-left:1px solid #efefef;border-top:1px solid #efefef;width:19%; padding:20px; color:#666}
.product-table tr:nth-child(1) td,.product-table tr td:nth-child(1){ height:40px; text-align: center;font-size:16px;font-weight: 900;color: #333;}
.product-table tr:nth-child(1) td{background:#f4f4f4;}
.product-table tr td:nth-child(1){width:10%}
/*产品中心栏目页 产品优势*/
.product-list-good>div{padding-left:3px;}
.product-list-good ul li,.product-list-good ul li a{ width:168px; margin-right:70px; height:200px;margin-bottom:20px;}
.product-list-good ul li:nth-child(4n){ margin-right: 0 }
.product-list-good ul li:hover a{ border: 1px solid #efefef; display:block; box-shadow: 0 4px 4px #ccc}
.product-list-good ul li:hover img{border-left:none;border-right:none;}
.product-list-good ul li img{border: 1px solid #efefef;}
.product-list-good ul li p{padding:5px;}
.product-list-good ul li h3{color:#666;}
/*产品中心栏目页 功能*/
.product-list-function ul li h3{color:#666;}
.product-list-function ul li{ width: 110px; margin-right: 92px; margin-bottom: 15px;}
.product-list-function ul li:nth-child(5n){margin-right: 0px;}
.product-list-function ul li:hover .border-cri-gray{ background: #efefef; border:1px solid #efefef;}
.product-list-function ul li:hover h3{color:#0165b6;}
.border-cri-gray{-webkit-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%; border-radius:100%; width:110px; line-height: 110px; height:110px;border:1px solid #dfdfdf;text-align:center;}
.border-cri-gray i.iconfont{color:#0165b6; font-size: 60px;}
.product-list-function ul li:nth-last-child(1) .border-cri-gray i{ color: #ccc; }
/*产品中心栏目页行业集合*/
.product-list-trade{height:140px;}
.product-list-trade ul li .border-diamond .iconfont{color:#0165b6; font-size: 50px;position: absolute;bottom:28px;right:0px;z-index:-1}
.product-list-trade ul li .border-diamond{width:60px; height: 104px; background-color: #efefef; position:relative;z-index:-5;margin-left:30px;}
.product-list-trade ul li .border-diamond:before{content: ""; width: 0; border-right: 30px solid #efefef; border-top: 52px solid transparent; border-bottom: 52px solid transparent;position:absolute;bottom:0px;left:-30px;z-index:-5}
.product-list-trade ul li .border-diamond:after{content: "";width: 0; border-left: 30px solid #efefef; border-top: 52px solid transparent; border-bottom: 52px solid transparent;position:absolute;top:0px;right:-30px;z-index:-5}
.product-list-trade ul li:hover .border-diamond{background-color:#0165b6;}
.product-list-trade ul li:hover .border-diamond:after{border-left-color:#0165b6;}
.product-list-trade ul li:hover .border-diamond:before{border-right: 30px solid #0165b6;}
.product-list-trade ul li:hover .border-diamond .iconfont{color:#fff;}
.product-list-trade ul li{margin-right:65px; width:125px;}
.product-list-trade ul li:nth-last-child(1){margin-right:0px;}
.product-list-trade ul li:nth-last-child(1) .border-diamond i{ color: #ccc; }




/*下载栏目页头部banner不轮播*/
.download-top-banner{width:100%; overflow:hidden; min-width:1200px; position:relative;top:0; height:310px;}
.download-top-banner .download-top-bannerImg{position:absolute; top:0; left:50%; margin-left:-960px; }
.download-banner-txtCon{ width: 1200px; margin: 0 auto;position: relative;height: 300px; }
.download-top-banner .download-top-bannerTxt{position:absolute; top:15%;z-index:100; left:8%; }
.btn-button-bg-w{border:1px solid #fff;color:#fff;}
.btn-button-bg-w:hover{background:#fff;color:#0165b6}
/*下载栏目页软件下载模块*/
/*.download-list-down{height:660px}*/
.download-list-down li{width:520px;height:130px;padding:30px;background:#efefef; margin-right: 40px;margin-bottom:40px;}
.download-list-down li:nth-child(2n){margin-right:0}
.download-list-down li p{color:#666;}
.download-list-down li:hover{ box-shadow:0 4px 4px #ccc }
.download-list-down li div.pull-left{ width:110px;height:130px;border-right:1px solid #dfdfdf;padding-right:30px;}
.download-list-down li div.pull-right{width:350px}
.download-list-down li div.pull-right p{margin-top:10px;}
/*下载栏目页视频模块*/
.download-list-video{height:600px}
.download-list-video li{width:530px;height:140px;padding:10px 20px; margin-right: 30px;margin-bottom:50px;box-shadow:0px 2px 6px #ccc;margin-left:10px}
.download-list-video li:nth-child(2n){margin-right:10px}
.download-list-video li div.pull-left{width:220px;height:140px;border-right:1px solid #dfdfdf;text-align:center;overflow: hidden;}
.download-list-video li div.pull-right{width:290px;}
.download-list-video li div.pull-right p{height:70px;}
.btn-button-blueCricle{color:#666;border:1px solid #afafaf;padding:2px 15px;border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-webkit-border-radius:18px;-o-border-radius:18px;cursor:pointer;}
.btn-button-blueCricle:hover{color:#fff;background:#0165b6;border-color:#0165b6}
/*视频窗口*/
.video-clo{width:100%; height: 100%;position: fixed;background:rgba(0,0,0,0.5);z-index:999;top: 0;left:0;display:none;}
.video-windows{position: fixed; top:50%; left:50%; margin-left:-300px; margin-top:-250px; z-index:1000;display:none;}
.video-windows .close{width:40px; height:40px; background:#000; color:#fff; font-size:30px; line-height:40px; position:absolute; top:0; right:-40px; font-family:"宋体"; cursor:pointer;}
/*下载栏目页常用工具下载*/
.download-list-tool{height:190px}
.download-list-tool{border:1px solid #dfdfdf;border-radius:5px;width:1160px;padding:30px;margin-bottom:50px;padding-right:0;}
.download-list-tool li{width:355px;border-right:1px solid #dfdfdf;height:80px;overflow:hidden;margin-bottom:30px;margin-right: 40px;}
.download-list-tool li:nth-child(3n){margin-right:0;border-right:none;}
.download-list-tool li div.pull-left{width:220px;}
.download-list-tool li div p{font-size:16px;}
.download-list-tool li div.pull-right{line-height:80px;padding-right:30px;}
/*软件下载列表页*/
.download-list-info{}
.download-list-info li{height:150px; overflow: hidden;margin-bottom:30px;}
.download-list-info li div.pull-left:nth-child(1){ width:220px;height:140px;border-right:1px solid #dfdfdf;margin-right: 30px;}
.download-list-info li div.pull-left:nth-child(2){width:440px;}
.download-list-info li div.pull-left:nth-child(2) p{height:114px;}
.download-list-info li div.pull-right{width:220px}








