@charset "gb2312";
/* CSS Document */



/*最外部*/
#wraper{ width:100%; height:100%; float:left; position:relative}





/*banner区域*/
#banner{ width:100% ;height:560px; float:left;margin-top: 65px;position:relative;}
#banner .banbox{width:100%; height:560px; margin:0px auto;}
#banner .banbox img{width:100%;height:560px;}
#banner .banbox .banlist{width:100%; height:20px; text-align:center; /*margin:315px auto 0px auto; */background:url(ban-xk-bj.png) no-repeat center center;position:absolute;bottom:22px;left:22px;}
#banner .banbox .banlist a{ width:10px; height:10px; margin:5px 3px; background:url(ban-xk-q.png) no-repeat center center; display:inline-block; cursor:pointer}
#banner .banbox .banlist a:hover,#banner .banbox .banlist .active{ background:url(ban-xk-sd.png) no-repeat center center}






/*消息提示区域*/
#xxtsq{ width:100%; height:40px; float:left; margin:0px auto; background:#f7f7f7;}
#xxtsq .xxbox{width:1200px; height:40px; margin:0px auto;}
#xxtsq .xxbox ul{width:1145px; height:14px; float:left; margin-top:13px;}
#xxtsq .xxbox li{height:14px; float:left; font-size:14px; color:#e7e7e7; line-height:14px; margin-right:20px;}
#xxtsq .xxbox li a{color:#666;}
#xxtsq .xxbox .gd a{width:55px; height:14px; float:left; margin-top:13px; font-size:14px; color:#999; line-height:14px; text-decoration:none;}
#xxtsq .xxbox .gd span{ margin-right:5px;display:block;margin-top:-1px;}
#xxtsq .xxbox .gd .imggd{display:block;margin-top:-28px;margin-right:-39px;float:right;}

#xxtsq .xxbox .gd a:hover{color:#4bb862; text-decoration:none;}






/*智慧校园*/
#zhxy{width:100%; height:550px; float:left; margin:0px auto;}
#zhxy .zhxybox{width:1200px; height:550px; margin:0px auto;}
#zhxy .zhxybox .zhxy-bt{width:770px; height:110px; float:left; margin:75px 215px 0px 215px;}
#zhxy .zhxybox ul{width:1200px; height:260px; float:left; margin-top:35px;}
#zhxy .zhxybox li{width:260px; height:260px; float:left; margin-left:20px; margin-right:20px;}





/*智慧消息*/
#zhmage{width:100%; height:600px; float:left; margin:0px auto; background:url(dt-01.jpg) no-repeat center center;}
#zhmage .magebox{width:1200px; height:600px; margin:0px auto;}
#zhmage .magebox .left01{width:430px; height:600px; float:left;}
#zhmage .magebox .left01 .wz01-a{width:430px; height:20px; float:left; margin-top:78px; font-size:20px; line-height:20px; color:#fff;}
#zhmage .magebox .left01 .wz01-b{width:430px; height:45px; float:left; margin-top:30px;}
#zhmage .magebox .left01 .wz01-c{width:430px; height:100px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#fff;}
#zhmage .magebox .left01 .tp01{width:200px; height:240px; float:left; margin-left:55px;}
#zhmage .magebox .mid01{width:220px; height:220px; float:left; margin:195px 50px 185px 60px;}
#zhmage .magebox .right01{width:440px; height:600px; float:left;}
#zhmage .magebox .right01 .tp02{width:225px; height:240px; float:left; margin:90px 100px 0px 115px;}
#zhmage .magebox .right01 .wz02-a{width:440px; height:20px; float:left; margin-top:25px; font-size:20px; line-height:20px; color:#fff;}
#zhmage .magebox .right01 .wz02-b{width:440px; height:45px; float:left; margin-top:30px;}
#zhmage .magebox .right01 .wz02-c{width:440px; height:100px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#fff;}





