@charset "utf-8";
body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; font-size:12px; line-height:24px}
.m{width: 1200px;margin: 0 auto;}

.head{width: 100%; height: 72px;position: absolute;z-index: 9;top: 0;left: 0;padding-top: 18px;}
.head .logo{}
.head .nav{margin-top: 20px;}
.head .nav li{float: left;font-size: 16px;color: #fff;margin: 0px 50px;padding-bottom: 4px;}
.head .nav li.on{border-bottom: 2px solid #fff;}
.head .nav li:hover{border-bottom: 2px solid #fff;}
.head .nav li:last-of-type{margin-right: 0;}
/*手机导航*/
.sj_bt{position: absolute;width: 60px;height: 60px;right: 20px;top: 8px;border-radius: 5px;display:none;z-index: 999999;}
.sj_bt span{position: absolute;height: 5px;width: 60px;background: #fafafa;top: 7px;left: 5px;transition: all 0.3s ease-in-out;}
.sj_bt span:nth-child(2){top: 27px;}
.sj_bt span:nth-child(3){top: 47px;}
.sj_bt.on span:nth-child(1){transform: rotate(45deg);top: 25px;}
.sj_bt.on span:nth-child(2){display: none;}
.sj_bt.on span:nth-child(3){transform: rotate(-45deg);top: 25px;}
.xx3{height: 620px;position:relative;}
.xx3 .hd{position:absolute; bottom:20px; text-align:center; z-index:99; width:100%;}
.xx3 .hd ul li{display:inline-block; margin:0 5px; width:10px; height:10px;border: 1px solid #fff; text-indent:-9999px;cursor:pointer;;border-radius:50px;}
.xx3 .hd ul li.on{background:#fff;}
.xx3 .bd{height:100%}
.xx3 .bd ul{height:100%}
.xx3 .bd ul li{height:100%}

.title{text-align: center;}
.title h1{font-size: 18px;font-weight: bold;color: #333333;}
.title h2{width: 50px;height: 2px;background: #333333;display: inline-block;margin: 20px 0 25px 0;}
.title p{font-size: 14px;color: #808080;line-height: 26px;}
.con1{padding: 50px 0;}
.con1 .box{width: 100%;height: 434px; background:url(../images/bj_1.png) no-repeat center;margin-top: 40px;}
.con1 .box li{position: relative;color: #666666;width: 230px;padding-left: 38px;}
.con1 .box li h1{font-size: 14px;font-weight: bold;color: #333333;}
.con1 .box li strong{font-size: 16px;color: #010101;}
.con1 .box li#s1{background:url(../images/i1.png) no-repeat left top;left: 105px;top: 40px;}
.con1 .box li#s2{background:url(../images/i2.png) no-repeat left top;float: right;bottom: 35px;right: 10px;}
.con1 .box li#s3{background:url(../images/i3.png) no-repeat left top;top: 275px;left: 72px;}
.con1 .box li#s4{background:url(../images/i4.png) no-repeat left top;float: right;top: 175px;right: 65px;}
.con1 .more{width: 98px;height: 30px;line-height: 28px;text-align: center;border: 1px solid #333333;color: #333333;margin: 35px auto 0 auto;border-top-right-radius: 10px;border-bottom-left-radius:  10px;}
.con1 .more:hover{background: #106887;color: #fff;}
.con2{width: 100%;height: 500px;background:url(../images/bj_2.png) no-repeat center;}
.con2 li{width: 400px;height: 500px; float: left;text-align: center;padding-top: 175px;cursor:pointer;color: #ffffff;transition: all 0.4s ease-in-out;}
.con2 li:hover{width: 400px;height: 500px; background: rgba(16,104,135,0.7);padding-top: 105px;}
.con2 li:hover .di{display: block !important;}
.con2 li .pic{}
.con2 li .pic p{font-size: 16px;padding-top: 25px;}
.con2 li .di{font-size: 14px;margin-top: 15px;display: none;}
.con2 li .di p{padding: 0 90px;}
.con2 li .di .more{width: 98px;height: 30px;line-height: 28px;text-align: center;border: 1px solid #fff;color: #fff;margin: 18px auto 0 auto;border-top-right-radius: 10px;border-bottom-left-radius:  10px;}
.con3{width: 100%;height: 510px;background:url(../images/bj_3.png) no-repeat center;padding-top: 50px;}
.con3 .box{margin-top: 10px;}
.con3 .box li{width: 265px;height: 320px;float: left;text-align: center;font-size: 16px;color: #666666;padding-top: 105px;cursor:pointer;transition: all 0.3s ease-in-out;margin: 0 17px;}
.con3 .box li .w_1{font-family: Impact;font-size: 44px;color: #106887;}
.con3 .box li .w_2{margin-top: 40px;}
.con3 .box li:hover{background: #fff;box-shadow:0px 0px 20px 0px #e3e3e3;padding-top: 85px;}
.con4{width: 100%;height:760px;background:url(../images/bj_4.png) no-repeat center;padding-top: 50px;}
.con4 .title h1{color: #fff;}
.con4 .title h2{background: #fff;}
.con4 .box{height: 605px;background:url(../images/map.png) no-repeat;background-position: right 75px top 0px;}
.con4 .word{width: 300px;float: left;margin: 400px 0 0 80px;}
.con4 .word h1{font-size: 16px;color: #ffffff;padding-bottom: 7px;padding-left: 20px;}
.con4 .word p{font-size: 14px;color: #cccccc;padding-left: 20px;line-height: 21px;}
.con4 .word .w_1 h1{background:url(../images/i11.png) no-repeat left top;background-position-y: 8px;}
.con4 .word .w_2 h1{background:url(../images/i12.png) no-repeat left top;background-position-y: 8px;}
.con4 .word .w_2{margin-top: 15px;}
.foot{width: 100%;height: 120px;background: #020509;color: #67696b;font-size: 14px;}
.foot .box_1{height: 66px; border-bottom: 1px solid #35373a;text-align: center;padding-top: 13px;}
.foot .box_1 li{display: inline-block;margin: 0px 50px;}
.foot .box_1 li span{display: inline-block;margin-right: 10px;position: relative;top: 7px;}
.foot .box_2{text-align: center;line-height: 54px;color: #ccc;font-size: 12px;}

/*IDC分布*/
.map{height: 600px;background:url(../images/map.png) no-repeat center;margin: 50px auto;position: relative;}
.map .word{position: absolute;bottom:0;font-size: 14px;width: 500px;}

/*产品与服务*/
.navfirst{width: 100%;height: 80px;line-height: 80px;border-bottom: 1px solid #cccccc;font-size: 18px;color: #808080;text-align: center;}
.navfirst li{display: inline-block;margin: 0 50px;}
.navfirst li.on{color: #245978;}
.navfirst li:hover{color: #245978;}
.Products{padding: 45px 0;}
.Products h1{font-weight: bold;font-size: 24px;color: #106887;text-align: center;}
.Products .pon1{text-align: center;font-size: 16px;color: #333333;}
.Products .pon1 p{line-height: 30px;padding-top: 20px;}
.Products .pon2{text-align: center;padding: 65px 0;}
.Products .pon2 p{padding: 60px 0;}
.Products .pon2 h2{font-size: 16px;color: #333333;}
.Products .pon3{}
.Products .pon3 .box{padding: 35px 0;}
.Products .pon3 .box li{width: 340px;float: left;margin: 25px 30px;cursor:pointer;}
.Products .pon3 .box li .pic{width: 54px;height: 50px;}
.Products .pon3 .box li .word{width: 270px;}
.Products .pon3 .box li .word h2{font-size: 15px;color: #333333;}
.Products .pon3 .box li .word p{font-size: 14px;color: #808080;padding-top: 8px;}
.Products .pon3 .box li:hover img{transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transition: .6s;-o-transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;}
.Products .pon4{padding: 60px 0;text-align:center;}
.Products .pon4 p{font-size: 14px;color: #666666;padding: 20px 0;}
.Products .pon5{}
.Products .pon5 .box{padding: 40px 0;}
.Products .pon5 .box li{width: 140px;height: 41px;float: left;margin: 30px 50px;}
.Products .pon6{}
.Products .pon6 .box{text-align: center;padding: 70px 0;}
.Products .pon6 .box li{width: 575px;height: 212px;background: #f5f5f5;display: inline-block;padding: 45px 0 0 80px;margin: 8px 10px;cursor:pointer;}
.Products .pon6 .box li .pic{width: 98px;height: 94px;}
.Products .pon6 .box li .word{color: #666666;text-align: left;margin-left: 45px;line-height: 44px;}
.Products .pon6 .box li .word h2{font-size: 20px;}
.Products .pon6 .box li .word h3{font-size: 16px;}
.Products .pon6 .box li:hover img{transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transition: .6s;-o-transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;}
.Products .pon7{}
.Products .pon7 .box{padding: 40px 0;text-align: center;font-size: 18px;color: #0b496c;}
.Products .pon7 .box li{width: 240px;height: 355px;background: #f9f9f9;display: inline-table;padding-top: 70px;margin: 0 13px;position: relative;cursor:pointer;}
.Products .pon7 .box li .pic{position: absolute;bottom: 50px;left: 75px;}
.Products .pon7 .box li:hover img{transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transition: .6s;-o-transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;}

/*资源中心*/
.Resources{padding: 60px 0;}
.Resources li{width: 282px;float: left;border: 1px solid #f1f1f1;margin: 14px 9px;overflow: hidden;}
.Resources li .pic{width: 282px;height: 165px;overflow: hidden;    transition: all ease-out .5s;}
.Resources li .pic img{max-width: 100%;transition: all ease-out .5s;}
.Resources li p{display: block;width: 100%;height: 36px;line-height: 36px;background: #f8f8f8;font-size: 16px;color: #454545;padding-left: 10px;}
.Resources li h3{display: block;width: 100%;height: 36px;line-height: 36px;background: #f8f8f8;font-size: 13px;color: #454545;padding-left: 10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.Resources li:hover img{transform: scale(1.05);transition: all ease-out .5s;}
.Resources .ron1{}
.Resources .ron1 .tit{text-align: center;font-size: 24px;color: #333333;}
.Resources .ron1 .word{width: 100%;height: 630px;background: #f9f9f9;margin-top: 50px;}
.Resources .ron1 .word .pic{width: 706px;_height: 456px;margin: 65px 0 0 35px;overflow: hidden;}
.Resources .ron1 .word .pic img{max-width: 100%;}
.Resources .ron1 .word .wen{width: 390px;color: #333333;padding-right: 5px;}
.Resources .ron1 .word .wen h1{font-size: 14px;padding-bottom: 8px;}
.Resources .ron1 .word .wen div{margin: 44px 0;}
.Customer{width: 100%;background: #f9f9f9;padding: 60px 0;}
.Customer .tit{text-align: center;font-size: 24px;color: #333333;margin-bottom: 60px;}
.Customer li{width: 245px;height: 360px;background: #ffffff;float: left;text-align: center;padding-top: 90px;margin: 0px 27px;cursor:pointer;position:  relative;}
.Customer li .word{font-size: 18px;color: #0b496c;padding: 0 20px;}
.Customer li .pic {position: absolute;bottom: 35px;left: 75px;}
.Customer li:hover .pic img{transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transition: .6s;-o-transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;}

/*支持中心*/
.Support{padding: 70px 0;}
.Support .tit{text-align: center;font-size: 24px;color: #106887;font-weight: bold;}
.Support .sont{margin: 45px 0;}
.Support .sont li{float: left;width: 385px;height: 260px;background: #f7f9fa;text-align: center;padding-top: 45px;margin: 0 7px;}
.Support .sont li .w_1{width: 120px;border-bottom: 1px solid #dddddd;font-size: 18px;color: #000000;margin: 0 auto;padding-bottom: 8px;}
.Support .sont li .w_1 p{padding-top: 10px;}
.Support .sont li .w_2{font-size: 14px;color: #666666;margin-top: 8px;}
.Support .sont li .w_3{font-size: 14px;color: #245978;margin-top: 20px;}
.Support .sont li .w_3 span{display: inline-block;margin-left: 15px;position: relative;top: 5px;}
.Support .Sales{}
.Support .Sales .tit{font-size: 18px;color: #333333;}
.Support .Sales .form{padding: 35px 0;}
.Support .Sales .form li{font-size: 20px;color: #333333;float: left;margin: 30px 115px;}
.Support .Sales .form li input{width: 282px;height: 52px;line-height: 52px;border: 1px solid #bfbfbf;font-size: 16px;margin-left: 15px;}
.Support .Sales .form li select{width: 282px;height: 52px;font-size: 16px;color: #bfbfbf;margin-left: 15px;}
.Support .Sales .form li:nth-child(4){margin-left: 83px;}
.Support .Sales .form .Sub{width: 140px;height: 46px;line-height: 44px;text-align: center;font-size: 20px;color: #ffffff;background: #245978;border: 0;margin: 50px auto 0 auto;display: block;cursor:pointer;}
.Support .Sales .form .Sub:hover{background: #fff;color: #245978;border: 1px solid #245978;}

/*关于我们*/
.About{padding: 70px 0;font-size: 16px;}
.About p{line-height: 28px;text-align:justify;}
.About .tit{text-align: center;font-size: 24px;color: #106887;font-weight: bold;margin-bottom: 35px;}
.About .aont1{height: 27px;background:url(../images/bj_5_01.png) no-repeat center;}
.About .aont2{height: auto;background:url(../images/bj_5_02.png) repeat-y center top;}
.About .aont2 li{font-size: 16px;color: #333333;width: 50%;height: 223px;padding: 0 25px;position: relative;}
.About .aont2 li:nth-child(2n-1){float: right;top: 95px;}
.About .aont2 li:nth-child(2n) {float: left;text-align: right;}
.About .aont2 li:nth-child(2){margin-top: 210px;}

.aoqi{-webkit-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s;-ms-transition: all ease-out .5s;}
.aoqi:hover{-webkit-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-ms-transform: scale(1.05)}












@media screen and (max-width:1199px){
.m{width: 98%;margin: 0 1%;}
.head{position: static;background: #020509;padding: 8px;}
.head .logo{}
.head .nav{display: none;position: absolute;top: 53px;left: 0;width: 100%;z-index: 999;background: rgba(0,0,0,0.55);padding: 10px 0;}
.head .nav li{width: 100%;text-align: center;margin: 0;line-height: 38px;}
.head .nav li:hover{}
.head .nav li:last-of-type{}
.sj_bt{display: block;}
.xx3{height: 140px;}
.xx3 .hd{}
.xx3 .hd ul li{}
.xx3 .hd ul li.on{}
.xx3 .bd{}
.xx3 .bd ul{}
.xx3 .bd ul li{background-size: 100% !important;}
.title{}
.title h1{}
.title h2{}
.title p{}
.con1{}
.con1 .box{background-size: 90% auto;}
.con1 .box li{}
.con1 .box li h1{font-size: 13px;}
.con1 .box li strong{font-size: 13px;}
.con1 .box li#s1{left: 0;}
.con1 .box li#s2{right: 0;padding-left: 6rem;background-position-x: 60px;}
.con1 .box li#s3{left: 0;}
.con1 .box li#s4{right: 0;padding-left: 6rem;background-position-x: 60px;}
.con1 .more{margin-top: 100px;}
.con1 .more:hover{}
.con2{height: auto; background-image: none;}
.con2 li{width: 100%; border-bottom: 1px solid #fafafa; height: 350px; padding-top: 105px;}
.con2 li:hover{width: 100%;height: 350px;padding-top: 45px;}
.con2 li:hover .di{}
.con2 li .pic{}
.con2 li .pic p{}
.con2 li .di{}
.con2 li .di .more{}
.con2 li:nth-child(1){background: url(../images/m_1.jpg) no-repeat;background-size: cover;}
.con2 li:nth-child(2){background: url(../images/m_2.jpg) no-repeat;background-size: cover;}
.con2 li:nth-child(3){background: url(../images/m_3.jpg) no-repeat;background-size: cover;}
.con3{height: auto;background-size: cover;}
.con3 .box{}
.con3 .box li{width: 50%;height: 220px; margin: 0;padding-top: 15px;}
.con3 .box li .w_1{}
.con3 .box li .w_2{}
.con3 .box li:hover{padding: 35px;}
.con4{height: auto;}
.con4 .title h1{}
.con4 .title h2{}
.con4 .box{background-position: top; height: auto; background-size: contain;}
.con4 .word{width: 100%; padding: 0 2%; margin: 350px 0 0 0;}
.con4 .word h1{}
.con4 .word p{}
.con4 .word .w_1 h1{}
.con4 .word .w_2 h1{}
.con4 .word .w_2{}
.foot{height: auto;}
.foot .box_1{height: auto; padding-bottom: 20px;}
.foot .box_1 li{}
.foot .box_1 li span{}
.foot .box_2{}
/*产品与服务*/
.navfirst{height: auto;}
.navfirst li{margin: 0 25px;}
.navfirst li:hover{}
.Products{padding: 50px 0;}
.Products h1{}
.Products .pon1{}
.Products .pon1 p{}
.Products .pon2{}
.Products .pon2 p{}
.Products .pon2 p img{max-width: 100%;}
.Products .pon2 h2{}
.Products .pon2 h2 img{max-width: 100%;}
.Products .pon3{}
.Products .pon3 .box{}
.Products .pon3 .box li{width: 100%; margin: 25px 0;padding: 0 20px;}
.Products .pon3 .box li .pic{}
.Products .pon3 .box li .word{}
.Products .pon3 .box li .word h2{}
.Products .pon3 .box li .word p{}
.Products .pon3 .box li:hover img{}
.Products .pon4{padding: 0;}
.Products .pon4 p{}
.Products .pon4 p img{max-width: 100%;}
.Products .pon5{}
.Products .pon5 .box{}
.Products .pon5 .box li{width: 50%; margin: 15px 0; text-align: center;}
.Products .pon6{}
.Products .pon6 .box{padding: 35px 0;}
.Products .pon6 .box li{width: 100%; margin: 10px 0; padding: 50px 0;}
.Products .pon6 .box li .pic{float: none;display: inline-block;}
.Products .pon6 .box li .word{float: none;display: inline-block;margin-left: 0;}
.Products .pon6 .box li .word h2{}
.Products .pon6 .box li .word h3{}
.Products .pon6 .box li:hover img{}
.Products .pon7{}
.Products .pon7 .box{}
.Products .pon7 .box li{width: 49%; margin: 5px 0; font-size: 16px;}
.Products .pon7 .box li .pic{left: 50px;}
.Products .pon7 .box li:hover img{}
/*资源中心*/
.Resources{}
.Resources li{width: 48%; margin: 10px 1%;}
.Resources li .pic{width: 100%; height: auto;}
.Resources li .pic img{height: auto;}
.Resources li p{}
.Resources li:hover img{}
.Resources .ron1{}
.Resources .ron1 .tit{line-height: 30px;font-size: 20px;}
.Resources .ron1 .word{height: auto;}
.Resources .ron1 .word .pic{height: auto; width: 100%; margin: 0;}.Resources .ron1 .word .pic img{max-width:100%;}
.Resources .ron1 .word .wen{width: 100%;padding-left: 5px;}
.Resources .ron1 .word .wen h1{}
.Resources .ron1 .word .wen div{}
.Customer{}
.Customer .tit{}
.Customer li{width: 48%; margin: 1% 1%;}
.Customer li .word{}
.Customer li .pic{left: 30%;}
.Customer li:hover .pic img{}
/*支持中心*/
.Support{}
.Support .tit{}
.Support .sont{}
.Support .sont li{width: 100%; margin: 2px 0;}
.Support .sont li .w_1{}
.Support .sont li .w_1 p{}
.Support .sont li .w_2{}
.Support .sont li .w_3{}
.Support .sont li .w_3 span{}
.Support .Sales{}
.Support .Sales .tit{}
.Support .Sales .form{}
.Support .Sales .form li{width:100%; font-size: 16px; margin: 15px 0;}
.Support .Sales .form li input{width: 75%;}
.Support .Sales .form li select{width: 66.5%;}
.Support .Sales .form li:nth-child(4){margin-left: 0;}
.Support .Sales .form .Sub{}
.Support .Sales .form .Sub:hover{}
/*关于我们*/
.About{}
.About .aont1{}
.About .aont2{}
.About .aont2 li{}
.About .aont2 li:nth-child(2n-1){}
.About .aont2 li:nth-child(2n){}
.About .aont2 li:nth-child(2){}
.map{background-size: contain;}
.map .word{width: 100%;}
}