@charset "utf-8";
* { margin: 0; padding: 0 }
a { text-decoration: none; color: #333 }
img {}
dl, ul { list-style: none ; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 ,p{ font-weight: 400; margin:0; padding:0; }
em, i { font-style: normal }
body { line-height: 28px; background: #fff; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333 }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.m20 { margin:20px 0; }
.p10 { padding:10px; }
.p30 { padding:30px; }
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h15 { clear: both; height: 15px; }
.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; }
.h100 { clear: both; height: 100px; }
.h200 { clear: both; height: 200px; }
.clear { clear: both; }
.dis { display: none; }
.disp { display: block; }
.text-center { text-align: center; }
.text-hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.table { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1 }
.table td, .table th { padding: 10px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1 }
.table th { background: #f9f9f9 }
.table tr:hover td { background: #fffffc }
::-moz-placeholder {
text-align:left;
color:#999
}
::-webkit-input-placeholder {
text-align:left;
color:#999
}
::-ms-input-placeholder {
text-align:left;
color:#999
}
.radius { border-radius: 4px }
.radius-50 { border-radius: 50% }
.form-radius { border-radius: 18px }
.pf { position: fixed }
.pr { position: relative }
.pa { position: absolute }
.fl { float: left }
.fr { float: right }
.clear { clear: both }
.tl { text-align: left }
.tc { text-align: center }
.tr { text-align: right }
.auto { margin: 0 auto }
.block { display: block }
.inline-block { display: inline-block }
.hide { display: none }
.border-box { box-sizing: border-box }
.hidden { overflow: hidden }

/*头部样式*/
#header { left: 0; top: 0; width: 100%; height: 80px; background: #fff; z-index: 999; border-bottom: 1px solid #eee; }
#logo { left: 80px; top: 15px; }
#logo img { max-width:220px;  max-height:50px; }
#nav { right: 40px; top: 0; }
#nav ul li { float: left; height: 80px; line-height: 80px; margin: 0 10px; font-size: 15px; }
/*#nav ul li:nth-child(2){background:#eee }*/
#nav ul li a { display: block; position: relative; padding: 0 30px; color: #666; }

#nav ul li.topu a { display: block; position: relative; padding: 0px; color: #888; }
#nav ul li a span { display: block; position: absolute; left: 0; bottom:1px; width: 0; height: 1px; background: #dd3438; }
#nav ul li.hover a { color: #333; }
#nav ul li.hover a span { width: 100%; }
/*首页样式*/

#fullpage { margin: 80px 0 60px 0; }
::-webkit-scrollbar {
display:none;
}
#banner, #banner-img, #banner-img ul li, #banner-img ul li a { width: 100%; }
#banner-img ul li { float: left; }
#banner-img ul li a { display: block; }
#banner-btn { left: 0; bottom: 60px; width: 100%; height: 10px; text-align: center; font-size: 0; z-index: 99; }
#banner-btn dl dd { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #b2b2b2; border-radius: 50%; cursor: pointer; }
#banner-btn dl dd.on { width: 30px; background: #747474; border-radius: 5px; }
#prev, #next { top: 50%; transform: translateY(-50%); width: 20px; height: 34px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 99; }
#prev { left: 120px; background-image: url(../style/prev.png); }
#next { right: 120px; background-image: url(../style/next.png); }
.title { height: 40px; transition: all 1s; }
.title i { line-height: 40px; font-size: 40px; color: #c1c1c1; }
.title span { line-height: 15px; margin: 0 5px; font-size: 15px; }
.title em { line-height: 14px; font-family: 'Times'; font-size: 14px; font-weight: bold; color: #919191; }
.title.gray i, .title.gray span, .title.gray em { color: #9d9d9b; }
.title:hover span { padding-left: 10px; transition-delay: 0.1s; }
.title:hover em { padding-left: 10px; }
#case { padding-left: 120px; padding-right: 120px; }
#case-menu { height: 14px; line-height: 14px; margin-top: 28px; }
#case-menu dl dd { float: left; margin-left: 30px; font-size: 14px; cursor: pointer; }
#case-menu dl dd.current { color: #dd3438; }
#case-item section { display: none; }
#case-item ul { margin-left: -28px; }
#case-item ul li { float: left; margin: 28px 0 0 28px; }
#case-item ul li h3 { height: 14px; line-height: 14px; margin-top: 14px; font-size: 14px; text-align: center; }
#case-item ul li:hover h3 { color: #dd3438; }
#case-item .img { overflow: hidden; }
#case-item .img img { transition: all 1s; }
#case-item .img:hover img { transform: scale(1.2); }
#service { padding: 0px 120px; position: relative; background: url(../style/service-bg.jpg) no-repeat top center; }
#service .title { position: absolute; top: 7%; }
#service-item-box { padding: 0 60px; color: #9d9d9b; }
#service-item-box ul li { float: left; margin: 0 40px; background-color: rgba(255,255,255,0); transition: all 1s; position: relative; }
#service-item-box ul li .part3 h2 { height: 40px; line-height: 40px; font-family: 'Times'; font-size: 60px; text-align: center; overflow: hidden; }
#service-item-box ul li .part3 h3 { height: 18px; line-height: 14px; margin: 20px 0; font-size: 14px; text-align: center; overflow: hidden; }
#service-item-box ul li .part3 p {height: 72px;line-height: 24px;font-size: 12px;overflow: hidden;}
#service-item-box ul li .part3 h4 { height: 12px; line-height: 12px; margin-top: 60px; font-family: 'Times'; font-size: 12px; text-align: center; overflow: hidden; }
#service-item-box ul li .part3 h4 a { color: #9d9d9b; }
#s-prev, #s-next { top: 46%; margin-top: -17px; width: 20px; height: 34px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 99; }
#s-prev { left: 0; background-image: url(../style/prev.png); }
#s-next { right: 0; background-image: url(../style/next.png); }
#service-item-box ul li .part3 img {width: 100%; margin-top: 0px; transition: all 0.6s; transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); margin-bottom: 10px; }
#service-item-box ul li:hover { background-color: rgba(255,255,255,0.6); }
#service-item-box ul li:hover .part3 img {width: 100%; margin-top: 20px; opacity: 1; filter: alpha(opacity=100); }
#service-item-box ul li:hover .part3 h2 { display: none; }
#service-item-box ul li .part3 h3 { color: #ddd; }
#service-item-box ul li:hover .part3 h3 { color: #000; }

#service-item-box ul li:hover .part3 p { color: #444; }
#service-item-box ul li .part3 h4 a { color: #666; }
#service-item-box .part3 { position: absolute; top: 10%; padding: 0 30px; }
#service-item-box ul li:hover .part3 { top: 26%; }
#service-item-box ul li .part3 h4 a:hover { color: #333333; }
#service-item-box ul li .part3 h4 a { color: #9d9d9b; }
#about-img { width: 50%; left: 0; top: 0; }
#a-prev, #a-next { top: 50%; transform: translateY(-50%); width: 14px; height: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; background-size: 14px 24px; z-index: 99; }
#a-prev { left: 72px; background-image: url(../style/prev.png); }
#a-next { right: 72px; background-image: url(../style/next.png); }
#about-text { width: 50%; right: 0; top: 0; }
#about-text-box { padding-left: 72px; padding-right: 120px; }
#about-text-box p { line-height: 24px; margin-top:35px; font-size:14px; color: #666; }
#about-text-box h3 { width: 200px; height: 40px; line-height: 40px; margin-top: 30px; background: #535353; font-size: 12px; text-align: center; color: #fff; }
#about-text-box h3:hover { background:#dd3438;  }
#about-text-box h3 a { display: block; color: #fff; }
#news { padding-left: 120px; padding-right: 120px; background: url(../style/news-bg.jpg) no-repeat bottom center; }
#news-item { margin-top: 60px; }
#news-item-box ul li { float: left; margin: 0 10px; overflow: hidden; }
#news-item-box ul li .img{ width:100%;overflow: hidden; }

#news-item-box ul li .img img { width:100%;  display:block; border:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; }

#news-item-box ul li:hover .img img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }



#news-item-box ul li h3 { height: 14px; line-height: 14px; margin-top: 20px; font-size: 14px; overflow: hidden; }
#news-item-box ul li p { height: 48px; line-height: 24px; margin: 10px 0; font-size: 12px; color: #666; overflow: hidden; }
#news-item-box ul li h4 { height:20px; line-height: 12px; padding-bottom: 8px; border-bottom: 1px solid #c1c1c1; font-size: 12px; color: #999; overflow: hidden; }
#news-item-box ul li:hover h4 { border-bottom: 1px solid #dd3438; }
#news-item-box ul li h4 span { float: right; }
#n-prev, #n-next { top: 50%; transform: translateY(-50%); width: 20px; height: 34px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 99; }
#n-prev { left: 0; background-image: url(../style/prev.png); }
#n-next { right: 0; background-image: url(../style/next.png); }
#help h2 { height: 34px; line-height: 34px; font-family:Verdana, Geneva, sans-serif; font-size: 34px; letter-spacing: 4px; }
#help h3 { height: 18px; line-height: 18px; margin: 20px 0; font-size: 18px; font-weight: bold; color: #dd3438; }
#help h4 { height: 12px; line-height: 12px; margin-bottom: 40px; font-size: 12px; color: #666; }
#code1 { width: 296px; height: 125px; }
#code1 dl dd { float: left; width: 108px; height: 125px; margin: 0 20px; }
#code1 dl dd img { width: 108px; height: 108px; }
#code1 dl dd span { display: block; height: 12px; line-height: 12px; margin-top: 5px; font-size: 12px; color: #666; }
#contact { height: 240px; min-width: 850px; padding: 53px 120px; background: url(../style/contact-bg.jpg) no-repeat center; }
#contact-info { height: 240px; }
#contact-info h2 { height: 30px; line-height: 30px; margin-bottom: 10px; font-size: 14px; color: #fff; overflow: hidden; }
#contact-info p { line-height: 26px; font-size: 12px; color: #b1b1b1; overflow: hidden; }
#contact-info a { color:#b1b1b1; }

#contact-form { height: 240px; width: 40%; min-width: 450px; margin-left: 7%; float: left; }
#input-group { height: 30px; overflow: hidden; }
#input-group input { float: left; width:210px; height: 30px; line-height: 30px; margin-left: 15px; background: none; border: none; border-bottom: 1px solid #b1b1b1; font-size: 12px; color: #b1b1b1; }
#input-group input:first-child { margin-left: 0; }
#input-group input::-moz-placeholder {
text-align:left;
color:#b1b1b1
}
#input-group input::-webkit-input-placeholder {
text-align:left;
color:#b1b1b1
}
#input-group input::-ms-input-placeholder {
text-align:left;
color:#b1b1b1
}
#contact-form textarea { width: 450px; line-height: 25px; margin: 10px 0; background: none; border: none; border-bottom: 1px solid #b1b1b1; font-size: 12px; color: #b1b1b1; }
#contact-form textarea::-moz-placeholder {
text-align:left;
color:#b1b1b1
}
#contact-form textarea::-webkit-input-placeholder {
text-align:left;
color:#b1b1b1
}
#contact-form textarea::-ms-input-placeholder {
text-align:left;
color:#b1b1b1
}
#contact-form button { width: 160px; height: 40px; line-height: 40px; background: #dd3438; font-size: 12px; color: #fff; position: relative; left: 2%; border:0;}
input,button,a,textarea {outline:0 none !important; blr:expression(this.onFocus=this.blur());}

#page-btn { left: 30px; top: 50%; transform: translateY(-50%); z-index: 999; }
#page-btn ul li { width: 0; height: 0; margin: 20px 5px; border: 2px solid #7e7e7e; border-radius: 50%; cursor: pointer; }
#page-btn ul li.current { width: 14px; height: 14px; margin: 20px 0; border-color: #dd3438; }
#link { width: 7%; overflow: hidden; height: 240px; text-align: center; }
#link h3 { color: #fff; font-size: 14px; }
#link .link-a a { display: block; line-height: 24px; color: rgba(255,255,255,.5); font-size: 12px; }
#link .link-a a:hover { color: rgba(255,255,255,.8); }
#foot-bar { left: 0; bottom: 0px; width: 100%; height: 60px; background: #dd3438; z-index: 999; }
#foot-bar .foot-bt { width:820px; margin: auto; height: 30px; margin-top: 10px; text-align: center }
#foot-bar .foot-bt .fimg { float: left; width: 246px; height: 36px; line-height:34px; margin-top: 5px; font-size:26px; color:#FFF; }

#foot-bar .foot-bt .fimg img{ display:inline-block; margin:-5px 12px 0 0; }

#foot-bar .foot-bt dl dd { float: left; width: 150px; height: 40px; line-height: 40px; margin-left: 40px; background: #ff9c00; border-radius: 4px; font-size: 14px; text-align: center; }
#foot-bar .foot-bt dl dd a { display: block; color: #982829; }
#foot-bar .foot-bt dl dd a span { display: inline-block; }
#foot-bar .foot-bt dl dd a span.icon-yuyue { background: url(../style/icon-yuyue.png) no-repeat left center; padding-left: 29px; }
#foot-bar .foot-bt dl dd a span.icon-jindu { background: url(../style/icon-jindu.png) no-repeat left center; padding-left: 29px; }
#foot-bar .foot-bt dl dd a span.icon-tousu { background: url(../style/icon-tousu.png) no-repeat left center; padding-left: 27px; }
/*内页样式*/

#page { margin-top: 80px; background: #f6f6f6; }
.wrapper { width: 1200px; }
.pt40 { padding-top: 40px; }
.pb40 { padding-bottom: 100px;  }
.pos-bg{position:absolute;background: rgba(0,0,0,.5);width:100%;padding:0 20px;color:#FFF;left:0;bottom:0;}
.pos-bg a{  color:#FFF; }
.pos-bg .am-breadcrumb{ padding:0; margin:0;}
.pos-bg .am-breadcrumb a:before{ color:#FFF;}
.page_show{ padding-top:15px;}
.page_show img{ max-width:100%;}

.page_show .other { margin-top: 30px; text-align: center; }
.page_show .other p { font-weight: bold; }
.page_show .other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.page_show .other a span { font-size: 18px; margin-right: 10px; }
.page_show .other a em { font-style: normal; font-size: 18px; }
.page_show .other a:hover { background: #dd3438; border-color: #dd3438; color: #fff; }
.page_show .other a:hover span { color: #fff; }
.page_show .tags { font-weight: 500; }
.page_show .tags a { margin-left: 15px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; }
.page_show .tags a:hover { background: #dd3438; color: #fff; border-color: #dd3438; }


/*标签相关*/
.tags{}
.tags li{display:inline;width:auto;}
.tags li a{display:inline-block;padding:10px 30px;color:#333;font-size:14px;background:#fff;margin:0 2px 5px 0;border-radius:2px;border:1px solid #E7E7E7;}
.tags li a:hover{background:#dd3438;color:#fff;border:1px solid #dd3438;}
.tags .hover a{display:inline;padding:10px 30px;color:#fff;font-size:14px;background:#dd3438;color:#fff;border:1px solid #dd3438;margin:0 2px;border-radius:2px;border-radius:0;}

/*筛选相关*/
.filter{border:1px solid #f3f3f3;padding:6px 20px;margin-top:30px;box-shadow:0px 0 10px rgba(0,0,0,0.1);padding:15px;}
.filter dl{margin:0;}
.filter dl dd{float:left;width:70px;font-weight:bold;font-size:14px;margin:0;padding-top:5px;}
.filter dl dt{margin:0 0 0 80px;}
.filter dl dt a{font-weight:normal;margin:0 5px 5px 0;padding:5px 10px;color:#666;font-size:14px;display:inline-block;}
.filter dl dt a:hover{background:#dd3438;color:#fff;}
.filter dl dt .hover{background:#dd3438;color:#fff;}

/*新闻——图片*/
.list_pic { margin:30px 0 0px 0;  clear:both; }
.list_pic ul li { width:31%; margin:0 1% 2% 1.26%; float:left; }
.list_pic ul li a { border:1px solid #ededed; padding:4px; display:block; background:#fff; }
.list_pic ul li a div { overflow:hidden; width:100%; height:100%; }
.list_pic ul li a div img { width:100%;  display:block; border:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; }
.list_pic ul li:hover { box-shadow:0px 1px 10px rgba(0, 0, 0, 0.1); }
.list_pic ul li a:hover div img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.list_pic ul li a p { font-size:14px;  margin:0; padding:10px; text-align:center; }





/*瀑布流布局*/
.piclist{width:1140px;}
.piclist ul{width:1180px;}
.piclist li{float:left;width:265px;margin-right:25px;}
.piclist li a{display:block;padding:4px;margin-bottom:25px;border:1px solid #eee;}
.piclist li a:hover{box-shadow:0 0 6px rgba(0, 0, 0, 0.17);}
.piclist li a img{width:100%;}
.piclist li a p{font-size:14px;padding:0 10px;}


#sub-banner { width: 100%; height: 350px; background: url(../style/sub-banner.jpg) no-repeat center; position:relative;}
#menu { width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #e9e9e9; }
#menu ul { text-align: center; font-size: 0; }
#menu ul li { display: inline-block; padding: 0 20px; font-size: 14px; color: #999; }
#menu ul li a { display: block; color: #999; }
#menu ul li.article { color: #dd3438; }
#menu ul li.article a { color: #dd3438; }
#menu dl { text-align: center; font-size: 0; overflow: hidden; margin: 0 auto; }
#menu dl dd { display: inline-block; *display:inline;*zoom:1;padding: 0 20px; font-size: 14px; color: #999;  }
#menu dl dd a { display: block; color: #999; }
#menu dl dd a:hover { color: #dd3438; }
#menu dl dd.article { color: #dd3438; }
#menu dl dd.current a { color: #dd3438; }
#single { min-height: 400px; padding: 30px; background: #fff; }
#single h1 { font-size: 22px; text-align: center; }
#single h2 { margin-top: 10px; font-family: 'Times'; font-size: 20px; text-align: center; color: #999; }
#single article { margin-top: 30px; color: #666; }
#case-list { min-height: 400px; padding: 40px 120px; }
#case-list ul { margin: -28px 0 0 -28px; }
#case-list ul li { float: left; margin: 28px 0 0 28px; }
#case-list div { overflow: hidden; }
#case-list div img { transition: all 1s; }
#case-list a:hover img { transform: scale(1.2); }
#case-list ul li h3 { height: 14px; line-height: 14px; margin-top: 14px; font-size: 14px; text-align: center; }
#news-list { min-height: 400px; padding: 30px; background: #fff; }
#news-list ul li { height: 170px; margin-bottom: 30px; padding:0 0 30px 0; border-bottom: 1px solid #e9e9e9; overflow: hidden; }
#news-list ul li:hover {  border-bottom: 1px solid #aaa;}
#news-list ul li:last-child { margin-bottom: 0; /*padding-bottom: 0; border-bottom: none;*/ }
#news-list ul li div { overflow: hidden;float: left; width: 228px; height: 140px;  }
#news-list ul li div img { transition: all .5s; width:100%; height:100%;}
#news-list ul li a:hover img { transform: scale(1.1); }



#news-list ul li section { float: right; width: 882px; height: 140px; overflow: hidden; }
#news-list ul li section h3 { height: 14px; line-height: 14px; font-size: 14px; overflow: hidden; }
#news-list ul li section p { height: 90px; line-height: 30px; margin: 12px 0; font-size: 12px; color: #666; overflow: hidden; }
#news-list ul li section h4 { height: 12px; line-height: 12px; font-size: 12px; color: #999; overflow: hidden; }
#news-list ul li section h4 span { float: right; }
#pageinfo { font-size: 0; }
#pageinfo a { display: inline-block; min-width: 12px; height: 32px; line-height: 32px; margin: 0 4px; padding: 0 10px; background: #fff; border: 1px solid #e1e1e1; font-size: 12px; }
#pageinfo a.info { color: #999; }
#pageinfo a.current { background: #2a2a2a; border-color: #2a2a2a; color: #fff; }
#case-rmd { width: 260px; }
#case-rmd h2 { height: 22px; line-height: 22px; font-size: 22px; }
#case-rmd ul li { width: 260px; height: 194px; margin-top: 30px; overflow: hidden; }

#case-rmd ul li div { overflow: hidden;width: 260px; height: 166px; }
#case-rmd ul li div img { transition: all .5s; width:100%; height:100%;}
#case-rmd ul li a:hover img { transform: scale(1.1); }

#case-rmd ul li h3 { height: 14px; line-height: 14px; margin-top: 14px; font-size: 14px; text-align: center; overflow: hidden; }
.case-show { width: 850px; padding: 30px; background: #fff; border-top: 4px solid #cdcdcd; border-bottom: 4px solid #cdcdcd; }
.show-show { width: 100%; margin-top:10px; }
.met-shownews-footer { background: #fff; padding: 30px 0; }
@media (max-width:768px) {
.met-shownews-footer { padding: 10px }
}
.met-shownews-footer ul.pager { margin: 0; }
.pager { padding-left: 0; margin: 22px 0; text-align: center; list-style: none; padding: 10px 0; }
.pager li { float: left; width:46%; }
.pager li.next { float:right; width:46%; }
.pager li a, .pager li span{ display:block; padding: 8px 14px; background-color: transparent; border: 1px solid #e4eaec; border-radius: 100px ;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.pager li span{ color:#999;}

.pager li a:hover { color: #dd3438; border: 1px solid #dd3438;}
.pager li .icon { margin-top: -1px }

#case-show {width: 910px;min-height: 400px;padding: 30px;background: #fff;border-top: 4px solid #cdcdcd;}
#case-show h1 { font-size: 22px; text-align: center; }
#case-show-img { margin-top: 30px; overflow: hidden; }
#case-show-img, #case-show-img-box, #case-show-img-box ul li, #case-show-img-box ul li img { width: 850px; height: 570px; }
#case-show-img-box ul li { float: left; }
#case-show-img-btn { left: 0; bottom: 30px; width: 840px; height: 50px; padding: 0 5px; font-size: 0; text-align: center; overflow: hidden; }
#case-show-img-btn dl dd {display: inline-block;width: 74px;height: 50px;margin: 0 5px;border: 2px solid #fff;cursor: pointer;}
#case-show-img-btn dl dd.on { border-color: #a3a3a3; }
#case-show-img-btn dl dd img { width: 70px; height: 46px; }
#cs-prev, #cs-next { top: 50%; transform: translateY(-50%); width: 20px; height: 34px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 99; }
#cs-prev { left: 30px; background-image: url(../style/prev.png); }
#cs-next { right: 30px; background-image: url(../style/next.png); }
#case-show article { margin-top: 30px; font-size: 14px; color: #666; }
#news-rmd { width: 260px; min-height: 515px; }
#news-rmd h2 { height: 22px; line-height: 22px; font-size: 22px; }
#news-rmd ul li { height: 14px; line-height: 14px; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; font-size: 14px; overflow: hidden; }
#news-show { width:910px; padding: 30px; background: #fff; border-top: 4px solid #cdcdcd; border-bottom: 4px solid #cdcdcd; }
#news-show h1 { font-size: 22px; text-align: center; }
#news-show h2 { margin-top: 10px; font-size: 12px; text-align: center; color: #888; }
#news-show article { margin-top: 30px; font-size: 14px; color: #666; }
.subject { border-bottom:1px solid #eaeaea; }
.subject b { border-bottom:1px solid #2d2d2d; height:40px; line-height:40px; display:inline-block; margin-bottom:-1px; font-weight:normal; color:#3b3b3b; font-size:18px; font-family:microsoft yahei; }
.subject .more { float:right; }
.h2 { margin: 5px auto 0px auto; border-bottom: 1px solid #eee; }
.h2 span { border-bottom: 2px solid #e6212a; display: inline-block; line-height: 30px; margin: 0; padding: 10px 0 10px 0; font-size: 20px; font-family: microsoft yahei; font-weight: 300; }

/*底部样式*/

#footer { height:160px; padding: 30px 80px; background: #2a2a2a; text-align:center; color:#FFFFFF; bottom: 60px; }
#footer a{color:#ffffff;}
#copyright { left: 80px; top: 50px; }
#copyright p { line-height: 30px; font-size: 12px; color: #ffffff; }
#foot-code { right: 80px; top: 30px; }
#foot-code dl dd { float: left; margin-left: 30px; }
#foot-code dl dd img { width: 80px; height: 80px; }
#foot-code dl dd span { display: block; height: 12px; line-height: 12px; margin-top: 8px; font-size: 12px; color: #b1b1b1; }
.btn1, .btn2 { cursor: pointer; }
.er1, .er2 { position: fixed; padding: 50px; z-index: 3000; position: fixed; top: 50%; left: 50%; width: 50%; width: 340px; height:380px; display: none; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: #fff; border: 1px solid #ddd; }
.section { position: relative; }
.er1 img, .er2 img { margin: auto; width: 240px; height: 240px; margin-bottom: 20px; }
.er1 p, .er2 p { text-align: center; }
.er1 span, .er2 span { position: absolute; top: 10px; right: 10px; width: 27px; height: 27px; display: block; cursor: pointer; background: url(../images/close.gif) no-repeat center center; }
.er1 span:hover, .er2 span:hover { background: url(../images/close2.gif) no-repeat center center; }


/*招聘相关*/
.job_list {min-height: 400px;
    padding: 30px;
    background: #fff;}
.job_list li { height: 45px; border-bottom: #ddd 1px solid; }
.job_list li:hover { background: #f8f8f8; }
.job_list li i {float: left;height: 45px;line-height: 45px;width: 200px;font-style: normal;}
.job_list li i.job_1 {width: 360px;text-indent: 1em;}
.job_list li i.job_3 { width:230px;}
.job_list li i.job_4 {  }
.job_list li i.job_5 { width:120px; float:right;}
.job_show {min-height: 400px;
    padding: 30px;
    background: #fff; }
.job_show h1 { text-align: left; font-size: 24px; font-weight: 400; margin: 0; padding: 0; }
.job_show h2 { text-align: left; font-size: 18px; font-weight: 400; margin: 10px 0; padding: 0; }
.job_show .info { margin: 15px 0; padding: 0px; font-size: 14px; }
.job_show .info ul { overflow: hidden; }
.job_show .info ul li { float: left; width: 24.4%; border-left: 1px solid #dadada; padding-left: .6%; line-height: 30px; }
.job_show .info ul li span { color: #999; }
.job_show .intro img { max-width:100%;}

.other { margin-top: 30px; text-align: center; }
.other p { font-weight: bold; }
.other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.other a span { font-size: 18px; margin-right: 10px; }
.other a em { font-style: normal; font-size: 18px; }
.other a:hover { background: #dd3438; border-color: #dd3438; color: #fff; }
.other a:hover span { color: #fff; }
.job_show .tags { font-weight: 500; }
.job_show .tags a { margin-left: 15px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; }
.job_show .tags a:hover { background: #dd3438; color: #fff; border-color: #dd3438; }
.job_show .action { text-align: center; }
.job_show .action a {display: inline-block;margin: 0 10px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #dd3438;padding: 6px 20px;min-width: 100px;background: #dd3438;color: #fff;}
.job_show .action a:hover { color: #fff; border-color: #f60; background: #f60; }


.like_news { margin: 0; padding: 10px 0 20px 0; overflow: hidden; }
.like_news li { line-height: 40px; border-bottom: 1px solid #f3f3f3; background: url(../images/bg_icon_dot.gif) no-repeat 15px 16px; padding-left: 35px; float: left; width: 50%; padding-right: 20px; }
.like_news li span { float: right; color: #999; }
.a_news { margin: 0; padding: 10px 0 20px 0; overflow: hidden; }
.a_news li { line-height: 40px; border-bottom: 1px solid #f3f3f3; background: url(../images/bg_icon_dot.gif) no-repeat 15px 16px; padding-left: 35px; }
.a_news li span { float: right; color: #999; }
.date_news { overflow: hidden; }
.date_news li { line-height: 22px; padding-bottom: 5px; border-bottom: 1px dotted #ddd; margin-bottom: 8px; }


/*自定义表单*/
.form-add input[type=number],.form-add input[type=search],.form-add input[type=text],.form-add input[type=password],.form-add input[type=datetime],.form-add input[type=datetime-local],.form-add input[type=date],.form-add input[type=month],.form-add input[type=time],.form-add input[type=week],.form-add input[type=email],.form-add input[type=url],.form-add input[type=tel],.form-add input[type=color],.form-add select,.form-add textarea,.am-form-field{width:auto;display:inline;border-color:#ddd;border-radius:3px;-webkit-appearance:none;box-shadow:0 1px 1px rgba(0, 0, 0, 0.065) inset;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.form-add .w420{width:480px;}
.form-add input{border:1px solid #ddd;width:60px;padding:5px 10px}
.form-add em{color:#999;font-style:normal;}

/*表单内容*/
.formshow{}
.formshow .item{font-size:14px;line-height:30px;clear:both;}
.formshow .item .lefter{display:inline-block;width:120px;font-style:normal;color:#555;font-size:14px;float:left;}
.formshow .item .righter{margin-left:120px;line-height:30px;}
.formshow .item .righter .pic{max-width:400px;margin:10px 0;}
.formshow .item .righter video{width:450px;height:300px;}

.imagelist{overflow:hidden;}
.imagelist ul{margin:0;padding:0;list-style:none;}
.imagelist ul li{float:left;width:19%;margin-right:1%;border:1px solid #ddd;padding:5px;border-radius:4px;margin-top:15px;cursor:pointer;position:relative;}
.imagelist ul li .preview{height:140px;background:#fafafa;overflow:hidden;text-align:center;}
.imagelist ul li .preview img{vertical-align:middle;max-width:100%;max-height:140px;}
.imagelist ul li .preview:after{content:' ';width:0;height:100%;display:inline-block;vertical-align:middle;overflow:hidden;}
.imagelist ul li .intro textarea{width:100%;margin:5px 0;padding:8px 10px;font-size:14px;height:50px;color:#999;}
.imagelist ul li .action{text-align:center;overflow:hidden;}
.imagelist ul li .action a{text-align:center;color:#999;outline:none;width:33.3333%;float:left;}
.imagelist ul li .action a:hover{color:#f30;}
.imagelist ul .hover{border:1px solid #6b0;}
.imagelist ul .hover:after{width:0;height:0;border-top:40px solid #66bb00;border-left:40px solid transparent;position:absolute;display:block;right:0;content:"";top:0;z-index:1001;}
.imagelist ul .hover:before{font:normal normal normal 14px/1 FontAwesome;content:"f00c";display:block;position:absolute;top:5px;right:4px;z-index:1002;color:#fff;}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:3px 15px;}
.pagelist li a:hover{border-color:#dd3438;background:#dd3438;color:#fff;}
.pagelist li.active a{border-color:#dd3438;background:#dd3438;color:#fff;}

/*网站地图*/
.map_one { line-height: 30px; }
.map_one a { font-size: 18px; }
.map_two { margin: 5px 0 20px 0; }
.map_two a { display: inline-block; margin-right: 15px; color: #666; }

/*会员相关*/
.page_login{min-height:500px;padding:30px 30px;box-shadow:1px 1px 10px rgba(0,0,0,0.1);border:1px solid #E6ECF4;background:#fff;}
.page_login .left{float:left;padding:30px;width:760px;}
.page_login .right{float:right;height:470px;border-left:1px solid #f6f6f6;width:350px;padding:60px 0 0 60px;font-family:microsoft yahei;}
.page_login .right a.btn{display:inline-block;padding:10px 35px;background:#dd3438;color:#fff;border-radius:2px;}
.page_login .right a.btn:hover{background:#dd3438;}
.page_login .right .quick h5{margin:40px 0 30px 0;padding-bottom:15px;border-bottom:1px dashed #ddd;font-weight:normal;}
.page_login .right .quick a{font-size:13px;border:1px solid #EA6F5A;padding:10px 15px;border-radius:4px;background:#EA6F5A;color:#fff;margin:5px;}
.page_login .right .quick a:hover{background:#FF6839;border-color:#FF6839;}
.login_css{margin:40px 0 0 120px;}
.login_css ul{margin:0;padding:0;list-style:none;}
.login_css ul li{padding:0 0 15px 0;}
.login_css ul li em{display:inline-block;width:80px;font-family:microsoft yahei;text-align:right;padding-right:10px;font-style:normal;color:#666;}
.login_css ul li .ip{border:1px solid #e5e5e5;padding:9px 10px;vertical-align:middle;border-radius:2px;font-size:14px;margin:0;}
.login_css ul li .w{width:250px;}
.login_css ul li .wcode{width:120px;}
.login_css ul li img{vertical-align:middle;cursor:pointer;}
.login_css ul li .bnt{background:#dd3438;border:0;margin-left:80px;color:#fff;padding:8px 20px;border-radius:2px;cursor:pointer;}
.login_css ul li a.getpass{color:#999;font-size:14px;}
.login_css ul li a:hover.getpass{color:#f30;}

.reg_css{margin:40px 0 0 20px;}
.reg_css ul{margin:0;padding:0;list-style:none;}
.reg_css ul li{padding:0 0 15px 0;min-height:55px;}
.reg_css ul li em{display:inline-block;width:130px;font-family:microsoft yahei;text-align:right;padding-right:10px;font-style:normal;color:#666;float:left;}
.reg_css ul li .text-blue{color:#dd3438;}
.reg_css ul li .text-red{color:#f30;}
.reg_css ul li .ip{border:1px solid #e5e5e5;padding:9px 10px;vertical-align:middle;border-radius:2px;font-size:14px;}
.reg_css ul li .w{width:320px;}
.reg_css ul li .wcode{width:210px;}
.reg_css ul li img{vertical-align:middle;cursor:pointer;}
.reg_css ul li button{border:1px solid #e5e5e5;padding:9px 15px;vertical-align:middle;border-radius:2px;font-size:14px;cursor:pointer;margin-left:7px;}
.reg_css ul li .bnt{background:#dd3438;border:0;margin-left:130px;color:#fff;padding:8px 20px;border-radius:2px;cursor:pointer;}
.reg_css ul li .send{background:#dd3438;border:0;margin-left:10px;color:#fff;padding:8px 15px;*padding:10px 2px;border-radius:2px;cursor:pointer;vertical-align:middle;}
.reg_css ul #paytips{padding-left:130px;}
.reg_css ul li p{font-size:14px;margin:8px 0;color:#333;border:1px solid #90BAFF;background:#FBFCFF;padding:10px 20px;}
.reg_css ul li p strong{color:#f30;}

.reg_css ul dl{margin:-2px 0 0 0;padding:0;list-style:none;float:left;}
.reg_css ul dl dt{float:left;position:relative;margin:0 10px 0 0;}
.reg_css ul dl dt a{border:1px solid #ddd;border-radius:2px 0 0 0;background:#fff;display:inline-block;height:38px;line-height:38px;padding:0 20px;font-weight:normal;font-size:14px;color:#666;}
.reg_css ul dl dt a:hover{border:1px solid #90BAFF;}
.reg_css ul dl dt a span{color:#999;}
.reg_css ul dl dt i{position:absolute;width:10px;height:10px;font-size:0;line-height:0;right:1px;bottom:1px;background:url(../images/selected.gif) no-repeat right bottom;z-index:99;display:none;}
.reg_css ul dl dt.selected a{border:1px solid #dd3438;color:#333;}
.reg_css ul dl dt.selected i{display:block;}

.api_user{padding:30px 0 0 60px;font-size:15px;}
.api_user span{color:#f30;}

.user_center{box-shadow:1px 1px 10px rgba(0,0,0,0.1);border:1px solid #E6ECF4;background:#fff;overflow:hidden;}
.user_center .lefter{width:160px;float:left;}
.user_center .lefter ul{margin:15px 0;padding:0 0 10px 0;list-style:none;border-bottom:1px solid #f3f3f3;}
.user_center .lefter ul li{color:#999;line-height:40px;height:40px;margin-bottom:1px;}
.user_center .lefter ul li .title{padding-left:25px;}
.user_center .lefter ul li .title span{margin-right:10px;}
.user_center .lefter ul li a{padding-left:53px;line-height:40px;height:40px;display:block;font-size:14px;}
.user_center .lefter ul li a:hover{background:#f3f3f3;}
.user_center .lefter ul .hover a{padding-left:53px;line-height:40px;height:40px;display:block;font-size:14px;background: #dd3438;color:#fff;}
.user_center .lefter ul .hover a:hover{background:#dd3438;color:#fff;}
.user_center .righter{margin:0 30px 0 0;float:right;width:988px;padding:0 0 20px 20px;border-left:1px solid #f3f3f3;min-height:600px;}
.user_center .righter .user_info{padding:20px 30px;}
.user_center .righter .user_info .face{width:10%;float:left;margin-right:10%;cursor:pointer;}
.user_center .righter .user_info .face img{border-radius:50%;border:1px solid #f3f3f3;padding:4px;}
.user_center .righter .user_info .info{float:left;width:75%;}
.user_center .righter .user_info .info p span{color:#f30;}
.user_center .righter .user_info .info ul{margin:0;padding:0;list-style:none;}
.user_center .righter .user_info .info ul li{font-size:16px;line-height:50px;height:50px;border-bottom:1px dashed #eee;vertical-align:middle;float:left;width:45%;margin-right:5%;}
.user_center .righter .user_info .info ul li span{color:#f30;}
.user_center .righter .user_info .info ul li em{color:#999;font-style:normal;display:inline-block;width:80px;text-align:right;margin-right:10px;}


/*论坛*/
.minheight{min-height:500px;margin:20px auto;}
.bbs{overflow:hidden;}
.bbs .box{box-shadow:0px 0px 3px rgba(0,0,0,0.1);background:#fff;border:1px solid #E6ECF4;}
.bbs .lefter{width:800px;float:left;margin-right:18px;min-height:500px;}
.bbs .lefter .nav{padding:30px 20px 20px 30px;border-bottom:1px solid #f3f3f3;}
.bbs .lefter .nav a{color:#666;margin-right:15px;}
.bbs .lefter .nav a:hover{color:#dd3438;}
.bbs .lefter .nav a.hover{color:#dd3438;}
.bbs .lefter .nav a.btn{float:right;background:#dd3438;color:#fff;padding:8px 30px;border-radius:4px;vertical-align:middle;margin:-10px 0 0 0;}
.bbs .lefter .nav a:hover.btn{background:#dd3438;}
.bbs .lefter .nav a.active{color:#f30;margin:0 5px;}

.bbs .list{padding:10px 15px;}
.bbs .list ul{margin:0;padding:0;list-style:none;}
.bbs .list ul li{overflow:hidden;border-bottom:1px solid #f3f3f3;padding:10px 15px;}
.bbs .list ul li .face{float:left;width:60px;}
.bbs .list ul li .face img{width:45px;height:45px;border-radius:100%;}
.bbs .list ul li .info{margin-left:60px;position:relative;}
.bbs .list ul li .info h5{font-size:16px;font-weight:normal;margin:0;padding:0;}
.bbs .list ul li .info h5 a{margin-right:5px;}
.bbs .list ul li .info h5 em{border:1px solid #B70004;color:#B70004;border-radius:4px;padding:2px 4px;margin-left:5px;font-style:normal;}
.bbs .list ul li .info .nickname{color:#999;font-size:14px;}
.bbs .list ul li .info .nickname a{color:#999;}
.bbs .list ul li .info .nickname a:hover{color:#f30;}
.bbs .list ul li .info .other{position:absolute;right:0;bottom:0;font-size:12px;color:#666;}
.bbs .list ul li .info .other span{color:#999;margin-right:3px;}
.bbs .list ul li:hover{background:#fafafa;}
.bbs .newpost{padding:30px}
.bbs .showbbs{padding:20px;}
.bbs .showbbs .title{position:relative;}
.bbs .showbbs .title h1{font-size:18px;padding:0;margin:0;max-width:710px;}
.bbs .showbbs .title .info{border-bottom:1px solid #f3f3f3;line-height:45px;padding-top:5px;margin-bottom:15px;font-size:12px;color:#666;}
.bbs .showbbs .title .info span{margin-right:5px;}
.bbs .showbbs .title .face{position:absolute;right:0;top:0;}
.bbs .showbbs .title .face img{width:60px;height:60px;border-radius:100%;}
.bbs .showbbs .content{word-break:break-all;}
.bbs .showbbs .content img{max-width:100%;}
.bbs .showbbs .content a{color:#dd3438;margin:0 10px;}
.bbs .showbbs .content a:hover{color:#f30;text-decoration:underline;}
.bbs .reply{padding:10px 20px;}
.bbs .reply .title{font-size:16px;font-weight:600;border-bottom:1px solid #ddd;line-height:45px;margin-bottom:15px;}
.bbs .tips{font-size:14px;color:#555;}
.bbs .tips a{color:#dd3438;margin:0 10px;}
.bbs .tips a:hover{color:#f30;}

.bbs .replylist{padding:0;font-size:14px;color:#666;}
.bbs .replylist ul{margin:0;padding:0;list-style:none;}
.bbs .replylist ul li{overflow:hidden;border-bottom:1px solid #f3f3f3;padding:10px 15px;}
.bbs .replylist ul li .face{float:left;width:60px;text-align:left;}
.bbs .replylist ul li .face img{width:45px;height:45px;}
.bbs .replylist ul li .info{margin-left:60px;position:relative;}
.bbs .replylist ul li .info .nickname{color:#999;font-size:14px;}
.bbs .replylist ul li .info .nickname a{color:#666;}
.bbs .replylist ul li .info .nickname a:hover{color:#f30;}
.bbs .replylist ul li .info .text{font-size:14px;color:#444;line-height:24px;}
.bbs .replylist ul li .info .text img{max-width:100%;}
.bbs .replylist ul li:hover{background:#fafafa;}

.bbs .form_reply{}
.bbs .form_reply .face{float:left;width:60px;text-align:left;}
.bbs .form_reply .face img{width:46px;height:46px;display:block;border-radius:100%;}
.bbs .form_reply .face p{font-size:14px;line-height:24px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;display:none;}
.bbs .form_reply .info{margin-left:63px;position:relative;}
.bbs .form_reply .info textarea{width:100%;border:1px solid #eee;border-radius:3px;-webkit-appearance:none;box-shadow:0 1px 1px rgba(0, 0, 0, 0.065) inset;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;font-size:14px;height:80px;padding:10px;}
.bbs .form_reply .info input[type=submit]{color:#fff;background:#dd3438;font-size:14px;margin:8px 0;border:0;padding:8px 20px;float:right;}

.bbs .righter{margin:0;padding:0;float:right;width:370px;}
.bbs .righter .user{text-align:center;padding:40px 0;border-bottom:1px solid #f3f3f3;overflow:hidden;}
.bbs .righter .user .nickname{font-size:20px;line-height:40px;padding-bottom:10px;}
.bbs .righter .user .face img{border-radius:100%;width:100px;height:100px;}
.bbs .righter .user .count{margin-top:20px;}
.bbs .righter .user a{display:block;width:50%;float:left;font-weight:700;}
.bbs .righter .user a span{color:#9297a4;font-size:60px;display:block;font-weight:normal;margin-bottom: 25px;}
.bbs .righter .user a p{color:#010101;font-size:18px;margin:0;}
.bbs .righter .user a:last-child{border-left:1px solid #f3f3f3;}
.bbs .righter .topic{padding:20px;}
.bbs .righter .topic h2{font-size:18px;font-weight:400;color:#000;margin:0;padding:0;}
.bbs .righter .topic ul{margin:10px 0;padding:0;list-style:none;}
.bbs .righter .topic ul li{border-bottom:1px solid #f3f3f3;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bbs .righter .topic ul li a{color:#444;}
.bbs .righter .topic ul li a:hover{color:#f30;}
.bbs .righter .topic ul li span{width:24px;height:24px;line-height:24px;display:inline-block;background:#C3C3C3;color:#fff;border-radius:50%;text-align:center;margin-right:10px;font-size:12px;}
.bbs .righter .topic ul li .hover{background:#F37520;}

.bbs .righter .searchs{padding:20px;}
.bbs .righter .searchs h2{font-size:18px;font-weight:400;color:#000;margin:0;padding:0;}
.bbs .righter .searchs form{margin:20px 0 0 0;}
.bbs .righter .searchs form input[type=text]{border:1px solid #ddd;padding:8px 10px;font-size:14px;width:220px;}
.bbs .righter .searchs form input[type=submit]{border:1px solid #dd3438;background:#dd3438;color:#fff;padding:8px 20px;font-size:14px;}

.am-comment-bd{font-family:microsoft yahei;line-height:24px;font-size:14px;}
.am-comment-bd img{max-width:100%;}
.am-comment-bd blockquote{font-family:microsoft yahei;line-height:24px;font-size:14px;background:#fafafa;}
.am-comment-bd blockquote p{margin:0 0 5px 0;padding:0;}

.am-btn-default{background-color:#fff;}

[class*=am-icon-]{font-family:FontAwesome;}

.filter_city{background:#fff;box-shadow:0 1px 10px rgba(0,0,0,0.07);border:1px solid #eee;padding:10px 20px 20px 0;}
.filter_city .filter-left{text-align:right;padding-top:18px;color:#999;font-size:14px;}
.filter_city .filter-right{padding-left:10px;}
.filter_city .filter-right a{border:1px solid #eaeaea;padding:8px 15px;border-radius:.1rem;margin:10px 5px 0 0;display:inline-block;color:#999;font-size:14px;}
.filter_city a:hover,.filter_city a.active{border-color:#dd3438;color:#dd3438;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.city-choose{ color:#b1b1b1}
.city-choose span{color:#ff0;}
.city-choose i{color:#b1b1b1;margin-left:5px;font-size:18px;}
.city-choose a{color:#b1b1b1;}
.city-choose a:hover{color:#ff0;}
a:hover {  color: #f00 }
.card-header h5 {    border-left: .1rem solid #dd3438;}