@charset "UTF-8";
/* CSS Document */


/*


CSS Information

File name: style.css
Date: 2015-10-02

---------------------------------------------

Design by
Your Love Creative design

---------------------------------------------

*/
 .De-div
 {
     padding-top:30px;
 }
 
.RA
{
     background:#FFFFC2;
     height:auto;
}
.RA ul{

 background:#FFFFC2;
}

.RA ul li{
  background:#FFFFC2;
   
}

.P-Select-Page
{
    width:100%;
    max-width:100px;
    padding:10px;
    margin:10px 0 10px 0;
    text-align:center;
    display:none;
    
}


.page-container{
	padding-top:40px;
}
.pick-header{
  top:100px !important;
}
.page-title{
	margin:15px 0 0 0;	
	font-size:30px;
}
.page-title span.en{
	color:#f00001;
	margin:0 0 0 6px;
}

/*-----Default-----*/
#Buttom_bt
{
    padding:15px 0 0 ;
}

#Buttom_bt ul
{
    padding:0;
	margin:0;
	list-style:none; width:100%; white-space: nowrap; overflow:hidden;
}

 

#Buttom_bt ul li
{
    list-style:none;
    float:left;
    padding:10px 25px 10px 25px;
      max-width:310px;
     width:50%;
 
   
    
}



#Buttom_bt ul li img
{     display:flex;
  width:100%;
    max-width:260px;
   max-height:195px;


 min-width:120px;
   min-height:90px;

    height:auto;
 border:0;
     
}

/*-----------------*/
/*-------NewList---------*/
#Bt-Div
{	position: absolute;
	background: #ba8dc3;
	width: 100%;
	 height:auto;
	transition: 0.2s;
	z-index:99;
	 
     
}
#PL-Back
{
    background: #855fa5;
	width: 100%;
	 height:auto;
	transition: 0.2s;
	max-width:940px;
	margin:0 auto;
	 
}





 .NList
 {
    
     display: inline-block;
	position: relative;
	padding:0 10px 0 10px;
	margin:0 auto;
	width:100%;
		max-width:1010px;
	
 }
 .DCNList
 {
      display: inline-block;
	position: relative;
	padding:0;
	margin:0 auto;
	width:100%;
  max-width:940px;
 }
 .DCNList
 {
     width:100%;
     max-width:940px;
 }
 .NList img
 {
     width:100%;
     max-width:940px;
     padding-right:5px;
 }
 .NList Div
 {
     padding:0;
     margin:0 auto;
 }
.NTop
{
    width:100%;
    margin:0 auto;
}
#bottom-logo
{
   padding:0px;
   margin:0px;
    width:100%;
    text-align:center;
}
#NewList
{
    width:100%;
    clear:both;
}
#NewList  td
{
    padding:10px;
    color:#825ca3;
}
.Year1
{
    font-weight:bold;
}
#NewList tr:nth-child(even) 
{
    background: #f5eef6;
    }
#NewList tr:nth-child(odd)
 {
     background: #fff;
  }
 
 

/*-----------------------*/
/*----------About--------*/
.D-Bt-A
{
    margin:0;
	padding:0 0 10px 0;
	background:#fff;
     width: 100%;
     background: #855fa5;
     height:auto;
}
.Inter-All-D
{
    height:auto;
	margin:0;
	display:flex;
	padding:0 20px 20px 20px;
	background:#fff;
}
 
 
 .Bt-A
 {
 
	margin:0;
	padding:0 0 10px 0;
	background:#fff;
     width: 100%;
     background: #855fa5;
    height:545px;
  
 } #Bt-Back-D
 {
        position:relative;
	background: #855fa5;
	width: 100%;
	   
	transition: 0.2s;
	 
 }
    #Bt-Back
    {
        position:relative;
	background: #855fa5;
	width: 100%;
	   
	transition: 0.2s;
	 height:165px;
	 
	 
    }
 .ANList
 {
     position:relative;  
     
    margin:auto;
   text-align:center;
 }
 .IList
 {
      position:relative;  
     
    margin:auto;
   text-align:center;
 }
