@charset "utf-8";
/********重置**********/
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);color:#696969;font:12px "微软雅黑",Helvetica;margin:0;padding:0;width:100%;height:100%;}
form,table,td,h1,h2,h3,h4,ul,ol,li,p{margin:0;padding:0;border:0;list-style:none}
input,img{vertical-align:middle}
html,body{min-width:100%;height: 100%;}
body{-webkit-text-size-adjust:none;}
img{border:0 none;height:auto; max-width: 100%;}
ol,ul{list-style:none;}
:focus{outline:0;}
a{ color:inherit;}
textarea{resize:none;overflow:auto;}
a{-webkit-touch-callout:none;-webkit-user-select:none;text-decoration:none}
table{border-collapse: collapse;border-spacing: 0;}
input{ border:none;}
input:focus,textarea:focus{outline:0}
dd{ margin: 0;}
/********通用**********/
[data-trans="all"]{-webkit-transition:  all 300ms;-ms-transition:  all 300ms;-o-transition:  all 300ms;-moz-transition:  all 300ms;transition:  all 300ms;}
[data-trans="color"]{-webkit-transition:  color 300ms;-ms-transition:  color 300ms;-o-transition:  color 300ms;-moz-transition:  color 300ms;transition:  color 300ms;}
[data-trans="background"]{-webkit-transition:  background 300ms;-ms-transition:  background 300ms;-o-transition:  background 300ms;-moz-transition:  background 300ms;transition:  background 300ms;}
[data-trans="bottom"]{-webkit-transition:  bottom 300ms;-ms-transition:  bottom 300ms;-o-transition:  bottom 300ms;-moz-transition:  bottom 300ms;transition:  bottom 300ms;}
[data-trans="left"]{-webkit-transition:  left 300ms linear;-ms-transition:  left 300ms linear;-o-transition:  left 300ms linear;-moz-transition:  left 300ms linear;transition:  left 300ms linear;}
[data-trans="height"]{-webkit-transition:  height 300ms;-ms-transition:  height 300ms;-o-transition:  height 300ms;-moz-transition:  height 300ms;transition:  height 300ms;}
[data-trans="width"]{-webkit-transition:  width 300ms;-ms-transition:  width 300ms;-o-transition:  width 300ms;-moz-transition:  width 300ms;transition:  width 300ms;}
[data-trans="opacity"]{-webkit-transition:  opacity 300ms;-ms-transition:  opacity 300ms;-o-transition:  opacity 300ms;-moz-transition:  opacity 300ms;transition:  opacity 300ms;}


.trans_all{-webkit-transition:  all 300ms;-ms-transition:  all 300ms;-o-transition:  all 300ms;-moz-transition:  all 300ms;transition:  all 300ms;}
.trans_color{-webkit-transition:  color 300ms;-ms-transition:  color 300ms;-o-transition:  color 300ms;-moz-transition:  color 300ms;transition:  color 300ms;}
.trans_background{-webkit-transition:  background 300ms;-ms-transition:  background 300ms;-o-transition:  background 300ms;-moz-transition:  background 300ms;transition:  background 300ms;}
.trans_bottom{-webkit-transition:  bottom 300ms;-ms-transition:  bottom 300ms;-o-transition:  bottom 300ms;-moz-transition:  bottom 300ms;transition:  bottom 300ms;}
.trans_left{-webkit-transition:  left 300ms linear;-ms-transition:  left 300ms linear;-o-transition:  left 300ms linear;-moz-transition:  left 300ms linear;transition:  left 300ms linear;}
.trans_height{-webkit-transition:  height 300ms;-ms-transition:  height 300ms;-o-transition:  height 300ms;-moz-transition:  height 300ms;transition:  height 300ms;}
.trans_width{-webkit-transition:  width 300ms;-ms-transition:  width 300ms;-o-transition:  width 300ms;-moz-transition:  width 300ms;transition:  width 300ms;}
.trans_opacity{-webkit-transition:  opacity 300ms;-ms-transition:  opacity 300ms;-o-transition:  opacity 300ms;-moz-transition:  opacity 300ms;transition:  opacity 300ms;}
.hx_foot_phone{cursor:default;}


