@font-face {
  font-family: 'icomoon';
  src:  url('../font/icomoon.eot');
  src:  url('../font/icomoon.eot') format('embedded-opentype'),
    url('../font/icomoon.ttf') format('truetype'),
    url('../font/icomoon.woff') format('woff'),
    url('../font/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-magnifying-glass:before {
  content: "\e900";
}
.icon-phone-call:before {
  content: "\e901";
}
.icon-right-arrow:before {
  content: "\e902";
}
.icon-left-arrow:before {
  content: "\e903";
}
.icon-tick:before {
  content: "\e904";
}
.icon-recommend:before {
  content: "\e905";
}
.icon-recruit:before {
  content: "\e906";
}
.icon-coffee:before {
  content: "\e907";
}
.icon-customer-review:before {
  content: "\e908";
}
.icon-development:before {
  content: "\e909";
}
.icon-color-sample:before {
  content: "\e90a";
}
.icon-front-end:before {
  content: "\e90b";
}
.icon-online-shopping:before {
  content: "\e90c";
}
.icon-web-design:before {
  content: "\e90d";
}
.icon-graphic-design:before {
  content: "\e90e";
}
.icon-play-button:before {
  content: "\e90f";
}
.icon-training:before {
  content: "\e910";
}
.icon-strategy:before {
  content: "\e911";
}

section {
	padding-top:0px;
	padding-bottom:50px;
	position: relative;
	z-index: 10;

}

.section-heading {
	text-align: center;
    margin: auto;
    float: none;
    padding-bottom: 20px;
}

.section-heading h2 {
	font-weight:700;
  margin-bottom: 25px;
  font-size: 50px;
}

.section-heading h4 {
	color:#f44336;
	font-size:18px;
  letter-spacing: 5px;
}

.section-heading p{font-size:16px;line-height:28px; text-align:left}
.feature-box, .feature-box-right {
	float:left;
}
.fl{ float:left}
.fr{ float: right}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.feature-box i {
	margin-bottom:20px;
	display: inline-block;
  position: relative;
}
.feature-box .pull-left {
    width: 15%;
}

.feature-box .pull-right {
    width: 80%;
}

.feature-box-right .pull-left {
    width: 80%;
}

.feature-box-right .pull-right {
    width: 15%;
}

.title-w3l,
.title-w3l.two {
  font-size: 30px;
  line-height: 50px;
  font-weight: 700;
}

.title-w3l.two {
  color: #fff;
}

.title-left {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
}

.title-subhny {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: 1px;
  color: var(--primary-color);
  display: block;
}

.title-subhny span {
  color: var(--heading-color);
}

.appointment-form {
  background: var(--bg-color);
  padding: 60px 40px;
  border-radius: var(--border-radius);
}
.w3l-content-3 {
  background: url(../image/lybg.jpg) center bottom no-repeat;
  background-position: top;
  -ms-background-size: cover;
  background-size: cover;
  z-index: 0;
  position: relative;
}

.w3l-content-3 p {
  color: #fff;
  opacity: 0.8;
}

.w3l-content-3 .fields-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0px 20px;
}

.appointment-form {
  background:rgba(0,0,0,0.2);
  padding: 60px 40px;
  border-radius:12px;
}
.w3l-content-3 input,
.w3l-content-3 textarea,
.w3l-content-3 select {
  outline: none;
  width: 100%;
  font-size: 16px;
  padding: 0px 15px;
  margin-bottom: 25px;
  color: var(--font-color);
  height: 50px;
  text-align: left;
  -webkit-appearance: none;
  align-items: center;
  padding-left: 15px;
   background-color: #f0f0f0;
  border: 1px solid var(--bg-border);
  border-radius: 8px;
}

.w3l-content-3 select {
  -webkit-appearance: menulist;
}

.w3l-content-3 textarea {
  height: 150px;
}

.w3l-content-3 input:focus,
.w3l-content-3 textarea:focus {
  border: 1px solid var(--primary-color);
  background-color: #333;
}
@media (max-width:992px) {
  .appointment-form {
      padding: 40px 20px;
  }
}
@media (max-width:640px) {
  .w3l-content-3 .fields-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px 10px;
  }
}
.welcome-left{ margin-top:40px;}