.aback
{
     position:relative;
    background-color:#855fa5;
    
}
#btdiv
{
    position:relative;
    padding-top:30px;
     
}
#btdiv img
{
     width:100%;
     max-width:935px;
      max-height:335px;
}


.bt-nav
{
     position:relative;
   
     margin-top:-80px;
    
     
}

.bt-nav li a
{
        color:#fff;
}
 
 
/*-----------------------*/

/*----Investors----*/
.DINList
{
       position:relative;  
       
    margin:auto;
}
.Panel1
{
    height:300px;
}
.Panel2
{
    width:100%;
    margin:0 auto;
     background-color:#dedede;
}
.VcodeT
{
    width:80px;
}
.VcodeC
{
    float:left; margin-left:10px;
}
.CNList
{
      
       width:100%;
     	max-width:940px;
	height:auto;
	 margin:0 auto;
	padding:0px 40px 20px 40px;
    
}

.CNList2
{ width:100%;
    max-width:940px;
	height:auto;
	 margin:0 auto;
	padding:0px 40px 40px 40px;
}
.INList
 {
    position:relative;         
    margin:auto; 
 }
 .In-A
{
   
	margin:0;
	padding:0 0 10px 0;
	background:#fff;
     width: 100%;
    
     height:750px;
}
.In-D-A
{
    margin:0;
	padding:0 0 10px 0;
	background:#fff;
     width: 100%;
  height:auto;
}

       #circle-All
       {
           position:relative;
           height:auto;
          background: #ba8dc3;
       }
      .u1
         {
             padding:20px 0 0 0;
             margin:0;
             
         }
  .u1 li
  {
      list-style-type:none;
      display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
        background-color:#e4e4e4;
       text-align:center;
       height:260px;
       margin:10px 0px 10px 5px;
  }
  .u1 li p
  {
      font-size:20px;
      font-weight:bold;
      color:#825ca3;
  }
   .u1-p1
   {
       padding-top:20px;
   }     



  #circle-All
        {
            width:100%;
             max-width:940px;
             background-color:#fff;
             margin:15px 0 0 0;
        }
     
 
  #DA
 {
      position:relative;
     width:100%;
     max-width:940px;
      height:auto;
     
      margin:10px 0 0 0;
 }
  #DA div
  {
      margin:0 auto;
  }
  .circle-left
  {
       width:100%;
             max-width:350px; 
                text-align:right;
             float:left;
  }
       .circle-left img 
       {
         
        width:100%;
             max-width:250px; 
			height:500px; 
		 
			-moz-border-radius: 500px 0 0 500px ; 
			-webkit-border-radius: 500px 0 0 500px ; 
			border-radius:500px 0 0 500px  ; 
		 
		 
       }
       
        .circle-right img 
        {
            width:100%;
             max-width:250px; 
			height:500px; 
		 
			-moz-border-radius:0 500px 500px 0; 
			-webkit-border-radius:0 500px  500px 0; 
			border-radius:0 500px 500px  0; 
		 
        }
 
   
  
      

  

/*-----------------*/

/*----AboutM--------*/
/*-- �쥻  padding-top 215--*/
.AM-A
{
   
	margin:0;
	padding:210px 0 10px 0;
	background:#fff;
     width: 100%;
     background: #855fa5;
     height:165px;/*�쥻265  200*/
}
.PL-A
{
    height:auto;
	margin:0;
	padding:210px 0 10px 0;
	background:#fff;
     width: 100%;
     background: #855fa5;
     height:165px;
}


.AM-TDiv
{
 height:auto;
	margin:0;
	display:flex;
	padding:200px 0 0 0;
	background:#fff;
}
.AM-List
{
     position:relative;  
    margin:auto;
 
  margin-top:20px;
}

.PL-List
{
    padding:0;
      position:relative;  
    margin:0 auto;
 
    background-color:#dedede;
}


#AM-Menu
{
    width:100%;
    position:relative;
    z-index:88;
     background-color:#ba8dc3;
     height:285px;
  
}
#AM-Logo
{
     margin:auto;
}
#AM-Logo img
{
    margin:auto;
}

.AM-nav
{ 
    margin:0 auto;
   margin-top:15px;
   text-align:center;
   
      padding:0;
      display: inline-block;
}