/*智慧学习*/
#zhstudy{width:100%; height:600px; float:left; margin:0px auto; background:url(dt-02.jpg) no-repeat center center;}
#zhstudy .studybox{width:1200px; height:600px; margin:0px auto;}
#zhstudy .studybox .left02{width:480px; height:600px; float:left;}
#zhstudy .studybox .left02 .wz03-a{width:480px; height:20px; float:left; margin-top:78px; font-size:20px; line-height:20px; color:#2d9eee;}
#zhstudy .studybox .left02 .wz03-b{width:480px; height:45px; float:left; margin-top:30px;}
#zhstudy .studybox .left02 .wz03-c{width:480px; height:125px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#2d9eee;}
#zhstudy .studybox .left02 .tp03{width:165px; height:145px; float:left; margin-left:55px;}
#zhstudy .studybox .mid02{width:220px; height:220px; float:left; margin:195px 50px 185px 10px;}
#zhstudy .studybox .right02{width:440px; height:600px; float:left;}
#zhstudy .studybox .right02 .tp04{width:205px; height:210px; float:left; margin:90px 100px 0px 115px;}
#zhstudy .studybox .right02 .wz04-a{width:440px; height:20px; float:left; margin-top:50px; font-size:20px; line-height:20px; color:#2d9eee;}
#zhstudy .studybox .right02 .wz04-b{width:440px; height:45px; float:left; margin-top:30px;}
#zhstudy .studybox .right02 .wz04-c{width:440px; height:100px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#2d9eee;}





/*智慧生活*/
#zhsh{width:100%; height:599px; float:left; margin:0px auto; background:url(dt-03.jpg) no-repeat center center; }
#zhsh .zhshbox{width:1200px; height:599px; margin:0px auto; position:relative;}
#zhsh .zhshbox .left03{width:530px; height:599px; float:left; position:absolute; top:0px; left:0px;}
#zhsh .zhshbox .left03 .wz05-a{width:530px; height:20px; float:left; margin-top:78px; font-size:20px; line-height:20px; color:#fff;}
#zhsh .zhshbox .left03 .wz05-b{width:530px; height:45px; float:left; margin-top:30px;}
#zhsh .zhshbox .left03 .wz05-c{width:530px; height:125px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#fff;}
#zhsh .zhshbox .left03 .tp05{width:250px; height:145px; float:left; margin-left:50px;}
#zhsh .zhshbox .mid03{width:220px; height:220px; float:left; position:absolute; left:490px; top:195px;}
#zhsh .zhshbox .right03{width:440px; height:599px; float:left; position:absolute; left:760px; top:0px;}
#zhsh .zhshbox .right03 .tp06{width:220px; height:210px; float:left; margin:90px 100px 0px 115px;}
#zhsh .zhshbox .right03 .wz06-a{width:440px; height:20px; float:left; margin-top:50px; font-size:20px; line-height:20px; color:#fff;}
#zhsh .zhshbox .right03 .wz06-b{width:440px; height:45px; float:left; margin-top:30px;}
#zhsh .zhshbox .right03 .wz06-c{width:440px; height:100px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#fff;}





/*智慧办公*/
#zhbg{width:100%; height:600px; float:left; margin:0px auto; background:url(dt-04.jpg) no-repeat center center; }
#zhbg .zhbgbox{width:1200px; height:600px; margin:0px auto;}
#zhbg .zhbgbox .left04{width:480px; height:600px; float:left;}
#zhbg .zhbgbox .left04 .wz07-a{width:480px; height:20px; float:left; margin-top:78px; font-size:20px; line-height:20px; color:#1eb97b;}
#zhbg .zhbgbox .left04 .wz07-b{width:480px; height:45px; float:left; margin-top:30px;}
#zhbg .zhbgbox .left04 .wz07-c{width:480px; height:125px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#1eb97b;}
#zhbg .zhbgbox .left04 .tp07{width:280px; height:245px; float:left;}
#zhbg .zhbgbox .mid04{width:220px; height:220px; float:left; margin:195px 50px 185px 10px;}
#zhbg .zhbgbox .right04{width:440px; height:600px; float:left;}
#zhbg .zhbgbox .right04 .tp08{width:260px; height:160px; float:left; margin:140px 100px 0px 115px;}
#zhbg .zhbgbox .right04 .wz08-a{width:440px; height:20px; float:left; margin-top:50px; font-size:20px; line-height:20px; color:#1eb97b;}
#zhbg .zhbgbox .right04 .wz08-b{width:440px; height:45px; float:left; margin-top:30px;}
#zhbg .zhbgbox .right04 .wz08-c{width:440px; height:100px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#1eb97b;}





