/*reset*/

/*首页视频*/
.caursel3d-container{
	padding: 0!important;
}
.responsibility-container {
    position: relative;
    padding: 40px 0;
    width: 100%;
    background-image: url(../images/bg_3d.png);
    background-position: center;
    background-size: 100% 85%;
    background-repeat: no-repeat;
}
#a02 .section {
    width: 1200px;
    margin: 0 auto;
}.responsibility {
    position: relative;
}

.caursel3d img:hover {
    transform: scale(1.2, 1.2);
}
#a02 .head {
    position: relative;
    width: 100%;
    height: 100px;
}#a02 .title {
    position: relative;
    text-align: center;
    height: 45px;
    width: 100%;
}#a02 .title-line {
    position: absolute;
    top: 45%;
    left: 30%;
    width: 40%;
    height: 1px;
    background-color: #b9b9b9;
    z-index: 0;
}.responsibility .title span {
    background-color: #fff;
}
#a02 .title span {
    position: relative;
    color: #000;
    font-size: 34px;
    padding-bottom: 5px;
    padding: 0 20px;
    background-color: #f6f6f6;
    line-height: 40px;
}#a02 .title span::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    behavior: url(/cms-chng-theme/js/PIE.htc);
    -ms-behavior: url(/cms-chng-theme/js/PIE.htc);
    border: 1px solid #b9b9b9;
}
#a02 .title span::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    behavior: url(/cms-chng-theme/js/PIE.htc);
    -ms-behavior: url(/cms-chng-theme/js/PIE.htc);
    border: 1px solid #b9b9b9;
}
#a02 .tabs {
    position: relative;
    margin-top: 30px;
}

#a02 .menus {
    display: block;
    height: 32px;
    padding: 0;
    list-style: none;text-align: center;
}

#a02 .menus li {
/*    float: left;*/
    display: inline-block;
    line-height: 30px;
    height: 30px;
    color: #333;
    width: 110px;font-size: 18px;
    cursor: pointer;
    padding: 0 13px;
    box-sizing: border-box;
    transition-duration: 0.4s;
    overflow: hidden;
}

#a02 .menus li p {
    margin: 0;
}

#a02 .menus li span {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
}

#a02 .menus li:hover::after,
#a02 .menus li::after {
    position: relative;
    display: block;
    top: -3px;
    content: "";
    transition: all .3s ease-in-out 0s;
    cursor: pointer;
    border-top: 3px solid #0895ff;
    width: 0;
}

.menus li:hover::after {
    /*娴犲簼鑵戦梻鏉戞倻娑撱倛绔熼幍鈺佺磻*/
    width: 100%;
    margin: 0 auto;
}

#a02 .menus li:hover p,
#a02 .menus li:checked p {
    font-weight: bold;
    letter-spacing: 3px;
    color: #0054A7;
}

#a02 .menus li:hover p {
    transform: translateY(-120%);
    transition-duration: .5s;
}

.selectTab {
    display: inline-block;
    width: 100%;
    height: 30px;
    text-align: center;
}

.selectTab p {
    font-weight: bold;
    letter-spacing: 3px;
    color: #0c55a7;
}

.selectTab::after,
.selectTab::after {
    position: relative;
    display: block;
    top: -3px;
    content: "";
    transition: all .3s ease-in-out 0s;
    cursor: pointer;
    border-top: 3px solid #0054a7;
    width: 100%;
}

.selectTab p {
    transform: translateY(-100%);
    transition-duration: .5s;
}


#a02 .more {
    position: relative;
    width: 150px;
    margin: 50px auto 0 auto;
    height: 50px;
    z-index: 1;
    cursor: pointer;
    border-radius: 50px;
    behavior:url(/cms-chng-theme/js/PIE.htc);
    -ms-behavior:url(/cms-chng-theme/js/PIE.htc);
    color: #666;
    overflow: hidden;
    border: 1px solid #b9b9b9;
}

#a02 .more span {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    background-color: transparent;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#a02 .more span::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    behavior:url(/cms-chng-theme/js/PIE.htc);
    -ms-behavior:url(/cms-chng-theme/js/PIE.htc);
    left: 50%;
    top: 50%;
    z-index: -1;
    background: #0c55a7;
    transform: translateX(-50%) translateY(50%);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#a02 .more span:hover {
    color: #fff;
}

#a02 .more span:hover::after {
    transform: translateX(-50%) translateY(-50%);
}



@keyframes rotation {
  from {
    transform: rotateY(0deg); }

  to {
    transform: rotateY(-360deg); } }

@keyframes rotation1 {
  from {
    transform: rotateY(0deg); }

  to {
    transform: rotateY(-360deg); } }

@keyframes rotation2 {
  from {
    transform: rotateY(-45deg); }

  to {
    transform: rotateY(-405deg); } }

@keyframes rotation3 {
  from {
    transform: rotateY(-90deg); }

  to {
    transform: rotateY(-450deg); } }

@keyframes rotation4 {
  from {
    transform: rotateY(-135deg); }

  to {
    transform: rotateY(-495deg); } }

@keyframes rotation5 {
  from {
    transform: rotateY(-180deg); }

  to {
    transform: rotateY(-540deg); } }

@keyframes rotation6 {
  from {
    transform: rotateY(-225deg); }

  to {
    transform: rotateY(-585deg); } }

@keyframes rotation7 {
  from {
    transform: rotateY(-270deg); }

  to {
    transform: rotateY(-630deg); } }

@keyframes rotation8 {
  from {
    transform: rotateY(-315deg); }

  to {
    transform: rotateY(-675deg); } }


@media (max-width:1300px){
      .pointContainer{
        display: none !important;
      }
    }
    
    #carousel figure video{
      max-width: 100%;max-height: 100%;display: block;margin: 0 auto;
    }

@media (max-width: 1200px) {
#a02 .title span {
    font-size: 24px;
}
#a02 .menus li{
  font-size: 12px;
}
#shzpTab3, #shzpTab4, #shzpTab5, #shzpTab6, #shzpTab7, #shzpTab8 {
    width: 30% !important;
}#shzpTab1, #shzpTab2 {
    width: 45% !important;
}

