﻿body 
{
	margin:0;
	padding:0;
	font-family:微软雅黑;
	color:#333;
}
a:hover
{
    text-decoration:none;
}
/*首页css样式*/
.head
{
    background:#061956;
    height:45px;
    line-height:45px;
    color:#fff;
    font-size:17px;
    position: fixed;
    width: 100%;
    z-index:16;
    left:0;
    right:0;
    text-align:center;
}
.icon-fanhui
{
    float:left;
    left:0;
    color:#fff;
    font-size:26px;
    position:absolute;
    font-weight:bold;
}
.fanhui img
{
    margin-right:10px;
}
.logo
{
    margin:4px auto 0;
}
.menu-button
{ 
	right:5px;
}
.subNav span
{
    font-size:16px;
    font-weight:normal;
    margin-right:5px;
}
.mob_hdp
{
    margin-top:45px;
    padding: 0;
}
.mob_hdp img
{
	margin:0 auto;
}
.carousel-control.left
{
	display:none;
}
.carousel-control.right
{
	display:none;
}
.carousel-indicators
{
    bottom:0;
    margin-bottom:0;
}
.carousel-indicators li
{
    border:1px solid #fff;
    background:#fff;
    width:24px;
    height:6px;
    margin:0;
    filter:alpha(opacity:50);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}