/*智慧家校*/
#zhjx{width:100%; height:600px; float:left; margin:0px auto; background:url(dt-05.jpg) no-repeat center center; }
#zhjx .zhjxbox{width:1200px; height:600px; margin:0px auto;}
#zhjx .zhjxbox .left05{width:480px; height:600px; float:left;}
#zhjx .zhjxbox .left05 .wz09-a{width:480px; height:20px; float:left; margin-top:78px; font-size:20px; line-height:20px; color:#fff;}
#zhjx .zhjxbox .left05 .wz09-b{width:480px; height:45px; float:left; margin-top:30px;}
#zhjx .zhjxbox .left05 .wz09-c{width:480px; height:125px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#fff;}
#zhjx .zhjxbox .left05 .tp09{width:280px; height:185px; float:left;}
#zhjx .zhjxbox .mid05{width:220px; height:220px; float:left; margin:195px 50px 185px 10px;}
#zhjx .zhjxbox .right05{width:440px; height:600px; float:left;}
#zhjx .zhjxbox .right05 .tp10{width:195px; height:185px; float:left; margin:115px 100px 0px 115px;}
#zhjx .zhjxbox .right05 .wz10-a{width:440px; height:20px; float:left; margin-top:50px; font-size:20px; line-height:20px; color:#fff;}
#zhjx .zhjxbox .right05 .wz10-b{width:440px; height:45px; float:left; margin-top:30px;}
#zhjx .zhjxbox .right05 .wz10-c{width:440px; height:100px; float:left; margin-top:35px; font-size:14px; line-height:30px; color:#fff;}





/*排行新闻*/
#phxw{width:100%; height:auto; float:left; margin:0px auto;}
#phxw .phxwbox{width:1200px; height:auto; margin:0px auto;}
/*排行*/
#phxw .phxwbox .phbox{width:570px; height:525px; float:left; margin-right:30px; margin-top:60px;}
#phxw .phxwbox .phbox h2 a{width:570px; height:30px; float:left; font-size:30px; line-height:30px; text-align:center; color:#444; text-decoration:none;}
#phxw .phxwbox .phbox .listbox{width:570px; height:474px; float:left; margin-top:20px; background:#f8f8f8; border-top:solid 1px #1eb97b;}
#phxw .phxwbox .phbox .listbox ul{width:570px; height:auto; float:left; margin-top:40px;}
#phxw .phxwbox .phbox .listbox li{width:570px; height:16px; float:left; margin-bottom:27px;}
#phxw .phxwbox .phbox .listbox li .wz-l{width:170px; height:16px; float:left; font-size:16px; color:#444; line-height:16px; text-align:right; margin-right:20px;}
#phxw .phxwbox .phbox .listbox li .sjx{width:320px; height:16px; float:left; background:#1eb97b; margin-right:10px;}
#phxw .phxwbox .phbox .listbox li .wz-r{width:50px; height:16px; float:left; font-size:12px; color:#666; line-height:16px; text-align:left;}
/*高校热门新闻*/
#phxw .phxwbox .rmxw{width:570px; height:525px; float:left; margin-left:30px; margin-top:60px;}
#phxw .phxwbox .rmxw h2 a{width:570px; height:30px; float:left; font-size:30px; line-height:30px; text-align:center; color:#444; text-decoration:none;}
#phxw .phxwbox .rmxw .xwbox{width:570px; height:474px; float:left; margin-top:20px; background:#f8f8f8; border-top:solid 1px #1eb97b;}
#phxw .phxwbox .rmxw .xwbox .xwlist{width:530px; height:auto; float:left; margin-top:40px; margin-left:40px;}
#phxw .phxwbox .rmxw .xwbox .xwlist .xw01 a{width:530px; height:16px; float:left; margin-bottom:27px; font-size:16px; line-height:16px; color:#444;}
#phxw .phxwbox .rmxw .xwbox .xwlist .xw01 span{width:6px; height:6px; float:left; margin:5px 15px 5px 0px;}





/*高校入住腾讯智慧校园*/
#rztx{width:100%; height:auto; float:left; margin:0px auto;}
#rztx .rztxbox{width:1200px; height:auto; margin:0px auto;}
#rztx .rztxbox .rzbt{width:1200px; height:46px; margin-top:70px; float:left;}
#rztx .rztxbox .rzbt p{font-size:48px;font-family:"微软雅黑";text-align:center;color:#444444;}

#rztx .rztxbox .xxlist{width:1200px; height:auto; margin-top:50px; float:left; overflow:hidden;}
#rztx .rztxbox .xxlist ul{width:1230px; height:auto; float:left;}
#rztx .rztxbox .xxlist li{width:173px; height:58px; float:left; border:solid 1px #e8e8e8; margin-right:30px; margin-bottom:30px;}


/*合作伙伴*/
#hzhb{width:100%; height:auto; float:left; margin:0px auto;}
#hzhb .hzhbbox{width:1200px; height:auto; margin:0px auto;}
#hzhb .hzhbbox .hzbt{width:1200px; height:46px; margin-top:50px; float:left;}
#hzhb .hzhbbox .hzbt p{font-size:36px;font-family:"微软雅黑"; text-align:center;color:#444444;}

