﻿/*属性重置*/
*{margin: 0;
   padding: 0;
   border:0;}
ul,li{ margin:0;padding:0; list-style:none;}
a{text-decoration:none;}
body{  font-family:"微软雅黑"; }

/*属性重置*/
.cont{
	width: 1540px;
    margin-left:-770px;
	position: relative;
    left:50%;
}

/*top*/	
.one{
	 width: 100%; height: 34px;  background-color: rgb(220,220,220);}

.one_one{font-family:"迷你简隶书", "迷你简菱心", "迷你简行楷","方正大标宋";line-height: 34px; font-size: 16px;margin-left: 210px;width: 350px;float: left;	}

.one_two{width: 250px;height: 34px;margin-left:1100px;}

.gywm{font-family:"微软雅黑";line-height: 34px;font-size: 14px;width: 70px;float: left;}

.weibo,.weixin{float: left; width:30px; height: 30px;  margin-left:15px; margin-top:2px; background-color:rgb(134,134,134); 
border-radius: 15px; -moz-border-radius: 15px;  -webkit-border-radius: 15px;  text-align:center;}
.weiimg{width:27px; height:27px; text-decoration:none; margin-top:2px; border:0px;}
.weibo:hover,.weixin:hover{ background-color:rgb(24,124,213);}
.weixin{position:absolute; margin-left:135px;}
.weihid{position:relative; width:89px; height:89px; top:-5px; left:18px; display:none;}
.weixin:hover .weihid{display:block;}


/*logo*/
.two{width: 100%;height:92px; }