.carousel-indicators .active
{
    border-color:#fff;
    background:#fff;
    width:44px;
    height:6px;
    filter:alpha(opacity:100);
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
}
.about_nav
{
    padding:0;
    margin:0;
    text-align:center;
    border:none;
}
.about_nav li
{
    width:33.333%;
}
.about_nav li a
{
    display:block;
    background:#eeeeee;
    color:#999;
    padding:5px 0;
    border-radius:20px;
    border:none;
}
.about_nav>li.active>a, .about_nav>li.active>a:focus, .about_nav>li.active>a:hover
{
    border:none;
    background: -webkit-linear-gradient(#56ccf2, #2f80ed); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#56ccf2, #2f80ed); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#56ccf2, #2f80ed); /* Firefox 3.6 - 15 */
    background: linear-gradient(#56ccf2, #2f80ed); /* 标准的语法 */
    color:#fff;
}
.gywm-tab-content
{
    line-height:26px;
}
.icon
{
    padding:15px 0 12px;
}
.icon_list
{
    padding:0 4px;
    text-align:center;
}
.icon_list span
{
    display:block;
    color:#fff;
    font-size:16px;
    background:#4d98dd;
    width:42px;
    height:42px;
    line-height:42px;
    border-radius:50%;
    margin:0 auto;
}
.icon_list img 
{
    margin:0 auto;
}
.icon_list a
{
    color:#333;
    text-align:center;
}
.icon_list p
{
    margin-top:5px;
    margin-bottom:0;
}
.wmdfw
{
    margin-top:5px;
    margin-bottom:5px;
}
.wmdfw_bac
{
    background: -webkit-linear-gradient(left, #6f86d6, #48c6ef); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #6f86d6, #48c6ef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #6f86d6, #48c6ef); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #6f86d6, #48c6ef); /* 标准的语法 */
    border-radius:8px;
    padding:15px 10px;
}
.wmdfw_bac1
{
    background: -webkit-linear-gradient(left, #36b6b0, #57d2cb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #36b6b0, #57d2cb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #36b6b0, #57d2cb); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #36b6b0, #57d2cb); /* 标准的语法 */
}
.wmdfw_left
{
    float:left;
    width:8%;
    margin-top:2px;
}
.wmdfw_left span
{
    text-align:center;
    display:block;
    background:#fff;
    color:#4d98dd;
    font-size:22px;
    width:42px;
    height:42px;
    line-height:42px;
    margin:0 auto;
    border-radius:50%;
}
.wmdfw_right
{
    float:left;
    padding-left:22px;
    width:85%;
}
.wmdfw img
{
    margin:0 auto;
}
.wmdfw h3
{
    color:#fff;
    font-size:16px;
    margin: 2px 0 0;
    overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;
}
.wmdfw p
{
    color:#fff;
    font-size:12px;
    margin-top:10px;
    margin-bottom:0;
    overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;
}
.wmdfw_jiantou
{
    margin-top:10px;
    float:left;
    text-align:right;
    width:7%;
}
.wmdfw_jiantou span
{
    font-size:20px;
    color:#fff;
}
.more
{
    margin:30px 0 10px;
    text-align:center;
}
.more a
{
    border:1px solid #ced1cb;
    color:#000;
    padding:5px 25px;
    border-radius:20px;
}
.link_img
{
    padding:0 10px;
    margin-top:25px;
}
.hx
{
    background:#f4f4f4;
    height:10px;
}
.index_pro
{
    margin:20px 0;
}
.xm_bt
{
    color:#333;
    font-size:16px;
    text-align:center;
}
.xm_bt img
{
    margin:-10px 10px 0 0;
}
.xm_bt span
{
    display:block;
    border-bottom:3px solid #3790ee;
    width:20px;
    margin:5px auto 0;
}
.zgjfw
{
    padding:0 5px;
    margin-top:10px;
}
.zgjfw_bac
{
    display:block;
    background:#fff;
    padding:10px 5px;
}
.zgjfw_bac img
{
    float:left;
    width:35%;
    margin-right:10px;
}
.zgjfw_bac h3
{
    font-size:15px;
    margin:10px 0;
    color:#333;
}
.zgjfw_bac p
{
    font-size:12px;
    color:#999999;
    margin:0;
}
.index_gsjj
{
    margin-top:15px;
    padding:0 10px;
    line-height:26px;
    text-indent:2em;
}
.index_video
{
    padding:0 10px;
}
.video
{
    margin-top:10px;
    width:100%;
    height:auto;
}
.foot
{
    color:#999;
    font-size:12px;
    margin-bottom:52px;
    border-top: 1px solid #f1f1f1;
    padding-top: 12px;
    background:#f4f4f4;
    padding-bottom:12px;
}
.foot_nav_bac
{
    border-top:1px solid #eee;
    background:#ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 16;
    padding:2px 0;
}
.foot_nav
{
    text-align:center;
    padding:0 5px;
}
.foot_nav a
{
    color:#999;
    font-size:12px;
}
.foot_nav span
{
    font-size:18px;
}
.foot_nav a.act
{
    color:#061956;
}
.foot_nav_bac p
{
    margin-bottom:0;
}
.about_cont
{
    margin:65px 0 40px;
    padding:0 10px;
}
.about_cont img
{
    max-width:100%;
}

.new_lb
{
    margin-top:12px;
    padding:0 0 12px;
    border-bottom:1px solid #dcdcdc;
}
.index_pro .new_lb:last-child
{
    border-bottom:none;
    padding-bottom:0;
}
.new_left
{
    width:20%;
    float:left;
}
.new_left img
{
    border-radius:4px;
}
.new_right
{
    padding-left:10px;
    float:left;
    width:80%;
}
.new_bt
{
    color:#333333;
    overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;
}
.new_bt a
{
    color:#333333;
}
.new_js
{
    margin-top:5px;
    font-size:12px;
    color:#999999;
    overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;
}
.new_title
{
	font-size:16px;
	margin:0 0 10px;
	font-weight:bold;
}
.juti
{
	padding-top:5px;
	padding-bottom:10px;
	color:#999999;
	font-size:12px;
}
.xian
{
    border-bottom:1px solid #d2d2d2;
}
.dianji
{
	margin:0 15px 0 0;
}
.new_cont
{
    margin:20px 0;
}
.last_new
{
    margin-top:10px;
    color:#999999;
    padding:0;
}
.next_new
{
    margin-top:10px;
    color:#999999;
    padding:0;
}
.last_new a,.next_new a
{
    color:#999999;
}
.pro_list
{
    margin-top:15px;
    padding:0 5px;
}
.pro_list img
{
    border:1px solid #eee;
    margin:0 auto;
}
.pro_list p
{
    margin-top:10px;
    margin-bottom:0;
    overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;
}
.pro_list a
{
    color:#333;
    font-size:14px;
}
.pro_bt
{
    padding:15px 10px;
    font-size:16px;
    color:#000;
}
.pro_nav
{
    border-top:10px solid #f4f4f4;
    border-bottom:10px solid #f4f4f4;
}
.pro_nav li
{
    width:50%;
    text-align:center;
}
.pro_nav li a
{
    border:none;
    color:#333333;
    margin:0;
    border-radius:0;
    font-size:16px;
}
.pro_nav li.active a,.pro_nav li a:hover,.pro_nav li.active a:hover,.pro_nav li.active a:focus
{
	background:#a4d65e;
	border:none;
    color: #fff;
}
.tab-content
{
    padding:20px 10px 0;
}
.pro_type
{
    margin-top:10px;
}
.pro_type p
{
    min-height:34px;
}
.search
{
    margin-top:45px;
    padding:30px 20px;
    background:#fff;
}
.phone
{
    text-align:center;
    height:40px;
    font-size:15px;
}
.btn_search
{
    margin-top:10px;
    display:block;
    width:100%;
    background:#061956;
    color:#fff;
    border:none;
    border-radius:4px;
    height:40px;
    line-height:40px;
    font-size:16px;
    padding:0;
}
.btn_search.hover, .btn_search:hover,.btn_search.active, .btn_search:active{
    background:#061956 !important;
}
.btn_clear
{
    background:#ec971f;
}
.btn.focus, .btn:focus, .btn:hover
{
    color:#fff;
}
.search_ts
{
    padding:0 10px;
    margin-top:30px;
    margin-bottom:250px;
}
.ts_bt
{
    border-left:5px solid #061956;
    padding-left:10px;
    font-size:16px;
    margin-bottom:20px;
}
.search_ts p
{
    color:#999999;
    padding-left:10px;
    line-height:28px;
    margin-bottom:0;
}
.contact_bt
{
    font-size:15px;
    border-left:5px solid #2e3352;
    padding-left:15px;
    padding-right:0;
    font-weight:bold;
    line-height:normal;
}
.contact_bt span
{
    color:#999;
    font-weight:normal;
    font-size:12px;
    float:right;
}
.contact_bac
{
    margin-top:15px;
    background:#f4f4f4;
    padding:12px 18px;
}
.contact_bac_left
{
    line-height:30px;
    font-size:13px;
}
.contact_bac_right
{
    line-height:30px;
    font-size:13px;
}
.contact_address
{
    line-height:30px;
    font-size:13px;
}
.pay_left
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:15px;
    color:#13227a;
    font-weight:bold;
}
.pay_left img
{
    margin-top:-4px;
    margin-right:5px;
}
.pay_right
{
    line-height:26px;
    font-size:13px;
}
.contact_right
{
    margin-top:30px;
}
.about_info
{
    line-height:24px;
}
.about_bac
{
    padding:0;
    background:url("../images/about_bac.jpg") no-repeat;
    background-size:100% 100%;
    height:126px;
    color:#fff;
    text-align:center;
    margin:15px 0;
}
.about_bac h3
{
    font-size:30px;
    margin:26px 0 0;
}
.about_bac p
{
    margin:10px 0 0;
    font-size:12px;
}
.icon_lb
{
    margin:10px 0;
    width:20%;
    padding:0 5px;
}
.icon_lb span
{
    font-size:24px;
    display:block;
    width:42px;
    height:42px;
    line-height:42px;
    border:1px solid #d5d5d5;
    border-radius:50%;
    margin:0 auto;
    text-align:center;
}
.icon_lb img
{
    margin:0 auto;
    padding:0 5px;
}
.icon_lb p
{
    text-align:center;
    color:#666666;
    margin:10px 0 0;
    font-size:12px;
}

.server_left img
{
    position:relative;
    top:80px;
    margin:0 auto;
}
.server_right
{
    position:relative;
    top:60px;
    color:#fff;
    padding-left:40px;
}
.server1 .server_right
{
    top:90px;
}
.server3 .server_left img
{
    top:110px;
}
.server3 .server_right
{
    top:110px;
}
.server4 .server_left img
{
    top:100px;
}
.server5 .server_left img
{
    top:100px;
}
.server5 .server_right
{
    top:90px;
}
.server6 .server_left img
{
    top:90px;
}
.server_right h3
{
    font-size:18px;
    letter-spacing:4px;
    font-family:微软雅黑;
}
.server_right h4
{
    font-family:微软雅黑;
    font-size: 14px;
    letter-spacing:2px;
    text-transform:uppercase;
}
.server_right h5
{
    font-family:微软雅黑;
    border-bottom:3px solid #fff;
    width:50px;
    margin:15px 0;
}
.server_right p
{
    font-family:微软雅黑;
    font-size:15px;
    letter-spacing:2px;
}
.server_list
{
    margin:0;
    padding:0;
}
.server_list li
{
    font-family:微软雅黑;
    list-style-type:none;
    font-size:14px;
    background:url("../images/server_left.png") no-repeat left center;
    padding-left:20px;
    margin-top:10px;
}
.server1_bac,.server2_bac,.server3_bac,.server4_bac,.server5_bac,.server6_bac
{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.server1_bac
{
    background:#0065bc;
}
.server2_bac
{
    background:#69b260;
}
.server3_bac
{
    background:#5b6bff;
}
.server4_bac
{
    background:#32548a;
}
.server5_bac
{
    background:#2a8c8c;
}
.server6_bac
{
    background:#106e8f;
}
.server-swiper-pagination .swiper-pagination-bullet
{
    background:#fff;
    width:8px;
    height:8px;
}
.server-swiper-pagination .swiper-pagination-bullet-active
{
    background:#fff;
    width:10px;
    height:10px;
}
.server-swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet
{
    margin:14px 0;
}
.server-swiper-container > .swiper-pagination-bullets
{
    right:10px;
}

/*返回到顶部*/
.backToTop 
{
    display: none;
    position: fixed;
    _position: absolute;
    font-size:30px;
    color:#999999;
    right: 10px;
    bottom: 40px;
    _bottom: "auto";
    cursor: pointer;
    z-index:16;
}

.game_img {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 16.6667%;
}
.character_img{
    width:50px;
}
@media screen and (min-width:640px) 
{
	.container{ max-width:1140px; width:100%;}
    .game_img {
        width: 10%;
    }
    .character_img{
    width:80px;
}
}
@media screen and (max-width:414px) 
{
    
}
@media screen and (max-width:410px) 
{
    .server3 .server_left img{padding:0 40px;}
}
@media screen and (max-width:375px) 
{
    .zgjfw_bac h3{ margin-top:0;}
}
@media screen and (max-width:320px) 
{
    .about_nav li a{ font-size:13px;}
    .gywm-tab-content{ font-size:12px; line-height:24px;}
    .icon_list p{ font-size:13px;}
    .wmdfw h3{ font-size:13px;}
    .xm_bt{ font-size:15px;}
    .more a{ font-size:12px;}
    .zgjfw_bac h3{ font-size:14px;}
    .index_gsjj{ font-size:12px;}
    .new_bt{ font-size:14px;}
    .new_js{ font-size:12px; margin-top:3px;}
    .pro_list a{ font-size:12px;}
    .new_title{ font-size:15px;}
    .last_new a, .next_new a{ font-size:12px;}
    .pro_bt{ font-size:15px;}
    .pro_nav li a{ font-size:15px;}
    .ts_bt{ font-size:15px;}
    .server1 .server_right{top:60px;}
    .server2 .server_right{top:40px;}
    .server2 .server_left img{top:60px;}
    .server3 .server_right{top:80px;}
    .server3 .server_left img{top:85px;}
    .server5 .server_right{top:40px;}
    .server5 .server_left img{top:80px;}
    .server6 .server_right{top:40px;}
    .server6 .server_left img{top:50px;}
}