#a02 .more span {

    font-size: 16px;
    line-height: 40px;

}
#a02 .more{
  line-height: 40px;bottom: 0%!important;height: 40px;
}
.responsibility-container>.responsibility>.more {
    top: 50px !important;
    position: relative !important;left: 0!important;transform: translateX(0%)!important;
    margin: 0;
}
.section {
    width: 100%;
}
.caursel3d {
        width: 136px;
        height: 100px;
        top: 50px;
        perspective: 1200px;
    }


    #carousel figure {
        width: 136px;
        height: 100px;
    }



    #carousel figure:nth-child(1) {
        transform: rotateY(0deg) translateZ(180px);
    }

    #carousel figure:nth-child(2) {
        transform: rotateY(45deg) translateZ(180px);
    }

    #carousel figure:nth-child(3) {
        transform: rotateY(90deg) translateZ(180px);
    }

    #carousel figure:nth-child(4) {
        transform: rotateY(135deg) translateZ(180px);
    }

    #carousel figure:nth-child(5) {
        transform: rotateY(180deg) translateZ(180px);
    }

    #carousel figure:nth-child(6) {
        transform: rotateY(225deg) translateZ(180px);
    }

    #carousel figure:nth-child(7) {
        transform: rotateY(270deg) translateZ(180px);
    }

    #carousel figure:nth-child(8) {
        transform: rotateY(315deg) translateZ(180px);
    }

    .caursel3d-container {
        height: 150px;
    }
    
#tsparticles{
  display: none;
}

/*html{
  min-width: 1500px;
}*/

.caursel3d-container{
  margin-top: 70px;
}
     }

@media (max-width: 600px) {

.caursel3d-container{
  margin-top: 30px;
}
     }


@media (min-width: 1201px) {


 .caursel3d {
        width: 336px;
        height: 208px;
        top: 100px;
        perspective: 2100px;
    }

    #carousel figure {
        width: 336px;
        height: 208px;
    }

    #carousel figure:nth-child(1) {
        transform: rotateY(0deg) translateZ(480px);
    }

    #carousel figure:nth-child(2) {
        transform: rotateY(45deg) translateZ(480px);
    }

    #carousel figure:nth-child(3) {
        transform: rotateY(90deg) translateZ(480px);
    }

    #carousel figure:nth-child(4) {
        transform: rotateY(135deg) translateZ(480px);
    }

    #carousel figure:nth-child(5) {
        transform: rotateY(180deg) translateZ(480px);
    }

    #carousel figure:nth-child(6) {
        transform: rotateY(225deg) translateZ(480px);
    }

    #carousel figure:nth-child(7) {
        transform: rotateY(270deg) translateZ(480px);
    }

    #carousel figure:nth-child(8) {
        transform: rotateY(315deg) translateZ(480px);
    }

    .caursel3d-container {
        position: relative;
    }
    }
 


/* 420,260 */
/* .carousel3d { */
.caursel3d {
  display: block;
  position: relative;
  margin: auto; }

#carousel {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
 
  transform-style: preserve-3d;

  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: rotation; }

#carousel:hover {
    animation-play-state: paused;
}

#carousel figure {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    overflow: hidden;
}
.caursel3d img{
  cursor: pointer;
  transition: all .5s ease;
  
  width: 100%;
  height: 100%; }



@media screen and (max-width: 600px) {
   #a02 .menus:after { content:""; display:block; height:0; visibility:hidden; clear:both; }
#a02 .menus{
  height: auto;
}
#a02 .title{
  height: auto;
}
#a02 .head{
  height: auto;
}
}
/*视频结束*/


/*顶部*/
.right-text p {
    font-size: 17px;
    line-height: 29px;
    color: #0c4ea7;
}.top-right {
    float: right;
    padding-top: 22px;
}
.right-tel img {
    margin-right: 15px;
    margin-top: 10px;
}.right-tel, .right-text {
    float: left;
}
.right-tel, .right-text .p1{
   font-size: 17px;
   letter-spacing: 1px;
   color: #000;
}
.over-flow {
/*    overflow: auto;*/
    zoom: 1;
}
/*结束*/

/*新闻*/
.design{
	background-image: url(../images/designbg.png);background-size: cover;background-position: right top;
	padding: 50px 0 80px;
}

.design .index-title {
	padding: 60px 0 0;
}
.design .design-text {
	text-align: center;
	padding: 45px 5% 15px;
}
.design .design-text .p1 {
	font-size: 30px;
	color: #2394d0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: normal;
	margin-bottom: 0;
}
.design .design-text .p2 {
	color: #2394d0;
	font-size: 16px;
	margin: 10px 0 30px;
}
.design .design-text .p3 {
	color: #ACACAC;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.design .design-text .p4 {
	display: inline-block;
	margin-top: 30px;
	color: #ACACAC;
	margin-bottom:23px;
}
.design .design-text .p4 span {
	margin: 0px 8px 0 0;
	position:relative;top:2px;
}
.design .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 33.3%;
    box-shadow: 0 8px 8px rgb(0 0 0 / 10%);
    background-color: #fff;
}
.page_tit h3 span {
    display: inline-block;
    padding: 0 20px;
    color: #282828;
}.page_tit h3 img {
    vertical-align: middle;
}.page_tit h3 {
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
}.page_tit h4 {
    font-family: 'Microsoft Yi Baiti';
    font-size: 38px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}.page_tit {
    text-align: center;
    margin-bottom: 60px;
}
.p4 img{
	display:inline-block;vertical-align:middle;
}
.design-image img{
	width: 100%;
}

