@charset "utf-8";
/* CSS Document */
/*reset*/
body,iframe,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,fieldset,legend,input,button,textarea,p,blockquote,th,td,span {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}
fieldset,img {
  border: 0;
}
ul,li {
  list-style-type: none;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none;}

/*basic*/
@font-face {
    font-family: 'douho';
    src: url('douho.ttf')  format('truetype');/*暂不考虑兼容IE*/  
    }
body{ 
	height: 100%;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  background-color:#333333;
  }
a{ text-decoration:none;}
h2,h3,h4,h5,h6,h7 a{ font-size:0.8rem; color:#00D0D0; line-height:1.6rem;}


  
.clear{ clear:both;}
.corner{ border-radius:0.281rem; overflow:hidden;}
.none{ display:none;}
.num{ font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:1.327rem;}
/*color*/
.blue{ color:#00C4C4;}
.orange{ color:#FF4000;}
.bg_blue{ background-color:#00C4C4;}
.bg_darkblue{ background-color:#00B0B0;}
.bg_green{ background-color:#0ABA55;}
.bg_orange{ background-color:#FF9326;}
.bg_darkorange{ background-color:#F27633;}
.bg_orange2{ background-color:#FF4000;}

/*header*/
#header{ width:100%; clear: both; margin:auto; height:2.56rem;background:rgba(0,0,0,0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=60); background:#000; position:fixed; top:0; left:0; z-index:1000;}
#logo{ width:2.84rem; height:2.84rem; position:absolute; left:0.625rem; top:0; overflow:hidden;}
#logo img{width:2.84rem; height:2.84rem;}

#header h1{ width:5.375rem; height:2.56rem; position:absolute; left:3.85rem; top:0; color:#00D0D0; line-height:1rem; font-size:1rem; font-style:normal; font-weight:normal;}
#header h1 span{ display:inline-block; line-height:0.5rem; font-size:0.5rem; clear:both;}
#header h1 img{ width:5.375rem; height:auto; display:block;}
#header .btns{ width:9.375rem; padding-top:0.34rem; float:right; text-align:right;}
#header .btns span{ width:4.2rem; height:1.875rem; line-height:1.875rem; background-color:#F47E58; border-radius:0.3rem; display: inline-block; color:#333333; font-size:0.8rem; text-align:center;}
#header .btns span:last-child{ margin-right:0.23rem;}
#header .btns a{color:#333333;}
#header .return{ width:9rem; height:2.56rem; line-height:2.56rem;position:absolute; left:0.6rem; color:#00D0D0; font-size:1.2rem; font-style:normal; font-weight:normal;}
#header .return img{ width:0.9rem; padding:0; margin:0; display:block; float:left; margin-right:0.3rem;}
#header .return span{display:block; float:left;}
#header .return a{color:#00D0D0;}
.fix_header{ width:100%; clear: both; margin:auto; height:2.56rem;}

.zt_banner{ width:100%; clear:both; height:auto; margin: auto; overflow:hidden;}

.index_btn{ width:100%; clear:both; height:auto; margin: auto; overflow:hidden;}
.index_btn img{ width:100%;height:auto; padding:0; margin:0;display:block;}

.index_2cl{ width:100%; clear:both; height:auto; margin: auto; overflow:hidden;}
.index_2cl img{ width:50%;height:auto; padding:0; margin:0;display:block; float:left;}

.show_content{clear:both;margin: auto; box-sizing:content-box; padding-top:1rem; padding-left:0.3rem; padding-right:0.3rem; overflow:hidden;}
.show_content em{ font-style:normal; font-size:1rem; color:#999999; line-height:2rem; clear:both;width:97%; display:block; position:relative; margin:auto;}
.show_content h2{ font-size:1.56rem; line-height:2rem; padding-bottom:1.2rem; clear:both; font-weight:normal; color:#00D0D0; width:97%; display:block; position:relative; margin:auto;}
.show_content h2 span{ display:block; float:right; font-size:1rem;}
.show_content h2 span img{ width:1.6rem; display:block; float:left; margin-top:0.15rem; margin-right:0.5rem;}
.show_content h2 span i{ display:block; float:left; font-style:normal;}
.show_content .txt{width:100%; clear:both;border-top:#666666 solid 1px; padding-top:1.2rem; color:#FFFFFF; line-height:1.8rem; font-size:1rem;margin:auto;}
.show_content .inner{width:97%; clear:both;margin:auto;}
.show_content .page{clear:both;width:97%; font-size:0.8rem; color:#999999; text-align:right; clear:both; padding-top:2rem;margin:auto;}

.uk_list li{background-color:#00B2B2; box-sizing:border-box; padding-top:0.65rem; padding-left:0.93rem; padding-right:0.93rem; padding-bottom:0.65rem; font-size:1rem; color:#FFFFFF;}
.uk_list li .thumb{ width:100%; clear: both; margin:auto; height:2.2rem;}
.uk_list li .thumb .img{ width:2.2rem; height:2.2rem; float:left;border-radius:1.2rem; border:#FFFFFF solid 1px; overflow:hidden; margin-right:0.7rem;}
.uk_list li .thumb .img img{width:2.2rem;height:2.2rem;}
.uk_list li .thumb .txt{float:left;font-size:0.8rem; line-height:2.2rem; width:16rem; height:2.2rem;}
.uk_list li .intro{ width:100%; clear: both; margin:auto; margin-top:0.5rem;font-size:0.8rem;}
.uk_list li:nth-child(even){background-color:#009797}
.uk_list li a{ color:#FFFFFF;}

.photo{ clear:both; padding:0.3rem; margin: auto;}
.photo li{ width:100%; margin-top:0.2rem; float:none; position:relative; overflow:hidden;}
.photo li:first-child{ margin-top:0;}
.photo li .txt{ width:100%; height:1.4rem; line-height:1.4rem; font-size:0.8rem; color:#FFFFFF; text-align:center; position:absolute; left:0; bottom:0; overflow:hidden;background:rgba(0,0,0,0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=60); background:#000; }
.photo li .txt a{color:#FFFFFF;}
.photo li img{ display:block;width:100%;}

.photo .ul1{ width:47%; height:20.2rem; float:left; margin-right:1%; margin-bottom:0.2rem;}
.photo .ul1 li{ height:10rem;}
.photo .ul1 li img{ height:10rem;}
.photo .ul2{ width:52%; height:20.2rem; float:left; margin-bottom:0.2rem;}
.photo .ul2 li{ height:6.6rem;}
.photo .ul2 li img{ height:6.6rem;}
.photo .ul3{ width:50%; height:13.6rem;float:left; margin-right:1%;}
.photo .ul3 li{ height:6.7rem;}
.photo .ul3 li img{ height:6.7rem;}
.photo .ul4{ width:49%; height:13.6rem;float:left;}
.photo .ul4 li{ height:13.6rem;}
.photo .ul4 li img{ height:13.6rem;}

#footer{ width:100%; clear:both; height:5rem; padding-top:1.4rem; margin: auto; text-align:center; background-color:#333333; color:#FFFFFF; font-size:0.8rem; box-sizing:content-box; line-height:1.2rem;}
#footer img{ width:2rem; height:auto; display:block; margin:auto; margin-bottom:0.3rem;}

/*新增获取plan的css*/
.set_plan{padding-bottom:2rem;}
.plan{width:90%;margin:0 auto;padding-top:1.5rem;}
.plan img{max-width:100%;}
.plan label{display:block;margin-top:1rem;height:3rem;}
.plan label span{display:inline-block;width:40%;text-align:right;background-color:#E6E6E6;color:#333;line-height:3rem;height:3rem}
.plan label span i{display:block;font-style:normal;padding-right:0.625rem;}
.plan label input{width:60%;height:3rem;line-height:3rem;background-color:#fff;border:0;text-indent:0.125rem;border-radius:0}
.plan input[type=button]{border:0;border-radius:0;padding:0;color:#333;float:left;height:3rem;}
.plan .send_email{background-color:#00D0D0;width:45%;}
.plan .contact{background-color:#F47E58;margin-left:5%;width:50%;}
.send{height:3rem;margin-top:1rem;}


::-webkit-input-placeholder {color:#F47E58;}
:-moz-placeholder {color:#F47E58;}
::-moz-placeholder {color:#F47E58;}
:-ms-input-placeholder {color:#F47E58;}

/* media */
@media all {
  html,body {font-size: 16px;}
}
/*@media all and (min-width: 320px) {
  html,body {
    font-size: 14px;
  }
  input{font-size:14px;}
}*/

@media all and (min-width: 360px) {
  html,body {font-size: 16px;}
}

@media all and (max-width: 320px) {
  html,body,input{font-size: 14px;}
}


/* tonydai,add*/
.set_plan {
    padding-top:20px;
}
.moni_select {
    display:none;
}