@charset "gb2312";
*html{_background-image:url(about:blank);_background-attachment:fixed}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lds-spinner {
  position: relative;
}
.lds-spinner div {
  left: 95px;
  top: 10px;
  position: absolute;
  -webkit-animation: lds-spinner linear 2.1s infinite;
  animation: lds-spinner linear 2.1s infinite;
  background: #fff;
  width: 10px;
  height: 32px;
  border-radius: 54%;
  -webkit-transform-origin: 5px 90px;
  transform-origin: 5px 90px;
}
.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -1.925s;
  animation-delay: -1.925s;
}
.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -1.75s;
  animation-delay: -1.75s;
}
.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -1.575s;
  animation-delay: -1.575s;
}
.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -1.4s;
  animation-delay: -1.4s;
}
.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -1.225s;
  animation-delay: -1.225s;
}
.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -1.05s;
  animation-delay: -1.05s;
}
.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.525s;
  animation-delay: -0.525s;
}
.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.35s;
  animation-delay: -0.35s;
}
.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.175s;
  animation-delay: -0.175s;
}
.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spinner {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
.bomb{ position:fixed; display: none; width:100%; height:100%; background:#000; background: rgba(0,0,0,0.6);  z-index:999; }
.bomb .uil-default-css{ margin: 0 auto; display: block; margin-top:20%;}
.lds-spinner{ left: 50%;  display: block; position: absolute; margin-left: -100px; top:50%; margin-top: -150px;} 
.doc{overflow: hidden; position: relative; text-align: left; font: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA; }
.doc .inner,.b_inner, .nav_inner{width:1100px; clear: both; margin:0 auto; overflow: hidden; animation:fadeFromCenter1 .5s ease 0s; }
.title{ margin:80px auto 40px; display:block;}

.navMenu{ display:none; z-index: 9999;width:145px; top:100px; height:321px; padding:10px 0; background:url(../images/nav1.jpg) no-repeat 0 0px;position:fixed;right:0px;_position:absolute;_top:expression(documentElement.scrollTop+30);}
.navMenu li{ height: 27px; margin-bottom: 4px; }
.navMenu li a{ height: 27px; display: block; }
.navMenu li:first-child{ margin-top: 178px;}
.prev,.next, .sNext, .sPrev { background:url(../images/img.png) no-repeat center center; cursor:pointer; width:40px; height:108px; position:absolute; float:left; z-index:5}
/*.area14{ margin-bottom: 50px;}*/
.area1{background:url(../images/banner.jpg) no-repeat center top; height:720px;}
/*.area2{ height: 62px; background:url(../images/bg1.jpg) repeat-x; }
.area2  ul li{ float: left; width:111px;  height: 62px; line-height: 58px; text-align:center;}
.area2  ul li:first-child{ width:110px; background:#fff ;}
.area2  ul li a.first { color:#000; font-weight:bolder; text-align:left;  }
.area2  ul li a.selected { color:#003567;}
.area2  ul li a{ color: #fff;font-size: 18px; font-weight:bolder; line-height: 58px; color:#fff;text-align:center;}
.area2  ul li a:hover{ text-decoration: none; color:#fd0a00;}
.area2  ul li a.first:hover { color:#333;}
.area2  ul .bg { background:url(../images/bg2.jpg) no-repeat center top;}
.area2  ul .bg a{ color:#251e1f ;}*/
.barea1{background:url(../images/one.jpg) no-repeat center top; height:407px;}
.barea2 .syc{ width: 604px; height: 187px; background:url(../images/ccc.jpg); margin: 145px auto 0;}
.barea2 .syc a{ color:#313131 ; font-size: 27.8px; display: block; padding: 120px 0 0 170px;}
.barea2 .syc a:hover{ color:#000 ;}
.barea2 .ewm{ display: block; margin: 340px auto 0;}
.area2{ width:100%; height:67px; background:url(../images/bg1.jpg) repeat-x;/*position: fixed;*/ z-index:999; margin:-3px auto 0;}
.area2  ul li{ float: left;width:103px;  height: 67px; line-height: 58px; text-align:center;}
.area2  ul li .hot{-ms-animation:mymove 1s infinite;/*ie*/-moz-animation:mymove 1s infinite; /* Firefox */-webkit-animation:mymove 1s infinite; /* Safari and Chrome */-o-animation:mymove 1s infinite;position: absolute;z-index: 15;width: 39px;height: 28px;top: 700px;left: 28%;}
.area2  ul li:first-child{ width:70px; background:url(../images/first_active.jpg) no-repeat center top ;}
.area2  ul li a.first { color:#000; font-weight: bolder;  }
.area2  ul li a.first p{ color: #4a3e2e;}
.area2  ul li a.selected { color:#003567;}
.area2  ul li a{ padding-top: 15px; color: #fff;font-size: 18px; display: block; line-height: 21px; color:#fff;text-align:center;}
.area2  ul li a p{ font-size: 12px; line-height: 14px; color: #7d7b7a;}
.area2  ul li a:hover{ text-decoration: none; color:#fff;}
.area2  ul li a.first:hover { color:#333;}
.area2  ul .bg { background:url(../images/bg2.jpg) no-repeat center top;}
.area2  ul .bg a{ color:#251e1f ; font-weight: bolder;}
.area2  ul .bg a:hover{ color: #000;}
/*.area3{ background: #f3f3f3;  }*/
/*.area3 .title{ margin-top: 117px;}*/
.area3 .border1{ margin-top: 0px; padding-top: 45px;}
.area3 .jdt .img-box { width:640px; float:left;}
.area3 .jdt .img-box ul {width:640px; height:400px; position:relative;;}
.area3 .jdt .img-box li {width:640px; height:400px; position:absolute;}
.area3 .jdt .img-box img { width:640px; height:400px;z-index:1;}
.area3 .jdt .jdt-tit { width:430px;  float:right; margin-top: -10px; }
.area3 .jdt .jdt-tit li {height:102px; border-top:dashed #b7b7b7 1px ; overflow:hidden; cursor:pointer;}
.area3 .jdt .jdt-tit li:first-child{ border: 0px;}
.area3 .jdt .jdt-tit li h2{ font-size: 17px; font-weight: bolder; color: #474747; height: 27px; overflow: hidden; }
.area3 .jdt .jdt-tit li a { font-size:15px;  color: #fff;   padding-top: 10px; overflow:hidden; display:block;  }
.area3 .jdt .jdt-tit li p { color: #5e5e5e; padding: 5px 0 7px 0; overflow:hidden; text-indent: 2em;  }
.area3 .jdt .jdt-tit li.hover { background-position:0 0; background:url(../images/xwjx_arrow.png) no-repeat left center; }
.area3 .jdt .jdt-tit li.hover h2{ color: #bb971b;}
.area3 .jdt .jdt-tit li:first-child a{ border-top:0 !important}
.area3 .gengduo{ display: block; text-align: center; width: 158px; margin: 40px auto 80px ; line-height: 38px; border: solid 1px #d3b171; height: 38px; font-size: 18px; color: #974e01;}
.area3 .gengduo:hover{ border: solid 1px #894905; color: #894905;}
.area3 .gengduo2{ display: block; text-align: center; width: 158px; margin: 0 auto 100px ; line-height: 38px; border: solid 1px #fff; height: 38px; font-size: 18px; color: #fff;}
.area4{ height: 658px; background: url(../images/bg3.jpg) no-repeat center top;}
.area4 .jdt {width:1100px;height: 367px;overflow: hidden;}
.area4 .jdt .img-box { width:178px; float:left; background: url(../images/gs.jpg) no-repeat left top;}
.area4 .jdt .img-box ul {width:178px; height:400px; }
.area4 .jdt .img-box li {width:178px;   height:79px;  font-size:20px; line-height:79px; color:#ccc; text-align:center; cursor:pointer; }
.area4 .jdt .img-box .active{ font-size: 24px; font-weight: bolder;  height:79px; width:178px; color:#d3b171; background: url(../images/jt1.png) no-repeat center right  ; }
.area4 .jdt .jdt-tit { width:912px; float:left;  }
.area4 .con{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#493d25+0,332c1e+31,2b251a+100 */
background: #493d25; /* Old browsers */
background: -moz-linear-gradient(top, #493d25 0%, #332c1e 31%, #2b251a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #493d25 0%,#332c1e 31%,#2b251a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #493d25 0%,#332c1e 31%,#2b251a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#493d25', endColorstr='#2b251a',GradientType=0 ); /* IE6-9 */width: 897px; height: 400px; float: left; }
.area4 .line{ width:10px ; float: right; height: 400px; background:url(../images/line.png);}
.area4 #content{ width:897px;height:400px;overflow:hidden ;}
.area4 .jdt span{ font-weight: bold; font-size: 16px;}
.area4 .jdt .one{ padding-top: 22px; color: #d3b171;}
.area4 .jdt-two p{ text-indent: 0;}
.area4 .jdt-two .two{ margin-top: 76px;}
.area4 p{ padding:0 41px ; margin-bottom: 6px; font-size:14px; color:#e0dfdf; line-height: 28px; text-indent: 2em; text-align: justify; text-justify: inter-ideograph;}
.area4 .jdt .five{ margin-bottom: 21px;}
.area4 .jdt .six{width: 670px; margin-bottom: 0px; text-indent: 0; line-height: 25px; padding: 0 70px;}
.area4 .jdt .three{ margin-top: 70px; margin-bottom: 35px;}
.area4 .jdt .four{ margin-bottom: 0; line-height: 25px;}
.area4 .jdt-four p{ margin-bottom: 3px;}
/*.area5{ margin-top: 50px;}*/
.area5 .title{ margin-bottom: 30px;}
.picScroll-left{ overflow:hidden;  padding-left:48px; height: 470px; position:relative; width:1200px;   }
/*.multipleColumn .bd ul{ overflow:hidden; zoom:1;  float:left; _display:inline;  }*/
.picScroll-left .prev{ left: 0; top:155px; position: absolute; z-index: 5; width: 40px; height: 60px; background: url(../images/prev.png) no-repeat center top;} 
.picScroll-left .next{ left: 1060px; top:155px; position: absolute; z-index: 5; width: 40px; height: 60px; background: url(../images/next.png) no-repeat center top;} 
.picScroll-left .bd li{ width: 220px; transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear; position: relative; height: 420px; margin:10px 15px 0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd li img{ width: 140px;z-index: 4; position: absolute; top:0px; left: 40px; height: 140px; display: block; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%;}
.picScroll-left .bd li .com{ width: 220px; border-radius: 5px; position: absolute; top:70px; height: 350px; background: #fff;}
.picScroll-left li h2{ font-size:28px; height: 55px; overflow: hidden; margin-top: 120px; border-bottom: solid 1px #ddd; line-height: 57px; margin: 70px 20px 0 20px;  color:#474747; text-align: center;}
.picScroll-left li h2 span{font-size:15.98px;  color:#999; padding-left: 5px;  }
.picScroll-left h3{ font-size:14px; font-weight: bolder;  margin: 7px auto 4px;  color:#474747; text-align: center;}
.picScroll-left .bd li p{ font-size:12px; font-family: "΢���ź�"; line-height: 23px; overflow: hidden; padding: 0 20px;   color:#666; text-align: justify;}
.picScroll-left .bd li pre{ font-size:12px; font-family: "΢���ź�"; line-height: 23px; overflow: hidden; padding: 0 20px;   color:#666; text-align: justify;}

.picScroll-left .bd li:hover .com { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c3527+0,302b23+41,1b1b1c+100 */
background: #3c3527; /* Old browsers */
background: -moz-linear-gradient(top, #3c3527 0%, #302b23 41%, #1b1b1c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3c3527 0%,#302b23 41%,#1b1b1c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3c3527 0%,#302b23 41%,#1b1b1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3527', endColorstr='#1b1b1c',GradientType=0 ); /* IE6-9 */}
.picScroll-left .bd li:hover h2 { color: #ababab; border-bottom: solid 1px #353535;}
.picScroll-left .bd li:hover h3 { color: #ac8b1b;}
.picScroll-left .bd li:hover p{ color: #919191;}
.picScroll-left .bd li:hover pre{ color: #919191;}
.picScroll-left .bd li:hover{transform: translate(0,-10px);-webkit-transform: translate(0,-10px);}


.area6 .big_box{ width: 316px; margin-right: 75px; float: left;} 
.area6 .big_box ul{ margin-right: -13px; margin-top: 40px;}
.area6 ul li{ width: 16px; height: 240px; float: left; padding: 20px 13px 0 11px; font-weight: bolder; font-size: 18px; color: #bb971b; margin: 0 4.5px; height: 238px; border: solid 1px #c8bda4;}
.area6 .big_content{ margin-right: -75px;}
.area6 ul li:hover{height: 240px; padding:20px 13px 0 11px ; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1b1c+0,1e1d1d+44,3a3327+100 */
background: #1b1b1c; /* Old browsers */
background: -moz-linear-gradient(top, #1b1b1c 0%, #1e1d1d 44%, #3a3327 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1b1b1c 0%,#1e1d1d 44%,#3a3327 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1b1b1c 0%,#1e1d1d 44%,#3a3327 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1c', endColorstr='#3a3327',GradientType=0 ); /* IE6-9 */}
.area6 p{ font-size: 15px; text-align: center; line-height: 84px;}
.area6 p span{ color: #910021;}
.area7 { /*margin-top:50px;*/background: url(../images/cccc.jpg) no-repeat center bottom; height:968px ;}
.area7 h2{ font-size: 30px; margin: 25px auto 17px; color: #bb971b; text-align: center;}
.area7 ul{ height: 288px;margin-right: -140px; }
.area7 ul li{ float: left; margin-right: 89px;}
.area7 ul li.one{ width: 285px; margin-left: 32px;}
.area7 ul li.two{ width: 186px;}
.area7 ul li.three{ width: 285px;}
.area7 p{ font-size:14px; line-height: 30px;   color:#919191; text-align: justify;}
.area7 ul li  p span{ color: #835615; font-weight: bolder;}
.area7 h3{ font-size: 18px; margin: 17px auto 6px; font-weight: bolder; color: #ababab; text-align: center;}
.area7 ul li img{ display: block; margin: 0 auto;}
.area7 ul li  a{ color: #835615; font-weight: bolder;}
.area7 ul li.two p{ text-align: center;}
.area7 .tl{padding-bottom: 30px; /*border-bottom: solid 1px #ad905c*/}
.area7 .title{ margin-bottom: -6px;}
.area12 .left{ width: 360px; float: left; height: 360px; }
.area12 .left li{text-align: center; font-family: arial; cursor: pointer; line-height: 119px; font-size: 40px; color: #d69e04; border-right:1px solid #fff; border-bottom:1px solid #fff; float: left;   width: 118px; height: 119px; float: left;}
.area12 .left li:nth-child(even){ background: #efefef;}
.area12 .left li:nth-child(odd){ background: #e2e2e2;}
.area12 .left li.active{font-size: 60px; font-weight: bolder; color: #4e4e4e; background: #28241a url(../images/jt2.png) no-repeat 83px 48px;}
.area12 .right{width: 740px; height: 360px; float: left; background: #f4f4f4; }
.area12 .right p{ font-size: 14px; padding: 20px; color: #1a1a1a;}
.area12 .right img{ width: 720px; height: 280px; display: block; margin: 0 auto;}
.area12 .last{ width: 118px; margin-right: 3px; background: #efefef; height: 120px; float: right;}
.area12 a{ color: #1a1a1a;}
/*.area12 .title{ margin-top: 54px;}*/
.area12 .bottom{ font-size: 14px; text-align: center; line-height: 35px;}
.area12 .bottom span{ color: #910021;}
.area8 .tabs{clear:both;height:412px;  text-align:center; }
/*.area8 .title{ margin-top:62px}*/
.area8 .tabNav {height:38px; zoom:1; *display:inline;margin:0px;list-style:none; margin: 0 auto;}
.area8 .tabNav li{ float:left; width:198px; height:39px; border-bottom: solid 1px #a0a0a0; }	
.area8 .tabNav li a { font: 24px/38px "microsoft yahei"; color:#434343; text-align:center; display:block;  height:38px; }

.area8 .tabNav .active{  height:38px; line-height:38px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,e4e4e4+40,d5d5d5+100 */
background: #fbfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fbfbfb 0%, #e4e4e4 40%, #d5d5d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbfbfb 0%,#e4e4e4 40%,#d5d5d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbfbfb 0%,#e4e4e4 40%,#d5d5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */  }
.area8 .tabNav li.active a {  height:38px; line-height:38px;}
.area8 .tabPane { width:1100px; height:520px;  margin-top:20px; }


.area8 .complay{ width:428px; padding-top: 30px; height: 660px; float:right;  margin-top:-58px; border:dashed 1px #ccc;}
.area8 #tabs1 .complay{ height: 813px;}
.area8 #tabs2 .complay{ height: 640px;}
.area8 #tabs3 .complay{ height: 761px;}
.area8 #tabs3 .complay p{ padding: 0 40px;}
.area8 h4{ font-size:16px; padding-left: 79px; color:#910021; margin-bottom:20px ; text-align:left}
.area8 h5{ font-size:16px; color:#910021; margin-bottom:20px ; text-align:left}
.area8 .pptjbox{ height:575px; padding-left: 79px; overflow:hidden; margin-top:15px ; }
.area8 .pptjbox ul{overflow:hidden; zoom:1; }
.area8 .complay ul li{ font-size:14px; color:#666; background: url(../images/round.jpg) no-repeat 18px 52%; text-align: left; line-height:30px; height: 30px; padding-left:35px;  zoom:1; }
.area8 .complay p{ font-size:14px; padding: 0 40px; color:#666;text-align: left; line-height:23px; text-align:justify; text-justify:inter-cluster;  }
.area8 h3{   margin-top: 15px;
    padding-left: 40px;
    font-size: 20px;
    color: #333;
    text-align: left;}
.area8 .complay h2{ margin-top: 8px;
    font-size: 18px;
    padding-left: 40px;
    color: #333;
    font-weight: bolder;
    text-align: left;}
.area8 .complay span{ color:#910021}
.area8 .sign_content{ width: 685px; float: left;}
.area8 .tpinput1{height:100px; margin-right: 12px; width: 100px;background:url(../images/jpg.jpg) no-repeat top center;  border:none; cursor:pointer;overflow:hidden; display:inline;}
.area8 .zcts{ width:305px ;}
.area8 .zcts a{ color: #910021;}
.area8 .dropdown, .area8 ul .input_big{ width:26.5rem;  height:3.5rem; line-height: 3.5rem; float: left; border:0; border-radius:0.25rem; padding-left:0.7rem; font-size: 1.4rem; color: #000; background: transparent;}
.area8 .logocon{ width:265px ; position: absolute;  left: 223px; top:20px}
.area8 .logocon p{font-size: 12.4px;color:#999;padding-left: 55px;text-align: left;}
.area8 .logocon span{ color: #910021;}
.area8 .lx{  width:21.5rem;  height:3.5rem; float: left; line-height: 3.5rem; color: #000; border-radius:0.25rem; padding-left:0.7rem; font-size: 1.4rem; }
.area8 .cl{ color:#000 ;}
.area8 .big{  height:3.5rem;border-top: solid 0.1rem #e9e9e9; margin-bottom:15px ; clear:both; margin:0 auto;  }
.area8 .big .lef { font-size: 1.2rem; line-height: 3.5rem; float: left; color:# ; width: 10.7rem; text-align:left; margin-left:2rem; }
.area8 li .input_small{ width:13rem; height:4.3rem; border:0; margin-bottom:1.5rem; border-radius:0.25rem; padding-left:0.7rem;  float:left;}
.area8 .mgleft{margin-left:1rem;}
.area8 .dropdown{ width:21.5rem; height:3.5rem; border:0; border-radius:0.25rem; padding-left:0.7rem;}
.area8 .dropdown li.active{ color:#FFF !important;}
.dropdown .selected, .dropdown li{ line-height:3.3rem;}
.area8 .big .lef .red{ color:#e02248;}
.area8 ul .sign{ background:url(../images/sigh.png) no-repeat top center; width:27rem; height:4.25rem; border:0}
.area8 ul .join_sign{  width:27rem; height:4.25rem; font-size:2.1rem; font-weight:bolder; color:#7a0017; background:#ffdd1f; border:0}

.area8 .hg{ height: 7rem;}
.area8 .hg .lef{ margin-top:1.7rem ;}
.area8 .hg .rig{ margin-top:1.3rem ;}
.area8 .hg1{ height: 8rem;}
.area8 .tel{ font-size: 1rem; color: #910021; line-height: 3.2rem;}
.area8 .rig{ float: left; position:relative; background-size:cover ; width: 455px;  }
.area8 .pashBtn{height:4.5rem;width:4.5rem; overflow:hidden;opacity:0;filter:alpha(opacity=0);cursor:pointer;    }

 
.area8 .tpinput{height:100px; margin-right: 12px;opacity:0;filter:alpha(opacity=0); width: 100px;background:url(../images/jpg.jpg) no-repeat top center; border:none; cursor:pointer;overflow:hidden; display:inline; position: absolute; top: 0; left: 0px;}


.area8 .m-textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #c0c0c0 #d9d9d9 #d9d9d9;
    border-image: none;
    border-right: 1px solid #d9d9d9;
    border-style: solid;
    border-width: 1px;
    color: #777;
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    padding: 5px;
    width: 230px;}
.area8 .m-textarea {
    height: 80px;
    
    width: 362px;
}
.area8 .wd1{ width: 150px;}
.area8 .top{ position: relative; height: 110px;}
.area8 .xianshi{ position: absolute;left:0px; top:0px; width: 100px; height: 100px;background:url(../images/jpg.jpg) no-repeat top center;}  
.area8 .xianshi img{ width: 100px; height: 100px;}

.area9{ height: 630px; background:url(../images/bb.jpg) no-repeat center top; margin-top: 80px;}
.area9 .jdt {width:1100px; height: 340px; overflow: hidden;}
.area9 .jdt .img-box { width:178px; float:left; background: url(../images/gs_right.jpg) no-repeat left top;}
.area9 .jdt .img-box ul {width:178px; height:400px; }
.area9 .jdt .img-box li {width:178px;   height:79px;  font-size:20px; line-height:79px; color:#ccc; text-align:center; cursor:pointer; }
.area9 .jdt .img-box .active{ font-size: 24px; font-weight: bolder;  height:79px; width:178px; color:#d3b171; background: url(../images/jt1.png) no-repeat center right  ; }
.area9 .jdt .jdt-tit { width:912px; float:left;  }
.area9 .con{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#493d25+0,332c1e+31,2b251a+100 */
background: #493d25; /* Old browsers */
background: -moz-linear-gradient(top, #493d25 0%, #332c1e 31%, #2b251a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #493d25 0%,#332c1e 31%,#2b251a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #493d25 0%,#332c1e 31%,#2b251a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#493d25', endColorstr='#2b251a',GradientType=0 ); /* IE6-9 */width: 897px; height: 400px; float: left; }
.area9 .line{ width:10px ; float: right; height: 400px; background:url(../images/line2.png);}
.area9 #content{ width:897px;height:400px;overflow:hidden ;}
.area9 .jdt .one{ padding-top: 40px;}
.area9 .jdt span{ font-weight: bolder; font-size: 16px;}
.area9 .jdt-two p{ text-indent: 0;}
.area9 .jdt-two .two{ margin-top: 76px;}
.area9 p{ padding:0 41px ; margin-bottom: 6px; font-size:14px; color:#e0dfdf; line-height: 28px; text-indent: 2em; text-align: justify; text-justify: inter-ideograph;}
.area9 .jdt .five{ margin-bottom: 21px;}
.area9 .jdt .six{width: 670px; margin-bottom: 0px; text-indent: 0; line-height: 25px; padding: 0 70px;}

.area9 .jdt-four p{ margin-bottom: 3px;}
.area10 .top li{ width: 200px; margin: 0 37px; float: left; }
.area10 .title{ margin-top: 67px;}
.area10 .top li a{ display: block; font-size: 30px; text-align: center;  color: #474747; height: 60px; line-height: 60px;  border: solid 1px #d3b171;}
.area10 .top p{ font-size: 18px; line-height: 40px; color: #5e5e5e; text-align: center;}
.area10 .top li.active a{ background: #23201a; color: #d3b171;}
.area10 .bottom li img{ display: block; margin: 0 auto;}
.area10 .bottom{ margin-top: 35px;}
.area11{ margin-top: 100px; height: 780px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#211900+0,0f0d06+100 */
background: #211900; /* Old browsers */
background: -moz-linear-gradient(top, #211900 0%, #0f0d06 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #211900 0%,#0f0d06 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #211900 0%,#0f0d06 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211900', endColorstr='#0f0d06',GradientType=0 ); /* IE6-9 */}
.area11 p{ font-size: 14px; color: #ababab; line-height: 26px;}

.area11 .top{ margin-top: 50px;}
.area11 .top img{ display: block; margin-left: 120px;  float: left; border: solid 1px #413920; }
.area11 .lj{ display: block; margin: 40px auto 0;}
.area11 .ewm{ display: block; float: left; margin: 0 30px 0 191px;}
.area11 h2{ font-size: 20px; margin-top: 8px; font-weight: bolder; color: #c6c6c6;}
.area11 .bottom p{ color: #ababab; font-size: 14px; line-height: 25px; }
.area11 .bottom{ margin-top: 35px; padding-left:75px;}
.dui{ font-size:18px; width: 290px; font-family: "΢���ź�"; line-height: 100px; margin: 250px auto 0; color:#000;  font-weight: bolder; }
.dui img{ padding-right:15px ;}
.dui a{ color:#666 ;}
.dui a:hover{ color:#4fc043 ;}

    

.upload_preview{width:266px; margin-top: 70px}
.upload_append_list{float:left;width: 71px;margin-right: 20px;}
.upload_append_list strong {display:none;}
.upload_image{width:71px; height:71px;}

.b5_cont .jt{ width:48px; height:43px; display:block; position:absolute; left:10px; top:2px;}
.b5_cont .app_cate{ position:relative; height:100px ;}
.b5_cont .contact{ font-size:15px; color:#666; margin-bottom:25px; margin-top:-5px; padding-left:5px;}
.b5_cont { width: 635px; font-size: 14px; float:left; margin-top:18px; }
.b5_cont .left{ width:410px; float:left; }
.b5_cont .right{ width:275px; float:left;  margin-left:40px;}
.b5_cont .regline { overflow: hidden; color: #666; line-height: 25px; margin-bottom: 13px; width:625px;  }
.b5_cont .regline div { float: left; text-align: left; }
.b5_cont .regline div.lefone{ width:57px;}
.b5_cont .regline .lefone .red{ color:#E02248;}
.width720{ width:720px !important;}

.b5_cont .regline div.lef { width: 125px; text-align:right; font-size: 17px; margin-right:10px; }
.b5_cont .regline .lef .red{ color:#e02248;}
.b5_cont input.w1, .b5_cont input.w2, .b5_cont .w3, .b5_cont .w4, .b5_cont .w5, .b5_cont textarea.w6 { padding: 0 5px; height: 40px; line-height: 40px;border: 1px solid #ddd; font-size:16px; color: #666; float:left}
.b5_cont input.w1 { width: 448px; }
.b5_cont input.w2 { width: 285px; }
.b5_cont input.w5 { width: 208px; }
.b5_cont textarea.w6 { width: 448px; height: 149px; line-height: 26px; padding: 5px; }
.b5_cont .w3 { width: 588px; height:98px; }
.b5_cont select.w4 { width: 460px; height: 42px; line-height: 42px;padding-right: 0;}
.b5_cont select.w4 option{height: 30px; line-height: 30px; }
.b5_cont .btbox { padding-left: 175px; line-height: 24px; color: #666; margin-top:20px; }
.b5_cont .submit1{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f5314+0,553507+100 */
background: #7f5314; /* Old browsers */
background: -moz-linear-gradient(top, #7f5314 0%, #553507 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7f5314 0%,#553507 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7f5314 0%,#553507 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f5314', endColorstr='#553507',GradientType=0 ); /* IE6-9 */ display: block;  border: none; cursor: pointer; height: 55px; line-height: 55px;color: #f9f0d8; font-size: 21px; font-family: "΢���ź�"; float:left; margin-left:-40px;  width: 185px; text-align:center; }
.b5_cont .ts{width:420px; float:left; font-size:12.05px; padding-left:10px; line-height:23px; padding-top:5px;}
.b5_cont .ts span{ color:#910021; font-size: 13px; }
.b5_cont .zcts{width:305px; float:left;}
.b5_cont .zcts p{ line-height: 20px; font-size: 12.04px; text-align: left;}
.b5_cont .three{ width: 430px;}
.b5_cont .btnFile{height:42px; width:77px; border:none; background:url(../images/top.jpg) no-repeat; cursor:pointer;overflow:hidden; display:inline;}
.b5_cont .bg1{background:url(../images/jpg1.jpg) no-repeat top center; }

.b5_cont .sc{ background:url(../images/top1.jpg) no-repeat center top ;}
.b5_cont .pashBtn{height:100px;width:100px; overflow:hidden;opacity:0;filter:alpha(opacity=0);cursor:pointer;    }
.b5_cont .pashBtn:hover { opacity:0;filter:alpha(opacity=100);}
.b5_cont .imginput{height:100px;width:100px; overflow:hidden;opacity:0;filter:alpha(opacity=0);cursor:pointer; background: url(../images/jpg.jpg) no-repeat center top;    }



.b5_cont input:focus { border: 1px solid #d82545; }
.duilian{top:70px;position:absolute;overflow:hidden;}
.duilian_left{ left:5px;width:197px; height:345px;background:url(../images/ad_left.png) no-repeat center top;}
.duilian_right{right:5px; margin-top:50px;}
.b5_cont .notice{ width: 238px; margin-left: 10px;margin-top: 70px; float: left; height:85px; text-align: justify; text-justify: inter-ideograph; line-height:20px; font-size:12.04px; color:#666;}
.b5_cont .check{ width: 18px; margin-top: 75px; height: 18px; border:solid 1px #ddd;background-color: #fff;float: left; display: block;}
.b5_cont .notice span{ color: #910021; }
.b5_cont .zhu{text-align: left; color: #999; padding-left: 135px; clear: both;}
.b5_cont .zhu span{ color: #910021;}
.b5_cont .ts{width:420px; float:left; font-size:12.05px; text-align: left; padding-left:10px; line-height:23px; padding-top:5px;}
.b5_cont .ts span{ color:#910021; font-size: 13px; }
.b5_cont #msg, .b5_cont #msgpr, .b5_cont #msgp{ color: #f3425f;}


.area13 .newslist{margin:10px auto; overflow:hidden;}
.area13 .newslist li{border-bottom:1px dashed #ccc; padding: 10px 0; margin-top: 5px;/* height:40px; */line-height:40px;overflow:hidden;padding-left:20px;}
.area13 .newslist li a{font-size:14px;color:#deb006;}
.area13 .newslist li h2{font-size: 17px;font-weight: bolder;color: #474747;/* height: 27px; */overflow: hidden;line-height: 21px;}
.area13 .newslist li p {color: #5e5e5e;/* padding: 5px 0 7px 0; */overflow:hidden;/* text-indent: 2em; */line-height: 30px;}

/*��ҳ*/
.titleInfo { color: #FF5A00; font-size: 1.3em; font-weight: bold; margin-left: 5px;}
.pageIndex { border-bottom: 1px solid #B0D1F6; border-top: 1px solid #FFFFFF; line-height: 33px; margin-bottom: 5px; padding-left: 10px; text-align: left; }
.pageIndex span { color: #666666; font-size: 10px;}
.pageIndex a { font-family:"΢���ź�"; font-size: 10px; font-weight:normal}
/*��ҳ2*/
.page {
    font-size: 16px;
    margin: 30px 0;
    text-align: center;
}
.page A {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #aaa;
    line-height: 35px;
    padding: 8px 12px;
    width: 35px;
}
.page A:hover {
    background: #f6f6f6 none repeat scroll 0 0;
}
.page .currentPage {
    border-radius: 5px;
    margin-left: 4px;
    padding: 8px 12px;
	background:#403623; color:#fff;
}
.paginationInfo {
    display: none;
}

/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }
@keyframes mymove{
  0% {
   transform:scale(1,1);
-ms-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-o-transform:scale(1,1); 
  }

  50%{
    transform: scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2); 
-moz-transform:scale(1.2,1.2); 
-webkit-transform:scale(1.2,1.2); 
-o-transform:scale(1.2,1.2); 
  }
    100%{
    transform: scale(1,1);
    -ms-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-o-transform:scale(1,1); 
  }
}

@-webkit-keyframes mymove{
0% {
   transform:translateY(1,1);
-ms-transform:rotate(1,1); 
-moz-transform:rotate(1,1); 
-webkit-transform:rotate(1,1); 
-o-transform:rotate(1,1); 
  }
  50%{
        transform: rotate(1.2,1.2);
    -ms-transform:rotate(1.2,1.2); 
-moz-transform:rotate(1.2,1.2); 
-webkit-transform:rotate(1.2,1.2); 
-o-transform:rotate(1.2,1.2); 
  }
  100%{
        transform: rotate(1,1);
    -ms-transform:rotate(1,1); 
-moz-transform:rotate(1,1); 
-webkit-transform:rotate(1,1); 
-o-transform:rotate(1,1); 
  }
}