@charset "utf-8";
/* CSS Document */
body:before
{
	position: absolute;
    content: "";
    width: 100%;
    height: 100%;
   
    opacity: 1;
    display: block;
	z-index:-1;


}
body
{
	
	background-image:url(../img/bg/bg2_02.png); 

	
background-size: cover;

    background-attachment: fixed;
	background-position:center center;
}
.womanbg{
	
}
/*.womanbg{

	background-image:url(../img/bg/bg2_02.png); 
	height:700px;
	display:block;  
background-size: cover;

    background-attachment: fixed;
	background-position:center center;

}*/
.word
{ 
margin-top:25px;
margin-bottom:25px;
}
.pagination > li > a, .pagination > li > span
{
	    border: 1px solid #ddd;
    margin-left: 10px;
}
.womanbgcenter
{


       width: 80%;

	position:relative;
	padding-bottom:50px;
}
.sml
{
	    height: auto;
}
.pic{
	
   
margin-top: 16px;
    padding: 30px;
    /* background-color: #0000009e; */
    display: block;
    border-radius: 30px;
    width: 90%;
  height: 1024px;

    overflow: hidden;
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../img/topmovie.png);
    background-size:contain;
    margin: 0 auto;
    background-position: center top;
}
.clip
{
 
    margin: 0 auto;
    display: block;
    /* margin-top: 50; */
    position: relative;
        top: 110px;
		width:80%;


}
.silk
{


    height: 295px;

    
    background-image: url(../img/silk.png);
    display: block;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: right bottom;
    right: 14px;
        bottom: 22px;
}

.word
{
	font-size:18px;
	visibility: visible; 
	animation-delay: 0.1s; 
	animation-name: fadeInUp;
	margin-left: 100px;
    margin-top: 31px
	

}
.words
{
	

}
.timeone,
.time
{
	background-color:#666;
	text-align:center;
	color:#FFF;
border-radius: 28px;
border:5px solid #FFF;
margin: 0 10px;
line-height:30px;
min-height:200px;
}
.time::before
{
    content: "";
    background-image: url(../img/bg/arrow.png);
    width: 30px;
    height: 80px;
    background-size: 100%;
    display: block;
  margin-top:10px;
      top: 380px;
    position: absolute;
	background-repeat:no-repeat;
	background-position: center right;
right:0;

}
.timeone p,
.time p

{
	display:block;
	line-height: 25px;

}
.timeone h4,
.time h4
{
	
    padding: 10px;
   border-top-left-radius: 25px 25px;
     border-top-right-radius: 25px 25px;
	font-size:25px;
	font-weight:bloder;
	    margin-top: 0;
}
.time h4
{
	background-color:  #939393;
}
.timeone h4
{
	    background-color: #a957c5c7;
}
.timeone 
{
	background-color: #613789;
}

.words button{
	margin-bottom:10px;
	margin-right:10px;
	font-size:20px;
	width:40%;
	float:left;
	margin-top:20px;
}
.words button a
{
	color:#FFF;
	display:block;
	    text-decoration-line: none;
}
.btns{
	
	width:100%;

	}

.peo
{
	height: 500px; 
	display:block; 
	position: absolute;
	right: 0px;
    top: 173px;
}
.medtype
{
position: absolute;
    right: 0;
}
}	

.tea
{
	width:90%;
}
.emain
{
	width:70%;
	position: relative; 

}
.tittype
{
	
	 color:#FFF;
	 background-repeat:no-repeat;
	 background-position:left center ;
	
	 font-size:45px;  
	 margin-top:50px;
margin-left: 180px;
 
}
	
}
.teabg
{
	background-color:#fffbea
}
.teabg .content_title
{
	font-size:40px;
	text-align:center;
}
.form_select table
{
	float:left;
}
 .post_list_control form
 {
	width:280px;
 }
  .post_list_control form label
 {
	 width:72%;
	 text-align:left;
	 display: inline;
 }
 
   .post_list_control form .search_btn
 {
    width: 60px;
 }
 .post_list_controlform label input
 {
	 border-radius: 50px;
        height: 45px;
		border: 1px solid #787878;
 }
 .search_btn
 {
	 background-color: #7c9bff;
    display: inline-block;
    padding: 0px 10px;
    color: #fff;
    border-radius: 30px;
    line-height: 41px;
    vertical-align: middle;
    margin-right: 3px;
    text-decoration: none;
    margin-top: -3px;
    width: 50px;
    transition: all 0.2s ease;
 }
 #content_block .col-md-12
 {
	 color:#000;
	font-size:18px;
 }
  #content_block .col-md-12 p
 {
	 color:#000;
	font-size:18px;
 }
