@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block;  margin: 0 auto; width:1200px;padding: 20px 0;
    margin-top: 20px; background-color:#FFFFFF}
.hidden{ overflow:hidden;}
.hide{ display:none;}
body{min-width:1200px;}

 .header{height:120px;}
.logos{
	  height: 100px; }
.logos img{ display:block;
	height: 100%; }
.container2{
	width: 1200px;
	margin: 0 auto;
}
.containers{
    background-color: #FFFFFF;
}
.hrig{ text-align:right; }

.hea-btn{ overflow: hidden; border-radius:0 0 5px 5px; overflow:hidden; float:right; background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); }
.hea-btn a{line-height:28px; height:28px;  font-size: 14px; text-align: center; float:left; padding:0 25px; color:#fff; }
.hea-btn a:hover,.hea-btn a.active{background:#e54560; }
.hea-btn a:before{ font-size: 16px; }

.lang{line-height:30px; margin-top:65px; }
.lang a{ color:#333333; font-size:20px; display:inline-block; }
.lang span{ display:inline-block; color:#039dd4; margin:0 10px; font-size:20px; font-weight:bold; }

.to_timing{ color:#333333; font-size:20px; line-height:30px; margin-top:10px; }
.to_timing span{ font-weight:bold; margin:0 3px; background:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.nav{ height:60px; text-align:center; background-image: linear-gradient(to right,  #27b1cd, #60f0d5);}
.navlist{ width: 1200px; margin: 0 auto }
.navlist li{ float:left; width:12.5%; position:relative; }
.navlist li>a{ display:block; line-height:60px; font-size:20px; color:#ffffff;}
.navlist li span{display:inline-block; padding:0 20px; line-height:40px; /*border-radius:20px; */}
.navlist li.on span,.navlist li:hover span{ color:#039dd5; background:#ffffff;}

.navlist li .sub{ position:absolute; left:0; top:60px; width:100%; background:#ffffff; z-index:10; padding:10px 0; border-radius:0 0 10px 10px; display:none; box-shadow: 0 0 10px #cccccc; }
.navlist li .sub a{ display:block; font-size:15px; height:35px; line-height:35px;}
.navlist li .sub a:hover{ background:#039dd5; color:#ffffff;}

.banner .swiper-slide a{ display:block; height:100%;}
.banner .swiper-slide img{ display:block; width:100%;}


.banner .swiper-pagination{ bottom:24px; height:16px; line-height:0;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:16px; height:16px; border-radius:8px;opacity:1; background:#ffffff; margin:0 10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ width:40px; background:#039dd5;}



.btnlist{ overflow:hidden; width:1080px; margin:0 auto;}
.btnlist li{ float:left; width:300px; height:95px; margin:30px; background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); color:#ffffff; box-shadow: 0 0 20px #dedede;}
.btnlist li a{ display:block; height:100%; overflow:hidden; padding-left:140px; }
.btnlist li .cntit{ font-size:28px; line-height:40px; margin-top:12px;}
.btnlist li .entit{ font-size:20px; text-transform:uppercase; line-height:30px;}

.btnlist li.bico01 a{ background:url(../images/bico004.png) no-repeat left center;}
.btnlist li.bico02 a{ background:url(../images/bico002.png) no-repeat left center;}
.btnlist li.bico03 a{ background:url(../images/bico003.png) no-repeat left center;}



.huibj{ background:#f3f3f3; overflow:hidden;}

.exlist{ overflow:hidden; margin:30px 0;}
.exlist li{ float:left; width:23.5%; height:500px; margin-right:2%; color:#ffffff;}
.exlist li a{ display:block; overflow:hidden; height:100%;}
.exlist li.ex01{ background:url(../images/eximg01.jpg) no-repeat center center; background-size:cover;}
.exlist li.ex02{ background:url(../images/eximg02.jpg) no-repeat center center; background-size:cover;}
.exlist li.ex03{ background:url(../images/eximg03.jpg) no-repeat center center; background-size:cover;}
.exlist li.ex04{ background:url(../images/eximg04.jpg) no-repeat center center; background-size:cover;}

.exlist li .ico{ width:94px; height:94px; margin:85px auto 0 auto; background:#ffffff; border-radius:50%;}
.exlist li .ico img{ display:block; width:100%; height:100%; }
.exlist li .tit{ font-size:24px; line-height:1.3; text-align:center; padding:0 10px; margin-top:35px;}
.exlist li .more{ text-align:center; margin-top:120px;}
.exlist li .more span{ display:inline-block; border-bottom:1px solid #ffffff; font-size:20px;}

.exlist li:hover a{ background:rgba(0,0,0,0.7);}

.exlist li a.on{background:rgba(3,157,213,0.6);}

.htit{ overflow:hidden; text-align:center; padding-top:20px}
.htit h3{ font-size:42px; line-height:1; color:#19a2ca; background-image: -webkit-linear-gradient(0deg,  #0a8ad5, #60f0d5 45%, #0a8ad5 50%, #60f0d5 55%, #60f0d5);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.htit p{ font-size:18px; margin-top:20px;}
.htit .xian{ width:106px; height:5px; background-image:linear-gradient(to right,#0a8ad5, #60f0d5); margin:20px auto 0 auto;}
.htit .more{ display:block; margin:20px auto 0 auto; }
.htit .more a{height:46px; line-height:46px; padding:0 25px; border-radius:23px; background:#2757e0; color:#ffffff; font-size:20px; display:inline-block;}
.htit .more a:hover{ background:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595);}

.homenews{ background:#ffffff; overflow:hidden; padding:0 30px; margin:30px 0;margin-bottom:0}
.homenews .newsban{ width:48.5%;}
.homenews .newsban .img{ width:100%; overflow:hidden;}
.homenews .newsban .img img{ display:block; width:100%; }

.homenews .newsban .txt{ overflow:hidden;color:#666666; padding:10px; }
.homenews .newsban .txt h3{ font-size:20px; line-height:30px; height:30px; margin-bottom:10px; color:#19a2ca; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.homenews .newsban .txt p{ font-size:14px; line-height:25px; height:50px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.homenews .newsban .swiper-slide:hover .txt{ background:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595); color:#ffffff;}
.homenews .newsban .swiper-slide:hover .txt h3{ color:#ffffff;}

.homenews .newsban .swiper-pagination{ top:290px; height:16px; line-height:0; text-align:center; width:100%;}
.homenews .newsban .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%;opacity:1; background:#ffffff; margin:0 5px;}
.homenews .newsban .swiper-pagination .swiper-pagination-bullet-active{ background:#039dd5;}

.homenews .homemvideo{ width:48.5%; background:#000000;}
.homenews .homemvideo video{ width:100%; display:block; height:425px;}

/* 展会介绍*/
.intro{
       height: 218px;
    background: url(/Public/home/images/intro_bg.png) no-repeat top left;
    background-size: cover; 
    width: 1080px;
    margin: 0 auto;
}
.intro ul{
    /*width: 1207px;*/
    /*position: relative;*/
}
.intro li{
    float: left;
    width: 216px;
    height: 218px;
    text-align: center;
    padding-top: 18px;
}
.intro li a{
       font-size:22px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-grid
;
    align-items: center;
    vertical-align: middle;
    font-weight: bold;
    background: url(/Public/home/images/intro_li_bg.png) no-repeat top center;
    color: #FFFFFF;
}
.intro li a:hover{ 
    background:none;
    background-color: #f7f7f7;
    color: #666666;
}
 
.intro li.intro_li_top:hover{
   background: url(/Public/home/images/intro_li_top.png) no-repeat 0 top;
   background-size: 100%;
}
.intro li.intro_li_bottom:hover{
    /*position: absolute;*/
background: url(/Public/home/images/intro_li_bottom.png) no-repeat 0 bottom;
   background-size: 100%;
}
.zlfw p{
    cursor: pointer;
}
 
.hnlist{ width:48.5%;}
.hnlist li{ background:#f3f3f3; margin-top:5px; color:#666666; }
.hnlist li a{ display:block; padding:10px 15px;}
.hnlist li h3{ font-size:20px; line-height:30px; font-weight:normal; line-height:30px; color:#4b7c4b; height:30px; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.hnlist li p{ font-size:14px; line-height:20px; margin-top:5px; height:40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hnlist li:hover{color:#ffffff; background:#19a2ca;background-image: linear-gradient(to right, #0a8ad5, #60f0d5); }
.hnlist li:hover h3{ color:#ffffff;} 
.hnlist li a.more{
    color:#19a2ca;
}
/*#005B2B*/
.adv{ width:100%;}
.adv img{ display:block; width:100%;}


.brandlist{ margin:30px 0; overflow:hidden;}
.brandlist ul {white-space: nowrap;}
.brandlist li{ width:190px; margin:5px; background:#ffffff; height:70px; float:left;  }
.brandlist li img{ width:100%;}
.brand_more{ overflow:hidden; text-align:center; margin-bottom:35px;}
.brand_more a{ display:inline-block; height:46px; line-height:46px; padding:0 20px; font-size:18px; color:#ffffff;background:#2757e0; border-radius:23px;}
.brand_more a:hover{ background:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595);}


.exhsearch{ }
.exhsearch li{ float:left; height:50px; box-shadow: 0 0 15px #dcdcdc; overflow:hidden;}
.exhsearch li.es01{ width:340px; }
.exhsearch li.es01 select{ width:100%; height:50px; padding:0 25px; font-size:18px; color:#666666;background:#ffffff url(../images/san.png) no-repeat right center; background-size: auto 100%;}
.exhsearch li.es02{ width:470px; margin-left:30px;}
.exhsearch li.es02 input{ width:100%; height:50px; padding:0 25px; font-size:18px; color:#666666;}
.exhsearch li.es03{ width:120px; margin-left:30px}
.exhsearch li.es03 input{ width:100%; height:50px; font-size:18px; color:#ffffff; background:#2757e0;cursor:pointer; }
.exhsearch li.es03 input:hover{background:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595);}
.exhsearch li.es04{ width:180px; margin-left:30px;}
.exhsearch li.es04 a{ display:block; width:100%; height:50px; font-size:18px; color:#ffffff; background:#2757e0; line-height:50px; text-align:center; }
.exhsearch li.es04 a:hover{background:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595);}


.exhmain{ margin:35px 0 50px 0; }
.exhleft{ width:340px; height:584px; background:#ffffff; box-shadow: 0 0 15px #dcdcdc;}
.exhtit{ line-height:1; margin:35px;}
.exhtit h3{ font-size:24px; color:#4a4a4a;}
.exhtit span{ font-size:20px; text-transform:uppercase; color:#6e6e6e; display:block; margin-top:10px;}

.exhnav{ overflow:hidden; margin:0 35px; }
.exhnav li{ float:left; height:60px; line-height:60px;border-radius:5px; width:100%;color:#5e5e5e; text-align:center; margin-top:20px;}
.exhnav li a{ display:block; font-size:20px; }
.exhnav li.on,.exhnav li:hover{ background-image: linear-gradient(to right,#0a8ad5, #60f0d5);color:#ffffff; }

.exhright{ width:830px; box-shadow:0 0 15px #dcdcdc; padding:0 30px 30px 30px; height:584px; }
.exhright .tabtop{ border-radius:5px; overflow:hidden;}

.exhlist{ overflow:hidden;}
.exhlist li{ float:left; width:100%; overflow:hidden;}
.exhlist li span{ float:left;}
.exhlist li .w01{ width:80%; text-align:left;}
.exhlist li .w02{width:20%; text-align:center;}
.exhlist li{ border-bottom:1px dashed #d1d1d1; line-height:52px; font-size:18px; color:#666666;}
.exhlist li .dian{ padding-left:24px; position:relative;}
.exhlist li .dian:after{ content:""; position:absolute; left:9px; top:50%; background:#a8a8a8; height:6px; width:6px; margin-top:-3px; border-radius:50%; }
.exhlist li.tabtop{ height:70px; font-size:24px; color:#333333; font-weight:normal; line-height:70px; }
.exhlist li.tabtop .dian{ padding-left:35px;}

.exhlist li:hover{ color:#039dd5;}
.exhlist li:hover .dian:after{ background:#039dd5;}

.exmore{ overflow:hidden; width:100%; float:left; margin-top:20px;}
.exmore a{ width:100px; border-radius:5px; height:40px; line-height:40px; text-align:center; font-size:18px; background:#2757e0; color:#ffffff; display:block; float:right;}
.exmore a:hover{ background:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595);}



.parklist{ overflow:hidden;  margin:30px 0;}
.parklist li{ float:left; width:31.33%; margin:1%; background:#ffffff; padding:0 15px 15px 15px;}
.parklist li .txt{}
.parklist li .txt h3{ line-height:60px; text-align:center; font-size:20px; border-bottom:1px solid #d7d7d7;}
.parklist li.park01 .txt h3{ color:#8962a1;}
.parklist li.park02 .txt h3{ color:#109ee6;}
.parklist li.park03 .txt h3{ color:#fe8705;}
.parklist li .txt p{ font-size:16px; line-height:1.6; padding:10px 0;}

.parklist li .img{ overflow:hidden;}
.parklist li .img img{ width:100%; display:block;}
.parklist li:hover .txt h3{ color:#ffffff; border-bottom:1px solid #ffffff;}
.parklist li:hover .txt p{ color:#ffffff; }
.parklist li.park01:hover{ background:#8962a1;}
.parklist li.park02:hover{background:#109ee6;}
.parklist li.park03:hover{background:#fe8705;}

.scalelist{ overflow:hidden; margin-top:20px; margin-bottom:50px;}
.scalelist li{ float:left; width:14.285%; text-align:center;}
.scalelist li .ico{ width:120px; margin:0 auto;}
.scalelist li .ico img{ display:block; width:100%;}
.scalelist li .num{ font-size:32px; color:#666666; font-weight:bold;}
.scalelist li .tit{ font-size:14px; color:#666666;}


.imglist{ overflow:hidden;margin-top:20px}
.imglist ul{}
.imglist li{ width:23.5%; margin-right:2%; background:#ffffff; }
.imglist2 li{ width:19.2%; margin-right:1%; margin-bottom:1%; float:left; }

.imglist3  ul{white-space: nowrap;}
.imglist3 li{ width:280px; margin-right:20px; background:#ffffff; display: inline-block;}

.imglist li img{ display:block; width:100%;}

.huibj2{ padding-bottom:50px;}

.imglist li:hover a{ background:rgba(0,0,0,0.5);}




/*.footer{background:url(../images/footer_bg_1.jpg) no-repeat center bottom; background-size: cover;height:486px;    overflow:hidden;}
.dbcontent{ overflow:hidden; color:#ffffff; font-size:14px; line-height:28px; margin:50px 0 40px 0;}
.dbcontent .dcleft{ width:1000px; margin:0 auto; }
.dblist{ overflow:hidden;width:71%;}
.dblist li{ float:left; width:100%; margin-top:25px;}
.dblist li.w50{ width:33.33%;font-size:12px}

.dcright{ width:280px; float:right; padding-left:30px;}
.wechat{ overflow:hidden; margin-bottom:20px; width:200px; }
.wechat img{ display:block; width:100%;}

.dtit{width: 200px;text-align: center}

.copy{ color:#ffffff; font-size:16px; text-align:center; margin-bottom:50px; }
.copy a:hover{ text-decoration:underline;}*/
.home10{ background: url(/Public/home/images/home05.png) no-repeat center center; background-size:cover;    overflow: hidden; }
.home10 .tit{
	color: #FFFFFF;
	margin-top: 30px;
}
.tit_title{
	border-bottom: 1px solid #FFFFFF;
}
.home10 .tit .tit_en1{
	font-size: 18px;
	color: #FFFFFF;background: none;
}
.sendmail{
	color: #FFFFFF;
}
.dblist{ overflow:hidden;color: #FFFFFF; border-bottom: 1px solid #afe7ed; padding-bottom: 45px;
	margin-bottom: 30px;}
.dblist li{ float:left; width:100%; margin-top:25px;}
.dblist li.w50{ width:33.33%;}
.dblist li.w50 p{
	font-size: 16px;
}
.sendmail a{
	width: 136px;
	height: 48px;
	display: block;
	background: url(/Public/home/images/more2.png) no-repeat right center;
	line-height: 48px;
}
.copy{
	float: left;
	color: #FFFFFF;
}
.dcright{ width:132px; float:right; }
.wechat{ overflow:hidden; margin-bottom:20px; width:132px; }
.wechat img{ display:block; width:100%;}

.dtit{width: 132px;text-align: center;color: #FFFFFF}

/*首页结束*/





.nymain{ margin-top:40px; }

.nyleft{ width:23.5%; margin:50px 0 0 0;}
.column{  line-height:1.5; padding:25px 0; color:#ffffff; text-align:center; font-size:24px; background:#039dd5;background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF);}
.nynav{ overflow:hidden;background:#ffffff;}
.navty{-moz-box-shadow: 0 3px 12px #dbdada;-webkit-box-shadow: 0 3px 12px #dbdada;box-shadow: 0 3px 12px #dbdada; margin-bottom:65px;}
.nynav li{ float:left; width:100%; line-height:60px; text-align:center; color:#666666; font-size:20px;}
.nynav li a{ display:block;}
.nynav li.on,.nynav li:hover{ color:#ffffff;  background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); }

.nyright{ width:73%;}

.nytit{ height:50px; line-height:50px; padding:0 30px; line-height:50px;}
.nytit h3{ display:inline-block; font-size:24px; background-image: -webkit-linear-gradient(0deg,#14a73c,#14a73c 45%, #00A5BF 50%, #0069b7 55%, #0069b7); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.nytit_xian{ background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); height:2px; width:100%; display:block;}


.newslist{ overflow:hidden;}
.newslist li{ float:left; width:100%; padding:30px; border-bottom:1px solid #e7e7e7;}
.newslist li h2{ font-size:20px; color:#333333; font-weight:normal; line-height:1;}
.newslist li h2:hover{ color:#e54560;}
.newslist li .info{ overflow:hidden; margin-top:20px;}
.newslist li span{ width:200px;  height:30px; float:left; font-size:16px; color:#bfc0c1; line-height:30px; }
.newslist li .more{ float:left; width:90px; height:30px; line-height:30px; background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); color:#ffffff; text-align:center; border-radius:5px; font-size:16px;}
.newslist li .more:hover{ background:#e54560;}



.page{ overflow:hidden; text-align:center; margin:40px 0;}
.page span,.page a{ display:inline-block; font-size:14px; color:#1b1b1b; padding:10px 15px; line-height:1; border:1px solid #c6c6c6; border-radius:3px; margin:0 5px;}

.page a:hover,.page span{ background:#e54560; color:#ffffff; border-color:#e54560;}



.download{ overflow:hidden; margin:30px;}
.download li{ float:left; overflow:hidden; width:100%; border-bottom:1px dashed #dcdcdc;}
.download li span{ float:left; line-height:60px; font-size:18px; position:relative; padding-left:15px;}
.download li span:after{ content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px;  border-radius:50%; background:#0083de;}
.download li a{ float:right; width:100px; height:36px; line-height:36px; text-align:center; font-size:16px; color:#ffffff; background:#039dd5; background-image: linear-gradient(to right,#0a8ad5, #60f0d5); border-radius:4px; margin-top:12px;}
.download li a:hover{ background:#e54560;}




.listimg{ overflow:hidden;}
.listimg li{ float:left; width:100%; padding:30px; border-bottom:1px solid #e7e7e7;}
.listimg li .img{ width:230px; float:left;}
.listimg li .img img{ display:block; width:100%;}
.listimg li .txt{ padding:10px 0 10px 250px; }
.listimg li h2{ font-size:20px; color:#333333; font-weight:normal; line-height:1;}
.listimg li h2:hover{ color:#e54560;}
.listimg li p{ font-size:14px; line-height:24px; height:48px; margin:10px 0;}
.listimg li .info{ overflow:hidden; }
.listimg li span{ width:200px;  height:30px; float:left; font-size:16px; color:#bfc0c1; line-height:30px; }
.listimg li .more{ float:left; width:90px; height:30px; line-height:30px; background-image: linear-gradient(to right,#0a8ad5, #60f0d5); color:#ffffff; text-align:center; border-radius:5px; font-size:16px;}
.listimg li .more:hover{ background:#e54560;}






.enav{ margin:40px 0;}

.enav li{ width:200px; height:50px; line-height:50px; font-size:18px; margin-right:50px; text-align:center; background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); color:#ffffff; float:left;  box-shadow: 0 0 20px #dcdcdc;}
.enav li a{ display:block;}
.enav li.on,.enav li:hover{ background:#e54560; color:#ffffff;}


.exhibition{ background:#f3f3f3; padding:30px 30px 0 30px; margin-bottom:40px; overflow:hidden;}

.extop{ overflow:hidden; height:50px; line-height:50px;}
.extop h2{ float:left;font-size: 24px;background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-right:100px;}
.extop a{ float:left; font-size:16px; color:#7a7a7a; margin:0 18px; }
.extop a.on,.extop a:hover{ color:#e54560;}


.ex_search{ float:right; width:330px; height:50px; background:#ffffff; border-radius:8px; overflow:hidden;}
.ex_search .es01{ float:left; height:50px; width:270px; padding-left:15px; font-size:16px; color:#7a7a7a;}
.ex_search .es02{ float:left; background:url(../images/search_btn2.png) no-repeat center center;height:50px;width:32px; cursor:pointer;}



.exhibitorlist{ overflow:hidden;}
.exhibitorlist li{ float:left; width:32%; margin-right:2%; margin-top:2%; border:1px solid #d7d7d7; padding:10px; background:#ffffff;}
.exhibitorlist li .img{ position:relative; overflow:hidden;}
.exhibitorlist li img{width:100%; display:block; }
.exhibitorlist li .imgtxt{ position:absolute; left:0; bottom:0; height:82px; color:#ffffff;background: rgba(0,0,0,0.6); width:100%; padding:17px 12px 0 12px; line-height:1; z-index:10;}
.exhibitorlist li .imgtxt h2{ font-size:16px; font-weight:normal;}
.exhibitorlist li .imgtxt p{ font-size:14px; margin-top:22px;}
.exhibitorlist li .txt{ overflow:hidden; line-height:40px; margin-top:10px;}
.exhibitorlist li .txt h2{ float:left; font-weight:normal;font-size:16px; color:#1b1b1b;}
.exhibitorlist li .txt span{ float:right;font-size:16px; color:#666666;}

.exhibitorlist li:hover{ background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF);}
.exhibitorlist li:hover .txt h2 { color:#ffffff;}
.exhibitorlist li:hover .txt span { color:#ffffff;}




.showmain{ padding:30px;}
.showtop{ text-align:center; margin-bottom:20px; border-bottom:1px solid #e5e5e5; }
.showtop h1{ font-weight:normal; font-size:22px; color:#333333; margin-bottom:10px;line-height:l;}
.showtop p{ font-size:15px; color:#666666;line-height:l; margin-bottom:10px;}
.showtop p span{ margin:0 15px;}


.showtxt{ font-size:15px; color:#666666; line-height:1.8; text-align: justify; }

.showtxt img{ max-width:100%; height:auto!important;}
.showtxt table{ margin:0 auto;}

.nspage{ border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;  overflow:hidden; padding:10px 0; margin-top:20px;}
.nspage div{ width:100%; line-height:20px; padding:5px 10px; color:#666666; font-size:14px; }
.nspage div a:hover{color:#e54560;}	


.exname{ overflow:hidden; margin:40px 0; line-height:30px;}
.exname h1{ float:left; font-size:24px; color:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.exname span{ float:right; font-size:20px; color:#666666;}

.extxt{ padding:30px; font-size:18px; line-height:1.6; color:#666666; text-align: justify; text-indent: 2em;}
.extxt p{text-indent: 2em;}


.extu{ margin:30px; padding-bottom:30px;}
.extu .swiper-slide{ background:#eeeeee; padding:6px; cursor:pointer; }
.extu .swiper-slide .img{ overflow:hidden;}
.extu .swiper-slide img{ display:block; height:224px; margin:0 auto;}
.extu .swiper-slide .txt{ text-align:center; font-size:16px; color:#666666; line-height:40px;}
.extu .swiper-slide:hover{ background:#0083de;}
.extu .swiper-slide:hover .txt{ color:#ffffff;}
.extu .swiper-pagination{ bottom:0; height:8px; line-height:0;}
.extu .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px; border-radius:4px;opacity:1; background:#0083de; margin:0 6px;}
.extu .swiper-pagination .swiper-pagination-bullet-active{ width:30px; background:#e54560;}

.ex_contct{ overflow:hidden; padding:30px;}
.ex_contct .txt{ overflow:hidden; width:600px;}
.ex_contct .txt li{ position:relative; float:left; line-height:30px; font-size:16px; color:#666666; width:100%;padding-left:15px;}
.ex_contct .txt li:after{ content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px;  border-radius:50%; background:#0083de;}
.ex_contct .img{ width:160px; height:160px;}
.ex_contct .img img{ display:block;width:100%; height:100%;}


.modal-bg-black{display: none;position: fixed;width: 100%;height: 100%;top:0;left:0;bottom:0;right:0;z-index: 3000;background-color: #000;}

/*弹窗*/
.case-modal{display: none;position: fixed;width: 100%;height: 100%;top:0;left:0;z-index:3001;font-size: 0;text-align: center;}
.case-modal img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: 0.5s 0.3s ease-out;-o-transition: 0.5s 0.3s ease-out;transition: 0.5s 0.3s ease-out;}
.case-modal:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;}
.case-modal p{position: absolute;display: block;width: 100%;height: 60px;text-align: center;line-height: 60px;font-size: 18px;color: #fff;background-color: rgba(0,0,0,0.6);bottom:0;left:0;z-index: 1002;}
.case-modal .btn{position: fixed;display: block;width: 40px;height: 60px;border-radius: 5px;text-align: center;line-height: 60px;font-size: 40px;font-family: "Simsun";font-weight: 100;color: #fff;top:50%;margin-top: -30px;background-color: #333;background-color: rgba(0,0,0,0.6);z-index: 1003;}
.case-modal .btn.prev{left:10px;}
.case-modal .btn.next{right:10px;}
.case-modal .close-btn{display: block;position: fixed;width: 40px;height: 40px;border-radius: 50%;background: #333 url(../images/close-white.png) no-repeat center;
	-webkit-background-size: 20px 20px;background-size: 20px 20px;top: 10px;right: 10px;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.case-modal .close-btn:hover{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}





/*注册*/
.regmain{ width:620px; margin:70px auto;}
.regmain .regtit{ line-height:1; margin-bottom:40px; }
.regmain .regtit h3{font-size:32px; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-right:100px; display:inline-block;}


.reglist{ overflow:hidden;}
.reglist li{ float:left; width:100%; position:relative; }
.reglist li.litext{ height:62px; border:2px solid #19a2ca; border-radius:7px; background:#ffffff; margin-bottom:20px; overflow:hidden;}
.reglist li.litext .input{ width:100%;}
.reglist li.litext .input input{ height:60px; line-height:60px; padding:0 25px; font-size:18px; color:#666666; width:100%;}
.reglist li.litext .tips{ position:absolute; right:15px; line-height:60px; top:0; font-size:14px; color:#999999;}
.reglist li.licode .codeimg{ position:absolute; top:0; right:0; height:60px; cursor:pointer;}
.reglist li .btna{ width:160px; font-size:18px; height:60px; position:absolute; right:0; top:0; color:#ffffff; text-align:center; line-height:60px; background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF);}

.reglist li.agreement{ margin:20px 0 40px 0; line-height:30px; font-size:16px; color:#666666; padding-left:25px; }
.reglist li.agreement label{cursor:pointer;}
.reglist li.agreement a:hover{ text-decoration:underline; color:#e54560;}
.reglist li.agreement input{ display:none;}
.reglist li.agreement span{ width:16px; height:16px; position:absolute; top:50%; margin-top:-7px; left:0; border:2px solid #999999; border-radius:50%; }
.reglist li.agreement span:after{ content:""; width:8px; height:8px; background:#f6f7fb;  border-radius:50%; display:block; margin:2px auto;}

.reglist li.agreement label:hover span,.reglist li.agreement label input:checked + span{ border-color:#19a2ca; }
.reglist li.agreement label:hover span:after,.reglist li.agreement label input:checked + span:after{ background:#19a2ca;}

.reglist li.submit{ }
.reglist li.submit input{ width:100%; background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF);color:#ffffff; height:62px; border-radius:7px; font-size:24px; cursor: pointer; }


/*密码找回*/

.loginmain{ width:50%; border:1px solid #e5e5e5; padding:30px; margin:70px auto;}
.lmtit{ color:#222222; font-size:30px; text-align:center; font-weight:bold; line-height:1; margin-bottom:35px; overflow: hidden; }
.lmul{ overflow:hidden; font-size:24px; text-align:center; font-weight:bold; line-height:2; overflow:hidden; margin-bottom:35px; color:#222222; }
.lmul li{ float:left; width:50%; cursor:pointer; }
.lmul li.on{background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); color:#ffffff;}
.lminput{ height:54px; width:100%; margin-bottom:20px;}
.lminput input{ line-height:52px; border:1px solid #d2d2d2; height:54px; width:100%; padding:0 10px 0 70px;}
.lmico01 input{ background:url(../images/lmico01.png) no-repeat left center;}
.lmico02 input{ background:url(../images/lmico02.png) no-repeat left center;}
.lmico03 input{ background:url(../images/lmico03.png) no-repeat left center;}
.lmico03{ position:relative;}
.lmico03 a{ position:absolute; right:1px; top:1px; height:52px; line-height:52px; width:120px; background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF);color:#ffffff; text-align:center;}
.lminfo{ line-height:54px; font-size:14px; color:#454545; overflow:hidden;}
.lminfo label{ float:left;}
.lminfo label input{ margin-right:10px;}
.lminfo a{ float:right;}
.lmsubmit{ overflow:hidden;}
.lmsubmit input{ width:100%; height:54px; line-height:54px; text-align:center; color:#ffffff; font-size:18px; font-weight:bold; display:block; cursor:pointer;background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); margin-top:20px;}
.liback{ text-align:right; margin-top:20px; font-size:16px;}
.liback a:hover{ color:#e54560;}

/*会员中心*/
.meminfo{ overflow:hidden; padding:25px 8px; margin-bottom:25px;}
.meminfo .img{ float:left; width:132px; border-radius:50%; overflow:hidden; border:1px solid #dcdcdc;}
.meminfo .img img{ display:block; width:100%; }
.meminfo .txt{ float:left; margin-left:30px; width:580px;}
.meminfo .txt h3{ font-size:20px; color:#039dd5; margin-bottom:10px; }
.meminfo .txt p{ font-size:16px; margin-top:5px; color:#666666;}
.meminfo .txt .sp01{ color:#e54560;}
.meminfo .txt .sp02{ font-size:14px; }

.meminfo .operation{ float:right;}
.meminfo .operation a{ font-size:16px; color:#039dd5;}
.meminfo .operation a:hover{ text-decoration:underline;}

.meminput li .input{ padding-left:128px;}
.meminput li .input input{ height:50px; line-height:48px; padding:0 20px; font-size:16px; }
.meminput li.submit input{ width:100px; height:40px; font-size:18px;}

.worksimg li{ margin-top:24px; width:195px; height:195px; margin-right:24px;}
.worksimg li>img{ height:195px;}
.worksimg li .img{height:195px;}
.worksimg li .img img{}
.worksimg li .img .info p{ margin-top:10px;}


.meminput{ overflow: hidden; padding:0 10px; margin:40px 0;}
.meminput li{ float:left; width:100%; overflow:hidden; margin-bottom:20px;}
.meminput li .title{ float:left; width:130px; line-height:50px; font-size:18px; color:#039dd5;}
.meminput li .title span{ color:#e54560;}
.meminput li .input{ width:100%; padding-left:130px;}
.meminput li .input input{ border:1px solid #d7dddd; height:50px; line-height:48px; padding:0 20px; font-size:16px; color:#666666; width:100%; border-radius:10px; }

.meminput li.submit{ margin-bottom:0; text-align:right;}
.meminput li.submit input{ width:120px; height:50px; color:#ffffff; background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF);  border-radius:5px; cursor:pointer; font-size:18px;}



.regxian{ border:1px solid #e5e5e5; padding:30px 0; background:#fdfdfd; margin-bottom:40px;}

.workadd{ overflow:hidden; padding:0 30px;}
.workadd>li{ float:left; width:100%; overflow:hidden; margin-bottom:15px; }
.workadd>li span{ width:100px; float:left;line-height:40px; font-size:16px; text-align:right;}
.workadd>li .input{ width:714px; float:left; }
.workadd>li .input>input{line-height: 40px; border: 1px solid #e5e5e5; padding: 0 15px; width:100%; font-size:16px; color:#666666;}
.workadd>li .input .text{line-height:40px; font-size:16px; color:#e54560;}
.workadd>li .input select{line-height: 40px; border: 1px solid #e5e5e5; padding: 0 15px; width:100%; font-size:16px; color:#666666;background: #ffffff url(../images/san.png) no-repeat right center; background-size: auto 100%;}
.workadd>li .input textarea{line-height:30px; padding:10px 15px; height:150px; border: 1px solid #e5e5e5; width:100%; font-size:16px; color:#666666;}

.workadd>li .txmain{ float:left; width:550px; overflow:hidden;}
.workadd>li .txmain .img{ float:left; width:150px; height:150px; border:1px solid #dcdcdc;}
.workadd>li .txmain .img img{ display:block; width:100%; height:100%;}
.workadd>li .txmain a{ float:left; width:100px; height:34px; font-size:16px; text-align:center; line-height:34px; margin:58px 20px; border-radius:5px; background:#039dd5;background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); color:#ffffff;}
.workadd>li .txmain a:hover{background:#e54560; }

.workadd>li .input .tubtn{ float:left; width:100px; height:34px; font-size:16px; text-align:center; line-height:34px; display:block; border-radius:5px; background:#039dd5;background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); color:#ffffff;}
.workadd>li .input .tubtn:hover{ background:#e54560;} 

.workadd .tips{ float:left; color:#999999; font-size:14px; line-height:150px; }
.workadd .tips2{ line-height:34px; margin-left:20px;}

.tujilist{background:#ffffff; margin-top:20px; min-height:120px;padding:1%; overflow:hidden; border: 1px solid #e5e5e5;} 
.tujilist li { width:31.33%; margin:1%;  overflow:hidden; position:relative; float:left; }
.tujilist li img{ width:100%; display:block; height:170px;}
.tujilist li .w02{ display:none;}
.tujilist li .w03{ font-size:14px; border:1px solid #e5e5e5; line-height:36px; padding:0 10px; display:block; width:100%;}
.tujilist li a{ position:absolute; left:0; top:0; height:35px; line-height:35px; text-align:center; width:100%; background:rgba(0,0,0,0.6); color:#ffffff;}

.regsubmit{ overflow:hidden;}

.regsubmit input{ width:240px; height:54px; line-height:54px; text-align:center; color:#ffffff; font-size:18px; font-weight:bold; display:block; cursor:pointer; background:#039dd5;background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); margin:20px auto;}

.zwimg{ padding:0 30px 30px 30px;}
.zwimg img{ width:100%; display:block; }


.backlist{ overflow: hidden; width:768px; margin:100px auto;}
.backlist li{ width:260px; margin:0 62px; border:1px solid #dcdcdc; float: left; overflow: hidden; background:#f6f6f6;}
.backlist li a{ display: block; }
.backlist li p{ display: block; height:80px; margin:30px 0 10px 0;  }
.backlist li p.p01{ background:url(../images/back01.png) no-repeat center center; background-size:auto 100%;}
.backlist li p.p02{ background:url(../images/back02.png) no-repeat center center; background-size:auto 100%;}

.backlist li span{ display: block; margin-bottom:10px; height: 40px; line-height: 40px; font-size:16px; text-align: center; }
.backlist li:hover{ background:#039dd5;background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); color: #ffffff; }
.backlist li:hover p.p01{ background-image:url(../images/back01s.png);  }
.backlist li:hover p.p02{ background-image:url(../images/back02s.png);  }



.tulist{ overflow:hidden; margin-top:40px;}
.tulist li{ float:left; width:32%; margin-right:2%; }
.tulist li .img{ border:1px solid #dcdcdc; }
.tulist li img{ display: block; width:100%;}
.tulist li .title{ font-size:14px; text-align: center; color:#666666; margin:10px; height:40px; line-height:20px;}






.livevideo{ width:100%; background:#d8d8d8; margin:30px 0;}
.livevideo video{ width:100%; display:block;}

.livetit{ line-height:48px; height:48px; color:#ffffff; font-size:20px; background: #039dd5; background-image:linear-gradient(to right,#00D373, #00A5BF, #005AFF); text-align:center;}
.liveimg{ overflow:auto; width:100%; background:#d8d8d8; padding:1px; }

.liveimg li{ width:25%; overflow:hidden; float:left; padding:1px;}
.liveimg li img{ width:100%; display:block;}


.overviewtop{ overflow:hidden; background:#ffffff; margin-top:50px; box-shadow: 0 0 20px #cccccc;}
.overviewtop a{ display:block; padding:20px; overflow:hidden; }
.overviewtop .img{ float:left; width:300px;}
.overviewtop .img img{ width:100%; display:block;}
.overviewtop .txt{ float:right; width:840px;}
.overviewtop .txt .title{ color: #21a451; font-size:20px; margin-top:10px; }
.overviewtop .txt .time{ font-size:16px; line-height:2; margin:5px 0;}
.overviewtop .txt .info{ font-size:14px; line-height:1.8;}

.overviewtop:hover{box-shadow:0 0 20px #cccccc;background-image: linear-gradient(to right, #0a8ad5, #60f0d5);  color:#ffffff;}
.overviewtop:hover .title{color:#ffffff}

/*.overviewlist{ margin-bottom:50px; }*/
.overviewlist li{ width:49%; margin-top:10px; margin-right:2%; float:left; background:#ffffff; overflow:hidden; box-shadow: 0 0 20px #cccccc; }
.overviewlist li a{ display:block; padding:15px; overflow:hidden; }
.overviewlist li .time{ width:80px; float:left; text-align: center; padding-top:14px; background: #039dd5;background-image: linear-gradient(to right,#0a8ad5, #60f0d5);  color:#ffffff; height:80px; }
.overviewlist li .time .y{ font-size:22px; line-height:30px;}
.overviewlist li .time .md{ font-size:16px; line-height:25px;}

.overviewlist li .txt{ width:460px; float:right;}
.overviewlist li .txt h3{ color: #21a451; font-size:18px; line-height:30px; height:30px; font-weight:normal; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.overviewlist li .txt p{ font-size:14px; line-height:22px; margin-top:5px; height:44px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} 
.overviewlist li:hover{box-shadow:0 0 15px #cccccc;background-image: linear-gradient(to right, #0a8ad5, #60f0d5);  color:#ffffff;}
.overviewlist li:hover h3{color:#ffffff}

.lang_list{ overflow:hidden;}
.lang_list li{ float:left; width:50%; height:50px; line-height:50px; text-align:center; font-size:16px; background:#039dd5; background-image: linear-gradient(to right,#00D373, #00A5BF, #005AFF); color:#ffffff; }
.lang_list li a{ display:block;}
.lang_list li.on,.lang_list li:hover{ background:#e54560; color:#ffffff;}









.animated{opacity: 0;}

.navlist li span,.exlist li a,.hnlist li,.hnlist li h3,.homenews .newsban .swiper-slide .txt,.homenews .newsban .swiper-slide .txt h3,.htit .more a,.exhsearch li.es03 input,.exhsearch li.es04 a,.exhlist li .dian:after,.exhlist li,.exmore a,.parklist li,.parklist li .txt h3,
.parklist li .txt p,.nynav li,.newslist li h2,.newslist li .more,.nspage a,.download li a,.enav li,.exhibitorlist li,.page a,.extop a,.overviewtop,.overviewlist li,.brand_more{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.homenews .newsban .img img,.parklist li .img img{
-webkit-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
-ms-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;}

.homenews .newsban .swiper-slide:hover .img img,.parklist li:hover .img img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}

.home03{
    overflow: hidden;
}

.home03_list{
	/*overflow: hidden;*/
	margin-left: -48px;
	transition: transform 0.5s; // 平滑滚动效果
}
.home03_list li{
	float: left;
	width: 264px;
	height: 185px;
	/*264x185px*/
	margin-left: 48px;
	margin-top: 27px
}
.home03_list li .img{ padding:20px; border-radius:35px; }
.home03_list li .img>div{overflow: hidden;border-radius:20px;}
.home03_list li img{ display: block; width:100%; }
.home03_list li .tit{
	text-align: center;
	color: #ffffff;
	font-size: 21px;
	padding-left: 6px;
	line-height: 1.5;
	margin-top: 50px;
}
.home03_list li.ex01{ background: url(/Public/home/images/001.png) no-repeat center center;  background-size:cover;}
.home03_list li.ex02{ background: url(/Public/home/images/002.png) no-repeat center center;  background-size:cover;}
.home03_list li.ex03{ background: url(/Public/home/images/003.png) no-repeat center center;  background-size:cover;}
.home03_list li.ex04{ background: url(/Public/home/images/004.png) no-repeat center center;  background-size:cover;}
.home03_list li.ex05{ background: url(/Public/home/images/005.png) no-repeat center center;  background-size:cover;}
.home03_list li.ex06{ background: url(/Public/home/images/006.png) no-repeat center center;  background-size:cover;}
.home03_list li.ex07{ background: url(/Public/home/images/007.png) no-repeat center center;  background-size:cover;}
.home03_list li.ex08{ background: url(/Public/home/images/008.png) no-repeat center center;  background-size:cover;}

.home03_list li a{
	display: block;height: 100%; background: linear-gradient(rgba(55,206,251,1), rgba(195,252,249,0.15));}

.home03_list li:hover .img{ background: linear-gradient(to right,#c8fcf9, #fdcfe5); }


.home03_list li:hover a{background: linear-gradient(rgba(96,145,213,1), rgba(96,145,213,0.15));}

.home03_list li a.on{background:rgba(3,157,213,0.6);}
.home03_list li.ex01 .ico{
	width: 61px;
	height: 51px;
}
.home03_list li.ex02 .ico{
	width: 64px;
	height: 58px;
}
.home03_list li.ex03 .ico{
	width: 79px;
	height: 59px;
}
.home03_list li.ex04 .ico{
	width: 36px;
	height: 58px;
}
.home03_list li.ex05 .ico{
	width: 61px;
	height: 63px;
}
.home03_list li.ex06 .ico{
	width: 78px;
	height: 67px;
}
.home03_list li.ex07 .ico{
	width: 55px;
	height: 66px;
}
.home03_list li.ex08 .ico{
	width: 66px;
	height: 71px;
}
.home03_list li .ico{
	margin: 0 auto;
	padding-top:35px;
}
.home03_list li .ico img{
	width: 100%;
}
.app-home__arrows{
	margin-top: 20px;
}
.arrow_left{
	float: left;
	width: 5.8vh;
	height: 4.8vh;
	cursor: pointer;
	background: url("/Public/home/images/left.png") no-repeat left center;
	background-size: cover;
}
.arrow_right{
	float: left;
	width: 5.8vh;
	height: 4.8vh;
	margin-left: 30px;
	cursor: pointer;
	background: url("/Public/home/images/right.png") no-repeat left center;
	background-size: cover;
}
.arrow_left:hover{
	background: url("/Public/home/images/left_hover.png") no-repeat left center;
	background-size: cover;
}
.arrow_right:hover{
	background: url("/Public/home/images/right_hover.png") no-repeat left center;
	background-size: cover;
}

.gcyz{
    display: none;
    width: 1197px;
	background: url("/Public/home/images/zhan_bg.png") no-repeat top center; 
	/*background-color: red;*/
        overflow: hidden;
        margin-top: 20px ;
}
.gcyz li{
    float: left;
    width: 121px;
    margin-left: 27px;
    margin-top: 17px;
    text-align: center;
        position: relative;
}

.gcyz li .zhan01,.gcyz li .zhan03,.gcyz li .zhan05,.gcyz li .zhan07{
    display: none; 
    background: url(/Public/home/images/zhan02.png) no-repeat left top;
    background-size: 100%;
    height: 47px;
    width: 150px;
    position: absolute; 
}
.gcyz li:hover>div.zhan01{
    display: block; 
       top: -17px;
    left: -16px;
    
}
.gcyz li:hover>div.zhan03{
    display: block; 
        top: -17px;
    left: -13px;
    
}
.gcyz li:hover>div.zhan05{
    display: block; 
       top: -17px;
    left: -13px;
    
}
.gcyz li:hover>div.zhan07{
    display: block; 
     top: -17px;
    left: -13px;
    
} 
.gcyz li .zhan02,.gcyz li .zhan04,.gcyz li .zhan06,.gcyz li .zhan08{
    display: none; 
    background: url(/Public/home/images/zhan01.png) no-repeat left bottom;
    background-size: 100%;
    height: 47px;
    width: 150px;
    position: absolute;
    left: -15px;
}

.gcyz li:hover>div.zhan02{
    display: block; 
    
    bottom: 52px;
}
.gcyz li:hover>div.zhan04{
    display: block; 
    bottom:27px;
    
}
.gcyz li:hover>div.zhan06{
    display: block; 
    bottom: 27px;
    
}
.gcyz li:hover>div.zhan08{
    display: block; 
    left: -12px;
    bottom: 52px;
    
} 
.gcyz_pic{ 
    width: 121px;
    height: 121px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex;  /* 启用flex布局 */
  align-items: center;   /* 垂直居中 */
  vertical-align: middle;
}
.gcyz_pic:hover{
    background-color: #FFFFFF;
    background: linear-gradient(rgba(55, 206, 251, 1), rgba(195, 252, 249, 0.15));
}

.gcyz li .gcyz_pic01{
    overflow: hidden;
    border-radius: 50%; background: url(/Public/home/images/001.png) no-repeat center center;  background-size:100%;}
.gcyz li .gcyz_pic02{
    overflow: hidden;
    border-radius: 50%; background: url(/Public/home/images/002.png) no-repeat center center;  background-size:100%;}
.gcyz li .gcyz_pic03{
    overflow: hidden;
    border-radius: 50%; background: url(/Public/home/images/003.png) no-repeat center center;  background-size:100%;}
.gcyz li .gcyz_pic04{
    overflow: hidden;
    border-radius: 50%; background: url(/Public/home/images/004.png) no-repeat center center;  background-size:100%;}
.gcyz li .gcyz_pic05{
    overflow: hidden;
    border-radius: 50%; background: url(/Public/home/images/005.png) no-repeat center center;  background-size:100%;}
.gcyz li .gcyz_pic06{
    overflow: hidden;
    border-radius: 50%; background: url(/Public/home/images/006.png) no-repeat center center;  background-size:100%;}
.gcyz li .gcyz_pic07{
    overflow: hidden;
    border-radius: 50%; background: url(/Public/home/images/007.png) no-repeat center center;  background-size:100%;}
.gcyz li .gcyz_pic08{
    overflow: hidden;
    border-radius: 50%; background: url(/Public/home/images/008.png) no-repeat center center;  background-size:100%;}
.gcyz_tit{
    margin-top: 20px;
} 
.gcyz_pic img{
    width: 50px;
    margin: 0 auto;
}