G12@charset@charset "utf-8";
/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;

}

.main{
width:60%;
margin:0 auto;
margin-top:4%;
}
.left p {
    width: 88%;
}
.left{
float: left;
    margin-top: 4%;
    width: 62%;
	display:block;
    background: black none repeat scroll 0 0;
    opacity: 0.69;
}

.right1{
width:45%;
overflow:hidden;
float:left;
background:#fafafa;
margin-bottom:4%;
box-shadow: 5px 5px #000;
margin-top:4%;
color:#000;
}
.right{
 margin-bottom: 4%;
    margin-top: 4%;
    overflow: hidden;
    width: 33%;
	height:300px;
}
.table{
margin-left:9%;
}
.span{
font-size: 13px;
color: #646363;
text-decoration: none;
line-height: 18px;
margin-left:25%;
}
.span a{
font-size: 13px;
color: #646363;
text-decoration: none;
line-height: 18px;
}
.social{
display: block;
    overflow: hidden;
    clear: both;
    float: right;
    margin-left: 55%;
    margin-bottom: 4%;
}
.social img{
width:12%;
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
.main{
width:74%;
}
}
@media screen and (min-width: 900px) and (max-width: 1023px){
.main{
width:70%;
}
.left{
width:42%;
}
.right{
width:55%;
}
body{
font-size:13px;
}
}
@media screen and (min-width: 800px) and (max-width: 899px){
.main{
width:74%;
}
.left{
width:42%;
}
.right{
width:55%;
}
body{
font-size:13px;
}
h2{
font-size:17px;
}
h3{
font-size:17px;
}
}
@media screen and (min-width: 700px) and (max-width: 799px){
.main{
width:80%;
}
.left{
width:42%;
}
.right{
width:55%;
}
body{
font-size:13px;
}
form{
width:96%;
}
h2{
font-size:16px;
}
h3{
font-size:16px;
}
}
@media screen and (min-width: 600px) and (max-width: 699px){
.main{
width:85%;
}
.left{
width:42%;
}
.right{
width:55%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:12%;
}
h2{
font-size:15px;
}
h3{
font-size:15px;
}
}
@media screen and (min-width: 500px) and (max-width: 599px){
.main{
width:95%;
}
.left{
width:42%;
}
.right{
width:55%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:6%;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
}
@media screen and (min-width: 400px) and (max-width: 499px){
.main{
width:70%;
}
.left{
display:block;
}
.right{
width:100%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:0;
font-size:11px;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
}
@media screen and (min-width: 350px) and (max-width: 399px){
.main{
width:80%;
}
.left{
display:none;
}
.right{
width:100%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:0;
font-size:11px;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
}
@media screen and (min-width: 300px) and (max-width: 349px){
.main{
width:85%;
}
.left{
display:block;
}
.right{
width:100%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:0;
font-size:11px;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
}
@media screen and (max-width: 299px){
.main{
width:85%;
}
.left{
display:none;
}
.right{
width:100%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:0;
font-size:11px;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
}
@media screen and (max-width: 480px){
	.left {
    background: black none repeat scroll 0 0;
    opacity: 0.69;
    width: 98%;
}
.left h2 {
    padding-left: 36px;
    padding-top: 8px;
}
.hide23 iframe {
    height: 550px;
    width: 400px;
}
	
}
@media screen and (max-width: 640px){
	.left {
		display:block;
    background: black none repeat scroll 0 0;
    opacity: 0.69;
    width: 98%;
	}
	.left h2 {
    padding-left: 30px;
    padding-top: 6px;
}
	.hide23 iframe {
    height: 550px;
    width: 500px;
	}
}
@media screen and (max-width: 768px){
	.left {
		display:block;
    background: black none repeat scroll 0 0;
    opacity: 0.69;
    width: 70%;
	}
	.left h2 {
    padding-left: 30px;
      margin-top: 52px !important;
}
	.hide23 iframe {
    height: 550px;
    width: 450px;
	}
	.ad1{margin-top:-200px !important;}
}
@media screen and (max-width: 360px){
	.left {
		display:block;
    background: black none repeat scroll 0 0;
    opacity: 0.69;
    width: 98%;
	}
	.hide23 iframe {
    height: 550px;
    width: 343px;
	}
}
@media screen and (max-width: 320px){
	.hide23 iframe {
    
    width: 325px;
}
.left {
    background: black none repeat scroll 0 0;
    opacity: 0.69;
    width: 98%;
}
.left h2 {
    padding-left: 36px;
    padding-top: 8px;
}
}
.land1 > li {
    font-size: 21px;
    line-height: 2;
}
.land2 > li {
    text-align: justify;
}
  #slideout {
            position: fixed;
            top: 110px;
            right: 0;
            /*width: 35px;*/
            padding: 12px 0;
            text-align: center;
           
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-border-radius: 0 5px 5px 0;
            -moz-border-radius: 5px 0px 0px 5px;
            border-radius: 5px 0px 0px 5px;
        }
        #slideout_inner {
            position: fixed;
            top: 130px;
            right: -350px;
            background: #005da0;
            width: 350px;
            padding: 25px;
            height: 410px;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            text-align: left;
            -webkit-border-radius: 0 0 5px 0;
            -moz-border-radius: 0 0 5px 0;
            border-radius: 0 0 5px 0;
        }
        #slideout {
            position: fixed;
            top: 110px;
            right: 0;
            z-index: 1000000;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }
        #slideout_inner {
            position: fixed;
            top: 130px;
            right: -350px;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }
       /* #slideout:hover {
            right: 350px;
        }*/
        #slideout:hover #slideout_inner {
            right: 0;
        }
		
		.tvsbox { left: -999em; position: fixed; }
			.tvsbox { left: -999em; position: fixed; }
			.tvsbox:target { bottom: 0; left: 0; right: 0; top: 0; position: fixed; z-index:10000000; background-color:rgba(0,0,0,0.6); }
			.tvsbox:target .close a { background: rgba(0, 0, 0, 1); bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 1; }
			.close span { color: #FFFFFF; font-size: 1em; text-indent: 0; position: absolute; right: 11em; top: 4em; }
			.close {text-indent: -999em;}
			.tvsbox:target div { background: #FFFFFF; border:5px solid #fff; position: absolute; left: 50%; top: 50%; z-index: 99; }
			.w60p { margin-left: -30%; width: 60%; } .w300 { margin-left: -150px; width: 300px; } .w640 { margin-left: -320px; width: 640px; }
			.h60 { height: 60px; margin-top: -30px; } .h400 { height: 400px; margin-top: -200px; } .h386 { height: 386px; margin-top: -193px; }

			.boxfocus { bottom: 0; left: 0; right: 0; top: 0; position: absolute; }
			.boxfocus div {	background: #FFFFFF; position: absolute; left: 50%; top: 50%; z-index: 99; }
			.boxfocus .close a { background-image: url('trans.png'); bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 1; }
			
			
			
		.video_p{
		bottom:0; left:0; position:fixed; z-index:10000; margin:0px;}
		
		@media (max-width: 767px) {
		
		.video_p{
		bottom:0; display:none; left:0; position:fixed; z-index:10000; margin:0px;}
		
		}
		
		@media (max-width: 320px{
			.tp-header a{
						padding: 0 3px !important;
						}
		}
		@media (max-width: 360px{
		.tp-header {
			margin-top: -24px;
			overflow:hidden;
		}
		.btn.btn-default.bu2 {
		 margin-left: 20% !important;
		 color:
		}
	}
	
	/*----- slider css start-------*/


    		
	
	
		/*----- slider css end-------*/