@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460; min-width: 320px; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
    
overflow-x: hidden;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #653b22;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}


.w1200{ width: 1200px; margin: 0 auto;}
/*全局样式*/




/*页面框架结构*/
.contain{} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{} /*主要内容*/
.Content{width: 1200px; margin: 0 auto; max-width: 100%; padding: 3% 0;} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}


/*分页*/
.pages{}
/*分页*/


/*头部*/
/*手机端头部*/
.mobile_top{display: none;position: relative; background-color: #653b22;}
.mobile_top .logo{padding:2px 75px 2px 5px; overflow: hidden; height: 64px; }
.mobile_top .logo a{display:block;float: left;margin-top:8px;}
.mobile_top .logo img{height: 50px;}
.mobile_top .btn_nav{position:absolute; right:10px; top: 50%; margin-top: -15px; width:30px;height:30px;}
.mobile_top .btn_nav a{ display:block;}
.mobile_top .btn_back{position:absolute; left:4%; top: 27%;display: block;width: 6%;display: none;}
.mob_nav{position:absolute; right:0%; z-index:99; width:40%; top:100%; height: 100%; display: none;}
.mob_nav li{ width:100%;}
.mob_nav li a{display: block;font-size: 16px; line-height: 3.2em;text-indent:10px;color: #fff; font-weight: bold;margin-top: 1px;}
.mob_nav li a:hover{background-color: #fff; color: #993923;}
.mob_nav li ul{display: none;}
.mob_nav li ul.subnav li a{font-size:1.8em; margin-top: 0px; background-color: #993923; line-height: 2.4em; background-image: none;}
.mob_nav li ul.subnav li a:hover{background-color: #fff; color: #993923; background-image: none;}
.weather{ float:right; line-height:50px;}


.headerW{width: 100%; background: #653b22; height: 70px;}
.header{width: 1200px; margin: 0 auto;}
.header .logo{padding-top: 6px; display: block; width: 20%; float: left;}
.mainnav{float: right; width: 73%;}
.mainnav ul li{float: left; padding:0 2.9%; height: 70px; background: url(../images/nav_line.png) 0 50% no-repeat; position: relative;  line-height: 70px; }
.mainnav ul li#nav1{background: none; padding-left: 0;}
.mainnav ul li#nav8{padding: 0 14px;}
.mainnav ul li#nav8 .search_btn{display: block; height: 70px; width: 20px; background: url(../images/search_btn.png) 50% 50% no-repeat; cursor: pointer;}
.mainnav ul li#nav9{padding: 0 0 0 11px; width: 54px;}
.mainnav ul li#nav9 a{background: none;}
.mainnav ul li>a{color: #fff; height: 53px; font-size: 16px; display: block; position: relative;}
.mainnav ul li>a i{width: 19px; height: 7px; position: absolute; bottom: -3px; left: 50%; margin-left: -9px; background: url(../images/nav_on.png) 0 0 no-repeat; display: none;}
.mainnav ul li:hover>a,.mainnav ul li.on>a{background: url(../images/nav_line2.png) 50% 100% repeat-x;}
.mainnav ul li:hover>a i,.mainnav ul li.on>a i{display: block;}

.search_text{width: 150px; height: 35px; background: #fff; position: absolute; top: 100%; right: 0; background: #fff; border-radius: 8px; padding-left: 10px; border: 1px solid #f2f2f2; display: none; z-index: 10;}
.search_text .text{width: 110px; height: 35px; line-height: 35px; float: left;}
.search_text .btn{height: 35px; width: 30px;background: url(../images/search_btn2.png) 50% 50% no-repeat; display: block; float: right;}
/*头部*/


/*Banner*/
.HomeBan {width: 100%; position: relative; z-index: 2;}
.HomeBan .BanList {overflow: hidden; position: relative;}
.HomeBan .BanList .bx-controls-direction{display: none;}
.HomeBan .BanList:hover .bx-controls-direction{display: block;}
.HomeBan .BanList li {width: 100%;} 
.HomeBan .BanList li img{display: block; width: 100%;}
.HomeBan .bx-controls{width: 100%; text-align: center; position: absolute; bottom: 30px; left: 0; z-index: 99;}

.HomeBan .bx-controls .bx-pager{ text-align: center; display: inline-block; background: url(../images/ban_line.png) 0 50% repeat-x;}
.HomeBan .bx-controls .bx-pager-item{float: left; margin-right: 32px; }
.HomeBan .bx-controls .bx-pager-item:last-child{margin-right: 0; }
.HomeBan .bx-controls .bx-pager-item a{display: block; width: 16px; height: 16px; background: url(../images/ban_dd.png) 0 0 no-repeat; overflow:hidden; text-indent: 24px; }
.HomeBan .bx-controls .bx-pager-item a.active{ background: url(../images/ban_dd2.png) 0 0 no-repeat;}
.HomeBan .bx-controls-direction .bx-prev{display: none;}
.HomeBan .bx-controls-direction .bx-next{display: none;}
.Banner{/*height: 268px;*/width: 100%;}
.Banner img{ width:100%; display: block;}



.H_title{text-align: center;}
.H_title .title{font-size: 30px; color: #333; font-weight: normal; padding: 48px 0 0 0; margin: 0;}
.H_title2 .title{color: #fff;}
.H_title i{width: 277px; height: 22px; background: url(../images/icon_tip.png) 50% 0 no-repeat; display: block; margin: 0 auto;}
.H_title2 i{background: url(../images/icon_tip2.png) 50% 0 no-repeat;}
.H_title .text{margin-top: 20px; font-size: 14px;}
.H_title2 .text{color: #fff;}

.H_about{width: 1200px; margin: 0 auto; max-width: 100%; padding-bottom: 62px;}
.H_about .list{margin-top: 40px; position: relative;}
.H_about .list ul li{width: 33.33%; float: left; text-align: center; padding-bottom: 40px; background: #f5f4f4;}
.H_about .list ul li span{display: block;}
.H_about .pic{width: 100%; padding-bottom: 50%; background-repeat: no-repeat; background-position: center center; background-size:cover;}
.H_about .list ul li .icon{width: 89px; height: 89px; margin: 26px auto 0;}
.H_about .list ul li .icon img{max-width: 91px;}
.H_about .list ul li .title{margin-top: 25px; font-size: 20px; color: #333;}
.H_about .list ul li .text{margin-top: 30px; padding: 0 10%; line-height: 28px; height: 56px;}
.H_about .list ul li .text p{margin: 0;}
.H_about .list .bx-prev{width: 65px; height: 65px; background: url(../images/arrowL.png) 0 0 no-repeat; position: absolute; left: -96px; top: 50%; margin-top: -33px; text-indent: 65px; overflow: hidden;}
.H_about .list .bx-next{width: 65px; height: 65px; position: absolute; right: -96px; top: 50%; margin-top: -33px; background: url(../images/arrowR.png) 0 0 no-repeat;  text-indent: 65px; overflow: hidden;}
.H_about .list .bx-prev:hover{background: url(../images/arrowL2.png) 0 0 no-repeat;}
.H_about .list .bx-next:hover{background: url(../images/arrowR2.png) 0 0 no-repeat;}

.H_videoW{background: url(../images/bg.jpg) 50% 0 no-repeat;}
.H_video{margin: 0 auto; width: 1200px; max-width: 100%;}
video{background: #000;}
.H_videoBox{width: 100%; margin-top: 40px;}
.H_videoBox img{width: 100%;}
.H_videoBox .videoCon{display: none;}

.H_news{width: 1200px; max-width: 100%; margin: 0 auto; position: relative; padding-bottom: 64px; margin-bottom: 52px;}
.H_news .list{margin-top: 40px;}
.H_news ul li{width: 48%; float: left; /* margin: 0 1%; margin-bottom: 2%; */}
.H_news ul li .pic{width: 100%; padding-bottom: 50%; background-repeat: no-repeat; background-position:  center center; background-size: cover; display: block;}
.H_news ul li .time{float: right; width: 75px; padding-left: 22px; background: url(../images/time.png) 0 50% no-repeat; font-size: 14px; color: #808080; margin-top: 10px;}
.H_news ul li .title{color: #333; font-size: 20px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px;}
.H_news ul li .title:hover{color: #673e25;}
.H_news ul li .text{color: #808080; font-size: 14px; height: 40px; margin: 10px 0;}
.H_news ul li .more{font-size: 14px; color: #673e25;}
.H_news .bx-controls{position: absolute; width: 100%; bottom: 0; text-align: center;}
.H_news .bx-pager{display:inline-block;  *zoom:1; *display:inline; overflow: hidden;}
.H_news .bx-pager .bx-pager-item{display: block; float: left;}
.H_news .bx-pager .bx-pager-item a{width: 12px; height: 12px; display: block; float: left; margin: 0 9px; border: 1px solid #653b22; background: #653b22; border-radius: 50%; text-indent: 12px; overflow: hidden;}
.H_news .bx-pager .bx-pager-item .active{background: #fff;}

.footerW{background: #f5f4f4; padding: 30px 0;}
.footer{margin: 0 auto; width: 1200px; max-width: 100%;}
.footerList{float: left; width: 80%;}
.footerList dl{float: left; width: 12%; margin-right: 3%;}
.footerList dl dt{color: #673e25; font-size: 16px; padding-bottom: 10px; }
.footerList dl dt span{display:inline-block;  *zoom:1; *display:inline; border-bottom: 1px dashed  #bcaba2; padding:0 16px 10px 0; }
.footerList dl dd{margin: 5px 0 0 0; padding-left: 16px; background: url(../images/icon_add.png) 0 50% no-repeat;}
.footerList dl dd span{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.footerList dl dd a{color: #af8856; font-size: 14px;}
.footerList dl dd a:hover{color: #a7691b;}
.footer_code{float: right; width: 136px; text-align: center;}
.footer_code img{border: 1px solid #cfc3bd; width: 100%;}
.footer_code span{display: block; color: #8a7063; margin-top: 5px;}

/*底部*/
.BottomW{width: 100%; background: #653b22; padding: 20px 0; color: #8f6d59;}
.bottom{width: 1200px; max-width: 96%; margin: 0 auto;}
.bottom a{color: #8f6d59;}
.bottom .phone{float: right; background: url(../images/icon_phone.png) 0 50% no-repeat;font-size: 14px; padding-left: 25px; color: #bab2b2;}
.bottom .phone span{color: #8f6d59; }
/*底部*/


/*页面二级/左侧/右侧菜单*/
.slidebar{width: 100%; line-height: 45px; background: #e8e6e4;}
.menu{width: 1200px; max-width: 100%; margin: 0 auto; position: relative;}
.menu ul li{float: left; width: 14.2%; text-align: center; font-size: 14px; }
.menu ul li a{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #444;}
.menu i{position: absolute; width: 50%; left: -50%; height: 100%; top: 0; background: #f8f9f9; display: none;}
.menu ul li.on a,.menu ul li:hover a{background: #f8f9f9; font-weight: bold; color: #653b22;}
/*页面二级/左侧/右侧菜单*/


/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}


.coumn_title{text-align: center;font-size: 30px;color: #333;}
.coumn_title i{width: 277px; height: 27px; margin: 0 auto; background: url(../images/icon_tip3.png) 0 0 no-repeat; display: block; margin-top: 10px;}
.content_text{margin-top: 30px;}

.about{ width: 1200px; max-width: 100%; margin: 0 auto;}
.about .text{color: #808080; font-size: 14px; padding-top: 30px;}

.networkW{width: 100%; padding: 60px 0 23px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; background: #f9f9f8;}
.network{width: 1200px; margin: 0 auto; max-width: 100%;}
.network .text{text-align: center; padding-top: 10px;}

.partner{width: 1200px; max-width: 100%; margin: 0 auto; padding: 60px 0; }
.partner ul {margin-right: -5%;}
.partner ul li{float: left; width: 15%; margin: 3% 5% 0 0;}
.partner ul li a{display: block; border: 1px solid #e5e5e5; text-align: center; padding: 1px;}
.partner ul li a img{width: 100%; }
.partner ul li a:hover{ border: 2px solid #653b22; padding: 0; box-shadow: 1px 1px 8px 1px #ccc;}

.culture{padding: 1% 0;}
.culture ul{margin-right: -2%;}
.culture ul li{width: 48%; float: left; margin: 2% 2% 0 0; position: relative;}
.culture ul li img{width: 100%;}
.culture ul li .text{position: absolute; width: 90%; height: 80%; padding: 5% 10%; left: 0; top: 0; color: #fff; font-size: 25px;}
.culture ul li .title{position:relative; padding-bottom: 2%;}
.culture ul li .text i{width: 90px; height: 2px; background: #fff; position: absolute; bottom: 0; left: -11%;}
.culture ul li .text span{font-size: 20px;margin-top: 2%; display: block;}




.honor .left{width: 40%; float: left; padding-left: 10%; color: #808080; font-size: 14px; line-height: 30px;}
.honor .right{width: 50%; float: right; text-align: right;}


.course_t{padding: 20px 23px; width: 1040px; margin: 40px auto 0; overflow: hidden; position: relative;}
.course_t i{width: 100%; height: 1px; position: absolute; top: 25px; left: 0; background: #e6e6e6;}
.course_t ul {margin-right: -130px;}
.course_t ul li{position: relative; z-index: 10; text-align: left; cursor:pointer; text-align: center;}
.course_t ul li span{width: 100%; height: 12px;  display: block; background: url(../images/course_dd1.png) 50% 0 no-repeat; margin-bottom: 8px;}
.course_t ul li.on span{background: url(../images/course_dd2.png) 50% 0 no-repeat;}
.course_t ul li .course_y{position: relative}
.course_t ul li{float: left; font-size: 16px;}
.course_t .bx-prev{width: 72px; height: 51px; background: #fff url(../images/prev.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; text-indent: 72px; overflow: hidden;}
.course_t .bx-next{width: 72px; height: 51px; background: #fff url(../images/next.png) 0 0 no-repeat; position: absolute; top: 0; right: 0; text-indent: 72px; overflow: hidden;}

.course_con{margin-top: 40px;}
.course_con dl{margin: 0 4%;  }
.course_con dl dd{padding: 20px 0 12px 0;margin: 0; border-bottom: 1px solid #dfdfdf; }
.course_con dl dd p{margin: 0;}
.course_con dl dd time{display: block; height: 42px;}
.course_con dl dd time .y{font-size: 20px; color: #999; font-family: "Arial"; border-bottom: 2px solid #653b22; display:inline-block;  *zoom:1; *display:inline; float: left;}
.course_con dl dd time em{width: 22px; height: 22px; display:inline-block;  *zoom:1; *display:inline; background: url(../images/course_line.png) 0 0 no-repeat; float: left; margin: 8px;}
.course_con dl dd time .d{ display:inline-block;  *zoom:1; *display:inline; font-size: 30px; color: #653b22; float: left;}
.course_con dl dd .title{color: #111; background: url(../images/course_tip.png) 0 6px no-repeat; padding-left: 10px;}
.course_con .bx-controls{display: none;}


.news .pic{width: 30%; padding-bottom: 209px; border: 3px solid #e7e7e7; position: relative; display: block; float: left;}
.news .pic span{position: absolute; width: 92%; height: 86%; top: 7%; left: 4%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.news ul li{margin-top: 40px;}
.news ul li .con{width: 68%; float: right;}
.news ul li .title{font-size: 16px; color: #666; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold;}
.news ul li .title:hover{color: #653b22;}
.news ul li .text{margin-top: 20px; font-size: 14px; color: #808080; line-height: 24px; height: 72px;}
.news ul li .text p{margin: 0;}
.news ul li .more{display:inline-block;  *zoom:1; *display:inline; padding: 10px 26px; color: #fff; background: #653b22; margin-top: 20px;}

/*详细*/
.news-info .h5{ text-align:center; color:#666; font-size:16px; font-weight: normal; font-size: 24px;}
.news-info .time{ text-align:center; margin-top: 10px; font-size: 16px; color: #999; padding-bottom: 20px; border-bottom: 1px dashed #d2d2d2;}
.news-info{margin-top: 40px; }
.info_other{margin-top: 30px; padding: 30px 0;position: relative;}
.info_other span{ padding:2px 0; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;}
.info_other span a:hover{color: #653b22;}
.info_other span.back{display: block;}
.info_other span.back a{display: inline-block;;}
.news-info .con{margin-top: 20px;}
.info_other .prev,.info_other .next{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.case ul{margin-right: -2%;}
.case ul li{width: 23%; float: left; margin: 2% 2% 0 0; padding-bottom: 1%;}
.case ul li span{display: block; text-align: center;}
.case ul li .pic{border: 3px solid #e7e7e7; padding-bottom: 65%; position: relative;}
.case ul li .case_pic{position: absolute; top: 5%; width: 92%; left: 4%; height: 90%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.case ul li .title{margin-top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case ul li .tip{height: 20px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #999;}
.case ul li .case_hover{display: none;}

.case ul li:hover{background: #c4a593;}
.case ul li:hover .pic{border: 3px solid #c4a593; background: #fff;}
.case ul li:hover .title{color: #fff;}
.case ul li:hover .tip{color: #e7c1aa;}
.case ul li:hover .case_pic{display:none;}
.case ul li:hover .case_hover{display:block;}

.scenery{width: 929px; margin: 0 auto; max-width: 100%;}
.scenery_big .bx-controls{display: none;}
.scenery_big ul li{ text-align:center;}
.scenery_big  img{ max-height:450px;}
.scenery_min{margin: 20px 54px 0 54px; position: relative;}
.scenery_min ul li{padding: 2px 0; text-align:center;}
.scenery_min ul li img{ max-height:128px;}
.scenery_min ul li span{ border: 3px solid #fff;display: block;}
.scenery_min ul li.on span{border-color: #debba5; }
.scenery_min .bx-pager{display: none;}
.scenery_min .bx-prev{width: 34px; height: 34px; position: absolute; top: 50%; margin-top: -17px; left: -54px; background: url(../images/info_arrowL.png) 0 0 no-repeat; text-indent: 34px; overflow: hidden;}
.scenery_min .bx-next{width: 34px; height: 34px; position: absolute; top: 50%; margin-top: -17px; right: -54px; background: url(../images/info_arrowR.png) 0 0 no-repeat; text-indent: 34px; overflow: hidden;}
.case_info{margin-top: 60px;}

.case_menu ul li{font-size: 14px; float: left; margin-right: 20px;}
.case_menu ul li a{color: #444; display: inline-block; height: 45px; line-height: 45px; background: #e8e6e4; padding: 0 60px;}
.case_menu ul li.on a,.case_menu ul li:hover a{font-weight: bold; color: #fff; background: #653b22;}


.case_list .title{padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; font-size: 26px; color: #333; margin-top: 40px; position: relative;}
.case_list .title i{width: 108px; height: 1px; border-bottom: 1px dotted #9a8787; position: absolute; bottom: -1px; left: 0;}
.case_list ul{margin-top: 30px;}
.case_list ul li{width: 50%; float: left; font-size: 14px; color: #808080; margin-top: 12px;}

.hall_list ul{margin-right: -3%;}
.hall_list ul li{width: 29.33%; float: left; margin:2% 4% 0 0; overflow: hidden;}
.hall_list ul li a{display: block; border: 1px solid #f0f0f0;}
.hall_list ul li .pic{padding-bottom: 62%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 0.5s;}
.hall_list ul li span{display: block;}
.hall_list ul li .title{width: 88%; padding: 0 7% 0 5%; height: 70px; line-height: 71px; font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; background: #f0f0f0;}
.hall_list ul li .title i{width: 63px; height: 71px; background: url(../images/icon_hall1.png) 90% 50% no-repeat; display: block; float: right;}
.hall_list ul li:hover a{border: 1px solid #653b22;}
.hall_list ul li:hover .title {background: #653b22; color: #fff;}
.hall_list ul li:hover .pic{transform: scale(1.04,1.04);}
.hall_list ul li:hover .title i{background: url(../images/icon_hall2.png) 90% 50% no-repeat;}

.join dt{height: 49px; background: #653b22; overflow: hidden;}
.join dt span{width: 25%; float: left; line-height: 49px; color: #fff; font-weight:bold; text-align: center; font-size: 15px; display: block;}
.join dl dd{margin: 0; border-top: 1px solid #fff;}
.join dl dd .joinT{height: 49px; line-height: 49px; background: #f2f2f2; color: #666; font-size: 14px; text-align: center; cursor: pointer;}
.join dl dd .joinT span{width: 25%; float: left; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.join dl dd.on .joinT,.join dl dd:hover .joinT{background: #f7e4d9;}
.join dl .join_text{padding: 2% 3% 5%; position: relative; line-height: 24px; display: none;}
.join dl .apply{width: 116px; height: 34px;  text-align: center; line-height: 34px;color: #fff; font-size: 14px; background: #653b22; display:block;}
.join dl dd.on .join_text{display: block;}
@media (min-width:1200px){
	.join dl .apply{ position: absolute; bottom: 3%; right: 0;}
}


.join_message{width: 950px; max-width: 100%; margin: 35px auto;}
.join_message table{width: 100%;}
.join_message .tip{text-align: right; display: block;}
.join_message span{color: #494949; font-size: 16px;}
.join_message .text{background: #fff; color: #666; width: 42%; height: 35px; padding:0 10px; line-height: 35px; border: 1px solid #d7d7d7;}
.join_message tr td{padding-bottom: 20px; position: relative;}
.join_message tr td .btn{width: 123px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; background: #653b22; font-family: "微软雅黑"; border-radius: 4px; margin-right: 60px; cursor: pointer;}
.join_message tr td .file{width: 30%; color: #666;}
.join_message tr td .btnColor{background: #7e2f00;}
.join_message tr td .text_con{ }
.join_message tr td textarea{width: 90%; height: 163px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;}
.join_message tr td .sex{float: left; width: 16px; height: 16px; margin: 5px; cursor: pointer;}
.join_message tr td .sex_tip{float: left; margin-right: 10px;  cursor: pointer;}

.staff ul{margin-right: -4%;}
.staff_con{padding: 1%; border: 2px solid #e7e7e7; }
.staff ul li{width: 44%; float: left; margin: 3% 4% 0 0;}
.staff ul li .pic{width: 35%; padding-bottom: 230px; background-repeat: no-repeat; background-position:  center center; background-size: cover; float: left;}
.staff ul li .con{width: 61%; float: right;}
.staff ul li .title{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #444; font-weight: bold; margin-top: 10px;}
.staff ul li .text{font-size: 14px; color: #808080; line-height: 14px; margin-top: 7%; line-height: 24px; height: 144px;}

.contactT .left{width: 50%; float: left; color: #808080; font-size: 14px; line-height: 32px;}
.contactT .right{text-align: right; width: 40%; float: right; border-left: 1px solid #e4e4e4;}
.contactT .right img{border:1px solid #c7bfba; max-width: 160px;}
.contact .map{margin-top: 45px; width: 100%; height: 422px; max-width: 100%;}
.contact .map img{max-width: none;}
 
.messageW{ padding-top: 64px; border-top: 1px solid #eeeeee; margin-top: 80px;}
.message{width: 580px; margin: 0 auto ; max-width: 100%;}
.message tr td{padding-bottom: 10px;}
.message .tip{display: block; width: 70px; text-align: right; padding-right: 10px;}
.message .text{border: 1px solid #cccccc; height: 34px; line-height: 34px; width: 366px; padding: 0 10px; background: #fcfcfc; border-radius: 2px;}
.message tr td textarea{width: 458px; height: 147px; border: 1px solid #cccccc; padding: 10px; background: #fcfcfc; border-radius: 2px;}
.message tr td .btn{width: 150px; height: 42px; line-height: 42px; color: #fff; text-align: center; background: #653b22; color: #fff; border-radius: 2px; font-family: "微软雅黑"; font-size: 14px;}
.message tr td.btn_box{padding-top: 20px;}

.float{position: fixed; right: 0; top: 50%; z-index: 11; display: none;}
.float a{display: block; width: 42px; height: 42px; position: relative; margin-top: 1px;}
.float .icon1{background: url(../images/icon_code.png) 0 0 no-repeat;}
.float .icon2{background: #a37052 url(../images/icon_phone2.png) 50% 50% no-repeat;}
.float .icon3{background: url(../images/icon_T.png) 0 0 no-repeat;}
.float .float_code{position: absolute; top: 0; right: 100%; width: 100px; height: 100px; border: 1px solid #a37052; display: none;}
.float .float_phone{height: 42px; line-height: 42px; display:inline-block;  *zoom:1; *display:inline;  background: #653b22 url(../images/icon_phone2.png) 15px 50% no-repeat; padding: 0 15px 0 52px; width: 110px; position: absolute; left: 100%; top: 0; font-size: 14px; color: #fff;}

/*小滚动条样式*/
.gdt::-webkit-scrollbar{width:3px;}
.gdt::-webkit-scrollbar-track{background-color:#fff;}
.gdt::-webkit-scrollbar-thumb{background-color:#bbb;}
.gdt::-webkit-scrollbar-thumb:hover{background-color:#555}
.gdt::-webkit-scrollbar-thumb:active{background-color:#666}	
.gdt{ overflow:auto !important; padding-right:10px !important;}

/*分页*/
.Pages{margin: 60px 0 20px 0; padding:10px; line-height:18px; zoom:1; overflow:hidden; text-align: center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; color: #acacac;}
.Pages a:hover{color:#fff; border:solid 1px #f1f1f1; background:#653b22;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ padding:5px 10px; border:solid 1px #e1e1e1; background:#fff;}
.Pages .p_page em a:hover{color:#fff; border:solid 1px #f1f1f1; background:#653b22;}
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #f1f1f1; background:#653b22;}
.Pages .p_page b{ font-weight:normal;}
.Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{padding:5px 10px; border:solid 1px #e1e1e1; background:#fff;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}


@media(max-width:1409px){
.H_about .list .bx-prev{display: none;}
.H_about .list .bx-next{display: none;}

}


@media(max-width:1218px){
.header{width: 96%;}
.footer{width: 96%;}

.mainnav ul li{padding: 0 1.8%;}
.Contain{width: 96%; margin: 0 auto;}
.contain{width: 96%; margin: 0 auto;}
    
.bottom .phone{float: none; margin-top: 10px;}
    
.course_t{width: 914px;}
}

@media(max-width:1000px){
.mainnav{width: 82%;}
.header .logo{width: 15%; padding-top: 2%;}
.mainnav ul li{padding: 0 1.5%;}
.mainnav ul li a{font-size: 14px;}
    
.footerList{float: left; width: 80%;}
.footerList dl{width: 14%; margin-right: 2%;}

.culture ul li .text{font-size: 20px;}
.culture ul li .text span{font-size: 16px;}
.course_t{width: 90%;}

    
    
.news .pic{width: 40%; }
.news ul li .con{width: 58%;}
    
.staff ul li .pic{width: 40%;}
.staff ul li .con{width: 58%;}
}

@media(max-width:768px){
.mobile_top{display: block;}
.headerW{display: none;}
    
.footerList{width: 60%;}
.footerList dl{width: 30%; margin-right: 0;}
.footerList dl dt span{padding-right: 0;}
.footerList dl dd{display: none;}
.footer_code{width: 23%; margin: 0 auto;}
    
.partner ul {margin-right: -2%;}
.partner ul li{float: left; width: 23%; margin: 2% 2% 0 0;}
    
    
.honor .left{width: 70%; padding-left: 30%;}
.honor .right{width: 100%; text-align: center; margin-top: 20px;}
    

.hall_list ul li .title{font-size: 14px;}
.hall_list ul li .title i{width: 30px; height: 71px; background: url(../images/icon_hall1.png) 90% 50% no-repeat; display: block; float: right; background-size:contain;}
    
.staff ul li .pic{width: 50%;}
.staff ul li .con{width: 48%;}

video{width: 100%;}

}

@media(max-width:640px){
.HomeBan .bx-controls{bottom: 0;}
    
.footerList{width: 100%;} 
.footerList dl{width: 33%; text-align: center;}
.footer_code{width: 40%; padding: 0 30% ;}    
    
.menu ul li{width: 25%; border-bottom: 1px solid #f3f3f3;}
.coumn_title{font-size: 20px;}
.partner ul li{float: left; width: 48%; }
  
.culture ul li{width: 100%;}
.culture ul li .text{font-size: 20px;}
.culture ul li .text span{font-size: 16px;}
    
.content_text .title{font-size: 18px!important; margin: 20px 0!important;}  
    
.news .pic{width: 100%;}
.news ul li .con{width: 100%; margin-top: 10px;}
.news-info .h5{font-size: 18px;}
    
.case ul li{width: 48%;}
    
    
.Pages .a_first,.Pages .a_end,.Pages .p_page em{display: none;}
  
.hall_list ul{margin-right: -2%;}
.hall_list ul li {width: 48%; margin-right: 2%;}
    
.join_message tr td .top{width: 30%;}
.join_message tr td textarea{width: 75%;}
.join_message tr td .text{width: 75%;}
.join_message tr td .btn{width: 90px; margin-right: 0;}
.join_message .tip{width: 80px; }
  
.staff ul{margin-right: 0;}
.staff ul li{margin-right: 0; width: 100%;}
.staff ul li .pic{width: 50%;}
.staff ul li .con{width: 48%;}
    
.contactT .left{width: 100%; }
.contactT .right{margin-top: 20px;width: 100%;  border-left: none; text-align: left;}
.contact .map{height: 200px;}
    
.message .text{width: 100%;}
.message tr td textarea{width: 100%;}
    
.float{display: none;}
.H_news ul li .title{font-size: 16px;}
    
.H_title .title{font-size: 20px; padding-top: 20px;}
    
.course_t .bx-prev{width: 53px; height: 42px;  background-size: contain; top: 6px; }    
.course_t .bx-next{width: 53px; height: 42px;  background-size: contain; top: 6px; }
}

@media(max-width:320px){

}
@media (min-width: 550px){
	html.mm-opening .mm-slideout{
		    transform: translate(388px, 0);
	}
}

@media screen and (max-width:640px){
#img{display: none;}
}