/**************************************************全局公共样式**************************************************************/
.blockbox{ width: 1400px; margin: 0 auto;}
.rowcenter{position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);}
.animat{-webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
.animat_s{-webkit-transition:all 0.2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s;}

.flex {display: flex;}
.flex-wrap{display: flex;flex-wrap: wrap;align-content: flex-start;}
.flex-end{display: flex;justify-content: flex-end;align-items: center;}
/* flex垂直排列 */
.flex-col {display: flex;flex-direction: column;}
/* flex全居中 */
.flex-center {display: flex;align-items: center;justify-content: center;}
/* flex竖向全居中 */
.flex-center-col {display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* flex垂直居中 */
.flex-center-y {display: flex;align-items: center;}
/* flex水平居中 */
.flex-center-x {display: flex;justify-content: center;}
/* flex左右靠边、上下居中 */
.flex-between {display: flex;align-items: center;justify-content: space-between;}
/* flex左右靠边、向上对其 */
.flex-between-top {display: flex;align-items: start;justify-content: space-between;}
/* 水平均匀分布 */
.flex-around{display: flex;justify-content: space-around;align-items: center;}
/*水平居左-垂直居中*/
.flex-left{ display: flex; flex: 1;align-items: center; text-align: left;}
/*水平居右-垂直居中*/
.flex-right{ display: flex; flex: 1;align-items: center; text-align: left;}

/* 常用文字颜色 */
.color0{ color: #000;}
.color3{ color: #333;}
.color4{ color: #444;}
.color6{ color: #666;}
.color9{ color: #999;}
.color255{ color: #fff;}

/* 常用文字大小 */
.fs12{ font-size: 12px;}
.fs13{ font-size: 13px;}
.fs14{ font-size: 14px;}
.fs15{ font-size: 15px;}
.fs16{ font-size: 16px;}
.fs18{ font-size: 18px;}
.fs20{ font-size: 20px;}

/* 文字加粗 */
.bold{ font-weight: bold;}
/* 子元素超过父元素宽度可横向滚动 */
.full-x{overflow-x: scroll;overflow-y: hidden;white-space: nowrap;width: 100%;}
/* 隐藏滚动条 */
.full-x::-webkit-scrollbar {display:none}
/* 背景颜色渐变(从左到右 由橙到黄) */
.orangeToYellow{background: linear-gradient(90deg,#02889D 0%,#11B268 100%) !important;}
/* 多行(2)文字超出显示省略号 */
.ellipsis-more{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* 多行(3)文字超出显示省略号 */
.ellipsis-more-three{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/* 多行(4)文字超出显示省略号 */
.ellipsis-more-four{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
/* 单行文字超出显示省略号 */
.ellipsis{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 文字颜色渐变(橙黄) */
.text-fade{background-image: -webkit-linear-gradient(92deg, #F64E32, #FA7E36);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: hue 60s infinite linear;}
/**************************************************全局公共样 end******************************************************/

/******禁止老旧浏览器*****/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px; height: 250px; position: fixed; margin: auto; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
/******禁止老旧浏览器 end*****/

/**********commtop**********/
.commtop .commtop_left .commtop_left_icon{ height: 30px;}
.commtop .commtop_left .commtop_left_icon img{ max-height: 100%;}
/*.commtop .commtop_left .commtop_left_txt{ font-size: 30px; padding-left: 15px;}*/
.commtop .commtop_left .commtop_left_txt{ font-size: 26px; padding-left: 15px;}
.commtop .commtop_right i{ padding-right: 10px;}
.commtop .commtop_right a:hover img{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.commtop .commtop_right a:hover i{ color: #B10E08;}

.commtop.commtop_ta{ background: #F2F2F2; line-height: 60px;}
.commtop.commtop_ta .commtop_right{ padding-right: 20px;}
.commtop.commtop_ta .commtop_left_txt_ta{ padding: 0 50px; background: #B10E08; position: relative;font-size: 26px;}
.commtop.commtop_ta .commtop_left_txt_ta::after{ position: absolute; content: '';width:0;height:0; margin: auto; left: 0; right: 0; bottom: -9px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #B10E08;}

.commtop3{ line-height: 50px; background: url('../images/xian3.jpg') left center repeat-x; text-align: center;}
.commtop3 span{ display: inline-block; background: #fff; padding: 0 30px; font-size: 30px; color: #b10e08; font-weight: bold;}
/**********commtop end**********/

/*分页*/
.pages{ text-align: center; font-size: 0; padding: 45px 0; width: 100%;}
.pages a,
.pages span,
.pages em{ display: inline-block; font-size: 18px; color: #333; margin: 3px 5px;}
.pages span,
.pages a{ border: 1px solid #E6E6E6; border-radius: 5px; padding: 7px 14px; background: #fff;}
.pages a:hover,
.pages span{ border: 1px solid #B10E08; background: #B10E08; color: #fff;}
/*分页 end*/