.portfolio-block {
    padding: 50px 0 165px 0;
    background-color: #EDEDF1; display:block; min-height:740px;
}

.portfolio-block .portfolio-wrap {
    padding: 0 5px;
}

.portfolio-block .the-title h3 {
    margin-top: 10px;
}

.title-portfolio h2{
    font-size: 36px;
    font-weight:bold;
    line-height: 35px;
    margin-bottom: 23px;
}

.portfolio-item-loop {
    padding-top: 30px;
}

.portfolio-button {
    position: relative;
    top: 47%;
    width: 40%;
    transform: translate( 0%, -50%);
    text-align: right;
    float: right;
}

.portfolio-button:hover {
    transform: translateY(1px);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

.portfolio-button a {
    color: #ffffff;
    background: #009A67;
    border-radius: 50px;
    color: #ffffff;
    background: #009A67;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
}

.portfolio-button a:hover {
    background-color: #eda42e;
}

.portfolio-style-1 {
    position: relative;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 440px;
}
.portfolio-style-1:after {
    content: '';
    box-shadow: inset 0px 32vh 150px -80px rgba(0,0,0,0.6);
    height: 100%;
    width: 100%;
    border-radius: 5px;
    position: absolute;
}

.portfolio-style-1:hover {
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-box-shadow: 0px 11px 22px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 11px 22px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 11px 22px -2px rgba(0, 0, 0, 0.5);
    transform: translateY(-20px);
}

.portfolio-style-1 .portfolio-link {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.portfolio-style-1:hover .arrow-right {
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translateX(10px);
}

.portfolio-style-1 .portfolio-grid-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #343434;
    border-radius: 5px;
}

.portfolio-style-1 .portfolio-grid-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.8;
}

.portfolio-style-1 .portfolio-grid-image img {
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    width: 100%;
}

.portfolio-style-1 .portfolio-grid-content {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    z-index: 2;
    padding: 15%;
}


.portfolio-item:nth-child(2) {
   
    transform: translateY(50px);
}

.portfolio-item:nth-child(4) {
   
    transform: translateY(50px);
}


.portfolio-read-more {
  
}

.portfolio-style-1 .portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
    background:rgba(220,0,0,0.8);
    border-radius: 5px;
}