#hzhb .hzhbbox .xxlist{width:1200px; height:auto; margin-top:30px; float:left; overflow:hidden;}
#hzhb .hzhbbox .xxlist ul{width:1230px; height:auto; float:left;}
#hzhb .hzhbbox .xxlist li{width:173px; height:58px; float:left; border:solid 1px #e8e8e8; margin-right:30px; margin-bottom:30px;}





/*高校入住腾讯智慧校园*/
#footer{width:100%; height:560px; float:left; margin:30px auto 0px auto; background:#f2f2f2;}
#footer .footbox {width:1200px; height:auto; margin:0px auto;}
#footer .footbox .hzlx{width:1200px; height:46px; margin-top:40px;margin-bottom: 20px; float:left;}
#footer .footbox .hzlx p{font-size:36px;font-family:"微软雅黑"; text-align:center;color:#444444;}
#footer .footbox ul{width:1200px; height:auto; margin-top:30px; float:left}
#footer .footbox li{height:18px; float:left; margin-left:20px; margin-right:20px; font-size:17px; line-height:18px; color:#444;}
#footer .footbox .smbox{width:1200px; height:80px; margin-top:30px; float:left; margin-top:50px; margin-bottom:100px;}
#footer .footbox .hz{width:1200px; height:auto; text-align:center;}
#footer .footbox .hz span{height:18px; margin-left:20px; margin-right:20px; font-size:17px; line-height:18px; color:#444;}









/*  =============================== */
#header .hbox .hbdl{width:96px; height:32px; margin-top:7px; padding-top:7px; background:url(img_dl_001.jpg) no-repeat center center;}
#header .hbox .hbdl:hover{width:90px; height:31px; margin-top:7px; padding-top:7px;}

