html, body {
	margin: 0 auto;
	height: 100%;
	font-family: Arial;
}
body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
    background-size: 100% 100%;
}

.pd_0{
	padding:0;
}

.mt_20{
 margin-top:20px;
}
#jssor_1
{
	width:1024px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}
.slidesu
{
	cursor:default; 
	width:1024px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-repeat: no-repeat;
    background-size: 100% 100%;
	position:relative; 
}
.slidesu img{
	height:100vh;
	width:100%;
}
.mytab1, .mytab2, .mytab3, .mytab4, .mytab5{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.4%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
 .mytab2, .mytab3,  .mytab4{
	width: 72.8%;
}
.main-sec{
	position:relative;
	height: 100%;
	/**overflow: hidden;**/
}
.link-1{
    bottom: 16%;
    position: absolute;
    right: 14%;
    font-size: 9px;
    width: 235px;
    text-align: right;
	z-index: 999;
}

.link-1 a{
	text-decoration:underline;
}

.link-1{
    bottom: 7.3%;
    right: 16%;
    font-size: 9px;
    width: 350px;
}

.modal-content .link-1, .modal-content .link-2, .modal-content .link-3{
	bottom: 10.2%;
    position: absolute;
    right: 11.5%;
    font-size: 16px;
    width: auto;
    text-align: right;
	max-width:845px;
}
.modal-content .link-2 {
    bottom: 8.8%;
    max-width: 835px;
    right: 18%;
}
.modal-content .link-3 {
    bottom: 18%;
    font-size: 12px;
	right: 34%;
}

.mdl-b {
    position: absolute;
    font-size: 12px;
    padding: 2px 7px;
    margin: 1px;
    right: 4%;
    background-color: #0060af;
    border: none;
    outline: 0;
    border-radius: 30px;
    top: 3px;
}
.mdl-b:focus{
	outline:0;
}
a{
	font-weight:500;
}
a:hover, a{
    color: #0086f7;
	text-decoration:underline;
}

.leftcss{
	bottom: 24%;
    position: absolute;
    z-index: 99;
    left: 25%;
}
.rightcss {
    bottom: 18%;
    position: absolute;
    z-index: 99;
    left: 25%;
}
.leftcss a, .rightcss a{
	text-decoration:underline;
}
.modal{
  padding-right: 0!important;
}
.modal-dialog {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    padding: 10px;
}
.modal-header {
    padding: 15px;
    border-bottom: 0;
}
.modal-content .close{
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #0066b3;
    opacity: 1;
    color: #fff;
	z-index:99;
    padding: 4px 9px;
    border-radius: 6px;
}
.jssora105 {
	margin-top: 10px;
    display: block;
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.jssora105 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 350;
    stroke-miterlimit: 10;
}
.jssora105 .c {
	fill: #cc6666;
}
.mytab2,.mytab3,.mytab4,.mytab5{
	display:none;
}

.rightcss, .leftcss {
    left: auto;
    top: 46%;
    right: 34%;
}
.leftcss {	
	left: 30%;
    right: auto;
}
.btn{
	outline:0;
}
.btn.active, .btn:active, .btn-info.focus, .btn-info:focus {
	outline:0;
	border:none;
}
@media screen and (max-width: 1920px){
.rightcss, .leftcss {
	z-index: 99;
}
.leftcss {
    left: 13.5%;
	right:auto;
}
.rightcss{
    right: 15.5%;
		left:auto;
}

.link-1{
        bottom: 1.2%;
        right: 4.4%;
        font-size: 7.3px;
        width: 368px;
        font-style: italic;
}

.modal-content .link-1{
		bottom: 2.3%;
        right: 4.2%;
        font-size: 9.5px;
        width: 488px;
}
}
@media screen and (max-width: 1680px){
.rightcss, .leftcss {
	right: 16.2%;
}
.leftcss{
	right:auto;
} 



.modal-content .link-1{
font-size: 9px;
        right: 2%;
        width: 462px;
}
.link-1{
right: 1.5%;
        font-size: 7px;
        bottom: 1.2%;
        width: 353px;
}

}

@media screen and (max-width: 1366px){
.mdl-b {
    font-size: 8px;
	top: 0;
}
.link-1{
        bottom: 1%;
        right: 2%;
        font-size: 5.5px;
        width: 282px;
}
.modal-content .link-1{
bottom: 2.8%;
        right: 3.2%;
        font-size: 7px;
        width: 354px;
    }
}

.modal-content .link-2 {
	bottom: 9.5%;
    right: 19%;
}

.link-2{
    bottom: 6.3%;
    font-size: 8px;
    width: 295px;
    right: 20%;
}
.link-3{
	bottom: 7%;
    font-size: 9px;
    right: 13%;
}

.modal-content .link-3 {
	bottom: 9.5%;
    right: 11.8%;
}
.link-2 {
    max-width: 832px;
}
}

