* { margin: 0px; padding: 0px;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border: none;}
body {font-family: Arial; font-size:10px; color:#000; line-height:10px;; width:100%;min-width: 1200px;}
ul, li { list-style-type: none; }
a{  text-decoration: none; color: #000;}
a:hover {  text-decoration: none; }
.fr{float:right;}
.fl{float:left;}

.top1{width: 100%;}
.top1 img{width: 100%;}

.menu {height: 50px;background: url('../images/st1-01.jpg') repeat-y;background-size: 100%;}
.menu ul li{height: 50px;}
.menu ul li h3 a{height: 50px;padding: 0 20px;line-height: 50px;font-size: 14px;color: rgba(255,255,255,0.7);}
.menu ul li.on h3 a, .menu ul li:hover h3 a {background: #1840be;color: rgba(255,255,255,1);}

.div{width: 1200px;margin: 0 auto;clear: both;}
.div1{width: 100%;background: url('../images/st1-news-bg.jpg') no-repeat;background-size: 100% 100%;padding: 40px 0 60px;clear: both;}
.t1{width: 100%;}
.t1 img{width: 100%;}

#banner0{ width:600px; height:520px; cursor:pointer; position: relative; overflow:hidden;display: inline-block;}
#banner0 .banner_img{ position: absolute; display:none;}
#banner0 .banner_img img{ width: 600px; height:400px;  }
#banner0 .banner_img p{ padding: 30px 30px 0; position: absolute; left: 0; bottom: -120px;  background: url('../images/st1-04.jpg') repeat-y;background-size: 100%; width:600px;height: 120px;}
#banner0 .banner_img p a { font-size: 24px; color: #fff; line-height: 30px;font-weight: bold;}
#banner0 .show{ display: block;}
#banner0 .img_index { width:600px;  position: absolute; bottom:120px;left: 0;padding: 20px 0; background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(255,255,255,0));background: -o-linear-gradient(top, rgba(0,0,0,1), rgba(255,255,255,0));background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(255,255,255,0));background: linear-gradient(to top, rgba(0,0,0,1), rgba(255,255,255,0));}
#banner0 .img_index ul{width: 100%;display: inline-block;text-align: center;}
#banner0 .img_index ul li{ width:20px; height:20px; cursor:pointer; display: inline-block; margin-left: 5px;background: url('../images/st1-page-off.png') no-repeat;background-size: 100% 100%; }
#banner0 .img_index ul li:hover ,#banner0 .img_index ul li.hover { position:relative;background: url('../images/st1-page-on.png') no-repeat;background-size: 100% 100%;}

.div1-1{width: 560px;height: 520px;float: right;}
.div1-1 dl{width: 100%;height: 199px; border-bottom: 1px solid #9ba8aa;margin-bottom: 40px;padding-top: 30px;}
.div1-1 dl dt a{font-size: 24px;color: #000;line-height: 30px;font-weight: bold;}
.div1-1 dl dd{font-size: 16px;color: #333;line-height: 20px;padding: 20px 0 0px;overflow: hidden;}
.div1-1 ul{width: 100%;}
.div1-1 ul li{width: 100%;height: 70px;padding: 0 20px;position: relative;}
.div1-1 ul li span{width: 13px;height: 19px;position: absolute;top: 0;left: 0;}
.div1-1 ul li span img{width: 100%;}
.div1-1 ul li a{font-size: 18px;line-height: 23px;color: #333;display: block;}

.div2{width: 100%;background: url('../images/st1-video-bg.jpg') no-repeat;background-size: 100% 100%;padding: 40px 0 0;}
.t2{width: 1200px;height: 100px;margin-bottom: 40px;}
.t2 img{width: 95px;height: 59px;margin-top: -8px;margin-right: 30px;}
.t2 a{font-size: 60px;line-height: 100px;font-weight: bold;color: #fff;}
#banner1{ width:1200px; height:691px; cursor:pointer; position: relative; overflow:hidden;display: inline-block;}
#banner1 .banner_img{ position: absolute; display:none;clear: both;}
#banner1 .banner_img img{ width: 720px; height:405px;  }
#banner1 .banner_img a{display: inline-block;position: relative;}
.vc{width: 480px;height: 405px;background: url('../images/st1-video-t.jpg') no-repeat;background-size: 100% 100%;float: right;}
.vc p{font-family: Helvetica;font-style: oblique;font-weight: bold;font-size: 25px;line-height: 32px;color: #000;width: 480px;height: 405px;display: table-cell;vertical-align: middle;padding: 0 30px;}
.vc span{font-family: Helvetica;font-style: oblique;font-size: 20px;line-height: 25px;color: #787878;margin-top: 30px;}
#banner1 .show{ display: block;}
#banner1 .img_index { width:1200px;height: 233px;  position: absolute; bottom:0;left: 0;border-top: 1px solid rgba(255,255,255,0.5);}
#banner1 .img_index ul{width: 100%;display: inline-block;clear: both;}
#banner1 .img_index ul li{ width:400px; height:233px; cursor:pointer; float: left; padding: 40px 20px 0;position: relative;}
#banner1 .img_index ul li a{font-size: 24px;line-height: 30px;color: #fff;}
#banner1 .img_index ul li:hover ,#banner1 .img_index ul li.hover { background: -webkit-linear-gradient(bottom, rgba(0,75,236,1), rgba(0,75,236,0));background: -o-linear-gradient(top, rgba(0,75,236,1), rgba(0,75,236,0));background: -moz-linear-gradient(top,rgba(0,75,236,1), rgba(0,75,236,0));background: linear-gradient(to top, rgba(0,75,236,1), rgba(0,75,236,0));}

.div3{width: 100%;height: 807px;background: url('../images/st1-Connectivity-bg.jpg') no-repeat;background-size: 100% 100%;}
.ic{width: 100%;height: 807px;background: url('../images/st1-Infrastructure-select.jpg') no-repeat;}
.mc{width: 100%;height: 807px;background: url('../images/st1-Mechanism-select.jpg') no-repeat;display: none;}
.toplist{width: 100%;height: 183px;position: relative;}
.tt{font-size: 36px;line-height: 42px;font-weight: bold;color: #fff;width: 400px;height: 183px;display: table-cell;vertical-align: middle;padding-left: 30px;}
.btnlist{width: 800px;border-bottom: 1px solid #7c7c7c;position: absolute;bottom: 20px;right: 0;padding: 10px 0;clear: both;}
.btnlist p{font-family: Helvetica;font-size: 20px;line-height: 25px;font-weight: bold;color: #000;display: inline-block;}
.btn1{margin-left: 30px;cursor:pointer;}
.btn2{margin-left: 50px;cursor:pointer;}
.btnlist span{font-family: Helvetica;font-size: 18px;line-height: 25px;color: #7c7c7c;float: right;}
#banner2,#banner3{ width:1200px; height:600px; cursor:pointer; position: relative; overflow:hidden;display: inline-block;}
#banner2 .banner_img,#banner3 .banner_img{ position: absolute; display:none;clear: both;left: 190px;}
#banner2 .banner_img img,#banner3 .banner_img img{ width: 710px; height:474px;  }
#banner2 .banner_img p,#banner3 .banner_img p{width: 100%; padding: 26px; position: absolute; left: 0; bottom: 0;  background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(255,255,255,0));background: -o-linear-gradient(top, rgba(0,0,0,1), rgba(255,255,255,0));background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(255,255,255,0));background: linear-gradient(to top, rgba(0,0,0,1), rgba(255,255,255,0));}
#banner2 .banner_img p a,#banner3 .banner_img p a { font-size: 24px; color: #fff; line-height: 30px;font-weight: bold;}
#banner2 .banner_img .num,#banner3 .banner_img .num{position: absolute;left: -92px;bottom: 0;font-size: 48px;line-height: 60px;color: #fff;}
#banner2 .show,#banner3 .show{ display: block;}
#banner2 .img_index,#banner3 .img_index { width:270px;height: 600px;  position: absolute; top:0;right: 0;}
#banner2 .img_index ul,#banner3 .img_index ul{width: 100%;display: inline-block;}
#banner2 .img_index ul li,#banner3 .img_index ul li{ width:270px; height:180px; cursor:pointer;margin-bottom: 20px;overflow: hidden;border: 6px solid rgba(255,255,255,0);}
#banner2 .img_index ul li img,#banner3 .img_index ul li img{width: 264px;height: 174px;}
#banner2 .img_index ul li:hover ,#banner2 .img_index ul li.hover,#banner3 .img_index ul li:hover ,#banner3 .img_index ul li.hover { border: 6px solid #bc1515;}
#banner2 .icone_left,#banner3 .icone_left{width: 48px;height: 48px;position:absolute;left: 108px;bottom: 250px;}
#banner2 .icone_right,#banner3 .icone_right{width: 48px;height: 48px;position:absolute;left: 108px;bottom: 195px;}

.div4{width: 100%;background: url('../images/st1-bg-p2.jpg') no-repeat;background-size: 100% 100%;padding: 40px 0;}
.be{width: 570px;display: inline-block;margin-bottom: 40px;}
.be .dl{width: 570px;height: 590px;background: url('../images/st1-Business-bg.jpg') no-repeat;background-size: 100% 100%;padding: 10px;}
.be dl dt{padding: 30px 30px 20px;}
.be dl dt a{font-size: 20px;color: #000;line-height: 25px;font-weight: bold;}
.be dl dd{font-size: 15px;color: rgba(0,0,0,0.7);line-height: 18px;padding: 0 30px 35px;overflow: hidden;}
.ll{width: 570px;float: right;}
.ll ul{width: 570px;height: 590px;background: url('../images/st1-livable-bg.jpg') no-repeat;background-size: 100% 100%;display: inline-block;padding: 40px 30px;}
.ll ul li{width: 100%;height: 80px;padding: 0 20px;position: relative;}
.ll ul li span{width: 13px;height: 19px;position: absolute;top: 0;left: 0;}
.ll ul li span img{width: 100%;}
.ll ul li a{font-size: 18px;line-height: 23px;color: #4a4a4f;display: block;}

.me{width: 590px;height: 300px;position: relative;margin-bottom: 40px;display: inline-block;}
.me a{display: inline-block;}
.me img{width: 590px;height: 300px;}
.me p{width: 590px;height: 80px;background: rgba(0,0,0,0.8);text-align: center;position: absolute;left: 0;bottom: 0;}
.me p a{width: 590px;font-size: 18px;line-height: 23px;color: #fff;height: 80px;display: table-cell;vertical-align: middle;}

.comments{width: 590px;height: 214px;margin-bottom: 60px;padding: 20px;background: url('../images/st1-comments-bg.png') no-repeat;background-size: 100% 100%;display: inline-block;}
.comments a{display: inline-block;}
.comments img{width: 192px;height: 128px;}
.comments p{width: 330px;float: right;padding: 10px 0 0;}
.comments p a{font-size: 20px;line-height: 25px;font-weight: bold;color: #fff;}

.sr{width: 590px;height: 302px;margin: 20px 0 60px;box-shadow: 2px 2px 30px rgba(7,17,60,.5);display: inline-block;}
.sr a{display: inline-block;}
.sr img{width: 590px;height: 302px;}

.gs1{width: 900px;height: 299px;display: inline-block;margin-top: 20px;}
.gs1 img{width: 900px;height: 299px;}
.gs2{width: 300px;height: 299px;float: right;margin-top: 20px;}
.gs2 img{width: 300px;height: 299px;}

.footer{margin: 0;line-height: 18px;}