header {
    height: 65px;
    position: fixed;
    width: 100%;
    min-width: 1000px;
    top: 0;
    left: 0;
    background: #fafafa;
    z-index: 99;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap {
    position: relative;
    float: none;
    width: 1000px;
    margin: 0 auto;
}
.head .logo {
    width: 30%;
    float: left;
}
.head .menu, .head .menu li {
    float: right;
    padding: 0;
    margin: 0;
}
.head .menu li a {
    color: #333;
    width: 90px;
    display: inline-block;
    line-height: 35px;
    text-decoration: none;
    cursor: pointer;
}
.head .menu li.active {
    height: 35px;
    background: #3a9b10;
    color: #fff;
}
.head .menu li {
    text-align: center;
    font-size: 14px;
}
body {
    font-family: 'Microsoft Yahei', '微软雅黑', '黑体', 'SimHei';
}
.head  {
	position: fixed;
	width: 100%;
	background-color: white;
	z-index: 100;
}
.head .logo a {
    display: block;
    width: 309px;
    height: 65px;
    background: url(img_logo.png)  no-repeat center center;
}

.body {
    clear: both;
    position: relative;
    padding-top: 5px;
}
.product .bar {
    position: fixed;
    bottom: 10%;
    right: 5%;
    z-index: 15;
    font-size: 12px;
    cursor: pointer;
}
.product .product-bg1 {
    display: block;
    width: 100%;
    min-width: 1000px;
    height: 1006px;
    background: url(product_bg1.jpg) no-repeat center 0 #66ab58;
}
.product .wrap {
    text-align: center;
    color: #fff;
}
.wrap {
    position: relative;
    float: none;
    width: 1000px;
    margin: 0 auto;
}
.product .wrap > p {
    padding-top: 195px;
    line-height: 35px;
}
.product .product-bg2 {
    display: block;
    width: 100%;
    min-width: 1000px;
    height: 931px;
    background: url(product_bg2.jpg) no-repeat center 0 #f86f62;
}
.product .product-bg3 {
    display: block;
    width: 100%;
    min-width: 1000px;
    height: 1000px;
    background: url(product_bg3.jpg) no-repeat center 90px #af91cd;
}
.product .product-bg3 .wrap ul {
    position: relative;
    width: 1000px;
    padding-top: 225px;
    cursor: pointer;
}
ul, li {
    list-style: none;
}
.product .product-bg4 {
    display: block;
    width: 100%;
    min-width: 1000px;
    height: 872px;
    background: url(square_bg.png) repeat;
}
.product .product-bg4 .wrap .title {
    width: 100%;
    height: 170px;
    background: url(product_bg4_title.png) no-repeat center bottom;
}
img{vertical-align: middle}
.product .product-bg3 .wrap ul div {
    margin-bottom: 30px;
    line-height: 40px;
    text-align: center;
}

.product .product-bg4 .wrap ul {
    width: 100%;
    margin-top: 73px
}

.product .product-bg4 .wrap ul li {
    float: left;
    width: 31%;
    height: 120px;
    padding-right: 18px;
    margin-bottom: 90px
}

.product .product-bg4 .wrap ul li .icon {
    display: block;
    float: left;
    width: 120px;
    height: 120px
}

.product .product-bg4 .wrap ul li .icon:hover {
    animation: shake .5s ease-in;
    -moz-animation: shake .5s ease-in;
    -webkit-animation: shake .5s ease-in;
    -o-animation: shake .5s ease-in
}

.product .product-bg4 .wrap ul li .content {
    padding-left: 130px
}

.product .product-bg4 .wrap ul li .content h2 {
    margin-bottom: 9px;
    line-height: 30px;
    text-align: left;
    font-weight: 800;
    font-size: 18px;
    color: #222
}

.product .product-bg4 .wrap ul li .content p {
    line-height: 19px;
    text-align: left;
    font-size: 12px;
    color: #999;
    word-break: break-all
}
.product .product-bg5 {
    display: block;
    clear: both;
    width: 100%;
    min-width: 1000px;
    height: 1286px;
    background-color: #282828
}

.product .product-bg5 .wrap .title {
    width: 100%;
    height: 164px;
    background: url(product_bg5_title.png) no-repeat center bottom
}

.product .product-bg5 .wrap ul {
    width: 100%;
    padding-top: 90px
}

.body .product-bg5 .wrap ul li {
    float: left;
    width: 25%;
    height: 340px
}

.body .product-bg5 .icon {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    background: url(product5_icon1.png) no-repeat;
    transition: transform 0.8s;
    -moz-transition: -moz-transition 0.8s;
    -webkit-transition: -webkit-transform 0.8s;
    -o-transition: -o-transition 0.8s
}

.body .pro .icon {
    background: url(product5_icon.png) no-repeat;
}

.body .product-bg5 .icon:hover {
    transform: rotateY(40deg);
    -webkit-transform: rotateY(40deg);
    -moz-transform: rotateY(40deg);
    -o-transform: rotateY(40deg)
}

.body .product-bg5 .icon1 {
    background-position: 0 0
}

.body .product-bg5 .icon2 {
    background-position: -180px 0
}

.body .product-bg5 .icon3 {
    background-position: -360px 0
}

.body .product-bg5 .icon4 {
    background-position: -540px 0
}

.body .product-bg5 .icon5 {
    background-position: 0 -180px
}

.body .product-bg5 .icon6 {
    background-position: -180px -180px
}

.body .product-bg5 .icon7 {
    background-position: -360px -180px
}

.body .product-bg5 .icon8 {
    background-position: -540px -180px
}

.body .product-bg5 .icon9 {
    background-position: 0 -360px
}

.body .product-bg5 .icon10 {
    background-position: -180px -360px
}

.body .product-bg5 .icon11 {
    background-position: -360px -360px
}

.body .product-bg5 .icon12 {
    background-position: -540px -360px
}

.body .product-bg5 .wrap ul li p {
    margin-top: 24px;
    line-height: 25px;
    text-align: center;
    font-weight: 400;
    font-family: Simsun;
    font-size: 12px
}

.product .bar {
    position: fixed;
    bottom: 10%;
    right: 5%;
    z-index: 15;
    font-size: 12px;
    cursor: pointer;
}

.product .bar li {
    display: table
}

.product .bar li a {
    display: table-cell;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    background: url(round.png) no-repeat -50px 0;
    color: #fff;
    cursor: pointer
}

.product .bar li a:hover {
    color: #000
}

.product .bar li a.active {
    background-position: 0 0;
    color: #000
}

.head .menu li:hover{color:#FFF; background:#3a9b10}
.head .menu li:hover a{color:#FFF; text-decoration:none}
.logon {
    float: left;
    width: 96px;
    height: 32px;
    margin-top: 7px;
	margin-left: 15px;
    padding-top: 7px;
    background: url(./img_dl_001.jpg) no-repeat center center;
	font-size: 16px;
    color: #444444;
    text-align: center;
}
.logon a{
	color: #444444;
	outline: none;
    text-decoration: none;
}
.logon a:-webkit-any-link {
    cursor: pointer;
}
.logon:hover{width:90px; height:31px; margin-top:7px; padding-top:7px;}
.logon:hover{color:#ffffff;background:url(./img_dl_hover.png) no-repeat center center;}
.logon:hover a{ color:#ffffff; text-decoration:none}
.menunav {
    width: 660px;
    height: 35px;
    float: left;
    margin-top: 10px;
}