.AM-nav li
{
 
        list-style-type:none;
    width:100%;
    max-width:130px;
       margin:10px 30px 0 30px;
     color:#000;
    display:inline-block;
     
    
    
     
      
}

.AM-navR
{ 
    margin:0 auto;
   margin-top:15px;
   text-align:center;
   
      padding:0;
      display: inline-block;
}

.AM-navR li
{
 
        list-style-type:none;
    width:100%;
    max-width:130px;
       margin:10px 30px 0 30px;
     color:#000;
    display:inline-block;
     
    
    
     
      
}

.t1
{
       

   
   
     position:relative;
                     width:130px;
                   height:130px;
                     background:#ba8cc3; 
                      border-radius:130px; 
                      text-align:center;
}
    .t2
    {
        position:absolute;
         width:100px;
       padding:50px 0 0 15px;
         text-align: center;
    }

.AM-nav li a
{
        color:#fff;
}
.AM-nav li a :hover span
{
        color: #999;
	transition: 0.3s;
}



.AM-nav li span
{
        color:#fff;
}
.ADA
{
     
    background:#fff;
     font-size:15px;
}
.ADA-1 
{
     background:#fff;
}
.ADA img
{
     width:100%;
     max-width:940px;
}

.AD2
{
     background:#E1CDE4;
/* background:#FFF8D8;*/
    /* background:#946cae;*/
}
.AD3
{
   /* background: #f4f4f4;*/
     background:#FFFFFF;
}
.AD1
{
    background:#E1CDE4;
   /* background:#FFFFFF;*/
  /* background:#FFF8D8;*/
 /* background:#946cae;*/
}

.AContactD
{
	margin:0;
	padding:0;
    width: 100%;
    height:auto;
    
}
 #AContact
 {
     
     margin:0;
	padding:10px 0 15px 0;
    width: 100%;
    height:auto;
     background-color:#dedede;
 }
 
   
 #Content-D
 {
     padding-top:1px;
     padding-bottom:15px;
 }
  .AM-D2
 {
     width:100%;
     max-width:940px;
   
       color:#825ca3;
      font-size:15px;
      padding:0px 0 20px 0;
 }
 .AM-D2 img
 {
      width:100%;
     max-width:940px;
 }
 
  .AM-D4
 {
     width:100%;
     max-width:940px;
  
      font-size:15px;
      padding:0px 0 20px 0;
 }
 .AM-D4 img
 {
      width:100%;
     max-width:940px;
 }
 
 
 .cf
 {
     clear:both;
     width:100%;
    max-width:940px;
    height:auto;
     display:inline-block;
        position:relative;
 }
/*contact*/
 .gmap
 {
     width:100%;
     max-width:570px;
     min-height:325px;
     height:auto;
     
 }
 .Contact-Df
 {
      height:auto;
	margin:0;
	padding:0 0 10px 0;
	background:#fff;
     width: 100%;
     background: #ededed;
    height:540px;
 }
