@charset "utf-8";
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h200 { clear: both; height: 200px; }
.clear { clear: both; }
.dis { display:none; }
body{background:#f3f3f3;font-size:14px;}
.ui-topbar-blue{background: #fff;box-shadow: 0px 0px 10px #999;}
.ui-topbar-right a {color: #0174b3;}
.ui-topbar-left a {color: #0174b3;}
.topbar-show{background:#0174b3;}
.ui-topbar-title {
    color: #0174b3;
    font-size: 16px;
    padding: 0 20px;
}
.topbar-show .ui-topbar-left a{background:none;color:#fff;}
.topbar-show .ui-topbar-right a{background:none;color:#fff;}
.topbar-show .ui-topbar-title ul li a{color:#fff;}
.topbar-show .ui-topbar-title ul li.active a{color:#fff;border-bottom-color:#fff;}
.topbar-logo { padding:0;}
.topbar-logo img{max-height:32px; max-width:961%;}
.banner .carousel-page{bottom:15px;}
.banner .carousel-page li{height:12px;width:12px;border-radius:100%;}

.ui-footnav{}
.ui-footnav .action{position:relative;padding-top:25px;}
.ui-footnav .action:after{position:absolute;content:"";display:block;width:56px;height:56px;background:#fff;top:-28px;left:36px;border-radius:50%;z-index:1;box-shadow:1px -2px 10px 0px rgba(0,0,0,0.08);}
.ui-footnav .action i{position:absolute;width:44px;line-height:44px;font-size:24px;top:-22px;left:42px;background:#0174b3;border-radius:50%;z-index:2;color:#fff;}
.ui-footnav .action.active i{color:#fff;}


h2.tit {font-size: 24px;position: relative;color: #555;height: 35px;line-height: 30px;width: 100%;text-align: center;overflow: hidden;font-weight: normal;margin: 0;}
p.desc { display: block; width:320px; color: rgba(191, 191, 191, 0.91); font-size: 14px; margin: 0 auto; border-bottom: 1px #ececec solid; padding-bottom: 10px; margin: 0 auto; text-transform: uppercase; text-align: center; }
p.desc:after {content: "";background-color: #0174b3;width: 23px;height: 9px;display: block;border-left: 7px #F7F7F7 solid;border-right: 7px #F7F7F7 solid;position: relative;top: 15px;left: 149px;}

.home_more { margin:20px auto; text-align:center; }
.home_more a {font-size:14px;color:#0174b3;border:1px solid #0174b3;padding: 6px 60px;display:inline-block;}
.home_more a:hover { color:#fff; background:#0174b3; }

.txtbg {height: 120px;width: 100%;background: #0174b3;clear: both;font-size: 14px;color: #FFF;text-align: center;padding: 5px;}
.txtbg h2 {padding: 15px 0 5px 0;font-size: 22px;margin: 0;}
.txtbg .width {position: relative;z-index: 8;height: 120px;}
.txtbg i { position: absolute; z-index: 7; display:block; width: 0; height: 0; border:30px solid transparent; border-top-color:#0174b3; left: 50%; bottom: -40px; margin-left: -30px; }
.zs3 {background: #fff;overflow: hidden;padding: 30px 10px 10px 10px;}
.zs3 li {overflow: hidden;margin: 0 0 4% 0;float: left;width: 100%;}
.zs3 li h2 {font-size: 14px;color: #0174b3;padding-bottom: 5px;border-bottom: #ddd 2px dotted;margin: 0 0 5px 0;}
.zs3 li p {font-size: 12px;color: #5a5a5a;line-height: 160%;margin: 0;}
.zs3 li span { display: block; width: 65px; color: #fff; text-align: center; background: #f3ce4b; height: 25px; line-height: 25px; }
.img_zs1 { float: left; width: 46%; margin-right: 4%; overflow: hidden; }
.img_zs1 img { max-width: 100%; max-height: 300px; float: right; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.txt_zs1 { float: left; width: 50%; }
.img_zs2 { float: right; width: 46%; margin-left: 4%; overflow: hidden; }
.img_zs2 img { max-width: 100%; max-height: 300px; float: left; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.txt_zs2 { float: left; width: 50%; }
.txt_zs2 h2 { text-align: right; }
.txt_zs2 span { float: right; }
.zs3 li.li1, .zs3 li.li3 { margin-left: 0; }
.zs3 li img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
.home_number  { padding:10px 0 0px 0; overflow:hidden;}
.home_number li { width: 50%; height: auto; float: left; text-align: center; margin: 10px 0; color: #fff; }
.home_number li p { text-align: center; font-size: 14px; margin:0px; }
.home_number li p.number { position: relative; }
.home_number li p.number .counterDX { font-size: 36px; text-align: center; color: #3c3c3c; }
.home_number li p.number .unit { font-size: 12px; color: #959595; vertical-align: top; }
.home_number li p.title { height: auto; overflow: hidden; font-size: 12px; color: #959595; padding: 0 10px; }
.home_number li div { border-right: rgba(0, 0, 0, .08) 1px solid; padding: 20px 0; }


.home-title{display:flex;justify-content:space-between;} 
.home-title .home-title-name{font-size:16px;color:#333;padding-bottom:10px;}
.home-title .home-title-name:after{display:block;content:"";border-bottom: 2px solid #0174b3;width:60px;padding-top:15px;}
.home-title .home-title-name span{font-size:13px;color:#9e9e9e;margin-left:10px;}
.home-title .home-title-more{padding-top:2px;}
.home-title .home-title-more a{display:inline-block;font-size:12px;border:1px solid #eee;padding:6px 15px;line-height:normal;border-radius:20px;}
.home-title .home-title-more a:hover,.home-title .home-title-more a.active{background: #0174b3;border-color: #0174b3;color:#fff;}

.home_video{margin-top:15px;}
.home_video video,.home_video img{width:100%;height:auto;}
.home_block{color:#666;margin-top:15px;}
.home_block p{text-indent:28px;margin-bottom:20px;line-height:24px;}

.home_news{margin-top:15px;display:flex;flex-wrap:wrap;}
.home_news .home_news_item{margin:0 0 15px 0;width:100%;}
.home_news_body{box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);backgroud:#fff;padding:15px;border-radius:5px;display:flex;align-items:center;}
.home_news_body .date{width:70px;text-align:center;padding-right:10px;margin-right:20px;border-right:1px solid #eee;}
.home_news_body .date h4{font-size:24px;font-family:"Impact";color:#999;margin:0;}
.home_news_body .date p{color:#999;font-size:12px;font-family:Verdana;}
.home_news_body .body{flex:1;overflow:hidden;transition:all 0.5s ease;}
.home_news_body .body h4{font-size:16px;font-weight:400;color:#515050;}
.home_news_body .body p{color:#c2c2c2;font-size:12px;}
.home_news_body .body h4 a:hover{color:#0E77EA;}
.home_news_body:hover{box-shadow:0px 0px 30px rgba(0, 0, 0, 0.15);}
.home_news_body:hover .body{transform:translateX(5px);}
.home_news_item:hover .body h4 a{color:#0174b3;}
.home_news_item:hover .body p{color:#666;}

.partners{margin-top:15px;display:flex;flex-wrap:wrap;list-style:none;}
.partners li{margin:0 3% 20px 2%;width:45%;text-align:center;color:#999;}
.partners li:nth-child(2n){margin-right:0;}
.partners li img{width:100%;height:auto;border:1px solid #eee;margin-bottom:10px;border-radius:2px;}
.partners li img:hover{box-shadow:0 0 30px rgba(0,0,0,0.15);}
.partners li p{padding:0 10px;}

.link{margin-top:15px;}
.link a{display:inline-block;margin-right:10px;border:1px solid #eaeaea;padding:8px 15px;font-size:13px;color:#666;border-radius:2px;margin-bottom:10px;background:#fff;}
.link a:hover{border-color:#ccc;}

.copyright{padding:15px;text-align:center;color:#999;}
.copyright .links{text-align:center;line-height:35px;color:#999;font-family:宋体;}
.copyright .links a{display:inline-block;padding:0 10px;}
.copyright .links a:last-child{margin-right:0;}

@media (max-width:576px)
{
	.footnav .action:after{left:12px;width:50px;height:50px;top:-24px;}
	.footnav .action i{left:18px;width:38px;line-height:38px;top:-18px;}
	.partners li img{height:70px;}
}


/* public begin */
.ui-box{box-shadow:0px 0px 30px rgba(0,0,0,0.1);border:1px solid #f3f3f3;background:#fff;}
#ui-offside-nav{width:300px;padding:20px;}
.subnav{margin-top:10px;}
.subnav>[class*=col]{background:#fff;text-align:center;padding:0 5px 10px 5px;}
.subnav a{display:block;width:100%;height:100%;font-size:13px;border:1px solid #dcdee2;padding:10px;border-radius:2px;}
.subnav .active a{color:#fff;background:#0174b3;border-color:#0174b3;}

.artshow{}
.artshow h1{font-size:18px;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;font-size:14px;}
.artshow .other ul{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;}
.artshow .other ul li{width:50%;line-height:30px;}
.artshow .other ul li span{color:#999;}
.artshow .content{padding:0 10px;}
.artshow .content a{color:#03C;}
.artshow .content a:hover{color:#f30;}
.artshow .content p{margin-bottom:20px;line-height:24px;}
.artshow .content *{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-size:12px;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:#0174b3;}
.artshow .tags{color:#999;margin:20px 0;font-size:13px;}
.artshow .tags a{margin:5px 5px 5px 0;}

.page_content{margin-top:10px;padding:0 10px;}
.page_content a{color:#03C;}
.page_content a:hover{color:#f30;}
.page_content p{margin-bottom:20px;line-height:24px;}
.page_content p img{max-width:100%;}

.proshow_content{padding:20px 0;}
.proshow_content a{color:#03C;}
.proshow_content a:hover{color:#f30;}
.proshow_content p{margin-bottom:20px;line-height:24px;}
.proshow_content p img{max-width:100%;}

.proshow_content .extend{list-style:none;}
.proshow_content .extend li{font-size:14px;line-height:30px;}
.proshow_content .extend li em{display:inline-block;width:120px;font-style:normal;color:#999;font-size:14px;margin-right:15px;}

#show_photo{margin-top:-50px;}

.topquick{background:#fff;display:flex;flex-wrap:wrap;border:0px solid #eee;border-radius:4px;position:relative;border:1px solid #f3f3f3;}
.topquick a{display:block;width:25%;flex:0 0 25%;max-width:25%;height:100%;text-align:center;border-right:1px solid #f3f3f3;padding:10px 0;font-size:13px;color:#777;}
.topquick a i{display:table;padding:2px 8px;border-radius:50%;margin:0 auto 5px auto;color:#fff;font-size:24px;background:#ccc;}
.topquick a:last-child{border:0;}
.topquick a.active{color:#0174b3;}
.topquick a.active i{background:#0174b3;}



table{border-collapse:collapse;border-spacing:0;width:100%;}
td,th{border:1px solid #eaeaea;padding:10px;}
.ui-topbar-left {color: #0174b3; }
.ui-topbar-left a {color: #0174b3;}
.topbar-title {color: #0174b3;}
.ui-mwidth img { max-width: 100%;}

.ui-collapse-menu-title i{ font-size:.7rem;}
.ui-btn:hover{color:#0174b3;border-color:#0174b3;}
.ui-btn-blue { background: #0174b3; border-color: #0174b3; }
.ui-btn-blue:hover{background:#f80;border-color:#f80;}
.ui-tabs-nav li a:hover{color:#0174b3;}
.ui-tabs-nav li.active a {color: #0174b3;}
.ui-tabs-nav li.active {border-bottom: .1rem solid #0174b3;}
.ui-page ul li.active{border-color:#0174b3;background:#0174b3;}
.ui-page ul li.active a{color:#fff;background:#0174b3;}
.ui-page ul li.active a:hover{background:#0174b3;}
.ui-menu-blue .ui-menu-name{color:#0174b3;border-bottom-color:#0174b3;}
.ui-text-blue {color: #0174b3;}
.ui-filter a:hover,.ui-filter a.active{border-color:#0174b3;color:#0174b3;}
.ui-footnav a.active{color:#0174b3;}
.ui-footnav a.active i{color:#0174b3;}
.ui-media-list .ui-col-6 span{ font-size:.66rem;vertical-align: top;}
.ui-topbar-opacity .ui-topbar-title ul li.active a {
    border-bottom-color: #0174b3;
    color: #0174b3;
}