/* CSS Document  */


header .box-header .right .box-nav>li:nth-child(2) .sub_nav ul {padding-right: 10.5%;}
header .box-header .right .box-nav>li:nth-child(4) .sub_nav ul {padding-right: 3%;}
header .box-header .right .box-nav>li:nth-child(5) .sub_nav ul {margin-right: -1%;}
header .box-header .right .box-nav>li:nth-child(6) .sub_nav ul {margin-right: -8.5%;}
footer .box-footer {padding: 3% 0 4% 0;}
footer .box-footer .foot_sites {width: 77%;}
footer .box-footer .foot_sites .item {width: 24%;}
.img-center {position: absolute;width:auto!important;height: auto!important;top: 0;bottom: 0;left: 0;right: 0;z-index: 30;margin: auto;min-height: auto!important;min-width: auto!important;max-height: 100%;max-width: 100%;}
.img-block {display: block;width: 100%;height: auto;}
.wrap {width: 73%;}
.index_goods .info_box {padding: 3% 5%; width:auto;margin: 0 6% 0 13.5%;height: 26rem;}
.index_goods .info_box .left_box {width: 16%;}
.index_goods .info_box .tab_list {width: 79%;}
.index_goods .info_box .left_box .tab_hd div {margin-bottom: 0;}
.index_goods .info_box .left_box .tab_hd div a {line-height: 60px;}
.index_goods .info_box .left_box .tab_hd div a i {height: 38px;}
.index_goods .info_box .left_box .tab_hd {padding-top: 25px;}
.index_goods .info_box .tab_list .goods_img {width: 57%;}
.index_goods .info_box .tab_list .goods_text {width: 30%;}
.index_about .text_box {padding-left: 13.5%;width: 30.5%; background: url("../picture/beijing.jpg") center no-repeat;background-size: 100%;}
.index_about {padding-top:5%;}
.index_news .left_box {width: 13%;}
.index_news .tab_list {width: 75%;}
.index_news{position: relative;margin-top: 1%;padding-top: 0;}
.index_news::before,.index_news::after {content: '';display: block;background: #e5e5e5;width: 50%;height: 1px;position: absolute;right: 0;}
.index_news::before{top: 0;}
.index_news::after{bottom: 1px;}
.index_news .tab_list ul { border-right:none;}
.index_news .tab_box::before {content: '';display: block;background: #e5e5e5;width: 50%;height: 1px;position: absolute;right: 0;top: 50%;margin-top: -1px;}
.index_news .tab_list li .text_box p {margin-top:40px;}
.index_news .tab_list li .text_box h4 {margin: 10px 0 0 0;}
.index_goods .info_box .left_box .tab_hd div.active a,.index_goods .info_box .left_box .tab_hd div a:hover {padding: 0 40px 0 10px;}
.ibanner,.about_culture {background-size: 100%;background-position: center top;}
.goods_tab .goods_hd .swiper-wrapper {display: block;text-align: center;}
.goods_tab .goods_hd .swiper-slide {display: inline-block;}
.about_info .img_box {position: relative;overflow: visible;}
.about_info .img_box::before {content: '';display: block;width: 100px;height:4px;position: absolute;right: -5%;bottom:5%;background: #ffe400;z-index: 33;}
.about_info .text_box {padding: 0;width: 34%;right: 14%;}
.about_info .img_box {width: 45%;}
.about_info .text_box .text p {line-height: 1.8em;}
.goods_detail_tab .goods_list {padding: 0;width: 76%;margin: auto;}
.goods_detail_info .goods_text {height: auto;font-size: 14px;line-height: 24px;}
.goods_detail_info .goods_text p {font-size: 14px;line-height: 24px;color: #333;}
.goods_detail_info .goods_ad .play {width: 250px;height:250px;}
.goods_detail_info .goods_ad .play ul li {width: 250px;height: 200px;}
.goods_detail_info .goods_ad .play ul img  {height: auto;}
.goods_detail_info .goods_detail_seiper .swiper-wrapper {-webkit-transform:none;transform:none;}
.goods_detail_info .goods_img {width: 25%;}
.goods_detail_info .goods_ad {overflow: hidden;}
.goods_detail_info:before {left: 28%;}
.goods_detail_info .goods_qa {width: 65%;}
.job_list li .list_hd h3 {padding-right: 10%;}
.server_info {padding-top: 0px;}
.news_s_box .text_con img {max-width: 100%;}
.publicPop .content {height:auto;overflow: hidden;top:10%;transform:none;}
.publicPop {overflow: auto;}
.goods_ad_other .swiper-pagination {display: block!important;bottom: auto!important;top: 60%;left: 5%;}
.goods_ad_other .swiper-pagination .swiper-pagination-bullet {width: 6px;height: 6px;margin: 0 3px;}
.index_news .tab_list li a:hover .text_box p {display: block;height: 0px;overflow: hidden;margin: 0;}
.sub_nav .wrap {width: 76%;}
.index_news .tab_list li a {overflow: hidden;}
.index_news .tab_list li a:hover .text_box {display: none;}
.index_news .tab_list li a .text_hover {display: block;opacity: 0;padding: 5% 10%;bottom: -100%;position: absolute;z-index: 1;background: url(../image/bg_white8.png) repeat;width: 80%;}
.index_news .tab_list li a:hover .text_hover {opacity: 1;bottom: 0;}
.index_news .tab_list li .text_hover h3 {font-size: 20px;line-height: 1.6em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index_news .tab_list li .text_hover h4 {font-size: 14px;color: #666;padding-left: 35px;position: relative;margin: 10px 0 0 0;}
.index_news .tab_list li .text_hover h4:before {content: '';position: absolute;left: 0;top: 50%;width: 20px;height: 2px;background: #999;}
.btnClose.bgClose {display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0; z-index: 10;}
.publicPop .content {z-index: 90;}
.publicPop .btnClose.bgClose:hover {transform:none;}
.server_culture {padding-bottom: 60px;}
.news_box .news_list .item .img_box {width: 30%;}
.news_box .news_list .item .text_box {width: 60%;}
.index_news .tab_list>div {position: relative;}
.job_info .job_box .text_box {padding: 0 6% 0 13.5%;}





@media screen and (max-width: 5120px) {
	.index_news .tab_list li a {height: auto;}
	.index_news .tab_list li .img_box img{display: block;width: 100%;height: auto;}
	.index_goods .info_box .left_box .tab_hd div {padding: 2% 0;}
	.goods_ad_other .swiper-pagination {display: none!important;}
}
@media screen and (max-width: 2600px) {

}
@media screen and (max-width: 1920px) {
	.index_goods .info_box .left_box .tab_hd div {padding:0;}
	.goods_ad_other .swiper-pagination {display: block!important;}
}
@media screen and (max-width: 1800px) {	

}
@media screen and (max-width: 1680px) {
	footer .box-footer .foot_sites .item h3{ font-size:15px;}
	.title_box {margin-bottom: 20px;}
	.index_goods .info_box .left_box .tab_hd {padding-top: 20px;}
	.index_goods .info_box .left_box .tab_hd div a {line-height: 35px;}
	.index_goods .info_box .left_box .tab_hd div a i {height: 35px;}
	.about_info .slogan {font-size: 60px;}
	.about_info .text_box .text p {line-height: 1.6em;}
	.goods_tab .wrap {width: 100%;}
	.ibanner {height: auto;}
	.ibanner p {line-height: 350px;}
	.culture_list .item a .text_box p {font-size: 12px;}
	.goods_ad_other .swiper-pagination {display: none!important;}
	.goods_ad_other .items {width: 99%;}
}
@media screen and (max-width: 1440px) {
	header .box-header .right .box-nav a {font-size: 16px;}
	header .box-header .right .box-nav .sub_nav li a {font-size: 13px;}
	.wrap,.publicPop .content {width: 80%;}
	.xy-index-banner .text h2 {font-size: 40px;padding: 15px 0;}
	.index_about .img_box img {display: block;width: 100%;height: auto;}
	.index_about .text_box {padding-left: 10%;width: 34%;}
	.index_about .imore {margin-top: 40px; position: relative;bottom: auto;}
	.index_goods .info_box {padding: 6% 5%; margin: 0 6% 0 10%;}
	.index_goods .info_box .tab_list {width: 80%;}
	.index_goods .info_box .tab_list .goods_img {width: 60%;}
	.index_goods .info_box .tab_list .goods_text p {height: auto;margin: 20px auto;}
	.index_goods .info_box .tab_list .goods_text {width: 30%;right: 5%;padding: 0;}
	.title_box {margin-bottom: 10px;}
	.index_goods .info_box .left_box .tab_hd {padding-top: 10px;}
	.index_news .wrap {width: 80%;}
	.index_news .tab_list {width: 77%;}
	.index_news .left_box {width: 15%;}
	.ibanner p {line-height: 300px;}	
	.about_info .slogan {font-size: 50px;}
	.about_info .text_box {width: 40%;right: 10%;}
	.about_history .swiper-slide .item .text_box h3 {float: none;display: inline-block;margin-bottom: 10px;clear: both;}
	.about_history .swiper-slide .item .text_box p { width: 100%;float: none;display: block;}
	.goods_detail_tab .goods_list {width: 83%;}
	.server_list,.culture_list,.about_history .history_swiper {padding-top: 40px;}
	.server_list .item a .text_box p {font-size: 12px;}
	.culture_list .item a .img_box {width: 40%;}
	.culture_list .item a .text_box {width: 50%;padding: 0 5% 5% 45%;}
	.job_info .job_box .text_box {left: 10%;width: 32%;padding: 0 6% 0 0;}
	.job_list li .list_hd p,.job_list li .list_hd .time {font-size: 14px;}
	.job_list li .list_hd h3 {font-size: 18px;}
	.about_info .slogan {right:3%;}
	.news_box .top_box { padding-bottom: 20px;}
	.goods_tab .goods_hd span {margin-right:0;width: 20px;}
	.goods_text .more{margin-top: 30px;}
	header .box-header .right .box-nav>li:nth-child(2) .sub_nav ul {padding-right: 19%;}
	header .box-header .right .box-nav>li:nth-child(4) .sub_nav ul {padding-right: 8%;}
	header .box-header .right .box-nav>li:nth-child(5) .sub_nav ul {margin-right: 2.3%;}
	header .box-header .right .box-nav>li:nth-child(6) .sub_nav ul {margin-right: -7%;}
	.bg-index {height: 65%;}
	.rolling {bottom: 5%;}
	
}
@media screen and (max-width: 1366px) { 
	.about_info .img_box {width: 45%;float: left;}
	.about_info .text_box {width: 40%;float: left;right: auto;position: relative;padding-left: 5%;}
	.about_info .slogan {position: relative;height: auto;right:-3%;}
	.rolling {bottom: 0%;}
	.goods_tab .goods_list .goods_text {padding: 5% 12% 5% 56%;}
}
@media screen and (max-width: 1280px) {
	header .box-header, header .box-header .box-logo img {height: 80px;}
	footer .box-footer .foot_sites .item h3{ font-size:14px;}
	.main {margin-top: 100px;}
	.xy-index-banner .swiper-button-prev {left: 30%;}
	.xy-index-banner .swiper-button-next {left: 35%;}
	.xy-index-banner .swiper-num {left: 5%;bottom: 8%;}
	.xy-index-banner .swiper-pagination {padding: 4% 0 2% 0; padding-left: 5%;}
	.index_goods .info_box .left_box .tab_hd div a{font-size: 12px;}	
	.index_about .text_box {padding-left: 6%;width: 38%;}
	.index_goods .info_box {padding: 3% 3%;margin: 0 6% 0 6%;}
	.index_news .wrap,.wrap, .publicPop .content {width: 88%;}
	.about_history .history_swiper {width: 90%;}
	.goods_detail_tab .goods_list {width: 91%;}
	.ibanner p {line-height: 250px;}
	.job_info .job_box .text_box {position: relative;left: auto;margin-left: 6%;float: left;bottom: auto;width: 37%;}
	.job_info .job_box .text_box .text { font-size:14px;}
	header .box-header .right .box-nav>li:nth-child(2) .sub_nav ul {padding-right: 22%;}
	header .box-header .right .box-nav>li:nth-child(4) .sub_nav ul {padding-right: 10%;}
	header .box-header .right .box-nav>li:nth-child(5) .sub_nav ul {margin-right: 4%;}
	header .box-header .right .box-nav>li:nth-child(6) .sub_nav ul {margin-right: -7%;}
	.bg-index {height: 60%;}
	.sub_nav {padding-top: 10px;}
}
@media screen and (max-width: 1152px) {
	.job_info .job_box .text_box dt {padding-right: 10px;}
	.index_news .tab_list li .text_box h3 {font-size: 14px;}
	.index_news .tab_list li .text_box p,.index_goods .info_box .tab_list .goods_text p,.index_about .text_box .text p { font-size:12px;}
}
@media screen and (max-width: 1024px) {

}



/* 860 */

@media screen and (max-width: 860px) {

	img{ max-width:100%;}	
	header,.pcshow,.suspension { display:none!important;}

	

	.bg-index{ height:58%;}
	footer .box-footer { padding:40px 0;}
	footer .box-footer .foot_logo{ width:18%; padding:0 3%; float:none;}
	footer .box-footer .foot_sites{display:block; width:94%;float:none;padding:0 3%;}
	footer .box-footer .foot_sites .item,
	footer .box-footer .foot_sites .item:last-child{ float:none; width:100%;max-width:100%;}	
	footer .box-footer .foot_sites .item{ border-top:1px solid #5d5d5d; padding:15px 0;}
	footer .box-footer .foot_sites .item h3{ padding-bottom:10px; margin-bottom:10px;}
	footer .box-footer .foot_sites .item h3:after{ height:2px;}
	footer .copybar{ height:auto; line-height:1.2em; padding:15px 0;}
	footer .copybar .text, footer .copybar .share{ float:none; text-align:center;}
	footer .copybar .share{ overflow:hidden;line-height:0; margin-left:1%;}
	footer .copybar .share li{ }
	footer .copybar .share li a{ height:36px;}
	footer .copybar .text{ padding:0 3%; padding-top:10px; text-align:left;}	
	footer .box-footer .right {width: 100%;float: none;text-align: center;}
	footer .box-footer .right ul {float: none;}
	footer .box-footer .right ul a.flogo {margin: auto;}
	footer .box-footer .right ul li {text-align: center;}
	footer .box-footer .right ul:last-child a{display: block;}
	.news_s_box .text_con img {height: auto!important;}

	

	.main{margin-top:50px;}
	.right_text{right:3.5%}
	.rolling{ width:10px;right:4.5%; bottom:5%;}
	.rolling span{ height:36px;}
	.mbshow,.nav_mobile {display:block!important; }
	.rolling-top {display: none!important;}
	.wrap{ width:98%;}
	.xy-index-banner{ width:88%; margin:0;}
	.xy-index-banner .text {width:90%;left:5%;top: 35%;margin-left:0px;}
	.xy-index-banner .text h2 {font-size: 26px; padding:10px 0;}
	.xy-index-banner .text h3 {font-size: 22px;}
	.xy-index-banner .text.left {left: 5%;}
	.xy-index-banner .text.right {right: 5%;}
	.xy-index-banner .text h6 {font-size: 22px;line-height:1.6em;}	
	.xy-index-banner .text h7{ margin-top:40px; width:50px}
	.xy-index-banner .swiper-num{left:5%; bottom:30px;}
	.xy-index-banner .swiper-pagination{width:auto; padding-top:40px; padding-bottom:20px;}
	.xy-index-banner .swiper-button-next,.xy-index-banner .swiper-button-prev{ display:none;}
	.xy-index-banner .swiper-button-next{left:auto; right:0;}
	.xy-index-banner .swiper-button-prev{left:auto; right:40px;}	

	

	.title_box{ margin-bottom:30px;}
	.title_box h3{ font-size:24px; padding-bottom:15px; margin-bottom:10px;}
	.title_box h3:after{ width:28px; height:2px;}
	.title_box p{ font-size:16px;}
	.imore{ width:100px}
	.index_about .imore{ position:relative; margin-top:40px;bottom: auto; opacity:0.5}
	.index_about .imore a{ height:auto; line-height:normal; font-size:14px;}
	.index_about .img_box{ width:95%; margin-bottom:40px; float:none; margin-left:5%;}	

	.index_about .img_box img{ width:100%;}

	.index_about .text_box{ padding:40px 5%;float:none; width:90%;}

	.index_about .text_box h3{ margin-bottom:10px;}

	.index_about .text_box .text h3{ font-size:18px; margin-bottom:15px;}

	

	.index_goods{ padding-top:60px;}

	.index_goods .img_box{width:100%;}

	.index_goods .info_box{ margin:0 auto; width:82%;}

	.index_goods .info_box .left_box{ width:100%; float:none;}

	.index_goods .info_box .left_box .tab_hd{ overflow-x:scroll; width:100%;white-space: nowrap; display:flex; padding-top:20px;}

	.index_goods .info_box .left_box .tab_hd div{ margin-right:10px;}

	.index_goods .info_box .left_box .tab_hd div a{text-overflow:clip;}

	.index_goods .info_box .left_box .tab_hd div.active a{ width:auto; padding:0 50px 0 10px;}

    .index_goods .info_box .left_box .tab_hd div a:hover{ background:#000; color:#fff;}

    .index_goods .info_box .left_box .tab_hd div a:hover{ text-indent:5%;}

    .index_goods .info_box .left_box .tab_hd div a:hover i{right:5%;background: url("../image/icon_arrow_r_white.svg") center no-repeat;}

	

	.index_goods .info_box .tab_list{ padding:0; float:none; width:100%; height:auto !important;}

	.index_goods .info_box .tab_list>div{ display:none; position:relative; background:none;}

	.index_goods .info_box .tab_list>div.active{ display:block; margin-top:20px;}

	.index_goods .info_box .tab_list .goods_img{ width:100%; height:auto;}

	.index_goods .info_box .tab_list .goods_img img{ width:100%;}

	.index_goods .info_box .tab_list .goods_text{ position: relative; padding:5% 0; width:100%;}

	.index_goods .info_box .tab_list .goods_text h3:after{ width:22px;}

	.index_goods .info_box .tab_list .goods_text p{ margin:20px  auto; height:auto;}

	.index_goods .info_box .tab_list .goods_text .more{ margin-top:30px;}

	.index_goods .info_box .tab_list .goods_text a{ width:120px; line-height:30px; background:none; border:1px solid #bdbdbd; color:#8a8a8a;}

	

	

	.index_news .left_box{ width:100%; float:none;}

	.index_news .left_box .title_box{ padding-left:4%;}

	.index_news .left_box .tab_hd{ overflow-x:scroll; width:90%;white-space: nowrap; display:flex; padding-top:20px; margin:0 auto;}

	.index_news .left_box .tab_hd div{ width:100%;margin:0 2% 0 0;}

	.index_news .left_box .tab_hd div a{ line-height:40px;}

	.index_news .left_box .tab_hd div:last-child{ margin:0;}

	.index_news .tab_list{ width:90%; float:none; margin:40px auto;}

	.index_news .tab_list li{ width:100%;}

	.index_news .tab_list li a{ height:auto;}

	.index_news .tab_list li .img_box{ display:none;}

	.index_news .tab_list li .text_box{ position:relative; padding:40px 6%; width:auto;}

	.index_news .tab_list li .text_box h3{font-size:16px;}

    .index_news .tab_list li .text_box h4{margin:10px 0 20px 0; padding-left:20px;}

	.index_news .tab_list li .text_box h4:before{ width:10px;}

	.index_news .tab_list li .text_box p{ margin-top:10px;overflow:hidden; font-size:16px;}

	.index_news .tab_list li a:hover .text_box{padding:6%;}

	.index_news .tab_list li a:hover .text_box p{ display:block;}

	

	.line_box{height:40px;}

    .ibanner{ height:70px; background-size:auto 100% ; padding:50px 0;}

    .ibanner p{ line-height:60px;font-size:20px; margin-left:5%;}

    .ibanner p:after{height:3px; width:30px; margin-top:5px;}

	.about_info .img_box{ position:relative; z-index:0; height:auto; left:0;width:100%; margin-bottom:40px;}

	.about_info .text_box{ padding:5%;position:relative; width:90%;}

	.about_info .slogan{ display:none;}

	.about_culture{ padding:18% 0 20% 0;}

	.about_culture .text_box{ font-size:30px; margin-top:12%;}

	.about_history{}

	.about_history .history_swiper{ width:100%;}

	.about_history .swiper-container{ width:100%; }

	.about_history .swiper-button-next, .about_history .swiper-button-prev{display:none;}

	.about_history .swiper-slide-active:after{ border-bottom-color:#000;}

	.about_history .swiper-slide .item .text_box{ padding-right:5%;}

	.about_history .swiper-slide .item .text_box p{ width:73%;}

	.about_contact{ margin-top:15%;background-size: auto 100%; padding:60px 0;}

	

	.about_contact .left_box{ float:none; padding-left:4%;}

	.about_contact .con_box{ float:none; width:100%; overflow:hidden;}

	.about_contact .con_box li{ width:90% !important; padding:8% 5%; margin:0 5%; margin-bottom:30px;}

	.about_contact .con_box li h3:after{ height:2px;}

	.about_contact .con_box li h3 span{ font-weight:bold;}

	.goods .ibanner{ margin-bottom:20px;}

	.goods_tab .goods_hd{ display:none;}

	.goods_tab .goods_hd .swiper-slide{ margin:0 5px;}

	.goods_tab .goods_hd a{ line-height:30px; height:30px;}

	.goods_tab .goods_hd em .bg{ font-size:40px;line-height:30px;}

	

	.goods_tab .goods_list .swiper-wrapper{ display:block;}

	.goods_tab .goods_list .goods_img{ width:100%; height:auto; position:relative; margin-top:20px;}

	.goods_tab .goods_list .goods_img img{ width:auto; height:auto;}

	.goods_tab .goods_list .goods_text{ padding:60px 5%;margin:0; background:none;}

	.goods_tab .goods_list .goods_text p{ height:auto;}

	.goods_tab .goods_list .goods_text .more{ margin-top:20px;}

	

	.goods_detail_tab .hd_box{ margin-bottom:0; border-bottom:none;}

	.goods_detail_tab .title_box{ float:none; padding-left:4%;}

	.goods_detail_tab .goods_hd{ float:none; margin-top:0; width:90%;border-bottom:1px solid #cccccc; padding-bottom:30px;}

	.goods_detail_tab .goods_list{ padding:0 5%;}

	.goods_detail_tab .goods_list li .text_box{ font-weight:bold; color:#000;}

	.goods_detail_tab .goods_list li{ padding:40px 0 0 0; width:100%;}

	.publicPop .content{ width:100%; margin:0; height:100%; overflow-y:scroll;}

	.publicPop .content .box{ padding:0;}

	.publicPop .btnClose{display: block; position:fixed; right:0; top:0; font-size:30px; width:50px;height: auto;left: auto; line-height:50px; text-align:center; z-index:99;background:url(../image/btn_close.svg) center no-repeat; background-size:45%; }

	.publicPop .content .btnClose{ display:none;}

	.goods_detail_info:before{ display:none;}

	.goods_detail_info .goods_img{padding:0 5%; padding-top:60px; width:90%; float:none;}

	.goods_detail_info .goods_img span{ display:block;}

	.goods_detail_info .goods_img .img_box{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; padding:40px 0;}

	

	.goods_detail_info .goods_text,

	.goods_detail_info .goods_ad{ float:none; width:100%; margin-top:20px;}

	.goods_detail_info .goods_text{ height:auto;}

	.goods_detail_info .swiper-container .swiper-slide{ margin-bottom:10px;}

	.goods_detail_info .goods_qa .swiper-button-next, .goods_detail_info .goods_qa .swiper-button-prev{width: 40px;height: 36px;line-height: 36px;}
	.goods_detail_info .goods_qa .swiper-button-prev{ right:100px;}

	.goods_detail_info .goods_img .text_box{ padding:30px 5%;}

	

	.goods_detail_info .goods_qa{ float:none; width:90%; margin:0 auto; margin-top:20px;}	

	.goods_detail_info .goods_detail_seiper{ padding-top:80px;}

	.goods_detail_info .goods_detail_seiper:before{ top:60px;}

	

	.goods_detail_info .goods_text{ padding:0; padding-top:15px;}

	.goods_detail_info .goods_text h3{ margin-bottom:10px;}

	.goods_detail_info .goods_text dl{ margin-bottom:20px;}

	.goods_detail_info .goods_text dd{ padding-left:15px;}

	.goods_detail_info .goods_ad a{ margin-bottom:20px;}

	



	.server_list{ width:100%; margin-top:40px;}

	.server_list .item,

	.server_list .item:nth-child(1){ width:100%;}

	.server_list .item a .img_box{ width:100%; float:none !important;}

	.server_list .item a .text_box{ width:90%; position:relative; padding:40px 5%;}

	.server_list .item .text_box::before{ display:none;}



	.culture_list{ width:100%;}

	.culture_list .item,

	.culture_list .item:first-child{ width:100%; margin:0;}

	.culture_list .item a .img_box{ width:100%; float:none; margin:0;}

	.culture_list .item a .text_box{ padding:40px 5%; width:90%; position:relative; background:none;}

	.culture_list .item a .text_box p{ margin-top:5px;}

	

	.news .ibanner{ margin-bottom:20px;}

	.news_box{ width:90%; margin:0 5%;}

	.news_box .top_box .slogan_box{ display:none;}

	.news_box .news_list{ margin-bottom:20px;}

	.news_box .news_list .item{ padding:10px 0;}

	.news_box .news_list .item .img_box{ width:100%; float:none;margin:40px 0;}

	.news_box .news_list .item .text_box{ padding:0; width:100%; position:relative;}

	.news_box .news_list .item .text_box h3{ font-size:16px; padding-bottom:5px;}

	.news_box .news_list .item .text_box h4{padding-bottom:5px; font-size:14px; margin:10px 0;}

	.news_box .news_list .item .text_box p{ margin-top:5px; height:auto; font-size:14px;}

	.news_box .news_list .item .text_box h6{ margin:40px 0;}


	.news_s  .site_box .wrap{ padding:0 5%;}

	.news_s_box { width:90%; margin:0 auto;}	

	.news_s_box .con_box{ width:100%;float:none;}

	.news_s_box .title_box{ padding-bottom:30px;}

	.news_s_box .title_box h3{ font-size:18px; line-height:1.6em;}

	.gopage_box{ padding:15px 0;}
	.gopage_box.bk a.gopage_prev, .gopage_box.bk a.gopage_next{ padding:0 5px;}
	

	.news_s_box .ad_box{ width:100%; float:none; margin:0 auto; margin-top:20px; display:none;}

	.news_s_box .ad_box dl{ padding:10px;}

	.news_s_box .ad_box dl h3{ font-size:20px; padding-bottom:10px;}
	
	

	.job_info .job_box .text_box{ position:relative; padding:40px 5%; padding-top:60px; width:90%; float:none;}

	.job_info .job_box .text_box dt{ padding-right:20px; width:45px;}

	.job_info .job_box .text_box dd{ width:66%;}

	.job_info .job_box .img_box{ float:none; width:100%;}

	.job_list{ padding-top:0;}

	.job_list .wrap{ width:90%;}

	.job_list li{ margin-bottom:15px;}

	.job_list li:last-child{ margin-bottom:0;}

	.job_list li .list_hd { padding:0 5%; height:50px; line-height:50px;}

	.job_list li .list_hd .text{ float:left;}

	.job_list li .list_hd h3{ font-size:16px; width:auto;}

	.job_list li .list_hd p{ display:none;}

	.job_list li .list_hd p span{ padding:0 10px;}

	.job_list li .list_hd .time{ font-size:14px;}

	.job_list li .list_hd .time i{ width:10px; display: inline-block;}

	.job_list li .text_con{ padding:40px 5%; width:90%;}

	.job_list li .text_con h3{ margin-bottom:10px;}

	.job_list li .text_con p{ line-height:1.6em;}

	.job_list li .text_con h6{ margin-top:40px; }

	.publicPop .content.white_content{ width:100%;}

	

	

	.index_goods .info_box .tab_list .goods_text { padding: 5%;width: 90%;right: 0;}
	.mheader.mhfixed .cd-nav-trigger.indexmnav span {background: #fff;}
	.index_news::before,.index_news::after,.index_news .tab_box::before {display: none;}
	.index_goods .info_box {padding: 10% 3% 0 3%;}
	.index_news .tab_list li a {border-left:none;height:auto;}
	.index_news .tab_list li .text_box {padding:5% 0;}
	.index_news .left_box .title_box {padding-left:0;}
	.index_news .left_box .tab_hd {width: 100%;}
	.index_news .tab_list {width:100%; margin: 20px auto;}
	.index_news .tab_list li .text_box p {font-size: 14px;line-height: 26px;}
	.index_news .tab_list li a:hover .text_box {padding:5% 0;}
	.index_news .tab_list li .img_box {display: block;opacity: 1;}
	.index_news .tab_list li { margin-bottom: 50px;}
	.about_culture {background-size: 300%;}
	.about_history .swiper-slide .item .text_box p {width: 100%;}
	.goods_detail_info .goods_img .text_box {padding: 30px 0;}
	.publicPop {position: fixed;}
	.server_list { margin-top: 0px;padding-top: 0px;}
	.culture_list .item a .img_box {width: 40%;float: left;overflow: hidden;}
	.culture_list .item a .text_box {padding:10% 5%;width:50%;float: left;}
	.culture_list .item, .culture_list .item:first-child {width: 90%;margin: 0 auto 20px auto;float: none;}
	.culture_list {padding-top: 0px;}
	.news_box .news_list .item .img_box {margin: 10px 0 20px 0;}
	.job_info .job_box .text_box {padding: 40px 5%; padding-top: 0px;margin: 0;width: 90%;}
	.mheader.mhfixed .cd-nav-trigger.indexmnav span {background: #000;}
	.no-touch  .mheader.mhfixed .cd-nav-trigger.indexmnav span {background: #fff!important;}
	footer .box-footer .foot_sites .item:nth-child(2) {border: none;}
	footer .box-footer .foot_sites .item:nth-child(3) {border: none;}
	.ibanner.aboutpage,.line_box.aboutpage {display: none;}
	.main {overflow: hidden;}
	.publicPop .content {top:0;}
	.mbbr {display: block;padding-top: 5px;}

}

 





/* iphone5 */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {





}



/* phone 678 */

@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {

	

}



/* phone 678 plus*/

@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {

	

}





/* phone x 和 微信内高*/

@media only screen and (device-width : 375px) and (device-height : 812px) {

	

}





/* phone x */

@media screen and (max-width : 736px) and (orientation: landscape) {

}





/* all iPad */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {





}



/* iPad x */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {









}



/* iPad y */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {









}





/* all iPad pro */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {



}



/* x iPad pro */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {





}



/* y iPad pro */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {



}



/*兼容IE11*/

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){



}