/* CSS Document */
*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{ height:100%; width:100%;    position: relative;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:1200px; overflow-x:hidden; padding:0px;
}

body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
:focus{outline:none;}/*聚焦边框样式取消*/
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;
}
a:hover{
	color: #219A53;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10s;
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    -o-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}




.foot{

	background-color: #2D2D2D;  clear:both;	box-sizing: border-box; padding-top:50px; padding-bottom:20px;
}
#page_index .foot{height:calc(100vh - 180px); padding-bottom:0;}
.link{ background-color:#219A53; color:#FFFFFF;  }
#page_index .link{padding-top:100px;}
.link .box{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.6); padding-top:25px; padding-bottom:25px;
}
.link .box>div{	background-image: url(1_r6_c1_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: left center;padding-left:30px;}

.link,.link a{ color:#ffffff;}
.copy{	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.2); color:#FFFFFF; color:rgba(255,255,255,0.8); padding-top:20px; font-size:12px; margin-top:100px; clear:both;}
.copy,.copy a{ color:rgba(255,255,255,0.8);}
#page_index{ height:100vh; width:100%;}
/*#page_index .swiper-page{height:100vh;overflow: hidden;}*/
.flash-next{ right:30px;}
.flash-prev{ left:30px;}
#page_index,#page_index  .swiper-page{transform: translate3d(0,0,0);
overflow: hidden; }
:root{--swiper-theme-color:rgba(255,255,255,0.3);}
.flash .swiper-button-next::after,.flash  .swiper-button-prev::after{ color:#FFFFFF;}
.swiper-pagination-vertical.swiper-pagination-bullets{ position:fixed; z-index:100;}
.swiper-pagination-vertical .swiper-pagination-bullet{
	width:10px;
	height:10px;
	background-color:rgba(0,0,0,0);
	border: 2px solid #ffffff;
}
.swiper-pagination-vertical .swiper-pagination-bullet-active{filter: drop-shadow(0 0 5px #ffffff);}










.box{ width:90%; margin:auto;min-width:1200px;}



#top{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.6);*/
}
#top.fixed{ background-color:rgba(0,0,0,0.3);}
.nav{font-size:18px; padding-top:15px; padding-bottom:15px; line-height:50px; }
.nav>ul{ float:left;}
.nav,.nav a{ color:#ffffff;}
.nav ul li{ float:left; position:relative; }
.nav ul li a{display:block; padding-left:45px; padding-right:45px; position:relative; /*font-weight:bold;*/-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s; }
.nav ul li ul li{ width:100%; text-align:left;}
/*.nav ul li ul li>a{ padding-left:30px;}*/
.nav ul li ul{ position:absolute; top:50px; left:0; width:100%;  font-size:15px; line-height:35px; display:none;-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;border-radius:0 0 5px 5px;}

.nav ul li ul ul{ left:100%; top:0;border-radius:0 5px 5px 0;}
.nav ul li ul li>a{
	padding-right:20px; padding-left:30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(255,255,255,0.1);
	border-bottom-color: rgba(0,0,0,0);-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s; font-weight:normal;
}
.nav ul li ul li:hover>a{ padding-left:20px;}
/*.nav ul li ul li>a:after{ content:''; position:absolute; bottom:0; left:0; height:2px; background-color:rgba(255,255,255,0.8); width:0;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}*/
.nav ul li a span{ display:inline-block; position:relative;}
/*.nav ul li.nodes>a>span{ display:block;}*/
.nav ul li:hover> ul{ display:block;}
.nav ul li.nodes:hover>a{border-radius:5px 5px 0 0;}

.nav ul li.active >a >span:after{ content:''; position:absolute; bottom:0; left:0; width:100%; background-color:#ffffff; height:3px;}

.nav ul li ul li:hover>a{border-top-color: rgba(255,255,255,0);}
.nav ul li ul li:hover+li>a{border-top-color: rgba(255,255,255,0);}
.nav ul li ul li:hover>a:after{ width:100%;}

.nav ul li ul li>a:before{  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  content: "\eb8a";}
 .nav ul li ul li>a:hover{ background-color:#009944; background-color:rgba(0,153,68,0.8);} 
 .nav .search{ padding-left:15px; padding-right:15px;}
 .nav  .search i{ font-size:22px; line-height:50px;}
 .nav .search i,.nav .lang>a{color:rgba(255,255,255,0.8); cursor:pointer;}
  .search:hover,.lang:hover{border-radius:5px;}
  
    .search:hover,.lang:hover,.nav ul li.nodes:hover>a,.nav ul li ul{background-color:rgba(0,0,0,0.3);}
  
 .nav  .search:hover i,.nav .lang>a:hover{color:rgba(255,255,255,1);}
 .nav .lang>a{ display:block; padding-left:10px; padding-right:10px;}

  
  
  .searchbg{ width:500px; height:200px; position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-200px; z-index:101; color:#FFFFFF; }
  .searchbg+.bg{ display:none;}
  .searchbg.hover+.bg{ background-color:#333333; position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; }
  .searchbg{/*display:none; */
  -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;  
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
  
  }  
  .searchbg.hover,.searchbg.hover+.bg{ display:block;  transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}


  .searchbg form{ display:block; width:500px; margin-top:20px;}
   .searchbg form input{
	border: 1px solid #ffffff; padding-left:20px; padding-right:20px; height:45px; border:none; float:left; width:calc(100% - 145px);
}
.searchbg form button{
	width:100px;
	height:45px;
	border:none;
	float:left;
	background-color:#009944;
	color:#FFFFFF;
	font-size:18px;
	
}
.searchbg+.bg .close{ position:fixed; top:0; right:0; z-index:102; color:#FFFFFF;}
.searchbg+.bg .close i{ font-size:40px; line-height:1; cursor:pointer;}
.searchbg  .fcopy{ font-size:12px; padding-top:10px; clear:both; color:rgba(255,255,255,0.5);}
.flash .swiper-slide .picli{
	height:100vh;
	width:100vw;
	position:relative;
	float:left;
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
.flash .swiper-slide .picli>img{ height:100vh; width:100vw;}
.flash .swiper-slide .picli .txt{-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;   position:absolute; left:0; top:0px; z-index:200; width:100%; height:100%; color:#FFFFFF; line-height:1.5;} 


.flash .swiper-slide-active  .picli .txt{ top:0px; text-shadow:0 0 5px rgba(0,0,0,0.5);}


.flash .swiper-slide .picli .txt .t1{
	font-size:48px;
	font-weight:bold;
	float:left;
	white-space: nowrap; margin-left:-200px;clear:both;
}
.flash .swiper-slide .picli .txt .t2{ margin-left:200px; white-space: nowrap;font-size:58px; font-weight:bold; float:left; clear:both;}

.flash .swiper-slide .picli .txt .t1,.flash .swiper-slide .picli .txt .t2,.flash .swiper-slide .picli .txt .more{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;Opacity:0;}
.flash .swiper-slide .picli .txt .more{ line-height:40px; clear:both; padding-top:150px;transition-delay:0.3s;}
.swiper-horizontal > .swiper-pagination-bullets.swiper-flash-pagination{ bottom:20px; left:5%; width:90%; position:absolute;opacity:1; z-index:9;}
.flash .swiper-horizontal > .swiper-pagination-bullets.swiper-flash-pagination .swiper-pagination-bullet{
-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;

 width:50px; height:3px; margin-left:25px; float:left; background-color:#ffffff; background-color:rgba(255,255,255,0.6);opacity:1;border-radius: 0%;}
.flash .swiper-horizontal > .swiper-pagination-bullets.swiper-flash-pagination .swiper-pagination-bullet:before{-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;
	content:'';
	border-radius: 100%;
	border: 3px solid rgba(255,255,255,0.6); width:5px; height:5px; float:left; margin-left:-11px; margin-top:-4px;
}
.flash .swiper-horizontal > .swiper-pagination-bullets.swiper-flash-pagination .swiper-pagination-bullet-active{width:100px; background-color:#ffffff;}
.flash .swiper-horizontal > .swiper-pagination-bullets.swiper-flash-pagination .swiper-pagination-bullet-active:before{border-color:#ffffff;width:8px; height:8px; float:left; margin-left:-14px; margin-top:-6px;}

.page-slide .flash .ani-slide  .picli .txt .t1{ margin-left:0;Opacity:1;}
.page-slide .flash .ani-slide  .picli .txt .t2{ margin-left:0;Opacity:1;}
.page-slide .flash .ani-slide  .picli .txt .more{ padding-top:50px;Opacity:1;}
.page-slide .flash .ani-slide  .picli .txt >div{ height:200px;}
.flash .swiper-slide .picli .txt .more a{
	color:#FFFFFF;
	display:inline-block;
	padding-left: 20px;
	border: 1px solid rgba(255,255,255,0.8);border-radius:40px; padding-right:20px;text-shadow:none;
}
.flash .swiper-slide .picli .txt .more a.tvbtn{

	background-image: url(btn.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 60px;

}



.flash .swiper-slide .picli .txt .more a i{ margin-left:5px;}
.flash .swiper-slide .picli .txt .more a:hover{ background-color:rgba(255,255,255,0.9);color:#00A0ED; color:#09D2A4; box-shadow:0 0 15px #00A5E6;}

.flash .swiper-button-next,.flash .swiper-button-prev{Opacity:0.3;}	
.flash .swiper-button-next:hover,.flash .swiper-button-prev:hover{Opacity:1;}	

.flashtv{ width:1000px; position:fixed; z-index:105;  float:left; top:50%; left:50%; margin-left:-500px; /*height:400px; */margin-top:-200px;/* background-color:#000000*/ }
.flashtv .econtent{ float:left; width:100%; height:100%; text-align:center;}
.flashtv .close{ position:absolute; top:-50px; right:0; color:#ffffff; line-height:1; cursor:pointer;}
.flashtv .close i{ font-size:50px;}
.flashtv video{ width:100%;}
.flashtv.hover+.bg{ background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; width:100%; z-index:104; height:100%;}
.flashtv{  -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;  
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);}
.flashtv.hover,.flashtv.hover+.bg{ display:block;  transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}

.pro{ width:100%; height:100vh; float:left; clear:both;}
.pro .etitle{ display:none;}
:root{--time:0.5s;--time2:1s;}
.pro .item{float:left;width:21%;overflow:hidden;-webkit-transition:var(--time2,0.5s); -moz-transition:var(--time2,0.5s); -ms-transition:var(--time2,0.5s); transition:var(--time2,0.5s);background-position:right top;min-height:100vh;background-repeat:no-repeat;display: flex;
    justify-content:center;
    align-items:center; line-height:1.5; padding-top:100px;box-sizing: border-box;}

.pro .item>div{}
.pro .item .txt{display:flex;
    justify-content:center;
    align-items:center; min-height:calc(80vh - 100px); max-height:calc(80vh - 100px);}
	
.pro,.pro a{ color:#ffffff;}
.pro .item.cur{width:58%;}

.pro .item .txt .title{font-size:41px; font-weight:bold;}	
.pro .item .txt1 .ico{ text-align:center; clear:both; padding-top:80px;}
.pro .item .txt1 .ico i{
	font-size:25px;
	line-height:1;
	display:inline-block;
	border-radius:100%;
	width:25px;
	border: 2px solid #ffffff; padding:5px;
}

.pro .item .txt2{width:48vw; font-size:20px;
	display:block;

	padding-right: 24px; 

	padding-left: 60px; background-color:#009944; background-color:rgba(0,153,68,0.8); background-color:rgba(0,62,111,0.8);box-sizing: border-box;}

.pro .item .txt2 .img{ float:left; text-align:center; width:280px;Opacity:0;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;transition-delay:0.3s;}

.pro .item .txt2 .img+.right{ float:right; width:calc(100% - 320px)}

/*.pro .item .txt2:after,.pro .item .txt2:before{
	content:'';Opacity:0;
	width:0px;
	height:0px;
	position:absolute;
	border-color:rgba(255,255,255,0.8);
	border-color:rgba(255,255,255,0.8);-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;transition-delay:0.3s;
}
.pro .item .txt2:before{left:10px;
	top:10px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;}
.pro .item .txt2:after{
	right:10px;
	bottom:10px; 
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
}*/

.pro .item .txt2{  transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);-webkit-transition:var(--time,0.2s); -moz-transition:var(--time,0.2s); -ms-transition:var(--time,0.2s); transition:var(--time,0.2s);}
	



.pro .item .txt2 .ul{ Opacity:0;clear:both; padding-top:30px; margin-left:100px; padding-left:15px;-webkit-transition:var(--time,0.3s); -moz-transition:-webkit-transition:var(--time,0.3s); -ms-transition:-webkit-transition:var(--time,0.3s); transition:-webkit-transition:var(--time,0.3s);transition-delay:-webkit-transition:var(--time,0.3s);}

.pro .item .txt2 .ul ul li{ clear:both; font-weight:bold;-webkit-transition:0.3s; -moz-transition:-webkit-transition:var(--time,0.3s); -ms-transition:0.3s; transition:0.3s;}
.pro .item .txt2 .ul ul li:hover{ margin-left:-15px;}


.pro .item .txt2 .ul ul li:hover>a{color:#09D2A4;}

.pro .item .txt2 .ul ul li a:before {
  content: "\eb8a";
    font-family: "iconfont" !important;
  font-size: 24px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; float:left;
}

/*.pro .item .txt2 .ul ul li i{ font-size:24px; float:left;}*/
.pro .item{ position:relative;}
.pro .item .txt1{ position:absolute;display: flex;
    justify-content:center;
    align-items:center; top:calc(10vh + 100px);
	
	
	
	 left:0; width:100%; z-index:2; }	
.pro .item .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:1;}
/*.pro .item.cur .bg{background-color:rgba(0,0,0,0); }*/
.pro .item .txt2{display:none; z-index:2;}

.pro .item.cur .txt1{ display:none;}	

.pro .item .txt2{display: flex;
    justify-content:center;
    align-items:center;}
	
.pro .item .more{ clear:both; padding-top:30px; line-height:35px;}
.pro .item .more a{	color:#FFFFFF;
	display:inline-block;
	
	padding-left: 20px;
	border: 1px solid rgba(255,255,255,0.8);border-radius:40px; padding-right:20px;text-shadow:none; font-size:16px;}
.pro .item .more a i{ font-size:16px; padding-left:5px;}
.pro .item .more a:hover{ background-color:#FFFFFF;color:#09D2A4; }
.pro .item .txt2 .hc{width:100%; margin-left:-50px;Opacity:0;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;transition-delay:0.3s;} 

.page-slide .pro .item.cur .txt2:after,.page-slide .pro .item.cur .txt2:before{
   Opacity:1;
	width:200px;
	height:200px;}
	
.page-slide .pro .item.cur .txt2 .img{ Opacity:1;}

.page-slide .pro .item.cur .txt2{  transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}
.page-slide .pro .item.cur .txt2 .ul,.page-slide .pro .item.cur .txt2 .hc{ margin-left:0;Opacity:1;}
	
.youshi{
	background-image: url(1_r2_c1.jpg);
	background-repeat: no-repeat;
	background-position: center top; height:100vh; width:100%; background-size:100% 100%; clear:both;box-sizing: border-box;
}
.youshi .box{ min-height:60vh;display: flex;
    justify-content:center;
    align-items:center; text-align:left; padding-top:100px;}
.youshi .txt{ color:#FFFFFF; width:100%;  line-height:1.5;}
.youshi .t1{ font-size:41px; font-weight:bold;max-width:800px; margin-left:100px;}
.youshi .t2{ font-size:14px;font-weight:bold; margin-top:20px; margin-left:-100px;}
.youshi .t1,.youshi .t2{Opacity:0;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}

.page-slide .youshi .txt{ color:#FFFFFF; width:100%;  line-height:1.5;}
.page-slide .youshi .t1,.page-slide .youshi .t2{ margin-left:0;Opacity:1;}


.news{
	background-image: url(newsbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:100vh;
	width:100%;
	background-size:100% 100%;
	clear:both;
	box-sizing: border-box; 
}

.news,.news a{ color:#ffffff;}
.news .box{ min-height:calc(100vh - 100px);display: flex;
    justify-content:center;
    align-items:center; text-align:left; max-width:1200px;}
.news .etitle{ display:none;}
.news .econtent{padding-top:100px;}
.news .econtent ul{ width:100%; float:left;}
.news .econtent li{box-sizing: border-box;
	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.6); padding-bottom:20px; padding-top:20px; padding-right:50px; position:relative; padding-left:15px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;
}
.news .econtent li:after{ content:''; position:absolute;  right:10px;  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  content: "\e65f"; top:50%; line-height:1; font-size:30px; margin-top:-15px;}
.news .econtent li .title{ line-height:30px; position:relative; padding-left:15px;}
.news .econtent li .dp{ margin-top:20px;}
.news .econtent li .title a{ font-size:24px; font-weight:bold;}
.news .econtent li .title a:before{ content:''; height:6px; width:6px; float:left; background-color:#ffffff; position:absolute; left:0; top:50%; margin-top:-3px;}
.news .econtent li .title span{ font-size:14px; margin-left:5px; color:rgba(255,255,255,0.6);}

.news .econtent li:hover{ background-color:rgba(0,0,0,0.3);}

/*.news .econtent li:hover .title a,.news .econtent li:hover:after{ color:#009944; }
.news .econtent li:hover .title a:before{background-color:#009944;}
.news .econtent li:hover .dp{ color:rgba(255,255,255,0.8);}
 .news .econtent li:after,.news .econtent li:before{ content:''; background-color:#ffffff; width:0; position:absolute; left:0; top:0;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s; z-index:2; height:1px; }
 .news .econtent li:after{ right:0; bottom:0; top:auto; left:auto;}
 
 .news .econtent li:hover:after,.news .econtent li:hover:before{ width:100%;}*/
 
.news .more,.youshi .more{ text-align:center; padding-top:30px; clear:both; line-height:40px;}
.youshi .etitle{ display:none;}
.youshi .more{ text-align:left;}
.news .more a,.youshi .more a{color:#FFFFFF;
	display:inline-block;

	padding-left: 40px;
	border: 1px solid rgba(255,255,255,0.8);border-radius:40px; padding-right:40px;text-shadow:none; font-size:16px;}

.news .more a i,.youshi .more a i{ margin-left:10px;}
.news .more a:hover,.youshi .more a:hover{ background-color:rgba(255,255,255,0.9);color:#00A0ED; color:#09D2A4; /*box-shadow:0 0 15px #00A5E6;*/}


.news .econtent{margin-top:100px;Opacity:0;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
.page-slide .news .econtent{ margin-top:0;Opacity:1;}

@media screen and (max-width :1550px){
.nav ul li a{padding-left:35px; padding-right:35px; }
.nav ul li ul li > a { padding-left:20px; padding-right:0px;}
}
@media screen and (max-width :1400px){
.nav ul li a{padding-left:30px; padding-right:30px; }


.pro .item .txt2 .img{ width:240px;}
.pro .item .txt2 { padding-left:20px; min-height:400px;}
.pro .item .txt .title{ font-size:36px;}
.pro .item .txt2 .img+.right{ float:right; width:calc(100% - 260px)}
.pro .item .txt1{ top:calc(50vh - 200px);}
}


@media screen and  (max-height:500px){
.pro .item .txt2 {  min-height:400px;}
.pro .item .txt1{ top:100px;}
}
.fnav{ width:70%; width:calc(100% - 350px); max-width:800px; font-size:14px;}
.fnav a{ color:#ffffff; display:block;}
.fnav > ul>li>ul>li>a{ color:rgba(255,255,255,0.9);}
.fnav > ul>li>ul>li>a:hover{ margin-left:-5px; color:#ffffff;}
.fnav > ul{ width:100%; display:table;}
.fnav > ul>li{ display:table-cell;}
.fnav > ul>li>a{ font-size:18px; font-weight:bold; position:relative; display:block;}
.fnav > ul>li>a:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-5px;
	width:2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.fnav > ul>li>ul{ padding-top:10px; line-height:2;}


.qrcode{
	text-align:center;
	padding:50px; padding-top:20px; padding-bottom:20px;
	position:relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.1);
}
@media screen and (max-width :1200px){

body,.box{ min-width:1000px;}
.nav ul li a{ padding-left:15px; padding-right:15px;}

.fnav {width: calc(100% - 320px);}

.flash .swiper-slide .picli .txt .t1{ font-size:36px;}
.flash .swiper-slide .picli .txt .t2,.youshi .t1{ font-size:42px;}

.pro .item .txt .title{ font-size:28px;}
.pro .item .txt2{ font-size:18px;}
.pro .item .txt2 .img {width: 180px;}
.pro .item .txt2 .img + .right {
  width: calc(100% - 200px);
}
.flashtv{ width:800px; margin-left:-400px;}
.nav ul ul li{ font-size:14px;}
.nav ul li ul li > a{ padding-left:5px;white-space: nowrap;}
}
.app_header{
	display:none;
	
}
.logo .t2{ display:none}
.logo img{ max-width:315px; max-height:75px; padding-top:10px; padding-bottom:10px;}
#top.fixed .logo .t2{ display:block}
#top.fixed .logo .t1{ display:none}
#top.fixed{
	background-color:#ffffff;
/*	background-color:rgba(255,255,255,0.9);*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#top.fixed a{ color:#000000}
#top.fixed  .nav> ul >li:hover >a{ color:#219A53;}
#top.fixed  .nav ul li.nodes:hover a{ color:#ffffff;}
#top.fixed  .nav ul li ul li>a:hover{background-color:rgba(255,255,255,0.3);} 

#top.fixed  .search:hover,#top.fixed .lang:hover,#top.fixed .nav ul li.nodes:hover>a,#top.fixed .nav ul li ul{background-color:#219A53;}
#top.fixed  .nav .search i{ color:#666666}
#top.fixed  .nav .search:hover i, #top.fixed .nav .lang:hover > a{ color:#ffffff}




.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color: #219A53; color:#FFFFFF}

.pagination li a{ color:#000000;}



/*1200*/
@media screen and (max-width :768px){

body,.box{ min-width:300px; max-width:100%;}
#top{ display:none}
.app_header{ max-height:50px; position:fixed; top:0; left:0; z-index:99; width:100vw; background-color:rgba(0,0,0,0.3); display:block; }
.app_header .app_rt a{ color:#ffffff; font-weight:bold; display:inline-block;line-height:50px; width:50px; background-color:rgba(0,0,0,0.3); text-align:center;}
.app_header .app_logo img{ max-width:calc(100vw - 130px); max-height:40px;}
.app_header .app_logo{ padding:5px;}



.app_header{ line-height:50px;}
.app_header .search i{ color:#ffffff;}
.app_header .search,.app_header .lang a{ padding-left:10px; padding-right:10px;}
.app_header .lang a{ color:#ffffff; display:block;}
.app_header .lang{ padding-right:10px;}
.searchbg{ width:100%;  overflow:hidden; left:0; margin-left:auto;}
.searchbg input{ width:calc(100% - 100px);}
.searchbg form{ max-width:calc(100% - 40px);}






.fnav{ width:100%; display:none;}
.foot{ padding-top:10px;}
.copy{ margin-top:0px;}
.fnav+.fr{ width:100%; text-align:center; padding:10px; position:relative; border:none;}
.copy .fl{ width:100%;}
.copy .fr{ float:left; width:100%; text-align:center;}


.news .etitle,.youshi .etitle,.pro .etitle{ display:block; text-align:center; padding-top:50px; font-size:28px; position:relative; font-weight:bold; line-height:2;}
.news .etitle:after,.youshi .etitle:after,.pro .etitle:after{ content:''; position:absolute; bottom:0; left:50%; width:2em; margin-left:-1em; height:3px; background-color:#ffffff;}
.youshi .etitle{ margin-bottom:20px;}
.news .econtent{ padding-top:0;}
.news,.youshi,.flash .swiper-slide .picli{ background-size:auto 100%; position:relative;}
.youshi:before{ content:''; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}
.youshi .box{ position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; padding:20px;box-sizing: border-box;}

.news .econtent li .dp{line-height:1.5; max-height:3em; overflow:hidden; margin-top:5px;}
.news .econtent li .title a{ font-size:16px;}
.news .econtent li .title a::before { top:18px;}
.flash .swiper-slide .picli .txt .more a{ background-color:rgba(255,255,255,0.9);color:#00A0ED; color:#09D2A4; box-shadow:0 0 15px #00A5E6;}
.flash .swiper-slide .picli .txt .t2, .youshi .t1 { line-height:1.5;
  font-size: 28px;white-space:normal;
}
.flash .swiper-slide .picli .txt .t1 {
  font-size: 22px;white-space:normal;
}
.flash .swiper-slide .picli .txt .t2,.flash .swiper-slide .picli .txt .t1{ width:300px; max-width:80vw;}
.flashtv{ width:90%; left:5%; margin-left:0px;}
.flashtv .close { top:-32px;}
.flashtv .close i { font-size:32px;}

.pro .etitle{ position:absolute; top:50%; display:none}
.pro .item,.pro .item.cur{ width:100%; min-height:0; padding:0;height:30vh;}
.pro .item.cur{}
.pro .item .txt2 { width:100%; display:block; min-height:0;transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);box-sizing: border-box;
    -ms-transform: scale(1); padding-top:80px; padding-bottom:10px; min-height:100%; }
.pro .item .txt1,.pro .item.cur .txt1 { display:none;}
.pro .item .txt2 .img img{ position:absolute; bottom:20px;  right:20px;}
.pro .item .txt2 .img{ width:80px;  text-align:center;Opacity: 1;}
.pro .item .txt2 .img .title{ position:absolute; top:20px; left:0; width:100%; text-align:center;}
.pro .item .txt2 .img img{ max-width:50px;}
.pro .item .txt2 .img+.right{font-size:14px; width:100%;  }
.pro .item .txt2 .img+.right .hc{ width:100%; float:left; margin:auto;Opacity: 1;}
.pro .item .txt2 .ul ul li a:before{ font-size:14px;}
.pro .item .txt2 .ul{padding:0; padding-top:10px;Opacity: 1; margin:auto;}

.pro .item:nth-child(1){ height:38vh;}
.pro .item:nth-child(1) .txt2{ padding-top:140px;}
.pro .item:nth-child(1) .txt2 .img .title{top:70px;}
.pro .item .txt2 .img .title:after{ content:''; position:absolute; left:50%; bottom:-5px; width:1em; height:3px; margin-left:-0.5em; background-color:#ffffff; background-color:rgba(255,255,255,0.6);}
.pro .item:nth-child(2){ height:33vh;}
.pro .item:nth-child(3){ height:29vh;}

}

@media screen and (max-width :320px){

.app_header .search,.app_header .lang a{ padding-left:5px; padding-right:5px;}
.app_header .lang{ padding-right:5px;}

}



.pro .item .txt2>div{ width:100%; text-align:center;}
.pro .item .txt2 .img{ float:left; width:100%; text-align:center;}
.pro .item .txt2 .img + .right{ display:none;}
@media screen and (max-width :768px){

.pro .item .txt2 .img img{ position:relative; right:auto; bottom:auto;  max-width: 250px; max-height:calc(33vh - 50px);
}
.pro .item{ height:33.3333vh;}

}