/*手机端导航*/
#header{background-color: #3f8dbf;float: left;width: 100%;height: 50px;color: rgba(255,255,255,1);line-height: 50px;position: fixed;left: 0px;top: 0px;z-index: 1;}
#header a {color: rgba(255,255,255,1);text-decoration: none;display: block;font-size: 15px;}
#header-left{float: left;height: 50px;}
#header-left:hover #header-left-icon{background-color: #3F8DBF;}
#header-left:hover #header-left-text{background-color: #599BC8;}
#header-left-icon{float: left;height: 50px;width: 50px;text-align: center;background-color: #35759F;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;}
#header-left-icon a {font-size: 25px;}
#header-left-text{float: left;height: 50px;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;}
#header-left-text a {padding-left: 20px;padding-right: 20px;}
#header-right{float: right;height: 50px;}
#header-right:hover #header-right-icon{background-color: #3F8DBF;}
#header-right:hover #header-right-text{background-color: #599BC8;}
#header-right-icon{float: right;height: 50px;width: 50px;text-align: center;background-color: #35759F;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;}
#header-right-text{float: right;height: 50px;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;}
#header-right-text a {padding-right: 20px;padding-left: 20px;}
.wrapper{width: 100%;}
.wrapper-inner{width:100%;
 -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */}
