*{margin:0;padding:0}
*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}
html{-moz-box-sizing:border-box;box-sizing:border-box;}
.indexbody{background:url(../images/bodybg.jpg) top  repeat-x #e2e2e2 ; }
.pagebody{background:url(../images/bodybg2.jpg) top  repeat-x #e2e2e2; }
body{margin:0;font-size:11pt;line-height:20px;font-family: "Microsoft YaHei"; color:#5f5f5f;}
.tablebox{width:100%;margin:0px auto}
.logo{float:left;margin:0}
.toprighttable{float:left;width:200px;margin-left:630px;margin-top:5px;color:#FFF}
.english{font-weight:bold;color:#424242;}
a:link,a:visited,a:hover,a:active {  text-decoration: none; }
.english a:link,.english a:hover,.english a:active,.english a:visited{font-size:18px;font-weight:bold;color:#424242; text-decoration: none;}
.jixiangwu{height:215px;background-image:url(../images/top_banner.png);background-repeat:no-repeat;background-position:50%}
.jixiangwu2{height:215px;background-image:url(../images/en-top_banner.html);background-repeat:no-repeat;background-position:50%}
.newslist_time{margin:230px 0 0 0;padding:0;font-size:14px;line-height:30px}
li.newslist_time{margin:0;font-size:14px;list-style-type:none;height:30px}
.pathnav{padding:0px; height:50px; font-size:14px; line-height:50px;font-family: "Microsoft YaHei"; background-color:#fff;text-indent:2em; }

.nav2{float:right;}
.nav2 ul{margin:0 0 0 20px;padding:0}
.nav2 li{margin:0;font-size:14px;list-style-type:none;height:40px;float:left;line-height:40px;margin-right:20px;}
.footerbox{width:100%;height:100px;background-image:url(../images/footer_bg.jpg);}

.footerfont{color:#FFF;font-size:14px;line-height:32px; font-family: "Microsoft YaHei";}
.footerfont a,.footerfont a:hover,.footerfont a:active{color:#FFF;}
.footerfont2{color:#d1d1d1;font-size:14px;line-height:32px; font-family: "Microsoft YaHei";}
.footerfont2 a,.footerfont2 a:hover,.footerfont2 a:active{color:#d1d1d1;}

li.newslist_time .time{float:right;font:15px/26px Microsoft YaHei,Verdana,Helvetica,sans-serif;color:#666;padding:0px;}
.page_banner{padding:0px; margin-top:2px;}
.page_box{padding:20px 50px;background-color:#FFF}
.page_title{ float:left; width:100%; font-size:32px;line-height:35px;text-align:center;margin:10px 0;font-family: "Microsoft YaHei"; font-weight:bold; color:#666666;}
.page_text2{ float:left;width:90%; margin:0 0 0 5%;padding:0;font-family: "Microsoft YaHei";line-height:32px; }
.page_text2 p{text-indent:2em}
.page_text2 p img{ min-width:inherit;}
.page_text3{line-height:32px; width:100%;padding:20px;font-family: "Microsoft YaHei"; margin:0px auto; }
.page_text3 p{text-indent:2em}
.page_text3 img{ margin:0px auto; }

.NewsContentFont { line-height:32px; font-size:13px;font-family: "Microsoft YaHei";}
.NewsContentFont img{ display:block;margin:20 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400; color:#666666; }
fieldset,img{border:0}
img{vertical-align:top}
li,ol,ul{list-style:none}
a{font-size:13px;line-height:24px;text-decoration:none;color:#5f5f5f}
a:hover{font-size:13px;line-height:24px;color:#052299}
a:active{font-size:13px; line-height:24px;color:#052299}
.CreateTimeFont{font-size:13px; line-height:24px;}
.w:active,.w:hover{color:#fff;font-size:14px}
.w:link,.w:visited{color:#fff;font-size:14px}
.clear{clear:both;height:0;line-height:0;font-size:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .clearfix{height:1%}
.fl{float:left}
.fr{float:right}
.font18{font-size:18px;line-height:40px; color:#5f5f5f; }
.font14{font-size:14px; color:#424242;  line-height:50px;}
.c-font{font-size:14px; color:#424242; text-align:center; line-height:50px;}
*{list-style:none}


nav ul{list-style:none;padding-left:0;margin-top:0;margin-bottom:0;}
.nav{width:100%;margin:0 auto;}
.nav a{display:block;width:100px;text-align:center;line-height:inherit;font-family: "Microsoft YaHei";cursor:pointer;color:#424242;font-size:14px}
.nav_menu{line-height:40px;font-weight:bold;text-transform:uppercase}
.nav_menu-item{display:inline-block;position:relative;}
.nav_menu-item:hover{background-image:url(../images/nbg.jpg); background-repeat: no-repeat;background-color: #f0f0f0;}
.nav_menu-item:hover a{color:#424242}
.nav_menu-item:hover .nav_submenu{display:block}
.nav_submenu{font-weight:300;text-transform:none;display:none;position:absolute;width:100px;  background-color:#efefef;filter:alpha(Opacity=80);-moz-opacity:.8;opacity:.8;z-index:999}
.nav_submenu-item:hover{background:rgba(0,0,0,.1); border-bottom:#E70003 solid 2px;height:40px;}
.nav_submenu-item a:active,.nav_submenu-item a:link,.nav_submenu-item a:visited{height:40px;color:#424242;font-family: "Microsoft YaHei";cursor:pointer;color:#424242;font-size:14px;font-weight:bold;text-transform:uppercase;}

.en-nav{width:1180px;margin:0 auto}
.en-nav a{display:block;width:160px;text-align:center;line-height:inherit;cursor:pointer;color:#424242;font-size:13px}
.en-nav_menu{line-height:40px;font-weight:bold;text-transform:uppercase}
.en-nav_menu-item{display:inline-block;position:relative}
.en-nav_menu-item:hover{background-image:url(../images/nbg2.jpg);background-repeat: no-repeat; background-color: #f0f0f0; }
.en-nav_menu-item:hover a{color:#424242}
.en-nav_menu-item:hover .en-nav_submenu{display:block}
.en-nav_submenu{font-weight:300;text-transform:none;display:none;position:absolute;width:160px;  background-color:#efefef;filter:alpha(Opacity=80);-moz-opacity:.8;opacity:.8;z-index:999}
.en-nav_submenu-item:hover{background:rgba(0,0,0,.1); border-bottom:#E70003 solid 2px;height:40px;}
.en-nav_submenu-item a:active,.en-nav_submenu-item a:link,.en-nav_submenu-item a:visited{height:40px;color:#424242;cursor:pointer;color:#424242;font-size:10px;text-transform:uppercase;}

/*以下是后来加的*/
.c1 { margin:30px 0 0 0;}

div.indexmaindiv{height:125px;margin:0px auto;width:1200px;}
div.indexmaindiv1{overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:40px;height:125px;background:url('../images/n1.gif') no-repeat left top;margin:0px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:40px;height:125px;background:url('../images/n1.gif') no-repeat left top;margin:0px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:200px;height:125px;background:#FFF;font-family:'Microsoft YaHei';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:200px;height:125px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:200px;height:125px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:12px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.stylesgoright{float:left;width:40px;height:125px;background:url('../images/n2.gif') no-repeat left top;margin:0px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:40px;height:125px;background:url('../images/n2.gif') no-repeat left top;margin:0px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1100px;height:125px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:200px;height:125px;margin-left:13px;}


.a1 { float:left; width:100%; height:30px; padding:0; margin:0 0 0 20px; text-align:center; color:#FFFFFF;}
.a1 a { color:#ffffff;}
.a1a {  float:left;}
.b1 { float:left; width:100%;margin:10px 0 0 0; padding:0;font-size:10pt;line-height:30px;text-align:center;font-family: "Microsoft YaHei";}
.c1 { float:left; width:350px; height:210px;}
#cxx1_a1 { float:left; width:350px; margin:40px 0 0 0;}
#cxx1ad td { font-size:10pt; color:#666666; padding:10px; line-height:30px;}
#cxx1ad h2 { font-size:10pt; color:#666666;}


.pages{width:100%;text-align: center;padding:40px 0;}
.pages a,.pages span{border:1px solid #DADCDF;padding:10px 15px;font-size:14px;border-radius:4px;min-width:36px;margin:0 5px;display: inline-block;}
.pages a.cur{background: #3C71C1;border-color: #3C71C1;color:#fff;}
/*以上是后来加的*/



blockquote  { font-size:10pt;}


.showpic_355-236{ width:355px; }


/*轮播图*/
.swiper-slide{
	position: relative;
}
.swiper-slide img{
	width: 100%;
	vertical-align: bottom;
}
.swiper-slide .lunbo{
	width: 100%;
	height: 31px;
	line-height: 31px;
	padding: 0 70px 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	font-weight: normal;
	color:#CCCCCC;
}
.swiper-slide h3 a{
	color: #fff;
	font-size: 14px;
}
.swiper-button-next, .swiper-button-prev { color:#cccccc;}






/*2025-11-17*/
body,.css2{ font-size: 14px;}
.picslist .css2{ font-size: 14px;}
.indexwrap{ position: relative;}
.row.navs{  margin-left: 0; margin-right: 0; left: 23px; right: 15px;  }
.navs .navsinner{  width: auto!important;margin-left: -8px; margin-right: 0;}
.navs .navsinner .row{ margin-left: 0; margin-right: 0; }
.en-nav{ display: flex;  justify-content: space-between;}
.en-nav .col-md-1{ width: auto!important;}
.en-nav a{ min-width: 0px; width: auto; padding: 0 15px;}


.indexwrap{}
.indexwrap .en-nav_menu-item>a{}
.en-nav_menu-item:hover>a,.en-nav .cr>a{ color: #c7000a!important;}
.en-nav_menu-item .en-nav_submenu-item:hover a{ background: #fff!important; opacity: 1!important;}
.en-nav_submenu{ opacity: 1; width: 100%;  min-width: 110px; left: 50%; transform: translateX(-50%);}
.en-nav_submenu a{ font-size: 14px!important; padding:  0 2px!important}
.en-nav .cr{/*background-image:url(../images/nbg2.jpg); */}
.localhome{ display: inline-block;}
.page_text2 p{ text-indent: 0;}
.page_text2 .title{ display: none;}
.page_text2,.page_text2 * { font-size: 16px;}
.page_text2 img{ display: block; margin: 0 auto;}
.page_text2 p{  text-justify: inter-ideograph;
    text-align: justify;
    text-justify: distribute;
}

.H30{ height: 30px;}
.H10{ height: 10px;}
.localhome{ float: left;}
.pathnav{ text-indent: 0;}
.nav2 li{  margin-left: 20px; margin-right: 0;}
.whitbgs{ background: #fff;}
.mod-en-nav2 .en-nav{ height: 50px; }
.mod-en-nav2  .en-nav_menu{ margin-top: 0;}
.mod-en-nav2  .en-nav_menu .en-nav_menu-item{ line-height: 50px;}

.mod-en-nav2  .en-nav_submenu-item a:active, .mod-en-nav2 .en-nav_submenu-item a:link, .en-nav_submenu-item a:visited{ line-height: 40px;}
.inbanner2 .col-md-12{ }
.md .inbanner2 {  }
.comtit4{ margin-bottom: 20px; color: #000; font-weight: normal; text-align: left;}
.shoplist2{ margin-top: 20px;}
.shoplist2 .row{ margin-bottom:30px;}
.ltext span{ font-weight: bold;}

/*.en-nav a{ font-weight: normal!important;}*/
@media only screen and (max-width: 480px) {
	.newslist2 .col-md-4{ max-width: 364px;  }
	.newslist2 .col-md-4{ margin-bottom: 30px; margin-left: auto; margin-right: auto;}
	.newslist2 .col-md-4 img{ width: 100%; max-width: 100%;}
	.picslist .col-md-6{ margin-bottom: 20px;}
	.comtit4{  font-size: 24px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{    padding-right: 0;
    padding-left: 0;}
	.row{ padding-left: 0;padding-right:0; margin-left: 0; margin-right: 0;}
	.row .row{padding-left: 0;padding-right: 0;}
	img{ max-width: 100%; height: auto;}
	.innersheader{ display: none;}
.localhome{ display: none;}
.nav2 ul{ display: block; white-space: nowrap; width: 100%; overflow-x: auto; margin-left: 0; margin: 0; text-align: center;}	
.nav2 ul li{ display: inline-block; margin:0 2px; padding: 0 12px; text-align: center; }
.nav2{ float: none; display: block;}
.nav2 ul *{ float: none; display: inline-block!important;}
.pathnav{  text-indent: 0; background: #f2f2f2; margin-left: -15px; margin-right: -15px;}
	.pathnav li.cr{ color: #c7000a;}
	.pathnav li.cr a{color: #c7000a;}
	.page_box{    padding: 20px 0;}
	.page_text2{ float: none; margin: 0; width: 100%;}
	p { margin: 0 0 0;}
	
	.page_text2 .txt{ margin-top: 5px!important;}
	
	
	.page_text2 table{ display: block; width: 100%; overflow-x: auto; border: none;}
	.page_text2 tbody{ width: 800px; display: table;}
	.page_text2 table td{ border: 1px solid #ccc;}
	.inbanner2{ margin-left: -15px; margin-right: -15px;}
	body{ background: #fff!important;}
}
.page_title{ margin-bottom: 20px;}
.en-nav a{ padding: 0 12px;}
/*手机端*/
.mobile-headerwrap {
	display: none;
}
/*max-width:480px*/
@media screen and (max-width: 480px) {
	.page_text2 img{ max-width: 100%; object-fit: cover; height: auto!important;}
	.header {
		display: none;
	}

	/*手机端导航*/
	.mobile-headerwrap {
		display: block;
	}

	.mobile-headerwrap .layer-top {
		padding: 0 10px;
		overflow: hidden;
	}

	.mobile-headerwrap .mem-links .login {
		font-size: 0;
		line-height: 0;
	}

	.mobile-headerwrap .mem-links li {
		margin-right: 10px;
	}

	.mobile-headerwrap .mem-links .m-icon2 {
		margin-left: 0;
	}

	.mobile-headerwrap .mem-links li a {
		display: block;
		height: 35px;
	}

	.mobile-menucss {
		/* box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);*/
		height: 100%;
		max-height: calc(100vh - 50px);
		/* width: 40%;*/
		width: 100%;
		position: relative;
		/*width:150px;*/
		position: fixed;
		right: -100%;
		top: 50px;
		box-sizing: border-box;
		display: block !important;
		z-index: 99999;
	}

	.mobile-menucss>ul {
		overflow: auto;
		width: 100%;
		/*width: 150px; */
		padding-top: 0;
		/*background:rgba(130,176,69,1);*/
		height: calc(100%);
		/* max-height:calc(100% - 50px);*/
	}

	.mobile-menucss>ul>li {
		margin-top: -1px;
		transition: all 500ms;
		transform: translateX(-100px);
		opacity: 0;
	}

	.mobile-menucss>ul>li.cr {
		background: rgba(255, 255, 255, .05);
	}

	/*	.mobile-menucss>ul>li.cr{ background: #fff;}
	.mobile-menucss>ul>li.cr>a{ color: #000;}
	.mobile-menucss>ul>li.cr>a span{color: #000;}*/
	.mobile-menucss>ul>li>a {
		position: relative;
	}

	.mobile-menucss>ul>li>a,
	.mobile-menucss>ul>li>h3 {
		font-weight: normal;
		display: block;
		padding-left: 30px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
		/*border-top:1px solid rgba(255,255,255,0.1);*/
		height: 45px;
		line-height: 45px;
	}

	.mobile-menucss>ul>li>a>span {
		color: #fff;
		font-size: 16px;
	}

	.mobile-menucss>ul>li>ul {
		padding-left: 50px;
		overflow: hidden;
		/*display: none;*/
	}

	.mobile-menucss>ul>li>ul>li {
		line-height: 45px;
		position: relative;
	}

	.mobile-menucss>ul>li>ul>li>a>span {
		color: #fff;
		opacity: .8;
		line-height: 25px;
	}

	.mobile-menucss>ul>li.mobiles-links {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 30px;
		border: none;
	}

	.mobile-menucss>ul>li.mobiles-links a {
		border: none;
	}

	.mobile-menucss>ul>li.mobiles-links img {
		width: 50px !important;
		height: 50px !important;
		max-width: none;
		margin-left: 0;
		padding-left: 0;
	}

	/*手机端头部*/
	.mobile-headerwrap {
		height: 48px;
		position: relative;
		z-index: 999990;
	}

	.mobile-header {
		background: #fff;
		height: 50px;
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 990;
	}

	.header-shower {
		line-height: 50px;
		height: 50px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
		position: relative;
		z-index: 66;
		text-align: center;
	}

	.mobile-header .header-shower img {
		width: auto !important;
		height: 35px !important;
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	.mobile-header .header-shower img:nth-child(3){ padding-left: 5px;height: 20px !important;}
	.menu-active>ul>li {
		transform: translateX(0);
		opacity: 1;
	}

	.menu-active>ul>li>a {
		height: 45px;
		line-height: 45px;
	}

	.menu-active>ul>li:nth-child(2) {
		-webkit-transition-delay: 300ms, 300ms;
		transition-delay: 300ms, 300ms;
	}

	.menu-active>ul>li:nth-child(3) {
		-webkit-transition-delay: 350ms, 350ms;
		transition-delay: 350ms, 350ms;
	}

	.menu-active>ul>li:nth-child(4) {
		-webkit-transition-delay: 400ms, 400ms;
		transition-delay: 400ms, 400ms;
	}

	.menu-active>ul>li:nth-child(5) {
		-webkit-transition-delay: 450ms, 450ms;
		transition-delay: 450ms, 450ms;
	}

	.menu-active>ul>li:nth-child(6) {
		-webkit-transition-delay: 500ms, 500ms;
		;
		transition-delay: 500ms, 500ms;
	}

	.menu-active>ul>li:nth-child(7) {
		-webkit-transition-delay: 550ms, 550ms;
		transition-delay: 550ms, 550ms;
	}

	.menu-active>ul>li:nth-child(8) {
		-webkit-transition-delay: 600ms, 600ms;
		transition-delay: 600ms, 600ms;
	}

	.menu-active>ul>li:nth-child(9) {
		-webkit-transition-delay: 650ms, 650ms;
		transition-delay: 650ms, 650ms;
	}

	.menu-active>ul>li:nth-child(10) {
		-webkit-transition-delay: 700ms, 700ms;
		transition-delay: 700ms, 700ms;
	}

	.menu-active>ul>li:nth-child(11) {
		-webkit-transition-delay: 750ms, 750ms;
		transition-delay: 750ms, 750ms;
	}

	.menu-active {
		left: 0;
		animation-name: ani-menu;
		animation-timing-function: ease-in-out;
		animation-duration: 500ms;
		box-shadow: none;
	}

	.menu-hide {
		/*left: -100%;*/
		left: 0;
		height: 0;
		animation-name: ani-menu1;
		animation-timing-function: ease-in-out;
		animation-duration: 500ms;

	}



	/*菜单动画*/
	@keyframes ani-menu {
		0% {
			/*left: -100%;*/
			height: 0;
		}

		100% {
			/*left: 0;*/
			height: calc(100%);
		}
	}

	@-webkit-keyframes ani-menu {
		0% {
			/*	left: -100%;*/
			height: 0;
		}

		100% {
			/*	left: 0;*/
			height: calc(100%);
		}
	}

	@keyframes ani-menu1 {
		0% {
			/*	left: 0; */
			height: calc(100%);
		}

		100% {
			/*	left: -100%;*/
			height: 0;
			box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
		}
	}

	@-webkit-keyframes ani-menu1 {
		0% {
			/*left: 0;*/
			height: calc(100%);
		}

		100% {
			/*left: -100%;*/
			height: 0;
			box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
		}
	}

	/*搜索开始*/
	.head-icons {
		position: absolute;
		top: 0;
		right: 6px;
		height: 50px;
		text-align: right;
	}

	.mobile-search {
		height: 50px;
		background: #fff;
		padding: 0 20px 0 50px;
		position: fixed;
		width: 100%;
		box-sizing: border-box;
		z-index: 6666;
		top: 0;
		left: 0;
		display: none;
	}

	.mobile-menucss {
		text-align: left;
	}

	.mobile-search input {
		width: 100%;
		color: #000;
		height: 50px;
		vertical-align: middle;
		background: transparent;
		border: none;
		line-height: 50px;
	}

	.mobile-search input::-webkit-input-placeholder {
		color: #999 !important;
	}

	.mobile-search input:-moz-placeholder {
		color: #999 !important;
	}

	.mobile-search .s-searchs {
		/**/
		background: url("../images/searchbtns.png") no-repeat center center;
		position: absolute;
		width: 30px;
		height: 30px;
		right: 15px;
		top: 10px;
		line-height: 30px;
		text-align: center;
		/**/
		background-size: 20px 20px;
	}

	.mobile-search .s-close {
		cursor: pointer;
		color: #95262a;
		/**/
		background: url("../images/close.png") no-repeat center center;
		position: absolute;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		/**/
		background-size: 20px 20px;
		left: 10px;
		top: 10px;
	}

	.head-icons a.ybooks-css {
		width: 40px;
		height: 50px;
	}

	.head-icons a {
		display: inline-block;
		float: left;
		cursor: pointer;
		text-align: center;
		font-size: 20px;
		color: #666;
	/*	width: 30px;*/
		width: 25px;
		height: 50px;
		line-height: 50px;
	}

	.head-icons a.lang span {
		background: #b5151d;
		color: #fff;
		border-radius: 25px;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		font-size: 12px;
		vertical-align: middle;
		display: inline-block;
		position: relative;
		top: -2px;
	}

	.head-icons a.search-mobile,
	.search-mobile-business {
		/*width:30px;*/
		height: 50px;
	}

	.head-icons a.site-css {
		width: 35px;
		height: 50px;
	}

	.head-icons a.en-css {
		width: 41px;
		height: 50px;
	}

	a.menus-mobiles {
		width: 50px;
		height: 50px;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0; cursor: pointer;
	}

	a.menus-mobiles span {
		background: #444444;
		height: 1px;
		width: 20px;
		display: block;
		position: absolute;
		left: 10px;
		top: 22px;
		transition: all 0.5s;

	}

	a.menus-mobiles span:nth-child(1) {
		/* top: 22px;*/
		transform: translate3d(0, 0px, 0);
	}

	a.menus-mobiles span:nth-child(2) {
		/*top: 28px;*/
		transform: translate3d(0, 6px, 0);
	}

	a.menus-ani1 span:nth-child(1) {
		/* animation:animenu1 500ms  1; */
		animation-fill-mode: forwards;


		transform: rotate3d(0, 0, 1, 45deg);
	}

	a.menus-ani1 span:nth-child(2) {
		/*animation:animenu2 500ms  1; */
		animation-fill-mode: forwards;
		transform: rotate3d(0, 0, 1, -45deg);
	}
	
	/*新加三个杠*/
	a.menus-mobiles{ top: -2px;}
	a.menus-mobiles span:nth-child(1) {
		/* top: 22px;*/
		transform: translate3d(0, 0px, 0);
	}

	a.menus-mobiles span:nth-child(2) {
		/*top: 28px;*/
		transform: translate3d(0, 8px, 0);
		transition: none;

	}
	a.menus-mobiles span:nth-child(3) {
		/*top: 28px;*/
		transform: translate3d(0, 16px, 0);		
	}
	a.menus-ani1 span{top:23px;}
	a.menus-ani1 span:nth-child(1) {
		/* animation:animenu1 500ms  1; */
		animation-fill-mode: forwards;
		transform: rotate3d(0, 0, 1, 45deg);
	}
	a.menus-ani1 span:nth-child(2){
		display:none;
	}
	a.menus-ani1 span:nth-child(3) {
		/*animation:animenu2 500ms  1; */
		animation-fill-mode: forwards;
		transform: rotate3d(0, 0, 1, -45deg);
	}
	
	
	

	.wrap-subs {
		overflow: hidden;
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
		/* overflow-y: auto; height: 0;  position: absolute;width:calc(100% - 150px); left: 150px;   top: 0; bottom:0; box-sizing: border-box;  transition:all 0.5s;  overflow-x: hidden; opacity: 0;*/
	}

	.mod-subnav a {
		color: #999;
		display: inline-block;
		font-size: 12px;
		width: 50%;
		margin-bottom: 30px;
		text-align: center;
		box-sizing: border-box;
		float: left;
	}

	.mod-subnav {
		margin-top: 30px;
	}

	.mod-subnav a img {
		width: 50px;
		margin-bottom: 10px;
	}

	/**/
	.wrap-subs .mod-subs {
		width: 100%;
		position: relative;
		left: -640px;
		padding-bottom: 10px;
		overflow: hidden;
		transition: all 0.5s;
	}

	.mobile-menucss>ul>li.cr .wrap-subs {
		opacity: 1;
		height: 100%;
		background: #fff;
		/*width:calc(100% - 150px); */
		/*transition-delay:1s; -moz-transition-delay:1s; */
		z-index: 99;
	}

	.mobile-menucss>ul>li.cr .wrap-subs .mod-subs {
		width: 100%;
		position: relative;
		left: 0;
	}

	.smod-tits {
		position: relative;
		margin: 10px 0 0 20px;
		left: -640px;
		/*top: 10px; */
		transition: all 0.5s;
		font-size: 16px;
		font-weight: bold;
	}

	.smod-tits span {
		border-bottom: 1px solid #000;
		padding-bottom: 5px;
	}

	.mobile-menucss>ul>li.cr .smod-tits {
		left: 0;
	}

	.mymod-tits {
		font-size: 14px;
		color: #666;
		left: -640px;
		position: relative;
		padding-left: 20px;
		padding-top: 10px;
		/*font-weight: bold;*/
		transition: all 0.5s;
	}

	.mobile-menucss>ul>li.cr .mymod-tits {
		left: 0;
	}

	/*    .sub-active{ width:calc(100% - 150px); }*/

	.mobile-menucss>ul>li.m-website {
		width: 50%;
		float: left;
		text-align: center;
		border-bottom: none;
		margin-top: 40px;
	}

	.mobile-menucss>ul>li.m-email {
		width: 50%;
		float: left;
		text-align: center;
		border-bottom: none;
		margin-top: 40px;
	}

	.mobile-menucss>ul>li.m-website a,
	.mobile-menucss>ul>li.m-email a {
		display: inline-block;
		border-bottom: none;
		width: 70%;
		height: 40px;
		line-height: 40px;
		border-radius: 40px;
		text-align: center !important;
		padding-left: 0;
		background: rgba(255, 255, 255, .2);
		opacity: .6;
	}


	@keyframes animenu1 {
		0% {
			transform: translate3d(0, 0, 0);
		}

		100% {
			transform: rotate3d(0, 0, 1, 45deg);
		}
	}

	@keyframes animenu2 {
		0% {
			transform: translate3d(0, 6px, 0);
		}

		100% {
			transform: rotate3d(0, 0, 1, -45deg);
		}
	}
	.mlangs{ font-size: 14px!important; display: inline-block; width: 25px!important; height:25px!important; line-height: 22px!important; vertical-align: middle!important;  position: relative; margin-top: 13px; text-align: center;border:1px solid #fff; border-radius:25px; margin-right: 3px; background: none;border: 1px solid #ec2326;color: #ec2326!important; font-family: "Arial"  }

	/*新增会员中心下拉菜单*/
	.mobile-menucss {
		/*background: rgba(1,142,214,1);*/
		background: -webkit-linear-gradient(#bf7c24, #bf7c24);
		/* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(#bf7c24, #bf7c24);
		/* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(#bf7c24, #bf7c24);
		/* Firefox 3.6 - 15 */
		background: linear-gradient(#bf7c24, #bf7c24);
		/* 标准的语法 */
	}
	.my-photos b{ color: #ffba00;  padding-left: 4px;}
	.my-photos {
		display: box;
		display: -webkit-box;
		display: -moz-box;
		box-align: center;
		-webkit-box-align: center;
		-webkit-moz-align: center;
		box-pack: center;
		-webkit-box-pack: center;
		-webkit-moz-pack: center;
		padding-top: 20px;
		border-bottom: 1px solid rgba(255, 255, 255, .05);
		border-top: 1px solid rgba(255, 255, 255, .05);
		padding-bottom: 20px;
		background: rgba(255, 255, 255, .05);
		transition: all 500ms;
		transform: translateX(-1000px);
		opacity: 0;
		padding:20px 30px;
	}

	.my-photos * {
		color: #fff;
	}

	.my-photos span {
		display: block;
		margin-right: 10px;
	}

	.my-photos i {
		vertical-align: middle;
		display: inline-block;
		display: block;
		font-style: normal;
		background: #ffba00;
		font-size: 12px;
		border-radius: 6px;
		margin-left: 5px;
		padding: 1px 5px;
		position: relative;
		top: -3px;
		width: 60px; text-align: center;
		margin-top: 10px;
		
		
		
	}

	.my-photos em {
		font-size:14px;
		-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari 和 Chrome */
box-flex:1.0;  display: block; 
		
	}

	.mem-btns {
		margin-top: 15px;
		/*text-align: center;*/
	}

	.mem-btns a {
		display: inline-block;
		font-size: 12px;
		background: #f7741c;
		width: 85px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		color: #fff;
		border-radius: 8px;
	}

	.mem-btns a:nth-child(1) {
		margin-right: 10px;
	}

	.my-photos img {
		width: 80px;
		border: 1px solid rgba(255, 255, 255, .2);
		padding: 2px;
		background: rgba(255, 255, 255, .5);
		height: 80px;
		border-radius: 80px;
	}

	.menu-active .my-photos {
		transform: translateX(0);
		opacity: 1;
		-webkit-transition-delay: 200ms, 200ms;
		transition-delay: 200ms, 200ms;
	}

	.menu-active>ul>li:nth-child(1) {
		-webkit-transition-delay: 250ms, 250ms;
		transition-delay: 250ms, 250ms;
	}

/*导航*/	
.mobile-header{ z-index: 999999;} 
.mobile-header .header-shower img{height:60px !important; margin-top: -5px;}	
.mobile-menucss{ background: #fafafa url("../images/banimgs.png") center  bottom 0 no-repeat; background-size: 300%  auto;/*border-top: 1px solid #f1f1f1;*/}
.mobile-menucss>ul>li>a>span{ color: #000;}
.mobile-menucss>ul>li{ border-bottom: 1px solid #f1f1f1;}
.mobile-menucss>ul>li>ul>li>a>span{ color: #000; opacity: .8;}	
.mobile-menucss>ul>li>ul>li{ line-height: 30px;}
.mobile-menucss>ul>li>ul{ margin-bottom: 15px;}
/*.mobile-menucss>ul>li.last{  padding-left: 0; margin-top: 50px; border-bottom: none; text-align: center;}
.mobile-menucss>ul>li.last>a{ padding-left: 0; }
.mobile-menucss>ul>li.last a span{ color: #f76b04; border:1px solid #f76b04;border-radius:6px;  padding: 8px 20px;  font-size: 18px;}*/

	
		
.mobile-menucss{} 	
.mobile-menucss  ul ul ul{ margin-left:15px; margin-top:10px; margin-bottom:10px;}	
.mobile-menucss  ul ul ul a{ color: #777;}
.mobile-menucss>ul>li>ul{/**/ display: none;}
.mobile-menucss>ul>li{ position: relative;}
.mobile-menucss>ul>li.sub-sec .iconfont{ position: absolute;  text-align: right;  font-size: 22px; right: 0; padding-right: 30px; top: 0; height: 46px; line-height: 46px; width:50%;}
.mobile-menucss>ul>li.sub-sec .iconfont::before{content: "\e74a";}
.mobile-menucss>ul>li.sub-sec2 .iconfont:before{content: "\e749";}
.mobile-menucss>ul>li.sub-sec2>ul{ display: block;}
	
		
.mobile-menucss{} 	
.mobile-menucss  ul ul ul{ margin-left:15px; margin-top:10px; margin-bottom:10px;}	
.mobile-menucss  ul ul ul a{ color: #777;}
.mobile-menucss>ul>li>ul{/**/ display: none;}
.mobile-menucss>ul>li{ position: relative;}
.mobile-menucss>ul>li.sub-sec .iconfont{ position: absolute;  text-align: right;  font-size: 22px; right: 0; padding-right: 30px; top: 0; height: 46px; line-height: 46px; width:50%;}
.mobile-menucss>ul>li.sub-sec2 .iconfont:before{content: "\e749";}
.mobile-menucss>ul>li.sub-sec2>ul{ display: block!important;}
	.websites2{ position: absolute; right: 30px; top: 45%; transform: translateY(-50%);}	
.mobile-header .header-shower  .websites2 img { width: auto!important; max-width:none!important;height:20px!important; display: none;}	
.websites2 a{ width: 25px; height: 25px; line-height: 25px; border-radius:25px; display: inline-block; text-align: center; white-space: nowrap; font-size: 12px; background: #fea101; color: #fff; }
	
  .head-icons {
        position: absolute;
        top: 0;
        right: 6px;
        height: 50px;
        text-align: right;
    }
	
	
	

	
	
@media only screen and (max-width: 480px) {
    .mobile-headerwrap {
        display: block;
    }
	   .headers {
        display: none;
	}
	
	.indexwrap{ width: 100%!important; padding: 0;}
	#cxx_pic2 .item{ height: 350px!important;}
	#cxx_pic2 .item img{ width: 100%!important; height: 100%!important; max-width: none!important; object-fit: cover;}
	
	.indexlinks{ max-width: 360px; margin: 30px auto 0 auto!important;}
	
	.indexlinks .col-md-4{ padding: 0; margin-bottom: 20px;}
	.foters{ padding: 0 15px;}
	.foters{ margin-left: -15px; margin-right: -15px;}
	
}