.portfolio-style-1:hover .portfolio-hover {
    opacity: 1;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.portfolio-style-1:hover .portfolio-excerpt,
.portfolio-style-1:hover .portfolio-read-more {
    opacity: 1;
}

.portfolio-style-1 .portfolio-excerpt {
    margin-top: 30px;
    opacity: 1;
    color: #ffffff;
}

.portfolio-style-1 .portfolio-read-more {
    color: #ffffff;
    opacity: 1;
}

.portfolio-style-1 .portfolio-grid-text .portfolio-title {
    font-size: 24px;
    line-height: 1.4;
    font-weight:bold;
    color: #ffffff;
}

.portfolio-style-1 .portfolio-grid-text .portfolio-cate {
    color: #ffffff;
    font-size: 16px; text-transform:uppercase
}

.portfolio-item{ float:left; width:23%; margin-right:2%;}

.page-inner{ width:100%; margin: 0px auto;}
.page-nav-btn a:link, .page-nav-btn a:visited { color: #363636;}
.page-nav-btn a:active,.page-nav-btn a:hover { color: #FFFFFF;}  
.page-nav-btn{ background-color: #f0f0f0; text-align: center;}
.page-nav-btn li{  display: inline-block; *display: inline; *zoom: 1;}
.page-nav-btn a{ padding: 0px 28px; height: 50px; line-height: 50px; font-size: 16px; display: block; position: relative; margin-right: -1px; z-index: 1;}
.page-nav-btn a:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #E3001E; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.page-nav-btn a.active:after,.page-nav-btn a:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.page-nav-btn a.active{ color: #fff; font-weight:bold}
.bgf0f2f5{ background-color: #F8F8F5;}


@media screen and (max-width:1024px){
.page-nav-box{ margin-top: 0; width: 100%; height: 44px; position: relative;}
	.page-nav-btn{ position: absolute; left: 0; top: 0; width: 100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space:nowrap; text-align: left;}
	.page-nav-btn>ul{ display: inline-flex; display:-webkit-inline-flex;}
	.page-nav-btn li{ float: left; display: block;}
	.page-nav-btn a{ line-height: 44px; height: 44px; font-size: 14px;}
	.page-nav-btn a:after{ display: none;}
	.page-nav-btn a.active{ background-color: #fff;}
	.page-inner{ width: 100%;}
}

@media screen and (max-width:641px){
	#m{ display:block;}
	#pc{ display:none}
	.footer-widget__newsletter-bottom li img { width:88px;;
}

	.new-page-silder{ display:none}
	.pagePadding3{ padding: 20px 0px;}
	.ibox{ padding: 18px 0px 0px;}
	.innerx{ width: 96%;}
	.logo a .txt{ margin-left: 8px;}
	.top-sider{ display: none;}
	.menu-handler{ margin-left: 0;}
	.menuBox{ width:40%;}
	.binbox .bot{ margin-top: 15px;}
	.binbox .by{ font-size: 18px; }
	.binbox .t{ font-size: 24px; }
	.binbox .c{ font-size: 14px; margin-top: 12px;}
	.banner .scroll-bot{ display: none;}
	.banner .slick-dots{ bottom: 3%;}
	.ibox-hot, .ibox-hot .item{ height: auto;}
	.ibox-hot .grimg{ position: relative; left: auto; top: auto; width: 100%; height: auto;}
	.ibox-hot .grimg .imgbg{ display: none;}
	.ibox-hot .grimg .imgc{ display: block;}
	.ibox-hot .con{ float: none; width: auto; padding: 25px 5% 40px;}
	.ibox-hot h3{ margin: 10px auto; font-size: 16px; height: 48px;}
	.ibox-hot .grimg .yy,.ibox-hot .btnMore{ display: none;}
	.ibox-hot .c{ display: none; margin-bottom: 30px;}
	.ibox-hot .slick-dots{ width: 100%; bottom: 10px;}
	.ibox-hot .slick-dots li a{ background-color: #fff;}
	.new-Item1 h4{ font-size: 16px; margin-bottom: 8px;}
	.new-Item1 .img{ width: 180px;}
	.new-Item1 .c{ line-height: 1.5; height: 42px;}
	.ibox-new-tabC, .ibox-new-tabC .ibox-new-txt{ height: auto;}
	.itab-t a{ padding: 0px 20px 0px 30px;}
	.itab-t a:before{ width: 3px; height: 3px; border-width: 2px; margin-top: -3px; left: 12px;}
	.ibox-business-demo{ margin-bottom: 40px;}
	.ibox-business{ padding: 60px 0px;}
	.ibox-business-one .ico{ width: 60px; height: 60px;}
	.iboxT{ margin-bottom: 30px; font-size: 22px;}
	.ibox-two{ float: none; margin:0px 0px 20px 0; width: 100%;}
	.ibox-two-t .name{ padding-left: 18px;}
	.ibox-two-t .name:before{ width: 4px; height: 4px; margin-top: -5px;}
	.ibox-case{ float: none;}
	.ibox-case-demo .txt{ position: relative; left: auto; bottom: auto;}
	.foot{ text-align: left;}
	.foot .itemA{ display: block; margin-right: 0;}
	.ermBox{ margin: 0;}
	.pbanner{ height: 150px;}
	.pagePadding{ padding: 45px 0px;}
	.pageT{ padding-bottom: 35px;}
	.pageT .zh{ font-size: 18px;}
	.pageT .by{ font-size: 14px;}
	.page-nav-box{ height: 40px;}
	.page-nav-btn a{ line-height: 40px; height: 40px; }
	.paging a{ padding: 3px 10px; margin: 0px 1px;}
	.member-list .con .title{ font-size: 16px;}
	.member-list li{ float: none; width: 100%; margin-right: 0;}
	.member-t{ font-size: 18px; padding: 25px 5%; text-align: center;}
	.memberPage .pageC{ padding: 30px 5%;}
	.new-list2 dd{ padding: 15px;}
	.new-list2 h4{ margin: 12px 0; padding: 0; white-space:inherit; font-size: 16px;} 
	.new-list2 .timeBox{ float: none; width: auto; padding: 5px 10px; border-radius: 5px; margin-right: 0; background: url(../image/num.png) no-repeat scroll 8px center #f09a0e; padding-left: 34px; background-size: 18px auto;}
	.timeBox .day{ display: inline-block; font-size: 20px;}
	.timeBox .tico{ display: none;}
	.info-T{ padding: 25px 5%;}
	.info-T h3{ font-size: 18px; margin-bottom: 2px;}
	.shared{ display: none;}
	.infoPage{ padding: 30px 5% 45px;}
	.backlist{ height: 36px; line-height: 36px; width: 100px; margin-left: -50px;}
	.previous .previ{ width:90px; height:34px; line-height:34px;}
	.business-list li .img{ float: none; width: auto;}
	.business-list li .con{ float: none; margin-left: 0; width: auto; padding-top:25px;}
	.business-list .ico{ width: 60px; height: 60px; margin: -30px 0px 0px -30px;}
	.business-list .con h3{ font-size: 18px;}
	.workfirst .grimg{ float: none; width: auto; margin-bottom: 15px;}
	.workfirst .con{ margin-left: 0; float: none; width: auto;}
	.workfirst h3{ white-space: inherit; line-height: 1.5; padding: 5px 0px;}
	.work-list a{ padding:0px 16px;}
	.work-list a .ico{ display: none;}
	.work-list a .time{ margin-right: 12px; font-size: 12px;}
	.learningList{ margin-left: -2%;}
	.learningList li{ width:48%; margin-left: 2%;}
	.tendering-list dt{ font-size: 16px;}
	.tendering-list dd{ font-size: 14px; padding: 25px 5%;}
	.culture-list dd{ padding: 20px;}
	.numlist li{ width: 58px; height: 58px; font-size: 16px; line-height: 58px; margin-right: 10px;}
	.labourUnion-list .con{ padding: 20px 15px;}
	.mapBox{ height: 200px;}
	.w912 .pageC{ font-size: 14px; padding: 25px;}
	.w912 .pageT{ padding-bottom: 20px;}
	.talentPage{ width: 100%; font-size: 15px;}
	.talentPage .by{ font-size: 24px;}
	.hrList .hspan:nth-child(3),.hrList .hspan:nth-child(5){ display: none;}
	.hrList .hspan{ width: 22%;}
	.hrList .hspan1{ width: 73%;}
	.hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;}
	.join-ts .item{ display: block;}
	.activities-demo{ width: 100%; padding-bottom: 40px;}
	.activities-demo .item{ margin: 0;}
	.activities-demo .slick-dots li{ width: 6px;}
	.activities-demo .slick-dots li a{ width: 6px; height: 6px;}
	.activities-demo .slick-arrow{ margin-top: -50px;}
	.activities-demo .slick-prev{ left: 3%;}
	.activities-demo .slick-next{ right: 3%;}
	.no-t{ font-size: 16px; padding: 15px 0px;}
	.activities-list li{ float: none; width: auto; margin-right: 0;}
	.equityC{ font-size: 14px; margin-bottom: 40px;}
	.beizhuList{ display: none;}
	.beizhuList .l{ width: 100%;}
	.beizhuList label{ margin-left: 0; margin-right: 15px;}
	.icaseBox{ width: 100%;}
	.icaseList .con .txt{ top: 24%;}
	.hnews-box .home-news-slick p{padding: 15px 0;font-size: 14px;}
	.high-speed-box .botw{display: none;}
	.high-speed-box .high-speed .slick-arrow{width: 35px;height: 35px;}
	.bottom-list li{width: 99%;margin-bottom: 25px;}
	.high-speed-box li{width: 99%;}
	.home-party-mass{padding: 20px 0%;}
	.homepd{width: 90%;padding: 0 5%;}
	.pageFooter {display:none;}
.pageFooter .footer_c{width:50%;}
.pageFooter .footer_r{width:100%;}
.footer_bar .foot_bar_l{width:100%; font-size:13px}
.footer_bar .foot_bar_r{display:none;}
.textlist li .txt {
	width:62%; float:right; margin-left:10px; text-align:left
}

.new-list{ padding-bottom: 15px;}
	.new-list .img{ padding: 20px; float: none; width: auto; display:none}
	.new-list .con{ padding: 10px 20px 10px; float: none; margin-left: 0; width: auto;}
	.new-list .c{ margin-bottom: 20px;display:none}
	.videoList{ margin-left: 0;}
	.videoList dd{ float: none; width: auto; margin-left: 0;}
	.pagePadding4{ padding: 35px 0px;}
	.conceptList { margin-left: 0;}
	.conceptList dd{ float: none; margin-left: 0; width: auto; height: auto !important;}
	.conceptList .item{ padding: 20px 5% 30px;}
	.hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan:nth-child(1){ width: 74%;}
	.hrList .ib{ margin-top: 14px;}
	.page-nav-btn a.active{ color: #fff; font-weight:bold}
	.page-nav-btn a.active{ background-color: #c00;}
	.page-nav-btn a:active,.page-nav-btn a:hover { color: #FFFFFF;background-color: #c00;}  
	
.portfolio-item{ float:left; width:48%; margin-right:2%; margin-bottom:2%;}
.portfolio-item:nth-child(2n){ margin-right:0%; }
	
}
}
@media screen and (max-width:481px) {
	
}	
@media screen and (max-width:421px) {

}
@media screen and (max-width: 375px) {
	
}
@media screen and (max-width: 360px) {
}

.law_news > a{
	position: relative;
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}
.law_news .pic{
    width: 300px;
    height: 160px;
    margin-left: 20px;
    overflow: hidden;
}
.law_news .pic img{
    width: 100%;
    transition: 500ms;
}
.law_news .text{
    width: 690px;
    margin-left: 50px;
    margin-top: 20px;
}
.law_news .text h3{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.law_news .text p{
    font-size: 13px;
    line-height: 25px;
    text-indent: 26px;
    margin-top: 20px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.law_news .oper{
    width: 150px;
    position: relative;
}
.law_news .time{
	margin-top: 40px;
}
.law_news .time h3{
	font-size: 32px;	
}
.law_news .time p{
	position: relative;
	color: #666;
	font-size: 13px;
	margin-top: 10px;
	padding-top: 10px;
}
.law_news .time p::before{
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 10;
    content: '';
    width: 20px;
    height: 2px;
    background: #ccc;	
}
.law_news .btn{
    position: absolute;
    color: #666;
    text-transform: uppercase;
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    top: 60px;
    right: 0;
    background: #ebebeb;
    transition: 0.5s;
}
.law_news .btn:after{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #003091;
    content: '';
    width: 0%;
    height: 100%;
    transition: 0.5s;
    z-index: -1;
}
.law_news > a:hover .pic img{
    transform: scale(1.1);
}
.law_news > a:hover .text h3{
    color: #003091;
}
.law_news > a:hover .btn{
    color: #fff;
}
.law_news > a:hover .btn:after{
    width: 100%;
    content: "MORE";
    z-index: 1;
}
.new-list{ padding-bottom: 20px;}
.new-list dd{ margin-bottom: 26px; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.new-list .img{ float: left; display: block; width: 24.5%; overflow: hidden;}   
.new-list .img img{ display: block; width: 100%; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.new-list .con{ float: left; margin-left: 5%; width: 66%; padding-top: 40px;}
.new-list .t{ margin-bottom: 15px; font-size: 18px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;}
.new-list .c{ height: 56px; overflow: hidden; margin-bottom: 10px; text-align: justify; font-size:14px;  line-height:28px}
.new-list .nsbot{ border-top: 1px solid #dedede; padding: 12px 0px;}
.new-list dd:hover .t{ color: #e3001e;}
.new-list dd:hover .more i{ width: 100%;}
.new-list dd:hover{ box-shadow:0 0 24px rgba(0,0,0,0.2);}

.nsbot{ font-family: arial, helvetica, sans-serif; position: relative;}
.nsbot .more{ background: url(../image/more1.png) no-repeat scroll left center; width: 29px; height: 6px; position: absolute; right: 0; top: 50%; margin-top: -3px;}
.nsbot .more i { background: url(../image/more2.png) no-repeat scroll left center; position: absolute; left: 0px; top: 0px; width: 0px; height: 100%; transition: 0.3s; -webkit-transition: 0.3s;}


.infoPage-box{ position: relative; z-index: 1; width:100%; margin: 0px auto 0; padding-bottom: 60px;}
.infoPage{ padding: 40px 50px 60px; background-color: #fff;}
.infoPage .pageC{ font-size: 16px;}
.info-T{ padding:48px 50px 24px; border-bottom:2px solid #ccc; border-top: 5px solid #CC0000; position:relative; background-color: #fff;}
.info-T h3{ color:#183883; font-size:26px; line-height:1.5; margin-bottom:10px; font-weight:normal;}
.info-T time{ font-family: arial, helvetica, sans-serif; font-size:12px;}
.shared{ margin-top:18px;}
.shared span{ color:#666666; font-size:14px; line-height:28px; margin-left:0; float:left;}
.more-fen-btn{ float: right; display: block; color: #fff; background-color: #977751; padding:4px 16px;}
.more-fen-btn:hover{ background-color: #999;}
.sharelist1{ margin-left:4px; float:left;}
.sharelist1 li{ float:left;}
.sharelist1 li a{ height:28px; display:block; position:relative;}
.sharelist1 li{ width:28px; height:28px; position:relative; margin-right:5px;}
.sharelist1 li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#f2f2f2; border-radius:50%; position:absolute; left:0; top:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.32s;}
.sharelist1 li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.sharelist1 li:last-child{ margin-right:0;}
.sharelist1 li a.icon-share1{ background:url(../image/weixin.png) center no-repeat;}
.sharelist1 li a.icon-share2{ background:url(../image/qq.png) center no-repeat;}
.sharelist1 li a.icon-share3{ background:url(../image/weib.png) center no-repeat;}
.sharelist1 li a.icon-share4{ background:url(../image/weibx.png) center no-repeat;}
.sharelist1 li:hover a{ opacity:0.7;}
.shared .bdshare-button-style0-16 a, .shared .bds_more{ margin: 0; padding: 0; float: none;}
.previous{ margin-top: 60px; padding-top:22px; border-top:1px solid #aaaaaa; position:relative;}
.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #b5b5b5;}
.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}
.previous .prev{ float:left;}
.previous .prev i{ background:url(../image/arrow5.png) center no-repeat; margin-right:16px;}
.previous .next{ float:right;}
.previous .next i{ background:url(../image/arrow6.png) center no-repeat; margin-left:16px;}
.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background-color:#7F889D; position:absolute; left:50%; margin-left:-72px; top:22px;}
.backlist:hover{ background-color:#CC0000}
.previous .previ:hover{ background-color:#CC0000; border-color:#f09a0e; color:#fff;}
.previous .prev:hover i{ background:url(../image/arrow3.png) center no-repeat; margin-right:18px;}
.previous .next:hover i{ background:url(../image/arrow4.png) center no-repeat; margin-left:18px;}


.performance-nav a:link, .performance-nav a:visited { color: #fff; }
.performance-nav a:active, .performance-nav a:hover { color: #fff; }
.performance-nav{ text-align: center; margin-bottom: 34px;}


.paging { padding: 26px 0px 10px; text-align: center; }
.paging a:link, .paging a:visited { color: #ffffff; }
.paging a:active, .paging a:hover { color: #ffffff; background-color: #E3001E; }
.paging a{ display: inline-block; margin: 0px 3px!important; background-color: #7f889d; padding: 5px 14px;}
.paging .prev, .paging .next { display: inline-block; color: #fff; background-repeat: no-repeat; background-position: center center;}
.paging a.act{ background-color: #E3001E; }