/*215*/
.Contact-A
{
     
	margin:0;
	padding:215px 0 10px 0;
	background:#fff;
     width: 100%;
     background: #ededed;
     
      height:500px;
}
.Contact-All
{
     
    
	padding:214px 0 0px 0;
     width: 100%;
        background: #ededed;
     height:330px;
}
/*215*/
.Contact-AllR
{
    margin:0;
    padding:215px 0 70px 0;
     width: 100%;
    
        background: #ededed;
        height:auto;
    
}
.Contact-AllRR
{
    margin:0;
    padding:214px 0 20px 0;
     width: 100%;
    
        background: #ededed;
        height:auto;
    
}
.Contact-All2 {
    margin: 0;
    padding: 214px 0 40px 0;
    width: 100%;
    background: #855fa5;
    /*855fa5*/

    height: auto;
}
 .C-D1
 {
      max-width:570px;
      width:100%;
       
      
     height:auto;
    
    
 }
 .Repair-Div
 {
     
     width:100%;
     margin:0 auto;
     height:auto;
     text-align:center;
     padding:0 0 0px 0;
      
 }
 .Panel-Div
 {
      
      width:100%;
      max-width:940px;
     padding:0;
     margin:0;
     clear:both;
 }
 .Panel-Div-T
 {
      width:100%;
     /* max-width:940px;*/
     max-width:500px;
        padding:0;
     margin:10px 0 10px 10px;
     clear:both;
 }
 
 .Panel-Div li
 {
      list-style-type:none;
      vertical-align:middle;
    padding:10px 10px 10px 10px;
     display:inline-block;
 }
 
  .Panel-Div-U
 {
      
     
       height:auto;
      width:100%;
      max-width:940px;
     padding:0;
     margin:0;
     clear:both;
 }
 .Panel-Div-U li
 {  background-color:#FFF5E6;
      list-style-type:none;
    padding:10px 10px 10px 10px;
    margin:0;
    height:auto;
     float:left;
 }
 .PDP1
 {
   
   margin:0 auto;
    display:block;
    float:inherit;
    clear:both;
    margin:20px 0 20px 0;
 }
 .Panel-C-D
 {
   clear:both;   
  
      width:100%;
       max-width:900px;
       padding-left:10px;
       margin-bottom:10px;
 }
 .Panel-C-D ul
 {
     margin:0;
     padding:0;
 }
 .Panel-C-D ul li
 {
     list-style-type:none;
     float:left;
     padding:5px 5px 5px 5px;
 }
 

 .Panel-C-D Div
 {
     padding:10px 5px 10px 5px;      
 }
 
 
 
 .PCD-D
 {
     display:inline-block;
      float:left;
 }
 .PD1
 {
     width:25px;
     
 }
  .PD2
  {
      width:100%;
      max-width:368px;
  }
 
 .RA1
 {
    background-color:#000;
     }
  .Panel-Div-U-A
 {
      
     
       height:auto;
      width:100%;
      max-width:940px;
     padding:0;
     margin:0;
     clear:both;
 }
 .Panel-Div-U-A li
 {  background-color:#E0CCFF;
      list-style-type:none;
    padding:10px 10px 10px 10px;
    margin:0;
    height:auto;
     float:left;
 }
  
 #Panel2
 {
     width:100%;
    max-width:940px;
     height:auto;
     float:inherit;
      display:block;
 }
 
 .CRepair-UL
 {
      
       width:100%;
       max-width:300px;
      
      margin:0 auto;
     clear:both;
 }
 
  .CRepair-ULB
  {
        width:100%;
       max-width:300px;
      
      margin:0 auto;
     clear:both;
  }
  .CRepair-ULB li
  {  
      
       list-style-type:none;
    padding:20px 5px 5px 5px;
    float:left;
  }
 
 .CRepair-UL li:first-child
 {
     width:65px;
     text-align:left;
 }
 .CRepair-UL li
 {
      list-style-type:none;
    padding:30px 5px 0 5px;
    float:left;
 }
  
 .C-D2
 {
     width:100%;
       padding-left:15px; 
      
       color:#825ca3;
      font-size:15px;
       height:auto;
       text-align:left;
 }
 .C-D2 a
 {
      color:#825ca3;
 }
 
 
 .C-D2 img
 {
     width:100%;
     max-width:120px;
     max-height:125px;
     
     padding:20px 0 0 60px;
      text-align:center;
 }
 .C-nav
 {
     width:100%;
     max-width:940px;
     margin:0;
     padding:0;
     text-align:center;
 }
 .C-nav li
{
   list-style-type:none;
    padding:30px 10px 0 10px;
   display:inline-block;   
       vertical-align: top;
    /**display: inline;
    *zoom: 1;*/
}
 .C-navL1
 {
     width:100%;
     max-width:570px;
    
 }
  .C-navL2
  {
      width:100%;
         max-width:250px;
      
  }
  .Dclear
  {
      clear:both;
  }
  
  /*ProductList*/
  
  .DProducts-All
  {
      	margin:0;
	padding:0px 0 10px 0;
	background:#fff;
     width: 100%;
     background: #ededed;
     
     height:auto;
  }
      .Products-A
 {
     	margin:0;
	padding:200px 0 10px 0;
	background:#fff;
     width: 100%;
     background: #ededed;
     
     height:auto;
 }
   #PLTAx1
       {
           width:100%;
           max-width:90px;
           font-size:18px;
           margin:15px 0 0 25px;
           color:White;
           display:inline-table;
           text-align:center;
           white-space:nowrap;
           font-weight:bold;
       }
        #PLTAx2
       {
           width:100%;
           max-width:90px;
           font-size:10px;
           margin:0 0 0 23px;
           color:White;
           display:inline-table;
           text-align:center;
           white-space:nowrap;
       }
    
   div.PLA1
     {
          
         
          width:100%;
     max-width:700px;
      margin:0 auto;
      padding:30px 0 0 0;
      position:relative;
     }
      
 div.PLA1 img
 {
     text-align:center;
     width:100%;
     max-width:700px;
      height:700px;
     border-radius:50%;
    
 }
 
 div.PLA1 a
 {
     color:#3C3C3C;
     padding-left:2px;
    
     
 }
