@charset "utf-8";
a,.animt{-webkit-transition:all 0.5s ease 0s;  -o-transition:all 0.5s ease 0s;  transition:all 0.5s ease 0s;}
.rowcenter{position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);}
.grey{ background:#F1F2F6;}
.huis{ background:#F6F7F8;}
.scal:hover{-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.blockbox{ width: 1200px; margin: 0 auto;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width: 8px;background-color: #D7D7D7;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {border-radius: 10px;background-color: #F7F7F7; padding:0 2px;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);background-color: #c8c8c8;}

.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-around{display: flex;justify-content: space-around;align-items: center;}

.bold{ font-weight: bold;}
/*placeholder样式*/
.placeclass{ font-size: 14px; color: #fff;}
/* 子元素超过父元素宽度可横向滚动 */
.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;}
/* 多行文字超出显示省略号 */
.ellipsis-more{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* 单行文字超出显示省略号 */
.ellipsis{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 更多 --- 右箭头图片( > ) */
.more{width: 10rpx;height: 18rpx;}
/* 文字颜色渐变(橙黄) */
.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;}
/* 缺省图片 */
.default-size{width: 244rpx;height: 200rpx;margin-bottom: 34rpx;}
/* 右箭头 */
.right-Arrow{width: 12rpx;height: 28rpx;}

/* 公共样式 */
/*******header start******/
.headers{ width:100%; height:auto; background:url(../images/whibg.png) repeat; position:absolute; left:0; right:0; top:0; z-index:9;}
.header{ width:1035px;height:95px; margin:0 auto;}
.header .header_logo{ float:left;position:relative;}
.header .header_logo img{ width:220px; height:108px; position:absolute; margin:25px 0 0 0; z-index:4;}
.header .header_nav{ float:right;}
.header .header_nav ul{ overflow:hidden;}
.header .header_nav ul li{ float:left;height:95px; margin-left:120px; position:relative; min-width:45px; text-align:center;}
.header .header_nav ul li a{ display:inline-block; padding:56px 0 21px; font-size:18px; color:#313131;}
.header .header_nav ul li i{background:#fff;display: block;width:0;height:1px; margin:auto; left:0; right:0; position: absolute;bottom: 18px;transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;}
.header .header_nav ul li:hover i{background:#9D9D9D;width:100%;}
.header .header_nav ul li.on i{ width:45px; background:#9D9D9D;}
/*******header end******/

/*******footers start****/
.footers{ width:100%; height:350px; background:#0398C3;}
.footer{ width:1450px; margin:0 auto; overflow:hidden;}
.footer .footer_left{ float:left; width:55.86%;}
.footer .footer_left .footer_left_logo{padding-top:68px;}
.footer .footer_left .footer_left_bottom{ overflow:hidden; padding-top:20px;}
.footer .footer_left .footer_left_bottom .footer_bot{ width:47.77%;font-size:28px; color:#fff; line-height:36px;}
.footer_bot.footer_bot1{ float:left}
.footer_bot.footer_bot2{ float:right}
.footer .footer_center{ width:12.06%; float:left; padding-left:8.96%; padding-top:80px;}
.footer .footer_center a{ display:block; font-size:18px; color:#fff; padding:11px 0;}
.footer .footer_right{ float:left;}
.footer .footer_right .footer_right_top{ font-size:18px; color:#fff; padding-top:90px;}
.footer .footer_right .footer_right_bot{ padding-top:18px;}
.footer .footer_right .footer_right_bot img{ width:36px; height:36px; }
.footer .footer_right .footer_right_bot img.img1{ margin-left:26px;}
.footer .footer_right .footer_right_bot img.img2{ margin-left:71px;}
/*******footers end****/

/*返回顶部*/
.gotop{ position:absolute; width:52px; height:52px; right:65px; bottom:170px;}

/*返回顶部 end*/

.commTops{ text-align:center;}
/*第一类标题*/
.commTop1{ display:inline-block; width:auto; max-width:900px; margin:0 auto; border-bottom:1px solid #939393; padding:10px 70px; font-size:32px;text-transform:uppercase;}
.commTop1 span{ color:#939393;}
.commTop1 em{ color:#000;}
/*第一类标题 end*/

/*第二类标题*/
.commTop2{ width:1145px; margin:0 auto; height:auto; text-align:center; height:40px; line-height:40px;font-size:28px;}
.commTop2.commTop3{ width:1015px;}
.commTop2.commTop4{ width:805px;}
.commTop2 i{ display:inline-block; width:375px; height:1px; background:#9E9E9E; margin-top:20px;}
.commTop2.commTop4 i{ width:244px;}
.commTop2 i.i1{ margin-right:0px; float:left;}
.commTop2 i.i2{ margin-left:0px; float:right;}
.commTop2 span{color:#939393;}
.commTop2 em{color:#000;}
/*第二类标题 end*/

/*顶部图片*/
.page_img{ width:100%; height:auto;}
/*顶部图片 end*/