@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0}
ul, li,h1,h2,h3,ol,h4,h5{ margin:0; padding:0}
img{ max-width:100%}
.allbar{ background:url(../images/allbg.jpg) repeat-x #F3F3F3 center top; display:block; position:relative}
.topbanner{ width:1010px; margin:0 auto}
.topbanner img{ max-width:100%}


.wapbar{ width:1000px; margin:0 auto; display:block; position:relative; margin-top:13px}

.leftwid{ display:block;float:left; width:224px}

.advbanner{width:1000px; height:320px; margin:0 auto; display:block; position:relative}

.promobox{ width:1000px; margin:0 auto;padding-top:20px;}

.menus{width:1006px; margin:0 auto; margin-top:10px; margin-bottom:2px;height:44px;line-height:44px; font-size:12px; color:#000; font-family:Verdana, Geneva, sans-serif; overflow:hidden}

.mainrighbox{ width:752px; float:right; display:block; position:relative}


.menus .fl{ float:left; display:block}
.menus .fr{ float:right; display:block}

.menus ul{width:960px; display:block; float:left; background:url(../images/menu05.png);height:44px}
.menus ul,.menus li{ margin:0; padding:0;}
.menus li{ list-style:none; float:left; background:url(../images/menu03.png)right no-repeat;}
.menus li a{color:#000; text-decoration:none; display:block;  padding-left:39px; padding-right:38px;}
.menus li a:hover{ color: #fff; text-decoration:underline; background: url(../images/menu02.png);}
.menus .noe{ background:none}

.mobanbox{ display:none}

.promobox img,.mobanbox img{ max-width:100%}

.indsdesbox{ font-family:"Times New Roman", Times, serif; font-size:16px; line-height:180%;}
.indsdesbox ul,.indsdesbox ol{ margin:0; padding:0; margin-left:16px;}
.indsdesbox img{ max-width:100%; height:auto}
.indsdesbox table{ max-width:100%; font-family:Verdana, Geneva, sans-serif; font-size:14px;}
.indsdesbox td{ padding:3px; text-align:center}




.titleft {background: url(../images/lefttitbg.png); width:224px;height:35px; line-height:35px; color:#ffffff;text-align:center; font-size:12px; font-family: "Times New Roman", Times, serif; font-size:16px; text-transform:uppercase; overflow:hidden; }

.catebgbox{ background:url(../images/leftbg.png); width:224px; display:block; position:relative}

.fenle{line-height:30px;width:200px; line-height:200%;}
.fenle ul{ padding:0; margin:0; margin-left:15px}
.fenle ul ul{ margin:0; padding:0}
.fenle ul li{text-align:left; margin:0; padding:0; font-size:14px; font-weight:bold;padding-left:2px;font-family:Arial, Helvetica, sans-serif;list-style:none;text-transform:uppercase;}
.fenle ul ul li{padding-left:0px;text-align:left;background:none; padding-left:16px; font-size:14px;background:url(../images/heartico.png) no-repeat; background-position:0px 10px; font-weight:normal;text-transform:none}
.fenle ul ul ul{ margin-left:10px}
.fenle ul ul ul li{list-style:none; padding-left:10px;color: #666; font-size:12px;text-decoration: none; font-weight: normal;background:url(../images/leaico.png) no-repeat; background-position:0px 15px;text-transform:none}

.fenle li a {color: #333;text-decoration: none;display:block;}
.fenle ul li a:hover,.fenle ul ul ul li a:hover {color:#C9B08B;text-decoration:underline;}
.fenle ul ul ul li a {color: #666666;	text-decoration: none;}




.probg{ padding-top:10px; padding-bottom:10px}
.probg img{ margin-bottom:10px}

.destit,.politit{ background:url(../images/rightitbg.png); height:29px; line-height:29px; overflow:hidden}
.destit h3,.politit strong{ color:#FFF; font-size:16px; font-family: "Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal; margin:0; padding:0; text-align:left; margin-left:15px}

.maintit { width:750px;background:#F4F4F4; border:1px solid #D4D4D4; border-bottom:none;border-radius:5px 5px 0px 0px;height:auto;line-height:150%;text-align:center;padding-top:10px; padding-bottom:10px; }
.maintit h1{font-family: Verdana, Geneva, sans-serif; margin:0; padding:0; font-size:14px; line-height:150%;}

 
.desboxmar{ width:98%; margin:0 auto;font-family: Arial, Helvetica, sans-serif ;font-size:14px; line-height:150%; padding-bottom:15px;font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:150%; text-align:left}
.desboxmar p,.datuhi p{ margin:0; padding:0}
.desboxmar img{ max-width:100%; height:auto}
.desboxmar ul,.desboxmar  ol{ margin:0; margin-left:20px}

.desboxmar p{ margin:0; padding:0}

.datuhi,.desbg{ width:750px; background:#fff;border:1px solid #DDDDDD;display:block; position:relative; padding-top:10px; padding-bottom:10px; margin-bottom:10px;overflow:hidden;}
.datuhi img{ max-width:700px; height: auto;margin-bottom:10px; display:block}




.footwid{width:200px;margin-left:40px; margin-right:40px;}
.footwidtwo{width:350px;margin-left:20px;}

.footwid a,.footwidtwo a{ text-decoration:none; color: #666}
.footwid a:hover,.footwidtwo a:hover{ color:#C8B18B; text-decoration:underline}
.footwid,.footwidtwo{ float:left;  display:block; margin-top:30px; position:relative;color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:150%;}
.footwid h2,.footwidtwo h2{ font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:normal; color:#000}
.footwid .parbot{ padding-top:25px; padding-bottom:15px}
.footwidtwo .parored{ padding-top:25px; padding-bottom:15px}



.copylibox{ width:100%; color:#666;text-align:center;font-family:Verdana, Geneva, sans-serif; font-size:12px; margin-top:40px; padding-bottom:15px; line-height:50px}


#policybox {display:block; position:relative; margin: 0 auto; margin-top:20px}
#policybox section{display: block;padding:0;text-align:left;position:relative;line-height:150%;font-size:14px;display:block;margin-bottom:10px; background:#fff}
#policybox input {display:none;}
#policybox label {display: inline-block;color:#000; background:#f8f8f8; border:1px solid #E2E2E2; border-bottom:none}
#policybox label:hover {cursor:pointer;background:url(../images/changebg.jpg);color:#fff; border:1px solid #CAB490; border-bottom:none }
#policybox input:checked + label {cursor: pointer;background:url(../images/changebg.jpg);color:#fff; border:1px solid #CAB490; border-bottom:none }
#policybox label,#policybox input:checked + label{margin:0 auto;padding:0;font-family:Verdana, Geneva, sans-serif; margin-right:6px; height:50px;font-size:14px;text-transform:uppercase;width:165px;cursor:pointer;text-align:center;}

.ladhe{ height:30px;line-height:15px; padding-top:9px; overflow:hidden}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4
{display: block;
}





#selecbox {display:block; position:relative; margin: 0 auto; margin-top:20px}
#selecbox section{display: block;padding:0;text-align:left;position:relative;line-height:150%;font-size:14px;display:block;margin-bottom:10px; background:#fff}
#selecbox input {display:none;}
#selecbox label {display: inline-block;color:#000; background:#f8f8f8; border:1px solid #E2E2E2; border-bottom:none}
#selecbox label:hover {cursor:pointer;background:url(../images/changebg.jpg);color:#fff; border:1px solid #CAB490; border-bottom:none }
#selecbox  input:checked + label {cursor: pointer;background:url(../images/changebg.jpg);color:#fff; border:1px solid #CAB490; border-bottom:none }

#selecbox label,#selecbox input:checked + label{margin:0 auto;padding:0;font-family:Verdana, Geneva, sans-serif; margin-right:6px; height:50px;font-size:14px;text-transform:uppercase;width:165px;cursor:pointer;text-align:center;}

.selehe{ height:30px;line-height:15px; padding-top:9px; overflow:hidden}

#seab1:checked ~ #setent1,
#seab2:checked ~ #setent2,
#seab3:checked ~ #setent3,
#seab4:checked ~ #setent4
{display: block;
}


.allbar:after,.mainrighbox:after,.wapbar:after,.desboxmar:after{clear:both; height:0; overflow: hidden;display:block;visibility:hidden;content:"."}

#extpanel72719 .items a { margin:2px; display:inline-block; }
#extpanel72719 .items a img { visibility:hidden; }
#extpanel72719 .items a:hover img { visibility:visible;}





@media (min-width: 240px) and (max-width: 479px) {
    .items a{ display:block; width:100%;  height:214px;border:1px solid #eee; float:left;margin-bottom:10px;}
}
@media (min-width: 480px) and (max-width: 797px) {
    .items a{ display:block; width:48%; margin-right:1%; height:214px;border:1px solid #eee; float:left;margin-bottom:10px;}
    .items a:nth-child(2n){ margin-right:0; float:right;}
}
@media (min-width: 797px) and (max-width: 979px) {
    .items a{ display:block; width:32%; margin-right:1%; height:214px;border:1px solid #eee; float:left;margin-bottom:10px;}
    .items a:nth-child(3n){ margin-right:0;}
}
@media (min-width: 979px) {
    .items a{ display:block; width:24%; margin-right:1%; height:214px;border:1px solid #eee; float:left;margin-bottom:10px;}
    .items a:nth-child(4n){ margin-right:0;}
}













@media (min-width:980px)
{



#policybox section {display:none;}

#selecbox section {display:none;}


.politit{ display:none}	
.pictureslider {width:75%;position: relative;margin: 0 auto;}
.pictureslider > img { transition: all 0.5s;width:100%;}

    .picturesmall{ width:100%; float:right; margin-top:10px;}
    .big_preview_img{  display:none}
    .pictureslider input {display: none;}
    .pictureslider label {display:block; width:70px; height:70px; margin-right:1%; float:left; transition: all 0.5s;opacity: 0.6;  margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border-radius:2px; background:#fff;}


	}
	




@media screen and (max-width: 980px) {
		
.mobanbox{ display: block;padding-top:70px}
.promobox{ width:1000px; margin:0 auto;padding-top:0px;}		

.wapbar{ width:99%;margin:0 auto; display:block; position:relative; margin-top:13px}
.topbanner,.leftwid{ display:none}

.indsdesbox td{ padding:0px}
.advbanner{width:99%; height:auto;margin:0 auto; display:block; position:relative}

.promobox{ width:99%; margin:0 auto;margin-top:13px;}

.menus{ display:none}
/*
.menus{width:99%; margin:0 auto; margin-top:10px; margin-bottom:10px;height:44px;line-height:44px; font-size:12px; color:#000; font-family:Verdana, Geneva, sans-serif; overflow:hidden}

.menus ul{width:100%; display:block; float:none;}
.menus li a{color:#000; text-decoration:none; display:block; padding-left:8px; padding-right:8px;}

.menus .fl,.menus .fr{ display:none}
*/
.mainrighbox{ width:100%; float:none; border-radius:50px}

		
.footwidtwo{width:100%;margin-left:0px; text-align:center}
.footwid,.footwidtwo{ float:none; width:96%; margin:0 auto;margin-top:30px; text-align:center}

.datuhi,.desbg{width:100%; margin:0 auto;border:0}
.maintit { width:100%; border:0;}
.datuhi img{ max-width:600px}

.copylibox{ line-height:150%;padding-bottom:15px}
.copylibox img{ margin-top:19px}


#policybox label{ display:none}
#policybox section {display: block;border-radius:6px;  }


#selecbox  label{ display:none}
#selecbox  section {display: block;border-radius:6px;  }

.datuhi img{ max-width:96%}

.destit,.politit{ display:block; width:100%;}.topone,.datuhi{width:100%; display:block}
.desbg,.tit{ width:100%;}
.pictureslider {width:70%; margin:0 auto}
.pictureslider > img { transition: all 0.5s;width:100%;}
.picturesmall{ width:100%; float:right; margin-top:10px;}
.big_preview_img{  display:none}
.pictureslider input {display: none;}
.pictureslider label {display:block; width:70px; height:70px; margin-right:1%; float:left; transition: all 0.5s;opacity: 0.6;  margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border-radius:2px; background:#fff;}


.boxpro{width:45%;float:left;font-family: Arial, Helvetica, sans-serif; padding:6px;text-align:center }
.boxpro .promobox img{border:1px solid #ccc; width:100%; height:auto; max-width:100%;}


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

.pictureslider {width:70%; margin:0 auto}
.pictureslider label {display:block; width:50px; height:50px; }
	}
	
@media screen and (max-width: 600px) {

.pictureslider {width:90%; margin:0 auto}
.pictureslider label {display:block; width:45px; height:45px; }
}

@media screen and (max-width: 480px) {
.pictureslider {width:90%; margin:0 auto}
.pictureslider label {display:block; width:45px; height:45px; }
}







.visible-xs,
.visible-sm{
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
menu,menu label{position:absolute;top:0px;right:0}
menu{margin:0; font-family:Verdana, Geneva, sans-serif}
menu input[type=checkbox]{display:none}
menu input[type=checkbox]:checked + .drawer-list{transform:translatex(0);border-bottom-left-radius:0}
menu input[type=checkbox]:checked + .drawer-list li{transform:translatex(0)}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(1){transition:transform .5s .02s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(2){transition:transform .5s .04s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(3){transition:transform .5s .06s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(4){transition:transform .5s .08s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(5){transition:transform .5s .1s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(6){transition:transform .5s .12s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(7){transition:transform .5s .14s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(8){transition:transform .5s .16s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(9){transition:transform .5s .18s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(10){transition:transform .5s .2s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(11){transition:transform .5s .22s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(12){transition:transform .5s .24s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(13){transition:transform .5s .26s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(14){transition:transform .5s .28s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(15){transition:transform .5s .3s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(16){transition:transform .5s .32s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(17){transition:transform .5s .34s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(18){transition:transform .5s .36s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(19){transition:transform .5s .38s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(20){transition:transform .5s .4s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(21){transition:transform .5s .42s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(22){transition:transform .5s .44s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(23){transition:transform .5s .46s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(24){transition:transform .5s .48s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(25){transition:transform .5s .5s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(26){transition:transform .5s .52s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(27){transition:transform .5s .54s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(28){transition:transform .5s .56s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(29){transition:transform .5s .58s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(30){transition:transform .5s .6s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(31){transition:transform .5s .62s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(32){transition:transform .5s .64s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(33){transition:transform .5s .66s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(34){transition:transform .5s .68s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(35){transition:transform .5s .7s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(36){transition:transform .5s .72s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(37){transition:transform .5s .74s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(38){transition:transform .5s .76s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(39){transition:transform .5s .78s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(40){transition:transform .5s .8s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(41){transition:transform .5s .82s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(42){transition:transform .5s .84s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(43){transition:transform .5s .86s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(44){transition:transform .5s .88s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(45){transition:transform .5s .9s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(46){transition:transform .5s .92s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(47){transition:transform .5s .94s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(48){transition:transform .5s .96s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(49){transition:transform .5s .98s ease}
menu input[type=checkbox]:checked + .drawer-list li:nth-child(50){transition:transform .5s 1s ease}
menu input[type=checkbox]:checked + .drawer-list li a{padding-right:15px}
menu input[type=checkbox]:checked ~ mainnav > i{background-color:transparent;transform:rotate(90deg)}
menu input[type=checkbox]:checked ~ mainnav > i:before{transform:translate(-50%,-50%) rotate(315deg)}
menu input[type=checkbox]:checked ~ mainnav > i:after{transform:translate(-50%,-50%) rotate(-315deg)}

menu input[type=checkbox]:checked ~ mainnav close{color:#FEFEFE;width:100%}
menu input[type=checkbox]:checked ~ mainnav open{color:transparent;width:0}
menu .drawer-list{position:fixed;right:0;top:0;height:100vh;width:100vw;transform:translate(100vw,0);-ms-transform:translatex(-100vw);box-sizing:border-box;pointer-events:none;transition:width 475ms ease-out,transform 450ms ease,border-radius .8s .1s ease;border-bottom-left-radius:100vw;background-color:#0000;background-color:rgba(0,0,0,0.8);z-index:9999}

@media (min-width: 768px) {
menu .drawer-list{width:100%}
}

menu .drawer-list ul{height:100%;width:100%;margin:0;padding:0;overflow:auto;overflow-x:hidden;pointer-events:auto; font-size:14px}
menu .drawer-list li{list-style:none;text-transform:uppercase;pointer-events:auto;white-space:nowrap;box-sizing:border-box;transform:translatex(100vw);-ms-transform:translatex(-100vw); margin:0; padding:0}
menu .drawer-list li:last-child{margin-bottom:2em}
menu .drawer-list li a{text-decoration:none;color:#FEFEFE;text-align:center;display:block;padding:.5rem;font-size:1.2em;font-family:Verdana, Geneva, sans-serif;}
menu .drawer-list li a:hover{cursor:pointer;    background-color:#D2B472; }


menu mainnav{position:absolute;display:block;top:0px;right:30px;height:50px;width:50px;z-index:9999999}
menu mainnav:hover{cursor:pointer}

menu mainnav text close,menu mainnav text open{text-transform:uppercase;font-size:.8em;align-text:center;position:absolute;transform:translateY(50px);text-align:center;overflow:hidden;transition:width .25s .35s,color .45s .35s;}
menu mainnav text close{color:transparent;right:0;width:0;}
menu mainnav text open{color:#D2B472;width:100%;}

menu mainnav > i{position:absolute;width:100%;height:2px;top:50%;background-color:#D2B472;pointer-events:auto;transition-duration:.35s;transition-delay:.35s}
menu mainnav > i:before,menu mainnav > i:after{position:absolute;display:block;width:100%;height:2px;left:50%;background:#D2B472;content:"";transition:transform .35s;transform-origin:50% 50%}
menu mainnav > i:before{transform:translate(-50%,-14px)}
menu mainnav > i:after{transform:translate(-50%,14px)}