@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: 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: 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;}
.hidden{ overflow:hidden;}
.hide{ display:none;}
body{min-width:1200px;}

.header{ height:200px; background:url(../images/nengyaun.jpg) no-repeat center center; }
.logo{ height:70px; margin-top:65px; }
.logo img{ display:block; height:70px; }

.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, #039dd5, #7bb989); }
.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:18px; 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, #039dd5, #7bb989);}
.navlist{ }
.navlist li{ float:left; position:relative; /*text-transform:Uppercase;*/}
.navlist li>a{ display:block; line-height:60px; font-size:22px; color:#ffffff;}
.navlist li span{display:inline-block; padding:0 15px; line-height:40px; border-radius:20px; }
.navlist li.on span,.navlist li:hover span{ color:#039dd5; background:#ffffff;}

.navlist li .sub{ position:absolute; left:50%; margin-left:-115px; top:60px; width:230px; 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;    text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 15px;}
.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, #039dd5, #7bb989); 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:24px; line-height:95px; }
.btnlist li .entit{ font-size:20px; text-transform:uppercase; line-height:30px;}

.btnlist li.bico01 a{ background:url(../images/bico01.png) no-repeat left center;}
.btnlist li.bico02 a{ background:url(../images/bico02.png) no-repeat left center;}
.btnlist li.bico03 a{ background:url(../images/bico03.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:20px; line-height:25px; height:100px; text-align:center; padding:0 10px; margin-top:35px;}
.exlist li .more{ text-align:center; margin-top:70px; }
.exlist li .more span{ display:inline-block; border-bottom:1px solid #ffffff; font-size:18px;}

.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; margin:50px 0;}
.htit h3{height: 35px; font-size:32px; line-height:1; color:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #19a2ca 45%, #4aabb3 50%, #70b595 55%, #70b595); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.htit p{ font-size:16px; margin-top:20px;}
.htit .xian{ width:106px; height:5px; background-image: linear-gradient(to right, #039dd5, #7bb989); 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:18px; display:inline-block;}
.htit .more a:hover{ background:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595);}

.homenews{ background:#ffffff; overflow:hidden; padding:30px; margin:30px 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; margin-bottom:10px; color:#19a2ca; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.homenews .newsban .txt p{ font-size:14px; line-height:25px; 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;}

.hnlist{ width:48.5%;}
.hnlist li{ background:#f3f3f3; margin-top:15px; 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:#19a2ca; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hnlist li p{ font-size:14px; line-height:20px; margin-top:5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.hnlist li:hover{color:#ffffff; background:#19a2ca; background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595); }
.hnlist li:hover h3{ color:#ffffff;}

.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 35px; 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:#2757e0; 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-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;}
.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;}






.footer{ background:url(../images/footbj.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
.dbcontent{ overflow:hidden; color:#ffffff; font-size:16px; line-height:28px; margin:50px 0;}
.dbcontent .dcleft{ width:880px; float:left; border-right:2px solid #ffffff; padding:0 30px;}
.dblist{ overflow:hidden;}
.dblist li{ float:left; width:100%; margin-top:25px;}
.dblist li.w40{ width:40%;}
.dblist li.w30{ width:30%;	font-size:15px;}

.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;font-size: 14px;}

.copy{ color:#ffffff; font-size:16px; text-align:center; margin-bottom:50px; }
.copy a:hover{ text-decoration:underline;}

/*首页结束*/





.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, #039dd5, #7bb989);}
.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:#039dd5;}

.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, #19a2ca, #70b595); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.nytit_xian{ background-image: linear-gradient(to right, #039dd5, #7bb989); 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; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.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:110px; height:30px; line-height:30px; background:#039dd5; background-image: linear-gradient(to right, #039dd5, #7bb989); 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, #039dd5, #7bb989); 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; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.listimg li h2:hover{ color:#e54560;}
.listimg li p{ font-size:14px; line-height:24px; height:48px; margin:10px 0; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.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, #039dd5, #7bb989); 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-top:10px; margin-right:50px; text-align:center; background:#039dd5; background-image: linear-gradient(to right, #039dd5, #7bb989); 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; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.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, #039dd5, #7bb989);}
.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;}


.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, #039dd5, #7bb989);}

.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, #039dd5, #7bb989);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, #039dd5, #7bb989); 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, #039dd5, #7bb989);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, #039dd5, #7bb989); 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:560px;}
.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;}


.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{width:100%; line-height:50px; font-size:18px; color:#039dd5;}
.meminput li .title span{ color:#e54560;}
.meminput li .input{ width:100%; }
.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, #039dd5, #7bb989);  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:100%; float:left;line-height:40px; font-size:16px; }
.workadd>li .input{ width:100%; 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, #039dd5, #7bb989); color:#ffffff;}
.workadd>li .txmain a:hover{background:#e54560; }

.workadd>li .input .tubtn{ float:left; width:120px; height:34px; font-size:16px; text-align:center; line-height:34px; display:block; border-radius:5px; background:#039dd5;background-image: linear-gradient(to right, #039dd5, #7bb989); color:#ffffff;}
.workadd>li .input .tubtn:hover{ background:#e54560;} 
.workadd>li.li02 span{ width:auto; }
.workadd>li.li02 .input{ width:auto; margin-left:5px;}

.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, #039dd5, #7bb989); 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, #039dd5, #7bb989); 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, #039dd5, #7bb989); 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; }
.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: #19a2ca; font-size:20px; margin-top:10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.overviewtop .txt .time{ font-size:16px; line-height:2; margin:5px 0;}
.overviewtop .txt .info{ font-size:14px; line-height:1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.overviewtop:hover{box-shadow:0 0 20px #cccccc;}

.overviewlist{ margin-bottom:50px; }
.overviewlist li{ width:49%; margin-top:2%; margin-right:2%; float:left; background:#ffffff; overflow:hidden; }
.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, #039dd5, #7bb989); 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: #19a2ca; font-size:18px; font-weight:normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.overviewlist li .txt p{ font-size:14px; line-height:22px; margin-top:5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.overviewlist li:hover{box-shadow:0 0 15px #cccccc;}


.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, #039dd5, #7bb989); 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;}