@charset "gbk";
/* CSS Document */
/******************************/
*{ margin:0px; padding:0px;}
html{ max-width:640px; margin:0px auto;}
body{ margin:0px; padding:0px;  font-size:100%/1.6; font-family:"Î¢ÈíÑÅºÚ";color:#333333; background:#ffffff;max-width:640px; }
ul,li,hr,p{ margin:0px;  padding:0px; border:none;}
li{ list-style:none;}
div{zoom:1}
h1,h2,h3,h4,h5{ font-weight:normal}
img{ border:none;vertical-align:middle}
a{ text-decoration:none; color:#333333;}
/*****ie*****/
a{blur:expression_r(this.blur());}
a { outline:none; } 
.fr{ float:right;}
.fl{ float:left;}
.clear{ clear:both}

.xl_top{ width: 100%; overflow: hidden; margin: 0 auto; max-width: 640px;background:#fff; height:60px; }

.xl_top a{display:block; float:left; width:55%; margin-left:5px; }
.xl_top a img{height:40px; margin:10px 0; float:none; vertical-align:middle}
.navbar-toggle{ float:right; background:none; border:none; display:block; margin:10px 10px 0}
.navbar-toggle i{ background:url(../img/tu2_1.png) no-repeat; display:block; width:40px; height:40px; background-size:40px }
.hc_btn i{width:30px; height:30px; background:url(../img/tu2.png) no-repeat; background-size:30px ;}

.hc_nav{position:absolute; right:0; top:0; width:100%; display:none; top:60px;background:rgba(255,255,255,0.9); z-index:99999999; border-bottom:1px solid #dfdfdf; padding-bottom:10px;}
.hc_tnav{ float:none; margin-top:0}
.hc_tnav li{ width:96%; margin:0 auto; float:none; border-bottom:0px solid red; text-align:center; height:35px; line-height:35px;}
.hc_tnav li a{ color:#333}
.hc_tnav li a:hover,.hc_tnav li a.hc_on{ color:#11b9b3; border-bottom:1px solid #11b9b3;  display:inline; padding:0 0 5px}
.fixed2{position:fixed;top:0;z-index:4000; _position: absolute; _top:expression(eval(documentElement.scrollTop));background:#000; display:block}



/* ----------------banner---------------------- */
.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:800px; }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:5px; z-index:1; width:100%; text-align:center;}
.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li .txt{position:absolute; left:0; top:0; z-index:999; font-size:30px;}
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:50%;  height:28px; line-height:24px; color:#fff;  text-align:left; font-size:14px; }
.slideBox .bd li .tit i{color:#fff; font-weight:bold;font-size:16px; margin-bottom:5px; line-height:30px;}
.htcime_cursor{cursor:pointer;}
.htcime_Arial{ font-family:Arial, Helvetica, sans-serif;}
.lsdl_hon{border-bottom:2px solid #209e61; color:#209e61; }




.hc_icon{ width:96%; margin:auto; padding:8px 2%; background:#fff; }
.hc_icon ul{ width:100%; overflow:hidden}
.hc_icon ul li{ float:left; text-align:center; width:33%; margin: 10px 0%;  font-size:16px;}
.hc_icon ul li img{ width:52%; padding:10px; margin-bottom:12px;box-shadow: 2px 3px 7px #ddd; border-radius:10px; background:url(../img/tu3.png) no-repeat; background-size:100% 100%}
.hc_icon ul li a{ color:#333; font-size:14px;}
.hc_icon ul li a:hover img{background:url(../img/tu4.png) no-repeat; background-size:100% 100%}


.qb_tit{ width:100%; margin:15px auto;}
.qb_tit p{ display:inline-block; font-size:16px; color:#333; line-height:24px;}
.qb_tit p span{ font-size:12px; color:#888; margin-left:8px; text-transform:Uppercase}
.qb_tit a{ display:inline-block; float:right; width:60px; height:24px; background:#11b9b3; font-size:12px; text-align:center; line-height:24px; color:#fff; text-transform:Uppercase}


.hc_lj_bt{margin:10px auto; text-align:center;}
.hc_lj_bt img{ width:50%; margin:0 auto;}
.hc_lj_bt h3{ font-size:16px; font-weight:normal; line-height:26px; color:#f4989c;}
.hc_lj_bt p{ color:#888; font-size:12px; line-height:20px; margin:0px auto;  text-transform: uppercase;}
.hc_lj_bt p span{ display:inline-block; width:20px; height:1px; margin:5px 8px; background:#aaa}



.hc_chen{ margin:10px auto; overflow:hidden; width:100%; background:#fff}
.hc_chen .hc_tm{ width:94%; margin:10px auto;}
.hc_chen .hc_tm .hc_pic{ float:left;width:120px; height:120px; overflow:hidden; margin-right:8px;}
.hc_chen .hc_tm .hc_pic img{ width:100%}
.hc_chen .hc_tm p{ font-size:14px; line-height:24px;}


.hc_more{ width:100%;  text-align:center; margin:10px auto;}
.hc_more a{  padding:0 30px; margin:0 auto; display:inline-block; line-height:28px; font-size:14px; text-align:center;color:#11b9b3;  border:1px solid #11b9b3;border-radius:3px;transition: all 0.3s ease-in; position:relative;text-transform:Uppercase}
.hc_more a:hover{ background:#f7567c; color:#fff;border:1px solid #f7567c; }
.hc_mr{ margin:50px auto ;}




.ds_about {margin:10px auto 0; overflow:hidden;padding:0px 3% 20px; background:#fff; width:94%}
.botton_scroll { Z-INDEX: 0;overflow: hidden; MARGIN: 0px auto; max-width:640px;height:205px;}
.botton_scroll li{ FLOAT: left; margin-left:5px}
.botton_scroll img {height:175px;width:150px;}
.botton_scroll p{ font-size:12px; line-height:30px; text-align:center}




.dv_6{width:100%;overflow:hidden; border:0px solid red;background:#fff; padding-bottom:10px; margin:10px auto }
.dv_6 .qb_tit,.hc_chen .qb_tit{ width:94%;}
ul.ds_dtzx { width:94%;overflow:hidden; margin:0px auto 10px;}
ul.ds_dtzx li{ overflow:hidden; width:100%; margin-top:8px;border-bottom:1px dotted #dbd4cd; padding-bottom:5px;}
ul.ds_dtzx li a{ display:block;padding:0; overflow:hidden}
ul.ds_dtzx .hc_ny_pic{background:#f4989c;width:60px;height:60px; float:left;color:#fff;text-align:center;display:inline-block}
ul.ds_dtzx .hc_ny_pic h5{line-height:38px;color:#fff;font-size:24px; font-weight:normal;}
ul.ds_dtzx .hc_ny_pic p{color:#fff;font-size:12px;display:block; height:18px; line-height:18px; }
ul.ds_dtzx .hc_xlb_wd{ width: calc(100% - 75px);float:right;overflow: hidden;}
ul.ds_dtzx .hc_xlb_wd h5{font-size:14px; height:26px; line-height:26px; overflow:hidden;}
ul.ds_dtzx .hc_xlb_wd p{ font-size:12px; color:#666; line-height:20px;max-height:40px; overflow:hidden}
ul.ds_dtzx li a:hover{ background:#f5f5f5}



footer{ width: 100%; padding-top:60px; position: relative; max-width:640px;}
/*****/

.xl_dv7{ width: 100%;  background:#11b9b3; overflow: hidden;  max-width: 640px; margin: 0 auto; height:50px;}
.xl_dv7_fh{ width:50px; float: left; display: block; text-align: left;}
.xl_dv7_img{ width: 100%; display: block; overflow: hidden;}
.xl_dv7_img img{ width: 100%; }
.xl_dv7_gd{ width:calc(100% - 100px); float:left; text-align: center; color: #fff; font-size: 1em;line-height:50px;}
.xl_dv7_gd a{ color:#fff}
.xl_dv7_fz{ width:50px; float: right;}
.xl_dv_m{ display: block; width: 100%;overflow: hidden;}
.xl_dv_m img{ width: 100%; }


.hc_lm{ width:100%; margin:0 auto; background:#fff; padding:8px 0 0;}
.hc_lm ul{ width:100%; overflow:hidden;text-align:center;}
.hc_lm ul li{ display:inline-block; text-align:center; width:31%; font-size:14px; margin:0 1% 5px }
.hc_lm ul li a{ background:url(../img/tu8.png) center no-repeat;background-size:100%; display:block; width:100%; /*padding:10px 0;*/color:#fff;border-radius:3px; height:30px; line-height:30px; overflow:hidden;}
.hc_lm ul li a:hover,.hc_lm ul li a.hc_on{ background:url(../img/tu7.png) center no-repeat;background-size:100%; color:#fff}



.hc_new{width:100%; margin:0px auto;  height:auto; overflow:hidden; background:#fff}

/***about**/
.hc_yl_sw{ overflow:hidden; font-size:14px; line-height:24px; background:#fff}
.hc_ny_bt{ margin:10px auto;}
.hc_ny_bt h5{  height:26px; line-height:26px; font-size:18px; color:#11b9b3; text-align:center; font-weight:lighter;}
.hc_ny_bt p{ font-size:12px; color:#aaa;text-align:center; width:94%; margin:auto; line-height:20px; margin-top:3px;}


.hc_txt{ width:94%; margin:10px auto 20px;}
.hc_txt h4{ font-size: 16px; color:#11b9b3; text-align:center; line-height:30px;}
.hc_txt h5{font-size:12px;color:#5A5A5A;font-weight:normal; text-align:center; margin:5px auto}
.hc_txt p{font-size: 12px; line-height:24px;}
.hc_txt p.hc_js{display:block;font-size:12px;color:#666666;line-height:18px;background:#f1f1f1; border:1px solid #E5E5E5; padding:8px; margin:15px auto 20px;}
.hc_txt p img,.hc_txt img{ max-width:100%}


/***team**/

.hc_nycase{width:94%; margin:0px auto; padding:10px 3%; height:auto; overflow:hidden; background:#fff}
ul.ds_syalist{ border:0px solid red; overflow:hidden; width:100%}
ul.ds_syalist li{ float:left; width:calc(49% - 10px);margin-bottom:10px; background:#fff; padding:4px; border:1px solid rgb(238, 238, 238)}
ul.ds_syalist li:nth-child(2n){ float:right;}
ul.ds_syalist li a{ display:block}
ul.ds_syalist .hc_tpwk{ width:100%;height:180px; overflow:hidden; position:relative;}
ul.ds_syalist .hc_tpwk img{ width:100%;  }
ul.ds_syalist li p{ font-size:14px; padding:0 5%; color:#666; line-height:30px;  height:30px; text-align:center;overflow: hidden; margin:0}
ul.ds_syalist li:hover{border:1px solid #11b9b3;-moz-box-shadow:rgba(238,238,238,1) 0px 0px 2px 2px;-webkit-box-shadow:rgba(238,238,238,1) 0px 0px 2px 2px;box-shadow:rgba(238,238,238,1) 0px 0px 2px 2px;}


.hc_fany{ margin:20px auto; overflow:hidden}
.hc_fany ul{ text-align:center;height:38px;}
.hc_fany ul li{ text-align:center; display:inline-block; width:30px; height:30px; margin:0 5px;}
.hc_fany ul li a{ display:block;  width:30px; height:30px; text-align:center; line-height:30px; border-radius:3px; background:#f6f6f6; border:1px solid #dfdfdf}
.hc_fany ul li a:hover,.hc_fany ul li a.hc_on{ background:#11b9b3; color:#fff; border:1px solid #11b9b3}


/***keshi**/

ul.hc_kslit{ margin:20px auto; overflow:hidden; width:94%}
ul.hc_kslit li{ float:left; width:49%;  margin-bottom:10px; text-align:center;}
ul.hc_kslit li:nth-child(2n){ float:right}
ul.hc_kslit li a{ display:block; width:100%; padding-bottom:10px;  background:url(../img/tu3.png) no-repeat; background-size:100% 100%}
ul.hc_kslit li img{ margin:10px auto; height:40px;}
ul.hc_kslit li p{ color:#fff; font-size:14px; line-height:20px; height:20px; overflow:hidden;}
ul.hc_kslit li span{ width:17px; height:1px; display:block; background:#fff; margin:5px auto; }
ul.hc_kslit li a:hover{ background:url(../img/tu4.png) no-repeat; background-size:100% 100%}


/***contact**/

.lxway{ overflow:hidden; width:94%; margin:auto}
.lxway h5 { overflow:hidden; margin-bottom:15px;}
.lxway h5 small{display:block;font-size:12px;color:#888;line-height:20px; }
.lxway h5 small img{width:16px; margin:auto; vertical-align:middle; margin-right:8px;}
.lxway h5 p{font-size:14px;color:#333; line-height:20px; margin-left:24px;}
.hc_lj_dt{ width:100%; overflow:hidden;}
.hc_lj_dt img{ width:100%; z-index:9}



/***message**/

form.hc_form{ height:auto; margin:10px auto;width:94%;}

.hc_divform{  margin:0 auto 10px; overflow:hidden; width:100%}
.hc_divform p{height: 30px;line-height:30px; margin:0; font-size:14px; color:#333;}
.hc_divform input {width: calc(100% - 22px); height: 32px; border:1px solid #dedede; background-color: #f7f7f7; border-radius:3px;padding:0 10px; font-size:14px; color:#333; text-indent: 5px; line-height:32px;}
.hc_divform span{ display:inline-block; margin-right:40px;font-size:14px;}
.hc_divform input.sex{ width:10px; height:10px; margin-right:10px}
.hc_divform textarea { border:1px solid #dedede; width: calc(100% - 22px);height:70px;overflow: auto;font-size:14px;border-radius:3px; padding:10px;color:#333;font-family:'Î¢ÈíÑÅºÚ' ; background-color: #f7f7f7;  }
.hc_submit {padding: 0px;margin-top: 10px;overflow:hidden;}
.hc_submit  input.hc_subtncls { outline:none;-webkit-appearance:none;width:100%; height:32px; cursor: hand;background-color: transparent; border: none;background:#f4989c;border-radius:3px; color:#fff; font-size:14px}





/***content**/


.fz_news{ background:#fff; overflow:hidden;margin:0px auto;}
.fz-fy{ width:94%; margin:auto; margin-bottom:20px;overflow:hidden;}
.fz-fy a{ width:100%;/* border:1px solid #aaa; border-radius:3px;*/  color:#11b9b3;/* text-align:center;*/ display:block; /*float:left; margin:0 2%;*/ line-height:2; font-size:0.85em;}






