@import url(ui.css);
@import url(swiper.min.css);
body{ font-family:Arial,PingFangSC-Regular,'microsoft yahei',"Helvetica Neue",Helvetica,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;background:#FFF; color: #8e8e9d; font-size: 14px; min-width: 1230px;}

a{ color: #2d2e32; text-decoration:none}
a:hover{ color: #435FE7; }
em,i{ font-style: normal; }

.topbar{ background: #2b2b2e; }
.topbar .topbar-con{ display: flex; justify-content: space-between; align-items: center; height: 40px; color: #7E7F90; }
.topbar .topbar-con a{ color: #7E7F90; }
.topbar .topbar-con a:hover{ color: #FFF; }
.topbar .topbar-con p:first-child a{ position: relative; padding-right: 17px;  }
.topbar .topbar-con p:first-child a:before{ position: absolute; top:4px; right: 8px; width: 1px; height: 8px; background-color: #7E7F90; content: ''; }
.topbar .topbar-con p:first-child a:last-child::before{ display: none; }
.topbar .topbar-con p:last-child a,.topbar .topbar-con p:last-child span{ padding-left: 17px; }

.header{ background: #FFF; box-shadow: 0 0 15px rgba(0,0,0,0.15); position: relative; z-index: 100}
.header .logo{ float: left; line-height: 64px; height: 64px; }
.header .nav{ float: left; margin-left: 16px; font-size: 0; }
.header .nav li{ float: left; }
.header .nav li a{ display: block; padding: 0 16px; line-height: 64px; color: #7E7F90; font-size: 14px; }
.header .nav li.active a,.header .nav li a:hover{ color: #1840C9; }
.header .search{ float: right; width: 316px; height: 40px; margin-top: 12px; }
.header .search form{ display: flex; align-items: center; width: 100%; height: 100%; border: 1px solid #edf0f4; border-radius: 4px; }
.header .search form i{ width: 14px; height: 12px; background: url(../images/icon-search.png) no-repeat center / 100%; margin: 0 9px; }
.header .search form input{ flex:1; height: 100%; background: none; border: none; }
.header .search form button{ width: 76px; height: 100%; background: #3356d0; border-radius: 4px; color: #FFF; border: none; }

.banner-bg{ background: #d6dde9; }
.banner{ float: right; width: 960px; height: 510px; position: relative; }
.banner .swiper-container{ width: 100%; height: 100%; }
.banner .swiper-slide{ background: no-repeat center / cover; position: relative; }
.banner .swiper-pagination-bullets{ bottom: 45px; padding-left: 45px; text-align: left; }
.banner .swiper-pagination-bullet{ width: 48px; height: 4px; border-radius: 4px; background: rgba(24, 64, 201, 0.3); opacity: 1}
.banner .swiper-pagination-bullet-active{  background: rgba(24, 64, 201, 1); }
.banner .text{ padding-left: 50px; padding-top: 130px; color: #2B2B2E; }
.banner .text h2{ font-size: 40px; font-weight: normal; margin-bottom: 10px; }
.banner .text p{ font-size: 24px; }
.banner .text .btns{ margin-top: 35px; }
.banner .text .btns a{ display: inline-block; padding: 0 48px; line-height: 48px; border-radius:4px; background: #3356D0; border: 1px solid #3356D0; font-size: 16px; color: #FFF; margin-right: 16px; }
.banner .text2{ color: #FFF; }
.banner .text2 .btns a{ background: #FFF; color: #3356D0; }
.nav-items{ float:left; width: 240px; height: 510px; background: #FFF; padding: 25px 0; }
.nav-items li>a{ display: flex; align-items: center; justify-content: space-between; height:45px;  padding: 0 17px; }
.nav-items li>a>i{ width: 6px;height: 10px; background: url(../images/icon-18.png) no-repeat center; }
.nav-items-box{ position: absolute; left: 240px; top:0; width: 960px; height: 510px; display: none; background: #FFF; z-index: 999; padding: 24px 17px; }
.nav-items-box:before{ position: absolute; left: 0; top: 24px; width: 1px; height: calc(100%-48px); background: #edf0f4; content: '';  }
.nav-items li.active .nav-items-box{ display: flex; }
.nav-items-left{ flex:1; display: flex;}
.nav-items-left ul{ flex:1; display: flex;flex-wrap:wrap  }
.nav-items-left li{ flex:25%; }
.nav-items-left li h2{ margin-top: 10px; }
.nav-items-left li h2 a{ font-weight: normal; font-size: 14px; color: #f48116; line-height: 30px; }
.nav-items-left li p a{ display: block; color: #2b2b2e; line-height: 30px; font-size: 13px;}
.nav-items-left li p i{ color: #E75954; margin-left: 8px;}

.nav-items-right{ flex:0 0 160px; padding-top: 15px;}
.nav-items-right h2{ font-weight: normal; font-size: 14px; color: #2B2B2E; margin-bottom: 14px; }
.nav-items-right li a{ display: block; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom: 10px; }

.section{ padding: 60px 0; }
.section-title{ margin-bottom: 40px; color: #2b2b2e; text-align: center; }
.section-title strong{  font-size: 28px; font-weight: normal; }
.section-title p{ color: #7E7F90; margin-top: 10px; }
.section-title p a{ color: #1840C9; margin-left: 15px; }
.section-title2{ color: #FFF; }

.in-daili li{ float: left; width: 20%; margin-bottom: 40px; }
.in-daili li a{ display: block;  }

.in-pro{ background: url(../images/bg3.png) no-repeat center / cover; }
.in-pro ul{ margin: 0 0 0 -30px; }
.in-pro li{ float: left; width: 20%; }
.in-pro li a{ display: block; margin: 0 0 0 30px; text-align: center; border-radius: 8px; background: #FFF; overflow: hidden; }
.in-pro li .img-cover{ padding-top: 100%; }
.in-pro li .text{ padding: 25px 0; }
.in-pro li .text h2{ font-weight: normal; font-size: 18px; }
.in-pro li .text p{ color: #7E7F90; margin: 10px 0; }
.in-pro li .text .btns{ line-height: 32px; display: inline-block; padding: 0 25px; border: 1px solid #e75954; border-radius: 4px; color: #e75954; }
.in-pro li a:hover .text .btns{ background: #e75954; color: #FFF; }
.in-pro li a:hover .img-cover span{ transform: scale(1.1); }

.tab-pro{ position: relative; padding-bottom: 60px; }
.tab-pro:before{ position: absolute; top:0; left: 0; width: 100%; height: 120px; background: #f5f7fb; content:''; }

.tab-pro-menu{ display: flex; justify-content: center; align-items: center; height:120px; }
.tab-pro-menu li{ flex:1; height: 100%; }
.tab-pro-menu li a{ display: flex; justify-content: center; align-items: center; height: 100%; background: #f5f7fb; text-align: center; position: relative;}
.tab-pro-menu li.active a{ background: #e1e7f1; }
.tab-pro-menu li a::before{ display: none; position: absolute; bottom: -15px; left: 50%; margin-left: -15px; border-top: 15px solid #e1e7f1; border-right: 15px solid transparent; border-left: 15px solid transparent; content:''; }
.tab-pro-menu li.active a::before{ display: block; }
.tab-pro-menu li h2{ font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; }
.tab-pro-menu li h2 i{ margin-left: 10px; }
.tab-pro-menu li p{ color: #7E7F90; margin-top: 10px;}

.tab-pro-con{ padding-top: 56px; }
.tab-pro-con a{ display: block; border: 1px solid #333; border-radius: 8px; margin-bottom: 12px; color: #2D2E32; padding-bottom: 5px; overflow: hidden; }
.tab-pro-con .text{ border-top: 1px solid #EDF0F4; padding: 12px; }
.tab-pro-con .text h2{ font-size: 14px; font-weight: normal; }
.tab-pro-con .btns{ color: #E75954; text-align: center; margin-top: 10px; }
.tab-pro-con .btns span{ line-height: 32px; display: inline-block; padding: 0 25px; border: 1px solid #e75954; border-radius: 4px; }
.tab-pro-con a:hover{ color: #3356D0; }
.tab-pro-con a:hover .btns span{ background: #e75954; color: #FFF; }

.tab-pro1,.tab-pro2,.tab-pro3{ position: relative; padding:0 5px 30px; }
.tab-pro1 .swiper-pagination-bullets,.tab-pro2 .swiper-pagination-bullets,.tab-pro3 .swiper-pagination-bullets{ bottom: 0; text-align: center; width: 100%;}
.tab-pro1 .swiper-pagination-bullet,.tab-pro2 .swiper-pagination-bullet,.tab-pro3 .swiper-pagination-bullet{ margin: 0!important;width: 48px; height: 4px; border-radius: 4px; background: rgba(24, 64, 201, 0.3); opacity: 1}
.tab-pro1 .swiper-pagination-bullet-active,.tab-pro2 .swiper-pagination-bullet-active,.tab-pro3 .swiper-pagination-bullet-active{  background: rgba(24, 64, 201, 1); }

.in-fangan{ background: #f5f7fb; }
.in-fangan li a{ display: block; position: relative; color: #FFF; border-radius: 8px; overflow: hidden; text-align: center; }
.in-fangan li .img-cover{ padding-top: 63%; }
.in-fangan li .text{ position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 100%;}
.in-fangan li .text h2{ font-size: 24px; font-weight: normal; margin-bottom: 27px; }
.in-fangan li .text .btns{ line-height: 32px; display: inline-block; padding: 0 25px; border: 1px solid #FFF; border-radius: 4px; }
.in-fangan li a:hover .img-cover span{ transform: scale(1.1); }

.in-news{ padding-bottom: 20px;}
.btns-news{ text-align: center; }
.btns-news a{ color: #435FE7; }

.in-news-menu{ display: flex; justify-content: center; align-items: center; height: 45px; border-bottom: 1px solid #e5e8ef; margin-bottom: 25px;}
.in-news-menu li a{ display: block; padding: 0 50px; margin: 0 15px; border-bottom: 1px solid transparent; line-height: 44px; }
.in-news-menu li.active a{ border-color: #435FE7; color: #435FE7; }

.in-news-con li a{ display: block; border-radius: 8px; border: 1px solid #e5e8ef;}
.in-news-con li .img-cover{ padding-top: 58%; }
.in-news-con li .text{ padding: 15px; border-bottom: 1px solid #e5e8ef; }
.in-news-con li .text h2{ font-size: 18px; font-weight: normal; }
.in-news-con li .text .date{ color: #B3B4BF; line-height: 25px; }
.in-news-con li .text p{ line-height: 22px; color: #7e7f90;  }
.in-news-con li .visits{ display: flex; justify-content: space-between; align-items: center; height: 54px; color: #B3B4BF; padding:0 15px; }
.in-news-con li .visits p{ display: flex; align-items: center; }
.in-news-con li .visits span{ display: flex; align-items: center; height: 100%; }
.in-news-con li .visits p span:nth-child(2){ margin-left: 20px; }
.in-news-con li .visits span i{ margin-right: 5px; }
.in-news-con li a:hover .img-cover span{ transform: scale(1.1); }

.zhaohuo{ width: 624px; margin: 0 auto; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; background: #FFF;}
.zhaohuo a{ display: flex; justify-content: space-between; align-items: center;  height: 52px; padding: 0 20px; font-size: 18px; }
.zhaohuo i{ background: url(../images/icon-up.png) no-repeat; width: 12px; height: 12px; }
.zhaohuo-con{ display: none; padding: 25px 115px; }
.zhaohuo-con .tits{ text-align: center; margin-bottom: 25px; }
.zhaohuo-con .tits span{ display: block; font-size: 28px; color: #2B2B2E; }
.zhaohuo-con .label{ display: flex; align-items: center; height: 32px; margin-bottom: 16px; }
.zhaohuo-con .label label{ color: #2B2B2E; flex:0 0 70px;}
.zhaohuo-con .label em{ flex:1; height: 100%; display: flex; }
.zhaohuo-con .label em input{ flex:1; height: 100%; border-radius: 5px; border: 1px solid #E5E5E7; padding-left: 10px; }
.zhaohuo-con .label p span{ margin-right: 16px; }
.zhaohuo-con .label p input{ margin-right: 5px; }
.zhaohuo-con button{ margin-left: 130px; width: 124px; height: 32px; border-radius: 4px; background: #3356d0; color: #FFF; border: none; }
.zhaohuo.active a{ border-bottom: 1px solid #edf0f4; }
.zhaohuo.active i{ background-image: url(../images/icon-down.png); }
.zhaohuo.active .zhaohuo-con{ display: block; }

.footer{ background: #2b2b2e; }
.footer-bz{ display: flex; justify-content: center; align-items: center; height:80px;  color: #FFF; font-size: 18px; border-bottom: 1px solid #404144; padding: 0 80px;}
.footer-bz li{ flex:1; display: flex; justify-content: center;  align-items: center; height: 100%; }
.footer-bz li i{ margin-right: 12px; }
.footer-bz li i img{ height: 32px; }
.footer-con{ display: flex; justify-content: space-between; padding: 25px 0;  }
.footer-con-left{ flex:0 0 770px; }
.footer-con-left .flogo{ margin-bottom: 8px; }
.footer-con-left .text{ line-height: 22px; color: #AEB0BE; margin-bottom: 10px; }
.footer-con-left .fnav{ line-height: 30px; }
.footer-con-left .fnav h2{ font-weight: normal; font-size: 14px; color: #7E808F; }
.footer-con-left .fnav p a{ color: #AEB0BE; margin-right: 10px; }
.footer-con-left .fnav p a:hover{ color: #FFF; }
.footer-con-right{ flex:0 0192px; }
.footer-con-right h2{ font-weight: normal; font-size: 14px; text-align: center; padding-bottom: 18px; }
.footer-con-right ul{ display: flex; }
.footer-con-right li{ flex:1; text-align: center; }
.footer-con-right li img{ width: 84px; }
.footer-con-right .tel{ background: #3356d0; height: 32px;display: flex; align-items: center; justify-content: center; margin-top: 22px; border-radius: 4px; color: #FFF; }
.footer-con-right .tel i{ margin-right: 8px; }
.footer-con-right .tel i img{ width: 11px; }
.copyright{ text-align: center; border-top: 1px solid #404144; padding: 10px; line-height: 20px; font-size: 12px; color:#AEB0BE; }
.copyright p span{ margin:0 10px;color:#AEB0BE; }
.copyright p a{ margin:0 10px; color: #AEB0BE; }

.kefu{ position: fixed; right: 16px; top:50%; transform: translateY(-50%); z-index: 900; width: 48px; border-radius: 4px; padding: 6px; background: #FFF; box-shadow: 0 0 10px 0px rgba(39,41,44,0.2);}
.kefu li{ padding: 12px 0; border-bottom: 1px solid #edf0f4; text-align: center; position: relative; }
.kefu li i img{ width: 20px; }
.kefu li .tel{ position: absolute; top:2px; right: -200px; z-index: 10; transition: 0.3s; width: 150px; line-height: 36px; background: #FFF; border-radius: 5px; font-size: 16px;  box-shadow: 0px 4px 10px 0px rgba(39, 41, 44, 0.1);}
.kefu li .ewm{ position: absolute; top:2px; right: -200px; z-index: 10; transition: 0.3s; width: 150px; line-height: 36px; border-radius: 5px; }
.kefu li .ewm img{ width: 100%; }
.kefu li.active .tel{ right: 48px; }
.kefu li.active .ewm{ right: 48px; }

.totop{ position: fixed; right: 16px; bottom: 95px; z-index: 900; width: 48px; height: 48px; background: #FFF; border-radius: 4px; display: flex; justify-content: center; align-items: center; box-shadow: 0px 4px 10px 0px rgba(39, 41, 44, 0.1); }
.totop a{ display: block; }

.banner-sub{ background:no-repeat center / cover; height: 368px; }
.banner-sub .container{ width: 100%; height: 100%; }
.banner-sub .text{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; align-items: center; color: #2B2B2E; padding-left: 75px;}
.banner-sub .text h2{ font-size: 40px; font-weight: normal; margin-bottom: 10px; }
.banner-sub .text p{ font-size: 24px; }
.banner-sub .text .btns{ margin-top: 35px; }
.banner-sub .text .btns a{ display: inline-block; padding: 0 48px; line-height: 48px; border-radius:4px; background: #3356D0; border: 1px solid #3356D0; font-size: 16px; color: #FFF; margin-right: 16px; }
.banner-sub .text .btns a.active{ background: #FFF; color: #3356D0; }
.banner-sub .text2{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-align: center; }
.banner-sub .text2 h2{ font-size: 40px; font-weight: normal; margin-bottom: 10px; }
.banner-sub .text2 p{ font-size: 24px; }
.banner-sub2{ background:no-repeat center / cover; height: 160px; }
.banner-sub2 .container{ width: 100%; height: 100%; }
.banner-sub2 .text{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #2B2B2E; text-align: center;}
.banner-sub2 .text h2{ font-size: 24px; font-weight: normal; margin-bottom: 10px; }
.banner-sub2 .text p{ font-size: 18px; }

.lanmu{ background: #FFF; border-bottom: 1px solid #e5e8ef; height: 46px; }
.lanmu ul{ display: flex;  }
.lanmu li a{ display: block; padding: 0 45px; line-height: 44px; }
.lanmu li.active a,.lanmu li a:hover{ color: #435FE7; border-bottom: 2px solid #435FE7; }

.section-sub{ padding: 25px 0; }

.list-1 li{ display: flex; margin-bottom: 32px; background: #FFF; padding: 16px; border-radius: 8px; }
.list-1 li .img-cover{ width: 350px; height: 200px; margin-right: 16px; border-radius: 8px; }
.list-1 li .text{ flex:1; position: relative; }
.list-1 li .text h2{ font-size: 18px; font-weight: normal; display: flex; align-items: center; height: 32px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.list-1 li .text h2 span{ font-size: 12px; color: #3356D0; background: rgba(51, 86, 208, 0.1); padding: 4px; margin-right: 5px; }
.list-1 li .text .date{ color: #B3B4BF; line-height: 25px; }
.list-1 li .text p{ line-height: 22px;  }
.list-1 li .text .visits{ position: absolute; bottom: 10px; left: 0; width: 100%; display: flex; height: 20px; color: #B3B4BF; }
.list-1 li .text .visits span{ margin-right: 20px; display: flex; align-items: center; height: 100%; }
.list-1 li .text .visits span i{ margin-right: 5px; }
.list-1 li .img-cover:hover span{ transform: scale(1.1); }

.pages{ text-align: center; }
.pages a{ color: #1840C9; }

.about-1 .text{ line-height: 20px; text-align: center; margin-bottom: 25px; }
.about-1-con{ display: flex; align-items: center; }
.about-1-con .img-center{ width: 500px; margin-right: 30px; }
.about-1-con .txt{ flex:1; color: #2B2B2E; }
.about-1-con .txt p{ display: flex; align-items: center; height: 45px; background:url(../images/icon-4.png) no-repeat left center; padding-left: 25px; font-size: 16px;}

.about-2 ul{display: flex; padding: 0 60px; margin-bottom: 30px;}
.about-2 li{ flex:1; text-align: center; position: relative; }
.about-2 li:before{ position: absolute; right: 0; top:50%; margin-top: -20px; width: 1px; height: 40px; background: #d4d6dc; content:''; }
.about-2 li:last-child::before{ display: none; }
.about-2 li h2{ font-size: 36px; color: #60CAB4; font-weight: normal; font-family: 'Roboto'; }
.about-2 li h2 span{ font-size: 64px; font-weight: 500; }
.about-2 .text{ text-align: center; color: #2B2B2E }

.about-3{ background: #FFF; border-radius: 15px; box-shadow: 0 0 30px rgba(0,0,0,0.15) }
.about-3 .section-title{ padding: 35px 0 0 }
.about-3 ul{ display: flex; padding: 0 55px 40px; border-bottom: 1px solid #edf0f4; }
.about-3 li{ flex:1; margin-right: 145px; background: #f3f5fc; border-radius: 8px; padding: 18px 24px; position: relative;}
.about-3 li:last-child{ margin-right: 0; }
.about-3 li h2{ display: flex; align-items: center; font-size: 16px; font-weight: normal; color: #2B2B2E; }
.about-3 li h2 i{ margin-right: 10px; }
.about-3 li h2 i img{ width: 24px; }
.about-3 .a li:nth-child(2)::before{ position: absolute; left: -170px; top:50%; margin-top: -18px; width: 184px; height: 36px; background: url(../images/line1.png) no-repeat center / 100%; content: ''; z-index: 10  }
.about-3 .a li:nth-child(2)::after{ position: absolute; right: -160px; top:50%; margin-top: -18px; width: 178px; height: 39px; background: url(../images/line2.png) no-repeat center / 100%; content: ''; z-index: 10 }
.about-3 .b li{ margin-right: 80px; }
.about-3 .b li:last-child{ margin-right: 0; }
.about-3 .b li:nth-child(2)::before{ position: absolute; left: -90px; top:50%; margin-top: -10px; width: 97px; height: 21px; background: url(../images/line3.png) no-repeat center / 100%; content: ''; z-index: 10  }
.about-3 .b li:nth-child(2)::after{ position: absolute; right: -90px; top:50%; margin-top: -10px; width: 97px; height: 21px; background: url(../images/line4.png) no-repeat center / 100%; content: ''; z-index: 10 }

#allmap{ width: 100%; height: 580px; margin-top: 60px; }
#allmap b{ font-size: 16px; }

.banner2{ position: relative; height: 500px; }
.banner2 .swiper-slide{ background: no-repeat center / cover; }
.banner2 .swiper-slide .container{ width: 100%; height: 100%; }
.banner2 .swiper-slide .text{ position: relative; top:50%; transform: translateY(-50%); color: #2B2B2E; }
.banner2 .swiper-slide .text h2{ font-size: 40px; margin-bottom: 10px; font-weight: normal; }
.banner2 .swiper-slide .text p{ font-size: 28px; }
.banner2 .swiper-slide .text .btns{ margin-top: 48px; }
.banner2 .swiper-slide .text .btns a { display: inline-block; padding: 0 48px; line-height: 48px; border-radius:4px; background: #3356D0; font-size: 16px; color: #FFF; }
.banner2 .swiper-pagination-bullet{ width: 48px; height: 4px; border-radius: 4px; background: rgba(24, 64, 201, 0.3);}
.banner2 .swiper-pagination-bullet-active{  background: rgba(24, 64, 201, 1); }

.pinpai{ display: flex; justify-content: space-between; align-items: center; }
.pinpai .img-center{ width: 500px; }
.pinpai .text{ text-align: right; color: #2B2B2E; }
.pinpai .text h2{ font-size: 40px; margin-bottom: 15px; font-weight: normal;}
.pinpai .text p{ font-size: 28px; }
.pinpai .text .btns{ margin-top: 48px; }
.pinpai .text .btns a { display: inline-block; padding: 0 48px; line-height: 48px; border-radius:4px; background: #3356D0; font-size: 16px; color: #FFF; }
.pinpai .text2{ text-align: left; color: #FFF; width: 450px; }
.pinpai .text2 .btns a {  background: #FFF; color: #3356D0; }
.pinpai .text3{ text-align: left; }

.pinpai2{ margin: 60px 0; border-radius: 10px; border: 1px solid #EDF0F4;  }
.pinpai2 h2{ font-size: 16px; font-weight: normal; color: #2B2B2E; border-bottom: 1px solid #EDF0F4; line-height: 54px; padding: 0 20px; }
.pinpai2 .sort{ display: flex; margin: 0 17px;  border-bottom: 1px solid #EDF0F4; line-height: 30px; padding: 8px 0;}
.pinpai2 .sort h3{ font-size: 14px; font-weight: normal; }
.pinpai2 .sort p{ margin-left: 50px; flex:1; }
.pinpai2 .sort p a{ margin-right: 28px; display: inline-block; }
.pinpai2 .sort p a.active{ color: #1840C9; }
.pinpai2 ul{ padding:17px;  }
.pinpai2 li a{ display: block; line-height: 33px; }

.crumbs{ line-height: 48px; color: #2D2E32; }
.crumbs a{ color: #7E7F90; }
.crumbs2{ border-bottom: 1px solid #edf0f4; line-height: 48px; color: #2D2E32; margin-bottom: 16px;}
.crumbs2 a{ color: #7E7F90; }

.list-2 li a{ display: block; padding: 16px; background: #FFF; }
.list-2 li .img-center{ border:1px dashed transparent; }
.list-2 li .text{ padding-top: 16px; }
.list-2 li h2{ line-height: 20px; font-size: 14px; font-weight: normal; }
.list-2 li .tu{ margin: 10px 0 }
.list-2 li .tu span{ display: inline-block; line-height: 19px; padding: 0 5px; background: #e75954; border-radius: 3px; color: #FFF; margin-right: 8px; font-size: 12px; }
.list-2 li .txt p{ color: #7E7F90; line-height: 20px; }
.list-2 li .txt p span{color: #2C2C3E;}
.list-2 li .txt p i{color: #E75954;}
.list-2 li .btns{ display: block; line-height: 32px; border-radius:4px; background: #3356D0; color: #FFF; text-align: center; margin-top: 10px; }
.list-2 li a:hover .img-center{ border-color:#d1cfcf; }

.list-3{ border-top: 1px solid #c5c6ce; background: #FFF; padding: 60px 0 35px; }
.list-3 ul{ margin: 0 0 0 -25px; padding-top: 20px; }
.list-3 li a{ display: flex; align-items: center; background: #f5f7fb; border: 1px solid #f5f7fb; margin: 0 0 25px 25px; height: 97px; border-radius: 8px; color: #2B2B2E; padding: 20px; }
.list-3 li .icon{ margin-right: 10px; }
.list-3 li .icon img{ width: 64px; }
.list-3 li .text h2{ font-size: 18px; font-weight: normal; }
.list-3 li .text p{ color:#1840C9; display: flex; align-items: center; }
.list-3 li .text p i{ background: url(../images/icon-15.png) no-repeat; width: 6px; height: 12px; margin-left: 5px;}
.list-3 li a:hover{ border-color: #1840c9; }

.subname{ background: #3356D0; line-height: 64px; text-align: center; font-size: 24px; color: #FFF; margin-bottom: 16px;}

.more-btns{ text-align: center; margin:38px 0 18px; }
.more-btns a{ line-height: 32px; padding: 0 25px; display: inline-block; background: #3356D0; border-radius: 4px; color: #FFF; }

.search-menu{ background: #3356d0; width: 164px; height: 38px; padding: 4px; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 8px; margin: 15px auto 25px; }
.search-menu li{ flex:1;  }
.search-menu li a{ display: block; line-height: 30px; color: #FFF; border-radius: 4px;  }
.search-menu li.active a{ background: #FFF; color: #3356d0; }

.search-con{ padding: 0 175px; margin-bottom: 40px; }
.search-con form{ display: flex; height: 54px; border: 2px solid #3356D0; border-radius: 8px; }
.search-con form input{ flex:1; background: none; border: none; padding-left: 15px; }
.search-con form button{ width: 120px; height: 100%; background: #3356D0; color: #FFF; font-size: 16px; border: none; display: flex; justify-content: center; align-items: center; }
.search-con form button i{ margin-right: 10px; }
.search-con .hot-keyword{ display: flex; align-items: center; margin-top: 13px;}
.search-con .hot-keyword i{ padding-top: 4px; }
.search-con .hot-keyword p a{ margin-left: 15px; color: #818293; }

.filtrate{ margin-bottom: 16px; background: #FFF;  }
.filtrate h2{ line-height: 56px; font-size: 16px; padding-left: 16px; color: #2B2B2E; font-weight: normal; border-bottom: 1px solid #edf0f4; }
.filtrate dl{ display: flex; align-items: center; margin: 0 16px; border-bottom: 1px solid #edf0f4; min-height: 47px;  }
.filtrate dl:first-child{ min-height: 70px; }
.filtrate dl:last-child{ min-height: 60px; border-bottom: none;}
.filtrate dl dt{ width: 95px; color: #7E7F90; }
.filtrate dl dd{ flex:3; display: flex; align-items: center;  }
.filtrate dl dd a {display: flex; align-items: center; margin-right: 20px;fong-size:12px; }
.filtrate dl dd i{ margin-right: 12px; }
.sss{color:red; font-size:14px;}
 
.clear-filtrate{ margin-bottom: 16px; background: #FFF; padding: 0 16px; color: #2B2B2E;  }
.clear-filtrate-con{ display: flex; justify-content: space-between; align-items: center; height: 55px; padding: 11px 0; border-bottom: 1px solid #edf0f4;}
.clear-filtrate-con p a{ color: #2B2B2E; display: inline-block; background: #F5F5F5; border-radius: 4px; margin-right: 8px; line-height: 32px; padding: 0 5px; }
.clear-filtrate-con p span{ margin-right: 10px; }
.clear-filtrate-con .btns a{ color: rgba(0,0,0,0.45); display: flex; align-items: center; }
.clear-filtrate-con .btns i{ margin-right: 8px; }
.clear-filtrate .text{ line-height: 55px; }

.pc-slide{float:left; width:496px;}
.view .swiper-slide .img-center{ width:100%; height:496px; line-height:496px}
.view .swiper-container{ width:100%}
.preview{ width:100%; margin-top:16px; position:relative}
.preview .swiper-container{ margin:0 30px}
.preview .swiper-slide {position: relative;}
.preview .swiper-slide .video-btns{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.preview .swiper-slide .img-center{ height:80px; border:1px solid #edf0f4; cursor:pointer; position:relative; line-height:78px}
.preview .arrow-left{background:url(../images/prev.png) no-repeat left top; position:absolute; left:0; top:50%; margin-top:-9px; width:11px; height:17px; z-index:10}
.preview .arrow-right{background:url(../images/next.png) no-repeat left bottom; position:absolute; right:0; top:50%; margin-top:-9px; width:11px; height:17px; z-index:10}
.preview .active-nav .img-center{ border-color:#3356D0}

.show-pro{ margin-bottom: 55px; }
.show-pro .show-pro-text{ margin-left: 528px; height:580px; position: relative; }
.show-pro .show-pro-text h1{ font-size: 24px; display: flex; align-items: center; color: #2B2B2E; font-weight: normal; }
.show-pro .show-pro-text h1 i{ width: 34px; line-height: 18px; background: #E75954; border-radius: 2px; font-size: 12px; color: #FFF; text-align: center; margin-right: 9px; }
.show-pro .show-pro-text h2{ font-size: 14px; color: #7E7F90; font-weight: normal; margin: 8px 0; }
.show-pro .show-pro-text .tag{ margin-bottom: 12px;}
.show-pro .show-pro-text .tag span{ display: inline-block; padding: 0 4px; background: rgba(231, 89, 84, 0.1); border-radius: 2px; line-height: 18px; color: #E75954; margin-right: 8px;}
.show-pro .show-pro-text li{ display: flex; height: 56px; align-items: center; border-bottom: 1px solid #edf0f4; color: rgba(0,0,0,0.85); }
.show-pro .show-pro-text li span{ color: rgba(0,0,0,0.45); width: 100px; }
.show-pro .show-pro-text li i{ color: #1840C9; }
.show-pro .show-pro-text .btns{ position: absolute; bottom: 0; left: 0; }
.show-pro .show-pro-text .btns a{ display: inline-block; font-size: 16px; color: #FFF; line-height: 48px;background: #3356D0; border-radius: 4px; border: 1px solid #3356D0; padding: 0 60px; margin-right: 16px; }
.show-pro .show-pro-text .btns a.active{ background: #FFF; color: #3356D0; }

.video{ position: fixed; left: 50%; top:50%; width: 680px; height: 400px; transform: translate(-50%,-50%); z-index: 99; display: none; }
.video video{ width: 100%; height: 100%; }
.video .close{ position: absolute; right: -15px;top:-15px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 24px; cursor:pointer; z-index: 99; }

.show-pro2{ margin-bottom: 235px; }
.show-pro-left{ float: left; width: 892px; }
.show-pro-right{ float: right; width: 220px; padding-top: 8px; }

.show-pro-menu{ border-bottom: 1px solid #edf0f4; height: 46px; display: flex; align-items: center;}
.show-pro-menu li a{ display: block; font-size: 16px; margin-right: 29px; line-height: 44px; }
.show-pro-menu li.active a{ border-bottom: 2px solid #3356d0; color: #3356d0; }

.show-pro-body .tits{ display: flex; align-items: center; margin-top: 30px; }
.show-pro-body .tits i{ width: 4px; height: 12px; border-radius: 1px; background: #3356D0; margin-right: 8px; }
.show-pro-body ul{ display: flex; align-items: center; flex-wrap: wrap; }
.show-pro-body li{ flex:0 0 25%; display: flex; height: 22px; align-items: center; margin-top: 16px; color: #2B2B2E; }
.show-pro-body li span{ flex:0 0 100px; color: #7E7F90; padding-left: 12px; }

.show-pro-right .tits{color: #262626; margin-bottom: 16px;}
.show-pro-right li a{ display: block; border: 1px solid #EDF0F4; border-radius: 8px; margin-bottom: 12px; color: #2D2E32; }
.show-pro-right li .text{ border-top: 1px solid #EDF0F4; padding: 12px; }
.show-pro-right li .text h2{ font-size: 14px; font-weight: normal; }
.show-pro-right li .btns{ color: #E75954; text-align: center; margin-top: 10px; }
.show-pro-right li .btns span{ line-height: 32px; display: inline-block; padding: 0 25px; border: 1px solid #e75954; border-radius: 4px; }
.show-pro-right li a:hover{ color: #3356D0; }
.show-pro-right li a:hover .btns span{ background: #e75954; color: #FFF; }


/*Page*/
.ui-page{user-select:none;}
.ui-page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}
.ui-page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-1px;}
.ui-page ul li:first-child,.ui-page ul li:first-child a{border-radius:4px 0 0 4px;}
.ui-page ul li:last-child,.ui-page ul li:last-child a{border-radius:0 .4px 4px 0;}
.ui-page ul li a{font-size:16px;display:block;padding:0 15px;line-height:40px;color:#444;background:#fff;}
.ui-page ul li a:not([href]){color:#999;cursor:not-allowed;}
.ui-page ul li.active{border-color:#1890FF;background:#1890FF;}
.ui-page ul li.active a{color:#fff;background:#1890FF;}
.ui-page ul li.active a:hover{background:#1890FF;}
.ui-page ul li:hover a{background:#f9f9f9;}
.ui-page-red ul li.active{border-color:#ED4014;background:#ED4014;}
.ui-page-red ul li.active a{background:#ED4014;}
.ui-page-red ul li.active a:hover{background:#ED4014;}
.ui-page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}
.ui-page-yellow ul li.active a{background:#F37B1D;}
.ui-page-yellow ul li.active a:hover{background:#F37B1D;}
.ui-page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}
.ui-page-green ul li.active a{background:#19BE6B;}
.ui-page-green ul li.active a:hover{background:#19BE6B;}
.ui-page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.ui-page-info ul li.active a{background:#2DB7F5;}
.ui-page-info ul li.active a:hover{background:#2DB7F5;}
.ui-page-mid ul li{margin-right:6px;}
.ui-page-mid ul li{border-radius:2px;}
.ui-page-mid ul li:first-child,.ui-page-mid ul li:last-child{border-radius:2px;}
.ui-page-center ul{display:flex;justify-content:center;align-items:center;}
.ui-page-right ul{display:flex;justify-content:flex-end;}
.ui-page-right{display:flex;}
.ui-page-right .ui-page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}



.artshow{}
.artshow h1{font-size:24px;font-weight:bold;margin:0;}
.artshow .info{line-height:50px;border-bottom:1px solid #f3f3f3;margin-bottom:20px;color:#666;}
.artshow .info span{color:#999;}
.artshow .info i{color:#ccc;margin-right:5px;}
.artshow .other{margin:15px 0;padding:0px;}
.artshow .other ul{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;}
.artshow .other ul li{width:25%;line-height:40px;}
.artshow .other ul li span{color:#999;}
.artshow .content a{color:#03C;}
.artshow .content a:hover{color:#f30;}
.artshow .content p{margin-bottom:20px;line-height:30px;}
.artshow .content img{max-width:100%;}
.artshow .action{display:flex;justify-content:center;margin:30px 0 10px 0;}
.artshow .action a{display:block;cursor:pointer;margin:0 15px;width:70px;height:70px;margin-bottom:10px;line-height:60px;text-align:center;border-radius:50%;box-shadow:0px 0px 30px rgba(0,0,0,0.1);position:relative;}
.artshow .action a i{font-size:30px;color:#999;}
.artshow .action a em{display:block;font-family:verdana;color:#999;position:absolute;bottom:-15px;left:0;right:0;}
.artshow .action a:hover{box-shadow:0px 0px 30px rgba(0,132,255,0.3)}
.artshow .action a:hover i{color:#1890FF;}
.artshow .tags{color:#999;margin:15px 0;}
.artshow .tags a{margin:0 10px 10px 0;}