#content_block .row .off
{
	color:#000;
	font-size:18px;
	background-color:#ffffffc4;
	border-radius:50px;
	padding:80px 40px;
}
#content_block .post_list_control
{
}
label 
{display:block;
}
#content_block .col-md-12 #breadcrumb a
{
	color:#3d3d3d;
	font-size:14px;
}
#content_block .col-md-12 #breadcrumb a:hover
{
	color:#3d3d3d;
}
#content_block .content_title .title
{    font-size: 40px;
    color: #3d3d3d;
	
	font-weight:bolder;
	border:none;
}
.content_title
{
	margin-bottom:0;
}
h3
{
	margin-top:0;
	margin-bottom:50px;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus
{
	    background-color: #7c9bff;
}
.about
{
	    clear: both;
    background-color:#feee69;
min-height:400px;
padding:0;
}
.eye
{
	background-image: url(../img/eye2.png);
	width:450px;

	float:right;
	background-repeat:no-repeat;
	background-size:contain;
    background-position: bottom left;
	
}
.emain
{
	min-height:400px;
	position:relative;
}
.word li
{
	list-style-type:none;
}

.word li p
{
	font-size:20px;
}

.about2
{
	position:relative;
	background-color: #7bcad1;

}
.type4,
.type3,
.type2,
.type1
{


   height: 395px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	
}
.type1
{
	background-image: url(../img/bg/Evolution_01.png);
}
.type2
{
		background-image: url(../img/bg/Evolution_02.png);
}
.type3
{
	background-image: url(../img/bg/Evolution_03.png);
}
.type4
{
	background-image: url(../img/bg/Evolution_04.png);
}
.emain2
{
margin:0 auto;

}
.timer
{
	    display: flex;
		
		margin-bottom:50px;
		text-align:center;

}
.comparison 
{
	 text-align: CENTER;
    margin-bottom: 50px;

}

.comparison img
{
   
	width:100%;
	margin-top:30px;
}
.about3
{
		position:relative;
	background-color: #FFF;
}
.word
	{
		margin-top:20px;
		margin-bottom:20px;
	}
	.doctype
	{
		    text-align: CENTER;
		font-size:50px;
		margin-top:50px;
		text-align:Center;
			margin-bottom:50px;
	}
	.docbox
	{
		margin-bottom:50px;
	}
	.d1
	{
		text-align:center;
	}
	.d1 img
	{
		margin: 0 auto;
		display:block;
		width:60%;
		cursor:pointer;
		    margin-bottom: 25px;
	}
.panel-heading2 {
      color: #333333;
      background-color:#bc9776;
	  border-radius: 50px;
	  border:8px solid #FFF;
	  padding:10px;
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
       padding-left: 20px;
	  color:#FFF;
	    font-weight: bolder;
		margin-bottom:20px;
}
.teabg
{
	padding-top:50px;
	padding-bottom:30px;
}
.panel-body2
{
	padding:20px 40px;
}
.doctype img,
.tittype img
{
	width:80px;
}
.tsy
{
	      display: table-cell;
    width: 100px;
	    font-weight: bold;

}
.tsyp
{
	 display: table-cell;
}
.footercontent2
{
padding:15px 0px;
}
.footercontent2 ul li
{
	list-style: none;
	color:#FFF;
}
.footercontent2 ul li a
{
	color:#FFF;
}
}

@media screen and (max-width: 1450px) 
{
	.womanbgcenter
	{
	width:100%;
	}
		.clip 
		{

        WIDTH: 90%;
                top: 90px;

		}
}
@media screen and (max-width: 1350px) 
{
	.type4, .type3, .type2, .type1
	{
		        height: 310px;
	}
	.clip {
		height: AUTO;
        WIDTH: 92%;
        top: 90px;

		}
		.silk
		{
			width:100%;
	   

		}
		
}
@media screen and (max-width: 1280px) 
{

	.womanbg
	{
		height:auto;
	}
  .container
	  {
		  width:100%;
	  }
	.peo 
	{
	    right: -145px;
    top: 95px;
	    /*height: 500px;
        display: block;
        right: 0px;
	position:relative;*/
	}
	.dabg
	{
	width:60%;	
	}
		.words button{
	
	width:100%;
		}
		.comparison img
		{
			width:100%;
		}

.womanbgcenter
	{
	 margin-top: 35px;
	}
	.newsmain
	{
		width:100%;
	}
	.clip {
    
    top: 90px;
}
.pic
{          

        background-size: contain;
        width: 100%;

	
}
.word
	{
		margin:0;
	}
	.d1 
	{
		text-align:Center;
	}
}
@media screen and (max-width: 1138px) 
{
	
		.clip {
            height: AUTO;
        WIDTH: 90% !important;
        top: 83px;

    

    }
	.eye
	{
		   background-position: bottom right;
	}
	
}
@media screen and (min-width: 1024px) 
{

	

	.clip 
  {
	           width: 90%;
     top: 175px;
  }
  .time::before
	{
	        top: 425px;
	}

	.tittype
	{
		margin-left:0;
		background-position: center center;
    
	    text-align: center;
		        font-size: 50px;

	}

}
@media screen and (max-width: 980px) 
{
.time::before
	{
		display:none;
	}
	.womanbg
	 {
               height: 1060px;
     }
	
	.womanbgcenter
	{
	        height: 855px;
	}
	.peo 
	{
		height:auto;
		position: relative;
    right: 0;
	top:0;
	}

	.emain
	{
		top:0;
		left:0;
		min-height: 600px;
	}
	.emain2
	{
		width:100%;
	}
		.medtype
	{
		position: relative;

        left: 0px;


	}
	.timer
	{
	    display: block;
	}
	.type4,
.type3

{


    height: 455px;
}

.timer
	{
		    display: block;
	}
	.tittype
	{
		text-align:center;
		margin-left:0;
		background-position:center;
               margin-top: 600px;
	}
	.eye
	{
		background-size: 70%;

	}
	.word
	{
		margin-left:0;
	}
	
}
	

