<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: "Source Han Sans CN Light";
  src: url("../fonts/SOURCEHANSANSCN-LIGHT.woff2") format("woff2"),
       url("../fonts/SOURCEHANSANSCN-LIGHT.woff") format("woff"),
       url("../fonts/SOURCEHANSANSCN-LIGHT.ttf") format("truetype"),
       url("../fonts/SOURCEHANSANSCN-LIGHT.eot") format("embedded-opentype"),
       url("../fonts/SOURCEHANSANSCN-LIGHT.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*body{font-family:'æ¦›æˆœç¶‹';width: 100%;padding:125px 0px 0px 0px;margin:0;}*/
body{font-family:"Source Han Sans CN Light";width: 100%;padding:125px 0px 0px 0px;margin:0;}
div,a,li,img,p,span,ul,li,em,i,tr,td,th,strong,dl,dd{font-size: 14px;padding: 0;margin:0;}
h1,h2,h3,h4,h5{padding:0;margin:0;}
/**{transition: all 0.5s;}*/
em,i{font-style: normal;}
li{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
a:focus{outline: none;text-decoration: none;}
.container{width:1200px;}
.header-nav{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0px 0px 6px #ccc;
    border-bottom: 1px solid #aaa\9;
}
/*ç€µè‰°åŸ…æ¤¤å&nbsp;•å„´*/
.header{height: 40px;border-top:5px solid #f3f3f3;min-width:1200px;}
.header .header-info{width:647px;float:right;background-color: #f3f3f3;position:relative;}
.header .header-le{display:none;float: left;position:relative;text-align: center;}
.header .header-le&gt;p{height:35px;line-height:35px;}
.header .header-info p{position:relative;height:35px;line-height:35px;padding-left: 30px;}
.header .header-info p:after{
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 26px solid transparent;
    border-right: 0px solid transparent;
    border-top: 34px solid #f3f3f3;
    left: -26px;
}
.header .header-info span{font-size: 12px;color: #9B9B9B;margin-right: 20px;}
.header .header-info span a{font-size: 12px;color:red;display: inline-block;}
.header .header-info span a .tel-icon{width:20px;height: 20px;display: inline-block;background-image: url("../images/icon/tel.png");background-repeat: no-repeat;background-position: center;background-size: contain;vertical-align: middle;}
.header .header-info p .wx-icon{display:inline-block;width: 24px;height:20px;background-image:url("../images/icon/wx_icon.png");background-repeat: no-repeat;background-position: center;float: right;margin-top: 6px;margin-right: 23px;cursor:pointer;}
.header .header-info .hx-code{position:absolute;z-index:1;right: -141px;top: 35px;opacity: 0;filter:Alpha(opacity=0)\9;}

.iealert{display:none\9;}
/*ç€µè‰°åŸ…*/
.nav-box{height: 84px;padding: 15px 10px 0px;min-width: 1200px;}
.nav-box .nav-box-le{width: 25%;float:left;}
.nav-box .nav-box-ri{float:right;margin-top: 20px;height: 50px;}
.nav-box .nav-box-le .logo-img{float:left;width:45%;}
.nav-box .nav-box-le .logo-img a{display: inline-block;}
.nav-box .nav-box-le .logo-info{float:left;line-height: 20px;padding-top: 10px;}
.nav-box .nav-box-le .logo-info&gt;p{font-size: 13px;color: #333;border-left: 2px solid #333;padding-left:18px;}
.nav-box .nav-box-ri .nav-ul{position: relative;height: 100%;}
.nav-box .nav-box-ri .nav-ul&gt;li{float:left;padding:0px 20px;position: relative;height:100%;line-height:50px;border-right:1px solid #fff;}
.nav-box .nav-box-ri .nav-ul&gt;li:last-child{border-right:none;}
.nav-box .nav-box-ri .nav-ul&gt;li&gt;a{font-size: 16px;color: #4A4A4A;display: inline-block;}
.nav-box .nav-box-ri .nav-ul&gt;li.active{background-color:#0065B3;}
.nav-box .nav-box-ri .nav-ul&gt;li.active&gt;a{color:#ffffff;}
.nav-box .nav-box-ri .nav-ul&gt;li .nav-two-ul{position:absolute;display:none;z-index:2;top: 50px;left:0px;right:0px;background-color:rgba(0,101,179,0.75);background-color:#0065B3\9;padding-top: 15px;}
.nav-box .nav-box-ri .nav-ul&gt;li .nav-two-ul&gt;li{padding-bottom:20px;text-align:center;line-height:20px;}
.nav-box .nav-box-ri .nav-ul&gt;li .nav-two-ul&gt;li&gt;a{color:#ffffff;font-size: 12px;}
.nav-box .nav-box-ri .nav-ul&gt;li:hover{background-color:#0065B3;}
.nav-box .nav-box-ri .nav-ul&gt;li:hover&gt;a{color:#ffffff;}
.nav-box .nav-box-ri .menu_btn{display:none;width:34px;height: 34px;background-image: url("../images/icon/menu_icon.png");background-repeat: no-repeat;background-position: center;cursor: pointer;margin-bottom: 10px;background-size:contain;}

.nav-two-hlw{width: 633px;left: 0px;padding:15px;}
.nav-two-hlw&gt;li{position: relative;margin:0px -15px;}
.nav-two-hlw&gt;li&gt;div{float:left;width:33.33%;padding: 0px 15px;}
.nav-two-hlw&gt;li&gt;div&gt;a{display:block;font-size: 14px;color: #FFFFFF;text-align:left;font-weight: bold;}
.nav-two-hlw&gt;li&gt;div&gt;p{font-size: 12px;color: #ffffff;margin-top:15px;text-align:left;}

/*ç»‰è¯²å§©ç»”îˆšî‡±é‘¸ï¿½*/
.mobile-menu-nav{position:fixed;z-index: 6;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.5);display: none;}
.mobile-menu-nav .menu-list-box{width:200px;background-color: #FFFFFF;position:absolute;right: -201px;top:0px;bottom: 0px;overflow-x: auto;}
.mobile-menu-nav .menu-list-box&gt;ul.ul-list{overflow: hidden;position: relative;}
.mobile-menu-nav .menu-list-box&gt;ul.ul-list&gt;li{line-height: 35px;border-bottom: 1px solid #ddd;}
.mobile-menu-nav .menu-list-box&gt;ul.ul-list&gt;li&gt;a{color:#0065B3;font-size: 16px;display: inline-block;padding:0px 10px;}
.mobile-menu-nav .menu-list-box&gt;ul.ul-list&gt;li i.menu-icon{display: inline-block;width: 14px;height: 14px;float: right;margin-top: 10px;cursor: pointer;margin-right:10px;margin-left: 10px;margin-bottom: 10px;}
.mobile-menu-nav .menu-list-box&gt;ul.ul-list&gt;li i.add-icon{
    background-image:url("../images/icon/add_icon.png");
    background-repeat: no-repeat;
    background-position: center;
}
.mobile-menu-nav .menu-list-box&gt;ul.ul-list&gt;li i.jianhao-icon{
    background-image:url("../images/icon/jianhao_icon.png");
    background-repeat: no-repeat;
    background-position: center;
}

.menu-son-list{position: relative;background-color: #f8f8f8;border-top: 1px solid #ddd;display: none;}
.menu-son-list .menu-son-ul{position: relative;}
.menu-son-list .menu-son-ul&gt;li{padding:0px 15px;}
.menu-son-list .menu-son-ul&gt;li&gt;a{display: inline-block;width: 100%;border-bottom: 1px solid #ddd;color: #666;}
.menu-son-list .menu-son-ul&gt;li:last-child&gt;a{border-bottom: none;}

/*æ´æ›¢å„´è¹‡î‚£åµŽç€µè‰°åŸ…*/
.footer-keys{
    position: fixed;
    z-index: 3;
    bottom:0px;
    left: 0px;
    width: 100%;
    display: none;
}
.footer-keys .keys-ul{
    position: relative;
    background-color:#444A59;
    height: 56px;
}
.footer-keys .keys-ul&gt;li{
    float: left;
    width: 25%;
}
.footer-keys .keys-ul&gt;li&gt;a{
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    width: 100%;
    border-right: 1px solid #5a6172;
    padding-top: 36px;
    background-size: 24px 22px;
    background-repeat: no-repeat;
    background-position: 50% 7px;
}
.footer-keys .keys-ul&gt;li:last-child a{
    border-right: none;
}
.footer-keys .keys-ul&gt;li:nth-child(1) a{
    background-image: url(../images/icon/home.png);
}
.footer-keys .keys-ul&gt;li:nth-child(2) a{
    background-image: url(../images/icon/headset.png);
}
.footer-keys .keys-ul&gt;li:nth-child(3) a{
    background-image: url(../images/icon/bubble.png);
}
.footer-keys .keys-ul&gt;li:nth-child(4) a{
    background-image: url(../images/icon/anli.png);
    background-size: 36px 22px;
}
.footer-keys .keys-ul .keys-btn{
    position: absolute;
    right: 0px;
    color: #FFFFFF;
    top: 0px;
    font-size: 20px;
    width: 30px;
    padding-left: 10px;
    line-height: 45px;
}

/* æ££æ&nbsp;­ã€‰banneréå³°ç´¡ */
.banner{min-width: 1200px;}
.slideBox{width:100%; height:464px; overflow:hidden;position:relative;}
.slideBox:hover .hd{display:block;}
.slideBox .hd{height: 15px;overflow: hidden;padding: 7px 0px 12px;position: absolute;left: 50%;bottom: 15px;z-index: 1;background-color:rgba(0,0,0,0.3);border-radius:20px;display:none;}
.slideBox .hd ul{zoom:1; float:left;}
.slideBox .hd ul li{ float:left;margin:0px 10px;width:6px; height:6px;background:#fff;border-radius:50%;cursor:pointer; }
.slideBox .hd ul li.on{width:10px; height:10px;background:#fff;margin-top:-2px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:464px;}
.slideBox .bd li&gt;a{display: block;overflow:hidden;}
.slideBox .bd  li&gt;a&gt;img{height:464px; display:block;}
.banner .banner-btn{position: absolute;bottom:38px;left: 0px;right:0px;}
.banner .banner-btn .row{text-align:right;}
.banner .banner-btn a{display: inline-block;width: 160px;height: 40px;line-height:40px;text-align: center;font-size: 16px;color: #fff;background-color:#FFA500;border-radius:30px;float:right;}
.banner .banner-btn a.zx-btn:hover{margin-top: -5px; transition:all 0.5s;}
.banner .banner-btn a.help-btn:hover{margin-top: -5px; transition:all 0.5s;}
.banner .banner-btn a:first-child{margin-left: 10px;display:none;}
.banner .banner-btn a:last-child{margin-right: 10px;}
.banner .banner-container{position: absolute;left: 50%;margin-left: -600px;top: 0px;height: 464px;}
.banner .banner-container .logo-hw{position: absolute;/* right:0px; *//* top:-55px; */display:none;}
.banner .banner-container .logo-hw2{top:0px;right:80px;}
.banner .banner-container .logo-hw3{top: 17px;right: 67px;}
.banner .banner-container .banner-info{position:absolute;left:0px;top: 150px;display:none;}
.banner .banner-container .banner-info2{top:105px;padding-left:70px;}
.banner .banner-container .banner-info3{top:105px;padding-left:70px;}
.banner .banner-container .banner-info&gt;h1{font-size: 35px;color: #ffffff;font-weight:normal;}
.banner .banner-container .banner-info&gt;h1&gt;span{font-size: 40px;color: #ffffff;font-weight: bold;}
.banner .banner-container .banner-info&gt;h2{font-size: 18px;color: #ffffff;margin-top:50px;}
.banner .banner-container .banner-info&gt;h3{font-size: 16px;color: #ffffff;margin-top:50px;}
.banner .banner-container .banner-info&gt;.banner-info-btn{
    display: inline-block;
    width: 160px;
    height: 36px;
    background-color: #ff6600;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    margin-top: 60px;
}
.banner .banner-container .banner-info&gt;.banner-info-btn:hover{
    margin-top: 55px;
    transition: all 0.5s;
}

/*éå‘´ã€‰banner*/
.banner .ny-banner{width:100%; height:464px; overflow:hidden;position:relative;}
.banner .ny-banner&gt;a{display: block;overflow:hidden;height:464px;}
.banner .ny-banner&gt;a&gt;img{height:464px; display:block;}
.banner .czgy-banner{height: 577px;}
.banner .czgy-banner&gt;a{height: 577px;}
.banner .czgy-banner&gt;a&gt;img{height: 577px;}

/*.banner .banner-btn&gt;a:hover{box-shadow: 0px 0px 10px #fff;border-radius: 20px;transition: all 0.5s;}*/
/*solution*/
.solution-content{position:relative;margin-bottom: 30px;min-width: 1200px;}
.solution-content .solution-title{position:relative;padding-top:30px;padding-bottom:20px;}
.solution-content .solution-title p{text-align:center;}
.solution-content .solution-title p span{position: relative;}
.solution-content .solution-title .p-solution-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}
.solution-content .solution-title .p-solution-title&gt;span:after{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    left: -30px;
    top: 18px;
}
.solution-content .solution-title .p-solution-title&gt;span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    right: -30px;
    top: 18px;
}
.solution-content .solution-title .p-solution-info&gt;span{font-size: 16px;color: #4A4A4A;}

.solution-content .solution-box{position: relative;overflow: hidden;}
.solution-content .solution-box .solution-ul{position: relative;overflow: hidden;margin: 0px -8px;padding: 15px 2px 0px;}
.solution-content .solution-box .solution-ul&gt;li{float: left;width:16.66%;padding: 0px 8px 8px;}
.solution-content .solution-box .solution-ul&gt;li&gt;a{display: block;box-shadow: 0px 0px 10px #ddd;}
.solution-content .solution-box .solution-ul&gt;li&gt;a&gt;.solution-top-title{padding:13px 10px;font-size: 16px;color: #FFFFFF;background-color: #0065B3;}
.solution-content .solution-box .solution-ul&gt;li&gt;a&gt;.solution-bottom-info{padding:12px 10px;height: 176px;border: 1px solid #ddd\9;position: relative;}
.solution-content .solution-box .solution-ul&gt;li&gt;a&gt;.solution-bottom-info p{font-size: 12px;color:#4A4A4A;line-height:22px;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}
.solution-content .solution-box .solution-ul&gt;li&gt;a&gt;.solution-bottom-info span{font-size: 14px;color: #0065B3;display:inline-block;position: absolute;bottom: 26px;}
@media(min-width: 1025px){
    .solution-content .solution-box .solution-ul&gt;li:hover{margin-top: -15px;transition: all 0.5s;}
}

/*ç‘™ï½…å–…é‚è§„î” å©Šæ°¬å§©*/
.solution-scroll{position: relative;height: 350px;background-color:#f3f3f3;min-width: 1200px;}
.picScroll-left{ width:100%;overflow:hidden;position:relative;}
.picScroll-left:hover .next{display:inline-block;transition: all 0.5s;}
.picScroll-left:hover .prev{display:inline-block;transition: all 0.5s;}
.picScroll-left .next{position:absolute;display:none;z-index:2;left:0px;width:38px;bottom:0px;top:0px;text-align:center;background: rgba(0,0,0,0.5);color: #ffffff;line-height: 350px;cursor:pointer;background-color: #000\9;opacity: 0.5\9;}
.picScroll-left .prev{position:absolute;display:none;z-index:2;right:0px;width:38px;bottom:0px;top:0px;text-align:center;background: rgba(0,0,0,0.5);color: #ffffff;line-height: 350px;cursor:pointer;background-color: #000\9;opacity: 0.5\9;}
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left;width:20%;display:inline;overflow:hidden; text-align:center;cursor:pointer;}
.picScroll-left .bd ul li&gt;a{display: block;}
.picScroll-left .bd ul li .pic{text-align:center;width:100%;position:relative;}
.picScroll-left .bd ul li .pic&gt;img{width:100%;height:auto;display:block;}
.picScroll-left .bd ul li .pic .pic_div{position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:1;background:rgba(255,255,255,0.1);padding:0px 20px;}
.picScroll-left .bd ul li .pic .pic_div&gt;img{margin-top:93px;height: 72px;}
.picScroll-left .bd ul li .pic .pic_div&gt;.p_line&gt;span{display:inline-block;width:38px;height: 4px;background-color: #ffffff;margin-top:30px;}
.picScroll-left .bd ul li .pic .pic_div&gt;.p_title{margin-top:26px;color: #ffffff;font-size: 18px;}
.picScroll-left .bd ul li .pic .pic_div&gt;.p_info{font-size: 12px;line-height:20px;color:#ffffff;margin-top:30px;display:none;}
.picScroll-left .bd ul li .pic .pic_div&gt;.p_btn{margin-top:26px;display:none;}
.picScroll-left .bd ul li .pic .pic_div&gt;.p_btn&gt;span{font-size: 14px;color: #ffffff;width: 88px;height:28px;line-height:28px;border:1px solid #ffffff;padding:4px 15px;}
.picScroll-left .bd ul li .pic .pic_div:hover{background:rgba(0,101,179,0.7);transition: all 0.5s;background-color:#0065B3\9;opacity:0.5\9;filter:alpha(opacity=50)\9;-moz-opacity: 0.5;-khtml-opacity:0.5;}
.picScroll-left .bd ul li .pic .pic_div:hover&gt;img{margin-top:44px;transition: all 0.5s;}
/*transform: scale(1.1);*/
.picScroll-left .bd ul li .pic .pic_div:hover&gt;.p_line{display:none;transition: all 0.5s;}
.picScroll-left .bd ul li .pic .pic_div:hover&gt;.p_info{display:inherit;transition: all 0.5s;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.picScroll-left .bd ul li .pic .pic_div:hover&gt;.p_btn{display:inherit;transition: all 0.5s;}
.picScroll-left .bd ul li .pic .pic_div&gt;.p_btn&gt;span:hover{background-color: #fff;color:#0065B3;transition: all 0.5s;}

.e-government-slide{ width:100%;overflow:hidden;}
.e-government-slide&gt;.next{
    position: absolute;
    left: 0px;
    width: 38px;
    height: 38px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    line-height: 38px;
    top: 50%;
    margin-top: -15px;
    z-index: 1;
    cursor: pointer;
}
.e-government-slide&gt;.prev{
    position: absolute;
    right: 0px;
    width: 38px;
    height: 38px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    line-height: 38px;
    top: 50%;
    margin-top: -15px;
    z-index: 1;
    cursor: pointer;
}
.e-government-slide .hd{
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -30px;}
.e-government-slide .hd&gt;ul&gt;li{
    float: left;
    width: 6px;
    height: 6px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color:#000;
    border-radius:50%;
}
.e-government-slide .hd&gt;ul&gt;li.on{
    width: 12px;
    height: 12px;
    background-color: #0065B3;
    margin-top: -3px;
}
.e-government-slide .bd{}
.e-government-slide .bd ul{ overflow:hidden; zoom:1; }
.e-government-slide .bd ul li{position:relative;float:left;width:25%;display:inline;overflow:hidden; text-align:center;cursor:pointer;padding:43px 0px;height:225px;}
.picScroll-left .bd ul li&gt;a{display: block;}

/*e-government*/
.e-government{position:relative;padding:50px 0px;min-width: 1200px;}
.e-government .e-government-title{position: relative;}
.e-government .e-government-title p{text-align:center;}
.e-government .e-government-title p span{position: relative;}
.e-government .e-government-title .e-government-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}
.e-government .e-government-title .e-government-title&gt;span:after{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    left: -30px;
    top: 18px;
}
.e-government .e-government-title .e-government-title&gt;span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    right: -30px;
    top: 18px;
}
.e-government .e-government-title .e-government-info&gt;span{font-size: 16px;color: #4A4A4A;}
.e-government .e-government-box{position:relative;padding-top:30px;padding-bottom:30px;}
.e-government .ck_more_a{text-align:center;margin-top:25px;}
.e-government .ck_more_a&gt;a{font-size: 14px;color: #0065B3;}
/*.e-government .e-government-box .e-government-ul{position:relative;height: 225px;overflow:hidden; zoom:1;}*/
/*.e-government .e-government-box .e-government-ul&gt;li{float: left;width:25%;text-align:center;padding:43px;display:inline;overflow:hidden;cursor:pointer;}*/
.e-government .e-government-box .e-government-ul&gt;li&gt;a{display:block;}
.e-government .e-government-box .e-government-ul&gt;li&gt;a&gt;img{height:53px;}
.e-government .e-government-box .e-government-ul&gt;li&gt;a&gt;.p_title{font-size: 18px;color: #4A4A4A;margin-top:25px;font-weight: bold;}
.e-government .e-government-box .e-government-ul&gt;li&gt;a&gt;.p_info{font-size: 14px;color: #9B9B9B;margin-top:20px;}
.e-government .e-government-box .e-government-ul&gt;li&gt;a&gt;.p_info_hidden{font-size: 14px;color: #9B9B9B;margin-top:20px;display:none;text-align:left;}
.e-government .e-government-box .e-government-ul&gt;li&gt;a&gt;.move_span{font-size: 14px;color: #fff;display:none;position:absolute;bottom:30px;right:15px;}
.e-government .e-government-box .e-government-ul&gt;li:hover{background-color:#0065B3;transition: all 0.5s;padding-top:0px;}
.e-government .e-government-box .e-government-ul&gt;li:hover&gt;a&gt;.p_title{color: #ffffff;}
.e-government .e-government-box .e-government-ul&gt;li:hover&gt;a&gt;.p_info{color: #ffffff;}
.e-government .e-government-box .e-government-ul&gt;li:hover&gt;a&gt;img{display:none;}
.e-government .e-government-box .e-government-ul&gt;li:hover&gt;a&gt;.p_info{display:none;}
.e-government .e-government-box .e-government-ul&gt;li:hover&gt;a&gt;.p_info_hidden{display: inherit;color: #ffffff;padding:0px 10px;}
.e-government .e-government-box .e-government-ul&gt;li:hover&gt;a&gt;.move_span{display:block;}

/*cloud-communication   background:url("../images/cloud_communication_bg.png");background-size: cover;background-repeat: no-repeat;background-position: center;*/
.cloud-content{position: relative;padding:30px 0px;min-width: 1200px;background-color: #f3f3f3;}
.cloud-content .cloud-title&gt;h1{color: #333333;font-size: 36px;text-align:center;}
.cloud-content .cloud-title&gt;h1&gt;span{color: #0061c0;font-size: 44px;}
.cloud-content .cloud-box{position: relative;padding-top: 40px;}

.slideTxtBox-263{width:100%;position: relative;}
.slideTxtBox-263 .hd{position:relative;}
.slideTxtBox-263 .hd ul{position: relative;z-index: 1;}
.slideTxtBox-263 .hd ul li{float:left;cursor:pointer;width: 16.6%;text-align:center;}
.slideTxtBox-263 .hd ul li&gt;a{display: inline-block;width:110px;height: 110px;border-radius: 50%;font-size: 20px;color: #333333;padding-top: 30px;background-color: #ffffff;}
.slideTxtBox-263 .hd .p_line{position: absolute;border-top: 1px dashed #b3b3b3;width: 87%;top: 50%;z-index: 0;left: 72px;}
.slideTxtBox-263 .hd ul li&gt;a&gt;span{display:block;font-size: 20px;}
.slideTxtBox-263 .hd ul li.on&gt;a{background:#0061C0;color: #ffffff;}
.slideTxtBox-263 .bd ul{position: relative;margin-top: 55px;margin-bottom: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.slideTxtBox-263 .bd ul li{float: left;position: relative;}
.slideTxtBox-263 .bd ul li.slideTxtBox-li1{width:28%;padding: 30px 20px;background: #0061c0;height: 328px;}
.slideTxtBox-263 .bd ul li.slideTxtBox-li2{width:36%;padding: 30px 20px 35px;text-align: center;background: #fff;height: 328px;border-right: 1px solid #e7e7e7;border: 1px solid #ddd\9;border-right: none\9;background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%);}
.slideTxtBox-263 .bd ul li.slideTxtBox-li3{width:36%;padding: 30px 20px 35px;text-align: center;background: #fff;height: 328px;border-right: 1px solid #e7e7e7;border: 1px solid #ddd\9;background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%);}
.slideTxtBox-263 .bd ul li.slide_box{width:72%;}

.slideTxtBox-263 .bd ul li.slideTxtBox-li1&gt;h2{
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin-bottom: 30px;
}
.slideTxtBox-263 .bd ul li.slideTxtBox-li1&gt;p{
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 8px;
}
.slideTxtBox-263 .bd ul li&gt;h1{
    font-size: 20px;
    color: #333333;
    display: inline-block;
    padding: 0 30px 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 25px;
}
.slideTxtBox-263 .bd ul li&gt;.cloud-box-info&gt;p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 5px;
}
.slideTxtBox-263 .bd ul li&gt;.cloud-box-info&gt;p&gt;span{
    color: #d2232a;
}
.slideTxtBox-263 .bd ul li&gt;.btn-sy{display:inline-block;position: absolute;width: 160px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #0061C0;
    font-size: 18px;
    color: #0061C0;
    border-radius: 20px;
    margin-top: 20px;
    text-align: center;left: 50%;
    bottom: 35px;
    margin-left: -80px;}
.slideTxtBox-263 .bd ul li&gt;.btn-sy:hover{
    background-color: #0061C0;
    color: #ffffff;
    transition: all 0.5s;
}
/*.cloud-content .cloud-content-title{position: relative;}*/
/*.cloud-content .cloud-content-title p{text-align:center;}*/
/*.cloud-content .cloud-content-title p span{position: relative;}*/
/*.cloud-content .cloud-content-title .cloud-content-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}*/
/*.cloud-content .cloud-content-title .cloud-content-title&gt;span:after{*/
/*content: "";*/
/*display:inline-block;*/
/*position: absolute;*/
/*width:15px;*/
/*height:4px;*/
/*background-color:#0065B3;*/
/*left: -30px;*/
/*top: 18px;*/
/*}*/
/*.cloud-content .cloud-content-title .cloud-content-title&gt;span:before{*/
/*content: "";*/
/*display:inline-block;*/
/*position: absolute;*/
/*width:15px;*/
/*height:4px;*/
/*background-color:#0065B3;*/
/*right: -30px;*/
/*top: 18px;*/
/*}*/
/*.cloud-content .cloud-content-title .cloud-content-info&gt;span{font-size: 16px;color: #4A4A4A;}*/
/*.cloud-content .cloud-box{position:relative;margin-top: 60px;}*/
/*.cloud-content .cloud-box .cloud-box-ul{position:relative;}*/
/*.cloud-content .cloud-box .cloud-box-ul&gt;li{float: left;width: 50%;padding:40px 30px;height: 218px;}*/
/*.cloud-content .cloud-box .cloud-box-ul&gt;li&gt;a{display: block;}*/
/*.cloud-content .cloud-box .cloud-box-ul&gt;li&gt;a&gt;img{float: left;}*/
/*.cloud-content .cloud-box .cloud-box-ul&gt;li&gt;a .cloud-info{padding-left:73px;}*/
/*.cloud-content .cloud-box .cloud-box-ul&gt;li&gt;a .cloud-info&gt;h1{font-size: 30px;color: #4A4A4A;margin-top: 12px;}*/
/*.cloud-content .cloud-box .cloud-box-ul&gt;li&gt;a .cloud-info&gt;p{font-size: 14px;color: #4A4A4A;margin-top: 24px;line-height: 24px;}*/
/*.cloud-content .cloud-box .cloud-box-ul&gt;li:hover{background-color: #0065B3;transition: all 0.5s;}*/
/*.cloud-content .cloud-box .cloud-box-ul&gt;li:hover&gt;a .cloud-info&gt;h1{color: #ffffff;}*/
/*.cloud-content .cloud-box .cloud-box-ul&gt;li:hover&gt;a .cloud-info&gt;p{color: #ffffff;}*/

/*Customer case*/
.customer-content{position:relative;padding:30px 0px 20px;min-width: 1200px;}
.customer-content .customer-title{position: relative;}
.customer-content .customer-title p{text-align:center;}
.customer-content .customer-title p span{position: relative;}
.customer-content .customer-title .customer-content-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}
.customer-content .customer-title .customer-content-title&gt;span:after{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    left: -30px;
    top: 18px;
}
.customer-content .customer-title .customer-content-title&gt;span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    right: -30px;
    top: 18px;
}
.customer-content .customer-title .customer-content-info&gt;span{font-size: 16px;color: #4A4A4A;}
.customer-content .customer-box{position: relative;margin-top: 15px;}
.customer-content .customer-box ul{position:relative;display:inline-block;}
.customer-content .customer-box ul li{float:left; padding:0 30px;}
.customer-content .customer-box ul li&gt;a{cursor: context-menu;cursor: context-menu!important;}
.customer-content .customer-box ul li.on{color: #0065B3;}
.customer-content .customer-box ul li:hover{color: #0065B3;}
.customer-content .customer-box .customer-move{float: right;font-size: 14px;color: #4A4A4A;}
.customer-content .customer-box .customer-move:hover{color: #0065B3;}
.customer-content .customer-box ul{position: relative;margin: 38px -24px 0px;}
.customer-content .customer-box li{float: left;width:33.33%;padding:0px 28px;margin-bottom:10px;}
.customer-content .customer-boxli&gt;a{display: block;}
.customer-content .customer-box li&gt;a&gt;.customer-img{position: relative;overflow: hidden;}
.customer-content .customer-box li&gt;a&gt;.customer-img&gt;img{width:100%;max-height:236px;max-width: 368px;transition: all .5s linear;}
.customer-content .customer-box li:hover&gt;a&gt;.customer-img&gt;img{
    transform:scale(1.2);
    -ms-transform: scale(1.2); 	/* IE 9 */
    -moz-transform: scale(1.2); 	/* Firefox */
    -webkit-transform: scale(1.2); /* Safari éœï¿½ Chrome */
    -o-transform: scale(1.2); 	/* Opera */
}
.customer-content .customer-box li&gt;a .customer-info{position: relative;padding: 25px 20px;height: 220px;overflow:hidden;box-shadow: 0px 0px 10px #ddd;border:1px solid #ddd\9;border-top: none;}
.customer-content .customer-boxli&gt;a .customer-info&gt;.p_title{font-size: 14px;color: #4A4A4A;font-weight: bold;}
.customer-content .customer-box li&gt;a .customer-info&gt;.p_title&gt;span{font-size: 14px;color: #9B9B9B;float: right;font-weight: normal;}
.customer-content .customer-box li&gt;a .customer-info&gt;.p_info{font-size: 12px;color: #4A4A4A;letter-spacing: -0.27px;line-height: 22px;margin-top: 14px;}
.customer-content .customer-box li&gt;a .customer-info&gt;.p_btn{position: absolute;bottom:25px;left:20px;font-size: 14px;color: #4A4A4A;border:1px solid #333;padding:2px 6px;cursor: pointer;}
/*.slideTxtBox .bd li:hover&gt;a .customer-info{background-color: #0065B3;box-shadow:none;}*/
.customer-content .customer-box li:hover&gt;a .customer-info&gt;.p_title{color: #0065B3;}
.customer-content .customer-box li:hover&gt;a .customer-info&gt;.p_title&gt;span{color: #0065B3;}
/*.slideTxtBox .bd li:hover&gt;a .customer-info&gt;.p_info{color: #0065B3;}*/
.customer-content .customer-box li:hover&gt;a .customer-info&gt;.p_btn{color: #0065B3;border-color: #0065B3;}




.slideTxtBox{ width:100%;}
.slideTxtBox .hd{position:relative;text-align:center;}
.slideTxtBox .hd ul{position:relative;display:inline-block;}
.slideTxtBox .hd ul li{float:left; padding:0 30px;cursor:pointer;}
.slideTxtBox .hd ul li.slide_li{width:auto;text-align:center;font-weight: bold;font-size: 15px;}
.slideTxtBox .hd ul li.on{background-color: #0065B3;color: #FFFFFF;border-radius: 5px;}
/*.slideTxtBox .hd ul li:hover{color: #0065B3;}*/
.slideTxtBox .hd .customer-move{position:absolute;right: 0px;bottom:15px;font-size: 14px;color: #4A4A4A;}
.slideTxtBox .hd .customer-move:hover{color: #0065B3;}
.slideTxtBox .bd ul{position: relative;margin: 38px -24px 0px;}
.slideTxtBox .bd li{float: left;width:33.33%;padding:0px 28px;margin-bottom:50px;}
.slideTxtBox .bd li&gt;a{display: block;cursor: context-menu!important;}
.slideTxtBox .bd li&gt;a&gt;.customer-img{position: relative;overflow: hidden;}
.slideTxtBox .bd li&gt;a&gt;.customer-img&gt;img{width:100%;max-height:236px;max-width: 368px;transition: all .5s linear;}
.slideTxtBox .bd li:hover&gt;a&gt;.customer-img&gt;img{
    transform:scale(1.2);
    -ms-transform: scale(1.2); 	/* IE 9 */
    -moz-transform: scale(1.2); 	/* Firefox */
    -webkit-transform: scale(1.2); /* Safari éœï¿½ Chrome */
    -o-transform: scale(1.2); 	/* Opera */
}
.slideTxtBox .bd li&gt;a .customer-info{position: relative;padding: 25px 20px;height: 220px;overflow:hidden;box-shadow: 0px 0px 10px #ddd;border:1px solid #ddd\9;border-top: none;}
.slideTxtBox .bd li&gt;a .customer-info&gt;.p_title{font-size: 14px;color: #4A4A4A;font-weight: bold;}
.slideTxtBox .bd li&gt;a .customer-info&gt;.p_title&gt;span{font-size: 14px;color: #9B9B9B;float: right;font-weight: normal;}
.slideTxtBox .bd li&gt;a .customer-info&gt;.p_info{font-size: 12px;color: #4A4A4A;letter-spacing: -0.27px;line-height: 22px;margin-top: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.slideTxtBox .bd li&gt;a .customer-info&gt;.p_btn{position: absolute;bottom:25px;left:20px;font-size: 14px;color: #4A4A4A;border:1px solid #333;padding:2px 6px;cursor: pointer;}
/*.slideTxtBox .bd li:hover&gt;a .customer-info{background-color: #0065B3;box-shadow:none;}*/
.slideTxtBox .bd li:hover&gt;a .customer-info&gt;.p_title{color: #0065B3;}
.slideTxtBox .bd li:hover&gt;a .customer-info&gt;.p_title&gt;span{color: #0065B3;}
/*.slideTxtBox .bd li:hover&gt;a .customer-info&gt;.p_info{color: #0065B3;}*/
.slideTxtBox .bd li:hover&gt;a .customer-info&gt;.p_btn{color: #0065B3;border-color: #0065B3;}

/*news-information  background: url("../images/cloud_communication_bg.png");background-size: cover;background-repeat: no-repeat;background-position: center;*/
.news-information{position: relative;padding:30px 0px;min-width: 1200px;background-color: #f3f3f3;}
.news-information .news-title{position: relative;}
.news-information .news-title p{text-align:center;}
.news-information .news-title p span{position: relative;}
.news-information .news-title .news-information-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}
.news-information .news-title .news-information-title&gt;span:after{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    left: -30px;
    top: 18px;
}
.news-information .news-title .news-information-title&gt;span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    right: -30px;
    top: 18px;
}
.news-information .news-title .news-information-info&gt;span{font-size: 16px;color: #4A4A4A;}
.news-information .news-content{position: relative;margin-top: 15px;}

.news-information .news-content .company-news .news-list{position: relative;overflow: hidden;margin: 0px -30px;}
.news-information .news-content .company-news .news-list&gt;li{width: 33.33%;padding: 30px 30px 10px;float: left;}
.news-information .news-content .company-news .news-list&gt;li .news-img{position: relative;overflow: hidden;}
.news-information .news-content .company-news .news-list&gt;li .news-img&gt;img{width: 100%;max-height: 182px;transition: all .5s linear;}
.news-information .news-content .company-news .customer-move{display: block;text-align: right;color: #666666;}
.news-information .news-content .company-news .news-list&gt;li .news-info{padding: 30px 10px;background-color: #FFFFFF;box-shadow: 0px 0px 10px #ddd;}
.news-information .news-content .company-news .news-list&gt;li .news-info&gt;h1{font-size: 16px;color: #666;}
.news-information .news-content .company-news .news-list&gt;li .news-info&gt;.p_title{font-size: 15px;color: #666;margin-top:10px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-information .news-content .company-news .news-list&gt;li .news-info&gt;.p_info{font-size: 12px;
    color: #4A4A4A;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.news-information .news-content .company-news .news-list&gt;li .news-info&gt;.p_btn2{margin-top: 15px;display: inline-block;}
.news-information .news-content .company-news .news-list&gt;li:hover .news-info&gt;h1{color: #0065B3;}
.news-information .news-content .company-news .news-list&gt;li:hover .news-info&gt;.p_title{color: #0065B3;}
.news-information .news-content .company-news .news-list&gt;li:hover .news-img&gt;img{
    transform:scale(1.2);
    -ms-transform: scale(1.2); 	/* IE 9 */
    -moz-transform: scale(1.2); 	/* Firefox */
    -webkit-transform: scale(1.2); /* Safari æ°“éˆ¥æ«¯ï¿½ Chrome */
    -o-transform: scale(1.2); 	/* Opera */
}

.news-information .news-content .news-list{position: relative;overflow: hidden;}
.news-information .news-content .news-list&gt;ul{}
.news-information .news-content .news-list&gt;ul&gt;li{border-bottom: 1px dashed #dddddd;
    display: block;
    min-height: 140px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 20px;
    margin-top: 15px;
}
.news-information .news-content .news-list&gt;ul&gt;li&gt;a{display: block;}
.news-information .news-content .news-list&gt;ul&gt;li&gt;a .news_left{float: left;width:18%;}
.news-information .news-content .news-list&gt;ul&gt;li&gt;a .news_left&gt;img{max-width: 100%;}
.news-information .news-content .news-list&gt;ul&gt;li&gt;a .news_right{float: right;padding-left: 50px;overflow: hidden;width:82%;}
.news-information .news-content .news-list&gt;ul&gt;li&gt;a .news_right h2{color: #666;font-size: 26px;}
.news-information .news-content .news-list&gt;ul&gt;li&gt;a:hover .news_right h2{color: #0065B3;}
.news-information .news-content .news-list&gt;ul&gt;li&gt;a .news_right .news-pTime{color: #666;margin-top: 15px;}
.news-information .news-content .news-list&gt;ul&gt;li&gt;a .news_right .news-p{color: #666;margin-top: 15px;font-size: 14px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}

.news-information .news-title ul{position: relative;height: 50px;
    line-height: 50px;
    background: #f6f6f6;
    border-bottom: none;}
.news-information .news-title ul li{float: left;}
.news-information .news-title ul li&gt;a{display: block;padding: 0px 14px;border-right: 1px solid #ebebeb;font-size: 16px;color: #666666;}
.news-information .news-title ul li&gt;a:hover{ background: #0068b7;
    color: #fff;}
.news-information .news-title ul li&gt;a.active{background: #0068b7;color: #fff;}

.slideTxtBox-news{width:100%;}
.slideTxtBox-news .hd{position:relative;text-align:center;}
.slideTxtBox-news .hd ul{position:relative;display:inline-block;}
.slideTxtBox-news .hd ul li{float:left; padding:0 30px;cursor:pointer;}
.slideTxtBox-news .hd ul li.on{color: #0065B3;}
.slideTxtBox-news .hd .customer-move{float: right;font-size: 14px;color: #4A4A4A;}
.slideTxtBox-news .hd .customer-move:hover{color: #0065B3;}
.slideTxtBox-news .bd ul{position: relative;margin: 38px -24px 0px;}
.slideTxtBox-news .bd li{float: left;width:33.33%;padding:0px 24px;}
.slideTxtBox-news .bd li&gt;a{display: block;}
.slideTxtBox-news .bd li&gt;a&gt;.news-img{position: relative;overflow: hidden;}
.slideTxtBox-news .bd li&gt;a&gt;.news-img&gt;img{width:100%;max-height:182px;max-width: 368px;transition: all .5s linear;}
.slideTxtBox-news .bd li&gt;a&gt;.news-info{position: relative;padding:10px 10px;height: 210px;overflow:hidden;background-color:#ffffff;border-top: 1px solid #eee;}
/*box-shadow: 0px 5px 10px #aaa;*/
.slideTxtBox-news .bd li&gt;a&gt;.news-info h1{font-size: 20px;color: #4A4A4A;font-weight: bold;}
.slideTxtBox-news .bd li&gt;a&gt;.news-info .p_title{font-size: 14px;color: #4A4A4A;margin-top:10px;font-weight: bold;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.slideTxtBox-news .bd li&gt;a&gt;.news-info .p_info{font-size: 12px;color: #4A4A4A;margin-top:25px;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;overflow: hidden;}
.slideTxtBox-news .bd li&gt;a&gt;.news-info .p_btn{display:inline-block;position:absolute;font-size: 14px;color: #4A4A4A;left:10px;bottom:35px;border:1px solid #333;padding: 3px 15px;}
.slideTxtBox-news .bd li:hover&gt;a&gt;.news-img&gt;img{
    transform:scale(1.2);
    -ms-transform: scale(1.2); 	/* IE 9 */
    -moz-transform: scale(1.2); 	/* Firefox */
    -webkit-transform: scale(1.2); /* Safari éœï¿½ Chrome */
    -o-transform: scale(1.2); 	/* Opera */
}
/*.slideTxtBox-news .bd li:hover&gt;a&gt;.news-info{background-color: #0065B3;}*/
.slideTxtBox-news .bd li:hover&gt;a&gt;.news-info h1{color: #0065B3;}
.slideTxtBox-news .bd li:hover&gt;a&gt;.news-info .p_title{color: #0065B3;}
/*.slideTxtBox-news .bd li:hover&gt;a&gt;.news-info .p_info{color: #0065B3;}*/
.slideTxtBox-news .bd li:hover&gt;a&gt;.news-info .p_btn{color: #0065B3;border-color: #0065B3;}
.slideTxtBox-news .bd li&gt;.news-li{margin-top: 15px;display: none;}
.slideTxtBox-news .bd li&gt;.news-li&gt;p{line-height:30px;}
.slideTxtBox-news .bd li&gt;.news-li&gt;p&gt;a{font-size: 14px;color: #4A4A4A;}
.slideTxtBox-news .bd li&gt;.news-li&gt;p:hover&gt;a{color: #0065B3;}

/*å§¹å›¬æ‡Œé‚ä¼´æ¤ˆ*/
.hx_news{position: relative;overflow: hidden;margin:10px -30px 0px;}
.hx_news .hx_news_list&gt;p{width: 33.33%;float: left;padding: 0px 30px;line-height: 30px;}
.hx_news .hx_news_list&gt;p a{font-size: 12px;color: #666;height:30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.hx_news .hx_news_list&gt;p a:hover{color: #0065B3;}
.hx_news .hx_news_more{text-align: right;padding: 0px 24px;}
.hx_news .hx_news_more a{font-size: 14px;color: #666;}
.hx_news .hx_news_more a:hover{color: #0065B3;}

.news-hx-p{position: relative;margin: 30px 0px;}
.news-hx-p&gt;p{line-height: 35px;}
.news-hx-p&gt;p&gt;a{font-size: 16px;color: #666666;}
.news-hx-p&gt;p&gt;a:hover{color: #0065B3;}

/*Huixin partner*/
.hx-partner{position:relative;padding:30px 0px 50px;min-width: 1200px;}
.hx-partner .hx-title{position: relative;}
.hx-partner .hx-title p{text-align:center;}
.hx-partner .hx-title p span{position: relative;}
.hx-partner .hx-title .hx-partner-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}
.hx-partner .hx-title .hx-partner-title&gt;span:after{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    left: -30px;
    top: 18px;
}
.hx-partner .hx-title .hx-partner-title&gt;span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    right: -30px;
    top: 18px;
}
.hx-partner .hx-title .hx-partner-info&gt;span{font-size: 16px;color: #4A4A4A;}
.hx-partner .hx-partner-content{position: relative;margin-top: 48px;}
.hx-partner .hx-partner-content .hx-partner-ul{position: relative;}
.hx-partner .hx-partner-content .hx-partner-ul&gt;li{float: left;width:25%;border-right:1px solid #F6F6F6;border-bottom:1px solid #F6F6F6;}
.hx-partner .hx-partner-content .hx-partner-ul&gt;li&gt;a{display: block;overflow:hidden;overflow:hidden;}
.hx-partner .hx-partner-content .hx-partner-ul&gt;li&gt;a&gt;img{width: 100%;transition: all 0.5s;}
.hx-partner .hx-partner-content .hx-partner-ul&gt;li:nth-child(4n){border-right:none;}
.hx-partner .hx-partner-content .hx-partner-ul&gt;li:hover&gt;a&gt;img{transform: scale(1.2);}

/*æ´æ›¢å„´*/
.footer{background-color:#C8CBCC ;min-width: 1200px;}
.footer .footer-nav{position: relative;padding: 50px 0px;border-bottom:1px solid #B1B3B3;}
.footer .footer-nav ul{position: relative;}
.footer .footer-nav li{float: left;padding-right: 70px;padding-right: 60px\9;}
.footer .footer-nav li:last-child{padding-right:0px;}
.footer .footer-nav li&gt;h3{font-size: 14px;color: #4A4A4A;font-weight: bold;}
.footer .footer-nav li:first-child&gt;h3{font-size: 20px;}
.footer .footer-nav li&gt;h3 i.menu-icon{display: none;width: 14px;height: 14px;float: right;margin-top: 10px;cursor: pointer;margin-right:10px;}
.footer .footer-nav li&gt;h3 i.add-icon{
    background-image:url("../images/icon/add_icon.png");
    background-repeat: no-repeat;
    background-position: center;
}
.footer .footer-nav li&gt;h3 i.jianhao-icon{
    background-image:url("../images/icon/jianhao_icon.png");
    background-repeat: no-repeat;
    background-position: center;
}

.footer .footer-nav li&gt;.footer_menu&gt;p{margin-top:11px;}
.footer .footer-nav li:first-child&gt;.footer_menu&gt;p&gt;a{font-size: 12px;color: #4A4A4A;}
.footer .footer-nav li&gt;.p_phone{font-size: 20px;color: #FF0000;font-weight: bold;font-style: oblique;margin-top:11px;}
.footer .footer-nav li&gt;.footer_menu{position: relative;}
.footer .footer-nav li&gt;.footer_menu&gt;p&gt;a{font-size: 12px;color: #4A4A4A;}
.footer .footer-nav li&gt;.footer_menu&gt;p&gt;a:hover{color: #0065B3;}
.footer .footer-nav .hx-code{position: absolute;right: 85px;top: 95px;text-align:center;right: 60px\9;}
.footer .footer-nav .hx-code&gt;p{font-size: 18px;color: #636363;margin-top: 10px;}

/*.footer  .footer-links{position: relative;padding: 35px 0px;border-bottom:1px solid #B1B3B3;display: none;}*/
/*.footer  .footer-links h3{font-size: 16px;color: #4A4A4A;font-weight: bold;}*/
/*.footer  .footer-links p{margin-top:10px;}*/
/*.footer  .footer-links p&gt;a{margin-top:15px;display:inline-block;padding-right:10px;border-right:2px solid #979999;font-size: 12px;color: #636363;margin-right:10px;}*/
/*.footer  .footer-links p&gt;a:first-child{padding-left: 0px;}*/
/*.footer  .footer-links p&gt;a:hover{color: #0065B3;}*/

.footer  .footer-version{position: relative;}
.footer  .footer-version p{font-size: 12px;color: #636363;margin: 20px 0px 35px;}

/*éŽ®î„è¯ž*/
.suspension{position: fixed;top:50%;margin-top:-92px;right:10px;width:42px;height: 100px;background-color:#E0E0E0;border-radius: 20px;z-index: 2;}
.suspension&gt;ul{width:100%;height: 100%;padding: 16px 0px;overflow: hidden;}
.suspension&gt;ul&gt;li{width: 100%;height:50%;cursor:pointer;}
.suspension&gt;ul&gt;li.icon-kf{background:url("../images/icon/suspension1.png");background-repeat: no-repeat;background-position: center;}
.suspension&gt;ul&gt;li.icon-wx{background:url("../images/icon/suspension2.png");background-repeat: no-repeat;background-position: center;}
.suspension&gt;ul&gt;li.icon-qq{background:url("../images/icon/suspension3.png");background-repeat: no-repeat;background-position: center;}
.suspension&gt;ul&gt;li.icon-yy{background:url("../images/icon/suspension4.png");background-repeat: no-repeat;background-position: center;display:none;}
.suspension&gt;.scroll-top{display:none;display:block\9;width:42px;height: 42px;border-radius: 50%;background:#E0E0E0 url("../images/icon/scrolltop.png");margin-top: 20px;cursor: pointer;background-repeat: no-repeat;background-position: center;margin-top: 0px\9;}

.suspension&gt;ul&gt;li .wx-info{
    position: absolute;
    top: 100px;
    right: 50px;
    opacity: 0;
    display: none\9;
}
.suspension&gt;ul&gt;li .wx-info:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: -12px;
    top: 20px;
}
.suspension&gt;ul&gt;li.icon-wx:hover .wx-info{opacity: 1;top:50px;transition: all 0.5s;display: block\9;}

.suspension&gt;ul&gt;li .kf-panel{
    position: absolute;
    width: 152px;
    background-color: #E0E0E0;
    padding: 10px;
    top: 100px;
    right: 50px;
    display: none;
    box-shadow: 0px 0px 10px #aaa;
    border-radius:5px;
}
.suspension&gt;ul&gt;li .kf-panel&gt;a{display:block;width:100%;height:100%;}
.suspension&gt;ul&gt;li .kf-panel:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 12px solid #E0E0E0;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: -12px;
    top: 12px;
}
.suspension&gt;ul&gt;li.icon-kf:hover .kf-panel{top:18px;transition: all 0.5s;display: block;}

.suspension&gt;ul&gt;li .qq-panel{
    position: absolute;
    width: 140px;
    background-color: #E0E0E0;
    padding: 10px;
    top: 100px;
    right: 50px;
    display: none;
    box-shadow: 0px 0px 10px #aaa;
    border-radius:5px;
}
.suspension&gt;ul&gt;li .qq-panel&gt;a{display:block;width:100%;height:100%;}
.suspension&gt;ul&gt;li .qq-panel:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 12px solid #E0E0E0;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: -12px;
    top: 12px;
}
.suspension&gt;ul&gt;li.icon-qq:hover .qq-panel{top:58px;transition: all 0.5s;display: block;}

/*éå‘´ã€‰éå³°ç´¡*/
.main-process{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;}

.content-box{position:relative;}
.content-box p{text-align:center;}
.content-box p span{position: relative;}
.content-box .content-box-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}
.content-box .content-box-title&gt;span:after{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    left: -30px;
    top: 18px;
}
.content-box .content-box-title&gt;span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    right: -30px;
    top: 18px;
}
.content-box .content-box-info&gt;span{font-size: 16px;color: #4A4A4A;}

.main-process .main-process-info{position: relative;text-align:center;}
.main-process .main-process-info&gt;p{font-size: 14px;color: #9B9B9B;letter-spacing: -0.28px;line-height: 24px;margin-top: 30px;}
.main-process .main-process-info&gt;img{max-width: 100%;margin-top: 60px;}

.core_technology{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;background-color:#F2F2F2;}
.core_technology_info{position:relative;margin-top:50px;}
.core_technology_info&gt;ul{position:relative;}
.core_technology_info&gt;ul&gt;li{float: left;width:33.33%;text-align:center;min-height: 260px;padding: 25px;}
.core_technology_info&gt;ul&gt;li&gt;img{height: 64px;}
.core_technology_info&gt;ul&gt;li&gt;h2{font-size: 18px;color: #4A4A4A;font-weight: bold;margin-top:25px;}
.core_technology_info&gt;ul&gt;li&gt;p{font-size: 14px;color: #9B9B9B;letter-spacing: -0.28px;line-height: 22px;margin-top:20px;}

.core_technology_info .more_span{position:relative;margin:20px 0px;text-align:center;}
.core_technology_info .more_span&gt;a{display:inline-block;width: 100px;height: 32px;line-height: 32px;text-align:center;border: 1px solid #4A4A4A;border-radius: 5px;font-size: 14px;color: #4A4A4A;margin:0px 20px;}
.core_technology_info .more_span&gt;a:hover{background-color:#0065B3;color: #ffffff;border-color:#0065B3;}

.more_user_module{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;background-color:#fff;}
.more_module_list{position:relative;margin-top:50px;}
.more_module_list&gt;ul{position:relative;}
.more_module_list&gt;ul&gt;li{float:left;width: 50%;position:relative;margin-bottom: 50px;}
.more_module_list&gt;ul&gt;li.li_le{padding-right:20px;}
.more_module_list&gt;ul&gt;li.li_ri{padding-left:20px;}
.more_module_list&gt;ul&gt;li&gt;div.more_module_le{width:20%;float:left;position:relative;text-align: center;padding-top: 20px;}
.more_module_list&gt;ul&gt;li&gt;div.more_module_le&gt;img{width:60px;}
.more_module_list&gt;ul&gt;li&gt;div&gt;h2{font-size: 18px;color: #333333;font-weight: bold;text-align:center;margin-top:25px;}
.more_module_list&gt;ul&gt;li&gt;div.more_module_ri{width:80%;float:left;position:relative;padding-left:30px;}
.more_module_list&gt;ul&gt;li&gt;div.more_module_ri&gt;p{font-size:14px;color: #333333;line-height:24px;height: 72px;overflow:hidden;}
.more_module_list&gt;ul&gt;li&gt;div.more_module_ri&gt;.more_span{position:relative;margin-top:10px;}
.more_module_list&gt;ul&gt;li&gt;div.more_module_ri&gt;.more_span&gt;span{display:inline-block;float:left;width:103px;height:32px;border-radius:5px;background: #CCCCCC;color: #ffffff;font-size: 14px;line-height:32px;text-align:center;margin-right:20px;margin-top: 10px;}

.more_module_list .more_span{position:relative;margin:20px 0px;text-align:center;}
.more_module_list .more_span&gt;a{display:inline-block;width: 100px;height: 32px;line-height: 32px;text-align:center;border: 1px solid #4A4A4A;border-radius: 5px;font-size: 14px;color: #4A4A4A;margin:0px 20px;}
.more_module_list .more_span&gt;a:hover{background-color:#0065B3;color: #ffffff;border-color:#0065B3;}

/*é–«å‚œæ•¤ç›å±¼ç¬Ÿ*/
.sy_industry{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;background-color:#F2F2F2;}
.sy_industry_list{position: relative;margin-top:20px;}
.sy_industry_list&gt;ul{position: relative;}
.sy_industry_list&gt;ul&gt;li{float: left;width:16.66%;position: relative;text-align:center;margin-top:50px;}
.sy_industry_list&gt;ul&gt;li&gt;p{font-size: 18px;color: #4A4A4A;margin-top:20px;}
.sy_industry_list&gt;ul&gt;li.more_xq{cursor:pointer;}
/*æ¾¶æ°±æ•¤éŽ´å³°æ™¢é©åº¡å§›é‘³èŠ¥æ¾˜é§ï¿½*/
.more_user{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;background-color:#ffffff;}
.more_user_list{position: relative;margin-top:20px;}
.more_user_list&gt;ul{position: relative;margin: 0px -15px;}
.more_user_list&gt;ul&gt;li{position: relative;float: left;width: 33.33%;padding:15px;}
.more_user_list&gt;ul&gt;li&gt;div{position: relative;width:100%;background-color: #FAFAFA;text-align:center;height:130px;padding-top:40px;}
.more_user_list&gt;ul&gt;li&gt;div&gt;span{font-size: 18px;color: #4A4A4A;margin-left:20px;}
.more_user_list&gt;ul&gt;li&gt;div .more_info{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-color:#0065B3;color:#fff;padding:30px;overflow:hidden;opacity:0;}
.more_user_list&gt;ul&gt;li&gt;div .more_info&gt;p{font-size: 14px;line-height:25px;text-align:left;}
.more_user_list&gt;ul&gt;li&gt;div:hover .more_info{opacity:1;transition: all 0.5s;}

/*éœã„¨î‡—ç»æ¥€å½›*/
.consultation_window{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;background-color:#F2F2F2;}
.con_window{position: relative;margin-top: 50px;}
.con_window&gt;h2{font-size: 24px;color: #4A4A4A;text-align: center;}
.con_window&gt;ul{position: relative;margin-top:30px;}
.con_window&gt;ul&gt;li{position: relative;float: left;width:50%;padding:20px 0px;}
.con_window&gt;ul&gt;li&gt;span{font-size: 18px;color: #4A4A4A;}
.con_window&gt;ul&gt;li&gt;input[type=text]{width: 368px;height:44px;line-height: 44px;border-radius: 5px;border:1px solid #CCCCCC;background-color: #ffffff;padding:0px 10px;}
.con_window&gt;ul&gt;li.li_le{padding-right:30px;}
.con_window&gt;ul&gt;li.li_ri{padding-left:30px;}
.con_window .con_btn{position: relative;text-align:center;margin-top: 50px;}
.con_window .con_btn&gt;input[type=button]{width:500px;height:60px;line-height:60px;border-radius: 5px;background-color: #0093FF;color:#ffffff;font-size: 18px;border: none;}
.con_window&gt;ul&gt;li select{
    padding-left: 15px;
    width: 368px;
    height: 44px;
    border:1px solid #CCCCCC;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    color: #999;
    line-height: 44px;
    background-color: #FAFAFA;
}


/* éˆîƒ¿ç·¥ç€›æˆss */
.slideTxtBox-b2b2c{width:100%;position: relative;margin-top: 50px;}
.slideTxtBox-b2b2c .hd{position:relative; }
.slideTxtBox-b2b2c .hd ul{position: relative;display:inline-block;}
.slideTxtBox-b2b2c .hd ul li{float: left;
    margin: 0 30px;
    cursor: pointer;
    padding: 3px 10px;
    border-radius: 5px;}
.slideTxtBox-b2b2c .hd ul li.on{color: #fff;
    background-color: #0065B3;}

.slideTxtBox-b2b2c .bd ul{ padding:55px 0px;zoom:1;}
.slideTxtBox-b2b2c .bd li{float:left;width:50%;}
.slideTxtBox-b2b2c .bd li h1{font-size: 18px;color: #333;text-align:left;font-weight: bold;}
.slideTxtBox-b2b2c .bd li p{font-size: 14px;
    color: #4A4A4A;
    letter-spacing: -0.31px;
    line-height: 24px;
    text-align:left;
    margin-top: 20px;
}
.slideTxtBox-b2b2c .bd li.bd_le{padding:30px 0px 0px;}
.slideTxtBox-b2b2c .bd li.bd_ri{text-align: left;
    padding-left: 100px;}



/*background:#BFC2C3 url("../images/cloud_communication_bg.png");background-size: cover;background-repeat: no-repeat;background-position: center;*/
.main-module{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;background-color: #f3f3f3;}
.main-module .main-module-list{padding-top: 35px;position: relative;}
.main-module .main-module-list .main-module-ul{position: relative;margin: 0px -19px;padding-top: 15px;}
.main-module .main-module-list .main-module-ul&gt;li{float: left;width: 33.33%;padding: 0px 19px;}
@media(min-width: 1200px){
    .main-module .main-module-list .main-module-ul&gt;li:hover{margin-top: -15px;transition: all 0.5s;}
}
.main-module .main-module-list .main-module-ul&gt;li&gt;.main-li-title{text-align:center;height: 44px;line-height: 44px;color: #ffffff;font-size: 16px;letter-spacing: -0.4px;background-color: #0065B3;}
.main-module .main-module-list .main-module-ul&gt;li&gt;.main-li-link{padding: 20px 15px 20px;background-color: #ffffff;height: 178px;overflow: hidden;}
.main-module .main-module-list .main-module-ul&gt;li&gt;.main-li-link&gt;a{display:block;float:left;width: 25%;text-align:center;margin-bottom:26px;}

.ecological-chain{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;}
.ecological-chain .ecological-list{position: relative;padding-top: 20px;}
.ecological-chain .ecological-list&gt;ul&gt;li{float: left;width:25%;height:226px;padding:40px 30px 30px;text-align:center;cursor: pointer;}
.ecological-chain .ecological-list&gt;ul&gt;li&gt;.p_title{font-size: 18px;color: #4A4A4A;letter-spacing: -0.36px;margin-top:30px;font-weight: bold;}
.ecological-chain .ecological-list&gt;ul&gt;li&gt;.p_info{font-size: 14px;color: #9B9B9B;margin-top: 15px;}
.ecological-chain .ecological-list&gt;ul&gt;li:hover{background-color: #0065B3;transition: all 0.5s;}
.ecological-chain .ecological-list&gt;ul&gt;li:hover&gt;.p_title{color: #ffffff;}
.ecological-chain .ecological-list&gt;ul&gt;li:hover&gt;.p_info{color: #ffffff;}

/*ç›å±¼ç¬Ÿé¥æ¶šå£*/
.user-pain-list{position: relative;}
.user-pain-list&gt;ul&gt;li{float:left;width:20%;text-align:center;margin-top:70px;}
.user-pain-list&gt;ul&gt;li&gt;.user-pain-box{width:135px;height: 135px;display:inline-block;background-color:#0065B3;border-radius: 50%;padding-top: 30px;}
.user-pain-list&gt;ul&gt;li&gt;.user-pain-box&gt;span{font-size: 22px;color: #FFFFFF;font-weight: bold;padding-bottom:8px;border-bottom:3px solid #fff;}
.user-pain-list&gt;ul&gt;li&gt;.user-pain-box&gt;p{font-size: 14px;color: #FFFFFF;margin-top: 20px;padding: 0px 15px;}
.user-pain-list&gt;ul&gt;li:hover{
    transition: all 0.5s;
    transform:scale(1.2);
    -ms-transform: scale(1.2); 	/* IE 9 */
    -moz-transform: scale(1.2); 	/* Firefox */
    -webkit-transform: scale(1.2); /* Safari éœï¿½ Chrome */
    -o-transform: scale(1.2); 	/* Opera */
}

/*ç›å±¼ç¬Ÿé‘³å±¾æ«™*/
.industry-box{position: relative;margin-top: 65px;}
.industry-box&gt;div{float: left;width: 50%;}
.industry-box&gt;div&gt;img{width: 100%;}
.industry-box&gt;.industry-box-ri{padding-left: 45px;text-align: left;padding-top: 30px;}
.industry-box&gt;.industry-box-ri&gt;h1{font-size: 20px;color: #4A4A4A;font-weight: bold;margin-bottom: 30px;}
.industry-box&gt;.industry-box-ri&gt;p{font-size: 14px;color: #4A4A4A;line-height: 30px;}
.industry-box&gt;.industry-box-ri .i_line{display: inline-block;width: 30px;border-top: 4px solid #4A4A4A;margin-bottom: 30px;}
.industry-box&gt;.industry-box-ri .btn-zx{position: absolute;bottom:0px;}
.industry-box&gt;.industry-box-ri .btn-zx&gt;a{display: inline-block;width: 158px;height: 44px;line-height: 44px;background-color: #0065B3;color: #ffffff;text-align:center;font-size: 16px;margin-right: 20px;}

/*faced-content   background: url("../images/cloud_communication_bg.png");background-size: cover;background-repeat: no-repeat;background-position: center;*/
.faced-content{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;background-color: #f3f3f3;}
.faced-content .faced-content-info{position: relative;text-align:center;}
.faced-content .faced-content-info&gt;p{font-size: 14px;color: #9B9B9B;letter-spacing: -0.28px;line-height: 24px;margin-top: 30px;}
.faced-content .faced-content-info&gt;img{max-width: 100%;margin-top: 60px;}

/*Mobile and scene*/
.mobile-content{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;}
.mobile-content .mobile-content-info{position: relative;text-align:center;}
.mobile-content .mobile-content-info&gt;p{font-size: 14px;color: #9B9B9B;letter-spacing: -0.28px;line-height: 24px;margin-top: 30px;}
.mobile-content .mobile-content-info&gt;img{max-width: 100%;margin-top: 60px;}

/*Enterprise competitiveness*/
.enterprise-content{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;}
.enterprise-content .enterprise-box{position: relative;margin-top: 100px;}
.enterprise-content .enterprise-box&gt;ul&gt;li{float: left;width: 50%;padding-bottom: 65px;}
.enterprise-content .enterprise-box&gt;ul&gt;li&gt;img{float:left;}
.enterprise-content .enterprise-box&gt;ul&gt;li .enterprise-info{position: relative;padding-left: 140px;padding-right: 184px;}
.enterprise-content .enterprise-box&gt;ul&gt;li .enterprise-info&gt;h1{font-size: 24px;color: #4A4A4A;font-weight: bold;margin-top:20px;}
.enterprise-content .enterprise-box&gt;ul&gt;li .enterprise-info&gt;p{font-size: 18px;color: #666666;margin-top: 20px;}
.enterprise-content .enterprise-box&gt;ul&gt;li .enterprise-info&gt;.i_line{display: inline-block;width: 26px;height:3px;background-color:#666;}

/*zhengwu-content*/
.zhengwu-content{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;}
.zhengwu-content .zhengwu-content-info{position: relative;}
.zhengwu-content .zhengwu-content-info&gt;p{font-size: 12px;color: #9B9B9B;letter-spacing: -0.28px;line-height: 24px;margin-top: 30px;text-align:center;padding:0px 255px;}
.zhengwu-content .zhengwu-content-info&gt;ul{position: relative;padding-top: 60px;}
.zhengwu-content .zhengwu-content-info&gt;ul&gt;li{float: left;width: 50%;margin-bottom:40px;}
.zhengwu-content .zhengwu-content-info&gt;ul&gt;li.zhengwu-le{padding-right: 20px;}
.zhengwu-content .zhengwu-content-info&gt;ul&gt;li.zhengwu-ri{padding-left: 20px;}
.zhengwu-content .zhengwu-content-info&gt;ul&gt;li&gt;h1{height:60px;line-height: 60px;font-size: 14px;color: #ffffff;text-align:left;background-color:#0065B3;padding-left: 15px;}
.zhengwu-content .zhengwu-content-info&gt;ul&gt;li&gt;h1&gt;img{margin-right:15px;}

.zhengwu-content .zhengwu-content-info&gt;ul&gt;li&gt;.zw-info{position: relative;padding:30px 26px 0px;height: 246px;overflow: hidden;box-shadow: 0px 0px 10px #ccc;border:1px solid #ddd\9;}
.zhengwu-content .zhengwu-content-info&gt;ul&gt;li&gt;.zw-info&gt;p{font-size: 12px;color: #4A4A4A;text-align:left;line-height:30px;}
.zhengwu-content .zhengwu-content-info&gt;ul&gt;li&gt;.zw-info&gt;a{display: inline-block;padding:3px 15px;font-size: 12px;color: #666666;border:1px solid #666;text-align:center;position: absolute;bottom: 30px;left: 26px;}
.zhengwu-content .zhengwu-content-info&gt;ul&gt;li&gt;.zw-info&gt;a:hover{border-color: #0065B3;color:#0065B3;}

/*ç»”æ¬‘å£ç€µè‰°åŸ…*/
.site-list{position: relative;padding: 20px 0px 0px;min-width: 1200px;}
.site-list p&gt;a{font-size: 16px;color: #4A4A4A;}
.site-list p&gt;a.active{color: #9B9B9B;}
.site-list p&gt;i{display: inline-block;padding:0px 10px;}

.zhsq-solution{position: relative;}
.zhsq-solution .search-box{position: relative;margin-top:50px;}
.zhsq-solution .search-box&gt;input[type=text]{height:56px;line-height:56px;width:1024px;border-radius:5px;border: 1px solid #CCCCCC;font-size: 18px;padding:0px 10px;outline-style: none;}
.zhsq-solution .search-box&gt;input[type=button]{width: 138px;height: 56px;line-height: 56px;background-color: #0065B3;border:none;border-radius: 5px;font-size: 18px;color: #ffffff;outline-style: none;margin-left:20px;}
.zhsq-solution .zhsq-info{position: relative;padding-top: 58px;padding-bottom: 100px;}
.zhsq-solution .zhsq-info&gt;h1{font-size: 30px;color: #4A4A4A;padding-bottom: 25px;border-bottom: 1px solid #F1F1F1;}
.zhsq-solution .zhsq-info&gt;h2{font-size: 16px;color: #4A4A4A;font-weight: bold;margin:30px 0px;}
.zhsq-solution .zhsq-info&gt;p{font-size: 14px;color: #000000;line-height: 25px;}
.zhsq-solution .zhsq-info&gt;img{width: 100%;margin: 38px 0px;}

/*background: url("../images/cloud_communication_bg.png");background-size: cover;background-repeat: no-repeat;background-repeat: repeat-y\9; background-position: center;*/
.cross-content{position: relative;padding: 30px 0px 0px;overflow: hidden;min-width: 1200px;background-color: #f3f3f3;}
.cross-content .cross-info{position: relative;padding: 30px 0px;text-align:center;}
.cross-content .cross-info&gt;img{max-width: 100%;}
.cross-content .cross-info&gt;p{font-size: 12px;color: #4A4A4A;margin-top: 60px;padding:0px 162px;line-height: 30px;}

.td-content{position: relative;padding: 30px 0px 0px;overflow: hidden;min-width: 1200px;background-image: url("../images/hangye3_bg.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;}
.td-content .container{position: relative;}
.td-content .container .row{position: relative;}
.td-content .cross-info{position: relative;padding: 55px 0px;text-align:center;}
.td-content .cross-info&gt;div{float:left;width: 50%;position:relative;}
.td-content .cross-info&gt;.cross-info-le{}
.td-content .cross-info&gt;div&gt;img{}
.td-content .cross-info&gt;img{position: absolute;
    right: -133px;
    top: -96px;}

.necessity-content{position: relative;padding: 30px 0px 30px;overflow: hidden;min-width: 1200px;}
.necessity-content .necessity-info{position: relative;padding: 38px 0px 0px;text-align:center;}
.necessity-content .necessity-info&gt;p{font-size: 12px;color: #4A4A4A;padding:0px 162px;line-height: 30px;}
.necessity-content .necessity-info&gt;h3{font-size: 20px;color: #4A4A4A;margin-top: 68px;}
.necessity-content .necessity-info&gt;h3&gt;span{font-size: 30px;color: #4A4A4A;margin-top: 10px;display:block;}
.necessity-content .necessity-info&gt;img{margin-top: 68px;max-width: 100%;}

/*background: url("../images/cloud_communication_bg.png");background-size: cover;background-repeat: no-repeat;background-repeat: repeat-y\9; background-position: center;*/
.electronic-content{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;background-color: #f3f3f3;}
.electronic-content .electronic-box{position: relative;margin-top:50px;}
.electronic-content .electronic-box&gt;ul{position: relative;margin:0px -4px;}
.electronic-content .electronic-box&gt;ul&gt;li{float: left;width:25%;padding:0px 4px;margin-top:30px;}
.electronic-content .electronic-box&gt;ul&gt;li&gt;h1{height:56px;background-color: #0065B3;color:#ffffff;font-size:36px;font-weight: bold;padding:10px 15px;}
.electronic-content .electronic-box&gt;ul&gt;li&gt;h1&gt;span{font-size: 16px;vertical-align: middle;}
.electronic-content .electronic-box .electronic-info{background-color: #ffffff;padding:0px 20px 20px;height: 156px;overflow: hidden;}
.electronic-content .electronic-box .electronic-info&gt;a{display: inline-block;width:50%;text-align:left;float:left;margin-top:15px;color: #666;}
.electronic-content .electronic-box .electronic-info&gt;a:hover{color: #0065B3;}
.electronic-content .electronic-box .service_flow{position:relative;}
.electronic-content .electronic-box .service_flow&gt;ul{position:relative;}
.electronic-content .electronic-box .service_flow&gt;ul.flow_icon:after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 16px solid #0065B3;
    border-bottom: 5px solid transparent;
    right: -8px;
    bottom: -50px;
}
.electronic-content .electronic-box .service_flow&gt;ul.flow_icon&gt;li{float: left;width:16.66%;text-align:left;border-bottom: 2px solid #0065B3;}
.electronic-content .electronic-box .service_flow&gt;ul.flow_info{margin-top: 65px;}
.electronic-content .electronic-box .service_flow&gt;ul.flow_info&gt;li{float: left;width: 16.66%;text-align:left;}
.electronic-content .electronic-box .service_flow&gt;ul.flow_info&gt;li&gt;h1{font-weight: bold;font-size: 26px;padding-left: 7px;margin-bottom: 25px;}
.electronic-content .electronic-box .service_flow&gt;ul.flow_info&gt;li&gt;h1&gt;span{font-weight: bold;font-size: 16px;padding-left: 5px;}
.electronic-content .electronic-box .service_flow&gt;ul.flow_info&gt;li&gt;p{color:#666;padding-left: 50px;font-size: 14px;line-height: 26px;}


.electronic-content .electronic-table{position: relative;margin-top: 60px;}
.electronic-content .electronic-table&gt;ul{position: relative;margin: 0px -1.5px;}
.electronic-content .electronic-table&gt;ul&gt;li{float: left;width: 25%;padding:1.5px;}
.electronic-content .electronic-table&gt;ul&gt;li.w_li{width:75%;}
.electronic-content .electronic-table&gt;ul&gt;li&gt;h1{font-size: 18px;color: #FFFFFF;height: 72px;line-height: 72px;background-color:#0065B3;text-align:center;}
.electronic-content .electronic-table&gt;ul&gt;li&gt;.table-info{height: 108px;overflow: hidden;padding: 20px;background-color: #ffffff;}
.electronic-content .electronic-table&gt;ul&gt;li&gt;.table-info&gt;p{font-size: 14px;color: #4A4A4A;line-height: 22px;}
.electronic-content .electronic-table&gt;ul&gt;li.li_one&gt;.table-info{text-align:center;}
.electronic-content .electronic-table&gt;ul&gt;li.li_one&gt;.table-info&gt;p{line-height: 68px;font-size: 16px;}
.electronic-content .electronic-table&gt;ul&gt;li.w_li&gt;.table-info&gt;p{line-height: 68px;}

.electronic-content .electronic-table&gt;img{margin-top: 100px;max-width: 100%;}

.electronic-content .electronic-table .pattern-box{position:relative;margin-top:50px;}
.electronic-content .electronic-table .pattern-box&gt;div{float: left;text-align:center;}
.electronic-content .electronic-table .pattern-box&gt;div&gt;img{max-width: 100%;margin-top: 36px;}
.electronic-content .electronic-table .pattern-box&gt;div&gt;h2{text-align:center;font-size: 20px;color: #4A4A4A;font-weight: bold;}
.electronic-content .electronic-table .pattern-box&gt;div&gt;p{font-size: 13px;color: #828282;line-height: 24px;text-align: left;}
.electronic-content .electronic-table .pattern-box&gt;div.pattern-le{padding-right: 35px;width: 52%;}
.electronic-content .electronic-table .pattern-box&gt;div.pattern-ri{padding-left: 35px;width: 48%;}
.electronic-content .electronic-table .pattern-box&gt;div.pattern-le&gt;p{margin-top:25px;}
.electronic-content .electronic-table .pattern-box&gt;div.pattern-ri&gt;p{margin-top:14px;}

/*background: url("../images/cloud_communication_bg.png");background-size: cover;background-repeat: no-repeat;*/
.a4_2_partner{position:relative;background-color: #f3f3f3;}

/*å¯®ç‘°åš­å¦—ï¿½*/
.dialog-div{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:998;
    background-color: rgba(0,0,0,0.5);
    /*opacity: 0.6;*/
    /*filter:Alpha(opacity=50);!* é™î…æ•®éŽ¸ä¸¡E6éŠ†ï¿½7éŠ†ï¿½8éŠ†ï¿½9 *!*/
    *zoom:1; /* å©µï¿½å¨²ç±ŒE6éŠ†ï¿½7é¨åˆªaslayoutçžç‚´ï¿½Ñç´ç’â•ç•&nbsp;ç’‡ç»˜å™¦Alpha */
    display: none;
}
.dialog-div .consulting_box{
    width: 652px;
    height: 478px;
    /*border-radius: 10px;*/
    position: fixed;
    z-index: 51;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    padding: 30px;
    display: none;
}
.dialog-div .tip_div{
    position: fixed;
    width: 500px;
    height: 137px;
    padding: 23px;
    z-index:52;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    border:1px solid #dddddd;
}
.dialog-div .tip_div p {
    text-align:center;
}
.dialog-div .tip_div span{
    display: inline-block;
    width:100px;
    height:40px;
    line-height: 40px;
    background-color: #0093FF;
    color: #ffffff;
    font-size: 16px;
    margin-top: 30px;
    cursor:pointer;
}

.consulting_box_title {
    /*border-bottom: 1px solid #dcdcdc;*/
    height: 60px;
    position: relative;
    line-height: 60px;
}
.consulting_box_title h4 {
    font-size: 20px;
    color: #4A4A4A;
    text-align: center;
    line-height: 60px;
}
.bounced-close {
    position: absolute;
    top: 12px;
    right: 16px;
    cursor: pointer;
}
.consulting_box ul {
    margin: 10px 0;
}
.consulting_box ul li {
    display: block;
    margin-bottom: 20px;
    font-size: 0;
    position: relative;
    text-align: center;
}
.consulting_box ul li span{
    color:red;vertical-align: middle;font-size:20px;    margin-left: 5px;
}
.consulting_box ul li label {
    font-size: 16px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 164px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1;
    color: #4A4A4A;
    text-align: right;
    font-weight:normal;
    vertical-align: top;
}
.consulting_box ul li label img{
    margin-right: 20px;
    vertical-align: middle;
}
.consulting_box ul li label em {
    color: red;
    padding-right: 10px;
}
.consulting_box ul li input {
    padding-left: 15px;
    width: 410px;
    height: 48px;
    border: 2px solid #E3E3E3;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    color: #999;
    line-height: 48px;
    background-color: #FAFAFA;
}
.consulting_box ul li select{
    padding-left: 15px;
    width: 410px;
    height: 48px;
    border: 2px solid #E3E3E3;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    color: #999;
    line-height: 48px;
    background-color: #FAFAFA;
}
.bounced-btn {
    width: 400px;
    height: 45px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 45px;
    background: #0093FF;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 30px;
    outline-style: none;
    border: none;
}

/*é‚ä¼´æ¤ˆç’‡ï¸½å„æ¤¤ï¿½*/
.tc {
    text-align: center;
}
.common-content-b{padding-top: 70px;}
.common-content-tit{padding:30px 0px;}
.common-content-tit strong,.common-content-tit2 strong{display: block;font-weight: normal;margin-bottom: 10px;line-height: 45px;font-size: 36px;color:#333333;}
.common-content-tit p{line-height: 21px;color:#999999;font-size: 14px;}
.common-content-c{padding-bottom: 40px;margin-bottom: 50px;}
.common-content-c p{font-size: 14px;color:#656565;line-height: 24px;margin-bottom: 20px;}
.common-content-c p img{display: inline-block;margin: 0 auto;max-width: 100%;}
.common-content-share{overflow: hidden;margin:50px 0px;}
.common-content-share li{float: left;width: 50%;text-align: left;}
.common-content-share li:last-child{text-align: left;}
.common-content-share li a.back-link {
    display: inline-block;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    background: #fff;
    border: 1px #E4DCD4 solid;
}
.common-content-share li a.back-link:hover {
    background: #cb0000;
    color: #fff;
}
.zbh-content{position: relative;padding: 30px 0px;overflow: hidden;min-width: 1200px;background-image: url("../images/hangye3_bg2.jpg");
    background-repeat:no-repeat;background-position: center;background-size: cover;}
/*é…é¸¿å…˜é–æ&nbsp;«î…¸éžå——å§›é‘³ï¿½*/
.znh-manager-box{
    position: relative;
    margin:50px 0px;
}
.znh-manager-box ul{
    position:relative;
    margin: 0px -40px;
}
.znh-manager-box ul&gt;li{
    float: left;
    width:33.33%;
    padding:0px 40px;
    position:relative;
    /*background-image: url("../images/bg_22.jpg");*/
    /*background-repeat:no-repeat;*/
    /*background-position-x: 110%;*/
    /*background-position-y: 0px;*/
}
.znh-manager-box ul&gt;li .bg_22{
    position: absolute;
    top: 0px;
    right: -31px;
    height: 100%;
}
.znh-manager-box ul&gt;li .znh-img{
    position: relative;
}
.znh-manager-box ul&gt;li .znh-img&gt;img{
    width: 100%;
}
.znh-manager-box ul&gt;li .znh-img .znh-span{
    position: absolute;
    display: inline-block;
    width: 160px;
    height: 60px;
    line-height:60px;
    color: #fff;
    background-color: #0065b3;
    font-size: 24px;
    text-align: center;
    bottom: 0px;
    left: -20px;
}
.znh-manager-box ul&gt;li .znh-img .znh-span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid #004174;
    border-left: 20px solid transparent;
    left: 0px;
    bottom: -20px;
}
.znh-manager-box ul&gt;li .znh-content{position: relative;padding:0px 20px 20px;background-color: #ffffff;height: 160px;overflow:hidden;}
.znh-manager-box ul&gt;li .znh-content&gt;span{
    display: inline-block;
    float: left;
    width: 33.33%;
    font-size: 16px;
    color: #666;
    text-align:center;
    margin-top: 20px;
}

/*ç»‰è¯²å§©é–æ&nbsp;¨æ«¤é‘³è—‰å¯²ç»&nbsp;ï¼„æ‚Šå¦¯â€³ç´¡*/
.mobile-manager{position: relative;padding: 30px 0px 100px;overflow: hidden;min-width: 1200px;background-color: #ffffff;}
.mobile-box{position: relative;margin:50px 0px;}
.mobile-box&gt;ul{
    position: relative;
    margin: 0px -35px;
}
.mobile-box&gt;ul&gt;li{
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 0px 35px;
}
.mobile-box&gt;ul&gt;li&gt;img{
    max-width: 100%;
}
.mobile-box&gt;ul&gt;li&gt;h1{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-top: 30px;
    text-align: center;
}
.mobile-box&gt;ul&gt;li&gt;p{
    font-size: 16px;
    color: #666666;
    margin-top: 30px;
    text-align: center;
}

/*éšå&nbsp;œç¶”æµ¼æ¬Žå³*/
.hz-hb-content{position: relative;margin: 60px 0px 0px;min-width: 1200px;background-image: url("../images/tuoyuan_bg.jpg");background-repeat:no-repeat;background-position: center;background-size: cover;background-position-y:0px;}
.hz-hb-content .xhq{position: absolute;left: 50%;margin-left: -104px;top:-120px;}
.hz-hb-box{
    padding: 100px;
}
.hz-hb-box&gt;ul{
    position:relative;
}
.hz-hb-box&gt;ul&gt;li{
    float: left;
    width:50%;
    text-align: center;
}
.hz-hb-box&gt;ul&gt;li.hz-hb-box-le{
    text-align: right;
    padding-right: 75px;
}
.hz-hb-box&gt;ul&gt;li.hz-hb-box-ri{
    text-align: left;
    padding-left: 75px;
}

/*ç»‰è¯²å§©å¯®ï¿½é™ï¿½*/
.mobile-app-one{position:relative;padding-top: 50px;}
.mobile-app-one&gt;div{width: 50%;float: left;text-align:center;}
.mobile-app-one&gt;div&gt;img{display: inline-block;}
.mobile-app-one&gt;div&gt;h3{
    font-size: 18px;
    color: #000000;
    letter-spacing: -0.21px;
    line-height: 20px;
    margin-top: 26px;
    margin-bottom: 14px;
    font-weight: bold;
}
.mobile-app-one&gt;div&gt;p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #636363;
    letter-spacing: -0.15px;
    line-height: 22px;
}
.mobile-app-icon{position: relative;padding:60px 0px 30px;}
.mobile-app-icon&gt;ul{text-align: center;}
.mobile-app-icon&gt;ul&gt;li{display: inline-block;padding:10px 45px;}
/*.mobile-app-icon&gt;ul&gt;li&gt;img{height: 30px;}*/
.mobile-app-icon&gt;ul&gt;li&gt;span{display: block;font-size: 14px;color: #4A4A4A;letter-spacing: -0.17px;line-height: 16px;margin-top: 15px;}

.mobile-app-two{position: relative;padding:50px 0px 30px;}
.mobile-app-two&gt;ul{}
.mobile-app-two&gt;ul&gt;li{width: 33.33%;float: left;text-align:center;}
.mobile-app-two&gt;ul&gt;li&gt;.mobile-two-info{padding-top: 26px;}
.mobile-app-two&gt;ul&gt;li&gt;.mobile-two-info h3{font-size: 18px;color: #000000;letter-spacing: -0.21px;line-height: 20px;font-weight: bold;margin-bottom: 20px;}
.mobile-app-two&gt;ul&gt;li&gt;.mobile-two-info&gt;div{padding: 0px 20%;}
.mobile-app-two&gt;ul&gt;li&gt;.mobile-two-info&gt;div&gt;span{display: inline-block; width: 50%;float: left;line-height: 30px;font-size: 14px;color: #4A4A4A;}
.mobile-app-two&gt;ul&gt;li&gt;.mobile-two-info&gt;div&gt;span:nth-child(odd){text-align: right;padding-right: 20px;}
.mobile-app-two&gt;ul&gt;li&gt;.mobile-two-info&gt;div&gt;span:nth-child(even){text-align: left;padding-left: 20px;}

.mobile-app-three{position: relative;padding:0px 0px 30px;}
.mobile-app-three&gt;ul{}
.mobile-app-three&gt;ul&gt;li{width:20%;float: left;text-align:center;height: 100px;margin-top: 50px;}
.mobile-app-three&gt;ul&gt;li&gt;span{display: block;
    font-size: 16px;
    color: #000000;
    letter-spacing: -0.17px;
    line-height: 16px;
    margin-top: 30px;
}


/*å§¹å›ªî…¹ç’ï¿½*/
.hdh-content{position:relative;padding:30px 0px 20px;min-width: 1200px;}
.hdh-content .hdh-box{position: relative;padding-top: 30px;}
.hdh-content .hdh-box&gt;div.hdh-left{float: left;width: 55%;position: relative;}
.hdh-content .hdh-box&gt;div.hdh-right{float: left;width: 45%;position: relative;}
.hdh-content .hdh-box .p_title{position: relative;}
.hdh-content .hdh-box .p_title span{font-size: 30px;font-weight: bold;color: #333333;}
.hdh-content .hdh-box .p_title span:after{
    content: "";
    width: 60px;
    display: inline-block;
    position: absolute;
    height: 3px;
    background-color: #0065B3;
    left: 0;
    bottom: -30px;
}
.hdh-content .hdh-box .p_txt{
    font-size: 15px;
    color: #666666;
    line-height: 30px;
    margin-top: 55px;
}
.hdh-right{
    text-align: right;
}
.hdh-imgs{margin: 20px -10px;}
.hdh-imgs&gt;div{float: left;width: 25%;text-align: center;}
.hdh-imgs&gt;div&gt;img{max-width: 100%;width: auto;}
@media(min-width: 1025px){
    .hdh-imgs&gt;div:hover{margin-top: -15px;transition: all 0.5s;}
}

/*å§¹å›ªî…¹ç’ï¿½-éç¨¿ç¸¾é”ç†»å…˜*/
.hdh-hx{position:relative;padding:30px 0px 20px;min-width: 1200px;background-color: #F6F6F6;}
.hdh-hx .customer-title{position: relative;}
.hdh-hx .customer-title p{text-align:center;}
.hdh-hx .customer-title p span{position: relative;}
.hdh-hx .customer-title .customer-content-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}
.hdh-hx .customer-title .customer-content-title&gt;span:after{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    left: -30px;
    top: 18px;
}
.hdh-hx .customer-title .customer-content-title&gt;span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    right: -30px;
    top: 18px;
}
.hdh-hx .customer-title .customer-content-info&gt;span{font-size: 16px;color: #4A4A4A;}

.hdh-hx-box{position: relative;margin: 50px -25px 20px;}
.hdh-hx-box&gt;div{position: relative;width: 200px;max-height:357px;float: left;background-color: #fff;margin: 0px 25px 20px;box-shadow: 0 0 10px #ccc;border-radius: 3px;padding: 23px 20px;text-align: center;cursor: pointer;}
.hdh-hx-box&gt;div:hover{box-shadow: 0 0 10px #0065B3;}
.hdh-hx-box&gt;div:nth-child(1){
    height: 300px;
}
.hdh-hx-box&gt;div:nth-child(2){
    height: 300px;
}
.hdh-hx-box&gt;div:nth-child(3){
    height: 300px;
}
.hdh-hx-box&gt;div:nth-child(4){
    height: 300px;
}
.hdh-hx-box&gt;div:nth-child(5){
    height: 300px;
}
.hdh-hx-box&gt;div:nth-child(6){
    height: 357px;
}
.hdh-hx-box&gt;div:nth-child(7){
    height: 357px;
}
.hdh-hx-box&gt;div:nth-child(8){
    height: 357px;
}
.hdh-hx-box&gt;div:nth-child(9){
    height: 357px;
}
.hdh-hx-box&gt;div:nth-child(10){
    height: 357px;
}
.hdh-hx-box&gt;div&gt;img{display: inline-block;}
.hdh-hx-box&gt;div h3{position: relative;margin: 15px 0px;}
.hdh-hx-box&gt;div h3 span{font-size: 20px;color: #333;}
.hdh-hx-box&gt;div h3 span:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #bfbfbf;
    position: absolute;
    top: 50%;
    right: 0px;
}
.hdh-hx-box&gt;div h3 span:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #bfbfbf;
    position: absolute;
    top: 50%;
    left: 0px;
}
.hdh-hx-box&gt;div ul li{
    font-size: 14px;
    color: #666666;
    line-height: 25px;
}

.gj-b2b{position:relative;padding:30px 0px 20px;min-width: 1200px;}
.gj-b2b .customer-title{position: relative;}
.gj-b2b .customer-title p{text-align:center;}
.gj-b2b .customer-title p span{position: relative;}
.gj-b2b .customer-title .customer-content-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}
.gj-b2b .customer-title .customer-content-title&gt;span:after{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    left: -30px;
    top: 18px;
}
.gj-b2b .customer-title .customer-content-title&gt;span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    right: -30px;
    top: 18px;
}
.gj-b2b .customer-title .customer-content-info&gt;span{font-size: 16px;color: #4A4A4A;}

/*@keyframes ghostUpdown{*/
    /*from{margin-top:100px;}*/
    /*to{margin-top:70px;}*/
/*}*/
/*@-webkit-keyframes ghostUpdown{*/
    /*from{margin-top:100px;}*/
    /*to{margin-top:70px;}*/
/*}*/
/*@keyframes shadow{*/
    /*from{margin-top:70px;opacity:0.3;}*/
    /*to{margin-top:100px;opacity:0.1;}*/
/*}*/
/*@-webkit-keyframes shadow{*/
    /*from{margin-top:70px;opacity:0.3;}*/
    /*to{margin-top:100px;opacity:0.1;}*/
/*}*/

.gj-content{text-align: center;position: relative;}
.gj-content&gt;img{display: inline-block;margin-top: 242px;}
.gj-content div{
    position: absolute;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    padding: 30px;
    transition: all 0.3s;
    cursor: pointer;

}
/*@media (min-width: 1366px) {*/
    /*.gj-content div {*/
        /*animation: ghostUpdown 1s infinite alternate;*/
        /*-webkit-animation: ghostUpdown 1s infinite alternate;*/
    /*}*/
/*}*/
.gj-content .div1:hover{
    width: 190px;
    height: 190px;
}
.gj-content .div2:hover{
    width: 200px;
    height: 200px;
}
.gj-content .div3:hover{
    width: 180px;
    height: 180px;
}
.gj-content .div4:hover{
    width: 220px;
    height: 220px;
}
.gj-content .div5:hover{
    width: 180px;
    height: 180px;
}
.gj-content .div6:hover{
    width: 220px;
    height: 220px;
}
.gj-content .div7:hover{
    width: 200px;
    height: 200px;
}
.gj-content .div8:hover{
    width: 220px;
    height: 220px;
}
.gj-content div:hover p{
    margin-top: 0px;
}
.gj-content div:hover .p_title{
    line-height: inherit;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    /*color: #f00;*/
}
.gj-content div:hover .p_info{
    display: inherit;
}
.gj-content .div1{
    width: 123px;
    height: 123px;
    background-color: #CF94E8;
    top: 90px;
    left: 116px;
}
.gj-content .div2{
    width: 123px;
    height: 123px;
    background-color: #6C9CEE;
    top: 270px;
    left: 235px;
}
.gj-content .div3{
    width: 123px;
    height: 123px;
    background-color: #4BBFE4;
    top: 70px;
    left: 380px;
}
.gj-content .div4{
    width: 140px;
    height: 140px;
    background-color: #FE9292;
    top: 40px;
    left: 630px;
}
.gj-content .div5{
    width: 123px;
    height: 123px;
    background-color: #9388E6;
    top: 250px;
    right: 270px;
}
.gj-content .div6{
    width: 130px;
    height: 130px;
    background-color: #65D2B5;
    top: 65px;
    right: 88px;
}
.gj-content .div7{
    width: 150px;
    height: 150px;
    background-color: #94D67C;
    top: 320px;
    right: 20px;
}
.gj-content .div8{
    width: 140px;
    height: 140px;
    background-color: #FEB62C;
    top: 337px;
    left: 0px;
}
.gj-content .div1 p{
    margin-top: 13px;
}
.gj-content .div2 p{
    margin-top: 13px;
}
.gj-content .div3 p{
    margin-top: 20px;
}
.gj-content .div4 p{
    margin-top: 26px;
}
.gj-content .div5 p{
    margin-top: 20px;
}
.gj-content .div6 p{
    margin-top: 27px;
}
.gj-content .div7 p {
    margin-top: 30px;
}
.gj-content .div8 p { 
    margin-top: 35px;
}
.gj-content div .p_title{display: inline-block;}
.gj-content div .p_info{display: none;}

.dh-lc{position:relative;padding:30px 0px 20px;min-width: 1200px;background: url("../images/hangye3_bg2.jpg") no-repeat;background-size: cover;}
.dh-lc .customer-title{position: relative;}
.dh-lc .customer-title p{text-align:center;}
.dh-lc .customer-title p span{position: relative;}
.dh-lc .customer-title .customer-content-title&gt;span{font-size: 30px;color: #4A4A4A;font-weight: bold;display:inline-block;}
.dh-lc .customer-title .customer-content-title&gt;span:after{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    left: -30px;
    top: 18px;
}
.dh-lc .customer-title .customer-content-title&gt;span:before{
    content: "";
    display:inline-block;
    position: absolute;
    width:15px;
    height:4px;
    background-color:#0065B3;
    right: -30px;
    top: 18px;
}
.dh-lc .customer-title .customer-content-info&gt;span{font-size: 16px;color: #4A4A4A;}
.dh-lc-box{text-align: center;margin:50px 0px;}

/**  ç™»é™†æ³¨å†Œæ&nbsp;·å¼  **/
.loginBox{ display: inline-block; width: 90px;position: absolute; text-align: center ; top:0; right:50px; z-index:500;}
.loginBox li{ display: inline-block; float: left; position: relative; font-size:12px; line-height:35px;}
.loginBox li &gt;a{ width:40px; text-align: center; display: inline-block;font-size:14px;  font-weight:bold;}
.loginBox li dl{display: none; width:80px; line-height: 30px; border-radius:5px; background: #0065B3;position: absolute; left:-22px; top:40px; padding:5px 0;}
.loginBox li dl dd{ line-height: 30px;}
.loginBox li dl a{ display: block; color:#fff; font-size:12px;}
.loginBox li:hover dl{display: inline-block;}
.loginBox li a:hover{color:#F00;}
.loginBox li:hover dl:before{content:''; display: inline-block; width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:10px solid #0065B3; position: absolute;top: -8px;left: 50%;margin-left: -6px;}
   

</pre></body></html>