.clear:after{content: ""; display: block; width: 0; height: 0; visibility: hidden; clear: both;}
/* img{max-width: 100%;} */
.font_red{ color: #ea685f;}
.font_green{color:#29b7a2;}
.font:hover{color:#29b7a2}
.btn_gray{ background-color:#c6c3be !important; color: #fff !important; cursor: default !important;}

/* 图片容器 */
.photo_cnt{ display: block; width: 100%; height: 100%;text-align: center;}
.photo_text{ max-height: 100%;max-width:100%;}

#mask{ display: none; position: fixed; z-index: 999; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.6)}
.dialog{ position: absolute; left: 50%; top: 50%;}
/********头部**********/
#wrap{ min-height: 100%; position: relative; }
#head{ position: absolute; left: 0; right: 0; top: 0; height:78px; background-color:rgba(255,255,255,0.9);  z-index: 99;color:#2f3030; border-bottom:1px solid #d6d6d6;}
.head_nav,.foot_main{width: 1200px; min-width: 1200px; margin:0 auto;}

.head_lis_bnt{ display: none; float: right;height: 35px;width:50px;}
.head_logo{ float: left; margin-top: 5px; width:220px; height: 70px; background:url(../img/logo.png) no-repeat center;}
.head_li{float: left; padding: 0 26px; font-size: 18px; height: 100%; line-height: 76px; color:#303030;}
.head_li:hover,.head_lis .select{ color: #2fae9a; border-bottom: 2px solid #2fae9a;}
.head_lis{float:right;}



.user_vip1 .user_name{ background-image: url(../img/vip-n.png)}
.user_vip2 .user_name{ background-image: url(../img/vip.png)}
/********中间**********/
/*#main{ padding: 50px 0 286px;}*/

#main{ padding: 50px 0 309px;}

#main:after{ content:""; display: block; width: 0; height: 0; clear: both; visibility:hidden;}
/********底部**********/
/*#foot{ position: absolute; left: 0; right: 0; bottom: 0; height: 286px; background-color:#231e17; color: #696969; text-align: center;}*/

#foot{ position: absolute; left: 0; right: 0; bottom: 0; height: auto; background-color:#231e17; color: #696969; text-align: center;}

.foot_lis,.foot_contact{ display: inline-block; text-align: left; width: 260px; vertical-align:top}
.foot_tit{ font-size: 16px; color:#999; margin:20px 0;}
.foot_li{line-height: 30px;}
.foot_li:hover{ color: #29b7a2;}
.foot_contact{display: inline-block; vertical-align: top;}
.foot_icon{line-height: 38px; font-size: 14px; position: relative;}
.foot_icon:hover{ color: #aeaeae;}
.foot_icon i{ float:left;  display: inline; margin: 7px 10px 0 5px;width: 26px; height: 22px; background: url(../img/foot_icon.png) no-repeat; background-size: 200% auto; vertical-align: text-bottom;}
.foot_icon .foot_phone{background-position:0 0;}
.foot_icon .foot_web{background-position:0 50%;}
.foot_icon .foot_wechat{background-position:0 100%;}
.foot_icon:hover .foot_phone{background-position:100% 0;}
.foot_icon:hover .foot_web{background-position:100% 50%;}
.foot_icon:hover .foot_wechat{background-position:100% 100%;}
.foot_qr{ display: none; text-align: center; position: absolute;width:130px; height: 166px;bottom: 40px; left:-48px; background: url(../img/foot_qr.png) no-repeat center;}
.foot_icon:hover .foot_qr{ display: block;}
.foot_qrcode{ display: block; margin: 45px auto 0;width:100px;height:100px;}
.foot_inf{width: 1000px; margin:0 auto; border-top: 1px solid #2e2921; box-shadow: 0 -1px #1c160d; line-height: 50px;}
.foot_inf a:hover{text-decoration: underline;}
.foot_inf .foot_text a{text-decoration: none;}


#scroll_top{width: 30px; height: 64px; right: 20px; top: 80%;opacity: 0; pointer-events: none; position: fixed; background: url(../img/scroll_top.png) no-repeat 0 center; background-size: 200% auto; cursor: pointer;}
#scroll_top.scroll{ opacity: 1;pointer-events: auto;}
#scroll_top:hover{ background-position: 100% center;}
#hide{ height: 0; width: 0; overflow:hidden;clear:both; opacity: 0; visibility: hidden; line-height: 0;}
.pc_hide{display:none;}
.head_inf{ display: none; float: right; width: 50px; height: 36px; background: url(../img/advisory_icon.png) no-repeat center; background-size: 24px auto;}/*咨询图标添加 20150521 jia add*/
.mobile_phone{display:none;}
/*中屏幕*/
@media ( max-width: 1219px ){
	.head_nav,.foot_main{ min-width: 960px; width: 960px;}
	.head_li{ padding: 0 10px;font-size:14px;}
	.app_icon{width:55px;}
	.foot_lis{width: 230px; text-indent: 20px;}
	.foot_contact{width: 230px;}
	.foot_inf{width: 800px;}
    /*20150818 友情链接 jia*/
    .dj_foot_inf{margin-left:32px;width:913px;}
}
/*小屏幕*/
@media (max-width:959px){

	#head{ height:50px;}
	.head_logo{ height:48px;width:126px; background-size: contain; position: relative; z-index: 100;margin-top:3px; margin-left:10px;}
	.head_nav,.foot_main{ min-width: 100%; width: 100%;}
	.head_btns,.head_icons,.foot_lead,.foot_link{ display: none;}
	
	.head_lis_bnt{display: block; background: url(../img/drop_icon.png) no-repeat center; background-size:27px 19px;margin-top:9px;}

	.head_search_body{ position: absolute;left: 0; right: 0; top:36px; height: 0;;background-color:rgba(255,255,255,0.8); overflow: hidden;}
	
	.head_lis{ position: absolute; right: 0;left: 0; top: 51px; height: 0; overflow: hidden; z-index: 99;}
	.head_search_lab{display: block; margin: 8px auto; width: 234px; border:1px solid #d8d8d8; border-radius: 4px; background: #fff url(../img/head_search_btn.png) no-repeat 215px center; background-size: 11px 20px;}
	.head_search_input{ display: block; overflow:hidden; padding-left:12px;height: 38px; width: 190px; border:none; outline: none;}
    #head.click .head_lis{ height: 234px; box-shadow: 0 2px 4px -2px #000;}
	.head_li{height: auto; padding:0 0 0 5px; float:none; background-color: rgba(255,255,255,.9); border-bottom:none;line-height:39px;text-indent:23px;text-align: left;   display: block;}
	.head_li:hover{ border-left: 5px solid #29b7a2; border-bottom: none; padding-left: 0;}
	#main{ width:auto; padding: 36px 12px 335px;}
	#foot{ font-size: 13px; height: 310px; padding: 10px;/*  position: relative; */padding-top: 15px;}
	.foot_tit{ font-size: 13px; margin: 2px 0 10px;}
	.foot_phone{ position: absolute;; left: 0; right: 0; bottom: 10px; font-size: 10px;}
	.foot_about,.foot_contact{ width:140px;}
	.foot_icon{ line-height: 34px;}
	.foot_icon i{width: 17px; height:15px; margin:9px 5px 0 0;}
	.foot_icon a{ display: block; margin-left: 20px;}
	.foot_icon_last{ line-height: 24px; padding-top: 5px;}
	.foot_qr{ display: block; position: static; padding: 3px; background: #fff; height: 59px; width: 59px; border-radius: 3px; margin-left: 20px; margin-top: 10px;}
	.foot_qrcode{ margin: 0; max-width: 100%;height:60px;}
	.foot_inf{ position: relative; width: 100%; padding-top: 30px; font-size: 10px; line-height: normal; margin-top: 5px;}
	.foot_text{ position: absolute; left: 0; right: 0; top: 11px;}
	#scroll_top{display: none;}
    .pc_hide{display:block;}
    #float{display:none;}
    .head_inf{display:inline-block;}/*咨询图标添加 20150521 jia add*/
    .head_li:hover,.head_lis .select{ color: #2fae9a;border-left:5px solid #29b7a2;border-bottom:0px;}
    .pc_phone{display:none!important;}
    .bg{display:none;}/*在线咨询去掉*/
    /*20150818 友情链接 jia*/
    .dj_foot_inf{display:none;}
}
