@charset "utf-8";
html{
color:#000; font-size:62.5%;
font-family:'Microsoft yahei',Arial !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; font-size:14px; width:100%; margin:0px auto; min-width:320px; font-family:'Microsoft yahei',Arial !important;}
a { color:#000; text-decoration:none; outline: none !important; }
a:hover{text-decoration:none;}
img { border:none; }
ol,ul,li { list-style:none; }
i{background-color:none;}
img{ max-width:100%;}
body{
overflow-x:hidden;
-webkit-overflow-scrolling : touch;
}
.fl {
float:left;
display: inline;
}
.fr {
float:right;
display: inline;
}
.por{
position: relative;
}
.poa{
position: absolute;
}
.pof{
position: fixed;
}
.poa-f{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.in-bo{
margin:35px auto;
}
.v-row{
margin-left: -30px;
margin-right: -30px;
}
/*
header{
width: 100%;
height: 90px;
}*/
.t-container{
max-width: 1400px;
margin:0 auto;
overflow: hidden;
}
.cho-e{
float: right;
}
.cho-e a{
font-size: 16px;
color: #FFFFFF;
padding: 34px 22px;
display: block;
background-color: #0070cd;
}
/*.navigation li:hover .nav-line{
width: 50%;
}*/
@font-face {font-family: 'iconfont';src: url('../fonts/iconfont.eot');src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.sub{
position: absolute;
top: 89px;
left: 0;
display: none;
/*opacity: 1;*/
min-width: 980px;
z-index: 99999;
transition: all 0.5s;
}
.sub_box{
width: 100%;
z-index: 99999;
}
.sub_box-products{
background: url(../img/bg_shadow01.png);
}
.sub_box>.box{
position: relative;
width: 936px;
min-height: 295px;
margin: 0 auto;
padding-bottom: 55px;
/* display: none;*/
z-index: 99999;
}
.sub .box-tips{
float: left;
width: 113px;
padding-top: 55px;
}
.sub .box-tips .line{
height: 4px;
margin-bottom: 4px;
}
.sub .box-tips .in{
width: 42px;
height: 4px;
background:#0070cd;
}
.sub .box-tips h2{
font-size: 24px;
padding: 26px 0;
line-height: 1.2;
color: #0070cd;
font-weight: 100;
}
.sub .box-tips a{
display: inline-block;
width: 100px;
font: 12px/33px Arial;
color: #b7242b;
border: 1px solid #b7242b;
text-align: center;
text-transform: uppercase;
transition: color 0.5s;
}
/* 导航产品 */
.sub-products .list{
float: right;
width: 756px;
margin-top: 55px;
}
.sub-products ul{
border-left: 1px solid #d5d5d8;
border-top: 1px solid #d5d5d8;
}
.sub-products li{
width: 150px;
height: 115px;
padding-top: 8px;
border-right: 1px solid #d5d5d8;
border-bottom: 1px solid #d5d5d8;
line-height: 40px;
text-align: center;
}
.sub-products_y li{
line-height: 14px;
}
.sub-products_y li p{
padding-top: 3px;
}
.sub-products p{
color: #666;
transition: color 0.5s;
}
.sub-products a:hover p{
color: #0070cd;
}
/* 导航解决方案 */
.sub-program .list{
float: right;
width: 756px;
margin-top: 55px;
}
.sub-program ul{
border-left: 1px solid #d5d5d8;
}
.sub-program li{
width: 150px;
height: 115px;
padding-top: 8px;
border-right: 1px solid #d5d5d8;
border-bottom: 1px solid #d5d5d8;
border-top: 1px solid #d5d5d8;
line-height: 34px;
text-align: center;
float: left;
}
.sub-program_y li{
line-height: 13px;
}
.sub-program_y li p{
padding-top: 3px;
}
.sub-program p{
color: #666;
transition: color 0.5s;
}
.sub-program a:hover p{
color: #0070cd;
}
/* 导航服务 */
.sub-service .list{
float: left;
padding-top: 37px;
margin-left: 112px;
}
.sub-service li.fi{
width: 169px;
padding-right: 1px;
background: url(../img/bg_line05.png) repeat-y right 8px;
}
.sub-service li.se{
width: 130px;
margin-left: 112px;
display: inline;
}
.sub-service a{
display: inline-block;
line-height: 22px;
color: #878787;
transition: color 0.5s;
}
.sub-service a.tit{
width: 100%!important;
font-size: 14px;
line-height: 46px;
color: #b7242b;
}
.sub-service a:hover{
color: #b7242b;
}
.sub-service .sign{
width: 124px;
}
/* 导航关于 */
.sub-about .list{
float: left;
margin-left: 52px;
padding-top: 37px;
}
.sub-about li{
padding-left: 60px;
}
.sub-about li.fi{
width: 188px;
}
.sub-about_y li.fi{
width: 285px;
}
.sub-about li.se{
height: 320px;
border-right: 1px solid #d9d8db;
margin: 20px 21px 0 0;
}
.sub-about li.th{
width: 112px;
}
.sub-about li.th_y{
width: 160px;
}
.sub-about li .box{
height: 174px;
}
.sub-about a{
display: inline-block;
line-height: 22px;
color: #878787;
transition: color 0.5s;
}
.sub-about a.tit{
width: 100%!important;
font-size: 14px;
line-height: 48px;
color: #b7242b;
}
.sub-about li.fi .half a{
float: left;
width: 50%;
}
.sub-about a:hover{
color: #b7242b;
}
.sub-about .sign{
width: 124px;
}
.sub-about .sign a{
display: inline-block;
width: 122px;
height: 56px;
padding: 15px 0 5px;
border: 1px solid #cfced0;
margin: 54px 0 41px;
line-height: 24px;
text-align: center;
transition: all 0.5s;
}
.sub-about .sign a:hover{
border: 1px solid #b7242b;
}
.sub-about .sign-in{
display: inline-block;
width: 122px;
height: 32px;
margin: 0 auto;
}
.sub-about .box.sign a{
margin-top: 18px;
}
.in-bo-product1{
width: 100%;
overflow: hidden;
position: relative;
height: 0px;
padding-bottom: 100%;
}
.in-bo-product2{
width: 100%;
overflow: hidden;
position: relative;
height: 0px;
padding-bottom: 95%;
}
.in-bo-product1 a{
display: block;
}
.in-bo-product1 a:hover .in-bo-text{
bottom: 0px;
transition:all 0.5s;
}
.in-bo-product2 a{
display: block;
}
.in-bo-product2 a:hover .in-bo-text{
bottom: 0px;
transition:all 0.5s;
}
.in-bo-product1 .in-bo-img{
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
top: 0px;
left: 0px;
border: 1px solid #cbcbcb;
}
.in-bo-product1 .in-bo-img img{
width: 100%;
height: 100%;
display: block;
}
.in-bo-product1 .in-bo-text{
height: 50px;
position: absolute;
bottom: -50px;
background-color: rgba(39,39,39,.5);
width: 100%;
}
.in-bo-product2 .in-bo-img{
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
top: 0px;
left: 0px;
border: 1px solid #cbcbcb;
}
.in-bo-product2 .in-bo-img img{
width: 100%;
height: 100%;
display: block;
}
.in-bo-product2 .in-bo-text{
height: 50px;
position: absolute;
bottom: -50px;
background-color: rgba(39,39,39,.5);
width: 100%;
}
.in-bo-text p{
font-size: 16px;
padding: 12px 15px;
color: #ffffff;
overflow: hidden;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.v-top{
width: 100%;
overflow: hidden;
/*margin-bottom: 20px;*/
}
.pro-col{
margin-right:0px;
margin-left: 0px;
}
.in-bg{
width: 100%;
}
.in-jian{
text-align: center;
color: #0070cd;
margin: 35px auto 20px;}
.in-jian h3{
font-size: 35px;
margin-bottom: 8px;
}
.in-jian p{
font-size: 20px;
color: #d6d6d6;
text-transform:uppercase;
}
.in-jian .va-p{
font-size: 20px;
color: #d6d6d6;
text-transform:uppercase;
margin-bottom: 20px;}
.in-bt{
margin: 0 auto;
}
.in-btbox{
width: 212px;
margin: 0 auto;
}
.in-btbox .nav-pills>li+li{
margin-left: 0px;}
.nav-pills>li>a{
background: #f3f3f3;
color: #666666;
border-radius: 0px;
padding: 15px 25px;
}
.in-jian-l{
width: 100%;
overflow: hidden;
padding: 0px;
}
.in-jian-r{
overflow: hidden;
background: #f3f3f3;
margin-bottom: 15px;
padding: 20px;
}
.in-jian-r h4{
color: #333333;
font-size: 18px;
font-weight: 600;
}
.in-jian-t{
margin: 20px 0px 30px 0px;
}
.in-jian-text{
color: #666666;
line-height: 35px;
}
.in-more{
padding: 5px 15px 5px 0px; color: #0070cd;
text-decoration: underline;
font-size: 15px;
display: block;
}
.in-more img{
display: inline-block;
margin-left: 10px;
}
.in-new-top{
background: #0070cd;
padding: 12px 12px;
border-radius: 8px;
margin: 15px 0px;
}
.in-new-top p{
font-size: 20px;
color: #ffffff;
}
.in-new-top p a{
font-size: 15px;
display: inline-block;
text-decoration: underline;
color: #ffffff;
float: right;
}
.new-more img{
margin-left: 10px;
}
.in-new-a{
display: block;
padding: 10px 8px;
font-size: 16px;
}
.in-new-a .ico{position: absolute;top:12px;left: 0;
padding: 1px;
margin-right: 10px;
}
.in-new-li{position: relative;padding: 0;margin-top: 15px;}
.in-new-a .date{display: inline-block; position: absolute;top: 0;right: 0;height: 42px;line-height: 42px;
color: #a7a7a7;
display: inline-block;
}
.in-new-a .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.in-new-a .title-box{margin-left: 20px;margin-right: 90px;}
.in-new-a:hover{
background: #f4f4f4;
transition: all 0.5s;
color: #0070cd;
}
footer{
width: 100%;
background: #4c4c4c;
color: #cdcdcd;
}
.foot-link{
padding: 30px 0px 20px 10px;
}
.foot-link a{
color: #cdcdcd;
display: inline-block;
margin-right: 10px;}
.foot-copy{
padding: 20px 0px 20px 10px;
border-top: 1px solid #5d5d5d;
}
.bannar1{
width: 100%;
border-top: 1px solid #a0a0a0;
background: url(../img/p12.jpg) no-repeat;
}
.v-cap{
padding: 30px 0px 20px 10px;
}
/*beat365官网-beat365体育平台介绍*/
.in-jie{
text-align: center;
color: #575757;
margin: 50px auto 20px;
}
.in-jie h3{
font-size: 33px;
margin-bottom: 10px;
font-weight: 500;
}
.in-jie p{
font-size: 22px;
color: #999999;
text-transform:capitalize;
/*margin-bottom: 20px; */
}
.jie-p{
line-height: 35px;
}
.in-ju{
margin-bottom: 60px;
}
.bannar3{
width: 100%;
background: url(../img/p19.jpg) no-repeat;
background-size: cover;
}
.in-jie1{
text-align: center;
color: #ffffff;
margin: 35px auto 20px;}
.in-jie1 h3{
font-size: 33px;
margin-bottom: 10px;
font-weight: 500;
margin-top: 35px;
}
.in-jie1 p{
font-size: 22px;
color: #ffffff;
text-transform:capitalize;
/* margin-bottom: 20px; */
}
.in-jie-han{
width: 100%;
overflow: hidden;
font-size: 14px;
line-height: 42px;
color: #ffffff;
padding: 25px 20px 33px 20px;
}
.in-jie-box{
width: 100%;
margin: 35px auto 188px;
}
.in-jie-fen-l{
width: 100%;
overflow: hidden;
position: relative;
}
.in-jie-fen-r{
width: 100%;
height: 300px;
position: relative;
}
.in-jie-fen-r .in-jie-tit{
width: 100%;
position: relative;
background: #54c2f0;
line-height: 35px;
color: #ffffff;
padding: 0px 15px 25px 15px;
}
.in-jie-bg{
width: 100%;
background: #f9f9f9;
}
.in-jie-bg-t{
text-align: center;
color: #575757;
margin: 15px auto 0px;}
.in-jie-bg-t h3{
font-size: 33px;
margin-bottom: 10px;
font-weight: 500;
margin-top: 70px;
}
.in-jie-bg-t p{
font-size: 22px;
color: #999999;
text-transform:capitalize;
}
.in-jie-his{
margin: 0 auto;
width: 100%;
overflow: hidden;
}
.in-jie-his img{
display: block;
max-width: 100%;
height: auto;
margin: 20px auto;
}
/*产品介绍*/
.ng-box{
width: 100%;
margin-top: 25px;
overflow: hidden;
}
.ng-box-l{
width: 100%;
overflow: hidden;
}
.ng-box-l-t h4{
font-size: 23px;
color: #ffffff;
background: #0070cd;
padding: 18px 0px;
text-align: center;
}
.ng-box-l-menu{
width: 100%;
overflow: hidden;
}
.ng-box-l-menu li{
width: 100%;
overflow: hidden;
}
.ng-box-l-menu li a{
color: #999999;
padding: 15px 0px;
display: block;
text-align: center;
font-size: 14px;
border-bottom: 1px solid #e4e4e4;
}
.ng-box-l-menu li a:hover{
background: #f4f4f4;
color: #666666;
transition: all 0.3s ease-in-out;
}
.ng-box-l-chat{
width: 100%;
border-top: 3px solid #0070cd;
padding: 20px 20px;
background: #f4f4f4;
}
.ng-box-l-ch{
width: 100%;
border-bottom: 1px dashed #a0a0a0;
overflow: hidden;
margin-bottom: 15px;
}
.ng-box-l-ch p img{
padding-right: 10px;
}
.ng-box-l-ch p{
color: #0070cd;
padding: 5px 0px 15px 0px;
line-height: 30px;
font-size: 16px;
}
.ng-box-l-tit{
width: 100%;
overflow: hidden;
line-height: 35px;
font-size: 12px;
color: #666666;
}
.ng-box-l-pro{
padding: 30px 10px 0px 10px;
font-size: 16px;
color: #4c4c4c;
font-weight: 600;
}
.ng-box-l-pro span{
padding: 10px 0px 10px 10px;
}
.ng-box-l-pro-b{
padding: 30px 10px 15px 10px;
}
.ng-box-l-pro-img{
width: 100%;
height: 100%;
}
#pro-list .thumb{border: 1px solid #cecece;overflow: hidden;}
.ng-box-l-pro-p{
text-align: center;
font-weight: 500;
color: #4c4c4c;
padding: 15px 0px;
}
.ng-box-r-pro{
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.ng-box-l-tui span{
font-size: 16px;
color: #4c4c4c;
font-weight: 600;
padding: 10px 0px 10px 10px;
}
.ng-box-r-tit{
padding: 15px 0px;
color: #4c4c4c;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.ng-box-r{
width: 100%;
height: auto;
overflow: hidden;
}
.ng-box-title{
width: 100%;
overflow: hidden;
border: 1px solid #e5e5e5;
padding:40px 30px 20px 30px;
margin-bottom: 20px;
}
.page-cont{
font-size: 14px;
line-height: 35px;
margin-top: 20px;
padding: 0px 20px;
text-indent: 2em;
color: #4c4c4c;
}
.page-cont img{
max-width:100%;
display:block;
margin:20px auto;
}
.menu-icon{
display: inline-block;
margin-left: 10px;
opacity: 0;
}
.ng-box-l-menu ul li a:hover .menu-icon{
transition: all 0.5s ease-in-out;
opacity: 1;
}
.ng-box-title-h3{
padding: 0px 20px;
text-align: center;
}
.ng-box-title-h3 h3{
padding: 10px 0px 20px 0px;
border-bottom: 1px solid #e5e5e5;
}
.ng-box-new{
width: 100%;
overflow: hidden;
margin-bottom: 40px;
}
.ng-box-new ul li{
border-bottom: 1px dashed #b4b4b4;
margin-top: 10px;
}
.ng-box-new ul li a{
padding: 10px;
display: block;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.ng-box-new ul li a:hover{
color: #1790d5;
}
.ng-box-news-more{
padding: 20px;
}
.ng-box-news-p1{
font-size: 12px;
color: #333333;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ng-box-news-p1 span{
font-size: 12px;
display: inline-block;
float: left;
color: #0070cd;
font-weight: 600;
}
.ng-box-news-p2{
font-size: 12px;
text-indent: 1em;
color: #999999;
line-height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ng-box-tt-h3{
padding: 0px 20px;
text-align: center;
}
.ng-box-tt-h3 h3{
padding: 10px 0px 20px 0px;
}
.ng-box-tt-h3 p{
padding: 15px 0px;
font-size: 14px;
color: #0070cd;
font-weight: 600;
border-bottom: 1px solid #e5e5e5;
}
.ng-box-r-bg1{
width: 100%;
height: auto;
overflow: hidden;
padding: 10px 0px 30px 0px;
background: #f4f4f4;
}
.ng-box-r-bg2{
width: 100%;
height: auto;
overflow: hidden;
padding: 10px 0px 30px 0px;
}
.ng-box-r-bg2 a{
display: block;
}
.news-pr{
padding: 20px 20px 0px 20px;
margin: 20px 0px;
border-top:1px solid #e5e5e5;}
.news-pr p{
margin: 5px 0px;
}
.news-pr p a{
color: #1790d5;
}
.online-box{
width: 100%;
overflow: hidden;
}
.online-box h4{
color: #ffffff;
text-align: center;
background: #0da3e1;
padding: 20px;
font-size: 20px;
border-radius: 8px 8px 0px 0px;
}
.online-form{
padding: 20px;
background: #edf1f3;
margin-bottom: 20px;
}
.online-form>p{
color: #666666;
}
.online-form>p>span{
font-size: 100%;
color: #e60012;
display: inline-block;
margin-right: 10px;
}
.checkbox{
font-size: 16px;
color: #666666;
text-align: center;
}
.online-tit{
margin: 20px auto;
position: relative;
}
.online-tit span{
font-size: 100%;
color: #e60012;
display: inline-block;
margin-right: 10px;
position: absolute;
top:0;
left: 0;
}
.online-tit .form-control{
width: 95%;
margin: 0 auto;
}
.online-chat{
position: relative;
margin: 20px auto;
}
.online-chat span{
font-size: 100%;
color: #e60012;
display: inline-block;
margin-right: 10px;
position: absolute;
top:0;
left: 0;
}
.online-chat .form-control{
margin-bottom: 20px;
}
.online-yan{
position: relative;
}
.online-yan span{
font-size: 100%;
color: #e60012;
display: inline-block;
margin-right: 10px;
position: absolute;
top:0;
left: 0;
}
.v-save{
margin: 30px auto 20px;
}
.v-save a{
color: #fff;
background: #0da0e1;
display: block;
padding: 10px 0px;
text-align: center;
border-radius: 6px;
}
/*.page a{
text-align: center;
display: block;
}
*/
.page{padding: 15px 0;height: 30px;}
.pagination{text-align:center; overflow: hidden;}
.pagination li{float:left;margin-left:6px;display:block;_display:inline; white-space: nowrap;_display: inline;}
.pagination li span,
.pagination li a{display: inline-block;border-radius: 3px; height: 32px;padding:5px 12px;margin-left:8px;color:#444444;background-color: #e2e2e2;font: 500 12px/22px "microsoft yahei";}
.pagination .previous-off,
.pagination .next-off{color:#999999;}
.pagination .on,.pagination a:hover{background-color: #00b7ee;color: #ffffff;}
.in-bg{
width: 100%;
}
.in-bg img{
display: block;
max-width: 100%;
}
.in-addbg{
width: 100%;
}
.img-menu{
width: 100%;
overflow: hidden;
position: relative;
top: 0px;
left: 0px;
right: 0px;
height: 0px;
padding-bottom: 115%;
margin-bottom: 20px;
}
.in-bigbox{
width: 100%;
position: relative;
top: 0;
left: 0;
right: 0px;
height: 0px;
padding-bottom: 115%;
margin-bottom: 20px;
}
.ng-baidumap {
width: 100%;
overflow: hidden;
position: relative;
top: 0px;
left: 0px;
right: 0px;
height: 0px;
padding-bottom: 115%;
margin-bottom: 20px;
}
.ng-baidumap iframe{
width:100%; height:100%;
display:block; position:absolute;
top:0px; left:0px; resize:none;
padding:0px; margin:0px;
border:0px;
}
.ng-box-r .left{
float: none;
width: 100%;
}
.ng-box-r .right{
float: none;
width:100%;
padding-left: 0px;}
.thumb{
overflow: hidden;
}
.thumb img.img{
width: 100%;
display: block;
}
.thumb-li{
padding-top: 15px;
}
.thumb-li a{
display: block;
float: left;
margin: 5px 5px 0 0;
border-top: 2px solid #ffffff;
padding-top: 0px;
}
.thumb-li a.on,.thumb-li a.hover{
border: 1px solid #0070cd;
display: block;
}
.news-info-text{
margin-top:25px;}
.news-info-text .xian{
display: block;
width: 100px;
height: 5px;
background: #0070cd;
}
.news-info-text h2{
font-weight: 100;
font-size: 26px;
line-height: 1.5;
padding-top: 13px;
margin-bottom: 40px;
}
.news-info-text tr{
display: block;
margin-bottom: 20px;
}
.news-info-text td{
font-size: 15px;
}