﻿@charset "utf-8";
}
* {margin: 0;padding: 0;}
body {font-family: "Microsoft YaHei"; font-size: 14px; overflow-x: hidden; color: #333;}
ul,ol,li {list-style: outside none none; margin:0;}
.clear{ clear:both}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration: none;!important;font-family: "Microsoft YaHei";}
a:hover{text-decoration:none;!important; color: #e60012;}
img{ border: none; max-width:100% }
.fl{ float:left;}
.fr{ float:right;}
a{
  color: #333;
}
.w1200{
  width: 1200px;
  margin:0 auto;
}
header{
  width: 100%;
  height:81px;
  background: rgba(0,0,0,0.7);
  position: absolute;
  top:0;
  left: 0;
  z-index: 9999;
}
.logo{
  padding-top: 15px;
  display: block;
}


.menu {
    height: 81px;
    padding:0 73px;
}
.menu li {
    border-top:8px solid #fff;
    min-width: 157px;
    margin-right: 1px;
    text-align: center;
}
.menu > li {
    display: block;
    float: left;
    position: relative;
}
.menu > li:first-child {
    
}
.menu a {  
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 73px;
    padding: 0 25px;
    transition-duration: .5s;
}

.menu li:hover {
    background-color: #000;
    border-top:8px solid #f7931e;
}
.menu .ts-jia {
    color: #f7931e;
    border-top:8px solid #f7931e;
}
.menu .ts-jia a {
    color: #f7931e;
}
.menu .ts-jia a ul li a{ color:#fff;}
.menu .ts-jia a ul li a:hover{ color:#f7931e;}

.menu li:hover > a {
    color: #f7931e;
}
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px; 
    background-color: rgba(0,0,0,0.7);   
}
.submenu li {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
    border-top:none;
}
.submenu li:hover{
  border-top:none;
  background:none;
}
.submenu li a{
  line-height: 35px;
  font-size: 14px;
}
.menu .submenu li:hover a {
    border-radius: 0;
    color: #f7931e;
    font-size: 16px;

}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    background-image: url(../images/hjt.png);

}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
    padding-top:10px;
    background-repeat: no-repeat;
    background-position: top center;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.submenu li:last-child{
  padding-bottom: 10px;
}


.in-box{
  padding:20px 0;
  background: #f5f6fa;
}
.in01 dl{
  width: 390px;
  float: left;
  margin-right: 15px;
}
.in01 dl:last-child{
  margin-right:0;
}
.in01:after{
  content: "";
  display: block;
  clear: both;
}
.in01 dl dt{
  width: 390px;
  height: 234px;
  position: relative;
  overflow: hidden;
  background: #000;
}
.in01 dl dt img{
  width: 100%;
  height: 100%;
  transition-duration: .5s;
}

.in01 dl dt p{
  width: 160px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  color: #fff;
  position: absolute;
  top:0;
  left: 26px;
  transition-duration: .5s;
}
.in01 dl dd{
  padding:10px;
  height: 120px;
  background: #fff;
}
.in01 dl dd h1{
  font-size: 16px;
  font-weight: normal;
  color: #000;
  padding-bottom: 10px;
}
.in01 dl dd p{
  line-height: 22px;
}
.in01 dl:hover dt img{
  transform: scale(1.1,1.1);
  opacity: .3;
}
.in01 dl:hover dt p{
  top:50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -70px;
}
.in01 dl:nth-child(1) dt p{
  background: rgba(241,90,36,0.9);
}
.in01 dl:nth-child(2) dt p{
  background: rgba(5,102,166,0.9);
}

.in01 dl:nth-child(3) dt p{
  background: rgba(70,182,143,0.9);
}
.list01 li a {
  transition-duration: .5s;
}
.list01 li a:hover{
  color: #f7931e;
  padding-left: 5px;
}



/*wrapper*/
#picSlideWrap{}

.imgnav{  
  position:relative; 
  margin:0 auto; 
  width:100%;
}
#img{ 
  z-index:10; 
  width:100%; 
  position:relative; 
  text-align:center;
}
#img li{ 
  height:auto; 
  display:none;
}
#front{ 
  position:absolute; 
  left:0px; 
  top:0px; 
  z-index:10; 
  cursor:pointer;  
  width:394px; 
  height:578px; 
  background:url(../images/blank.gif); 
}
#front a{  
  position:absolute; 
  left:20px; 
  top:224px;
  display:block; 
  background:url(../images/imgSlideLeft.png) no-repeat;
   width:104px; 
   height:104px; 
   display:none;
 }
