#banner{background: url(../img/The_network_structures-banner.jpg) no-repeat center;height: 740px;}

#banner h3{color: white;font-size: 36px;text-align: center;margin-top: 180px;font-weight: 500;}
#banner .banner-p1{color: #a4fffc;font-size: 30px;margin-top: 40px;text-align: center;text-shadow: 3px 3px 1px #10878c;}
#banner .banner-p2{font-size: 30px;color: white;text-align: center;margin-top: 18px;}
#banner .banner-p3{font-size: 28px;color: white;text-align: center;margin-top: 18px;}
#banner .banner-a1{display: block;font: 22px/50px "";color: #00b0e7;background: white;width: 250px;height: 50px;border-radius: 4px;text-align: center;margin: 55px 0 0 330px;float: left;}
#banner .banner-a1:hover{background: #2db9ff;color: white;}

#banner .banner-a2{display: block;font: 22px/50px "";color: white;background: -webkit-linear-gradient(left,#2b82ee,#2ca4f9,#2db9ff);width: 250px;height: 50px;border-radius: 4px;text-align: center;float: left;margin: 54px 0 0 43px;}
#banner .banner-a2:hover{background: #2db9ff;}


#main-top{height: 353px;}
#main-top h3{text-align: center;font-weight: 500;padding-top: 99px;font-size: 28px;color: #4766a0;}
#main-top ul{width: 1200px;margin-top: 44px;}
#main-top ul li{width: 280px;height: 173px;float: left;margin-left: 15px;}
#main-top ul li:hover{margin-top: -10px;}
#main-top ul li a{display: block;width: 280px;height: 173px;}
#main-top ul .main-top-1{background: url(../img/tns-main-top-1.jpg) no-repeat center;}
#main-top ul .main-top-2{background: url(../img/tns-main-top-2.jpg) no-repeat center;}
#main-top ul .main-top-3{background: url(../img/tns-main-top-3.jpg) no-repeat center;}
#main-top ul .main-top-4{background: url(../img/tns-main-top-4.jpg) no-repeat center;}
#main-top ul li h4{font-size: 22px;color: white;text-align: center;font-weight: 500;margin-top: 47px;}
#main-top ul li p{color: white;font-size: 18px;text-align: center;}

#main-bottom{height: 1000px;background: url(../img/tns-main-bottom-bg.jpg) no-repeat center;}
#main-bottom h3{padding-top: 100px;text-align: center;font-weight: 500;font-size: 28px;color: #4766a0;}
#main-bottom .tab-menu ul{margin-top: 40px;}
#main-bottom .tab-menu ul li{float: left;width: 400px;height: 65px;color: #85a1c1;background:url(../img/to-bottom-b.png) no-repeat center;text-align: center;font: 20px/50px "";background-position:left 0px top -10px;background-size: 600px 63px;}
#main-bottom .tab-menu ul li.active{background:url(../img/to-bottom.png) no-repeat center;color: white;}

#main-bottom .tab-con h3{font-size: 22px;color: #85a1c1;margin-top: 48px;}
#main-bottom .tab-con p{text-align: center;color:  #85a1c1;margin-top: 20px;}
#main-bottom .tab-con .tab-con-router1{margin: 50px 0 0 227px;}
#main-bottom .tab-con .tab-con-router2{margin: 50px 0 0 50px;}
#main-bottom .tab-con div{display: none;}
#main-bottom .tab-con div:first-child{display: block;}
#main-bottom .tab-con .tab-con-1{width: 960px;display: block;margin-top: 80px;margin-left: 123px;}
#main-bottom .tab-con .tab-con-2{width: 960px;display: block;margin-top: 50px;margin-left: 123px;}
#main-bottom .tab-con .tab-con-3{width: 960px;display: block;margin-top: 50px;margin-left: 123px;}

#content{height: 620px;background: #f5f9fd;width: 1900px;margin: 0 auto;}
#content h3{font-weight: 500;color: #4766a0;font-size: 30px;padding-top: 80px;text-align: center;}
#content .title{font-size: 18px;text-align: center;color: #85a1c1;padding-top: 12px;}
#content .content-left{margin: 64px 0 0 34px;float: left;}
#content .content-left ul {width: 360px;}
#content .content-left ul li{width: 360px;margin-top: 20px;}
#content .content-left ul li p{float: left;width: 286px;text-align: right;font-size: 15px;color: #85a1c1;margin-top: 5px;}
#content .content-left ul li img{margin-left: 24px;}

#content .content-center{float: left;margin: 70px 0 0 44px;}

#content .content-right{float: left;margin: 64px 0 0 34px;}
#content .content-right ul {width: 360px;}
#content .content-right ul li{width: 390px;margin-top: 25px;}
#content .content-right ul li img{float: left;}
#content .content-right ul li p{font-size: 15px;color: #85a1c1;margin-left: 70px;padding-top: 5px;}