@media screen and (max-width: 600px) {
    .design .page_tit{
	background: none!important;
}
.design{
	padding: 40px 0!important;
}

.design .swiper-container{
	width: 90%;margin: 0 auto;
}
.design  .design-text .p1 {
	font-size: 18px;
}
.design  .design-text {
	padding: 20px 4% 15px;
}
.design  .design-text .p2 {
	font-size: 12px;
	margin: 5px 0 20px;
}
.design  .design-text .p3 {
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.design  .design-text .p4 {
	margin-top: 20px;
	font-size: 12px;
}
.design  .design-text .p4 span {
	margin-right: 3px;
	margin-top: 1px;
}
.design  .design-text .p4 i {
	width: 14px;
}
}
/*新闻结束*/

/*流程*/
.page_tit {
    text-align: center;
    margin-bottom: 60px;
}
.page4 {
    background: url(../images/banner4.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.page {
    padding: 60px 0;
}.wrap {
    width: 96%;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}.wrap {
    width: 96%;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}.page_tit h4 {
    font-family: 'Microsoft Yi Baiti';
    font-size: 38px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}.page_tit.on h3 {
    color: #fff;
}
.ind-xw .page_tit h4{
    color: #333;
}
.ind-xw .page_tit h3 span{
    color: #333;
}
.page_tit h3 {
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
}.page_tit h3 img {
    vertical-align: middle;display:inline-block;
}.page_tit h3 span {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
}.page_list4 ul li {
	position: relative;
	width: 25%;
	float: left;
	color: #fff;
	margin: 15px 0;
}
.page_list4 ul li .jt {
	position: absolute;
	top: 0;
	height: 100px;
	width: 100%;
	left: 50%;
	background: url(../images/icon6.png) no-repeat center center;
}
.page_list4 ul li:nth-child(4n) .jt {
	display: none;
}
.page_list4 ul {
	overflow: hidden;
	margin: -15px 0;
}
.page_list4 .list {
	text-align: center;
	line-height: 26px;
	color: #898989;
	width: 180px;
	margin: 0 auto;
}
.page_list4 .list h3 {
	color: #fff;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 45px;
	padding-top: 10px;
}
.page_list4 .list span {
	display: block;
	width: 98px;
	height: 98px;
	border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #fff;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.page_list4 .list span:before {
	content: '';
	display: block;
	width: 98px;
	height: 98px;
}
.page_list4 .list span:after {
	position: absolute;
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin: 0;
	top: 50%;
	left: 50%;
	border-radius: 100%;
	z-index: -1;
	  transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.page_list4 li.on .list span:after {
	width: 100%;
	margin-left: -50%;
	margin-top: -50%;
	height: 100%;
	background: #0990ff;
}
.page_list4 li.on span {
	border-color: #0990ff;
}
.page_list4 .list span.span1:before {
	background: url(../images/icon5.png) no-repeat center center;
}
.page_list4 .list span.span2:before {
	background: url(../images/icon5-1.png) no-repeat center center;
}
.page_list4 .list span.span3:before {
	background: url(../images/icon5-2.png) no-repeat center center;
}
.page_list4 .list span.span4:before {
	background: url(../images/icon5-3.png) no-repeat center center;
}
.page_list4 .list span.span5:before {
	background: url(../images/icon5-4.png) no-repeat center center;
}
.page_list4 .list span.span6:before {
	background: url(../images/icon5-5.png) no-repeat center center;
}
.page_list4 .list span.span7:before {
	background: url(../images/icon5-6.png) no-repeat center center;
}
.page_list4 .list span.span8:before {
	background: url(../images/icon5-7.png) no-repeat center center;
}
.page_list4 .list p {
	color: #fff;
}
.page_tit{
	text-align:center;
}

@media screen and (max-width: 600px) {
    .page_tit h4 {
    font-size: 28px;
}
.page_tit h3 {
    font-size: 30px;
}
.page_list4 ul {
    margin: 0;
}
.page_list4 ul li {
    width: 50%;
    margin: 15px 0;
}
.page_tit{
	margin-bottom:30px;
}
.page4 {
    background-size:cover;
}


}

/*流程结束*/

/*模块1*/

.session_2 {
  position: relative;
  padding-top: 65px;
  padding-bottom: 150px;
  box-sizing: border-box;
  overflow: hidden;background: #fff;
}
.session_2 .en {
  position: absolute;
  bottom: -190px;
  left: 0;
  font-size: 0;
  
}
.session_2 .en img{
	height: 200px;
}

.session_2 .container{
	position: relative;
}

/*.section .en2 {*/
/*  position: absolute;*/
/*  margin-top: -90px;*/
  
/*  left: 10%;*/
/*  font-size: 0;*/
/*  z-index:-9;*/
/*}*/
.session_3{
    margin-top:20px;
    
}
.session_2 .left-box {
  width: 52%;
  float: left;
  padding-right: 4%;
  box-sizing: border-box;
}
.session_2 .left-box .title-box {
  margin-bottom: 30px;
}
.session_2 .left-box .title-box h3 {
  font-size: 48px;
  color: #333333;
  
}
.session_2 .left-box .title-box p {
  position: relative;
  font-size: 30px;
  color: #333333;
  line-height: 1;
  padding-bottom: 30px;
  
}
.session_2 .left-box .title-box p:before {
  position: absolute;
  content: '';
  width: 60px;
  height: 1px;
  background: #999999;
  bottom: 0;
  left: 0;
}
.session_2 .left-box .des-box p {
  line-height: 1.8;
  font-size: 16px;
  color: #666666;
  margin-bottom: 15px;
}
.session_2 .left-box .list-box .item-box {
  float: right;
  text-align: left;
  margin-right: 6%;
}
.session_2 .left-box .list-box .item-box:first-child {
  margin-right: 0;
}
.session_2 .left-box .list-box .item-box h3 {
  font-size: 44px;
  color: #0c55a7;
}
.session_2 .left-box .list-box .item-box h3 em {
  display: inline-block;
  font-style: normal;
}
.session_2 .left-box .list-box .item-box h3 span {
  font-size: 36px;
}
.session_2 .left-box .list-box .item-box p {
  font-size: 16px;
  color: #666666;
}
.session_2 .right-box {
  position: relative;
  width: 48%;
  float: left;
  padding-left: 4%;
  box-sizing: border-box;
}
.session_2 .right-box .bg-box {
  position: relative;
  padding-right: 10px;
  box-sizing: border-box;
  bottom: 10px;
}
.session_2 .right-box .bg-box:before {
  position: absolute;
  content: '';
  left: 10px;
  right: 0;
  bottom: -10px;
  top: 10px;
  background: #0c55a7;
  border-bottom-right-radius: 30px;
}
.session_2 .right-box .img-box {
  margin-top: 180px;
  position: relative;
  height: 390px;
  background: url(/skin/images/img_3.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.session_2 .right-box .img-box .icon-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.session_2 .right-box .img-box .icon-box img {
  position: relative;
  z-index: 9;
  width: 60px;
}
.session_2 .right-box .img-box .icon-box:before {
  position: absolute;
  content: '';
  width: 78px;
  height: 78px;
  left: 50%;
  top: 50%;
  opacity: 0;
  margin-left: -39px;
  margin-top: -39px;
  border: 2px solid #d70c19;
  border-radius: 100%;
  box-sizing: border-box;
  transform: scale3d(0.3, 0.3, 1);
  transition: .5s all;
}
.session_2 .right-box .img-box .icon-box:after {
  opacity: 0;
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  border: 1px solid rgba(215, 12, 25, 0.6);
  border-radius: 100%;
  box-sizing: border-box;
  transform: scale3d(0.3, 0.3, 1);
  transition: .8s all;
}
.session_2 .right-box .img-box:hover .icon-box:after,
.session_2 .right-box .img-box:hover .icon-box:before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/*结束*/

body, dl, dd, dt, input, h1, h2, p, ul {

	margin: 0;

	padding: 0;

}

h1, h2, h3, h4, h5, h6 {

	list-style: none;

}

h1, h2 {

	font-weight: bold;

	text-transform: uppercase;

}

input {

	border: none;

}

ul {

	display: block;

}

ul, li {

	list-style-type: none;

}

i, em {

	font-style: normal;

}

* {

/*box-sizing: border-box;*/

}

body {

	font-family: "Microsoft Yahei", Helvetica, sans-serif;

	font-size: 14px;

	line-height: 22px;

	padding: 0;

	background: #f8f8f8;

}

a {

	color: #666;

	text-decoration: none;/* transition: 0.8s all ease-in-out; */

}

a:visited {

	text-decoration: none;

}

a:active {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

div, p, dl, dd, dt {

	display: block;

}

input, textarea {

	color: #999;

	border: none;

	outline: none;

	font-size: 14px;

	-webkit-appearance: none;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.container-fluid {

	position: relative;

	width: 100%;

	margin: 0 auto;

	padding: 0px;

	overflow: hidden;

}

.container {

	padding: 0;

	margin: 0 auto;

	width: 1200px;

}

.z-color {

	color: #df4634;

}

.y-color {

	color: #3187cf;

}

.c-color {

	color: #205da5;

}

/*----------------header-------------------------*/



.header {

	background: #fff;

	z-index: 10;

	overflow: initial;

}

.header-title {

/*	height: 90px;*/
padding: 10px 0;

	position: relative;

}

.header-title ul {

	overflow: hidden;

}

.header-title .logo {

	position: absolute;

	left: 50%;

	right: 0;

	top: 0;

	width: 181px;

	height: 184px;

	z-index: 99;

	transform: translateX(-50%);

}

}

.header-title .logo img {

	margin: 0 auto;

}

.header-title li {

	float: left;

/*	width: 43%;*/

	padding: 10px 0;
	/* margin-top: 10px; */

}

.header-title li h2 {

	margin-left: 0;

	width: 90%;

	color: #333333;

	font-size: 16px;

	margin-top: 10px;

}

.header-title li h2 strong {

	color: #205da5

}

.header-title li p {

	font-size: 16px;

	text-align: left;

	color: #333333;

	height: 32px;

}

.header-title .header-title-right {

	float: right;

	width: 343px;

	padding-left:92px;/* background: url(../images/refer.png) no-repeat left center; *//* margin-top: -10px; */

}
.header-title .header-title-right-img {

	float: right;

	width: 30px;

	padding-left: 12px;

}
.header-title .header-title-right-img  img{
	width: 65px;



}
/*----------------header-nav-------------------------*/



.header-nav {

	/*background-image: -webkit-gradient(linear, right top, left top, from(rgb(9,151,255)), color-stop(52%, rgb(151, 198, 26)), to(rgb(96, 181, 62)));*/
		background-image: -webkit-gradient(linear, right top, left top, from(rgb(12,85,167)), color-stop(52%, rgb(12,85,167)), to(rgb(12,85,167)));
		
		    /*background: #0c55a7;*/

	min-height: 50px;

	z-index: 10;

	overflow: initial;

}

.header-nav .nav {

	overflow: hidden;

}

.header-nav .nav .navroot {

	width: 15%;

	float: left;

	overflow: hidden;

}

.header-nav .nav .navroot a {

	font-size: 18px;

	color: #fff;

	height: 50px;

	line-height: 50px;

	text-align: left;

	overflow: hidden;

	padding-left: 70px;

	box-sizing: border-box;

	background: url(../images/home.png) left 37px center no-repeat;

}

.header-nav .nav ul li:nth-child(2) a {

	background-image: url("../images/nav1.png");

	background-repeat: no-repeat;

	background-position: left 40px center;

}

.header-nav .nav ul li:nth-child(3) a {

	background-image: url("../images/nav2.png");

	background-repeat: no-repeat;

	background-position: left 40px center;

}

.header-nav .nav ul li:nth-child(4) a {

	background-image: url("../images/nav3.png");

	background-repeat: no-repeat;

	background-position: left 40px center;

}

.header-nav .nav ul li:nth-child(5) a {

	background-image: url("../images/nav4.png");

	background-repeat: no-repeat;

	background-position: left 40px center;

}

.header-nav .nav ul li:nth-child(6) a {

	background-image: url("../images/nav5.png");

	background-repeat: no-repeat;

	background-position: left 40px center;

}

.header-nav .nav ul li:nth-child(7) a {

	background-image: url("../images/nav6.png");

	background-repeat: no-repeat;

	background-position: left 40px center;

}

.header-nav .nav ul li:nth-child(8) a {

	background-image: url("../images/nav7.png");

	background-repeat: no-repeat;

	background-position: left 40px center;

}

.header-nav .nav ul li:nth-child(9) a {

	background-image: url("../images/tel2.png");

	background-repeat: no-repeat;

	background-position: left 40px center;

}

.navroot:nth-child(4) {

/*	margin-right: 240px;*/

}

.header-nav .nav ul .active a, .header-nav .nav ul li a:hover {

	color: #fff;

	background-color: #0895ff;

}

.nav .navsub {

	display: none;

	margin: 0px;

	padding: 0;

	position: absolute;

	width: 180px;

	padding-bottom: 20px;

	height: auto;

	background: #fff;

	z-index: 999;

	overflow: hidden;

	clear: both;

}

.nav .navsub li {

	float: left;

	display: block;

	margin: 0 auto !important;

	padding: 0;

	width: 100% !important;

	overflow: hidden;

}

.nav .navsub li a {

	height: 34px !important;

	line-height: 34px !important;

	color: #333 !important;

	overflow: hidden;

	background: none !important;

	padding: 0 5px !important;

	text-align: center !important;

	background: initial !important;

	border-bottom: 1px solid #eee;

}

.nav .navsub li a:hover {

	background-color: #2d2926 !important;

	color: #fff !important;

}

.menu-tel {

	float: right;

	display: none;

	width: 213px;

	height: 50px;

	line-height: 50px;

}

.menu-tel i {

	float: left;

	display: block;

	overflow: hidden;

	background: url(../images/ty-tel.png) no-repeat;

	background-size: cover;

	width: 14px;

	height: 14px;

	margin-top: 20px;

	margin-right: 5px;

}

.menu-tel span, .menu-tel p {

	float: left;

	color: #df4634;

}

.menu-tel p {

	font-size: 18px;

	margin-left: 5px;

	font-weight: bold;

}

.banner-ab {

	display: none;

}

/*--------banner-----------*/



.ban_p {

	z-index: 1;

}

.ban_p, .ban_p ul {

	position: relative;

	width: 100%;

}

.ban_p li, .ban_p li a {

	float: left;

	display: block;

	width: 100%;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

	height: 645px;

}

.ban_p li img {

	width: 100%;

}

.ban_t {

	width: 600px;

	height: 50px;

	bottom: 0;

	left: 50%;

	margin-left: -300px;

	position: absolute;

	text-align: center;

	z-index: 3;

}

.ban_t em {

	width: 50px;

	height: 10px;

	/* border-radius: 16px; */

	margin-right: 16px;

	display: inline-block;

	background: #969696;

	cursor: pointer;

}

.ban_t em.on {

	background: #0a72c7;

}

.ban_p .prev, .ban_p .next {

	position: absolute;

	display: block;

	left: 0px;

	top: 32%;

	width: 56px;

	height: 80px;

	background: url(../images/icons.png) left 0px no-repeat;

	filter: alpha(opacity=10);

	opacity: 0.5;

}

.ban_p .prev:hover, .ban_p .next:hover {

	opacity: 1;

}

.ban_p .next {

	left: auto;

	right: 0px;

	background-position: -64px 0px;

}

/*---------------娴锋姤涓婇潰鐨勫唴瀹�------------------*/



.banner-ab {

	position: relative;

	display: block !important;

	margin: 0 auto;

}

.banner-ab-left {

	width: 220px;

	height: 460px;

	overflow: hidden;

	position: absolute;

	padding: 0 17px 0px;

	z-index: 1;

	background: url(../images/banner-back.png);

}

.banner-ab-left ul {

	overflow: hidden;

	padding: 15px 0 20px;

	border-bottom: 1px solid #8f8baa;

}

.banner-ab-left ul:last-child {

	border-bottom: none;

}

.banner-ab-left h3, .banner-ab-left li a, .banner-ab-left p, .banner-ab-left .ewm span {

	width: 100%;

	color: #fff;

}

.banner-ab-left h3 {

	font-weight: normal;

	margin: 10px 0;

	padding-left: 30px;

	background: url(../images/zg.png) no-repeat left 5px center;

}

.banner-ab-left li {

	overflow: hidden;

	width: 50%;

	float: left;

	padding-right: 5%;

}

.banner-ab-left li a {

	line-height: 28px;

	transition: 0.8s all ease-in-out;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	color: #ddd;

}

.banner-ab-left li a:hover {

	margin-left: 6px;

	transition: 0.8s all ease-in-out;

}

.banner-ab-left .ewm span {

}

.banner-ab-left .ewm {

	margin: 30px 5px;

	overflow: hidden;

}

.banner-ab-left p {

	width: auto;

	overflow: hidden;

	margin: 0 20px;

	text-align: center;

}

.banner-ab-left .ewm p img {

	width: 100%;

}

.banner-ab-left .ewm span {

	display: block;

	text-align: center;

}

/*--------------banner-ab-right---------------------*/



.banner-ab-right {

	right: 0;

	width: 359px;

	height: 549px;

	overflow: hidden;

	position: absolute;

	padding: 20px 0px 0px;

	z-index: -1;

	background: url(../images/banner-back.png);

}

.banner-ab-right h2, .banner-ab-right li a, .banner-ab-right li {

	text-align: center;

	color: #fff;

}

.banner-ab-right h2, .banner-ab-right ol {

	margin: 0px auto;

	width: 100%;

	padding: 0 5px;

}

.banner-ab-right h2 {

	font-size: 20px;

	margin-bottom: 8px;

}

.banner-ab-right ol:hover li {

	animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;

	display: inline-block;

	transform: translate3d(0, 0, 0);

	padding-top: 10px;

	text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;

	color: #df4634;

}

.banner-ab-right ol li:nth-child(1) {

	animation-delay: 0s;

}

.banner-ab-right ol li:nth-child(2) {

	animation-delay: 0.0833333333s;

}

.banner-ab-right ol li:nth-child(3) {

	animation-delay: 0.1666666667s;

}

 @keyframes bounce {

 0% {

 transform: translate3d(0, 0, 0);

 text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;

}

 100% {

 transform: translate3d(0, -1em, 0);

 text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;

}

}

.banner-ab-right ol li {

	width: 33.33%;

	height: 44px;

	line-height: 44px;

	float: left;

	border-bottom: 1px dashed rgba(255, 255, 255, 0.1);

}

.banner-ab-right-ol {

	padding: 0px;

	overflow: hidden;

	background: url(../images/banner-back.png);

}

.banner-ab-right-ol li {

	border: none !important;

}

.content {

	width: 1200px;

	margin: auto;

	padding: 10px 0;

	overflow: hidden;

}

.content-title {

	text-align: center;

	line-height: 30px;

	color: #000;

}

.content-title h1 {

	line-height: 80px;

}

.content-left .t-img {

	border-bottom: 1px solid #1a9bcd;

	padding: 25px 0 20px 17px;

}

.content-left {

	width: 330px;

	margin: 20px 0 0 0;

	background: #205da5;

}

.content-left ul {

	background: #e5e5e5;

	overflow: hidden;

	padding: 20px 0;

}

.content-left ul li::before {

	content: "·";

	width: 30px;

	display: inline-block;

	text-align: center;

	color: #205da5;

	font-weight: bold;

}

.content-left ul li {

	width: 50%;

	float: left;

	line-height: 40px;

}

.content-left ul li a {

	display: inline;

	color: #000;

}

.content-left ul li a:hover {

	color: #205da5;

}

.content-left .s-title {

	line-height: 54px;

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	padding-left: 20px;

}

.content-left .contect {

	height: 395px;

	border-top: 10px solid #fff;

	position: relative;

	background: url(../images/connect.png) no-repeat;

}

.content-left .contect .ser {

	position: absolute;

	top: 55px;

	left: 105px;

}

.content-left .contect h3 {

	color: #fff;

	display: inline;

	font-weight: bold;

	margin-left: 10px;

}

.content-left .contect .phone {

	position: absolute;

	top: 100px;

	left: 70px;

	font-size: 27px;

}

.content-right {

	width: 852px;

	margin: 20px -11px 0 0;

	overflow: hidden;

}

.content-right .t-img {

	text-align: center;

	height: 244px;

	background: #fff;

}

.content-right .detal {

	background: #205da5;

	padding: 20px 38px;

	color: #fff;

}

.content-right .detal div {

	line-height: 50px;

	font-size: 25px;

	font-weight: bold;

}

.content-right .detal p {

	font-size: 14px;

	line-height: 28px;

}

.content-right .detal a {

	margin: 15px 0;

	color: #205da5;

	font-size: 18px;

	border-radius: 25px;

	line-height: 38px;

	background: #fff;

	width: 180px;

	text-align: center;

	padding: 6px 10px 6px 10px;

}

.content-right .detal a span {

	display: inline-block;

	border-radius: 100%;

	background: #c3262a;

	color: #ffff;

	width: 20px;

	height: 21px;

	line-height: 18px;

	font-weight: bold;

}

.content-right .fbox {

	width: 273px;

	text-align: center;

	border: 1px solid #ccc;

	margin: 11px 11px 0 0;

	background: #fff;

}

.content-right .fbox .pp {

	color: #000;

	font-size: 18px;

	line-height: 52px;

	background: #e0e0e0;

}

.content-right .fbox a:hover .pp {

	color: #fff;

	background: #205da5;

}

.buju {

	position: relative;

	height: 100%;

}

.buju .pan {

	position: absolute;

	width: 310px;

	height: 310px;

	background: url(../images/pan.png) no-repeat center;

	left: 50%;

	top: 19%;

	margin-left: -155px;

}

.buju .circle {

	position: absolute;

	width: 453px;

	height: 453px;

	background: url(../images/circle.png) no-repeat center;

	left: 50%;

	top: 10%;

	margin-left: -226.5px;

	animation: zhuan 15s linear infinite;

}

 @keyframes zhuan {

 0% {

 transform: rotate(0);

}

 100% {

 transform: rotate(360deg);

}

}

.buju .b-box {

	position: absolute;

	width: 440px;

}

.buju .b-box .num {

	width: 75px;

	height: 75px;

	border: 6px solid #205da5;

	background: #008daa;

	border-radius: 100%;

	font-size: 35px;

	text-align: center;

	line-height: 63px;

	font-weight: bold;

	color: #fff;

	float: left;

}

.buju .b-box:hover .num {

	animation: fan 1s linear;

}

 @keyframes fan {

 0% {

 transform: translateZ(0);

}

 50% {

 transform: rotateY(180deg);

}

 100% {

 transform: rotateY(360deg);

}

}

.buju .b-box .nd {

	margin: 0 0 0 88px;

}

.buju .b-box .nd h3 {

	margin: 12px 0 5px 0;

	font-weight: bold;

	color: #205da5;

}

.buju .b-box .nd p {

	font-size: 18px;

}

.buju .b-box ul {

	margin: 32px 0 0 0;

	font-size: 16px;

	width: 370px;

	clear: both;

}

.buju .b-box ul li::before {

	content: "·";

	width: 18px;

	display: inline-block;

	color: #205da5;

	font-weight: bold;

	font-size: 33px;

	vertical-align: sub;

}

.buju .b-box ul li span {

	font-weight: bold;

}

.buju .b-box ul li {

	margin: 10px 0;

}

.buju .box1 {

	top: 0px;

	left: 0px;

	background: url(../images/box1.png) no-repeat center 80px;

}

.buju .box2 {

	top: 0px;

	right: 0px;

	background: url(../images/box2.png) no-repeat center 80px;

}

.buju .box3 {

	top: 444px;

	left: 0px;

	background: url(../images/box3.png) no-repeat center 30px;

}

.buju .box4 {

	top: 440px;

	right: 0px;

	background: url(../images/box4.png) no-repeat center 30px;

}

.buju .box2 div, .buju .box4 div {

	float: right !important;

	text-align: right;

}

.buju .box2 .nd, .buju .box4 .nd {

	margin: 0 10px 0 0;

}

.buju .box2 ul, .buju .box4 ul {

	margin: 100px 0 0 86px;

}

.ind-hzyx {

	width: 100%;

	padding-bottom: 10px;

}

.ind-hzyx-b {

	width: 100%;

}

.ind-hzyx-b ul {

	overflow-x: auto;

	overflow-y: hidden;

}

.ind-hzyx-b ul li {

	float: left;

	overflow: hidden;

	margin-top: 0px !important;

	margin-right: 22px;

}

.ind-hzyx-b ul li a {

	overflow: hidden;

}

.ind-hzyx-b ul li img {

	max-width: none;

	width: -webkit-calc(100% + 5px);

	width: calc(100% + 5px);

	-webkit-transition: opacity .35s, -webkit-transform .35s;

	transition: opacity .35s, transform .35s;

	-webkit-transform: translate3d(-4px, 0, 0);

	transform: translate3d(-4px, 0, 0);

}

.news_c img {

	width: 363px !important;

}

.linyu img {

	width: 288px !important;

}

.plist img {

	width: 238px;

}

.ind-hzyx-b ul li:hover img {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.ind-hzyx-b ul li p {

	width: 100%;

	line-height: 54px;

	text-align: center;

	background: #205da5;

	color: #fff;

	font-size: 15px;

}

.ind-hzyx ol {

	position: relative;

	z-index: 9;

}

.ind-hzyx ol div {

	position: absolute;

	top: 150px;

	left: -20px;

	background: #000;

	color: #fff;

	font-weight: bold;

	border-radius: 100%;

	font-size: 35px;

	width: 40px;

	height: 40px;

	line-height: 34px;

	text-align: center;

	cursor: pointer;

}

.ind-hzyx ol .next {

	left: 1180px;

}

.yansf li {

	margin-right: 52px !important;

}

.yansf li p {

	color: #000 !important;

	background: none !important;

}

.walk {

	padding: 40px 0 0 0;

	overflow: hidden;

}

.walk .about {

	overflow: hidden;

	padding: 15px 0 20px 0;

	font-weight: bold;

	border-bottom: 2px solid #0f4f68;

}

.walk .about span {

	float: right;

	font-size: 40px;

	width: 150px;

	line-height: 40px;

	text-align: right;

}

.walk .about h3 {

	width: 322px;

	text-align: center;

	margin: 1px 0 15px;

	font-weight: bold;

}

.walk .about p {

	background: #0f4f68;

	display: inline-block;

	border-radius: 30px;

	line-height: 42px;

	color: #fff;

	width: 333px;

	font-size: 19px;

	text-align: center;

}

.walk .text {

	font-size: 16px;

	line-height: 25px;

	padding: 15px 0 0 0;

	letter-spacing: 1px;

}

.support {

	text-align: center;

	width: 100%;

}

.support .mam {

	overflow: hidden;

}

.support .mam ul {

	margin: 25px 0 0;

}

.support .mam li {

	float: left;

	margin: 0 20px 0 0;

	width: 278px;

}

.support .mam li img {

	border: 1px solid #205da5;

}

.ind-news {

	width: 100%;

	padding: 50px 0 0;

	overflow: hidden;

}

.ind-news .newti {

	width: 527px;

	margin: 5px 20px 30px 425px;

	overflow: hidden;

}

.ind-news .newti div {

	width: 155px;

	line-height: 42px;

	border: 1px solid #000;

	text-align: center;

	font-size: 22px;

	float: left;

	margin: 0 10px;

	cursor: pointer;

}

.ind-news .newti div:hover {

	color: #205da5;

	border: 1px solid #205da5;

}

.ind-news .newti div.on {

	color: #205da5;

	border: 1px solid #205da5;

}

.news {

	width: 100%;

	margin-top: 10px;

	margin-bottom: 60px;

	padding: 30px 15px;

	height: 424px;

}

.news-left {

	float: left;

	width: 700px;

	margin-right: 20px;

	padding-right: 20px;

	border-right: 1px solid #eee;

}

.news-right {

	overflow: hidden;

}

.news .newti ul, .news .newti {

	width: 100%;

	overflow: hidden;

}

.news .newti li {

	position: relative;

	float: left;

	color: #000;

	background-color: #fff;

	margin: 0 13px 30px 0;

	cursor: pointer;

	padding: 15px 50px;

	text-align: center;

	font-size: 24px;

}

.news ul .news-lid {

	background-color: #205da5;

	color: #fff;

}

.news .newti2 li {

	border-top: 1px solid #000;

	border-bottom: 1px solid #000;

	font-size: 20px;

	padding: 20px 0;

}

.news .newti2 li span {

	color: #999;

	font-size: 18px;

}

.news .newti2 li a {

	width: 28px;

	height: 28px;

	background: url(../images/more.png) no-repeat center;

	float: right;

}

.news-left .news_c, .news-left .news_c ul, .news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol a {

	width: 100%;

	overflow: hidden;

	margin: 0 auto;

	padding: 0;

}

.news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol li, .news-left .news_c ul>div dl, .news-left .news_c ul>div dd {

	float: left;

	display: block;

	overflow: hidden;

}

.news-left .news_c ul>div {

	margin: 20px auto;

}

.news-left .news_c ul>div dd {

	width: 387px;

	float: left;

	padding-left: 40px;

}

.news-left .news_c ul>div dd h4 {

	line-height: 30px;

	color: #000;

}

.news-left .news_c ul>div dd p {

	color: #000;

	letter-spacing: 2px;

}

.news-left .news_c ul>div dd span {

	color: #999;

}

.news-left .news_c ul>div dl img {

	width: 100%;

}

.hotpic img {

	width: 286px !important;

	height: 210px;

}

.news-left .news_c ul ol li {

	background: #000;

	color: #fff;

	float: none;

	overflow: hidden;

	padding: 8px 16px;

	margin: 5px 0 25px;

}

.news-left .news_c ul ol li .tiem {

	float: left;

	width: 70px;

}

.news-left .news_c ul ol li .tiem div {

	font-size: 27px;

	padding: 10px 0;

}

.news-left .news_c ul ol li:hover {

	background: #205da5;

}

.news-left .news_c ul ol li a {

	color: #fff;

	text-align: center;

}

.news-left .news_c ul ol li .ctx {

	border-left: 1px solid #fff;

	font-size: 16px;

	float: left;

	margin: 12px 0 0 15px;

	padding: 10px 0 10px 23px;

}

.news-right .news_b {

	margin-top: 10px;

	overflow: hidden;

	height: 590px;

	padding: 15px 10px;

	position: relative;

}

.news-right .news_b li {

	padding: 10px 0 30px 50px;

	background: url(../images/search.png) no-repeat 10px 10px;

}

.news-right .news_b li a {

	font-size: 18px;

	color: #205da5;

}

.news-right .news_b li a p {

	color: #333;

	font-size: 16px;

	margin: 15px 0;

	letter-spacing: 2px;

}

.card {

	background: #205da5;

	border-radius: 10px;

	margin: 80px 0 0;

	padding: 20px;

	color: #fff;

	font-size: 18px;

}

.card .hang {

	display: inline-block;

	border-bottom: 1px solid #fff;

	width: 30%;

	margin: 0 16px;

	padding: 5px 0;

}

.card .hang input {

	width: 288px;

	background: transparent;

	margin: 0 0 0 15px;

	font-size: 18px;

	color: #fff;

}

.card .tsss {

	margin: 60px 16px 20px;

	border-bottom: 1px solid #fff;

}

.card .tsss textarea {

	margin: 0 0 0 20px;

	background: transparent;

	color: #fff;

	font-size: 18px;

}

.card .free {

	margin: 20px auto 40px;

	width: 96%;

}

.card .free a {

	display: inline-block;

	border-radius: 20px;

	font-size: 18px;

	font-weight: bold;

	background: #fff;

	color: #205da5;

	padding: 15px 50px;

}

.card .free .fphone {

	float: right;

	background: url(../images/pph.png) no-repeat 0 center;

	padding: 15px 0 15px 60px;

	color: #fff;

	font-weight: bold;

	font-size: 40px;

}

.card .free .fphone span {

	font-size: 19px;

	display: inline-block;

	padding: 0 10px 0 0;

	vertical-align: bottom;

}

.friend {

	margin: 40px 0 0;

}

.friend h4 {

	color: #205da5;

	border-bottom: 1px solid #999;

	padding: 15px 0;

}

.friend h4 span {

	color: #999;

}

.friend a {

	display: inline-block;

	margin: 10px 20px 20px 0;

}

.foot {

	background: #222222;

	height: 310px;

}

.foot-lf {

	margin: -15px 0 0 0;

}

.foot-lf div {

	background: #18617f;

	color: #fff;

	padding: 24px 28px;

	font-size: 25px;

}

.foot-lf ul {

	padding: 40px 18px 23px;

	background: #fff;

	font-size: 15px;

	color: #333;

}

.foot-lf li {

	padding: 5px 10px;

}

.final {

	width: 720px;

	margin: 0 0 0 50px;

	position: relative;

}

.final ul {

	border-bottom: 1px solid #666;

	overflow: hidden;

	padding: 25px 0;

	margin-bottom: 30px;

}

.final ul li {

	float: left;

	margin: 0 15px 0 0;

}

.final ul li a {

	color: #fff;

	font-size: 18px;

}

.final p {

	display: inline-block;

	width: 47%;

	color: #999;

	font-size: 15px;

	margin: 15px 0;

}

.final .code {

	display: inline-block;

	background: #fff url(../images/code.png) no-repeat 15px center;

	padding: 8px 30px 8px 60px;

	margin: 20px 25px 0 0;

	border-radius: 50px;

	line-height: 15px;

}

.final .code p {

	color: #000;

	font-size: 14px;

	display: block;

	margin: 0;

	width: 100%;

}

.final .code span {

	color: #ccc;

	font-size: 12px;

}

.erxian {

	display: none;

	position: absolute;

	min-width: 120px;

	top: 97px;

	left: 225px;

}

.erxian img {

	width: 100%;

}

.erxian2 {

	left: 20px;

}

.kefu .kefu-main, .kefu-tel-main {

	box-sizing: content-box;

	background-image: -webkit-gradient(linear, right top, left top, from(rgb(12,85,167)), color-stop(52%, rgb(12,85,167)), to(rgb(12,85,167)));

}

.navroot a {

	display: block;

}

/*pages*/ .pagination-wrapper {

	margin: 20px 0;

}

.pagination {

	height: 34px;

	text-align: center;

}

.pagination li {

	display: inline-block;

	height: 34px;

	margin-right: 5px;

}

.pagination li a {

	float: left;

	display: block;

	height: 32px;

	line-height: 32px;

	padding: 0 12px;

	font-size: 16px;

	border: 1px solid #dddddd;

	color: #555555;

	text-decoration: none;

}

.pagination li a:hover {

	background: #f5f5f5;

	color: #0099ff;

}

.pagination li.thisclass {

	background: #09f;

	color: #fff;

}

.pagination li.thisclass a, .pagination li.thisclass a:hover {

	background: transparent;

	border-color: #09f;

	color: #fff;

	cursor: default;

}