#next{  
  position:absolute; 
  right:0px; 
  top:0px; 
  z-index:10;
  cursor:pointer; 
  width:394px; 
  height:578px;  
  background:url(../images/blank.gif);
}
#next a{  
  position:absolute; 
  right:20px; 
  top:224px; 
  display:block; 
  background:url(../images/imgSlideRight.png) no-repeat; 
  width:104px; 
  height:104px; 
  display:none;
}

#cbtn{
  width: 1200px; margin: 0 auto; position: relative
  }
#cbtn ul{position:relative; width:10000px; height:122px;}
#cbtn ul li{ float:left;  width:166px; cursor:pointer; text-align:center; margin-right:10px; position:relative;  background: #fff; margin-top:6px;}
#cbtn ul li img{ width:166px; height:97px; display:block;opacity: 0.4; top:10px;}
#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}
#cbtn li.hov{
  height: 105px;
  margin-top:0; 
  -moz-box-shadow:0px 0px 20px #000000; 
  -webkit-box-shadow:0px 0px 20px #000000; 
  box-shadow:0px 0px 20px #000000;
}
#cbtn li.hov img{ 
  opacity: 1;
  height: 105px;
  -moz-box-shadow:0px 0px 20px #000000; 
  -webkit-box-shadow:0px 0px 20px #000000; 
  box-shadow:0px 0px 20px #000000;}
.ctrl div{ clear:both;}
.bg{
  background: rgba(0,0,0,0.7); 
  position:relative; 
  height:167px;  
  position: absolute;
  bottom:3px; 
  left: 0; z-index: 9999; width: 100%; 
}
#cSlideUl{width:1050px; height:116px;overflow:hidden; position:relative; top:35px; margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute; top:63px; left:0px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:63px; right:10px; z-index:9;}
.picSildeLeft:hover{
  opacity: 0.5;
 }
 .picSildeRight:hover{
  opacity: 0.5;
 }

.in-link{
  margin-top: 15px;
  background: #fff;
  height: 90px;
}
.link-ti{
  margin-left: 28px;
  width: 143px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  color: #fff;
  background: #f8bc41;
}

/* 首页友情链接滚动css */
.picMarquee-left{ 
  width:600px;  
  overflow:hidden; 
  position:relative;  
  margin:0 auto; 
}
.picMarquee-left .bd ul li{ 
  margin:0 3px; 
  float:left; 
  _display:inline; 
  overflow:hidden; 
  text-align:center; 
  border:1px solid #b3b2b2; 
  height: 34px;
  line-height: 34px;
}
.picMarquee-left .bd ul li a{
  padding:0 4px;
  display: block;
  transition-duration: .5s;
     }
.picMarquee-left .bd ul li .pic a:hover{ 
  background: #f7931e;
  color: #fff;
}
 .footer{
  width: 100%;
  background: #030000;
  padding:16px 0; 
  text-align: center;
  font-size: 12px;
  color: #fff;
 }
.footer a{
  color: #fff;
}
.f-menu{
  width: 100%;
  text-align: center;
 }
.f-menu a{
  padding-left: 18px;
  background-position: left center;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.f-menu a:nth-child(1){
  background-image: url(../images/1-01.png);
 }
 .f-menu a:nth-child(2){
  background-image: url(../images/2-01.png);
 }
 .f-menu a:nth-child(3){
  background-image: url(../images/3-01.png);
 }
 .f-menu a:nth-child(4){
  background-image: url(../images/4-01.png);
 }
 .f-menu a:hover{
  color: #f7931e;
 }
 .add{
  padding:5px 0;
 }
 .add span{
  background: url(../images/5-01.png) no-repeat left center;
  padding-left: 15px;
 }
 
 

.entry-share div.share-box {
    display: inline-block;
    overflow: hidden;
}
.entry-share .jiathis_style_32x32 a {
    float: left;
    width: 19px;
    height: 19px;
    color: #a8a8a8;
    font-size: 16px !important;
    display: block;
    margin-right: 5px;
}
.entry-share .jiathis_style_32x32 a:hover {
    text-decoration: none;
    color: #fff;
}
/** 图标大小 **/
.entry-share .jiathis_style_32x32 a span {
    background: transparent !important;
    width: 19px !important;
    height: 19px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    font-size: 20px !important;
    display: block !important;
    text-align: center !important;
    line-height: 19px !important;
}
/******** 更多分享 ********/
.entry-share .jiathis_style_32x32 a.jtico_jiathis {
    background: transparent !important;
    width: 19px !important;
    height: 19px !important;
    padding: 0 !important;
    font-size: 24px !important;
    display: block !important;
    text-align: center !important;
    line-height: 19px !important;
	margin-right:4px;
}
.entry-share{ padding-top:30px;}