@media screen and (max-width: 1320px){
.mdl-b {
    top: 2px;
}
}
@media screen and (max-width: 767px){
.mdl-b {
    top: 3px;
	display:none;
}
.main-sec {
    height: auto;
}
.mytab1, .mytab2, .mytab3, .mytab4, .mytab5{
    width: 100%;
}
.slidesu img {
    margin: 10px auto;
	height:auto;
}
.link-1, .link-2, .link-3, .link-4, .link-5{
    bottom: 12%;
    right: 12.8%;
    font-size: 10px;
    width: 460px;
}
.link-2{
    bottom: 14%;
}
.link-3 {
    bottom: 7%;
    font-size: 10px;
}
.link-4 {
    bottom: 8.2%;
    font-size: 10px;
    width: 355px;
    right: 19%;
}
.link-5 {
	bottom: 7.4%;
	font-size: 10px;
	width: 355px;
	right: 16.4%;
}
.link-6 {
	bottom: 8%;
}

.modal-content .link-1, .modal-content .link-2, .modal-content .link-3, .modal-content .link-4, .modal-content .link-5, .modal-content .link-6, .modal-content .link-7, .modal-content .link-8, .modal-content .link-9, .modal-content .link-10, .modal-content .link-11, .modal-content .link-12, .modal-content .link-13, .modal-content .link-14, .modal-content .link-15 {
	bottom: 13.2%;
	font-size: 10px;
	width: 380px;
	right: 12.5%;
}
.modal-content .link-1{
	bottom: 12.8%;
	font-size:7px;
}
.modal-content .link-2{
	bottom: 15.2%;
}
.modal-content .link-3{
    bottom: 8.6%;
    width: 400px;
}
.modal-content .link-4{
	bottom: 9.5%;
	width: 400px;
	right: 19.4%;
}

.modal-content .close {
    padding: 5px 10px;
    font-size: 14px;
}

.jssora105 {
    width: 30px;
    height: 30px;
}
.rightcss{
    right: 7.5%;
}
.leftcss {
    left: 2.8%;
}
}
@media screen and (max-width: 580px){
	.mdl-b {
    font-size:7px;
    top: 2px;
	display:none;
}
.main-sec {
    height: auto;
}

.mytab1, .mytab2, .mytab3, .mytab4, .mytab5, .mytab6, .mytab7, .mytab8, .mytab9, .mytab10, .mytab11, .mytab12, .mytab13, .mytab14, .mytab15, .mytab16, .mytab17, .mytab18, .mytab19, .mytab20, .mytab21, .mytab22, .mytab23, .mytab24, .mytab25, .mytab26, .mytab27, .mytab28, .mytab29, .mytab30, .mytab31, .mytab32, .mytab33, .mytab34, .mytab35, .mytab36, .mytab37, .mytab38, .mytab39, .mytab40, .mytab41, .mytab42, .mytab43, .mytab44, .mytab45, .mytab46, .mytab47, .mytab48 {
    width: 100%;
}
.slidesu img {
    margin: 10px auto;
	height:auto;
}
.link-1, .link-2, .link-3, .link-4, .link-5, .link-6, .link-7, .link-8, .link-9, .link-10, .link-11, .link-12, .link-13, .link-14, .link-15, .link-16, .link-17,.link-18, .link-19, .link-20, .link-21, .link-22, .link-23, .link-24, .link-25, .link-26, .link-27, .link-28, .link-29, .link-30, .link-31, .link-32, .link-33, .link-34, .link-35{
   bottom: 8.6%;
    right: 13.6%;
    font-size: 6px;
    width: 285px;
}
.link-2 {
    bottom: 6.6%;
    width: 250px;
    right: 19%;
	}
.link-3 {
    bottom: 16.2%;
    font-size: 6px;
}
.link-4 {
	bottom: 8%;
	width: 305px;
	font-size: 6px;
}
.link-5 {
    width: 260px;
    bottom: 12.2%;
    font-size: 6px;
}

.jssora105 {
    width: 30px;
    height: 30px;
}
.rightcss{
    right: 10%;
}
.leftcss {
    left: 1.8%;
}
}
@media screen and (max-width: 360px){
.link-1{
    font-size: 5px;
    bottom: 7.1%;
    width: 225px;
    right: 21%;
}
.link-2{
     bottom: 7.5%;
    font-size: 5px;
    width: 220px;
    right: 20.7%;
}
.link-3 {
	bottom: 6.9%;
    right: 14%;
    font-size: 6px;
    width: 260px;
}
.link-4 {
    bottom: 12.5%;
    width: 260px;
    right: 14%;
    font-size: 6px;
}
.link-5 {
    width: 155px;
    bottom: 10.2%;
    right: 27.8%;
}
.link-6 {
	bottom: 6.5%;
    width: 215px;
    right: 21%;
}
.link-7 {
    bottom: 10.5%;
    right: 22%;
    font-size: 5px;
    width: 195px;
}
.link-8 {
	bottom: 21.4%;
    right: 24%;
    width: 181px;
}
.link-9 {	
	bottom: 6.2%;
    right: 14.1%;
    font-size: 6px;
    width: 265px;
}
.link-10 {	
    bottom: 14%;
    right: 14.6%;
    width: 255px;
    font-size: 6px;
}
.link-11 {	
    bottom: 27.4%;
}
.link-12 {	
    bottom: 7.6%;
    right: 27%;
    font-size: 5px;
    width: 172px;
}
.link-13{	
    bottom: 17.6%;
    right: 14%;
    font-size: 6px;
    width: 240px;
}
.link-14{	
	bottom: 6.5%;
    font-size: 6px;
    width: 260px;
}
.link-15{	
    bottom: 25.1%;
    width: 263px;
    right: 14%;
    font-size: 6px;
}
.link-16 {
    width: 190px;
    bottom: 49.3%;
    right: 21.8%;
    font-size: 6px;
}
.link-17{
	bottom: 11.5%;
    right: 21.6%;
    width: 240px;
    font-size: 6px;
}
.link-18{
    bottom: 23.3%;
    right: 14%;
    width: 265px;
}
.link-19{
	bottom: 27.6%;
    right: 14%;
    font-size: 6px;
    width: 265px;
}
.link-20{
    bottom: 25.8%;
    right: 14.1%;
    font-size: 6px;
    width: 250px;
}
.link-21{
    bottom: 30.5%;
    font-size: 6px;
    right: 13.7%;
    width: 260px;
}

}