.mobile-inner-logo{position: absolute;top: 10px;left: 10px;width: 100px;z-index: 7;}
.mobile-inner-logo a{display: block;}
.mobile-inner-logo a img{width: 100%;}
.wrapper-inner-buttons{width: 100%;float: left;text-align: center;}
.wrapper-inner-buttons a{background-color: #3f8dbf;line-height: 35px;padding-right: 15px;padding-left: 15px;margin: 10px;display: inline-block;
text-align: center;text-decoration: none;color: #FFFFFF;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;border-radius: calc(35px / 2);}
.wrapper-inner-buttons a.current{background-color: #f5d76e;color: #d35400;}
.wrapper-inner-buttons a:hover{background-color: #35759F;color: #fff;}
.mobile{width: 100%;float: left;}
.mobile-inner{width: 100%;margin-right: auto;margin-left: auto;background-color: #fafafa;position: relative;}
.mobile-inner-header{background-color: rgba(0,0,0,0.5);width: 100%;height: 32px;position: absolute;top: 40px;left: 0px;z-index:5;}
.mobile-inner-header-icon{color: #ffffff;height: 32px;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;}
@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);
  }
}	
.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;
}
@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);
  }
}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top: 72px;left: 0px;padding-top: 30px;padding-bottom: 80px;display: none;z-index: 99;}
.mobile-inner-nav a{display: inline-block;line-height: 40px;text-decoration: none;width: 80%;margin-left: 10%;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);}
.mobile-inner-en{position: absolute;top: 0;right: 0;display: flex;justify-content: flex-end;color: #fff;margin: 5px;}
.mobile-inner-en p{line-height: 26px;z-index: 99;}
.mobile-inner-en a{font-size: 14px;color: #fff;margin: 5px;}
.mobile-inner-nav a{
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;
}
		
			
	@-webkit-keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

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

	@keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
/*手机端导航-end*/
@media only screen and (max-width: 1920px){
	.index_focus {height: 720px !important;}
	.bd{width: 100%;}
	.bd ul{width: 100% !important;height: auto !important;}
	.index_focus .bd li{width: 100% !important;}
	.index_focus .pic{width: 100% !important;}
}
/*@media only screen and (min-width:1601px) and (max-width:1920px) {
	.index_focus {height: 720px;}
	.bd{width: 100%;}
	.bd ul{width: 100% !important;height: auto !important;}
	.index_focus .bd li{width: 100% !important;}
	.index_focus .pic{width: 100% !important;}
}*/
@media only screen and (max-width: 1780px){
	.index_focus {height: 665px !important;}
}
@media only screen and (max-width: 1600px){
	.index_focus {height: 600px !important;}
	.kefz{overflow: hidden;}
}
@media only screen and (max-width: 1460px){
	.index_focus {height: 548px !important;}
}
@media only screen and (max-width: 1350px){
	.index_focus {height: 510px !important;}
}
@media only screen and (max-width: 1250px){
	.index_focus {height:450px !important;}
}
@media only screen and (max-width: 1000px){
	.index_focus {height:380px !important;}
	.footer,.inheader,.yiqjz{width: 96% !important;}
	.news{width: 100% !important;}
	.yiqjz{height: 150px !important;}
	.content{width: 100% !important;padding: 0;}
	.weizhi{padding: 20px 30px 0 30px;}
	.cany{padding: 20px 30px 30px 30px;display: flex;justify-content: center;}
	.cylt,.cyrt{width: 300px;margin: 0 15px;}
	.xzzstc { padding: 10px 30px 0 30px;}
	.tab {max-width:800px;width:100%; height: auto;display: flex;justify-content: center;}
	.sxxxw,.sxxxwli{padding: 10px 30px 30px 30px;}
	.sxxxw ul{overflow: hidden;}
	.sxxxw ul li{width: 16%;}
	.sxxxw ul li img{width: 100%; height: 100%;}
	.sxxxwli{display: flex;justify-content: flex-start;overflow: hidden;}
	#mainContainer{width: 70%;display: flex;}
	.xxwwenz{width: 25%; padding: 0 0 0 30px;}
	#DHTMLgoodies_panel_one{width: 40%;}
	#DHTMLgoodies_largeImage{width: 60%;height: auto;}
	#DHTMLgoodies_largeImage img {width: 100%;height: auto;}
	#DHTMLgoodies_largeImage td{vertical-align: top;}
	.ytjlb{padding: 10px 30px 30px 30px;}
	.kefzs{padding: 10px 30px 30px 30px;overflow: hidden;}
	.hqbanner{width: 53%;}
	.zstab{width: 45%;}
	.yud{width: 45%;}
	.about,.liuy,.nynews{padding: 10px 30px 30px 30px;}
	.nynewli img{width: 100% !important;height: auto !important;}
	.nynewli p{width: 100% !important;word-wrap:break-word}
	.nynewli div{width: 100% !important;word-wrap:break-word}
	.nynewli font{width: 100% !important;word-wrap:break-word}
	.nynewli p {margin: 5px 0; text-align: justify;}
	.nynewli h1{margin-bottom: 15px;}
}
@media only screen and (max-width:930px){
	.flt{width: 85%;}
	.frt{width: 15%;}
	.xjj{width: 35%;}
	.zhao{width: 55%;}
	.newlt{width: 8%;}
	#Scroll{width: 87%;}
	.yunq {display: flex; justify-content: center;}
	.hqbanner {width: 48%;}
	.hqrt {width: 45%;margin-left: 3%;}
	.zstab{width: 50%;}
}
@media only screen and (max-width:900px){
	.index_focus {height:340px !important;}
	.wenzijz{height: 150px;}
}
@media only screen and (max-width:840px){
	.yunq {display: block; justify-content: inherit;}
	.hqbanner {width:100%;float: none;margin: 0 auto;}
	.hqrt {width:60%;margin-left:0%;float: none;margin: 0 auto 20px auto;}
	.blueberry .slides{height: auto !important;width: 60%;margin:0 auto;}
	.blueberry .slides li img{height: 100%;width: 100%;}
	.zstab {width: 60%;margin: 10px auto;float: none;}
	.yud{width: 60%;margin: 10px auto;float: none;}
}
@media only screen and (max-width:810px){
	.sxxxw ul li{margin: 0 14px;}
}
@media only screen and (max-width:800px){
	.wenzijz{width: 100%;}
	.index_focus_info h3{font-size: 30px;}
	.index_focus_info .text{font-size: 13px;}
	.index_focus {height:300px !important;}
	.flt{width: 80%;}
	.frt{width: 20%;}
	.tab .tab_pic{width: 45% !important;height: 100%;height: 285px;}
	.tab .tab_pic ul,
	.tab .tab_pic ul li,
	.tab .tab_pic ul li img{width: 100% !important;height: 100%;}
	.tab .tab_pic ul li a{display: block;height: 100%;}
	.btn_bg,.btn_ct{width: 100%;}
	.tab .tab_txt{width: 48% !important;height: 285px;}
	.sxxxwli{display: block;justify-content: inherit;}
	#mainContainer{width: 100%;display: flex;}
	.xxwwenz{width:100%; padding: 0;}
	.xxwwenz div{overflow: hidden;}
	.xxwwenz p{float: left;width: 25%;}
	.xxwwenz p:first-child{margin-top: 10px;}
	#search{width: 100%;}
	#search UL{overflow: hidden;}
	#search UL li{float: left;width: 49%;margin-right: 1%;}
	#DHTMLgoodies_panel_one{width: 35%;}
	#DHTMLgoodies_largeImage{width:65%;height: auto;}
	#DHTMLgoodies_largeImage img {width: 100%;height: auto;}
	#DHTMLgoodies_largeImage td{vertical-align: top;}
}
.appban{display: none;}
@media only screen and (max-width:768px){
	.menu{width: auto !important;}
	.menu ul li a{font-size: 14px !important;}
	.newlt{width: 10%;}
	#Scroll{width: 85%;}
	.sxxxw ul li{margin: 0 11.5px;}
	
	/*PC端banner*/
	.index_focus{display: none;}
	.appban{display: block !important; }
	.appban .apb_vid{width: 100%;}
	 .apb_vid img{display: block;width: 100%;}
	 
}




@media only screen and (max-width:735px){
	.cyimg img{width: 100%;height: auto;}
	.cylt,.cyrt{width:48%;margin: 0 5px;}
	.tab .tab_txt,.tab .tab_pic{height: 245px;}
	.yud #search UL li{width: 100%;}
}
@media only screen and (max-width:700px){
	.index_focus {height:265px !important;}
	.index_focus_info{bottom: 0%;}
	.yiqjz,.wenzijz{height: 110px;}
	.index_focus_info h3{font-size: 25px;line-height: 50px;}
	.index_focus_info .text{line-height: 20px;}
	.xjj {width:100%;border-bottom: #444 solid 1px;border-right: none;}
	.zhao{width: 100%;margin-top: 15px;}
	.flt{width: 75%;}
	.zstab {width: 80%;}
}
@media only screen and (max-width:673px){
	.jlbtp,.jlbbt{display: flex; justify-content: center;float: none;margin-top: 20px;}
	.mosaic-block{width: 50%;height: 100%;margin: 0 10px !important;}
	.mosaic-backdrop {position: inherit;}
	.mosaic-backdrop  img{width: 100%;height: 100%;}
}
.wrapper{display:none;}
@media only screen and (max-width:650px){
	.header{display: none;}
	.wrapper{display: block;}
	.index_focus {height:245px !important;z-index: 1;}
	.flt{width:100%;border-bottom: #444 solid 1px;padding: 0 0 15px 0;margin-bottom: 15px ;}
	.frt{width: 100%;}
	.yiqjz,.wenzijz{height:80px;}
	.index_focus_info h3{font-size: 22px;line-height: 40px;}
	.index_focus_info .text{font-size:12px;line-height:19px;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;width: 100%;}
	.index_focus_info {bottom: -8%;}
	.news{display: flex;z-index: 5;}
	.newlt{width: auto !important;}
	#Scroll{width:auto !important;}
	.index_focus_info h3,
	.index_focus_info .text{padding:0 10px !important;}
	.tab .tab_txt,.tab .tab_pic{height: 220px;}
	.sxxxw ul li{margin: 0 10px;}
	#TB_window{width: 96% !important;left: 2% !important;}
	#TB_ajaxContent{width: 94% !important;}
	.kefang{width: 100% !important;}
	#zfyd p{text-align: center;padding: 20px 0 0 0 !important;}
	#loginbox {width: 100%;margin: 10px;}
	
	/*#TB_ajaxContent*/
}
@media only screen and (max-width:620px){
	#mainContainer{display: block;}
	#DHTMLgoodies_panel_one,#DHTMLgoodies_thumbs,.DHTMLgoodies_arrows {width: 100%;}
	#DHTMLgoodies_largeImage{width: 100%;float: none;padding: 0;}
	.xxwwenz p{width: 50%;}
}
@media only screen and (max-width:590px){
	.index_focus_info {bottom: -24%;}
	.index_focus_info .text{display: none !important;}
	.yiqjz,.wenzijz{height:70px;}
	.index_focus_info h3 {font-size: 22px;line-height: 70px;text-align: center;}
	.tab {height: auto;display: block;justify-content: inherit;}
	.tab .tab_txt, .tab .tab_pic {  height: auto !important; width: 96% !important; float: none;}
	.tab .tab_txt{margin: 0px auto 10px auto;}
	 .tab .tab_pic{margin: 10px auto 0px auto;}
	.tab .tab_txt ul li{height: auto;}
	.tab_san {top:inherit;bottom: -8px;right: 50%;transform: rotateZ(90deg);}
	.hqrt {width:70%;}
	.blueberry .slides,.yud {width: 70%;}
}
@media only screen and (max-width:560px){
	.sxxxw ul li {width: 28.5%;margin: 10px;}
}
@media only screen and (max-width:550px){
	.weizhi{padding: 20px 20px 0 20px;}
	.cany {display: inline-block;justify-content: inherit;  overflow: hidden;padding: 20px;}
	.cylt, .cyrt {width: 96%;margin: 5px auto; float: left;}
	.zstab {width:90%;}
}
@media only screen and (max-width:490px){
	.index_focus {height:185px !important;}
	.index_focus_info{bottom: -35%;}
	#Scroll ul li a{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
#Scroll ul li{overflow: hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.newlt{width:90px !important;}
#Scroll{width: 80%;}
.content{margin-top: 110px;}
.hqrt {width:80%;}
	.blueberry .slides,.yud {width: 80%;}
	.sxxxw ul li {width: 28%;}
	.zstab {width:100%;}
}
@media only screen and (max-width:435px){
	.sxxxw ul li {width: 27%;}
	.kefzs {padding: 10px;}
	/*#zfyd tr{display: flex;justify-content: flex-start;}*/
	#zfyd td{display: block;float: left;width: 50%;}
	#zfyd td.bfont{width:36%;}
	.txtbox,.txtbox2{width: auto;}
	#search UL li{width: 100%;margin-right: 0;float: none;}
}
@media only screen and (max-width:414px){
	.mobile-inner-logo {width: 80px;}
	.mobile-inner-header {height: 26px; top: 34px;}
	.mobile-inner-header-icon{height: 26px;}
	.yiqjz,.wenzijz{height:50px !important;}
	.index_focus_info h3 {font-size: 20px;line-height:50px;}
	.index_focus {height:150px !important;}
	.index_focus_info {bottom: 20%;}
	.mobile-inner-nav{top: 60px;}
	.hqrt {width:90%;}
	.blueberry .slides,.yud {width: 90%;}
	.th_tit01{width: 40px;}
	.th_tit02 {width: 40px;}
}
@media only screen and (max-width:375px){
	.sxxxw ul li {width: 26%;}
	.th_tit01{width:35px;}
	.th_tit02 {width: 35px;}
	.th_tit03 {width: 50px;}
}
@media only screen and (max-width:360px){
	.index_focus_info {bottom: 15%;}
	.th_tit05,.th_tit04{width: 70px;}
}
@media only screen and (max-width:335px){
	.sxxxw ul li {width: 25%;}
}
@media only screen and (max-width:320px){
	.index_focus_info {bottom:5%;}
}