/* CSS Document */
/*公共样式*/
@charset "utf-8";
html{font-size:100px;}
body{font-size:0.24rem;line-height:1;height: 100%; }
html,body{-webkit-font-smoothing:antialiased;font-family:"微软雅黑" }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img{ vertical-align:top; width:100%;}
address,caption,cite,code,dfn,em,strong,th,var,i,b{font-style:normal;font-weight:normal}
ul,ol,dl,li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal}
area,a,input,button{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;outline:0;blr:expression(this.onFocus=this.blur())}
a{ text-decoration:none}
a:hover{text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0)}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea { resize:none} 
input,button,textarea {border-radius:0; vertical-align: middle;}
#page{  padding-top: 0;width:100%;margin:0 auto; max-width: 640px;  overflow-x:hidden; /*opacity:0  */  position: relative;bbackground-color: #E2E2E2;  /* background-image: url(/src/img/bg.gif)*/; }
.clear{ clear: both; }
/*初始结束*/


/*通用头部*/


#header{margin:0 auto; }
#header .header_t{width: 100%; max-width: 640px; height: .84rem; margin:0 auto; background-color: #f7f8f9;position: relative; z-index: 10;}
#header .menu{position:  absolute; z-index: 10;top:.25rem; left: .4rem; cursor: pointer; display: block;width: .52rem;height: .36rem;  } 
#header .menu span{  width: .52rem; height: 3px; display: block; background: #42322b; position: absolute; }
#header .menu span:nth-last-child(1){position: absolute;z-index: 1; top:0rem;transition: transform .4s ease-out;} 
#header .menu span:nth-last-child(2){position: absolute;z-index: 1; top:.15rem;transition: opacity .4s ease-out;} 
#header .menu span:nth-last-child(3){position: absolute;z-index: 1; top:.3rem;transition: transform .4s ease-out;} 
#header .menu.on span:nth-last-child(3){transition: transform .4s ease-out;position: absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 45;transform-origin:100% 45%;} 
#header .menu.on span:nth-last-child(1){transition: transform .4s ease-out;  position: absolute; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;top: -.07rem;} 
#header .menu.on span:nth-last-child(2){opacity: 0;transition: all .4s ease-out;}
#header .logo{ width: 3.24rem; height: .8rem;padding-top: 0.05rem;  margin: 0 auto;}
#header .search{ width: .42rem; height: .37rem;  cursor: pointer; position: absolute;z-index: 3; top:.25rem; right: 0.3rem; }
#header .search-1{position: absolute;width: 4rem; top: .8rem;right: 0;z-index: 999;display: none; font-size: .32rem;}
#header .search-1 input{height: .6rem; background: #d9d9d9;border: 1px solid #42322b; padding-left: .1rem;width: 3rem;float: left; font-size: .32rem;}
#header .search-1 .submit{width: 1rem; cursor: pointer;font-size: .32rem;display: block;text-align: center;font-size: .32rem;}

