@charset "utf-8";
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, em { margin: 0; padding: 0; border: 0 none; list-style: none; }
.h0 { clear: both; }
.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; }
.h70 { clear: both; height: 70px; }
.h80 { clear: both; height: 80px; }
.h90 { clear: both; height: 90px; }
.bd { border: 0; }
.clear { clear: both; }
.dis { display: none; }
.text-center { text-align: center; }
.t_hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.t_hide2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.width{width:100%;max-width:1280px;min-width:1280px;margin:0 auto;}
.topbar{background:#f8f8f8;border-bottom:1px solid #eaeaea;padding:0;}
.topbar i{color:#ccc;margin:0 5px;}
.topbar .row{align-items:center;}
.topbar .ui-nav{border:0;line-height:1.5}
.topbar .ui-nav ul li a{color:#333;border:1px solid #f8f8f8;border-bottom:0;border-top:0;}
.topbar .ui-nav ul li a span{font-size:12px;color:#999;margin-left:6px;transition:all .5s ease 0s;z-index:21;}
.topbar .ui-nav ul li a:hover{border-width:1px;border-color:#d9d9d9;background:#fff;}
.topbar .ui-nav ul li.active a{border:1px solid #d9d9d9;border-bottom:0;border-top:0;background:#fff;}
.topbar .ui-nav ul li.active span{transform:rotate(180deg);}
.topbar .ui-nav ul li ul{border-top:0;box-shadow:none;min-width:100px;z-index:20;right:0;}
.topbar .ui-nav ul li.active ul li a{border:0;}
.topbar .ui-nav ul li ul li a:hover{background:#304B77;}

.header{ position:relative;height:106px; background:#304B77; color:#FFF;padding:0 3%;min-width:1280px;}
.cnen{ display: none; }



.header .logo{ padding:8px 0 0 0;}
.header .logo img{ max-height:90px;}
.nav{min-height:60px; margin-top:40px;}
.nav ul li{}
.nav ul li a{color:#fff;line-height:60px;padding: 0 10px;font-size: 18px;font-weight:bold;}
.nav ul li a:hover{color:#fff; text-decoration:underline;}
.nav ul li.active{}
.nav ul li ul{border:0;}
.nav ul li ul li{border:0;}
.nav ul li ul li a{line-height:40px;border-bottom:1px solid #f3f3f3; font-size:16px; font-weight:normal;}
.nav ul li ul li:last-child a{border-bottom:0;}
.nav ul li ul li a:hover{background:#304b77;}

.nav ul li.ec {margin:0px 0 0 20px; }
.nav ul li.encn a{color:#fff;line-height:60px;padding:0 10px;font-size:16px; }
.nav ul li.encn a:hover{color:#ee0; }
.nav ul li.encn a.on{color:#ee0; }

h2.i_tit{ font-size:32px; color:#304B77; padding:50px 0 0px 0; text-align:center; font-weight:normal;}
.jmhz h2.i_tit{font-size:32px;color:#fff;padding: 40px 0 30px 0;text-align:center;font-weight:normal;}
.h_c h2.i_tit{font-size:32px;color:#fff;padding: 35px 0 30px 0;text-align:center;font-weight:normal;}

.h_about img{ max-width:100%;margin:0 auto;}
.h_ckbg{width:100%;position:relative;background-color: #ccd3de;}
.h_ckbg .flbg{ width:50%; height:100%; position: absolute; top:0; left:0; background-color:#CCD3DE; z-index:1;}
.h_ck{/* background:#fff; */overflow:hidden;position:relative;z-index:3;}
.h_ck .fl{width: 480px;background:#CCD3DE;padding:30px 0 60px 0;}
.h_ck .fl li{float:left;width:50%;height: 152px;padding:0 4%;}
.h_ck .fl a{ margin:30px 0 0 0; display:block;transition:all .5s ease 0s;border-radius:25px;}
.h_ck .fl a:hover{ margin:20px 0 0 0;box-shadow: 0px 10px 15px rgba(0, 34, 72, .5); border-radius:25px;}
.h_ck .fl li a img{width:100%;height: 120;}
.h_ck .fr{width: 720px;}

.book{/* background-image:url(../images/book.jpg); */background-repeat:no-repeat;background-size:cover;height: 400px;width:100%;/* margin-top:60px; */}
.book p{font-size:18px;padding:50px 0 0 0;text-align:center;color:#FFF;font-weight:bold;display: none;}
.poster-main { width:600px; height:260px; position: relative; margin: 0 auto;}
.poster-main a { display: block; }

.poster-main img { display: block; border:#fff 2px solid;box-shadow: 0px 5px 10px rgba(0, 0, 0, .7);}

.poster-main .poster-list { width:600px; height: 500px; }
.poster-main .poster-list .poster-item { width: 200px; height: 500px; position: absolute; left: 0; top: 0; }
.poster-main .poster-btn { position: absolute; top: 0; z-index: 10; cursor: pointer; }
.poster-main .poster-prev-btn { left: 0; background: url(../images/left.png) no-repeat center center; }
.poster-main .poster-next-btn { right: 0; background: url(../images/right.png) no-repeat center center; }

.bktxt{ color:#304B77; font-size:16px;}
.bktxt h2{ font-size:36px; color:#304B77; padding:35px 0 10px 0; text-align:center; font-weight:bold;}
.bktxt p{ line-height:180%; margin-top:10px;}
.bktxt a{float:right;clear:both;padding:6px 15px;background:#313D87;color:#FFF;margin-top: 5px;display: none;}

.yxlx .fl{ width:400px;}
.yxlx .fr{ width:830px; height:575px; padding:45px 0 0 20px;}
.yxlx .fr ul{ width:900px;}
.yxlx .fr li{ float:left; text-align:center; margin:0 0 0 45px; height:229px;}
.yxlx .fr li p{ text-align:center; padding:10px 0 0 0; font-size:16px; color:#FFF;text-shadow: 0.1em 0.1em 0.05em #333}

.yxlx .fr li img{height:150px; margin-top:45px; display: block; border:#fff 2px solid;box-shadow: 0px 5px 10px rgba(0, 0, 0, .7);transition:all .5s ease 0s;}
.yxlx .fr li a:hover img{margin-top:30px;}


.youxue h2{ font-size:26px; color:#304B77; padding-bottom:10px; border-bottom:#304B77 2px solid; font-weight:bold;}
.youxue h2 a{ float:right;font-size:16px;padding:6px 15px; background:#313D87; color:#FFF; }
.youxue h2 a:hover{ background:#f90; }
.bktxt a:hover{ background:#f90; }
h2.tit a:hover{ background:#f90; }
.jmhz .fr a:hover{ background:#f90; }
.youxue .txt{ font-size:15px; line-height:180%;color:#304B77; padding:10px 0 0 0;}


h2.tit{ font-size:26px; color:#304B77;  font-weight:bold;}
h2.tit a{ float:right;font-size:16px;padding:6px 15px; background:#313D87; color:#FFF; }

.jmhz{background-image:url(../images/jmhz.jpg);background-repeat:no-repeat;background-position:center -130px;height: 690px;}
.jmhz .fl{ width:360px; }
.focusBox { position: relative; width:360px; height:520px;  }
	.focusBox .pic { width:360px;height:460px; }
	.focusBox .pic img { width: 360px;height:460px;
    display: block;
    border: #fff 2px solid;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .7); }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:251px; background: rgba(2, 64, 132, 0.6); overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden;  }
	.focusBox .txt li{height:36px; position:absolute; bottom:-36px; padding:0 10px; }
	.focusBox .txt li a{ height:36px; line-height:36px;font-size: 18px; width:232px;   color: #FFF;    font-weight: bold; text-decoration: none; display:block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width:10px; height:10px; overflow: hidden; text-align: center; margin-left: 5px; cursor: pointer;z-index: 1;background: rgba(0, 0, 0, .5); color: #FFF; font-size:0; text-indent:-99999px; border-radius:10px; }
	.focusBox .num li.on{ background:#f60;  }
.jmhz .fl img{ width:360px; display: block; border:#fff 2px solid;box-shadow: 0px 5px 10px rgba(0, 0, 0, .7);}
.jmhz .fl p{ font-size:18px; padding:6px 10px; text-align:center; color:#FFF; font-weight:bold; background:rgba(2, 64, 132, 0.6); display:inline-block; margin-top:15px;}

.jmhz .fr{ width:800px;}
.jmhz .fr h2{font-size:26px; color:#304B77;font-weight:bold;}
.jmhz .fr .txt{ font-size:18px; line-height:180%;color:#304B77; padding:20px 0 0 0;font-weight:bold;}
.jmhz .fr a{ float:right; clear:both; padding:6px 15px; background:#313D87; color:#FFF; margin-top:20px; font-size:16px;}

.jmhz .fr .mybk{width:350px;height:220px;}


.jmhz .fr .mybk1{ float:left; }

.jmhz .fr .mybk2{float:right;}
.home_title{font-size:26px; color:#304B77;  font-weight:bold; text-align:center; padding:0 0 40px 0;}


.top_news_i {width: 400px;float:left;}
.top_news_i .img_box { width:100%; }
.top_news_i .txt_box { padding:10px 15px 0 15px; }
.top_news_i .img_box img { border:#fff 2px solid;box-shadow: 0px 5px 10px rgba(0, 0, 0, .7);}



.top_news_i p { color:#999; line-height:23px;}
.top_news_i h2 { color:#333; font-size:18px; font-weight:bold; text-align:center; height:40px; line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:10px 0; }
.top_news_i a:hover h2 { color:#304B77; }
.top_news_i a{ display:block; height:100%;}

.i_news {float: right;width: 828px;}
.i_news li { margin: 0 0 10px 0; position: relative; font-size: 16px; overflow: hidden; }
.i_news li a { height:30px; line-height:30px; width: 80%; }
.i_news li a::before { content: ""; width: 6px; height: 6px; background:#304B77; margin:13px 8px 0 0; border-radius:6px; float: left; }
.i_news li span { line-height:30px; color: #999; }
.h_c{background-image:url(../images/contact.jpg);background-repeat:no-repeat;background-position:center;height:340px;color:#FFF;}
.h_c p{ font-size:16px; line-height:230%; text-align:center;}
.h_c div{ font-size:18px; text-align:center; font-weight:bold; padding:20px 0;}

.h_c a{ width:108px;font-size:18px; background:#fff; color:#06C; text-align:center; padding:5px 0; display:block; margin:0 auto;font-weight:bold; }

.h2_tit { font-size: 26px; color: #304B77; font-weight:bold;position: relative; text-align: center; margin: 30px 0 0px 0; }
.h2_tit:before { content: ""; width: 2em; height: 2px; background: #ddd; position: absolute; top: 50px; left: 50%; margin-left: -1em; }


/* home_nav s */
.home_nav { text-align: center; position: relative; z-index: 9; padding-top:30px; }
.home_nav ul { margin: 25px auto; height: 40px; }
.home_nav ul li { display:inline-block; width: auto; position: relative; }
.home_nav ul li a { display: inline-block; color: #fff; font-size: 16px; font-weight:bold; margin: 0 2px; height:40px; line-height:38px; min-width:136px; padding:0 10px;background:#A3A3A3; }
.home_nav ul li a:hover { background: #304b77; color: #fff; }
.home_nav ul .hover a { background: #304b77; color: #fff; }
.home_nav ul li dl { display: none; background: #304b77; padding:0; margin:0;width: 134px; }
.home_nav ul .hover dl { display: none; text-align: center; position: absolute; top:40px; left: 2px; margin:0; }
.home_nav ul .hover dl dt a { display: block; font-weight: normal; color: #fff; background: #304b77; border: 0; margin:0; }
.home_nav ul .hover dl dt a:hover { background:#606060; color: #fff; border: 0; }

/* home_nav e */


.banner{min-width:1200px;z-index:10;background:#fff;}
.banner .carousel-item a{height:560px;display:block;min-width:1200px;width:100%;}
.banner .carousel-page{bottom:25px;}
.banner .carousel-page li{height:6px;width:50px;border-radius:10px;}

.banner_inner{background:linear-gradient(to right, #0E77EA, #7F61FF);}
.banner_inner .width{height:400px;padding-left:120px;position:relative;}
.banner_inner .title{color:#fff;font-size:46px;font-weight:600;padding-top:100px;}
.banner_inner .title span{font-size:24px;margin-left:20px;border-left:1px solid #56b8ee;padding-left:20px;font-weight:300;text-transform:capitalize}
.banner_inner .intro{color:#fff;font-size:18px;margin-top:10px;font-weight:300;}
.banner_inner .position{position:absolute;bottom:-1px;left:0;right:0;padding:15px 20px;background:rgba(255,255,255,.9);border-radius:4px 4px 0 0;box-shadow:0px 0px 30px rgba(0,0,0,0.1);}

.topsearch{background:#f7f7f7;padding:10px 0 6px 0;border-bottom:1px solid #f3f3f3;}
.topsearch .row{align-items:center;}
.topsearch .col-8{color:#999;}
.topsearch .col-8 a{margin:0 6px;}
.topsearch form{margin:0;}
.topsearch form .form-group{margin:0;}
.topsearch form .form-group .form-ip{font-size:13px;}
.topsearch form .form-group .form-ip::-webkit-input-placeholder{font-size:13px!important}
.topsearch form .form-group .form-ip::-moz-placeholder{font-size:13px!important}
.topsearch form .form-group .form-ip::-ms-input-placeholder{font-size:13px!important}
.topsearch form .form-group .form-ip::-ms-input-placeholder{font-size:13px!important}
.topsearch form .form-group .form-ip::placeholder{font-size:13px!important}
.topsearch form .form-group .form-ip:focus{border-color:#ced4da;box-shadow:none;}
.topsearch form .form-group .after{background:#0E77EA;border-color:#0E77EA;color:#fff;min-width:60px;}
.topsearch form .form-group select{max-width:85px;border-radius:4px 0 0 4px;margin-right:-1px;}
.topsearch form .form-group input{border-radius:0;border-right:0;}

.home-title{display:flex;align-items:center;justify-content:space-between;} 
.home-title .home-title-name{font-size:22px;color:#333;padding-bottom:10px;}
.home-title .home-title-name:after{display:block;content:"";border-bottom:2px solid #0E77EA;width:45px;padding-top:15px;}
.home-title .home-title-name span{font-size:14px;color:#9e9e9e;margin-left:10px;}
.home-title .home-title-more{}
.home-title .home-title-more a{display:inline-block;font-size:13px;border:1px solid #eee;padding:8px 15px;margin-left:10px;line-height:normal;border-radius:2px;}
.home-title .home-title-more a:hover,.home-title .home-title-more a.active{background:#0E77EA;border-color:#0E77EA;color:#fff;}

.home_about{background:linear-gradient(150deg, #0E77EA 0%, #060D33 100%);padding:80px 0;}
.home_about .width{box-shadow:0px 10px 20px rgba(0,0,0,0.35);}
.home_about .col-8{padding:40px;}
.home_about .col-8 h4{font-size:24px;color:#060d33;font-weight:500;}
.home_about .col-8 .intro{color:#666;margin-top:20px;}
.home_about .col-8 .intro p{text-indent:28px;margin-bottom:20px;line-height:24px;}
.home_about .col-8 .more{display:inline-block;padding:10px 40px;color:#666;border:1px solid #eee;border-radius:50px;box-shadow:0 5px 15px 0 #eee;}
.home_about .col-8 .more:hover{background:#0E77EA;border-color:#0E77EA;color:#fff;}
.home_about .col-4{background:#fff;font-size:0;padding:8px;}
.home_about .col-4 video{background:#000;}

.home_news{margin-top:30px;display:flex;flex-wrap:wrap;}
.home_news .home_news_item{margin:0 30px 30px 0;width:625px;}
.home_news .home_news_item:nth-child(even){margin-right:0;}
.home_news_body{box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);backgroud:#fff;padding:20px;border-radius:5px;display:flex;align-items:center;}
.home_news_body .date{width:90px;text-align:center;padding-right:20px;margin-right:30px;border-right:1px solid #eee;}
.home_news_body .date h4{font-size:30px;font-family:"Impact";color:#999;margin:0;}
.home_news_body .date p{color:#999;font-size:14px;font-family:Verdana;}
.home_news_body .body{flex:1;overflow:hidden;transition:all 0.5s ease;}
.home_news_body .body h4{font-size:18px;font-weight:400;color:#515050;}
.home_news_body .body p{color:#c2c2c2;font-size:14px;}
.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:#304B77;}
.home_news_item:hover .body p{color:#666;}

.partners{margin-top:30px;display:flex;flex-wrap:wrap;list-style:none;}
.partners li{margin:0 30px 20px 0;width:232px;text-align:center;color:#999;}
.partners li:nth-child(5n){margin-right:0;}
.partners li img{width:100%;height:104px;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:20px;}
.link a{display:inline-block;margin-right:15px;border:1px solid #eaeaea;padding:10px 15px;font-size:13px;color:#666;border-radius:2px;margin-bottom:10px;background:#fff;}
.link a:hover{border-color:#ccc;}

.footer{border-top:4px solid #0E77EA;background:#19171a;padding:40px 0;min-height:200px;color:#8b8b8b;}
.footer_item{width:15%;padding-left:4%;border-left:1px solid #444;position:relative;}
.footer_item:after{display:block;content:"";width:3px;height:30px;top:0;left:-2px;position:absolute;background:#0E77EA;}
.footer_item h4{font-size:18px;color:#fff;}
.footer_item h5{font-size:16px;color:#fff;}
.footer_item .footer_menu{line-height:36px;}
.footer_item .footer_menu a{display:block;color:#8b8b8b;transition:all 0.5s ease;}
.footer_item .footer_menu a:hover{color:#fff;transform:translateX(10px);}

.footer_last{width:auto;padding-left:4%;}
.footer_tel{font-family:'Impact';font-size:30px;color:#fff;}
.footer_tel img{max-width:100px;margin-top:10px;display:block;}

.copyright{background: #ccd3de;line-height:1.8;padding:15px 0;text-align:center;color:#304B77;text-align:center;font-size:16px;}
.copyright img{ display:inline-block; margin:-20px 15px 0 0;}
.copyright p{ display:inline-block; }
.copyright a{color:#304B77;}
.copyright a:hover{color:#304B77;}

.container{min-height:300px;}
.container .width{margin:30px auto;}
.container-left{width:250px;margin-right:30px;}
.container-right{flex:1;overflow:hidden;}


/* public begin */
.piclist-title{padding:6px 10px;font-size:14px;}
.piclist-image img{transition:all 1s}
.piclist-image:hover img{transform:scale(1.2);}

.ui-sidebar ul li a{color:#0E77EA;}
.ui-sidebar ul li a:hover{background:#0E77EA;border-color:#0E77EA;}
.ui-sidebar ul li.active a{background:#0E77EA;border-color:#0E77EA;}

.ui-box{box-shadow:0px 0px 30px rgba(0,0,0,0.1);border:1px solid #f3f3f3;background:#fff;}
.ui-box-radius{border-radius:20px 0 0 0;}
.ui-box-radius .ui-box-title{border-radius:20px 0 0 0;}
.ui-box-title{background:linear-gradient(90deg, #0E77EA 0%, #1e50ae 100%);color:#fff;font-size:24px;font-weight:400;padding:30px;}
.ui-box-title span{display:block;font-size:14px;color:#eaeaea;font-weight:300;text-transform:uppercase;line-height:30px;}

.collapse-menu{margin:15px 0;}
.collapse-menu-title a{transition:all 0.5s ease;}
.collapse-menu-title:hover a{padding-left:10px;}
.collapse-menu-body li a{transition:all 0.5s ease;}
.collapse-menu-body li a:hover{padding-left:10px;}
.collapse-menu-body li i{color:#999;}
.collapse-menu-body ul li.active i{color:#304B77;}
.collapse-menu-body ul li.active a{color:#304B77;}
/*.ui-box-nav ul{list-style:none;margin:20px 0;}
.ui-box-nav ul li{}
.ui-box-nav ul li span{float:right;color:#999;display:block;line-height:40px;margin-right:15px;}
.ui-box-nav ul li a{display:block;border-bottom:1px solid #f3f3f3;line-height:40px;padding-left:24px;font-size:14px;color:#555;transition:all 0.5s ease;}
.ui-box-nav ul li a:hover{background:#efefef;color:#333;padding-left:36px;}
.ui-box-nav ul li:last-child a{border-bottom:0;}
.ui-box-nav ul li.active a{background:#efefef;color:#333;}
.ui-box-nav ul li ul{background:#fff;margin:0 20px;}
.ui-box-nav ul li ul li{background:#fff;}
.ui-box-nav ul li.active ul li a{background:none;}*/

.ui-box-h2{font-size:24px;padding:20px 30px;border-bottom:1px solid #eaeaea;position:relative;}
.ui-box-h2:after{position:absolute;display:block;content:"";border-bottom:3px solid #0E77EA;bottom:0;left:30px;width:45px;}
.ui-box-body{padding:25px 30px;min-height:380px;}
.ui-box-body .col-10{max-width:760px;}

.ui-box-body img,.ui-box-body p img{max-width:100%;}
.ui-box-body p{margin-bottom:20px;line-height:24px;}
.ui-box-body .content a{color:#03C;}
.ui-box-body .content a:hover{color:#f30;}

.artlist{}
.artlist-item{display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06);min-height:160px;padding:30px 0;}
.artlist-item:first-child{padding-top:10px;}
.artlist-item-image{width:200px;margin-right:30px;}
.artlist-item-image img{width:100%;max-height:140px;border-radius:4px;}
.artlist-item-image svg{width:100%;text-anchor:middle;border-radius:4px;border:1px solid #eaeaea;}
.artlist-item-body{flex:1;overflow:hidden;padding-right:20px;}
.artlist-item-body .title{font-size:18px;font-weight:600;}
.artlist-item-body .desc{font-size:13px;color:#b5b5b5;line-height:24px;margin-top:15px;}
.artlist-item-body .desc p{margin:0;}
.artlist-item-body .tags{color:#999;margin-top:15px;}
.artlist-item-body .tags a{margin:0 6px;font-size:13px;font-family:arial,microsoft yahei;color:#666;}
.artlist-item-body .tags a:hover{color:#f30;}
.artlist-item-date{width:120px;padding:40px 0 0 40px;font-size:28px;color:#999;font-weight:300;position:relative;}
.artlist-item-date:after{display:block;content:"";width:1px;height:60px;background:#f3f3f3;left:10px;top:32px;position:absolute;}
.artlist-item-money{width:200px;font-size:18px;color:#F60;}
.artlist-item-money span{display:block;font-size:14px;color:#999;line-height:36px;font-weight:500;}
.artlist-item-money:after{height:80%;}
.artlist-item:hover .artlist-item-date{color:#304B77;}
.artlist-item:hover .artlist-item-body .title{color:#304B77;}
.artlist-item:hover .artlist-item-body .desc{color:#666;}

.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;font-size:14px;}
.artshow .other ul{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;}
.artshow .other ul li{width:25%;line-height:30px;}
.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:24px;}
.artshow .content p 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-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:#304B77;}
.artshow .tags{color:#999;margin:15px 0;}
.artshow .tags a{margin:0 10px 10px 0;}

.proshow{}
.proshow .col-left{width:55%;border-right:1px solid #f3f3f3;padding:20px 3%;}
.proshow .col-left .big_pic{text-align:center;}
.proshow .col-left .big_pic img{max-width:100%;}
.proshow .col-left .thumb_pic{margin:30px 0 0 0;text-align:center;}
.proshow .col-left .thumb_pic ul{margin:0 auto;}
.proshow .col-left .thumb_pic ul li{display:inline-block;margin-right:5px;width:60px;height:60px;border:1px solid #eaeaea;padding:0px;cursor:pointer;position:relative;z-index:1;}
.proshow .col-left .thumb_pic ul li.active{border:1px solid #2DB7F5;background:#fff;}
.proshow .col-left .thumb_pic ul li.active:after{content:" ";position:absolute;right:24px;top:-5px;width:11px;height:11px;border:#2DB7F5 solid 1px;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff;z-index:-1}

.proshow .col-right{width:45%;padding:20px 3%;}
.proshow .col-right h1{font-size:24px;font-weight:bold;}
.proshow .col-right .intro{font-size:14px;color:#888;margin:10px 0;}
.proshow .col-right .attribute{list-style:none;margin:10px 0;}
.proshow .col-right .attribute li{font-size:14px;line-height:30px;}
.proshow .col-right .attribute li em{display:inline-block;width:60px;font-style:normal;color:#999;font-size:14px;}
.proshow .col-right .price{font-size:14px;line-height:30px;margin:20px 0;}
.proshow .col-right .price span{font-size:26px;color:#f60;}
.proshow .col-right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;}
.proshow .col-right .tags{color:#999;margin:15px 0;}
.proshow .col-right .tags a{margin:0 10px 10px 0;}

.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;}

.quicklogin{padding:20px 0;text-align:center;}
.quicklogin .line{margin:20px auto;max-width:70%;font-weight:400;font-size:18px;color:#666;}
.quicklogin a{display:inline-block;text-align:center;margin:0 10px;color:#999;font-size:12px;transition:all .3s ease 0s;}
.quicklogin a:hover{transform:translate3d(0,-5px,0);}
.quicklogin a span{display:block;width:45px;line-height:45px;border-radius:50%;text-align:center;background:#f3f3f3;font-size:24px;margin-bottom:10px;}
.quicklogin a span.blue{background:#E7F7FE;color:#304B77;}
.quicklogin a span.red{background:#FFF1F8;color:#ED4014;}
.quicklogin a span.green{background:#E6F8E6;color:#19BE6B;}

.user_info{padding:20px 30px;display:flex;}
.user_info .face{width:160px;padding-right:20px;cursor:pointer;}
.user_info .face img{border-radius:50%;border:1px solid #f3f3f3;padding:4px;width:120px;height:120px;}
.user_info .info{flex:1;overflow:hidden;}
.user_info .info p{margin:0;padding:10px 0;}
.user_info .info p span{color:#f30;}
.user_info .info ul{margin:0;padding:0;list-style:none;}
.user_info .info ul li{font-size:16px;line-height:55px;height:55px;border-bottom:1px dashed #eee;vertical-align:middle;float:left;width:45%;margin-right:5%;}
.user_info .info ul li span{color:#f30;}
.user_info .info ul li em{color:#999;font-style:normal;display:inline-block;margin-right:5px;}

.pay{margin:0;padding:0;list-style:none;overflow:hidden;}
.pay li{float:left;width:50%;margin:0 0 0 0;cursor:pointer;}
.pay li div{border:1px solid #efefef;text-align:center;position:relative;}
.pay li div img{max-width:100%;}
.pay li:first-child div{margin-right:8px;}
.pay li:last-child div{margin-left:8px;}
.pay li div i{position:absolute;right:2px;bottom:2px;font-size:12px;color:#fff;z-index:10;display:none;}
.pay .active div:before{position:absolute;content:"";right:0;bottom:0;color:#304B77;width:0;height:0;border-bottom:30px solid #304B77;border-left:30px solid transparent;z-index:10;}
.pay .active div{border-color:#90BAFF;}
.pay .active div i{display:block;}

.order-base{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 20px 20px;}
.order-base-left{flex:1;overflow:hidden;border-right:1px solid #f3f3f3;}
.order-base-left h1{font-size:24px;font-weight:400;color:#666;}
.order-base-left h1 i{font-size:34px;color:#304B77;margin-right:10px;}
.order-base-left p{padding-left:46px;color:#f30;margin:0;}
.order-base-left p span{color:#999;}
.order-base-right{text-align:center;font-size:18px;font-weight:400;color:#999;padding-left:30px;}
.order-base-right em{color:#f30;}
.order-goods{border:1px solid #f3f3f3;border-radius:4px;}
.order-goods .collapse-menu-title a{font-size:16px;}
.order-goods .collapse-menu-title a:hover{padding-left:0;}
.order-goods .collapse-menu-title.active{background:#fafafa;}
.order-goods .collapse-menu-title.active a{color:#304B77;}
.order-goods .collapse-menu-title a span{color:#304B77;font-size:16px;margin-right:15px;}
.order-goods .collapse-menu-body li span{color:#999;}
.order-goods .collapse-menu-body li:last-child{border-bottom:0;}
.order-pay{margin:20px 0;}
.order-pay ul{max-width:50%;}

/*BBS*/
.bbs{position:relative;}
.bbs-left{width:300px;padding:30px 0;}
.bbs-left-title{color:#526069;font-weight:500;font-size:18px;padding-left:30px;}
.bbs-left-nav{list-style:none;margin:20px 0;}
.bbs-left-nav li{line-height:45px;margin-bottom:1px;}
.bbs-left-nav li a{color:#76838f;display:block;font-weight:400;padding-left:30px;font-size:14px;}
.bbs-left-nav li a i{font-size:16px;margin-right:10px;}
.bbs-left-nav li a:hover{color:#304B77;background:#eaf7ff;}
.bbs-left-nav li a:hover i{color:#304B77;}
.bbs-left-nav li.active a{color:#304B77;background:#eaf7ff;}
.bbs-left-nav li.active a:hover i{color:#304B77;}
.bbs_search{padding:15px 30px;}
.bbs-right{flex:1;overflow:hidden;border-left:1px solid #e4eaec;padding:30px;min-height:360px;}
.bbs-right-title{color:#526069;font-weight:500;font-size:18px;position:relative;}
.bbs-right-title a{position:absolute;right:0;top:0;font-size:14px;background:#40A9FF;color:#fff;border-radius:20px;display:block;padding:10px 30px;}
.bbs-right-title a:hover{background:#304B77;}
.bbs-right .tabs-nav a{padding:10px 20px;}
.bbs-topic{margin:0;}
.bbs-topic-item{display:flex;justify-content:space-between;padding:20px 20px 20px 30px;border-bottom:1px solid #f3f3f3;}
.bbs-topic-item .face{width:40px;height:40px;}
.bbs-topic-item .face img{width:100%;height:100%;border-radius:100%;}
.bbs-topic-item .body{flex:1;overflow:hidden;padding:0 20px;}
.bbs-topic-item .body em{background:#f30;color:#fff;display:inline-block;padding:4px 8px;margin:0 5px;font-size:12px;border-radius:4px;border:0;}
.bbs-topic-item .body a{color:#666;}
.bbs-topic-item .body a:hover{color:#333;}
.bbs-topic-item .body .desc{color:#a3afb7;}
.bbs-topic-item .other{width:120px;padding-left:20px;font-size:12px;color:#666;}
.bbs-topic-item .other i{color:#999;margin-right:5px;}
.bbs-topic-item:hover{background:#f5fbff;}
.bbs-post{margin-top:30px;}
.bbs-post .col-2{text-align:right;color:#999;}
.bbs-post .col-10{max-width:760px;}
.bbs-show{margin-top:0px;}
.bbs-show .tip{font-size:14px;color:#76838f;background:#ecf4ff;display:inline-block;padding:15px 20px;border-left:3px solid #3e8ef7;border-radius:2px;}
.bbs-show .tip a{color:#06f;margin:0 10px;}
.bbs-show .tip a:hover{color:#f30;}

.piclist-image {
    position: relative;
    overflow: hidden;
    padding-bottom: 60%;
}

.piclist-item {
    float: left;
    width: 23.5%;
    padding: 0;
    margin: 1.5% .75% 1.5% .75%;
    background: #fff;
    border: 0;
}

.page ul li.active{border-color:#2e4977;background:#2e4977;}
.page ul li.active a{color:#fff;background:#2e4977;}
.page ul li.active a:hover{background:#f60;}
.page ul li.active:hover{border-color:#f60;background:#f60;}