.two_one{width: 190px;height: 68px; margin-top:10px; margin-left:270px; float:left;}
.two_two{width: 120px; height: 40px; font-family:"方正兰亭中粗黑"; font-weight:bold; margin-top:30px; float:left; line-height:40px; color:rgb(0,122,190); font-size:20px;}
.two_there{width:276px; height:68px; float:left; margin-top:16px; margin-left:355px;}
.two_fone{ width:80px; height:32px; border:rgb(255,90,0) solid 2px; float:left; line-height:32px; text-align:center; margin-left:28px; margin-top:34px; color:rgb(255,90,0); }
.two_fone:hover{ background-color:rgb(255,90,0); color:#FFF;}


.dhtXXX{width:791px; margin-left:375px; position:relative; height:36px; position:fixed; top:0px; z-index:99999;}
.dhtXXX img{position:absolute;  width:791px;  }
.dhtXXX .dhul{position:absolute; left:50%; margin-left:-395.5px; width:791px; height:36px;}
.dhtXXX ul li{float: left; font-family: "微软雅黑"; width: 113px; text-align: center; height: 36px; line-height: 36px;}
.dhtXXX ul li a{color: rgb(255,255,255);}
.dhtXXX ul li:hover{background-color: rgb(132,212,0);}

.dht{width:100%; height:36px;}
.dht img{position:absolute; margin-left:374.5px; width:791px;  }
.dht .dhul{position:relative; left:50%; margin-left:-395.5px; width:791px; height:36px;}
.dht ul li{float: left; font-family: "微软雅黑"; width: 113px; text-align: center; height: 36px; line-height: 36px;}
.dht ul li a{color: rgb(255,255,255);}
.dht ul li:hover{background-color: rgb(132,212,0);}


/*滚动图片*/
.huhu{ margin-top:10px; width:1540px; height:400px;}
.tp{position:absolute; width:1540px; height:400px; overflow:hidden;}
.tp ul li a img{width:1540px; height:400px;}

/*左右按钮*/
.anone a img,.antwo a img{position:relative;  width:50px; height:50px; border:1px solid #789454;}
.anone a img{ top:175px; left:130px; float:left;}
.antwo a img{ top:175px; left:1280px;}

/*小点按钮*/
.xd{position:relative; width:200px; height:18px; top:350px; left:670px; }
.xd ul li {float:left; width:15px; height:15px; border:1px solid #fff; margin-left:25.6px;  border-radius:9px;}
.select{ background-color:#fff;}



/*点击详情*/
.dj{position: absolute;}
.djxq{position: relative; border: 4px solid rgb(255,255,255); width: 112px; height: 36px; top: 256px; left: 748px; background-color: rgb(17,165,217); text-align:center; line-height: 36px; font-family: "方正兰亭黑简体"; font-size: 18px; color: rgb(255,255,255); }
.djxq:hover{background-color: rgb(255,255,255); color: rgb(17,165,217); }






.jk{width:1540px;  height:50px; margin-top:12px;}
.jkh{width:1120px; height:5px; background-color:rgb(0,156,255); margin-left:210px;}
.jkimg{position:absolute; margin-left:648.5px;}
.jktext{position:relative; top:5px; width:243px; left:650.5px; font-family:"方正正黑简体"; font-size:20px; color:#fff; text-align:center;}


/*方块*/
.dfk{width:1540px;  margin-top:12px;  }
.fk{ width:1000px; margin-left:270px; height:437px; }
.xfk1,.xfk2,.xfk3,.xfk4,.xfk5,.xfk6{  width:323px; height:210px; float:left; color:#fff; text-align:center; }
.xfk2,.xfk3{margin-left:15px;}
.xfk4{margin-top:15px;}
.xfk5,.xfk6{margin-left:15px; margin-top:15px;}
.xfk1,.xfk3,.xfk5{background-color:rgb(17,72,163);}
.xfk2,.xfk4,.xfk6{background-color:rgb(141,190,61);}
.fkimg{ margin-top:13px;}
.xfk1 span ,.xfk2 span,.xfk3 span ,.xfk4 span,.xfk5 span ,.xfk6 span{ font-size:16px; letter-spacing:1.5px;}
.xfk1 hr,.xfk2 hr,.xfk3 hr,.xfk4 hr,.xfk5 hr,.xfk6 hr{width:280px; margin-left:20px; border-bottom:1px solid #fff;}
.xfk1 p,.xfk2 p,.xfk3 p,.xfk4 p,.xfk5 p,.xfk6 p{font-size:14px; width:310px; margin-left:6px;}
.xfk1 ul,.xfk2 ul,.xfk3 ul,.xfk4 ul{margin-left:10px; }
.xfk1 ul li ,.xfk2 ul li,.xfk3 ul li,.xfk4 ul li{float:left; margin-top:20px; margin-left:10px;  font-size:14px;}
.xfk5 ul li,.xfk6 ul li{float:left; margin-top:10px; margin-left:8px; font-size:14px;}
.zi{width:80px; height:28px; border:#fff solid 1px; line-height:28px;}
.zi:hover{background-color:#fff; color:rgb(17,72,163);}

/*软件定制*/
.rjdz{width:1540px;   margin-top:10px;}
.xrjdz{ width:1000px; margin-left:270px; height:500px; background-color:rgb(147,143,232);}

.rjdztou{  width:1000px; }
.rjdztou img{ position:absolute; margin-left:424px; width:158px; height:48px; float:left; }
.rjdztou p{position:relative;  left:424px;  width:158px; color:rgb(147,143,232); height:48px; font-size:22px; line-height:48px; letter-spacing:2px; text-align:center; font-family:"方正兰亭黑简体";}

.rjdzdiv{ width:1000px; margin-top:20px;}
.rjdzd{ width:800px; height:35px; margin-left:100px; color:#fff; font-size:18px; text-align:center; line-height:35px;}

.rjdzbl{width:1000px; height:117px;  margin-top:30px;}
#weiyi{margin-top:5px;}
.rjdzbl ul{width:900px; margin-left:50px;}
.rjdzbl ul li {float:left;  height:116px; margin-left:2px; }
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12{width:115px; height:115px;}
.w22{display:none;}
.w1:hover .w11,.w2:hover .w11,.w3:hover .w11,.w4:hover .w11,.w5:hover .w11,.w6:hover .w11,.w7:hover .w11,.w8:hover .w11,.w9:hover .w11,.w10:hover .w11,.w11:hover .w11,.w12:hover .w11{display:none;}
.w1:hover .w22,.w2:hover .w22,.w3:hover .w22,.w4:hover .w22,.w5:hover .w22,.w6:hover .w22,.w7:hover .w22,.w8:hover .w22,.w9:hover .w22,.w10:hover .w22,.w11:hover .w22,.w12:hover .w22{display:block;}

.onexia{width:1000px;    height:40px;  margin-top:5px;}
.onexia img{width:117px; margin-left:830px; }


.djdz{width:1000px; margin-top:20px; height:35px;}
.djdz a div{width:100px; margin-left:450px; color:#fff; height:35px; border:#FFF solid 1px; text-align:center; line-height:35px; font-size:18px; font-family:"方正兰亭黑简体";}
.djdz a div:hover{ background-color:rgb(57,206,163);}

/*套餐优惠*/
.tcyh{width:1540px;   margin-top:30px;}
.xtcyh{width:1000px; margin-left:270px; height:560px; background-color:rgb(57,206,163);}
.tcyier{width:280px; height:560px;  float:left; }
.tuicun{width:280px;  margin-top:30px;}
.spdiv{width:280px;  margin-top:18px; height:184px;}
.spbj{position:absolute; width:260px; height:184px; margin-left:10px;}
.spzuo{position:relative; top:150px; left:60px;}
.spplay{position:relative; top:150px; left:100px;}
.spyou{position:relative; top:150px; left:140px;}
.spjg{position:relative;  width:258px; height:150px; top:-38px; left:10px; display:none;}
.spdiv:hover .spjg{display:block;}



.sptm{width:260px; color:rgb(76,100,92); font-size:18px; margin-left:10px; margin-top:10px;}
.spjs{width:260px;  font-size:14px; margin-left:10px; margin-top:10px; letter-spacing:1px;}

.yier{height:50px; width:720px;   margin-left:280px;}
.yier img{position:absolute; margin-left:140px; float:left;  }
.yiertext{position:relative; left:140px; color:rgb(57,206,163);  text-align:center; line-height:40px;width:160px;  height:50px; font-family:"方正兰亭中粗黑"; font-size:24px;}

/*套餐三四*/
.tcyhtwo{width:1540px;  margin-top:5px;}
.xtcyhtwo{width:1000px; margin-left:270px; height:510px; background-color:rgb(57,206,163);}
.tcsansi{width:280px;height:510px; float:left;  }
#sansisp{margin-top:60px;}


.tcthere{width:720px;height:50px;   margin-left:280px;}
.tcthere img{float:left; margin-top:8px; margin-left:20px;}
.tctheretext{ margin-top:8px; margin-left:155px; color:#fff; width:200px; font-family:"方正兰亭中粗黑"; font-size:24px;  }


/*套餐五*/
.tcyhthere{width:1540px; margin-top:10px;}
.xtcyhthere{width:1000px; margin-left:270px; height:367px;  background-color:rgb(57,206,163); }
.tcw{width:1000px; height:50px; }
.tcw img{margin-left:20px; margin-top:5px; float:left;}
.tcw div{  width:200px; height:30px; margin-left:150px;margin-top:5px; line-height:30px; color:#fff; font-family:"方正兰亭中粗黑"; font-size:24px;}



/*shipin*/
.tcyhsp{width:280px; height:317px;   float:left; }
#tctp{margin-top:-40px;}
.xiantiao{height:3px; background-color:#fff; width:712px; margin-left:280px; margin-top:25px;}
#spdiv{margin-top:0px;}
#sptm{margin-top:3px;}
#spjs{margin-top:0px; }



/*套餐右*/
.wcp{width:712px;  margin-left:280px;}
.wcp ul{  width:712px; height:165px; margin-top:50px;}
.wcp ul li {float:left;   margin-left:25px; height:165px;}
.imgdx img{width:100px; height:100px; margin-top:15px;}
.jih img{ margin-top:80px; }
.wcptext{color:#fff;}
.huangse{color:rgb(255,247,1); font-size:24px; margin-top:20px;}


/*软件优势*/
.rjys{width:1540px;  margin-top:15px;}
.xrjys{width:1000px; margin-left:270px; height:350px; background-color:#fff;}

.youshi{ width:1000px; height:265px;  margin-top:20px; }
.youshi ul{ height:265px; margin-left:20px;}
.youshi ul li{float:left;}
.youshi ul li img{width:313px; height:265px; }
.youshione{margin-left:15px;}
.youshitwo{margin-left:-130px;}
.youshithere{margin-left:-130px;}
.youshifive{margin-left:-130px;}
.youshi ul li:hover {width:400px;}

/*软件界面*/
.rjjm{width:1540px;   margin-top:30px;}
.xrjjm{width:1000px; margin-left:270px; height:650px;  background-color:#fff;}
.rjjmzs{width:1000px; height:480px; background-color:rgb(57,206,163); margin-top:12px;}

.rjmzuo,.rjmyou{width:50px; height:480px;float:left;}
.rjmzuo img,.rjmyou img{margin-top:215px;}
.rjmzuo{margin-left:30px;}
.rjmyou{margin-left:10px;}
.rjcenter{float:left;  height:480px; width:810px; margin-left:100px; text-align:center; overflow:hidden;}
.rjcenter ul li{ }

.rjultwo{width:1000px; margin-top:12px;}
.rjultwo ul  li{float:left; margin-left:10px;}
.borselect{border:2px solid #789456;}



/*刷卡设备*/
.sksb{width:1540px;   margin-top:30px;}
.xsksb{width:1000px; margin-left:270px; height:730px;  background-color:#fff;}
#sksb{color:#fff;}
.sksbll{border-bottom:rgb(50,142,254) solid 2px; width:900px; height:50px; margin-left:50px;}
.sksbll li{float:left;  width:187px;  margin-left:30px; text-align:center; height:50px; line-height:50px;}
.skoneul ul li{float:left; width:182px; height:136px;  text-align:center; margin-left:53px;}

.sktwoul ul li{float:left; width:174px; height:143px; margin-left:21.5px; margin-top:15px;}
.sktwoul ul li img{width:174px; height:112px;}
.ulimgone{position:absolute;}
.ulimgtwo{position:relative; display:none;}
.sktwoul ul li p{position:relative;  top:112px; height:31px; line-height:31px; background:rgb(107,169,239); color:#fff; text-align:center;}
.sktwoul ul li:hover .ulimgtwo{display:block;}
.sktwoul ul li:hover  .pos{margin-top:-112px;}

/*智络文化*/
.zlwh{width:1540px;   margin-top:30px; } 
.xzlwh{width:1000px; margin-left:270px; height:500px; }

.zlwhtwo{width:1000px; height:35px;}
.zlwhtwo ul{margin-left:30px; margin-top:35px;}
.zlwhtwo ul li { float:left; color:rgb(0,0,0); border:rgb(107,167,239) solid 1px; margin-left:15px; width:80px; height:25px; text-align:center; line-height:25px;}

.zhiluoqh{width:1000px;  height: 400px; overflow:hidden; }



.zlbg{background-color:rgb(107,167,239);}
.zlxt{  width:900px; margin-bottom:20px; border:rgb(107,167,239) solid 1px; }


.zlwhsix{ width:1000px; height:400px; }
.zlwhthere{width:659px; height:371px; margin-top:20px; margin-left:30px;  float:left; overflow:hidden;}
.zlwhfive{position:absolute; background-color:rgb(159,159,159); width:192px; height:400px; margin-left:710px;}
.zlwhfive ul{position:relative; left:20px;top:10px;}
.zlwhfive ul li {margin-top:5px; width:152px; height:86px;}
.biankuang{border:1px solid #fff;}

.zlwhfice{width:1000px; height:400px;}
.zlwhfice ul li img{width:250px; height:333px;}
.zlwhfice ul li {text-align:center; font-size:18px;}
.zlwhfice ul{float:left; margin-left:120px;}
/*下部导航*/
.bu{background-color:#878787;text-align:center; line-height:40px; color:#fff; font-family:"微软雅黑"; width:1540px;}
.bu a{ display:inline;}
.bu span{padding-left:20px;padding-right:20px; color:#FFF;}
.bu span:hover{color:#23a6dd;cursor:pointer;}
/*底部分栏*/
.lan{width:1540px; height:323px;  background-color:rgb(72,72,72);}
.lanlan{width:1000px; height:323px; margin-left:270px;}
.lanlan ul{margin-left:50px;}
.lanlan ul li {float:left; width:100px; margin-left:50px; margin-top:30px; color:#fff;}
#lanlanimg{margin-top:60px;}
#lanlanxian{margin-left:30px;}
#lanlanid{margin-left:20px;}
.xiimg{width:1540px;}
.xiimg img{width:1540px;}


.lx{width:1540px; height:200px;background-color:rgb(53,53,53); margin-top:-10px;}
.lx1{width:1000px; margin-left:270px;}
.teltext{width:600px; height:160px; float:left; margin-left:100px;  margin-top:20px; color:#fff; font-size:14px;}

.tel{float:left;  }
.lx2 span{font-size:20px; font-weight:bold; }


.xiaxia{margin-top:20px;}

.telweixin{width:200px;height:160px;  margin-left:800px; color:#fff;}
.telweixin img{margin-top:20px;}


/*TOP*/
#goTopBtn { 
	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; right: 10px; _position: absolute; _right: auto 
	}




/*-------在线联系S-------*/
  #contact h3 {
        margin: 0;
        padding: 0;
        outline: none;
    }
    #contact img, a {
        margin: 0;
        padding: 0;
        outline: none;
    }
    #contact  a {
        margin: 0;
        padding: 0;
        outline: none;
    }

    #floatQQ {
        position: fixed;
        top: 58%;
        right: 0;
        width: 95px;
        margin-right: 0px;
        height: 185px;
        background-color: #FFFFFF;
        z-index: 10000;
    }

    #contact, #goTop {
        border: 1px solid #bababa;
 
        position: relative;
        float: left;
    }

    #goTop {
        margin-top: 4px;
        width: 93px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: none;
        background-color: white;
    }

        #goTop:hover {
            opacity: .8;
        }

        #goTop a {
            display: inline-block;
            width: 93px;
            float: left;
        }

    #contact h3 {
        color: #4FB5F3;
        font-family: "微软雅黑";
        font-size: 18px;
        text-align: center;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-weight: 100;
        float: left;
    }

    .QQ{
        display: inline-block;
        width: 42px;
        height:50px;
        border-top: 1px solid #bababa;
        text-align: center;
        float: left;
    }
    .QQimage{
        margin-left:-4px;
    }
     .kf {
        display: inline-block;
        width: 50px;
        border-top: 1px solid #bababa;
        text-align: center;
        float: left;
    }

    .QQhide {
        display: none;
    }
    /*-------在线联系E-------*/