.index_nav{display: none; position: absolute;z-index: 999; top: .85rem; left: 0rem;background: #f0f0f0;  }
.index_nav li{height: 1.08rem; border-top:1px solid #adadad;  line-height: 1.08rem; font-size: .38rem;width: 4.07rem; position: relative;}
.index_nav li a{color: #666666;height: 1.08rem;width: 3.87rem;display: block;padding-left: .2rem;}
.index_nav li a:hover{background: #42322b; color: #fff;}
.index_nav li:hover{background: #42322b;color: #fff;}
.index_nav li a.on{background: #42322b; color: #fff;}

.index_nav li i{width: .14rem;height: .25rem; background: url(../images/menu_ed1.png) no-repeat; background-size: .14rem .25rem; display: block; position: absolute; z-index: 6; top:.45rem; right: .3rem;}
.index_nav li:hover i{width: .14rem;height: .25rem; background: url(../images/menu_ed2.png) no-repeat; background-size: .14rem .25rem; display: block; position: absolute; z-index: 6; top:.45rem; right: .3rem;}
.index_nav li a.on i{width: .14rem;height: .25rem; background: url(../images/menu_ed2.png) no-repeat; background-size: .14rem .25rem; display: block; position: absolute; z-index: 6; top:.45rem; right: .3rem;}
#banner{width: 100%;}

.infor{ margin-top: .21rem; }
.infor .tabs{ width: 100%;height: 1.07rem; background: url(../images/infor_bg.png) no-repeat; background-size: 100% 1.07rem; }
.infor .tabs a{width: 50%;   height: 1.05rem; text-align: center; line-height: 1.4rem; float: left; color: #333333; font-size: .38rem;}
.infor .tabs a.active{border-bottom: 2px solid #42322b;}

.infor .bd{  margin: 0 auto; }
.infor .bd ul { margin-top: .27rem; width: 100%; }
.infor .bd ul li{width: 46% ; float: left;margin-left: 2.7%;  }
.infor .bd ul li .pic{width: 100%; }
.infor .bd ul li .text{ color: #42322b; font-size: .3rem; line-height: .4rem; margin-top: .1rem;  text-align: left;}
.infor .bd ul li .day{color: #bdbdbd; font-size: .3rem; margin-top: .1rem; text-align: left;}




 .more{ width: 94%; height: 1rem; display: block; text-align: center;line-height: 1rem; color: #fff; background: #42322b;  margin: 0 auto; font-size: .34rem; margin-top: .3rem; }
 .more a{color: #fff;}


.video{ margin-top: .4rem; }
.title{width: 100%; height:1.05rem;border-bottom: 2px solid #42322b;background:url(../images/video_bg.png) no-repeat; background-size: 100% 1.05rem;text-align:center; line-height: 1.3rem; font-size: .35rem; color: #333333; }
.video .txt{ width: 93%; margin: 0 auto;  padding-top: .22rem;}


.nre{ margin-top: .3rem; }

.warp_ner{ width: 100%; height: 9.43rem;   background-size: 100% 8.43rem;position: relative;}

.warp_ner .neR{position: absolute;z-index: 3; top: .6rem;  width: 93%; left: 0rem; right: 0rem; margin: 0 auto; overflow: hidden;}


.I_news{width:100%;background: url(../images/I_news.png) no-repeat;background-size: 100% 3.33rem; margin-bottom: .4rem;}
.I_news .tag{ font-size: .24rem; font-weight: bold;  color: #fff; text-align: center; font-family: Arial; padding-top: .6rem;}
.I_news .tag span{font-size: .38rem; color: #ffffff; display: block; font-weight: normal; font-family: "微软雅黑"; margin-top: .1rem;}

.I_news .txt{ width: 93%; margin: 0 auto; padding-top: .35rem; }
.I_news .txt .left{ width: 44%;    background: #e6e6e6; float: left;  padding-left: 3%; padding-right: 2%; padding-top: 5%;padding-bottom: 5%;}
.I_news .txt .left ,.I_news .txt .right p{ color: #333333; font-size: .36rem; display: block; line-height: .45rem; }
.I_news .txt .left span,.I_news .txt .right span{color: #999999; font-size: .3rem;line-height: .35rem;display: block; margin-top: .22rem;}

.I_news .txt .right{width: 44%;background: #e6e6e6; float: left;margin-left: 1%;padding-left: 3%; padding-right: 2%; padding-top: 5%;padding-bottom: 5%;}
.photo{width: 93%;  margin: .3rem;}

.form{background-size: 100% 3.98rem; width: 93%;  margin: .25rem auto 0 auto; display: block;}
.form form input{ margin-bottom: .3rem; width: 98%; height: .78rem; border: 1px solid #bbb7b5; background: rgba(255, 255, 255, 0); border-radius: .08rem; padding-left: 2%;  color: #999999; font-size: .32rem; font-family: "微软雅黑";}
.form form input.on{border-color: #42322b;}
.form form .code{width: 100%;}
.form form .yzm{float:left;  margin-bottom: .3rem; width: 66%; height: .78rem; border: 1px solid #bbb7b5; background: rgba(255, 255, 255, 0); border-radius: .03rem; padding-left: 2%;  color: #999999; font-size: .32rem; font-family: "微软雅黑";}
.form form p{ width: 1.37rem; height: .47rem;float: left; display: block; margin-left: .2rem; margin-top: .15rem; }
.form form em{display: block;width: .23rem; height: .2rem; float:left; margin-left: .2rem; margin-top: .3rem; cursor: pointer;}
.form form textarea{ margin-bottom: .2rem; width: 96%; height: 1.3rem; border: 1px solid #bbb7b5; background: rgba(255, 255, 255, 0); border-radius: .08rem; padding: 2%;  color: #999999; font-size: .32rem; font-family: "微软雅黑";}

.form form .but{ color: #666666; height: .8rem; border: 1px solid #42322b; width: 30%;text-align: center; padding-left: 0;}

.combo-select { position: relative; margin-bottom: .3rem; width: 100%; }
.combo-select .combo-input {  margin-bottom: 0; width: 100%; }
.combo-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; text-overflow: ellipsis; white-space: nowrap; border: none; width: 100%; box-sizing: border-box;}
.combo-input:focus { outline: none; }
.combo-arrow {  position: absolute; right: .2rem; top: 0.35rem;height: 100%;cursor: pointer;text-align: center; background: url(../images/select_ed1.png) no-repeat; width: .17rem; height: .09rem;  background-size: .17rem .09rem;}
.combo-open .combo-arrow { }
.combo-focus {  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  border-radius: .08rem;}
.combo-focus input { }
.combo-select select { position: absolute; z-index: 1; left: 0;  top: 0;  width: 100%;  height: 100%;  -webkit-appearance: none;  opacity: 0;}
.option-selected { background-color: #eee; }
.option-hover { background-color: #006eab; color: #fff; }
.option-item { cursor: pointer;border-bottom: 1px #e3e3e3 solid;   }
@media only screen and (min-width: 960px) {
  .combo-select select {
    left: -1px;
    top: -1px;
    width: 0;
    height: 0;
    margin: 0; } }
.option-item:hover {    background-color: #006eab;  color: #fff; }
.option-item:last-child {  border-bottom: none; }
.option-group {  cursor: text;  background: #e1e1e1;  border: 1px #ccc solid;}
.option-disabled {opacity: 0.5; }
.combo-dropdown { width: 100%; position: absolute;  z-index: 1;  top: 100%;  left: 0;  margin: 0;  padding: 0;  display: none;  overflow-y: auto;  background: #fff; border: 1px solid #999999; border-radius: 0; box-sizing: border-box; }
.combo-dropdown li { list-style: none;padding: 8px 1em;    margin: 0; }
.combo-open .combo-dropdown {  display: block; }

.combo-marker { text-decoration: underline; }



.tel{width: 100%;height:1.49rem; background: url(../images/tel.png) no-repeat; background-size: 100% 1.49rem;}
.tel .back{width:.95rem; height: .95rem;display: block; cursor: pointer; float: right; margin-top: .3rem;  margin-right: .3rem;}
.button{width: 100%;  padding-bottom: .6rem; overflow:hidden; padding-top: .3rem;}
.button .b-t{ width: 46%;  float: left;   margin-left: 2.5%;   }


.select2{width: 39.3%;display: block;position: relative; }
.select2 span{    line-height: 1.06rem; display: block; width: 70%;text-align: center; float: left;}
.select2 i{background: url(../images/dwonUp.png)  no-repeat; width: 30%;display: block; height: 1.06rem;float: left; background-size: .99rem 1.05rem; cursor: pointer; }
.select2 span a.on{width: 70%;height: 1.04rem;border-bottom: 2px solid #42322b;    line-height: 1.04rem;}
.select2 .secend{position: absolute;right: 0 ; width: 100%;z-index: 99;background: #f1f1f1;top:1.06rem;display: none;}
.select2 .secend dd{text-align: center; line-height: 1.06rem;border-top: 1px solid #adadad; }
	

#footer{width: 100%;  position: relative; max-width: 640px; margin: 0 auto;}
#footer .f_nav{ width: 100%; height: .85rem; background: #42322b; border-bottom: 1px solid #fff;  }
#footer .f_nav.active{position: fixed;z-index: 999; bottom: 0;max-width: 640px; }
#footer .f_nav li{width: 33%;float: left; display: block; padding-top: .05rem; height: .85rem; }
#footer .f_nav li:nth-child(4){cursor: pointer;}

#footer .f_nav li p{display: block; width: .49rem; height: .39rem;  margin: 0 auto;}
#footer .f_nav li span{display: block; color: #fff; font-size: .36rem; text-align: center; margin-top: .1rem;}

#footer .cR{height: 1.54rem; background: #62778c; padding-top: .23rem;}
#footer .cR p{width: 100%;display: block; color: #fff; font-size: .28rem; padding-top: .15rem; text-align: center;}





/*通用内页---------------------------------*/

.main{width: 100%; background: #fafafa; overflow: hidden;}

.main .mNav{  width: 100%; height: 1.05rem; background: #f1f1f1; margin-top: .2rem;border-bottom: 1px solid #dcdcdc; }
.main .mNav p{display: block; text-align: center;color: #333333;font-size: .38rem;line-height: 1.04rem;border-bottom: 2px solid #42322b; }
.main .mNav ul{}
.main .mNav ul li{float: left; display: block; line-height: 1.05rem;color: #333333;font-size: .28rem; }
.main .mNav ul li a{color: #333333; width: 100%; display: block;line-height: 1.06rem;}
.main .mNav ul .line{width: 1px ;height: .6rem;background: #dedede; display: block;margin-top:.24rem;float: left;}
.main .mNav ul .con{width: 30%;text-align: center;}
.main .mNav ul .con a.on{border-bottom: 2px solid #42322b;line-height: 1.04rem;}
.main .mNav ul .don{text-align: center; width:  39.3%;}
.main .mNav ul .select{width: 39.3%;display: block;position: relative; cursor: pointer; background: url(../images/dwonUp.png) no-repeat right center ; background-size: .99rem 1.05rem;}
.main .mNav ul .select span{ display: block; width:100%; text-align: left; padding-left: .25rem;}
.main .mNav ul .select span a.on{border-bottom: 2px solid #42322b;line-height: 1.04rem;}
.content{margin: .3rem auto .2rem auto;min-height: 540px;}
.content .about{width: 93%;   margin:0 auto;}
.content .about .pic{width:7.89rem; height: 3.05rem;}
.content .about p{font-size: .38rem; color: #42322b; font-weight: bold; margin-top: .4rem;}
.content .about span{ color: #666666; font-size: .3rem; line-height: .45rem; display: block; margin-top: .37rem; }

.content .honer_list{margin-top: .4rem; overflow: hidden;zoom:1;}
.content .honer_list li{float: left;width: 45%; margin-left: 3%; margin-bottom: .3rem;}
.content .honer_list li img{padding:1%;border: 1px solid #e1e1e1;}
.content .honer_list li span{ color: #666666; font-size: .26rem; width: 100%; text-align: center;display: block; margin-top: .1rem; }



.content .Organization{width: 93%; margin: 0 auto}
.content .sR{ width: 100%;  overflow: hidden;zoom:1; }
.content .sR ul{-webkit-justify-content: space-between;    justify-content:space-between; }
.content .sR ul li{ width: 45%; float: left;  margin-left: 3%;}
.content .sR ul li img{ padding:1%;border: 1px solid #e1e1e1;}
.content .sR ul li span{display: block;width: 100%; text-align: center; color: #666666; font-size: .3rem; margin-top: .2rem; margin-bottom: .5rem;}



.content .news{}
.content .news .news_list{width: 93%; margin:0 auto .5rem auto;}
.content .news .news_list li{ width: 100%; overflow: hidden; margin-bottom: .31rem; }
.content .news .news_list li .pic{width:35%; float: left;}
.content .news .news_list li .txt{width: 62%;float:right; }
.content .news .news_list li a .txt .tittle {color: #333333; font-size: .36rem;}
.content .news .news_list li a .txt .text { color: #a6a6a6 ;font-size: .3rem; line-height: .45rem; margin-top: .1rem; }
.content .news .news_list li a span{display: block;font-size: .26rem; color: #bdbdbd; margin-top: .1rem;}

.content .news .tag{ color: #453d3d; font-size: .34rem; font-weight:bold; text-align: center; width: 92%; margin: 0 auto; line-height: .45rem; }
.content .news .time{ width: 93%; margin: 0 auto ; height: .6rem; border-top: 1px dashed #c4c4c4;  border-bottom: 1px dashed #c4c4c4;  margin-top: .3rem; text-align: center; line-height: .6rem; color: #999999; font-size: .3rem; }
.content .news .time span{display: block; float: left; margin-left: .7rem; text-align: center;}
.content .news p{line-height: .5rem; font-size: .3rem; color: #666666; width: 93%; margin: 0 auto;}
.content .news .share{  margin:.4rem auto 0 auto; width:70%; }
.content .news .share span{ width: .54rem;  display: block; height: .54rem; float: left; line-height: .54rem; margin-left: .3rem;}
.content .news .share em{display: block;width: 1rem; float: left;height: .54rem;line-height: .54rem;}
.content .contact{width: 93%; margin: 0 auto;}
.content .contact .icon_list{}
.content .contact .icon_list li{ width: 25%; float: left; text-align: center; line-height: .3rem;}
.content .contact .icon_list li img{width: 1.12rem;}
.content .contact .icon_list li span{display: block; font-size: .3rem; color: #333333; margin-top: .25rem;}
.content .contact .icon_list li em{display: block;color: #666666; font-size: .24rem;  margin-top: .2rem;}

.content .contact .pic{ width: 100%; margin-top: .3rem;}
.content .contact .tAg{color: #42322b; font-size: .36rem; margin-top: .4rem; margin-bottom: .3rem;}

.content .contact em{display: block;}
.content .contact .add{ background: url(../images/add.png) no-repeat; width: 100%; height: .36rem; background-size: .24rem .36rem; padding-left: 8%; color: #666666; font-size: .26rem;  margin-bottom: .4rem;}
.content .contact .phone{ background: url(../images/te_p.png) no-repeat; width: 100%; height: .35rem; background-size: .34rem .35rem; padding-left: 8%; color: #666666; font-size: .26rem;  margin-bottom: .4rem;}
.content .contact .fax{ background: url(../images/fax_x.png) no-repeat; width: 100%; height: .28rem; background-size: .3rem .28rem; padding-left: 8%; color: #666666; font-size: .26rem;  margin-bottom: .4rem;}
.content .contact .web{ background: url(../images/web_x.png) no-repeat; width: 100%; height: .35rem; background-size: .36rem .35rem; padding-left: 8%; color: #666666; font-size: .26rem;  margin-bottom: .4rem;}

.content .contact p{font-size: .3rem; color: #666666; line-height: .45rem;}


.content .contact .form{background: url(../images/feedback_bg.png)0rem .5rem no-repeat;background-size: 100% 3.98rem; width: 100%;  margin: .25rem auto 0 auto; display: block;}
.content .contact .form form label{ color: #333333; font-size: .32rem;  height: .78rem;display: block; width: 18%; line-height: .78rem; float:left;}
.content .contact .form form input{float: left; margin-bottom: .3rem; width: 78%; height: .78rem; border: 1px solid #bbb7b5; background: rgba(255, 255, 255, 0); border-radius: .08rem; padding-left: 2%;  color: #999999; font-size: .32rem; font-family: "微软雅黑";}
.content .contact .form form input.on{border-color: #42322b;}
.content .contact .form form .code{width: 100%;}
.content .contact .form form .yzm{float:left;  margin-bottom: .3rem; width: 50%; height: .78rem; border: 1px solid #bbb7b5; background: rgba(255, 255, 255, 0); border-radius: .03rem; padding-left: 2%;  color: #999999; font-size: .32rem; font-family: "微软雅黑";}
.content .contact .form form p{ width: 1.37rem; height: .47rem;float: left; display: block; margin-left: .2rem; margin-top: .15rem; }
.content .contact .form form em{display: block;width: .23rem; height: .2rem; float:left; margin-left: .2rem; margin-top: .3rem; cursor: pointer;}
.content .contact .form form textarea{float: left; margin-bottom: .2rem; width: 76%; height: 2.74rem; border: 1px solid #bbb7b5; background: rgba(255, 255, 255, 0); border-radius: .08rem; padding: 2%;  color: #999999; font-size: .32rem; font-family: "微软雅黑";}
.content .contact .form form span{display: block;height: .78rem;width: 100%;}
.content .contact .form form .but{ color: #666666; height: .8rem; border: 1px solid #42322b; width: 30%;text-align: center; padding-left: 0; margin-left: 18%;}

.content .combo-select { position: relative; margin-bottom: .3rem; height: .78rem;width: 82% !important; float: left; }
.content .combo-select .combo-input {  width: 98% !important; }
.content .combo-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; text-overflow: ellipsis; white-space: nowrap; border: none;  width: 98% !important; box-sizing: border-box;}
.content .combo-input:focus { outline: none; }
.content .combo-arrow {  position: absolute; right: .2rem; top: 0.35rem;height: 100%;cursor: pointer;text-align: center; background: url(../images/select_ed1.png) no-repeat; width: .17rem; height: .09rem;  background-size: .17rem .09rem;}
.content .combo-open .combo-arrow { width: 98% !important; }
.content .combo-focus {  width: 82% !important; }
.content .combo-focus input {   width: 82% !important; }
.content .combo-select select { position: absolute; z-index: 1; left: 0;  top: 0;   width: 98% !important;  height: 100%;  -webkit-appearance: none;  opacity: 0;}
.content .option-selected { background-color: #eee; }
.content .option-hover { background-color: #006eab; color: #fff; }
.content .option-item { cursor: pointer;border-bottom: 1px #e3e3e3 solid;   }
.content .option-item:hover {    background-color: #006eab;  color: #fff; }
.content .option-item:last-child {  border-bottom: none; }
.content .option-group {  cursor: text;  background: #e1e1e1;  border: 1px #ccc solid;}
.content .option-disabled {opacity: 0.5; }
.content .combo-dropdown {  width: 98% !important; position: absolute;  z-index: 1;      top: 71%;  left: 0;  margin: 0;  padding: 0;  display: none;  overflow-y: auto;  background: #fff; border: 1px solid #999999; border-radius: 0; box-sizing: border-box; }
.content .combo-dropdown li { list-style: none;padding: 8px 1em;    margin: 0; }
.content .combo-open .combo-dropdown {  display: block; }

.content .combo-marker { text-decoration: underline; }



.content .pro_list{  }
.content .pro_list li{    width: 45.6%; float: left;position: relative;margin-left: 3%;  margin-bottom: .2rem;}
.content .pro_list li span{width: 100%; background: #000; opacity: 0.7;display: block; height: .8rem;position: absolute;bottom: 0; color: #fff; text-align: center; line-height: .8rem;}

.content .pro{}
.content .pro .taG{font-size:.38rem; color: #333333;width: 93%; margin: 0 auto;}
.content .pro p{ color: #666666; font-size: .3rem;  width: 93%; margin: .2rem auto 0 auto; line-height: .45rem; }
.content .pro .pic{ width: 93%; margin: .3rem auto 0 auto; }
.content .pro .proT{ margin-top: .3rem; width: 100%; height: 1.05rem; color: #333333; font-size: .38rem;background: #f1f1f1; line-height: 1.05rem; border-bottom: 1px solid #dcdcdc; padding-left: .3rem;}

.content .join{width: 95%; margin: 0 auto;}
.content .join p{color: #333333; font-size: .36rem; line-height: .45rem;}
.content .join span{color: #666666; font-size: .3rem; margin-top: .2rem;display: block; line-height: .43rem;margin-bottom: .2rem;}

.content .join .td{ width:100%; height: .55rem; margin-top: .21rem;  }
.content .join .td .porject{width: 20%; float: left; background: #42322b; line-height: .55rem; color: #fff;text-align: center; font-size: .24rem;}
.content .join .td .comment {width: 79.9%; float: right;background: #42322b; line-height: .55rem; color: #fff;text-align: center; font-size: .24rem;}
.content .join .txt-1{width: 19.9%;  margin-right: 0.1%;float: left; background: #42322b; line-height: .55rem; color: #fff;text-align: center; font-size: .24rem;}
.content .join .txt-2{width: 39.85%;margin-right: 0.1%; float: left;background: #42322b; line-height: .55rem; color: #fff;text-align: center; font-size: .24rem;}
.content .join .txt-3{width: 39.95%; float: left;background: #42322b; line-height: .55rem; color: #fff;text-align: center; font-size: .24rem;}

.content .join .txT{width: 100%; margin-bottom: .3rem;  }
.content .join .txT .left{width:20%; float: left;color: #666666; font-size: .2rem; text-align: center;line-height: .8rem; background: #f2f2f2;}
.content .join .txT .right{width:79%;float: left; color: #666666; font-size: .2rem;  line-height:.28rem; padding: 2% 0% 0% 1%;    height: .63rem;background: #fafafa;}
.content .join .txT .right1{width:79%;float: left; color: #666666; font-size: .2rem;  line-height:.28rem; padding: 2% 0% 0% 1%;    height: .63rem;background: #f2f2f2;}

.content .join .txT .td1{width: 50%; float: left; line-height: .8rem;text-align: center;}
.content .join .txT .td2{width: 50%; float: left; text-align: center;padding-top:.3rem;}


.m-con-bd01{margin-bottom: .6rem; margin-top: 0.32rem}
.th01{background: #45352d;text-align: center;height: .55rem; }
.th01 .s1{width: 20%;border-right: 1px solid #fcfffe;color:#fff;font-size:.24rem;}
.th01 .e1{font-family:"微软雅黑";font-size:.24rem;width:80%;border-right: 1px solid #fcfffe;color:#fff; }
.th01 .i1{font-family:"微软雅黑";font-size:.24rem;width:80%;border-right: 1px solid #fcfffe;color:#fff;}
.th02,.th03{height:60px;}
.th02 .s1,.th03 .s1{background:#f2f2f2;text-align: center;color:#666;font-family:"微软雅黑";font-size:.2rem;    line-height: .5rem;    padding: 0 0.5% 0 0.5%;}
.th02 .e1,.th02 .i1{background:#fafafa;color:#666;font-family:"微软雅黑";font-size:.2rem;line-height: .5rem; padding: 0 3% 0 3%;}
.th03 .e1,.th03 .i1{background:#f2f2f2;color:#666;font-family:"微软雅黑";font-size:.2rem;line-height: .5rem;padding: 0 3% 0 3%;}
.m-con-bd02 {margin-bottom: .6rem;}
.m-con-bd02 .th01 .e1{width: 40%;}
.m-con-bd02 .th01 .i1{width: 40%;}
.m-con-bd02 .th01 .e1{width: 40%;}
.m-con-bd02 .th01 .i1{width: 40%;}
.m-con-bd02 .th02 .e1,.th02 .i1{text-align: center;}
.m-con-bd02 .th03 .e1,.th03 .i1{text-align: center;}


.content .join .txT .rg{width:79%;float: left; color: #666666; font-size: .2rem;   height: ..8rem;background: #fafafa;}
.content .join .txT .rg1{width:79%;float: left; color: #666666; font-size: .2rem;     height: .8rem;background: #f2f2f2;}

.content .join .tag{width: 100%; height: .55rem; background: #42322b;text-align: center; line-height: .55rem;color: #fff;  margin-top: .3rem;}

.content .join em{display: block;  background: #fafafa;color: #666666; font-size: .2rem; line-height: .3rem;  padding: .15rem 0rem 0rem .1rem;}
.content .join .em{background: #f2f2f2;}

.content .join .pic1{float: left;margin-left: .3rem; margin-top: .38rem;  margin-bottom: .2rem;}
.content .join .pic1 p{color: #666666; font-size: .2rem;display: block; text-align: center;}
.content .join .pic2{float: left;margin-left: .63rem;margin-top: .38rem; margin-bottom: .2rem;}
.content .join .pic2 p{color: #666666; font-size: .2rem;display: block; text-align: center;}


.select { position: relative; display: block;  color: #333333; vertical-align: middle; text-align: left; user-select: none; -webkit-touch-callout: none; height: 1.05rem;}
.select .placeholder { position: relative; display: block; z-index: 1;  border-radius: 1px; cursor: pointer;}
.select .placeholder:hover { }
.select.is-open ul { display: block;}
.select.select--white .placeholder { background: #fff; color: #999;}
.select.select--white .placeholder:hover { background: #fafafa;}
.select ul { display: none; position: absolute; overflow: hidden; width: 100%; background: #f1f1f1; border-radius: 1px; top: 100%; left: 0; list-style: none;  z-index: 100;}
.select ul li { display: block; text-align: left; width: 100% !important; color: #333333; cursor: pointer; border-top: 1px solid #adadad;text-align: center;}
.select ul li:hover { background: #42322b; color: #fff;}


#share{  width:80%; position: absolute;top: 0rem; left: -6.7rem;z-index: 100;height: 1.5rem;background: #222222; }
#share span{width: .94rem; height: .94rem;  display: block;  float: left;  margin-left: .5rem; padding-top: .17rem;}

#fade{background: #000; opacity: .5; position: absolute;z-index: 3; top:.85rem; width: 100%; height: 92.8%;display: none;}

.fsbanner, .fsbanner > div > span { 
	/* obrigatório */
	display:none; 
}
div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:100%;
	color:white;
	font-size:.4rem;
	font-family:Verdana;
	font-weight:bold;
	border-radius:.3rem;
   -webkit-text-stroke: 1px black;
}


.fsbanner > div { 
	position:absolute; 
	background-size:cover;
	cursor:pointer;
	top:0px; 
	left:0px;
	
}
.fsbanner > div .name { 
	display:block;
	position:absolute; 
	left:.3rem; 
	bottom:.3rem;
}
.fsbanner > div .name.minimized {
	/* css3 */
	transform: rotate(-90deg);
	transform-origin: left top 0;
	/* pode ser necessário ajustar isso dependendo da fonte escolhida */
	bottom: -.13rem;
    left: .1rem;
}
.fsbanner > div > a{width:100%; height:100%;position:relative;display:block;}

.zhans{padding-top: .4rem;margin: 0 auto;}


/* film_focus */
.film_focus {
    width:94%;
    height:5rem;
    overflow:hidden;
    position:relative;
    margin:.3rem auto;
}
.film_focus .film_focus_imgs_wrap {
    background:url(/src/img/load.gif) no-repeat center center;
}
.film_focus ul.film_focus_imgs {
    height:5rem;
    height:9999em;
    position:absolute;
    right:0;
    top:0;
    overflow:hidden;
    width: 84%;
}
.film_focus ul.film_focus_imgs li {
    height:5rem;
    overflow:hidden;
}
.film_focus ul.film_focus_imgs li img {
    height:5rem;
    width:100%;
 
}
.film_focus .film_focus_desc h3 {
    height:.7rem;
    line-height:.6rem;
    overflow:hidden;
    position:absolute;
    left:16%;
    bottom:0;
    background:rgba(0, 0, 0, .5);
    color:#fff;
    width:100%;
    padding-left:.3rem;
    z-index:99;
    font-size:16px;
 filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
}
.film_focus ul.film_focus_nav {
    width:30%;
    height:auto;
    position:absolute;
    left:0;
    top:0;
    z-index:100;
}
.film_focus ul.film_focus_nav li {
    height:.4rem;
    background:#d7d7dc;
    margin:0 0 .1rem 0;
    padding:.2rem .2rem .2rem .2rem;
    position:relative;
    width:35%;
    cursor: pointer;
    cursor: hand;
    color:#333;
    font-weight:bold;
    font-size:16px;
    overflow:hidden;
    line-height:.4rem;
}
.film_focus ul.film_focus_nav li.cur {
    background:url(/src/img/hd_on.png) no-repeat;
    width:35%;
    height:1rem;
    left:0px;
    padding:.2rem .2rem .2rem .2rem;
    _background:url(/srm/img/hd_on.png) no-repeat 0 0;
    word-break:break-all;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    overflow:hidden;
    line-height:.4rem;
}
.film_focus ul.film_focus_nav li b {
    display:none;
    text-align:center;
}
.film_focus ul.film_focus_nav li b span {
    display:block;
    text-align:center;
}
.film_focus ul.film_focus_nav li.cur b {
    display:block;
    vertical-align: middle;
    display: table-cell;
    height:1rem;
}
.film_focus ul.film_focus_nav li.cur span {
    display:none
}