@charset "utf-8";
/* CSS Reset ----------------------------------------*/
@font-face {
	font-family:"SourceHanSansSC-Regular";
	src: url("fonts/SourceHanSansSC-Regular.woff2") format("woff2"),
		 url("fonts/SourceHanSansSC-Regular.woff") format("woff"),
		 url("fonts/SourceHanSansSC-Regular.ttf") format("truetype"),
		 url("fonts/SourceHanSansSC-Regular.eot") format("embedded-opentype"),
		 url("fonts/SourceHanSansSC-Regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }
body,html,*{ font-family:"SourceHanSansSC-Regular"!important;}

body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,th,td,button{padding:0;margin:0;font-family:Arial,"微软雅黑"; color:#333; font-weight:normal;line-height:1.6; outline:none;font-size:16px;}
table{border-collapse:collapse;border-spacing:0}
img{ border:0; max-width:100%;background:#fff; height:auto; font-size:0; 
	color:transparent; 
	vertical-align:middle;
	-ms-interpolation-mode:bicubic; /*ie私有属性，防止窗口缩放时图片失真；*/ }
ol,ul{list-style:none;}
q::before,q::after{content:''}
a,button,input,textarea,li,div,img{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; outline:none;
}

p{ margin-bottom:10px; text-indent: 2em;}
a{color:#333;text-decoration:none; outline:none; cursor:pointer}
a:hover{text-decoration:none; color:#d60000;}
.L{float:left;}	.R{float:right;}
.H{display:none;}.O{ opacity:0;}
.clear{ clear: both; height: 0; font-size:0; line-height: 0; overflow:hidden; visibility:hidden;}

@media screen and (max-width:480px){
html{font-size:12px;}	
}
@media screen and (max-width:375px){
html{font-size:11px;}	
}
@media screen and (max-width:320px){
html{font-size:10px;}	
}


/* placeholder默认颜色 */
:-moz-placeholder {
    color: #ddd; opacity:1; 
}
::-moz-placeholder {
    color: #ddd;opacity:1;
}
input:-ms-input-placeholder{
    color: #ddd;opacity:1;
}
input::-webkit-input-placeholder{
    color: #ddd;opacity:1;
}

td,th{ padding:5px 10px; font-size:14px;}

/*分页*/
.page{ text-align:center; padding:10px 0 30px;}
.page ul{ text-align:center;display:inline-block; *display:inline;*zoom:1; font-size:0;}
.page li{display:inline-block; *display:inline;*zoom:1; margin:0 5px 10px;}
.page li a{ display:block; text-align:center; border:#dedede solid 1px; font-size:14px;  padding:4px 12px; color:#666;transition:all 200ms;-ms-transition:all 200ms;-webkit-transition:all 200ms; font-family:arial;}
.page li.cr a,.page li a:hover{ background:#bc141c; border:#bc141c solid 1px;  color:#fff;}

	
/*手机端*/
.mobile-headerwrap{display:none;}
@media screen and (max-width:480px){
	.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;background:#bc141c;}
	.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(0,0,0,.1);}
.mobile-menucss>ul>li>a{ position: relative; color:#fff;}
	.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.1);/*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; padding-top:15px;padding-bottom:15px; overflow: hidden; /*display: none;*/}
	.mobile-menucss>ul>li>ul>li{ line-height:30px;   position: relative;}
	.mobile-menucss>ul>li>ul>li>a{ color:#fff; opacity: .8; font-size:14px;}

	.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:99990; }  
	.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;}
   .menu-active>ul>li{transform: translateX(0); opacity:1; }
   .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{  position:absolute; width:30px; height:30px;  right:15px; top:12px; line-height: 30px; text-align: center;background:url(../img/search_btn.png) no-repeat center center; background-size:18px}
	.mobile-search .s-close{ cursor:pointer; color: #95262a;  position:absolute; width:30px; height:30px; line-height: 30px; text-align: center;  left:10px; top:11px; background:url(../img/close_btn.png) no-repeat center center;background-size:18px;}
	.head-icons a.ybooks-css{ width:40px; height: 50px;}	
	.head-icons a{ display:inline-block;float:left; cursor:pointer;text-align: center;  width:30px; height: 50px; line-height: 50px;}
	.head-icons a.lang span{background: #99311f; color: #fff; border-radius:25px; width: 25px; height: 25px; line-height: 25px;  text-align: center; font-size: 12px; vertical-align: middle;display: inline-block;}
	
	.head-icons a.search-mobile{ background:url(../img/search_btn.png) no-repeat center center; background-size:18px}
	.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;}
	a.menus-mobiles span{ background:#de0010; height:2px; 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);}
   

	.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;}