.animated{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes slideInRight{
	0%{-webkit-transform:translateX(100%);transform:translateX(100%)}
	100%{-webkit-transform:translateX(0);transform:translateX(0)}}

@keyframes slideInRight{
	0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
	100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}

@-webkit-keyframes slideOutLeft{
	0%{-webkit-transform:translateX(0%);transform:translateX(0%)}
	100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}

@keyframes slideOutLeft{
	0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
	100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
}

@-webkit-keyframes slideOutRight{
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	100%{-webkit-transform:translateX(100%);transform:translateX(100%)}
}

@keyframes slideOutRight{
	0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
	100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
}



@-webkit-keyframes slideInLeft{
	0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
	100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
	}
	
@keyframes slideInLeft{
	0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
	100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
}


@-webkit-keyframes slideOutLeft{
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
	}
	
@keyframes slideOutLeft{
	0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);	transform:translateX(0)}
	100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
}



@-webkit-keyframes slideInUp{
	0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes slideInUp{
	0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
	100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes slideOutDown{
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}

@keyframes slideOutDown{
	0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	100%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
}


.blur{
	-webkit-filter:blur(5px);
}


@media only screen and (max-width:960px){
	input[type="text"] {
	-webkit-appearance: none;
	}
	
	body,html{width:100%;overflow:hidden;overflow-y:auto;line-height: 18px;font-size:12px;-webkit-text-size-adjust: none;}
	
	body{
		min-width:inherit;
	}	
	.container {
		width: auto;
		padding: 0px;
		margin-left:10px;
		margin-right:10px;
		
	}	
	
		
		
	.mt10{ margin-top:calc(10px*0.5);}
	.ml10{ margin-left:calc(10px*0.5);}
	.mr10{ margin-right:calc(10px*0.5);}
	.mb10{ margin-bottom:calc(10px*0.5);}
	
	.mt15{ margin-top:calc(15px*0.5);}
	.ml15{ margin-left:calc(15px*0.5);}
	.mr15{ margin-right:calc(15px*0.5);}
	.mb15{ margin-bottom:calc(15px*0.5);}
	
	.mt20{ margin-top:calc(20px*0.5);}
	.ml20{ margin-left:calc(20px*0.5);}
	.mr20{ margin-right:calc(20px*0.5);}
	.mb20{ margin-bottom:calc(20px*0.5);}
	
	
	.mt25{ margin-top:calc(25px*0.5);}
	.ml25{ margin-left:calc(25px*0.5);}
	.mr25{ margin-right:calc(25px*0.5);}
	.mb25{ margin-bottom:calc(25px*0.5);}
	
	.mt30{ margin-top:calc(30px*0.5);}
	.ml30{ margin-left:calc(30px*0.5);}
	.mr30{ margin-right:calc(30px*0.5);}
	.mb30{ margin-bottom:calc(30px*0.5);}
	
	.mt40{ margin-top:calc(40px*0.5);}
	.ml40{ margin-left:calc(40px*0.5);}
	.mr40{ margin-right:calc(40px*0.5);}
	.mb40{ margin-bottom:calc(40px*0.5);}
	
	.mt45{ margin-top:calc(45px*0.5);}
	.ml45{ margin-left:calc(45px*0.5);}
	.mr45{ margin-right:calc(45px*0.5);}
	.mb45{ margin-bottom:calc(45px*0.5);}
	.mt60{ margin-top:calc(60px*0.5);}
	
	.pt5{ padding-top:calc(5px*0.5);}
	.pl5{ padding-left:calc(5px*0.5);}
	.pr5{ padding-right:calc(5px*0.5);}
	.pb5{ padding-bottom:calc(5px*0.5);}
	
	.pt10{ padding-top:calc(10px*0.5);}
	.pl10{ padding-left:calc(10px*0.5);}
	.pr10{ padding-right:calc(10px*0.5);}
	.pb10{ padding-bottom:calc(10px*0.5);}
	
	.pt15{ padding-top:calc(15px*0.5);}
	.pl15{ padding-left:calc(15px*0.5);}
	.pr15{ padding-right:calc(15px*0.5);}
	.pb15{ padding-bottom:calc(15px*0.5);}
	
	.pt20{ padding-top:calc(20px*0.5);}
	.pl20{ padding-left:calc(20px*0.5);}
	.pr20{ padding-right:calc(20px*0.5);}
	.pb20{ padding-bottom:calc(20px*0.5);}
	
	.pt30{ padding-top:calc(30px*0.5);}
	.pl30{ padding-left:calc(30px*0.5);}
	.pr30{ padding-right:calc(30px*0.5);}
	.pb30{ padding-bottom:calc(30px*0.5);}
	
	.pt40{ padding-top:calc(40px*0.5);}
	.pl40{ padding-left:calc(40px*0.5);}
	.pr40{ padding-right:calc(40px*0.5);}
	.pb40{ padding-bottom:calc(40px*0.5);}
	
	
	.pt45{ padding-top:calc(45px*0.5);}
	.pl45{ padding-left:calc(45px*0.5);}
	.pr45{ padding-right:calc(45px*0.5);}
	.pb45{ padding-bottom:calc(45px*0.5);}
	
	.pt50{ padding-top:calc(50px*0.5);}
	.pl50{ padding-left:calc(50px*0.5);}
	.pr50{ padding-right:calc(50px*0.5);}
	.pb50{ padding-bottom:calc(50px*0.5);}
	
	.pt60{ padding-top:calc(60px*0.5);}
	.pl60{ padding-left:calc(60px*0.5);}
	.pr60{ padding-right:calc(60px*0.5);}
	.pb60{ padding-bottom:calc(60px*0.5);}
	
	.pt70{ padding-top:calc(70px*0.5);}
	.pl70{ padding-left:calc(70px*0.5);}
	.pr70{ padding-right:calc(70px*0.5);}
	.pb70{ padding-bottom:calc(70px*0.5);}
	.pt150{ padding-top:calc(150px*0.5);}
	.pb150{ padding-bottom:calc(150px*0.5);}
		
		
		
		
	.fs70{
		font-size:35px;
		}		
		
	.fs60{
		font-size:30px;
		}	
		
	.fs50{
		font-size:25px;
		}		
		
	
	
	
	.pc_header{display:none;}
	.wapMobileHeader{display:block;}
	
	.wapMobileHeader .top{
		background-color: #00a0d7;
		height:50px;
		padding-left:10px;
		padding-right:10px;
		}
		
	.wapMobileHeader .top .logo{
		margin-top:10px;
		height:30px;
		}
		
	.wapMobileHeader .top .navBtn{
		color:#fff;
		font-size:32px;
		line-height:50px;
		margin-right:-3px;
		}
		
	.wapMobileHeader .searchBar{
		background-color:#eef3fa;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		position:relative;
		}
		
	.wapMobileHeader .searchBar input{
		height:28px;
		background-color:#FFF;
		border-radius:3px;
		padding-left:10px;
		padding-right:36px;
		color:#333;
		line-height:28px;
		font-size:12px;
		width:100%;
		
		}
		
	.wapMobileHeader .searchBar .searchBtn{
			width:28px;
			height:28px;
			line-height:28px;
			text-align:center;
			color:#fff;
			background-color:#f44f38;
			display:block;
			position:absolute;
			top:5px;
			right:10px;
			font-size:16px;
		}
		
	.banner{
		background-size: auto 100px;
		padding-top:0px;
		margin-top:90px;
		
		}
		
	.banner .container{
		height:100px;
		}		
		
	.banner h2 {
		line-height: 100px;
		font-size: 18px;
	}
	
	.footer{
		display:none;
		}
		
	.main_head,.main_body{
		padding-left:10px;
		padding-right:10px;
		}
		
		
		
	.main_head h2{
		display:none;
		}
				
	.bread_nav{
		display:none;
		}
		
	.main_head .currentPageName{
		display:block;
		font-size:16px;
		line-height:18px;
		padding-top:15px;
		padding-bottom:15px;
		}
		
		
	.main_nav li {
		height: 84px;
	}	
	
	.main_nav li p  {
		line-height: 12px;
		font-size:10px;
	}
	
	.main_nav li a {
		padding-top:20px;
		}
		
	.overviewList .compliance_title h3{
		font-size:16px;
		}
	.overviewList.active .compliance_title h3{
		font-size:16px;
		}
		
	/*----- subnav begin -------*/
	.wapSubNav{
		width:100%;
		height:100%;
		overflow:hidden;
		overflow-y:auto;
		position:fixed;
		left:0px;
		top:0px;
		z-index:100000;
		background-color:rgba(0, 0, 0, 0.7);
		
		}
		
	.wapSubNav .subNav {
		position:absolute;
		left:0px;
		top:0px;
		width:100%;		
		}
		
	
	.wapSubNav .subNav .title{
		background-color: #00a0d7;
		height:50px;
		padding-left:10px;
		padding-right:10px;
		color:#FFF;
		font-size:18px;
		line-height:50px;
		}
	
	.wapSubNav .subNav .title span{
		opacity:.5;
		}
		
	.wapSubNav .subNav .title .closeBtn{
		font-size:32px;
		}
		
	.wapSubNav .subNav .btnList{
		background-color: #434343;
		line-height:50px;	
		font-size:14px;	
		}
		
	.wapSubNav .subNav li{
		color:#FFF;
		padding-left:10px;
		padding-right:10px;
		border-bottom-color:#2e2e2e;
		border-bottom-style:solid;
		border-bottom-width:1px;
		width:100%;
		overflow:hidden;
		height:50px;	
		}
		
	.wapSubNav .subNav li a{
		color:#FFF;
		}
	.wapSubNav .subNav .btnList .block{
		width:100%;
		height:100%;
		display:block;
		}
	.wapSubNav .subNav .active{
		background-color: #2e2e2e;
		}
		
	.wapSubNav .subNav .subNavBackBtn i{
		font-size:21px;
		}
		
	
	/*----- subnav end -------*/
	
	.compliance_cont .doc .txt .title h3 {
		float:none;
		
	   
	}		
	.compliance_cont .doc .txt .title p {
		float:none;
	   
	}
	
	.left_sideBar{ display:none;}	
	.main{ width:100%; float:none; padding-left:0;}	
	.thumbnail_foot .downloadBtn {
			height: 40px;
			width: 100px;
			margin-top:10px;
}
		.main_content .thumbnail {
			
			padding: 0 10px;
			
		}
		.main_content .thumbnail .thumbnail_foot {
			height: 60px;
			font-size: 16px;
			line-height: 60px;
		}

		/*education_GettingStarted begin*/
		.main_nav.mob_main_nav li a{padding-top:10px;}
		.main_nav li a .pic img {
			width:40px;
		 
		}
		.main_nav .active a .pic img {
			margin-top:-40px;
		 
		}
		.main_nav li .pic {
				width: 40px;
				height: 40px;
			}
		.ed_left{
			display:none;
			
		}
		.ed_right{
			width:100%; 
			border:none;
			padding: 10px;
			
		}
		.ed_right h3{
			font-size:14px;
			
			}	
		/*education_GettingStarted end*/
		.trading_content {
			padding: 10px;
		}
		
		.membership_content{
			padding: 0px;
			background-color:transparent;
			}
			
		.membership_content table{
			margin-bottom:0px;
			}
			
		.mapWid{display:none;}
		.mapSite {
			display:none;
		}
		
		.map{height:40px; background:#e6e6e6;}
		
		.membership_content .selectTipy {
			position:static;
			float:right;
			margin-top:5px;
			margin-right:5px;
			width: 160px;
			border-color:#dfdfdf;
			border-radius:3px;
			background-color:#fff;
		}
		
		.selectTipy {
			height: 28px;
		}
		
		.chinaBtn{
			float:left;
			margin-top:5px !important;
			margin-left:10px;
			display:block;
			border-radius:3px;
			}
		

		
		.membership_content .trading_table{
			background-color:#fff;
			}
			
			
			
			
		.trading_table .table_noborder td {
			font-size:10px;
		}
		.trading_table .table td {
		   font-size:10px;
		}
		.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table> tbody>tr>td, .table>tfoot>tr>td { font-size:10px;}
		.new_searchBar .txt{ display:none;}	
		.new_searchBar .input{ width:120%; padding-left:10px;}	
		.new_searchBar .searchBtn{  
			margin-right:10px; 
			height:28px; 
			line-height:28px;
			width: auto;
			padding-left:10px;
			padding-right:10px;
			font-size:12px;
		}
		
	
		
		.new_searchBar .searchInput {
			width: 95%;
			height:28px;
         }
		 .new_searchBar table {
			height: 40px;
		}
		
		.articleList{
			border:none;
			background-color:transparent;
		}
		
		.articleList li{
			background-color:#FFF;
			border:#eaeaea 1px solid;
			margin-top:10px;
			border-radius:5px;
			border:none;
			}
		
		
		.articleList li .title{
			    padding: 10px 10px;
			    font-size: 14px;
			}
			
		.articleList li .txt{
			  max-width: 100%;
			  margin-left:0px;
			  float:none !important;
			}
			
			
		.articleList li .title .pull-right{
			float:none !important;
			color:#999;
			}
			
		.articleList li .title i{
			   display:none;
			}
			
		.articleList li .subList {
			margin-left: 10px;
			margin-right:10px;
		}	
		
		.articleList .subList .item p {
			font-size: 12px;
			line-height: 14px;
		}		
		
		.articleList .subList .item p a {
			width: 90%;
		}				
			
			
		.downloadBtn {
			width:auto;
			padding-left: 10px;
			padding-right: 10px;
			margin-top:10px;
		}			
		
		
		.downloadBtn i{
			margin-left: 0px;
		}
		
		
		.main_page {
			padding: 15px 10px;
			margin-top:20px;
			border:none;
			border-radius:5px;
		}		
		
		.main_page .page_list{
			display:none;
			}
			
		.main_page .page_left{
			width:100%;
			}
			
		.main_page .page_right{
			display:none;
			float:right !important;
			}
			
		.main_page .pull-left {
			float:none !important;
			}
			
		.main_page .prevBtn {
			float:left !important;
			}
			
		.main_page .nextBtn {
			float:right !important;
			border-left:solid #eaeaea 1px;
			}
			
		.datepicker{
			 height:28px;
			 width:90%;
			 font-size:12px;
			}
		 .searchInput{ width:95%;}
	     .new_searchBar .td1,.new_searchBar .td3{ display:none;}
		 .new_searchBar .td2{ width:40%;}
		 .new_searchBar .td4{ width:100%; padding-left:5px;}
		 
		 /*index begin*/
		 
		.bannersBox {
			height: auto;
			padding-top: 80px;
		}
		
		.bannersBox .bannerList {
			position: relative;
			height: calc(520px*0.54);
		}			 
		 
		
		.bannersBox .bannerList li {
				height: 100%;
				 background-size: 100% auto; 
			}
		 
		 
		.bannersBox .bannerList li .slogan {
			font-size: calc(58px*0.54);
			padding-right: calc(25px*0.54);
			padding-left: calc(25px*0.54);
			line-height: calc(100px*0.54);
			margin-top: calc(-20px*0.54);
		}		 
		 
		 
		 .leftCont{ float:none !important; width:100%;}
		 
		 .news {
				padding: 20px;
				
			}
			
		.news_img .border {
			width: 100%;
			height:  100%;

		}		
			.thead1{ width:100%;}
		.warp {
			background:none;
			height: auto;
			padding-top:5px;
		}			
		 
		 
		.market {
			 height: auto; 
			 background-size:auto 100%;
			 background-position:center top;
			 padding-bottom:20px;
		}		 
		 .sgc{ float:none !important; width:100%; margin-top:20px; margin-bottom:20px;}
		 .sgeList .infoItem {
				max-width: 100%;
			}
			
		  .market_date .list {
			width: 100%;
			float:none !important;
	    	}			
			
			
		.list_head {
			height: 120px;
			background-size:100% auto;
			background-position:left -50px;
		}			
			
		.list_foot{
			padding-bottom:15px;
			margin-bottom:0px;
			}
					
		.market_date  .ml2 {
			margin-left:0px;
			margin-top:20px;
		}	
		
		.ipcBtn {
			width: auto;
			padding-right:10px;
		}				
			
		.date_search {
			display:none;
		}	
		
		.date_search_wap {
			width: 100%;
			position:relative;
			display:block;
			margin-top:20px;
		}	
		
		.date_search_wap h3{
			width: 100%;
			line-height:60px;
			border-bottom-color:#eaeaea;
			border-bottom-style:solid;
			border-bottom-width:1px;
		}
		
					
		.date_searchBar {
			width: 100%;
			height: 60px;
			margin-top:0px;
			text-align:right;
			padding-right:10px;
			
		}		
			
		.date_searchCont {
			width: 100%;

		}				
			
		.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 0px; text-align:center;}	
	
	
		.warp2 {
			height: auto;
			padding-bottom:20px;
		}	
		.howCont .list {
			border-radius:5px;
		}
		.sgc .title {
			height: 60px;
			line-height: 60px;
		}		
	    .list_head h3 {
			font-size: 20px;
			}
		 /*index end*/
	.education .thumbnail p {
		font-size:18px;
		}
      .education .thumbnail .pic {
			width: 90px;
			height: 90px;
			overflow: hidden;
			margin: 40px auto 0;
		}
		
	.education .thumbnail .pic img{ width:100%;}
    .education .thumbnail:hover .pic img{ margin-top:-90px;}
	
	}


@media screen and (min-width: 320px)and (max-width: 767px) {
	
	
	.col-lg-6{ width:100%;}
			.datepicker{
			 height:28px;
			 width:90%;
			 font-size:12px;
			 background-image:none;
			}
	 /*index begin*/
    .leftCont .contList{float:none !important; }
	.rules {display: block;}
	.rules .content {
			width: 70%;
			padding: 7% 3%;
		}
	.news .content .contList {
			width: 100%;
		}
		.news .content .contList .news_img{ width:100%;height:auto;}
		.news .content .contList h3{ font-size:12px;}
		.news .content .contList1{ margin-top:10px;}
		.news .content .contList .news_img img{ width:100%; height:auto;}
		.list_head {
			height: 108px;
				}
		.sgc .title {
			height: 40px;
			line-height: 40px;
		}
		.howCont .list {
			width: 100%;
			height: auto;
			float: none !important;
		}	
		.howCont .ml2 {
			margin-left:0px;
			margin-top:20px;
		}
		.howCont .list1,.howCont .list2,.howCont .list3 {
			background-position: center 25px;
		}	
		.howCont .list p {
			padding-top: 120px;
			line-height: 50px;
			font-size: 18px;
		}
		/*index end*/
		
		
	.bannersBox .bannerList {
		position: relative;
		height: calc(520px*0.29);
	}			 
	 
	 
	.bannersBox .bannerList li .slogan {
		font-size: calc(58px*0.29);
		padding-right: calc(25px*0.29);
		padding-left: calc(25px*0.29);
		line-height: calc(100px*0.29);
		margin-top: calc(-20px*0.29);
	}	
	
	.education .col-lg-4{
		width:100%;
		}		
			
		
		
		
}

@media screen and (width: 320px){
	.main_nav li p  {
		line-height: 12px;
		font-size:9px;
	}
	.thumbnail_foot P{ float:none; margin-bottom:0;}
	.thumbnail_foot .downloadBtn{ width:100%; float:none; margin-top:0;}
	.thumbnail_foot .downloadBtn span{ margin-left:90px;}
	.thumbnail_foot .downloadBtn i{}
		.main_content .thumbnail .thumbnail_foot {
			height:auto;
			font-size: 16px;
			line-height: 40px;
			padding-bottom:10px;
		}
		
	.date_search_wap h3{
		font-size:14px;
	}
	.bannersBox .bannerList {
		position: relative;
		height: calc(520px*0.23);
	}			 
	 
	 
	.bannersBox .bannerList li .slogan {
		font-size: calc(58px*0.23);
		padding-right: calc(25px*0.23);
		padding-left: calc(25px*0.23);
		line-height: calc(100px*0.23);
		margin-top: calc(-20px*0.23);
	}	
	.list_head {
		height: 83px;
	}	 
		
		
}