通配样式*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
font-family: 微软雅黑;
font-size: 14px;
color: #333;
}
a{
text-decoration: none;
color: #333;
}
a:hover{
text-decoration: none;
}
.clear{ clear:both}
/*iconfont*/
@font-face {font-family: "iconfont";
src: url('../fonts/iconfont.eot?t=1577757392379'); /* IE9 */
src: url('../fonts/iconfont.eot?t=1577757392379#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('../fonts/iconfont.woff?t=1577757392379') format('woff'),
url('../fonts/iconfont.ttf?t=1577757392379') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('../fonts/iconfont.svg?t=1577757392379#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-xinfeng:before {
content: "\e601";
}
.icon-sousuo:before {
content: "\e613";
}
.icon-qq:before {
content: "\e61a";
}
.icon-dian:before {
content: "\e644";
}
.icon-shijian:before {
content: "\e606";
}
.icon-xiala:before {
content: "\e645";
}
.icon-dizhi:before {
content: "\e600";
}
.icon-fenxiang:before {
content: "\e656";
}
.icon-yonghu:before {
content: "\e65d";
}
.icon-weixin:before {
content: "\e6c0";
}
.icon-fanhuidingbu:before {
content: "\e63d";
}
.icon-gengduo:before {
content: "\e70a";
}
.icon-gonggao:before {
content: "\e7d5";
}
.icon-dianhua:before {
content: "\e614";
}
.icon-close:before {
content: "\e602";
}
/*通用样式结束*/
/*swiper2轮播样式*/
.swiper-container {
margin:0 auto;
position:relative;
overflow:hidden;
direction:ltr;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
/* Fix of Webkit flickering */
z-index:1;
}
.swiper-wrapper {
position:relative;
width:100%;
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
.pagination {
position: absolute;
z-index: 20;
bottom: 10px;
width: 100%;
text-align: center;
}
.swiper-pagination-switch {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
background: #fff;
margin: 0 5px;
cursor: pointer;
}
.swiper-active-switch {
background: #008cc6;
opacity: 1;
}
/* header开始 */
.header_top{
width: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 1.3% 40px;
}
.header_top .logo{
float: left;
}
.header_top .logo img:nth-child(1){
width: 60%;
border-right: 1px solid #ddd;
padding-right: 3%;
}
.header_top .logo img:nth-child(2){
width: 32%;
margin-left: 3%;
}
.management{
float: right;
width: 140px;
height: 40px;
border: 1px solid #ccc;
line-height: 40px;
text-align: center;
margin-top: 22px;
background: none;
outline: none;
}
.management img{
margin-top: 8px;
width: 22px;
height: 22px;
float: left;
margin-left: 25px;
}
.header_bottom{
width: 100%;
height: 60px;
background: #008cc6;
position: relative;
background: linear-gradient(to right, #008cc7 , #005980);
}
.header_current{
width: 100%;
height: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 40px;
}
.header_bottom ul{
/* width: 64%; */
height: 100%;
float: left;
}
.header_bottom ul li{
float: left;
line-height: 60px;
/*position: relative;*/
padding: 0 22px;
height: 60px;
transition: all 1s ease;
}
.header_bottom ul .current{
background: rgba(0,0,0,0.2);
}
.header_bottom ul li:hover{
background: rgba(0,0,0,0.2);
}
.header_bottom ul li a{
color: #fff;
font-size: 18px;
}
.header_bottom ul li .down a:hover{
color: #008cc7;
}
.header_bottom ul li dl{
float: left;
width: 130px;
border-right: 1px dashed #fff;
}
.header_bottom ul li dl dd{
line-height: 30px;
margin-right: 30px;
}
.header_bottom ul li dl dd a{font-size: 16px;}
.header_bottom ul li:nth-child(4) dl{
width: 292px;
}
.header_bottom ul li:nth-child(4) dl dd{
float: left;
width: 112px;
}
.down span{
float: left;
margin-left: 5%;
}
.down{
position: absolute;
z-index: 5;
display: none;
width: 100%;
left: 0;
top: 60px;
padding-top: 20px;
/*background: rgba(0,19,59,.5);*/
background: rgba(0,140,199,.3)
}
.header_bottom ul li:nth-child(2) .down .nav-item{
width: 100%;
height: 100%;
max-width: 1477px;
margin: 0 auto;
padding: 0 145px;
}
.header_bottom ul li:nth-child(3) .down .nav-item{
width: 100%;
height: 100%;
max-width: 1477px;
margin: 0 auto;
padding: 0 255px;
}
.header_bottom ul li:nth-child(4) .down .nav-item{
width: 100%;
height: 100%;
max-width: 1477px;
margin: 0 auto;
padding-left: 373px;
}
.header_bottom ul li:nth-child(5) .down .nav-item{
width: 100%;
height: 100%;
max-width: 1477px;
margin: 0 auto;
padding-left: 492px;
}
.header_bottom ul li:nth-child(6) .down .nav-item{
width: 100%;
height: 100%;
max-width: 1477px;
margin: 0 auto;
padding-left: 626px;
}
.header_bottom ul li:nth-child(7) .down .nav-item{
width: 100%;
height: 100%;
max-width: 1477px;
margin: 0 auto;
padding-left: 740px;
}
/* 搜索开始 */
.header_bottom #search{
width: 17%;
height: 35px;
border: 1px solid #ccc;
float: right;
background: #fff;
margin-top: 12px;
}
.header_bottom #search #searchtxt{
float: left;
width: 86%;
height: 100%;
}
#searchtxt input{
width: 100%;
border: none;
height: 33px;
text-indent: 10px;
outline: none;
}
.header_bottom #search .searchbtn{
float: right;
width: 14%;
line-height: 30px;
height: 100%;
text-align: center;
}
.searchbtn button{
border: none;
background: #fff;
vertical-align: middle;
outline: none;
}
.searchbtn button i {
font-size: 1.5em;
}
/* 搜索结束 */
/* 列表页二级导航栏开始 */
.tongyong_img{
position: relative;
width: 100%;
height: 100%;
}
.tongyong_img img{
/* max-width: 100%; */
width: 100%;
}
.tongyong{
position: absolute;
top: 50%;
margin-top: -29px;
left: 0;
width: 100%;
}
.tongyong div{
width: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 40px;
}
.tongyong div h3{
text-align: right;
font-size: 30px;
font-weight: inherit;
margin-bottom: 10px;
}
.tongyong div p{
text-align: right;
text-transform: uppercase;
font-size: 18px;
}
#Section{
width: 100%;
height: 47px;
line-height: 47px;
border-bottom: 1px solid #ccc;
}
.Section{
width: 100%;
height: 100%;
max-width: 1480px;
padding: 0 40px;
margin: 0 auto;
}
.Section_left{
float: left;
}
.Section_left li{
float: left;
font-size: 18px;
padding-right: 25px;
}
.Section_left li a{
padding-top: 10px;
font-size: 18px;
}
.Section_left .Section_current a{
color: #25b7aa;
border-top: 2px solid #25b7aa;
padding-top: 8px;
}
.Section_left li:hover a{
color: #25b7aa;
border-top: 2px solid #25b7aa;
padding-top: 8px;
}
.Section_right{
float: right;
}
.Section_right span{font-size: 14px;}
.Section_right span a:hover{
color: #25b7aa;
}
/* 列表页二级导航栏结束 */
/* header结束 */
/* footer开始 */
#footer {
border-top: 1px solid #eee;
}
.footer_top{
width: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 40px;
height: 317px;
padding-top: 40px;
}
.footer_top ul{
float: left;
margin-right: 7%;
}
.footer_top ul:first-child+ul+ul+ul{
margin-right: 0;
}
.footer_top ul li:first-child{
font-size: 24px;
color: #008cc7;
font-weight: bold;
margin-bottom: 10px;
}
.footer_top ul li{
font-size: 16px;
color: #a5aab3;
line-height: 30px;
}
.footer_top ul li a{
color: #a5aab3;
font-size: 16px;
}
.footer_top ul li a:hover{
color: #008cc7;
}
.footer_bottom{
padding: 18px;
background: #ddd;
}
.footer_bottom ul{
width: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 40px;
height: 100%;
line-height: 24px;
}
.footer_bottom ul li{
font-size: 16px;
float: left;
height: 100%;
margin-right: 10px;
}
.footer_bottom ul li:last-child{
/* float: right; */
margin: 0;
}
.footer_bottom ul li a{
color: #333;
font-size: 16px;
}
.footer_right{
float: right;
width: 20%;
}
.footer_scan img{
width: 45%;
}
.footer_scan img:nth-child(1){
margin-right: 8%;
}
.footer_right form{
width: 100%;
margin-bottom: 20px;
}
.footer_right form select{
width: 100%;
height: 40px;
font-size: 16px;
}
/* footer结束 */
/* lndex开始 */
/* banner开始 */
.c-banner{
width: 100%;
position: relative;
}
.c-banner img{
width: 100%;
}
.c-banner .banner ul{
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.c-banner .banner ul li{
position: absolute
display: none;
opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
opacity: 1;
display: block;
}
.c-banner .banner ul li img{
width: 100%;
position: absolute;
top: 0px;
}
.c-banner .banner ul li:first-child img{
position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
padding: 25px 10px 25px 10px;
position: absolute;
top: 50%;
margin-top: -53px;
background: #000000;
opacity: 0.5;
border-radius: 5px;
z-index: 10;
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
opacity: 0.8;
}
.c-banner .nexImg{
right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
}
.c-banner .jumpBtn{
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
}
.c-banner .jumpBtn ul{
margin-bottom: 0px;
padding: 0px;
}
.c-banner .jumpBtn ul li{
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
background-color: white;
opacity: 0.9;
margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
margin-left: 0px;
}
/* banner结束 */
/* 通知公告开始 */
#Notice{
width: 100%;
height: 50px;
border-bottom: 1px solid #ccc;
}
#scrollDiv{
width: 100%;
height: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 40px;
}
.scrollDiv{
width: 100%;
height: 50px;
overflow: hidden;
}
.bulletin{
float: left;
font-size: 16px;
font-weight: bold;
line-height: 50px;
}
.bulletin img{
width: 28%;
margin-left: 10px;
}
.scrollDiv ul{
float: left;
margin-left: 2%;
width: 78%;
}
.scrollDiv ul li{
float: left;
line-height: 50px;
margin-right: 90px;
position: relative;
/*list-style-type: disc;*/
}
.scrollDiv ul li:before{
content: '';
position: absolute;
top: 50%;
left: -14px;
width: 5px;
height: 5px;
background: #333;
border-radius: 100%;
transform: translateY(-50%);
}
.scrollDiv ul li a p{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
height: 50px;
float: left;
font-size: 16px;
}
.scrollDiv ul li:nth-child(odd){
width: 46%;
}
.scrollDiv ul li:nth-child(odd) a p{
width: 67%;
/*display: inline-block;*/
margin-right: 3%;
}
.scrollDiv ul li span{float: right;}
.scrollDiv ul li a:hover{
color: #008cc7;
}
.scrollDiv ul li:nth-child(even){
width: 36%;
}
.scrollDiv ul li:nth-child(even) a p{
width: 70%;
/*display: inline-block;*/
margin-right: 3%;
}
.scrollDiv .Move{
float: right;
font-size: 14px;
line-height: 50px;
}
.scrollDiv a:hover, .scrollDiv .Move:hover i{
color: #008cc7;
}
/* 通知公告结束 */
/* 首页新闻开始 */
.HomeNews_bj{
width: 100%;
height: 100%;
background: url(../images/index-news-bj.png);
background-size: 100%;
}
.HomeNews{
width: 100%;
max-width: 1880px;
margin: 0 auto;
padding: 0 20px;
height: 100%;
}
.HomeNews .HomeNews_left{
width: 570px;
height: 340px;
float: left;
}
img { border: none; }
.banner1 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.banner1 .img {
width: 5000px;
position: absolute;
left: 0px;
top: 0px;
}
.banner1 .img li {
float: left;
width: 570px;
height: 340px;
position: relative;
}
.banner1 .img li img {
width: 100%;
}
/*小圆点的样式*/
.banner1 .num {
position: absolute;
right: 10px;
bottom: 20px;
}
.banner1 .num li {
width: 12px;
height: 12px;
float: left;
margin-left: 10px;
border-radius: 100%;
border: 1px solid white;
}
.banner1 .num li.on {
background: white
}
.banner1 ul li p{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
font-size: 18px;
line-height: 50px;
color: #fff;
text-indent: 20px;
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.85)) top;
}
.HomeNews_right{
/* width: 67%; */
width: calc((100% - 610px)/1);
height: 340px;
float: right;
}
.HomeNews_right .tab{
width: 100%;
height: 100%;
}
.tab-menu ul{
border-bottom: 1px solid #ccc;
}
.tab-menu ul li{
float: left;
line-height: 55px;
font-size: 20px;
margin-right: 3%;
/*transition: all 1s ease;*/
cursor:pointer
}
.tab-menu ul li:hover{
color: #008cc7;
border-bottom: 1px solid #008cc7;
}
.tab-menu ul .change{
color: #008cc7;
border-bottom: 1px solid #008cc7;
}
.tab-menu ul li:nth-child(4){margin-right: 0;}
.tab-box div ul li{
width: 48%;
height: 100%;
float: left;
margin-left: 4%;
}
.tab-box div ul li:nth-child(1){margin-left: 0;}
.tab-box div ul li h3{
font-size: 20px;
font-weight: bold;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 60px;
transition: all 1s ease;
}
.tab-box div ul li span{
font-size: 16px;
color: #888;
margin-bottom: 20px;
display: inline-block;
}
.tab-box div ul li p{
font-size: 16px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 25px;
margin-bottom: 40px;
}
.tab-box div ul li .read{
font-size: 16px;
width: 140px;
height: 50px;
display: inline-block;
line-height: 50px;
text-align: center;
color: #888;
border: 1px solid #888;
transition: all 0.5s ease;
}
.tab-box div ul li .read:hover{
background: #008cc7;
color: #fff;
border-color: #008cc7;
}
.tab-box div{width: 100%;height: 100%; display:none;}
.tab-box div:first-Child{display:block;}
.tab-box div ul li:hover h3{color: #008cc7;}
.tab-box div ul{position: relative;}
.tab-box div ul .Move{
position: absolute;
top: -28px;
right: 0;
font-size: 14px;
color: #888;
}
.tab-box div ul .Move:hover,.tab-box div ul .Move:hover i{
color: #008cc7;
}
#kongbai{
width: 100%;
height: 50px;
}
/* 首页新闻结束 */
/* 核心业务开始 */
#Core{
width: 100%;
height: 100%;
background: url(../images/index-business-bg.png) no-repeat;
background-size: 100% 100%;
}
.Core{
width: 100%;
height: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 40px;
text-align: center;
}
.Core h3{
font-size: 36px;
margin-bottom: 20px;
}
.Core p{
font-size: 16px;
margin-bottom: 20px;
}
.Core ul li{
width: 140px;
height: 100%;
float: left;
margin-left: 8%;
}
.Core ul li span{
font-size: 16px;
}
.Core ul li:nth-child(1){margin-left: 0;}
.Core ul li .in3nav_pic{
width: 100%;
height: 140px;
background: #fff;
border-radius: 100%;
position: relative;
margin-bottom: 20px;
transition: all .8s ease;
border: 1px solid #ddd;
}
.Core ul li .in3nav_pic i{
width: 60px;
height: 60px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -28px;
margin-top: -28px;
}
.Core ul li:hover .in3nav_pic{background: #008cc7;}
.Core ul li:hover span{color: #008cc7;transition: all .8s ease;}
.Core ul li:nth-child(1) .in3nav_pic i{
background: url(../images/index-business-icon1.png) no-repeat center;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(2) .in3nav_pic i{
background: url(../images/index-business-icon2.png) no-repeat center;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(3) .in3nav_pic i{
background: url(../images/index-business-icon3.png) no-repeat center;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(4) .in3nav_pic i{
background: url(../images/index-business-icon4.png) no-repeat center;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(5) .in3nav_pic i{
background: url(../images/index-business-icon5.png) no-repeat center;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(6) .in3nav_pic i{
background: url(../images/index-business-icon6.png) no-repeat center;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(1):hover .in3nav_pic i{
background: url(../images/index-business-icon1-2.png) no-repeat center;
transition: all .8s ease;
/* background-size: 100% 100%;*/
}
.Core ul li:nth-child(2):hover .in3nav_pic i{
background: url(../images/index-business-icon2-2.png) no-repeat center;
transition: all .8s ease;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(3):hover .in3nav_pic i{
background: url(../images/index-business-icon3-2.png) no-repeat center;
transition: all .8s ease;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(4):hover .in3nav_pic i{
background: url(../images/index-business-icon4-2.png) no-repeat center;
transition: all .8s ease;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(5):hover .in3nav_pic i{
background: url(../images/index-business-icon5-2.png) no-repeat center;
transition: all .8s ease;
/*background-size: 100% 100%;*/
}
.Core ul li:nth-child(6):hover .in3nav_pic i{
background: url(../images/index-business-icon6-2.png) no-repeat center;
transition: all .8s ease;
/*background-size: 100% 100%;*/
}
@media screen and (min-width:1366px) and (max-width:1496px){
.Core {
max-width: 1200px;
}
.Core ul li {
margin-left: 5%;
}
}
@media screen and (min-width:1024px) and (max-width:1365px){
.Core {
max-width: 1000px;
}
.Core ul li {
width: 130px;
margin-left: 28px;
}
.Core ul li .in3nav_pic {
height: 130px;
}
}
/* 核心业务结束 */
/* index结束 */
/* 新闻列表开始 */
#News{position: relative;width: 100%;overflow: hidden;padding-top: 55px;}
#News .News_bj{
position: absolute;
top: 50px;
left: 0;
z-index: -1;
max-width: 21%;
}
.News{
width: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 40px;
height: 100%;
}
.News_left{
float: left;
width: calc((100% - 505px)/1);
height: 100%;
}
.News_content * {
font-size: 16px;
line-height: 22px;
}
.News_content img {
max-width: 100%;
}
.News_left .pn{
padding-top: 30px;
}
.News_left .pn p {
line-height: 30px;
font-size: 16px;
}
.News_left .pn p a {
font-size: 16px;
}
.News_left .pn p a:hover {
color: #008cc7;
}
.News_right{
width: 435px;
height: 100%;
float: right;
}
.Sticky li{
width: 100%;
height: 200px;
background: #f4f4f4;
padding-right: 2%;
}
.Sticky li .Sticky_left{
width: 315px;
height: 100%;
float: left;
overflow:hidden;
text-align: center;
}
.Sticky_left img{
min-width: 100%;
height: 100%;
}
.Sticky li .Sticky_right{
width: calc((100% - 350px)/1);
height: 100%;
float: right;
padding: 28px 0;
}
.Sticky li h3{
font-size: 20px;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Sticky li p{
font-size: 16px;
color: #666;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 42px;
text-align: justify;
}
.Sticky li span{
font-size: 20px;
color: #d82228;
}
.News_List li{
padding-left: 15px;
margin-top: 50px;
margin-bottom: 20px;
position: relative;
padding-bottom: 20px;
overflow: hidden;
}
.News_List li a {
display: block;
width: 95%;
padding: 10px 0;
}
.News_List li h3{
font-size: 20px;
line-height: 30px;
font-weight: inherit;
margin-bottom: 14px;
/* text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; */
}
.News_List li p{
font-size: 16px;
color: #666;
line-height: 24px;
margin-bottom: 16px;
text-align: justify;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.News_List li div{
font-size: 14px;
}
.News_List li div span{
color: #888;
margin-right: 10px;
}
.News_right li{
background: #f4f4f4;
}
.News_right li .News_right_top{
width: 100%;
height: 284px;
text-align: center;
overflow: hidden;
}
.News_right_top img{min-width: 100%;height: 100%;}
.News_right li .News_right_bottom{
padding: 40px 30px;
}
.News_right li h3{
font-size: 20px;
margin-bottom: 15px;
}
.News_right li p{
font-size: 16px;
color: #666;
line-height: 22px;
margin-bottom: 15px;
text-align: justify;
}
.News_right li span{
font-size: 20px;
color: #666;
margin-bottom: 25px;
display: inline-block;
}
.News_right li .News_right_bottom div{text-align: right;}
.News_right li .Move{
font-size: 16px;
color: #008cc7;
}
.News_right li .Move i {
font-size: 1em;
color: #008cc7;
}
.News_List li:hover h3, .Sticky li:hover h3, .News_right li:hover h3{color: #008cc7;}
.News_List li:before {
position: absolute;
content: "";
width: 3px;
height: 100%;
background: #008cc7;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scaleY(0);
-moz-transform: translateY(-50%) scaleY(0);
transform: translateY(-50%) scaleY(0);
-ms-transform: translateY(-50%) scaleY(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
-ms-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-moz-transition-property: transform, -moz-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -moz-transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.News_List li:hover:before {
-webkit-transform: translateY(-50%) scaleY(1);
-moz-transform: translateY(-50%) scaleY(1);
transform: translateY(-50%) scaleY(1);
}
.News_List li:after{
position: absolute;
content: "";
width: 100%;
border-bottom: 1px dashed #ccc;
bottom: -20px;
left: 0;
}
/* 新闻列表结束 */
/* 新闻详情开始 */
.News_left h2{
font-size: 22px;
text-align: center;
margin-bottom: 25px;
}
.News_source{
width: 100%;
height: 40px;
text-align: center;
line-height: 40px;
color: #888;
font-size: 14px;
background: #f6f6f6;
margin-bottom: 25px;
}
.News_right_Details{
padding: 20px 0 0px 20px;
}
.News_right .News_right_Details p{
font-size: 14px;
padding-bottom: 20px;
}
.News_right_a{
background: #f4f4f4;
padding: 20px;
}
.News_right_a li{
font-size: 14px;
line-height: 28px;
}
.News_right_a li a{color: #666;}
.News_right_a li:hover a{color: #008cc7;}
.News_content p{
line-height: 30px;
}
/* 新闻详情结束 */
/* 大事记开始 */
.dashiji{
width: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 40px 40px 0 40px;
height: 100%;
}
.dashiji_wz{
margin-bottom: 30px;
}
.dashiji_wz p{
font-size: 16px;
line-height: 25px;
}
.years{
max-width: 1280px;
margin: 0 auto;
}
.years_lb ul li{
width: 100%;
height: 100px;
position: relative;
}
.years_lb ul li .even{
width: 45%;
background: #edeff1;
height: 100%;
font-size: 16px;
position: relative;
}
.years_lb ul li .even span{
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
font-size: 16px;
display: inline-block;
color: #008cc7;
margin-right: 3%;
margin-left: 6%;
}
.years_lb ul li .even a {
display: inline-block;
width: 70%;
line-height: 20px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.years_lb ul li .even span i{
font-size: 24px;
font-weight: bold;
color: #008cc7;
margin-right: 4px;
}
.years_lb ul li:nth-child(odd) .even{
float: right;
}
.years_lb ul li:nth-child(even) .even{
float: left;
}
.years_lb ul li:nth-child(odd) .even:before{
position: absolute;
content: "";
width: 15px;
height: 20px;
background: url(../images/jt-right.png);
background-size: 100% 100%;
left: -15px;
top: 50%;
margin-top: -10px;
}
.years_lb ul li:nth-child(even) .even:before{
position: absolute;
content: "";
width: 15px;
height: 20px;
background: url(../images/jt-left.png);
background-size: 100% 100%;
right: -15px;
top: 50%;
margin-top: -10px;
}
.circle{
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
width: 20px;
height: 20px;
border-radius: 100%;
background: #dedede;
text-align: center;
line-height: 20px;
}
.circle i{
width: 12px;
height: 12px;
border-radius: 100%;
background: #008cc7;
display: inline-block;
position: relative;
}
.circle i:before{
position: absolute;
content: "";
width: 4px;
height: 45px;
top: -45px;
left: 50%;
margin-left: -2px;
background: #d3dde9;
z-index: -2;
}
.circle i:after{
position: absolute;
content: "";
width: 4px;
height: 45px;
bottom: -45px;
left: 50%;
margin-left: -2px;
background: #d3dde9;
z-index: -2;
}
.years_lb h3{
width: 100px;
height: 40px;
margin: 0 auto;
text-align: center;
background: #008cc7;
color: #fff;
line-height: 40px;
font-size: 24px;
border-radius: 50px;
}
.years .dd{
display: block;
width: 12px;
height: 12px;
border-radius: 100%;
margin: 0 auto;
background: #008cc7;
position: relative;
margin-bottom: 22px;
}
.years .dd:after{
position: absolute;
content: "";
width: 4px;
height: 22px;
bottom: -22px;
left: 50%;
margin-left: -2px;
background: #d3dde9;
z-index: -2;
}
#dashiji{
position: relative;
overflow: hidden;
width: 100%;
}
.company_bg{
position: absolute;
left: 0;
z-index: -1;
}
.company_bg img{
max-width: 100%;
}
/* 大事记结束 */
/* 公司简介开始 */
#Overview{
position: relative;
padding-top: 55px;
}
.Overview{
width: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 40px;
}
.jianjie{position: relative;}
.jianjie_left{width: 58%;}
.jianjie_left img{max-width: 100%;}
.jianjie_right{
position: absolute;
bottom: -42px;
right: 0;
width: 49%;
background-color: #fff;
box-shadow: 0px 0px 35px 0px rgba(1, 1, 1, 0.14);
}
.jianjie_right .iii{
padding: 64px 60px;
}
.jianjie_right .span1{
font-size: 30px;
margin-right: 10px;
}
.jianjie_right .span2{
}
.jianjie_right .span3{
font-size: 18px;
width: 124px;
height: 36px;
line-height: 36px;
text-align: center;
display: inline-block;
background: #25b7aa;
border-radius: 12px;
float: right;
color: #fff;
cursor:pointer
}
.jianjie_right .span3:hover{
background: #51c5bb;
}
.jianjie_right .span4{
width: 180px;
height: 45px;
text-align: center;
display: inline-block;
line-height: 45px;
border: 1px solid #cacaca;
border-radius: 22px;
font-size: 18px;
margin-bottom: 12px;
cursor:pointer
}
.jianjie_right .span4:hover{
background: #008cc7;
color: #fff;
border: none;
}
.jianjie_right .iii p{
font-size: 16px;
color: #666;
line-height: 28px;
margin: 30px 0;
text-align: justify;
}
.jianjie_nr, .Speech{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
}
.jianjie_nr .Margin, .Speech .Margin{
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
width: 100%;
max-width: 1480px;
padding: 0 40px;
margin: 0 auto;
}
.modal_content {
background: #fff;
padding:70px;
max-width: 1400px;
border-radius: 2px;
height: 600px;
overflow: hidden;
}
.modal_content h4 {
font-size: 20px;
font-weight: normal;
line-height: 30px;
}
.modal_inner {
height: 100%;
}
.jianjie_right .modal_content p {
font-weight: normal;
margin:20px 0;
text-indent: 2em;
}
.jianjie_nr .span5, .Speech .span5{
position: absolute;
top: 20px;
right: 62px;
}
/* 公司简介结束 */
/* 分子公司开始 */
#Minute{margin-top: 78px;}
#Minute ul li{
width: 15.8%;
height: 100%;
float: left;
margin-left: 1%;
overflow: hidden;
}
#Minute ul li:nth-child(1){margin-left: 0;}
.branch{
width: 100%;
border: 1px solid #ccc;
text-align: center;
font-size: 0;
overflow: hidden;
margin-bottom: 10px;
}
#Minute ul li:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
transition: .4s ease 0s;
-webkit-transition: .4s ease 0s;
-ms-transition: .4s ease 0s;
-moz-transition: .4s ease 0s;
}
.branch img{
width:100%;
transition: .4s ease 0s;
-webkit-transition: .4s ease 0s;
-ms-transition: .4s ease 0s;
-moz-transition: .4s ease 0s;
}
#Minute ul li p{
font-size: 16px;
text-align: center;
line-height: 25px;
}
/* 分子公司结束 */
/*单页面*/
.page-business {
background: url(../images/business-bg.png) no-repeat left 55px;
}
.page-contact {
background: url(../images/contact-bg.png) no-repeat left 55px;
}
.page-resource {
background: url(../images/resource-bg.png) no-repeat left 55px;
}
.page-framework {
background: url(../images/company-bg.png) no-repeat left 55px;
}
.page-outer {
width: 100%;
padding-top: 55px;
}
.page-inner {
width: 100%;
max-width: 1480px;
margin: 0 auto;
padding: 0 40px;
}
.page-frame {
width: 100%;
max-width: 1080px;
margin:0 auto;
}
.page-frame .page-title {
font-size: 30px;
text-align: center;
color: #333;
}
.page-frame .page-text {
font-size: 14px;
line-height: 30px;
color: #333;
text-align:center;
}
.page-frame img {
max-width: 100%;
}
.page-blank-60 {
width: 100%;
height: 60px;
}
.page-blank-50 {
width: 100%;
height: 50px;
}
.page-blank-40 {
width: 100%;
height: 40px;
}
.page-blank-30 {
width: 100%;
height: 30px;
}
.page-title-chinese{
font-size: 30px;
line-height: 50px;
color: #333;
}
.page-title-chinese b {
font-size: 48px;
line-height: 50px;
color: #008cc7;
}
.page-title-english {
font-size: 22px;
color: #666;
}
.page-left {
float: left;
width: 49.64%;
max-width: 695px;
}
.page-right {
float: right;
width: 46.07%;
max-width: 645px;
padding-top: 50px;
}
.page-right img {
width: 100%;
max-width: 645px;
}
.page-inline {
width: 100%;
}
.page-sub-title {
color: #008cc7;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
.page-text {
font-size: 18px;
text-indent: 2em;
color: #656762;
line-height: 35px;
text-align: justify;
margin-bottom: 20px;
}
.page-text strong {
font-size: 18px;
font-weight: bold;
}
.page-list li {
float: left;
max-width: 440px;
width: 31.42%;
margin-right: 2.85%;
overflow: hidden;
}
.page-list li:hover img{
cursor: pointer;
transform: scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-moz-transform:scale(1.1); /* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1);
}
.page-list li:first-child+li+li {
margin-right: 0
}
.page-list li img {
width: 100%;
transition: all 2s;
-webkit-transition: all 2s; /* Safari */
-ms-transition: all 2s;
-moz-transition: all 2s;
}
.page-serve-list {
width: 100%;
max-width: 1400px;
height: auto;
background: #25b7aa url(../images/business-service-bg.png) no-repeat right bottom;
padding: 55px 0;
min-height: 177px;
}
.page-serve-list ul {
display: block;
width: 100%;
height: 100%;
}
.page-serve-list li {
width: 33.333%;
max-width: 466px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 49px;
min-height: 165px;
float: left;
height: 100%;
}
.page-serve-list .yyls-service li:nth-child(1) {
border-right: 2px solid #fff;
}
.page-serve-list .yyls-service li:nth-child(3) {
border-left: 2px solid #fff;
}
.page-serve-list .ylqx-service li:nth-child(2) {
border-right: 2px solid #fff;
border-left: 2px solid #fff;
}
.page-serve-title {
font-size: 27px;
font-weight: bold;
color: #fff;
text-align: center;
margin-bottom: 30px;
}
.page-serve-text {
color: #fff;
line-height: 30px;
font-size: 17px;
}
/*人力资源*/
.page-animate-list li {
max-height: 450px;
position: relative;
overflow: hidden;
}
.page-animate-list li:hover .page-animate-mask {
background: #008cc7;
background: rgba(0,140,199,0.8);
}
.page-animate-list li:hover .page-mask-title,
.page-animate-list li:hover .page-mask-subtitle,
.page-animate-list li:hover .page-mask-list li {
color: #fff;
}
.page-animate-list li img {
min-width: 100%;
height: 100%;
}
.page-animate-list li .page-animate-mask {
width: 100%;
height: 100%;
max-height: 450px;
position:absolute;
z-index: 1;
background: #e3e3e3;
top: 75%;
left: 0;
padding:7% 10%;
overflow-y: auto;
transition: background 0.5s ease;
}
.page-mask-title {
font-size: 24px;
font-weight: bold;
color: #333;
transition: color 0.5s ease;
}
.page-mask-subtitle {
font-size: 18px;
color: #666;
line-height: 30px;
transition: color 0.5s ease;
line-height: 40px;
}
.page-mask-list {
width: 100%;
margin-top:10px;
margin-left: 20px;
}
.page-mask-list li {
width: 90%;
float: none;
list-style: disc;
font-size: 16px;
color: #666;
line-height: 30px;
overflow: visible;
transition: color 0.5s ease;
text-align: justify;
}
.page-concept-bottom {
background: #008cc7;
}
.page-concept-left {
width:50%;
float: left;
max-height: 335px;
overflow: hidden;
}
.page-concept-left img {
min-width: 100%;
height: 100%;
min-height: 100%;
}
.page-concept-right {
width:50%;
float: right;
height: 100%;
max-height: 335px;
text-align: center;
}
.page-concept-right h4 {
font-weight: normal;
font-size: 30px;
color: #fff;
line-height: 50px;
margin-top: 20%;
}
.page-concept-right a {
color: #fff;
font-size: 18px;
}
.page-concept-right a b {
font-weight: normal;
font-size: 1em;
color: #fff;
margin-right: 5px;
}
/*联系方式*/
.page-contact-left {
min-height: 330px;
float: left;
width:35.7%;
background: url(../images/contact-text-bg.png) no-repeat left top;
}
.page-contact-right {
min-height: 330px;
overflow:hidden;
float: right;
width:64.28%;
background: #ddd;
}
.page-contact-inner {
width: 82%;
height: 330px;
float: right;
}
.page-contact-title {
font-size: 24px;
font-weight: bold;
color: #333;
}
.page-contact-line {
width: 15%;
height: 4px;
background: #008cc7;
margin: 8% 0;
}
.page-contact-list li {
padding-left: 60px;
min-height: 40px;
width: 100%;
margin-bottom: 10%;
}
.page-contact-list li:first-child {
background: url(../images/contact-icon1.png) no-repeat left center;
background-size: 40px 40px;
}
.page-contact-list li:first-child+li {
background: url(../images/contact-icon2.png) no-repeat left center;
background-size: 40px 40px;
}
.page-contact-list li:first-child+li+li {
background: url(../images/contact-icon3.png) no-repeat left center;
background-size: 40px 40px;
}
.page-contact-list-title {
font-size: 18px;
color: #333;
line-height: 35px;
}
.page-contact-list-content {
font-size: 16px;
color: #666;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
.page-contact-branch li{
width: 24%;
max-width:340px;
margin-left: 0.93%;
padding:30px 30px 30px 95px;
min-height: 113px;
float: left;
background:#f5f5f5 url(../images/contact-icon4.png) no-repeat 40px center;
}
.page-contact-branch li:first-child{
margin-left: 0;
}
.page-contact-branch-title {
font-size: 16px;
color: #333;
line-height: 30px;
font-size: 20px;
}
.page-contact-branch-tel {
color: #008cc7;
line-height: 24px;
font-size: 18px;
}
/*留言*/
.page-comment-left {
width: 27.85%;
max-width: 390px;
float: left;
}
.page-comment-img img{
width: 100%;
}
.page-comment-right {
width: 67.5%;
max-width: 945px;
float: right;
min-height: 490px;
background: #f5f5f5;
padding-top: 30px;
}
.page-comment-title {
font-size: 18px;
font-weight: bold;
color: #333;
margin:23px 0;
}
.page-comment-text {
color: #666;
font-size: 16px;
line-height: 28px;
}
.page-comment-form-list li {
width: 50%;
max-width: 472px;
float: left;
margin-bottom: 20px;
}
.page-comment-form-list li label {
display: inline-block;
vertical-align: middle;
line-height: 36px;
width: 23.9%;
max-width: 109px;
height: 36px;
text-align: right;
font-size: 16px;
}
.page-comment-form-list li label i {
font-style: normal;
color: red;
padding-right: 3px;
}
.page-comment-form-list li input {
width: 59.74%;
vertical-align: middle;
max-width: 282px;
height: 36px;
font-size: 16px;
line-height: 36px;
padding:0 10px;
margin-left: 5px;
color: #666;
border:1px solid #eaeaea;
outline: none;
}
.page-comment-form-list .page-info-list {
width: 100%;
max-width: 945px;
}
.page-comment-form-list .page-info-list label {
vertical-align: top;
}
.page-info-list textarea {
margin-left: 5px;
width:80% ;
max-width: 790px;
min-height: 215px;
padding:10px;
color: #666;
border:1px solid #eaeaea;
outline: none;
resize: none;
overflow:auto;
}
.page-comment-form-submit {
background: #008cc7;
width: 95px;
height: 36px;
line-height: 36px;
text-align: center;
color:#fff;
border:none;
outline: none;
}
.page-comment-form-list .page-comment-form-verify {
width: 100%;
max-width: 945px;
}
.page-comment-form-list .page-comment-form-verify input {
width: 160px;
}
.page-comment-form-verify img {
vertical-align: middle;
margin:0 10px;
}
/*招贤纳士*/
.page-career-left {
width: 31.42%;
max-width: 440px;
float: left;
}
.page-career-img img {
width: 100%;
}
.page-career-right {
width: 65.71%;
max-width: 920px;
min-height: 245px;
float: right;
}
.page-career-info {
padding: 45px 40px;
background: #f2f3f7;
}
.page-career-info p {
font-size: 18px;
color: #008cc7;
line-height: 30px;
}
.page-career-info p b {
font-size: 18px;
}
.page-career-info span {
font-size: 16px;
line-height: 20px;
color: #b60a0a;
}
.page-career-list-th li {
max-width: 215px;
width: 23%;
margin-left: 2%;
background: #eee;
float: left;
padding: 20px;
}
.page-career-list-th li:first-child {
margin-left: 0;
}
.page-career-list-th li p {
font-weight: bold;
font-size: 18px;
}
.page-career-list-th li p i {
float: right;
}
.page-career-title span {
display: inline-block;
width: 23%;
margin-left: 2%;
float: left;
padding: 20px;
font-size: 18px;
color: #333;
line-height: 30px;
background: none;
vertical-align: middle;
}
.page-career-title span:first-child {
margin-left: 0;
}
.page-career-title span a {
font-size: 20px;
line-height: 30px;
color: #008cc7;
text-decoration: underline;
}
.page-career-detail {
padding: 30px 20px;
width: 100%;
background: #eee;
display: none;
}
/*分页器*/
.pager {
text-align: center;
width: 100%;
}
.pager #page a {
display: inline-block;
border:1px solid #eee;
border-radius: 5px;
text-align: center;
padding: 10px;
color: #333;
margin:0 5px;
font-size: 16px;
transition: all 0.5s ease;
}
.pager #page a.curpage,
.pager #page a:hover {
color: #fff;
background: #008cc7;
border:1px solid #008cc7;
}
.pager .pgejump,
.pager .pageinfo {
display: none;
}
/*侧边栏*/
.aside {
width: 240px;
height: 300px;
position: fixed;
right: 0;
top: 50%;
z-index: 3;
}
.aside_list {
position: absolute;
right: 0;
width: 60px;
}
.aside_item {
border-bottom: 1px solid #ddd;
width: 100%;
height: 62px;
text-align: center;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #191919;
}
.aside_list .aside_item:first-child {
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
.aside_list .aside_item:last-child {
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
border-bottom: none;
}
.aside_list .aside_item:nth-child(2) ul li {
height: 120px;
}
.aside_list .aside_item:nth-child(2) ul li img {
width: 50%;
}
.aside_item:hover {
background: #fff;
color: #191919;
-moz-border-radius: 0;
border-radius: 0;
}
.aside_item .iconfont {
line-height: 62px;
color:#fff;
font-size: 25px;
}
.aside_item:hover .iconfont {
color: #191919;
}
.aside_item:hover .aside_c {
display: block;
}
.aside_c {
width: 180px;
height: 180px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
background: #fff;
overflow: hidden;
-webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2);
box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2);
position: absolute;
right: 60px;
top: 0;
display: none;
}
.aside_t {
color: #191919;
width: 100%;
height: 60px;
text-align: center;
font-size: 22px;
}
.aside_t p {
line-height: 60px;
}
.aside_c ul {
background: #f9f9f9;
}
.aside_c li {
height: 60px;
border-bottom: 1px dashed #ddd;
padding-top: 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.aside_c li:last-child {
border-bottom: none;
}
.aside_c li span {
color: #191919;
line-height: 60px;
}
.aside_list .aside_item:nth-child(2) .aside_c {
top: 60px;
}
.aside_list .aside_item:nth-child(3) .aside_c {
top: 120px;
}
.aside_c ul li img {
width: 20px;
vertical-align: middle;
}
.aside_c ul li span {
line-height: 33px;
vertical-align: middle;
}
.pritable{width: 100%;height: auto;overflow: hidden;margin: 30px auto 10px auto;text-align: center;border-left: 1px solid #aaa;}
.pritable thead td{height: 40px;background: #f4f4f4;border: 1px solid #aaa;border-left: none;font-size: 14px;}
.pritable tbody td,.pritable tfoot td{height: 40px;background: #fff;border: 1px solid #aaa;border-left: none;border-top: none;font-size: 13px;}
.pritable #page{margin: 20px 0;}
.sform{width:400px;height: 35px;overflow: hidden;margin: 30px auto 10px auto;}
.sform .key{display: block;float: left;width: 82%;height: 35px;line-height: 33px;overflow: hidden;font-size: 14px;padding: 0 10px;border: 1px solid #aaa;border-right: 0;}
.sform .sbtn{display: block;float: right;width: 18%;height: 35px;line-height: 35px;overflow: hidden;font-size: 14px;margin-left: 0;font-family: '微软雅黑 ';border-radius: 0;border: 0;background-color: #008cc7; color: #fff;cursor: pointer;}