@charset "utf-8";
body{ margin:0px; padding:0px;position: relative;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, ol, dd, dl{ list-style:none;margin:0;padding:0px;}
li {
    list-style: none;
}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#foot_nav {
    display: none;
}


.top {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    color: #333;
    background:#fff;
}
.footer-lists li a{
	color:#fff;
}
.p-left .p-title a {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

.top a {
    line-height: 35px;
    font-size: 14px;
    color:#333;
}
.clear{clear:both;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.remen h1 {
    font-weight: bold;
    float:right;
    margin: 0;
    color: #333;
    font-size: 14px;
}
/*head&nav*/
.head {
    height: 120px;
}
.flex {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.head .logo {
    color: #333;
    font-size: 38px;
    font-weight: bold;
    margin-top: 6px;
        width: 50%;
}
.head .logo span {
    line-height: 98px;
}
.head .logo img {
    width: 13%;
    float: left;
    margin-right: 10px;
}
.head .tel {
    padding-top: 25px;
}
.logo_tel {
    padding-top: 16px;
    height: 100px;
    float: right;
    background: url(../img/tel.png) left center no-repeat;
    padding-left: 53px;
    box-sizing: border-box;
    margin-top: 7px;
}
.logo_tel p {
    height: 30px;
    line-height: 30px;
    float: left;
    color: #6b6b6b;
    font-size: 16px;
}
.logo_tel p span {
    display: block;
    font-size: 38px;
    color: #c4976d;
    height: 30px;
    line-height: 36px;
    font-weight: bold;
}
.nav {
    background-size: 100%;
    background-color:#000000;
}

.nav .breadcrumbnav {
    color: #fff;
}

.nav .breadcrumbnav li:first-child{
	background: #c4976d
}

.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 196px;
    line-height: 65px;
    position: relative;
}


.nav .breadcrumbnav li a {
    font-size: 18px;
    color: #fff;
}


.nav .breadcrumbnav .nav_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 65px;
    background: #e18000;
    display: none;
    z-index: 9999;
}

.nav .breadcrumbnav .nav_list a {
    color: #fff;
    font-size: 16px;
}

.nav .breadcrumbnav li:hover .nav_list {
    display: block;
}


.i-servers{
	padding: 80px 0px;
	background: #f8f8f8;
}
.public-header{
    text-align: center;
}
.public-header img{
    margin: 0 auto;
}
.public-header-d1{
    margin-top: 10px;
}
.public-header-d1-d1{
    width: 100px;
    height: 1px;
    background-color: #c4976d;
    display: inline-table;
    margin-bottom: 10px;
    /* position: absolute; */
}
.public-header-d1-d2{
    font-size: 32px;
    font-weight: bold;
    color: #c4976d;
	display: inline-table;
	padding: 0px 25px;
}
.public-header p{
    font-size: 16px;
	margin-top: 5px;
	color: #a2a2a2;
}
.i-servers-nr{}
.i-servers-nr>div{
    width: 14%;
    float: left;
    padding: 0px 5%;
    /* margin-top: 90px; */
}
.i-servers-nr>div:nth-child(1) img{
    margin-top: 45px;
}
.i-servers-nr>div:nth-child(2) img{
    margin-top: 74px;
}
.i-servers-nr>div:nth-child(3) img{
    margin-top: 74px;
}
.i-servers-nr>div:last-child{margin-right: 0px;margin-top: 42px;}
.i-servers-nr>div img{
	width: 175px;
    height: 175px;
}
.i-servers-nr>div h2 {
    text-align: center;
    font-size: 22px;
    color: black;
    margin-top: 11px;
}
.i-servers-nr>div div{
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.i-servers-nr>div:hover{cursor: pointer;}
.i-servers-nr>div:hover h2{color: #c4976d}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}

.jn_box {
    margin-top: 50px;
    margin-bottom: 50px;
}

.jn_img1{
    width: 310px;
    height: 485px;
    float: left;
    position: relative;
}
.jn_img1 a{
	overflow: hidden;
	width: 310px;
    height: 485px;
    display: block;

}
.jn_img1 a img {
    width: 100%;
    height: 485px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}    
.jn_img1 a h3 {
    line-height: 47px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.jn_imgbox2{
	width: 880px;
    float: right;
}
.jn_imgbox2 ul li:nth-child(3n) {
    margin-right: 0;
}
.jn_imgbox2 ul li {
    width: 289px;
    height: 239px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
    position: relative;
}
.jn_imgbox2 li a.img,.jn_img1 a.img{
    display: block;
    overflow: hidden;
}
.jn_imgbox2 li a.img img {
    width: 100%;
    height: 239px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.jn_imgbox2 li a.img h3 {
    line-height: 47px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: none;
    font-weight: normal;
}
.jn_imgbox2 li a.img img:hover,.jn_img1 a img:hover{
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}

.pb_title{text-align:center;}
.pb_title h2{margin:0;font-size:40px;color:#323232;font-weight:bold;line-height:46px;height:46px;position:relative;}
.pb_title p{margin:0;font-size:16px;line-height:20px;color:#656565;margin-top:10px;display:inline-block;padding:0 100px;position:relative;}
.pb_title p:before{content:'';width:80px;height:1px;background:#CBCBCB;position:absolute;left:0;top:50%;}
.pb_title p:after{content:'';width:80px;height:1px;background:#CBCBCB;position:absolute;right:0;top:50%;}

#jiamengbg{background:url(../img/jiamengbg.jpg) no-repeat center center;background-size:cover;padding:68px 0 100px;}
.jiameng{margin-top:70px;}
.jiameng .j_left{width:50%;float:left;}
.jiameng .j_left .j_img{width:100%;padding-bottom:84.09%;position:relative;}
.jiameng .j_left .j_img img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover;}
.jiameng .j_right{width:50%;float:right;padding-top: 22px;}
.jiameng .j_right .j_txt{margin-top:36px;}
.jiameng .j_right .j_txt:first-child{margin-top:0;}
.jiameng .j_right .j_txt i{display:block;width:71px;height:80px;float:left;}
.jiameng .j_right .j_txt i.icon1{background:url(../img/jiamengicon1.png) no-repeat center 10px;}
.jiameng .j_right .j_txt i.icon2{background:url(../img/jiamengicon2.png) no-repeat center 10px;}
.jiameng .j_right .j_txt i.icon3{background:url(../img/jiamengicon3.png) no-repeat center 10px;}
.jiameng .j_right .j_txt i.icon4{background:url(../img/jiamengicon4.png) no-repeat center 10px;}
.jiameng .j_right .j_txt .p_txt{width:calc(100% - 53px);float:right;}
.jiameng .j_right .j_txt .p_txt p{margin:0;color:#FFF;line-height:20px;}
.jiameng .j_right .j_txt .p_txt p:first-child {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}
.j_btn{margin-top:65px;}
.j_btn .j_li{width:16%;margin-left:0.8%;float:left;background:#FFF;padding:16px 0;margin-top:10px;}
.j_btn .j_li:first-child{margin-left:0;}
.j_btn .j_li i{width:100%;height:47px;display:block;}
.j_btn .j_li i.icon1{background:url(../img/jiameng_icon1.png) no-repeat center center;}
.j_btn .j_li i.icon2{background:url(../img/jiameng_icon2.png) no-repeat center center;}
.j_btn .j_li i.icon3{background:url(../img/jiameng_icon3.png) no-repeat center center;}
.j_btn .j_li i.icon4{background:url(../img/jiameng_icon4.png) no-repeat center center;}
.j_btn .j_li i.icon5{background:url(../img/jiameng_icon5.png) no-repeat center center;}
.j_btn .j_li i.icon6{background:url(../img/jiameng_icon6.png) no-repeat center center;}
.j_btn .j_li p{margin:0;height:20px;line-height:20px;color:#363737;margin-top:9px;text-align:center;}

.liucheng{padding:60px 0 55px;}
.liucheng .l_title{height:46px;font-size:0;-webkit-text-size-adjust:none;}
.liucheng .l_title h2{margin:0;font-size:40px;font-weight:bold;height:46px;line-height:46px;display:inline-block;}
.liucheng .l_title span{display:inline-block;margin:24px 0 4px 20px;height:18px;line-height:18px;font-size:16px;vertical-align:bottom;}
.liucheng .liucheng_item{width:100%;overflow:hidden;margin-top:35px;}
.liucheng .swiper-slide {
    text-align: center;
    float: left;
    width: 16.6%;
}
.liucheng .swiper-slide:before{content:'';position:absolute;left:0;top:153px;width:100%;height:1px;background:#989898;}
.liucheng .swiper-slide:first-child:before{width:50%;left:50%;}
.liucheng .swiper-slide:last-child:before{width:50%;}
.liucheng .swiper-slide span{display:block;width:90%;height:120px;border-radius:50%;margin:0 auto;}
.liucheng .swiper-slide span.icon1{background:url(../img/lc1.png) no-repeat center center;}
.liucheng .swiper-slide span.icon2{background:url(../img/lc2.png) no-repeat center center;}
.liucheng .swiper-slide span.icon3{background:url(../img/lc3.png) no-repeat center center;}
.liucheng .swiper-slide span.icon4{background:url(../img/lc4.png) no-repeat center center;}
.liucheng .swiper-slide span.icon5{background:url(../img/lc5.png) no-repeat center center;}
.liucheng .swiper-slide span.icon6{background:url(../img/lc6.png) no-repeat center center;}
.liucheng .swiper-slide i{width:39px;height:33px;background:#FFF;padding:0 3px;display:block;margin:17px auto 0;position:relative;}
.liucheng .swiper-slide i em{width:33px;height:33px;line-height:33px;border:1px solid #989898;display:block;border-radius:50%;font-style:normal;color:#989898;}
.liucheng .swiper-slide p {
    margin: 0;
    color: #333;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    margin-top: 15px;
    font-weight: bold;
}
.liucheng .swiper-slide p span {
    font-weight: normal;
    color: #333;
    line-height: 23px;
    font-size: 14px;
}
.liucheng .l_btn{width:634px;height:50px;background:#c4976d;border-radius:25px;margin:0 auto 0;font-size:0;-webkit-text-size-adjust:none;}
.liucheng .l_btn span{display:block;width:calc(100% - 157px);height:50px;line-height:50px;font-size:16px;color:#FFF;text-align:center;float:left;}
.liucheng .l_btn span i{font-style:normal;;font-size:22px;font-weight:bold;}
.liucheng .l_btn a{display:block;width:157px;height:50px;line-height:50px;background:#2b2121;color:#FFF;font-size:16px;border-radius:25px;text-align:center;float:right;}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#infobg{width:100%;padding-bottom:40.73%;background:url(../img/infobg.jpg) no-repeat right center #F6F6F6;background-size:49.4% 100%;position:relative;}
.info{position:absolute;width:100%;height:100%;left:0;top:0;}
.info_left{}
.info_left .p_txt{width:50%;padding-right:50px;display:inline-block;text-align:left;}

.info_left .p_txt p {
    margin: 0;
    line-height: 26px;
    color: #333;
    font-size: 16px;
}
.info_left .p_txt p.p_cn{height:46px;line-height:46px;font-size:36px;color:#000;margin:28px 0 22px;}
.info_left .p_txt p.p_en{height:80px;line-height:80px;font-size:80px;text-transform:uppercase;color:#E6E6E6;font-weight:bold;margin-top:68px;}
.info_left .p_txt p:nth-child(3){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;}
.info_left .p_txt a{display:inline-block;line-height:36px;height:36px;font-size:15px;color:#686868;margin-top:15px;padding:0 56px 0 18px;border:1px solid #aa6a25;}
.info_left .il_btn{margin-top:43px;}
.info_left .il_btn .il_a{display:block;width:197px;height:170px;background:#E0E0E0;position:relative;float:left;margin-left:10px;display:block;cursor:pointer;}
.info_left .il_btn .il_a:first-child{margin-left:0;}
.info_left .il_btn .il_a .a_txt{position:absolute;width:100%;top:50%;transform:translateY(-50%);left:0;}
.info_left .il_btn .il_a .a_txt i{display:block;height:70px;}
.info_left .il_btn .il_a .a_txt i.icon1{background:url(../img/conpany_icon1.png) no-repeat center center;}
.info_left .il_btn .il_a .a_txt i.icon2{background:url(../img/conpany_icon2.png) no-repeat center center;}
.info_left .il_btn .il_a .a_txt i.icon3{background:url(../img/conpany_icon3.png) no-repeat center center;}
.info_left .il_btn .il_a .a_txt i.icon4{background:url(../img/conpany_icon4.png) no-repeat center center;}
.info_left .il_btn .il_a .a_txt p{margin:0;font-size:16px;height:20px;line-height:20px;color:#000;text-align:center;margin-top:33px;}
.info_left .il_btn .il_a:hover{background:#aa6a25;}
.info_left .il_btn .il_a:hover .a_txt i.icon1{background:url(../img/conpany_icon1_hover.png) no-repeat center center;}
.info_left .il_btn .il_a:hover .a_txt i.icon2{background:url(../img/conpany_icon2_hover.png) no-repeat center center;}
.info_left .il_btn .il_a:hover .a_txt i.icon3{background:url(../img/conpany_icon3_hover.png) no-repeat center center;}
.info_left .il_btn .il_a:hover .a_txt i.icon4{background:url(../img/conpany_icon4_hover.png) no-repeat center center;}
.info_left .il_btn .il_a:hover .a_txt p{color:#FFF;}

#newsbg{background:#FEFEFE;padding:50px 0;}
.news_span{height:40px;margin-top:25px;text-align:center;font-size:0;-webkit-text-size-adjust:none;}
.news_span span {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 34px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 17px;
    margin-left: 40px;
    background: #2a2121;
}
.news_span span:first-child{margin-left:0;}
.news_span span.on{background:#aa6a25;border:1px solid #aa6a25;color:#FFF;}
.news_item{}
.news{margin-top:35px;}
.news .news_left{width:48.5%;float:left;}
.news .news_left a{display:block;margin-top:19px;}
.news .news_left a:first-child{margin-top:0;}
.news .news_left a .nl_left{width:220px;height:110px;float:left;}
.news .news_left a .nl_left img{width:100%;height:100%;display:block;object-fit:cover;}
.news .news_left a .nl_right{width:calc(100% - 240px);float:right;}
.news .news_left a .nl_right p{margin:0;}
.news .news_left a .nl_right p:first-child{font-size:16px;font-weight:bold;color:#5e5e5e;height:28px;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .news_left a .nl_right p:nth-child(2){font-size:12px;color:#9c9c9c;line-height:20px;height:20px;margin:9px 0;}
.news .news_left a .nl_right p:last-child{line-height:22px;color:#9c9c9c;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news .news_right{width:48.5%;float:right;}
.news .news_right a{display:block;border-bottom:1px solid #F0F0F0;margin-top:10px;background:url(../img/news_li.jpg) no-repeat right 10px center;}
.news .news_right a:first-child{margin-top:0;}
.news .news_right a .n_li{height:52px;}
.news .news_right a .n_li span{display:block;width:68px;height:52px;line-height:52px;font-size:16px;color:#000;font-weight:bold;text-align:center;float:left;}
.news .news_right a .n_li p{margin:0;height:52px;line-height:52px;font-size:16px;color:#000;width:calc(100% - 190px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
.news .news_right a .n_li em{display:block;font-style:normal;font-size:16px;color:#000;height:52px;line-height:52px;float:left;margin-left:15px;}
.newsindex_btn {
    width: 520px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e4e4e4;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 55px auto 0;
    border-radius: 4px;
    background: #2a2121;
}
.question{margin-top:25px;}
.question a{display:block;border-bottom:1px solid #F0F0F0;margin-top:10px;background:url(../img/news_li.jpg) no-repeat right 10px center;width:48.5%;float:left;margin-left:3%;}
.question a:nth-child(odd){margin-left:0;}
.question a .q_li{height:52px;}
.question a .q_li span{display:block;width:68px;height:52px;line-height:52px;font-size:16px;color:#000;font-weight:bold;text-align:center;float:left;}
.question a .q_li p{margin:0;height:52px;line-height:52px;font-size:16px;color:#000;width:calc(100% - 190px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
.question a .q_li em{display:block;font-style:normal;font-size:16px;color:#000;height:52px;line-height:52px;float:left;margin-left:15px;}
/*friendlink*/
#flbg{padding:5px 0 28px;border-top:1px solid #E3E3E3;}
#flbg .flink{}
#flbg .flink .flink_left{width:140px;float:left;font-size:50px;color:#737373;position:relative;height:63px;line-height:63px;font-weight:bold;margin-top:23px;}
#flbg .flink .flink_right{float:right;width:calc(100% - 140px);font-size:0;-webkit-text-size-adjust:none;}
#flbg .flink .flink_right a{display:inline-block;line-height:20px;white-space:nowrap;padding:0 20px;font-size:14px;color:#737373;position:relative;margin-top:23px;}
/*foot*/
#footbg{background:#2B2122;padding:40px 0 60px;}
#footbg .f_title{}
#footbg .f_title p{margin:0;color:#FFF;}
#footbg .f_title p:first-child{height:26px;line-height:26px;font-size:20px;font-weight:bold;font-family:Arial;}
#footbg .f_title p:last-child{height:22px;line-height:22px;font-size:16px;}
#footbg .f_left{width:calc(100% - 450px);float:left;position:relative;}
#footbg .f_left .f_erweima{position:absolute;top:70px;right:100px;width:132px;height:132px;}
#footbg .f_left .f_erweima img{display:block;width:100%;height:100%;}
#footbg .f_left .f_erweima p{margin:0;height:20px;line-height:20px;font-size:14px;margin-top:20px;text-align:center;color:#bdbcbc;}
#footbg .f_left .f_txt{padding-left:0;margin-top:25px;position:relative;}
#footbg .f_left .f_txt i{width:29px;height:50px;position:absolute;left:0;top:0;display:inline-block;border-radius:50%;}
#footbg .f_left .f_txt p{margin:0;height:25px;line-height:25px;color:#FFF;margin-bottom:6px;}
#footbg .f_left .f_txt span{font-size:26px;font-family:Impact;vertical-align:middle;letter-spacing:0.7px;}
#footbg .f_left .f_txt i.footicon1{background:url(../img/foot_icon1.png) no-repeat left center;}
#footbg .f_left .f_txt i.footicon2{background:url(../img/foot_icon2.png) no-repeat left center;}
#footbg .f_left .f_p{margin-top:30px;line-height:20px;color:#bdbcbc;}
#footbg .f_left .f_bottom {
    margin-top: 30px;
    width: 62%;
}
#footbg .f_left .f_bottom p{margin:0;color:rgba(255,255,255,.6);line-height:20px;}
#footbg .f_left .f_bottom p a{color:rgba(255,255,255,.6);}
#footbg .f_left .f_bottom p span{display:inline-block;margin-right:5px;}
#footbg .f_left .f_bottom p:first-child{line-height:26px;}
#footbg .f_left .f_bottom p:first-child a{white-space:nowrap;margin-right:20px;}
#footbg .f_right{width:430px;float:right;}
#footbg .f_right .feedback{margin-top:6px;}
#footbg .f_right .feedback li{color:#666;float:left;;margin-top:15px;width:48%;margin-left:4%;}
#footbg .f_right .feedback li:nth-child(odd){margin-left:0;}
#footbg .f_right .feedback li:nth-child(5){margin-left:0;width:100%;}
#footbg .f_right .feedback li input{width:93%;height:40px;line-height:34px;padding:3px 5px;outline:none;border-radius:3px;}
#footbg .f_right .feedback li textarea{width:100%;height:100px;border:1px solid #DDD;resize:none;padding:10px;outline:none;vertical-align:top;border-radius:3px;}
#footbg .f_right .feedback .f_btn{width:100%;height:40px;border-radius:3px;background:#c4976d;border:none;display:block;color:#FFF;line-height:40px;cursor:pointer;position:relative;text-indent:30px;margin-top:15px;}
#footbg .f_right .feedback .f_btn:before{content:'';width:28px;height:25px;position:absolute;top:7px;left:50%;border-right:1px solid #FFF;margin-left:-88px}
#footbg .f_right .feedback .f_btn:after{content:'提交留言';width:100px;height:40px;position:absolute;top:0;left:50%;text-indent:0;margin-left:-50px;}
#footbg .f_right .feedback li:nth-child(3) {
    width: 94.6%;
}





@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;z-index:9999;}
#foot_nav li{ list-style:none;}
#foot_nav li a {width: calc(100% / 1);text-align: center;height: 90px;line-height: 90px;background: #c4976d; color: #fff;float: left;font-size: 46px; font-weight: bold;}


.head .logo {
    color: #333;
    font-size: 31px;
    font-weight: bold;
    margin-top: 17px;
    width: 65%;
}
.head .logo img {
    width: 16%;
    float: left;
    margin-right: 10px;
}
.head .logo span {
    line-height: 84px;
}

.logo_tel p {
    height: 26px;
    line-height: 26px;
    float: left;
    color: #6b6b6b;
    font-size: 16px;
}

.logo_tel {
	    padding-top: 25px;
    height: 100px;
    float: right;
    background: url(../img/tel.png) left center no-repeat;
    padding-left: 40px;
    box-sizing: border-box;
    margin-top: 7px;
    background-size: 17%;
}
.logo_tel p span {
    display: block;
    font-size: 23px;
    color: #c4976d;
    height: 30px;
    line-height: 26px;
    font-weight: bold;
}
.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 15.9%;
    line-height: 55px;
    position: relative;
}
.nav .breadcrumbnav li a {
    font-size: 16px;
    color: #fff;
}
.nav ul li:last-child:after {
    display: none;
}
a.reman {
    display: none;
}


.jn_img1 {
    width: 100%;
    height: 581px;
    float: left;
    position: relative;
}
.jn_img1 a {
    overflow: hidden;
    width: 100%;
    height: 581px;
    display: block;
}
.jn_img1 a img {
    width: 100%;
    height: 590px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    object-fit: cover;
}
.jn_imgbox2 {
    width: 100%;
    float: right;
    margin-top: 20px;
}
.jn_imgbox2 ul li:nth-child(2n) {
    margin-right: 0;
}
.jn_imgbox2 ul li:nth-child(3),.jn_imgbox2 ul li:nth-child(9).jn_imgbox2 ul li:nth-child(15).jn_imgbox2 ul li:nth-child(21) {
    margin-right: 6px;
}
.jn_imgbox2 ul li {
    width: 49.49%;
    height: 239px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
    position: relative;
}

.i-servers-nr>div {
    width: 21%;
    float: left;
    padding: 0px 2%;
    /* margin-top: 90px; */
}
.i-servers-nr>div img {
    width: 100%;
    height: 100%;
}
.i-servers-nr>div h2 {
    text-align: center;
    font-size: 17px;
    color: black;
    margin-top: 11px;
}

.pb_title p:before {
    display: none;
}
.pb_title p:after {
    display: none;
}
.pb_title p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    color: #656565;
    margin-top: 10px;
    display: inline-block;
    padding: 0 30px;
    position: relative;
}
.jiameng {
    margin-top: 40px;
}
.jiameng .j_left {
    width: 100%;
    float: left;
}
.jiameng .j_right {
    width: 100%;
    float: right;
    padding-top: 22px;
}
.jiameng .j_right .j_txt .p_txt {
    width: calc(100% - 21px);
    float: right;
}
.liucheng .swiper-slide span {
    display: block;
    width: 90%;
    height: 87px;
    border-radius: 50%;
    margin: 0 auto;
}
.liucheng .swiper-slide:before {
    content: '';
    position: absolute;
    left: 0;
    top: 123px;
    width: 100%;
    height: 1px;
    background: #989898;
}
.liucheng .swiper-slide p {
    margin: 0;
    color: #333;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    margin-top: 15px;
    font-weight: bold;
}
.liucheng .swiper-slide p span {
    font-weight: normal;
    color: #333;
    line-height: 23px;
    font-size: 12px;
}
.liucheng .l_btn {
    width: 80%;
    height: 50px;
    background: #c4976d;
    border-radius: 25px;
    margin: 0 auto 0;
    font-size: 0;
    -webkit-text-size-adjust: none;
}
#infobg {
    width: 100%;
    padding-bottom: 51px;
    background: #F6F6F6;
    background-size: 100% 100%;
    position: relative;
}
.info {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.info_left .p_txt {
    width: 100%;
    padding-right: 0;
    display: inline-block;
    text-align: left;
}
.info_left .p_txt p.p_en {
    height: 80px;
    line-height: 80px;
    font-size: 55px;
    text-transform: uppercase;
    color: #E6E6E6;
    font-weight: bold;
    margin-top: 22px;
}
.info_left .p_txt p {
    margin: 0;
    line-height: 35px;
    color: #333;
    font-size: 16px;
}
.news .news_left {
    width: 100%;
    float: left;
}
.news .news_left a .nl_left {
    width: 40%;
    height: 110px;
    float: left;
}
.news .news_right {
    width: 100%;
    float: right;
    margin-top: 35px;
}
.newsindex_btn {
    width: 73%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e4e4e4;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 55px auto 0;
    border-radius: 4px;
    background: #2a2121;
}
#footbg .f_left {
    width: calc(100%);
    float: left;
    position: relative;
}
#footbg .f_left .f_erweima {
    position: absolute;
    top: 30px;
    right: 100px;
    width: 132px;
    height: 132px;
}
#footbg .f_right {
    width: 100%;
    float: right;
    margin-top: 34px;
}
#footbg .f_right .feedback li input {
    width: 95%;
    height: 40px;
    line-height: 34px;
    padding: 3px 5px;
    outline: none;
    border-radius: 3px;
}
#footbg .f_right .feedback li:nth-child(3) {
    width: 95.9%;
}
#footbg {
    background: #2B2122;
    padding: 40px 0 128px;
}





}