div.PLA1 a:hover
{
      color: #8f4697;
	transition: 0.3s; 
}
 
 
 
 .PLA-Back
 {
      height:40px;
     line-height:40px;
     width:85px;
     background-color:#fff;
      border-radius:5px;
 }
 .PLA-Back a
 {
      text-align:center;
 }
 
 
   #PL1,#PR1
 {
     height:40px;
     position:absolute;
     top:50%;
   
       
 }
 #PL1
 {
  
   width:100%;
     font-size:20px;
     font-weight:bold;
    
     left:0;
      
 }
 #PR1
 {
      font-size:20px;
       width:100%;
   max-width:85px;
      font-weight:bold;
     margin-right:2px;
     right:0;
    
 }
  
  
   .PL-Div
       {
           
            margin-top:-20px;
            width:100%;
            max-width:940px;
            text-align:center;
             padding-top:20px;
       }
.PL-nav
{
    margin:0;
padding:0;
     text-align:center;
     display: inline-block;    
       
}

.PL-nav li
{
   list-style-type:none;
  
     border-radius: 50%;
   
     color:#fff;
     margin:0px 40px 0 40px;
     width:150px;
    height:150px;
   background-color:#ba8cc3;
      line-height:150px;
      float:left;
   
}


.PL-D2-U
{
  margin:0;
  padding:0;  
  
}
    .PL-D2-U li {
        position: relative;
        list-style-type: none;
        display: inline-block;
        text-align: center;
        width: 100%;
        max-width: 220px;
        padding: 20px 5px 20px 5px;
    }
.PL-D2-U li img
{
      width:100%;
      max-width:220px;
      max-height:280px;
      /*min-width:220px;
      min-height:280px;*/
}

/*Plist*/
.PList
{
    text-align:center;
}
 .PL-List
     {
         padding:0px 20px 0 20px;
     }
     
.PL-menu
{ 
    margin:0;
    margin-top:15px;
     padding:0;
      display: inline-block;
      text-align:center;
}

.PL-menu li
{
 
        list-style-type:none;
    float:left;
       margin:10px 10px 0 10px;
     color:#000;
    display:inline-table;
     
    
       
     
      
}


.PL-menu li a  
{
        color:#fff;
}
.PL-menu li a :hover span 
{
        color: #8f4697;
	transition: 0.3s;
}
.AM-nav  li a
{
    color:#fff;
}
.AM-nav  li a :hover span
{
      color: #8f4697;
	transition: 0.3s; 
}
.AM-nav  li a :hover p1
{
      color: #8f4697;
	transition: 0.3s; 
}
.PL-menu li span
{
        color:#fff;
}