@media screen and (max-width: 840px) 
{
  .time::before
	{
			background-image: url(../img/bg/arrow2.png);
	}
	.womanbg
	 {
        height:auto;
     }
.word {
  
     margin-left: 0px; 
   margin-top: 31px; 
}

	
	.peo 
	{
		position: absolute;
    right: 0;
	}
	.btns{
	
	width:100%;

	}

	.type1 ,
	.type2 

	{
		height: 400px;
 
	}
	.type3,
	.type4

{
	height:500px;
}
.tittype 
{
	font-size:34px;
}
	.tittype img
{
width:50px;
}

}
	@media screen and (max-width: 768px) 
{

	.tittype{
	margin-top:300px;
	}
.eye
	{
		background-size: 80%;

	}	
		.womanbg
	 {
        height:800px;
     }
	 .type1
{
	background-image: url(../img/bg/Evolution_012.png);
}
.type2
{
		background-image: url(../img/bg/Evolution_022.png);
}
.type3
{
	background-image: url(../img/bg/Evolution_032.png);
}
.type4
{
	background-image: url(../img/bg/Evolution_04.png);
}
.emain2 div div
{
	margin-left: 0px;
    margin-right: 0px;
	margin-bottom:50px;
}
.type4,
.type3,
.type2,
.type1
{
width: 100%;


}

.type2,
.type1
{
	height:320px;
}
.type3,
.type4

{
	height:500px;
}


.emain2
{
	width:100%;
}
.medtype
{
	top:0px;
}
.doctype img, .tittype img
{
	width:45px;
}
}
@media screen and (max-width: 720px) 
{
	 
	
			.pic
			{
			padding:0;
                height: 526px;

	        width: 100%;
		        background-size: 115%;

			
			}
				.silk
			{
				    position: relative;
					background-size:contain;
					    height: 126px;
						    bottom: 74px;
			}
			
.post_list_control table tr td
 {
	 width:100%;
 }
 label{width:100%;}
.word a
{
    width: 100%;
}
.post_list_control form label 
{
	width: 81%;
	}
	.womanbgcenter
	{
			margin-top:15px;
	}
	.emain
	{
	        min-height: 700px;
	}
 .emain 
    {
        min-height: 800px;
    }
	.medtype
	{
				display:block;
		        position: relative;
				top:0;
				left:0;
				 margin-bottom: 0px;
			
	}
	.tittype
	{margin-left:0;
	padding:0;

	}
	
}

@media screen and (max-width: 480px) 
{
	.panel-heading2
	{
		text-align:center;
	}
	.panel-body2
	{
		padding:0;
	}
		.doctype
	{

    margin-top: 20px;
           font-size: 36px;
    margin-bottom: 20px;

	}
	.clip {

			height: AUTO;
            WIDTH: 90%;
            top: 70px;


		  }
			.silk
			{
				position: relative;
				background-size:contain;
				 height: 126px;
			}
     .pic
     {
        padding: 0;
        height: 315px;
        width: 100%;
		background-size: cover;
      }

label {
    display: block;
}
.form_select select
{
	width: 100%;
}
.form_select table
{width:100%;
}
	.post_list_controlform
	{
		width:90%;
	}
	
    .womanbg
	{
        height:auto;
    }
	.post_list_control form label
	{
		display: inline-block;
	}
	.womanbgcenter {
    height: auto;
	        padding: 0;
   
    }
	.peo
	{height:auto;
	}
	.sml 
	{
    width:100%;
	}
	.search_btn
	{
		padding:0px;
		width: 50px;
	}
	.post_list_control form
	{
		width:100%;
	}
	.post_list_controlform label input
	{
		width:100%;
	}
	.post_list_control form label
	{
		 width: 80%;
	}
.tittype
{
	margin-top:0;
}
	.type1, .type2,.type3
	{
		height: 330px;
	}
   .emain2 div div
   {
	   margin-bottom:0;
   }
   .tsy
{
	    display: block;

}
}
@media screen and (max-width: 380px) 
{
.post_list_control form label {
        width: 77%;
    }
|