@charset "utf-8";
* {margin: 0;padding: 0;}
@font-face { font-family: 'icomoon'; src: url('icomoon.ttf') format('truetype'); font-weight: normal;  font-style: normal;}
[class^="icon-"], [class*=" icon-"], [class*="owl-"] { font-family: 'icomoon' !important; speak: none; font-style:normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
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;}
img{ border: none;}
.fl{ float:left;}
.fr{ float:right;}
a{
  color: #333;
}

header{
    width: 100%;
	position:fixed;
	top:0; left:0;
	background:#fff;
	z-index:9999;
  box-shadow: 0 4px 4px rgba(0,0,0,.1);
}
.wrapper{
	width:90%; margin:0 auto;
}
.dhh{color:#fff; float:left; padding:0 10px 0 15px; line-height:62px; font-size:14px;}
/*.logo{ padding-top:20px;}*/

.search{
  width:35px;
  height:35px;
  overflow:hidden;
  position: absolute;
  right:5%;
  top:30px;
  z-index:9999;
}
.search .inputB{
  display:inline;
  float:right;
  width:35px;
  height:35px;
  background:url(sear.jpg) no-repeat 0 0;
  border:none;
  cursor:pointer;
  }
.search .inputT{
  display:inline;
  float:right;
  width:105px;
  height:35px;
  background:none;
  border:none;
  position:absolute;
  top:0;
  right:97px;
  display:none;
  color:#fff;
  line-height:110px;
  text-align:left;
  padding-left: 15px;
  outline: none;
  font-family: "Microsoft YaHei";
  opacity: 0.7
  }
.search .inputT::-webkit-input-placeholder {color:#fff;}
.search .inputT::-moz-placeholder {color:#fff;}
.search .inputT:-moz-placeholder {color:#fff;}

.xs-top{
    display: none;
}

/*xs菜单样式开始*/

.mobile-inner-nav a{
      -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: bounceInRight;
      animation-name: bounceInRight;
    }
       
.mobile{
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
}
.mobile-inner{
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner img{
  width: 100%;
  margin-bottom: 30px;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  margin:0px;
}
.mobile-inner-header{
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
}
.mobile-inner{
  
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  
.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

.mobile-inner-nav{
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  position: absolute;
  top: 10px;
  left: 0px;
  padding-bottom: 30px;
  display: none;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 85%;
  margin-left: 5%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}
/*菜单结束*/



.slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
  height:100%;
}
.slideBox .bd{ 
  position:relative; 
  height:100%;
}
.slideBox .bd ul{
	height:100%;
	}
.slideBox .bd li{ 
  vertical-align:middle;
  position:relative;
  height:100%;
  position:relative;
}
.slideBox .bd li dl { position:absolute; left:10px; bottom:50px; color:#fff;}
.slideBox .bd li dl dt{ font-size:20px; font-weight:bold;}
.slideBox .bd img{ 
  width:100%; 
  height: 100%;
  display:block;  
  animation: changeScale 1 2.5s;
}

.slideBox .hd{ 
  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
 text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:10px; 
  height:10px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
}
.slideBox .hd ul li.on{ 
  background:#00488e;
}
.in-box{ padding-top:0px;}
.roll-box{padding-top: 40px;margin: 0 -12px;width: 1424px;}
.in-cy{ padding:60px 0;width: 100%}
.in-ti{ text-align:center; width:100%;}
.in-ti p{ font-size:30px; color:#333;}
.in-ti span{ display:block; text-transform:uppercase; font-size:48px; color:#333; opacity:0.14; padding-bottom:40px;}
.cy01 > dl{ width:32%; float:left; margin-right:2%;}
.roll-box{width: 100%}
.roll-box dl{overflow: hidden; margin: 0 12px;}
.cy01 > dl:last-child{margin-right: 0}
.cy01 > dl dt,.roll-box dl dt{ width:100%; overflow:hidden; }
.cy01 > dl dt img,.roll-box dl dt img{ width:100%; height:auto; display:block; transition-duration:.5s;}
.cy01 > dl dd,.roll-box dl dd{ background:#f6f6f6; padding:20px 30px; transition-duration:.5s;}
.cy01 > dl dd h1,.roll-box dl dd h1{ font-size:22px;}
.cy01 > dl dd p,.roll-box dl dd p{ font-size:18px; padding:20px 0;}
.cy01 > dl dd p a:hover,.roll-box dl dd p a:hover{ color:#a30022;}
.cy01 > dl dd span,.roll-box dl dd span{ display:block; text-align:justify; line-height:1.5;}
.cy01 > dl:hover dt img,.roll-box dl:hover dt img{ opacity:.5; transform:scale(1.1,1.1)}
.cy01 > dl:hover dd,.roll-box dl:hover dd{ background:#dbd5d5;}
.cy01:after{ content:""; clear:both; display:block;}
.roll-box .owl-buttons {position: absolute;top:-60px;left:0;width: 100%;text-align: center;}
.roll-box .owl-controls .owl-prev, .roll-box .owl-controls .owl-next{ font-size: 0; color: #fff; width:30px; height:30px; background: #5f6566; vertical-align: middle; text-align: center;transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;margin:0 3px;display: inline-block;}
.roll-box .owl-controls .owl-prev:hover, .roll-box .owl-controls .owl-next:hover{ color: #fff;background: #a50022}
.roll-box .owl-controls .owl-prev:hover{text-indent: -10px;}
.roll-box .owl-controls .owl-next:hover{text-indent: 10px;}
.roll-box .owl-controls .owl-prev:before, .roll-box .owl-controls .owl-next:before{ content: "\e900"; font-size: 11px;line-height: 30px;}
.roll-box .owl-controls .owl-next:before {content: "\e901";}
.roll-box .more{width: 100%;text-align:center;padding-top: 50px;padding-bottom: 30px}
.roll-box .more a{color: #fff;background: #a50022;padding: 10px 40px;border-radius: 3px}
.roll-box .more a:hover{background: #6e0017}

@media(max-width:760px){
  .roll-box dl{margin: 0}
  .roll-box dl dd{ padding:20px;}
  .roll-box .owl-buttons {top: -50px}
}

.yx-xi{ width:100%; background:#f7f7f7; padding:40px 0;}
.yx-le{ float:left; width:100%;}
.Menubox{ width:50%;}
.Menubox li{float:left;display:block;cursor:pointer; text-align:center; height:50px; margin-right:12px; line-height:50px; width:40%; background:#333333; color:#fff; font-size:18px; margin-bottom:10px;}
.Menubox li.hover{ background:#a30022;}
.Contentbox{clear:both;  background:#fff; }
.xi01{ padding:30px 0;}
.xi01 dl{ border-bottom:1px dashed #d1d1d1; padding-bottom:20px; margin-bottom:20px;}
.xi01 dl dt{ font-size:16px; color:#555; padding-bottom:10px; transition-duration:.5s;}
.xi01 dl dd{ font-size:14px; color:#7d7d7d;}
.xi01 dl:hover dt{ padding-left:10px;}

.xi01 ul li{ font-size:16px; border-bottom:1px dashed #c0c0c0; line-height:1.8; padding-bottom:10px;  width:95%; margin:0 auto 10px auto;}
.xi01 ul li span{ font-size:14px; display:block;}

.Menubox11{ width:52%; float:left;  margin-top: 30px;
    height: 373px;
    overflow: auto; background:#fff;}
.Contentbox11{ width:47%;  margin-top: 30px;}
.Menubox22{ width:52%; float:left;  margin-top: 30px;
    height: 373px;
    overflow: auto; background:#fff;}
.Contentbox22{ width:47%;  margin-top: 30px;}
.yx-ri{ width:100%;}
.yx-ri p{ overflow:hidden; background:#000;}
.yx-ri p img{ width:100%; height:100%; transition-duration:.5s;}
.yx-ri p:hover img{ opacity:.5; transform:scale(1.1,1.1)}
.sq-sear{ height:50px; margin-bottom:10px;}
.se01{ width:90%; height:50px;-moz-box-shadow:0px 6px 5px #969696; -webkit-box-shadow:0px 6px 5px #969696; box-shadow:0px 6px 5px #969696; float:left; }
.sk01{background:#fff; border:none; width:95%; height:50px; outline:none; padding-left:5%;font-family: "Microsoft YaHei";}
.se02{ width:10%; height:50px; float:right;}
.sk02{ width:100%; height:50px; border:none; background:url(sou.png) no-repeat center center #a30022;}
.in-ab{ margin:60px 0;}
.ab-le{ width:50%; overflow:hidden;float:left; background:#000; position:relative; }
.ab-le img{ width:100%; transition-duration:.5s; display:block; opacity:0.7}
.ab-le:hover img{ transform:scale(1.1,1.1);opacity:.5;}
.ab-ri{ width:50%; float:right; overflow:hidden; background:#000;}
.ab-ri img{ width:100%; height:50%; display:block; transition-duration:.5s; overflow:hidden;}
.ab-ri .ss-tu01:hover{ opacity:.4; transform:scale(1.1,1.1);}
.ss01{ overflow:hidden;}
.ab-le dl{ position:absolute; top:6%; left:5%; color:#fff; display:block; width:95%;}
.ab-le dl dt div{ font-size:30px; }
.ab-le dl dt p{ text-transform:uppercase; font-size:24px; opacity:0.6; padding:5px 0 10px 0;}
.ab-le dl dt span{ display:block; width:30px; height:5px; background:#fff;}
.ab-le dl dd p{ width:80%; text-align:justify; font-size:16px; line-height:1.7; padding:20px 0;}
.ab-le dl dd div{ position:relative; width:120px; height:45px; }
.ab-le dl dd div a{ display:block; width:120px; height:45px; line-height:45px; text-align:center; color:#fff; opacity:0.5; font-family:"Arial"; border:1px solid #b5b5b6; z-index:2; position:relative;}
.ab-le dl dd div span{ width:0; height:101%; background:#c6002f; position:absolute; top:0; left:0; transition-duration:.5s; z-index:1;}
.ab-le dl dd div:hover span{ width:101%;}
.in-ab dl:hover .ab-le img{ opacity:.5; transform:scale(1.1,1.1);}
.in-new-xi{ width:100%; background:#f5f5f5;/**/}
.in-new-xi dl{ width:31.33%; padding:50px 0 50px 2%; float:left; min-height:240px;}
.in-new-xi dl dt span{ font-size:70px; font-family:"Arial"; color:#1c1c1c;}
.in-new-xi dl dd p a{ font-size:16px; color:#1c1c1c;}
.in-new-xi dl dd span{ color:#8e8e8e; padding:10px 0; display:block; width:80%; line-height:1.8;}
.in-new-xi dl:hover{ background:url(in_pic08.jpg); color:#fff;}
.in-new-xi dl:hover dt span{ color:#fff;}
.in-new-xi dl:hover dd p a{ color:#fff;}
.in-new-xi dl:hover dd span{ color:#fff;}
.in-new-xi dl dd .jt{ transition-duration:.5s; background:url(jt.png); display:block; width:37px; height:12px;}
.in-new-xi dl:hover dd .jt{  background:url(jt1.png); width:44px; height:21px;}
.in-new-xi dl:nth-child(2){ background:#fff;}
.in-new-xi dl:nth-child(2):hover{ background:url(in_pic08.jpg); color:#fff;}
.in-xx{ padding:50px 0;}
.xx01{ width:42%; float:left;}
.xx01 dl dd div{ font-size:20px;}
.xx01 dl dd p{ color:#939393; text-transform:uppercase; padding:12px 0 20px 0;}
.xx01 dl dd i{ display:block; width:30px; height:3px; background:#a30022; margin-bottom:48px;}
.xx01 dl dd span{ font-size:16px;}
.xx01 dl dt{ padding-top:20px;}


.link li{
	margin-bottom:24px;
}

.link li select{
	width: 239px;
	height: 33px; background:none;
	color: #fff;
  font-family: "Microsoft YaHei"; text-align:center;
}

.link li select option{
  color: #333;
}

.logo2{padding-left: 10px; width:30%; padding-top:13px;}
.banner2{ display:none;}
.vv-ti{ display:none; padding-top:20px; background:#fff;}

.banner-lx{ position:absolute; right:3.6%; bottom:6.7%; z-index:9999; color:#fff; font-size:16px; width:20%; z-index: 10}


.new-more{ text-align:center; padding-top:20px;}
.new-more a{  background:#a50022; color:#fff; display:block; width:120px; height:40px; text-align:center; line-height:40px; margin:0 auto;border-radius: 3px}
.new-more a:hover{background: #6e0017}

/*.ts-xw dl:nth-child(1){  background:url(in_pic08.jpg); color:#fff;}
.ts-xw dl:nth-child(1) dt span{ color:#fff;}
.ts-xw dl:nth-child(1) dd p a{ color:#fff;}
.ts-xw dl:nth-child(1) dd span{ color:#fff;}

.ts-xw dl:nth-child(2):hover{ background:#f1efef}

.ts-xw dl:nth-child(2):hover dt span{ color:#1c1c1c;}
.ts-xw dl:nth-child(2):hover dt p{ color:#333;}
.ts-xw dl:nth-child(2):hover dd p a{ color:#333;}
.ts-xw dl:nth-child(2):hover dd span{ color:#1c1c1c;}*/

.sy-zz01{	
	display: none;
	z-index: 9999;
	position: relative;
	border-bottom: 1px dashed #c0c0c0;
	padding-bottom: 10px;
    margin-bottom: 10px;
}
.sy-img1{font-size: 16px;
    border-bottom: 1px dashed #c0c0c0;
    line-height: 1.8;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 95%;}

.yxwl-more{ display:none;}


.ne-banner{ width:100%;}
.ne-banner img{ width:100%; display:block;}
header{
    width: 100%;
	
	background:#fff;
	z-index:9999;
}
.wrapper{
	width:90%; margin:0 auto;
}

.logo{ padding-top:10px;}

.search{
  width:35px;
  height:35px;
  overflow:hidden;
  position: absolute;
  right:5%;
  top:30px;
  z-index:9999;
}
.search .inputB{
  display:inline;
  float:right;
  width:35px;
  height:35px;
  background:url(sear.jpg) no-repeat 0 0;
  border:none;
  cursor:pointer;
  }
.search .inputT{
  display:inline;
  float:right;
  width:105px;
  height:35px;
  background:none;
  border:none;
  position:absolute;
  top:0;
  right:97px;
  display:none;
  color:#fff;
  line-height:110px;
  text-align:left;
  padding-left: 15px;
  outline: none;
  font-family: "Microsoft YaHei";
  opacity: 0.7
  }
.search .inputT::-webkit-input-placeholder {color:#fff;}
.search .inputT::-moz-placeholder {color:#fff;}
.search .inputT:-moz-placeholder {color:#fff;}

.menu {
    height: 89px;
    padding-right:70px;
}
.menu li {
    margin-right: 1px;
    text-align: center;
}
.menu > li {
    display: block;
    float: left;
    position: relative;
}
.menu > li:first-child {
    
}
.menu a {  
    color: #282828;
    display: block;
    font-size: 16px;
    line-height: 89px;

    transition-duration: .5s;
}

/*.menu li:hover {
	background: url(hjt.png) no-repeat bottom center;
}*/


.menu li:hover > a {
    color: #a30022;
}

.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:#a30022;   
}
.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;
	border-bottom:1px solid #ba4059;
}
.submenu li:hover{
  border-top:none;
  background:none;
}
.submenu li a{
  line-height: 35px;
  font-size: 14px;
  color:#fff;
  background:url(bsj.png) no-repeat 15% center
}
.menu .submenu li:hover a {
    border-radius: 0;
    color: #f7931e;

}
.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:nth-child(3) ul.submenu{
  width: 180%;
  left: -40%
}

.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;

}
.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;
}

.xs-top{
    display: none;
}

/*xs菜单样式开始*/

.mobile-inner-nav a{
      -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: bounceInRight;
      animation-name: bounceInRight;
    }
       
.mobile{
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
}
.mobile-inner{
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner img{
  width: 100%;
  margin-bottom: 30px;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  margin:0px;
}
.mobile-inner-header{
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
}
.mobile-inner{
  
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  
.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

.mobile-inner-nav{
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  position: absolute;
  top: 10px;
  left: 0px;
  padding-bottom: 30px;
  display: none;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 85%;
  margin-left: 5%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}
/*菜单结束*/

/*搜索框弹出*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 450px; height: 140px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -225px; z-index: 10000;  }
.dialogTop{width:90%;margin:0 auto;letter-spacing:1px;padding:10px 0; font-size:16px;}
.dialogTop a{ color:#fff;}
.tc-ss{ width:90%; margin:0 auto; padding:20px 0;}
.tc-ss ul{border-bottom: 2px solid #fff;}
.tc-ss ul .sk03{ width:90%; float:left}
.tc-ss ul .sk03 input{ width:100%; background:none; height:40px; line-height:40px; color:#fff; font-size:16px;}
.sk04 input{ width:20px; height:20px; background:url(sear.png) no-repeat center center; padding:10px 0 0 20px; cursor:pointer;}

.menu li {
    padding: 0 32px;
}

@media (min-width: 1441px) {
      .wrapper{
        width:1400px; margin:0 auto;
    }
.menu li {
    padding: 0 32px;
}
.in-ab dl{left:28%; width:72%; }
.search{

  right:14%;

}
}
@media (max-width: 1310px){
  .in-ab dl dd p{ line-height:1.5; padding:10px 0;}
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .menu li {
      padding: 0 15px;
  }
}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {
.menu li {
    padding: 0 5px;
}
.logo img{ width:80%;}
.header_left .menu{ height:52px;margin-top:15px;}
.dhh{ line-height:52px;}
.in-ab dl dd p span{ display:none;}
}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){
.menu li {
    padding: 0 4px;
}
.menu a{ font-size:14px;}
.logo img{ width:70%;}
.header_left .menu{ height:42px;margin-top:18px;}
.dhh{ line-height:42px;}
.in-ab dl dd p span{ display:none;}
.in-ab dl dd div a{ height:35px; line-height:35px;}
.in-ab dl dd p{ font-size:14px;}
.ad{display: none;}
.banner-lx{display: none;}
}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
header{
    display: none;
}
.xs-top{
    display: block;
}
.banner-lx{display: none;}
.logo img{ width:70%;}
.header_left .menu{ height:42px;margin-top:18px;}
.dhh{ line-height:42px;}
.logo2{ width:20%;}
.banner{ padding-top:0;}
.slideBox{ height:auto;}
.in-ti p{ font-size:20px;}
.in-ti span{ font-size:16px;}
.cy01 dl{ width:100%; margin-bottom:20px;}
.yx-le{ width:100%; margin-bottom:20px;}
.Menubox li{ font-size:14px;}

.yx-ri { width: 100%;}
.yx-ri p{ height:auto;}
.ab-le{ width:100%;}
.ab-ri{ width:100%;}
.in-ab dl{ top:20px; width:90%;}
.in-ab dl dt div{ font-size:20px;}
.in-ab dl dt p{ font-size:16px;}
.in-ab dl dd p{ width:95%; font-size:14px; line-height:1.7;}

/*.in-ab dl dd div{ display:none;}*/
.in-new-xi dl{ width:98%; min-height:auto}
.xx01{ width:100%; margin-bottom:40px;}
.xx01 dl dt{ display:none;}
.xx01 dl dd i{ margin-bottom:15px;}
.banner2{ display:block;}
.banner{ display:none;}
.vv-ti{ display:block;}
.in-ab dl dd div a{ height:35px; line-height:35px;}
.ts-xw dl:nth-child(1){  background:url(in_pic08.jpg); color:#fff;}
.ts-xw dl:nth-child(1) dt span{ color:#fff;}
.ts-xw dl:nth-child(1) dd p a{ color:#fff;}
.ts-xw dl:nth-child(1) dd span{ color:#fff;}
.Menubox{ width:100%;}
.Menubox11{ width:100%;}
.Contentbox11{ width:100%;}
.Menubox22{ width:100%;}
.Contentbox22{ width:100%;}
.ad{display: none;}
.xs-top {
    display: block;
}
header {
    display: none;
}
}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
.banner-lx{display: none;}
.ad{display: none;}
.logo img{ width:52%;}
.header_left .menu{ height:40px;margin-top:12px; width:87px;}
.dhh{ line-height:40px;}
.banner{ padding-top:0;}
.slideBox{ height:auto;}
.in-ti p{ font-size:20px;}
.in-ti span{ font-size:16px; padding-bottom:20px;}
.cy01 dl{ width:100%; margin-bottom:20px;}
.yx-le{ width:100%; margin-bottom:20px;}
.Menubox li{ font-size:14px;}

.yx-ri { width: 100%;}
.yx-ri p{ height:auto;}
.ab-le{ width:100%;}
.ab-ri{ width:100%;}
.in-ab dl{ top:20px; width:90%;}
.in-ab dl dt div{ font-size:20px;}
.in-ab dl dt p{ font-size:16px;}
.in-ab dl dd p{ width:95%; font-size:14px; }
.in-ab dl dd p span{ display:none;}
/*.in-ab dl dd div{ display:none;}*/
.ab-le dl dd div{ height:35px;}
.in-new-xi dl{ width:98%;  padding: 30px 0 30px 2%;}
.xx01{ width:100%; margin-bottom:40px;}
.xx01 dl dt{ display:none;}
.xx01 dl dd i{ margin-bottom:15px;}
.banner2{ display:block;}
.banner{ display:none;}
.in-cy{ padding:20px 0;}
.cy01 dl dd h1{ font-size:18px;}
.cy01 dl dd p{ font-size:16px; padding:10px 0;}
.in-ab{ margin:20px 0;}
.in-new-xi dl{ min-height:auto;}
.in-new-xi dl dt span{ font-size:30px;}
.f-ewm{ padding:0; margin-bottom:20px;}
.f-lx{ width:100%;}
.vv-ti{ display:block;}
.in-ab dl dd div a{ height:35px; line-height:35px;}
.Contentbox{ overflow:hidden;}

.ts-xw dl:nth-child(1){  background:url(in_pic08.jpg); color:#fff;}
.ts-xw dl:nth-child(1) dt span{ color:#fff;}
.ts-xw dl:nth-child(1) dd p a{ color:#fff;}
.ts-xw dl:nth-child(1) dd span{ color:#fff;}
.Menubox{ width:100%;}
.Menubox11{ width:100%; overflow:hidden; margin-bottom:20px;}
.Contentbox11{ width:100%;}
.Menubox22{ width:100%;}
.Contentbox22{ width:100%;}
.yxwl-more{ display:block;}
.xi01{ padding:10px 0;}
.xs-top {
    display: block;
}
header {
    display: none;
}
.Menubox11-gai{ width:100%; overflow:auto;}
}





 @-webkit-keyframes bounceInRight {
      from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }

      from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
      }

      60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
      }

      75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
      }

      90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
      }

      to {
        -webkit-transform: none;
        transform: none;
      }
    }

    @keyframes bounceInRight {
      from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }

      from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
      }

      60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
      }

      75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
      }

      90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
      }

      to {
        -webkit-transform: none;
        transform: none;
      }
    }
    @keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
} 



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
@keyframes clickfirst {
  0% {
    transform: translateY(4px) rotate(0deg);
    
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
} 



@keyframes clicksecond {
  0% {
    transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
} 
@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}