#PList-D-Left
{
    width:100%;
    max-width:200px;
     float:left;
     background-color:#dedede;
     text-align:center;
     margin:10px 0 20px 0; 
}
#PList-D-Left ul
{
    margin:0;
    padding:0;
}
#PList-D-Left ul li
{
    list-style-type:none;
    padding:10px ;
    border-bottom:1px solid #ffffff;
}
#PList-D-Left ul li a
{
    color:#000;
}
#PList-D-Left ul li a:hover
{
      color: #8f4697;
	transition: 0.3s; 
}
.PList-D-Left2 ul {
    margin: 0;
    padding: 0;
}
.PList-D-Left2 ul li
{
    list-style-type:none;
    padding:20px ;
    border-bottom:1px solid #ffffff;
    
    background-color:#dedede;
    margin-bottom:30px;
    border-radius:5px;
}
.PList-D-Left2 ul li a
{
    color:#000;
    
}
.PList-D-Left2 ul li a:hover
{
      color: #8f4697;
	transition: 0.3s; 
}
#PList-D-Right
{
    width:100%;
    max-width:900px;
    float:left;
}
#PList-D-Right2 {
    width: 100%;
    max-width: 700px;
    float: left;
}
#PL-D-R-Content {
    width: 100%;
    /*max-width:680px;*/
    max-width: 900px;
     margin:10px 0 20px 10px;
    padding: 0;
    clear: both;
}
#PL-D-R-Content2 {
    width: 100%;
    max-width: 680px;
    margin: 10px 0 20px 10px;
    padding: 0;
    clear: both;
}
#PL-D-R-Content img
{
    width:100%;
 
}
#PList-D-Right ul
{
      margin:0;
    padding:0;
}

#PList-D-Right ul li
{
    list-style-type:none;
    padding:5px ;
}
#PList-D-Right ul li a
{
     cursor:pointer; 
}
#R-Content
{
    padding:5px;
    clear:both;
}
#R-Content img
{
     max-width:800px;
}
 .FIMonth-a
 {
     width:100%;
     height:auto;
     clear:both;
 }
.FIMonth-d
{
    

     width:50px;
     margin:15px 0 5px 0px;
      max-width:680px;
     text-align:left;
     float:left;
     font-weight:bold;
}
.FIMonth-ul
{
    margin: 0;
    padding:0;
}
.FIMonth-ul li
{
    margin: 10px 0px 5px 5px;
    text-align:center;
     float:left;
      border:1px solid #000;
}

/*service*/

.service-ul
{
    padding:0;
    margin:0;
}
 .service-div-title
 {
     font-size:20px;
     font-weight:bold;
 }
 .service-c-div
 {
     border:1px solid #dedede;
     padding:10px;
 }
 
 
 .Reptitle
 {
     
   margin-top:14px;   
  }
 
 /*Default*/
 .PLA-Ul 
       {
           margin:0;
           padding:0;
       }
   .PLA-Ul li
   {
        display:inline-block;
        vertical-align:middle;
         list-style-type:none;
           position:relative;
        
      
        margin:5px;
        
   }
     
    
      
      #TPL1
      {
           
  position:absolute;
          top:40%;
          left:40%;
  font-weight:bold;
      height:40px;
     line-height:40px;
      width:130px;
  
      border-radius:5px;
    
         font-size:2em;
      }
        #TPL1 a,#TPL2 a
        {
              color: #8f4697;
        }
        
        #TPL2
      {
         position:absolute;
          top:40%;
          left:40%;
  font-weight:bold;
      height:40px;
     line-height:40px;
    width:130px;
     color: #8f4697;
      border-radius:5px;
      font-size:2em;
      }
           .PLT-D1
           {
               position:relative;
               width:100%;
            max-width:450px;
         height:450px;
           
             border-radius:50%;
           }
             .PLT-D2
           {
               position:relative;
               width:100%;
            max-width:450px;
         height:450px;
           
             border-radius:50%;
           }
      .PLT-D1 img
      { width:100%;
            max-width:450px;
         height:450px;
              
             border-radius:50%;
             z-index:1;
      }
        .PLT-D2 img
      {         width:100%;
            max-width:450px;
         height:450px;
            position:relative;
            border-radius:50%;
      }

      .PLT2
      {
             
          position:absolute;
           left:0%;
           top:50%;
           width:100%;
           max-width:450px;
           background:rgba(222%, 222%, 222%, 0.6) ;
         height: 225px;
			
			-moz-border-radius:0 0 470px 470px;
			-webkit-border-radius:0 0 470px 470px;
			border-radius:0 0 470px 470px;
			
      }

.repair_test {
    width: 300px;
    margin: 0 auto;
    display: inline-block;
}
.repair_test2 {
    width: 300px;
    margin: 0 auto;
    display: inline-block;
    background-color:aqua;
}