﻿@charset "utf-8";
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,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend{
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html,
body{
  height:100%;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
/*table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}*/
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]),
[hidden] {
  display: none;
}
/* iPhone4/5 */
@media (max-width: 320px) {
  html {
    font-size: 42.66665px;
  }
}
/* iPhone 6 */
@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  html {
    font-size: 50px;
  }
}
/* iPhone 6 + */
@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  html {
    font-size: 55.2px;
  }
}
@media (min-width: 321px) and (max-device-width: 374px) {
  html {
    font-size: 47px;
  }
}
@media (min-width: 737px) and (max-device-width: 1024px) {
  html {
    font-size: 80px;
  }
}
body {
  font-family: dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;
  font-size:16px;
  color: #555555;
  -webkit-text-size-adjust: 100% !important;
}
a,
img,
div,
button,
input {
  -webkit-tap-highlight-color: transparent;
}
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
nav {
  list-style: none;
}
img {
  max-width: 100%;
}
.afterfix:after{
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}
a{
  color:#555;
  text-decoration:none;
}
a:hover{
text-decoration:none;
outline:none;
}

a:focus{
text-decoration:none;
outline:none;
}

:focus{
outline:0;
}
form{
	height:100%;
}



/*//针对虚拟按键的手机*/
@media screen and (max-aspect-ratio:9/12) and (min-aspect-ratio:9/14){
}

body{
  background-color: #ffffff;
}

.header{
  height: 175px;
  background-color: #fff;
  position: relative;
}
.header .wrapper{
  height: 100%;
}

.logo{
/*  width: 245px;
  height: 77px;*/
  width: 200px;
  height: 66px;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 1;
  background: url('../images/logo.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  overflow: hidden;
}
.logo a{
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.nav-mobile{
  display: none;
}
.nav{
  float: left;
  height: 100%;
  padding-top: 130px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nav .menu-list{
  width: 100%;
  height: 100%;
}
.nav .menu-btn{
  display: none;
}
.nav .menu-list .menu-parent{
  padding: 0;
  margin: 0;
}
.nav .menu-list .menu-parent > li{
  display: block;
  float: left;
  position: relative;
}
.nav .menu-list .menu-parent > li > a{
  display: block;
  margin-right: 20px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 27px;
  position: relative;
}
.nav .menu-list .menu-parent > li > a:after{
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #009999;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  transition: all .6s cubic-bezier(.19,1,.22,1);
}
.nav .menu-list .menu-parent > li > a > span{
  color: #555;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
}
.nav .menu-list .menu-parent > li.hover > a:after,
.nav .menu-list .menu-parent > li.active > a:after{
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.nav .menu-list .menu-parent > li.hover > a > span,
.nav .menu-list .menu-parent > li.active > a > span{
  color: #009999;
} 

.nav-base{
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 10;
  background-color: #ebf0f5;
}
.nav-container{
  padding-bottom: 50px;
}
.nav-column{
  display: none;
}
.nav-column.on{
  display: block;
}
.nav-column-3{
  padding-top: 16px;
}
.nav-column-2{
  padding-top: 30px;
}
.nav-column-child{
  float: left;
  width: 400px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-column-child h3{
  line-height: 38px;
  font-weight: bold;
  font-size: 18px;
}
.nav-column-child ul{
  border-top: 1px solid  #cdd9e1;
}
.nav-column-child li{
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid  #cdd9e1;
}
.nav-column-child li a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.nav-column-child li a span{
}
.nav-column-child .detail-btn{
  height: 36px;
  line-height: 36px;
  padding-top: 10px;
}
.nav-column-child .detail-btn a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.nav-column-child .detail-btn a span{
  font-weight: bold;
}
.nav-column-child-detail{
  position: absolute;
  top: 0;
  left: 0;
  width: 1200px;
  height: 100%;
  background-color: #ebf0f5;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20px;
}
.nav-column-child-detail h3 a{
  font-size: 16px;
  margin-right: 20px;
  color: #099;
}
.nav-column-child-detail li{
  float: left;
  width: 40%;
  margin-right: 20px;
}

.header-search{
  float: right;
  padding-top: 60px;
}
.header-search-top{
  padding-bottom: 16px;
  text-align: right;
}
.header-search-top .btn{
  display: inline-block;
  width: 180px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #099;
  color: #fff;
  letter-spacing: 2px;
  font-size: 18px;
}
.header-search-top .tel{
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  font-size: 22px;
  color: #009999;
  margin-right: 24px;
  position: relative;
}
.header-search-top .tel:before{
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: -30px;
  background: url('../images/icon-tel-l.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.header-search-bottom{
  height: 36px;
}
.header-search-bottom .input-box{
  width: 380px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid  #97a2a8;
  padding-right: 36px;
  padding-left: 5px;
  position: relative;
}
.header-search-bottom .input-box input[type="text"]{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 18px;
}
.header-search-bottom .input-box input[type="submit"]{
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: url('../images/icon-zoom.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.footer{
  background-color: #ebf0f5;
}
.footer .wrapper{
  padding-bottom: 45px;
}


.footer .footer-main{
  padding: 0 30px;
}
.footer .footer-item{
  float: left;
  padding-top: 35px;
}
.footer .footer-item.site-map{
  width: 24%;
}
.footer .footer-item.try{
  width: 24%;
}
.footer .footer-item.about{
  width: 24%;
}
.footer .footer-item.code{
  width: 28%;
}
.footer .footer-item h4{
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
}
.footer .footer-item ul{
  padding-top: 15px;
}
.footer .footer-item li{
  float: left;
  width: 100%;
  line-height: 30px;
  position: relative;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .footer-item.site-map li{
  width: 100%;
}
.footer .footer-item.about li{
  padding-left: 30px;
}
.footer .footer-item li:before{
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  background: url('../images/arrow-r.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.footer .code .footer-company-info{
  position: relative;
}
.footer .code .footer-company-info p{
  /*padding-left: 110px;*/
}
.footer .code .footer-company-info p a,
.footer .code .footer-company-info p span{
  position: relative;
  display: inline-block;
  opacity: .8;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 6px 0;
  padding-left: 40px;
  line-height: 1.2;
}
.footer .code .footer-company-info p a:before,
.footer .code .footer-company-info p span:before{
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: 0;
}
.footer .code .footer-company-info p a.phone:before{
  background: url('../images/icon-tel-l.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.footer .code .footer-company-info p a.email:before{
  background: url('../images/icon-email.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.footer .code .footer-company-info p span.address:before{
  background: url('../images/icon-address.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.footer .code .btn{
  padding: 20px 0 30px;
}
.footer .code .btn a{
  display: block;
  float: right;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #099;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  margin-top: 30px;
}
.footer .code .code-box{
/*  position: absolute;
  top: 0;
  left: 0;*/
  float: left;
}
.footer .code .code-box .c1{
  float: left;
}
.footer .code .code-box .c2{
  float: right;
  width: 100px;
}
.footer .code .code-box .c2 p{
  padding: 0;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}

.footer .copyright{
  line-height: 56px;
  background-color:#d1d7de;
}
.footer .copyright p{
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
}


.banner{
  display: block;
  min-width: 1200px;
  position: relative;
}
.banner .swiper-container{
  width: 100%;
  min-width: 1200px;
}
.banner .swiper-pagination-bullet{
  background-color: #fff;
  opacity: 1;
}
.banner .swiper-pagination-bullet-active{
  width: 16px;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #faa50a;
}
.banner .bg{
  width: 100%;
  height: 0;
  padding-bottom: 31.25%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-position: 0 0;
}
.banner.m{
  display: none;
}
.banner .banner-text{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 560px;
  padding: 30px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(to right,rgba(80,190,190,0.7) 0,rgba(0,153,153,0.7) 50%,rgba(0,153,176,0.7) 83%,rgba(0,153,203,0.7) 100%);
  margin-left: -600px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner .banner-text h5{
  line-height: 1.4;
  font-size: 42px;
  color: #fff;
  font-weight: bold;
}
.banner .banner-text p{
  width: 100%;
  line-height: 1.5;
  color: #fff;
  padding-top: 10px;
  font-size: 20px;
}
.banner .banner-text a{
  display: block;
  width: 200px;
  height: 48px;
  margin-top: 20px;
  color: #fff;
  line-height: 48px;
  letter-spacing: 2px;
  background-color: #faa50a;
  background-repeat: no-repeat;
  padding: 0 20px 0 40px;
  font-size: 18px;
}
.banner .img{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-position: center;
}
.banner .wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 560px;
  padding: 30px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(to right,rgba(80,190,190,0.7) 0,rgba(0,153,153,0.7) 50%,rgba(0,153,176,0.7) 83%,rgba(0,153,203,0.7) 100%);
  margin-left: -600px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner .wrap p{
  font-size: 36px;
  color: #fff;
  letter-spacing: 3px;
  line-height: 1.4;
}
.banner .wrap a{
  display: block;
  width: 200px;
  height: 48px;
  margin-top: 20px;
  color: #fff;
  line-height: 48px;
  letter-spacing: 2px;
  background-color: #faa50a;
  background-image: url(../images/arrow-r.png);
  background-position: 10px center;
  -webkit-background-size: 24px auto;
  background-size: 24px auto;
  background-repeat: no-repeat;
  padding: 0 20px 0 40px;
  font-size: 18px;
}


.navigator .navigator-tab{
  background-color: #ebf0f5;
}
.navigator .navigator-tab ul{
  border-left: 1px solid  #fff;
  height: 50px;
}
.navigator .navigator-tab li{
  float: left;
  width: 170px;
  line-height: 50px;
  border-right: 1px solid  #fff;
}
.navigator .navigator-tab li.active{
  background-color: #fff;
}
.navigator .navigator-tab li a{
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
}
.navigator .navigator-content{
  /*padding: 25px 20px 45px;*/
}
.navigator .navigator-content-child {
  padding: 25px 20px 45px;
}
.navigator .navigator-content-child-item{
  float: left;
  width: 33.3333%;
}
.navigator .navigator-content-child-item .detail-btn {
  height: 36px;
  line-height: 36px;
  padding-top: 10px;
}
.navigator .navigator-content-child-item .detail-btn a span{
  font-weight: bold;
}
.navigator .navigator-content h4{
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  padding: 10px 0;
}
.navigator .navigator-content li{
  height: 30px;
  line-height: 30px;
}
.navigator .navigator-content li a{
  display: inline-block;
  /*width: 100%;*/
  height: 100%;
  color: #099;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 16px;
  position: relative;
}
.navigator .navigator-content li a:before{
  display: block;
  content: '';
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  background: url('../images/arrow-rr.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.navigator .nav-column-child-detail{
  background-color: #fff;
}
.navigator .nav-column-child-detail h3 {
  line-height: 38px;
  font-weight: bold;
  font-size: 18px;
}

.wrapper{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.section{
  padding-top: 40px;
  padding-bottom: 40px;
}
.bggay{
  background-color: #ebf0f5 !important;
}
.bgwhite{
  background-color: #ffffff !important;
}

.item{
  float: left;
}

.row .img{
  width: 100%;
  height: 0;
  padding-bottom: 62%;
  position: relative;
  overflow: hidden;
}
.row .img .cover{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  transition: all 1s cubic-bezier(.19,1,.22,1);
  -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
  -moz-transition: all 1s cubic-bezier(.19,1,.22,1);
}
.row .con small{
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  opacity: .7;
}
.row .con h4{
  height: 66px;
  line-height: 1.4;
  font-size: 24px;
  -webkit-line-clamp:2;
  overflow:hidden;
  -webkit-box-orient:vertical;
  word-break:break-all;
  display:-webkit-box;
  /*margin-bottom:10px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;*/
  /*font-weight: bold;*/
}
.row .con p{
  line-height: 1.5;
}
.row .con span.link-btn{
  display: block;
  float: right;
  margin-top: 30px;
  width: 160px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid  #099;
  color: #009999;
  text-indent: 10px;
  letter-spacing: 1px;
  background-image: url('../images/arrow-rr.png');
  background-repeat: no-repeat;
  -webkit-background-size: 8px auto;
  background-size: 8px auto;
  background-position: left 16px center;
}

.row .row-md-box{
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.row .item .bgi{
  background-image: url('../images/arrow-r.png');
  background-repeat: no-repeat;
  -webkit-background-size: 24px auto;
  background-size: 24px auto;
  background-position: right 10px bottom 15px;
}

.item.row-md-2{
  width: 16.6666%;
}
.item.row-md-3{
  width: 25%;
}
.item.row-md-4{
  width: 33.3333%;
}
.item.row-md-6{
  width: 50%;
}
.item.row-md-8{
  width: 66.6666%;
}

.row-m-15{
  margin-left: -15px;
  margin-right: -15px;
}
.row-m-15 .item{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  margin-bottom: 30px;
}

.row-m-5{
  margin-left: -5px;
  margin-right: -5px;
}
.row-m-5 .item{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
  margin-bottom: 10px;
}

.row-m-1{
  margin-left: -1px;
  margin-right: -1px;
}
.row-m-1 .item{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1px;
  margin-bottom: 10px;
}


.item.row-md-4 a{
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.item.row-md-4 .con{
  padding: 10px 20px 30px;
}

.item.row-md-3 .con{
  padding: 20px;
}
.item.row-md-3 .con span{
  display: block;
  float: right;
  height: 30px;
  line-height: 30px;
  color: #099;
  padding-right: 30px;
  margin-top: 10px;
  background: url('../images/icon-arrow-round.png') right center no-repeat;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
}

.item.row-md-8{
  position: relative;
}
.item.row-md-8 a.bgi{
  background-image: none;
}
.item.row-md-8 .con{
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
  background-color: rgba(0,0,0,.25);
  background-image: url('../images/arrow-r-white.png');
  background-repeat: no-repeat;
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
  background-position: right 10px bottom 5px;
}
.item.row-md-8 .con h4{
  height: auto;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 10px;
}
.item.row-md-8 .con p{
  color: #fff;
}

.item.row-md-6{
  position: relative;
}
.item.row-md-6 .con{
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 30px;
  background-color: rgba(0,0,0,.7);
  background-image: url('../images/arrow-r-white.png');
  background-repeat: no-repeat;
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
  background-position: right 10px center;
}
.item.row-md-6 .con p{
  color: #fff;
}

.col-xs-12{
  /*background-color: #fff;*/
  position: relative;
}
.col-md-6{
  width: 50%;
  float: left;
}
.col-md-6 .content-text{
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:30px 50px;
}
.col-md-6 .content-text.content-text-nb.left{
  padding: 30px 50px 30px 0;
}
.col-md-6 .content-text.content-text-nb.right{
  padding: 30px 0 30px 50px;
}
.col-md-6 .content-text h4{
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.col-md-6 .content-text p{
  line-height: 1.5;
  margin-bottom: 10px;
}
.col-md-6 .content-text .link-btn{
  display: block;
  width: 190px;
  height: 50px;
  background-color: #099;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 75px;
}
.col-md-6 .content-text.left .link-btn{
  float: left;
}
.col-md-6 .content-text.left .link-btn-p{
  position: absolute;
  bottom: 0;
  left: 0;
}
.col-md-6 .content-text.right .link-btn{
  float: right;
}
.col-md-6 .content-text.right .link-btn-p{
  position: absolute;
  bottom: 0;
  right: 0;
}
.col-md-6 .content-text.right .link-btn-p.left{
  position: absolute;
  bottom: 0;
  right: 359px;
}
.col-md-6 .img{
  display: block;
  position: relative;
}
.col-md-6 .img a{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.col-md-6 .img a.video-btn{
  background: url('../images/icon-video.png') center no-repeat;
  -webkit-background-size: 120px auto;
  background-size: 120px auto;
}


.title{
  position: relative;
  padding: 38px 0;
}
.title:after{
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
  clear: both;
}
.title small{
  display: block;
  font-size: 24px;
  letter-spacing: 3px;
  padding-left: 26px;
  opacity: .7;
  margin-bottom: 15px;
}
.title span{
  display: block;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 3px;
  padding-left: 26px;
  float: left;
  position: relative;
}
.title span:before{
  display: block;
  content: '';
  width: 5px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #009999;
  margin-top: -18px;
}
.title a{
  display: block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  right: 0;
  text-align: center;
  color: #099;
}
.title a:before{
  display: block;
  content: '';
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -7px;
  background: url('../images/arrow-rr.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.section-title{
  margin-bottom: 40px;
}
.section-title span{
  display: block;
  font-size: 30px;
  font-weight: bold;
}
.section-title p{
  font-size: 18px;
  padding: 10px 0;
  margin-top: 10px;
}

.video-content{
  width: 1054px;
  margin: 0 auto;
}
.video-content h4{
  font-size: 24px;
  /*font-weight: bold;*/
  line-height: 1.5;
  padding: 9px 0;
}
.video-content p{
  line-height: 30px;
  margin-bottom: 20px;
}
.video-content .video-box .img{
  position: relative;
}
.video-content .video-box .img a.video-btn {
    background: url(../images/icon-video.png) center no-repeat;
    -webkit-background-size: 120px auto;
    background-size: 120px auto;
}
.video-content .video-box .img a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.video_wrap {
    height:0;
    padding-bottom:56.1258278%;
}
.video_inner {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.video_poster {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    /* z-index:99999; */
	z-index:2;
}
.tabs{
  border:1px solid #c8ced3;
}
.tabs .tab{
  background-color: #ebf0f5;
  border-bottom: 1px solid  #c8ced3;
}
.tabs .tab li{
  width: 25%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 72px;
  border-right: 1px solid  #c8ced3;
}
.tabs .tab-4 li{
  width: 25%;
}
.tabs .tab-5 li{
  width: 20%;
}
.tabs .tab-6 li{
  width: 16.3333%;
}
.tabs .tab-7 li{
  width: 14.2857%;
}
.tabs .tab-8 li{
  width: 12.5%;
}
.tabs .tab li.active{
  background-color: #fff;
  position: relative;
}
.tabs .tab li.active:after{
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
}
.tabs .tab.tab-4  li:last-child,
.tabs .tab.tab-5  li:last-child,
.tabs .tab.tab-6  li:last-child,
.tabs .tab.tab-7  li:last-child,
.tabs .tab.tab-8  li:last-child{
  border-right-width: 0;
}
.tabs .tab li a{
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
  position: relative;
}
.tabs .tab li h6{
  font-size: 18px;
  line-height: 1.5;
}
.tabs .tab li p{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
}
.tabs .tab li em{
  display: block;
  width: 14px;
  height: 8px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background:url(../images/arrow-b.png) center/100% auto no-repeat;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.tabs .tab li.active em{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tabs .tab-content-child{
  padding: 20px;
}


.table-paging{
  margin-top: 30px;
  text-align: center;
}
.table-paging a{
  display: inline-block;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  font-size: 18px;
  color: #099;
  /*font-weight: bold;*/
}
.table-paging span{
  display: inline-block;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  font-size: 18px;
  color: #fff;
  /*font-weight: bold;*/
}
.table-paging span.current {
  background-color: #099;
}
.table-paging span.ellipsis {
  color: #099;
}

.table-paging span.disabled {
  opacity:0.8;
}
.table-paging a.prev,.table-paging span.prev{
  background: url('../images/arrow-ll.png') center/auto 50% no-repeat;
}
.table-paging a.next,.table-paging span.next{
  background: url('../images/arrow-rr.png') center/auto 50% no-repeat;
}


.index .section{
  padding-top: 20px;
  padding-bottom: 60px;
}
.index .section.section-service .item{
  height: 404px;
}
.index .section.section-consult .item{
  height: 334px;
}
.index .section.section-news{
  padding-bottom: 30px;
}
.index .section.section-news .item{
  height: 488px;
}
.index .section.section-news .row .con span.link-btn{
  margin-top: 45px;
}
.index .section.section-news .item.row-md-8 .con{
  background-image: none;
  padding-right: 200px;
}
.index .section.section-news .row .item.row-md-8 .con span.link-btn.white{
  position: absolute;
  right: 20px;
  bottom: 30px;
  border: 1px solid #fff;
  color: #fff;
  background-image: url(../images/arrow-r-white.png);
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
  background-position: left 8px center;
}
.index .section.section-case .item a{
  background-image: none;
}
.index .section.section-aboutus p{
  padding: 5px 30px;
  line-height: 1.5;
}

.product .row .con h4.tit{
  height: auto;
  padding-bottom: 10px;
}
.product .item.row-md-3 .con{
  padding: 10px;
}

.support .tab-content-child-title h4{
  line-height: 70px;
  font-size: 24px;
  /*font-weight: bold;*/
}
.support .tab-content-child-title p{
  line-height: 30px;
  margin-bottom: 30px;
}
.support .tab-content-child .row-md-box .con{
  padding: 12px;
}
.support .tab-content-child .item .bgi {
  -webkit-background-size: 18px auto;
  background-size: 18px auto;
  background-position: right 0 bottom 5px;
}

.news .tabs{
  border: 0;
}
.news .tabs .tabs-top{
  height: 120px;
  padding-top: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ebf0f5;
}
.news .tabs .tabs-top .tab{
  margin-left: -7px;
  margin-right: -7px;
  border: 0;
}
.news .tabs .tabs-top .tab li{
  height: 71px;
  padding: 0 7px;
  border: 0;
}
.news .tabs .tab li.active{
  background-color: transparent;
}
.news .tabs .tab li.active:after{
  height: 15px;
  width: calc(100% - 14px);
  left: 7px;
}
.news .tabs .tabs-top .tab li a{
  background-color: #fff;
  position: relative;
}
.news .tabs .tabs-top .tab li a em{
  display: block;
  width: 100%;
  height: 10px;
  right: 0;
  bottom: inherit;
  top: 0;
  background: #009999;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.news .tabs .tab li p{
  line-height: 60px;
  font-size: 26px;
}
.news .row .con .state{
  display: block;
  line-height: 40px;
  font-size: 18px;
  color: #099;
  /*font-weight: bold;*/
  margin-bottom: 10px;
}
.news .row-m-15 .tab-content-child .item{
  height: 480px;
}
.news .row .end{
  background-color: #f5f7f9;
}
.news .row .end .con .state{
  color:rgba(83,83,83,.5);
}
.news .table-title{
  height: 60px;
  background-color: #cbd0d5;
}
.news .table li{
  float: left;
}
.news .table li.news-time{
  width: 10%;
}
.news .table li.news-category{
  width: 10%;
}
.news .table li.news-title{
  width: 50%;
}
.news .table li.news-day{
  width: 10%;
}
.news .table li.news-address{
  width: 10%;
}
.news .table li.news-handle{
  width: 10%;
}
.news .table li span{
  display: block;
  text-align: center;
}
.news .table-list ul:nth-child(even){
    background-color: #ebf0f5;
}
.news .table-title li{
  line-height: 60px;
  font-size: 24px;
}
.news .table-list li{
  line-height: 80px;
}
.news .table-list li a{
  display: block;
  text-align: center;
  height: 100%;
  color: #099;
}
.news .table-list li span{
  display: block;
  text-align: center;
  height: 100%;
  color: rgba(83,83,83,.5);
}
.news .clear-padding{
  padding-top: 0;
}
.news-detail .clear-padding{
  padding-top: 0;
}
.news-detail .news-content p{
  line-height: 1.5;
  margin-bottom: 20px;
}
.news-detail .news-content a.signup{
  display: block;
  float: right;
  width: 180px;
  height: 60px;
  margin:30px 0;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  color: #fff;
  background-color: #099;
  letter-spacing: 1px;
}
.news-detail .activty-bright .con{
  position: static;
  width: 100%;
  background: transparent;
}
.news-detail .activty-bright .con p{
  color: #555;
}
.news-detail .agenda .table-list ul:nth-child(odd){
  background-color: #eee;
}
.news-detail .agenda .table-list li{
  float: left;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.news-detail .agenda .table-list li.news-agenda-time{
  width: 20%;
}
.news-detail .agenda .table-list li.news-agenda-title{
  width: 60%;
}
.news-detail .agenda .table-list li.news-agenda-guest{
  width: 20%;
}
.news-detail .agenda .table-list li span{
  display: block;
  padding: 0 5px;
  text-align: left;
}
.news-detail .guest .row .img {
  width: 100%;
  height: 320px;
  padding-bottom: 0;
}
.news-detail .guest .row .full .img {
  width:25%;
  float:left;
}
.news-detail .guest .row .full .con {
  width:70%;
  float:right;
}
.news-detail .guest .row .con h4{
  height: auto;
  padding: 10px 0;
}


.case .choose{
  position: absolute;
  top: 38px;
  right: 0;
}
.case .choose .select-box{
  float: right;
  width: 270px;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid  #aaa;
  margin-left: 20px;
  position: relative;
}
.case .choose .select-box:after{
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid  #099;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 10px;
}
.case .choose .select-box select{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: transparent;
}

.case-detail .item.row-md-4 .con{
  padding: 30px 60px;
}
.case-detail .signage .item.row-md-4{
  height: 270px;
}
.case-detail .signage .item.row-md-4 h6{
  height: 36px;
  line-height: 36px;
  margin-bottom: 20px;
  padding-left: 40px;
  position: relative;
  font-size: 24px;
  color: #099;
}
.case-detail .signage .item.row-md-4 h6:before{
  display: block;
  content: '';
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -18px;
}
.case-detail .signage .item.row-md-4 .challenge h6:before{
  background: url('../images/challenge.png') 0 0/100% auto no-repeat;
}
.case-detail .signage .item.row-md-4 .plan h6:before{
  background: url('../images/plan.png') 0 0/100% auto no-repeat;
}

.case-detail .signage .item.row-md-4 .profit h6:before{
  background: url('../images/profit.png') 0 0/100% auto no-repeat;
}
.case-detail .case-detail-top h4{
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
}
.case-detail .case-detail-top .col-md-6 .content-text {
    padding: 30px 50px 30px 0;
}
.case-detail .case-detail-content p{
  line-height: 1.5;
  margin-bottom: 20px;
}
.case-detail .case-detail-title{
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid  #cdcecf;
  background-color: #ebf0f5;
}
.case-detail .case-detail-title h4{
  padding: 0 30px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 40px;
  position: relative;
}
.case-detail .case-detail-title h4:before{
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 10px;
  background: url('../images/upload.png') 0 0/100% auto no-repeat;
}
.case-detail .case-detail-list{
  padding: 20px 30px;
}
.case-detail .case-detail-list li{
  line-height: 1.5;
}
.case-detail .case-detail-list li a{
  color: #099;
}

.about .section.section-about-nav{
  padding:0;
}
.about .about-top{
  padding:  30px 80px;
}
.about .about-top .about-title{
  padding: 0 13px;
}
.about .about-top .about-title h4{
  font-size: 36px;
  margin-bottom: 20px;
}
.about .about-top .about-title p{
  line-height: 30px;
  word-break:break-all;
}
.about .about-top .about-content {
  margin-top: 30px;
}
.about .about-top .about-content li{
  float: left;
  width: 33.3333%;
  height: 70px;
  line-height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 13px;
  margin-bottom: 26px;
}
.about .about-top .about-content li a{
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 36px;
  color: #fff;
  background-color: #099;
  font-size: 18px;
  letter-spacing: 1px;
  position: relative;
}
.about .about-top .about-content li a:after{
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 20px;
  background: url('../images/arrow-r-white.png') 0 0/100% auto no-repeat;
}
.about .about-upload-title{
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid  #cdcecf;
  background-color: #ebf0f5;
}
.about .about-upload-title h4{
  padding: 0 30px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 40px;
  position: relative;
}
.about .about-upload-title h4:before{
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 10px;
  background: url('../images/upload.png') 0 0/100% auto no-repeat;
}
.about .about-upload-list{
  padding: 20px 30px;
}
.about .about-upload-list li{
  line-height: 1.5;
}
.about .about-upload-list li a{
  color: #099;
}
.about .col-md-6 .content-text{
  padding: 30px 0;
}
.about .about-detail-top{
  padding: 0;
}
.about .section-list{
  padding: 30px 0;
}
.about .section-list p{
  line-height: 1.5;
  margin-bottom: 10px;
}

.buy .col-md-6 ul{
  padding-left: 20px;
}
.buy .col-md-6 li{
  line-height: 1.5;
  margin-bottom: 10px;
}

.order .container .wrapper{
  width: 800px;
}
.order .container .table p{
  line-height: 1.5;
  margin-bottom: 20px;
}
.order .container .table-form li{
  margin-bottom: 20px;
  position: relative;
  padding-left: 200px;
  padding-right: 100px;
}
.order .container .table-form li span{
  display: block;
  width: 180px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
}
.order .container .table-form li .input-box{
  height: 36px;
  line-height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid  #c8ced3;
  background-color: #fff;
}
.order .container .table-form li .input-box input,
.order .container .table-form li .input-box select{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0 5px;
  margin: 0;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
}
.order .container .table-form-btn {
  padding-top: 20px;
  padding-bottom: 60px;
  text-align: center;
}
.order .container .table-form-btn  input{
  width: 240px;
  height: 36px;
  font-size: 18px;
  border: 0;
  background-color: #099;
  font-family: inherit;
  font-size: 100%;
  color: #fff;
  letter-spacing: 2px;
  text-indent: 2px;
}

.nschkbox{
  float: left;
  display: block;
  height: 100%;
  line-height: 40px;
  color: #787878;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  padding-left:15px;
  margin-right: 10px;
}
.nschkbox em{
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid  #555;
  margin-top: -6px;
  z-index: 1;
}
.nschkbox.chk{
}
.nschkbox.chk em{
  border: 1px solid #009aa1;
}
.nschkbox.chk em:after{
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #009aa1;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  margin-left: -3px;
}
.nschkbox input.other-input{
  border: 0;
  width:80px;
  margin-left:5px;
  line-height:26px;
  outline:0;
  background-color: transparent;
  border-bottom: 1px solid #555;
  vertical-align: middle;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  color: #555;
}
.nschkbox.chk input.other-input{
  color: #009aa1;
  border-bottom: 1px solid #009aa1;
}


.open-account{
  padding-top: 40px;
  padding-bottom: 80px;
  text-align: center;
  border-top: 1px solid  #dfdfdf;
  background-color: #efefef;
}
.open-account h4{
  text-align: center;
  font-size: 30px;
  line-height: 1;
  color: #555;
  margin-bottom: 40px;
  letter-spacing: 3px;
}
.open-account a{
  display: inline-block;
  width: 500px;
  border: 1px solid #009aa1;
  border-radius: 2px;
  cursor: pointer;
  padding: 3px 20px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  outline: 0;
  transition: all .4s ease;
  color: #fff;
  background-color: #009aa1;
  padding: 17px 0;
  font-size: 18px;
  letter-spacing: 2px;
}
.open-account p{
  margin-top: 20px;
  font-size: 14px;
  color: #aaa;
  letter-spacing: 1px;  
}
.open-account p span{
  font-size: 18px;
  margin: 0 5px;
  color: #009aa1;
}

.site-map .sm-item{
  margin-bottom: 10px;
}
.site-map .sm-item h4{
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
}
.site-map .sm-item h5{
  line-height: 1.5;
  font-weight: bold;
}
.site-map .sm-item .sm-child{
  padding: 20px 0;
}
.site-map .sm-item .sm-child-item{
  margin-bottom: 10px;
}
.site-map .sm-item li{
  float: left;
  width: 33.3333%;
  line-height: 1.5;
  padding: 10px 0;
}

.links .container .wrapper{
  width: 1100px;
}
.links .container li {
  float: left;
  width: 25%;
  line-height: 1.5;
  padding: 10px 0;
}

.contact .container .wrapper{
  width: 800px;
}
.contact .content{
  padding-bottom: 60px;
}
.contact .content p {
  line-height: 1.5;
  margin-bottom:10px;
}
.contact .left{
  float: left;
  width: 50%;
  position: relative;
}
.contact .right{
  float: right;
  width: 50%;
}
.contact .left p{
  margin-bottom: 20px;
}
.contact .left p a,
.contact .left p span{
  position: relative;
  display: inline-block;
  opacity: .8;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 6px 0;
  padding-left: 40px;
  line-height: 1.2;
}
.contact .left p a:before,
.contact .left p span:before{
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: 0;
}
.contact .left p a.phone:before{
  background: url('../images/icon-tel-l.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.contact .left p a.email:before{
  background: url('../images/icon-email.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.contact .left p span.address:before{
  background: url('../images/icon-address.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.contact .right img{
  display: block;
  width: 40%;
  margin: 0 auto;
}

.error-404{
  padding: 120px 0;
  width: 1200px;
  margin: 0 auto;
}
.error-404 .boxs{
  width: 402px;
  margin: 0 auto;
  padding: 40px 0;
}
.error-404 .boxs .icon-404{
  width: 402px;
  height: 96px;
  margin: 0 auto;
  background: url('../images/404.png') 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.error-404 .boxs p{
  color: #009aa1;
  line-height: 1.5;
}
.error-404 .boxs .btn{
  padding-top: 60px;
  text-align: center;
}
.error-404 .boxs .btn a{
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 20px;
  background-color: #faa50a;
}
.error-404 .boxs .btn a span{
  color: #fff;
}

.paginator{
  padding-top: 30px;
  text-align: center;
}
.paginator a{
  display: inline-block;
  height: 30px;
  margin: 0 5px;
  padding:0 5px;
}
.paginator a.disable{
  opacity: .5;
}
.paginator span{
  display: inline-block;
  height: 30px;
  margin: 0 5px;
  padding:0 5px;
  color: #009aa1;
}

.ejournal .page-content ul{
  padding: 0 10px;
}
.ejournal .page-content li{
  float: left;
  width: 33.3333%;
  height: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  position: relative;
  margin-bottom: 20px;
}
.ejournal .page-content li a{
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ebf0f5;
  padding-left: 146px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.ejournal .page-content li .img{
  width: 126px;
  height: 168px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.ejournal .page-content li .img .cover{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid  #c8ced3;
}
.ejournal .page-content li .con{
  padding: 10px;
}
.ejournal .page-content li p{
  margin-bottom: 10px;
  padding-left: 45px;
  position: relative;
}
.ejournal .page-content li p em{
  display: block;
  width: 45px;
  position: absolute;
  top: 0;
  left: 0;
  color: #099;
  font-size: 14px;
  line-height: 1.5;
}
.ejournal .page-content li p span{
  display: block;
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 1600px){
  .header{

  }
  .logo {
    width: 200px;
    height: 63px;
    top: 32px;
  }
  .banner .banner-text {
    width: 460px;
  }
  .banner .banner-text h5{
    font-size: 30px;
  }
  .banner .banner-text p{
    font-size: 16px;
  }
  .banner .banner-text a {
    font-size: 16px;
  }
}
@media screen and (min-width: 750px){
  .paginator a:hover{
    text-decoration: none;
  }
  .nav-column-child li:hover a{
    background-color: rgba(0,0,0,.05);
  }
  .nav-column-child li:hover a:after{
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    background: url('../images/arrow-r.png') 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  .links .container li a:hover{
    text-decoration: underline;
  }
  .site-map .sm-item li a:hover{
    text-decoration: underline;
  }

  .site-map .sm-item h4 a:hover{
    text-decoration: underline;
  }

  .about .about-upload-list li a:hover{
    text-decoration: underline;
  }

  .about .about-top .about-content li a:hover{
    background-color: #026767;
  }

  .case-detail .case-detail-list li a:hover{
    text-decoration: underline;
  }

  .row a:hover .cover{
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
  }

  .footer .footer-item li a:hover span{
    opacity: 1;
    text-decoration: underline;
  }

  .footer .copyright p a:hover{
    text-decoration: underline;
  }

  .navigator .navigator-content li a:hover{
    text-decoration: underline;
  }
}
/*//手机端*/
@media screen and (max-width: 750px){
  body{
    font-size: .3rem;
  }
  .header {
    width: 100%;
    height: 1.2rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .header .wrapper{
    width: 100%;
  }
  .logo {
    width: 2.45rem;
    height: .77rem;
    left: .2rem;
    top: 50%;
    margin-top: -.385rem;
  }
  .header .header-search-top{
    display: none;
  }
  .header .header-search{
    position: absolute;
    top: 0;
    right: 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
    z-index: 1;
    padding: 0;
  }
  .header .header-search a.header-search-btn{
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/icon-zoom.png') center/70% auto no-repeat;
  }
  .header .header-search.active a.header-search-btn{
    background:#009999 url('../images/icon-zoom-white.png') center/70% auto no-repeat;
  }
  .header .header-search .header-search-bottom{
    display: none;
    position: fixed;
    width: 100%;
    top: 1.2rem;
    height: 1.2rem;
    left: 0;
    background-color: #fafafa;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.15);
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .2rem;
    z-index: 98;
  }
  .header .header-search.active .header-search-bottom{
    display: block;
  }
  .header-search-bottom .input-box{
    width: 100%;
    padding-right: 1rem;
  }
  .header-search-bottom .input-box input[type="submit"]{
    width: 1rem;
    height: 100%;
    -webkit-background-size: 70% auto;
    background-size: 70% auto;
    background-position: center;
  }
  .nav-pc{
    display: none;
  }
  .nav-mobile{
    display: block;
  }
  .nav{
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2rem;
    height: 1.2rem;
    z-index: 2;
    padding: 0;
  }
  .nav .menu-btn{
    display: block;
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 200;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .4rem;
  }
  .nav .menu-btn em{
    display: block;
    width: .6rem;
    height: .075rem;
    background-color: #009aa1;
    border-radius: .05rem;
    margin: 0 auto;
    margin-bottom: .1rem;
    transition: all .6s cubic-bezier(.19,1,.22,1);
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    -moz-transition: all .6s cubic-bezier(.19,1,.22,1);
    -webkit-transform-origin: .06rem center;
    transform-origin: .06rem center;
  }
  .nav .menu-list{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 199;
    background-color:rgba(255,255,255,1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1.2rem;
  }
  .nav .menu-list .menu-parent{
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling : touch;
  }
  .nav .menu-list .menu-parent > li{
    width: 100%;
    border-top: 1px solid  #dfdfdf;
  }
  .nav .menu-list .menu-parent > li > a {
    margin: 0;
    padding: 0 .2rem;
    height: auto;
    line-height: 1rem;
    text-align: center;
    position: relative;
  }
  .nav .menu-list .menu-parent > li  a.link:after{
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: 50%;
    right: .4rem;
    margin-top: -.15rem;
    background: url('../images/arrow-r.png') 0 0/100% auto no-repeat;
  }
  .nav .menu-list .menu-parent > li > a > span{
    font-size: .36rem;
  }
  .nav .menu-list .menu-parent > li > ul{
    position: static;
    padding: 0;
    margin-top: 0;
  }
  .nav .menu-list .menu-parent > li > ul  li {
    line-height: .8rem;
    border-top: 1px solid  #e8e8e8;
    
  }
  .nav .menu-list .menu-parent > li > ul > li a{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .4rem;
    background-color: rgba(235,240,245,.2);
    position: relative;
  }
  .nav .menu-list .menu-parent > li > ul > li a span{
    font-size: .32rem;
    color: #555;
  }
  .nav.on .menu-list{
    display: block;
  }
  .nav.on .menu-btn{
    position: fixed;
  }
  .nav.on .menu-btn em:first-child{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav.on .menu-btn em:nth-child(even){
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  .nav.on .menu-btn em:last-child{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .navigator{
    display: none;
  }
  .nav-mobile-child{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1.2rem;
  }

  .nav-mobile-child h3{
    padding:0 .4rem;
    height: 1.6rem;
  }
  .nav .menu-list .menu-parent > li > ul > li .nav-mobile-child a.back{
    width: 50%;
    height: auto;
    font-size: .26rem;
    padding: 0;
    background-color: transparent;
  }
  .nav-mobile-child > ul{
    height: calc(100% - 1.6rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .nav-mobile-child > ul li:last-child{
    border-bottom: 1px solid  #e8e8e8;
  }

  .footer .wrapper{
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .4rem;
  }
  .footer .footer-main{
    width: 100%;
    padding: 0;
    padding-top: .4rem;
  }
  .footer .footer-item.site-map,
  .footer .footer-item.try,
  .footer .footer-item.about,
  .footer .footer-item.code{
    width: 100%;
  }
  .footer .footer-item{
    padding:0;
  }
  .footer .footer-item h4 {
    height: .6rem;
    line-height: .6rem;
    font-size: .32rem;
  }
  .footer .footer-item ul{
    padding: 0 .4rem .2rem;
  }
  .footer .footer-item li{
    width: 50%;
    line-height: 1.5;
    padding-left: .3rem;
  }
  .footer .footer-item ul:after{
    display: block;
    content: '';
    height: 0;
    visibility: hidden;
    clear: both;
  }
  .footer .footer-item.site-map li{
    width: 50%;
  }
  .footer .code .footer-company-info p a, 
  .footer .code .footer-company-info p span {
    font-size: .26rem;
    padding: .1rem 0;
    padding-left: .6rem;
  }
  .footer .code .footer-company-info p a:before, 
  .footer .code .footer-company-info p span:before {
    width: .4rem;
    height: .4rem;
    top: .08rem;
  }
  .footer .code .btn{
    padding: .55rem;
  }
  .footer .code .code-box .c2{
    width: 2rem;
  }
  .footer .code .code-box .c2 p{
    font-size: .26rem;
    margin-top: .2rem;
  }
  .footer .code .btn a {
    width: 2.4rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    margin-top: .6rem;
  }
  .footer .copyright{
    padding: .4rem;
  }
  .footer .copyright p{
    font-size: .24rem;
    line-height: 1.2;
  }

  .wrapper{
    width: 100%;
  }
  .banner{
    width: 100%;
    min-width: 100%;
    height: auto;
    margin-top: 1.2rem;
  }
  .banner .bg{
    width: 100%;
    padding-bottom: 36.25%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: center;
  }
  .banner .banner-text{
    position: static;
    width: 100%;
    height: 5.8rem;
    padding: .4rem;
    margin-left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .banner .banner-text h5{
    font-size: .48rem;
    line-height: 1.5;
    margin-bottom: .2rem;
  }
  .banner .banner-text p {
    width: 100%;
    padding-top: 0;
    letter-spacing: 1px;
    font-size: .32rem;
  }
  .banner .banner-text a {
    display: block;
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    font-size: .36rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: .2rem center;
    -webkit-background-size: .4rem auto;
    background-size: .4rem auto;
    padding: 0 .2rem 0 .6rem;
    letter-spacing: .5px;
  }
  .banner .swiper-container{
    width: 100%;
    min-width: 100%;
  }
  .banner .img{
    height: 3.5rem;
  }
  .banner .wrap {
    position: static;
    width: 100%;
    padding: .4rem;
    margin-left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .banner .wrap p {
    font-size: .48rem;
  }
  .banner .wrap a {
    display: block;
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    font-size: .32rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: .2rem center;
    -webkit-background-size: .4rem auto;
    background-size: .4rem auto;
    padding: 0 .2rem 0 .6rem;
    letter-spacing: .5px;
  }
  .main{
    padding-top: 0;
  }
  .container {
    width: 100%;
    /*padding-top: .4rem;*/
  }
  .content{
    padding: 0 .4rem;
  }
  .section{
    padding: 0;
  }
  .title {
    line-height: 1.4;
    padding: .5rem .4rem;
  }
  .title span{
    font-size: .48rem;
    padding-left: .3rem;
    letter-spacing: 1px;
  }
  .title span:before {
    height: .6rem;
    margin-top: -.3rem;
  }
  .title a {
    width: 2rem;
    height: .6rem;
    line-height: .6rem;
    margin-top: -.3rem;
  }
  .title a:before {
    width: .17rem;
    height: .3rem;
    left: 0;
    margin-top: -.15rem;
  }
  .title small {
    font-size: .32rem;
    letter-spacing: 1px;
    padding-left: .3rem;
    margin-bottom: .2rem;
  }
  .row-m-15,
  .row-m-5{
    margin: 0;
  }
  .row-m-1 .item {
    padding: 0 1px;
    margin-bottom: .2rem;
  } 

  .col-md-6 .img a.video-btn {
    -webkit-background-size: 1.2rem auto;
    background-size: 1.2rem auto;
  }
  .index .container {
/*    background: url(../images/tbg.png) center 10rem no-repeat;
    -webkit-background-size: 15rem auto;
    background-size: 15rem auto;*/
  }
  .index .section{
    padding: 0;
  }
  .index .section.section-service .item{

  }
  


  .site-map .item{
    margin-bottom: .3rem;
  }
  .site-map .item h4 {
    font-size: .36rem;
  }
  .site-map .item ul{
    padding: .2rem 0;
  }
  .site-map .item li {
    width: 50%;
    padding: .1rem 0;
  }
  .error-404 {
    padding: 1rem 0;
    width: 100%;
  }
  .error-404 .boxs {
    width: 100%;
    padding: .6rem .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .error-404 .boxs .icon-404 {
    width: 6rem;
    height: 1.43rem;
  }
  .error-404 .boxs p {
    text-align: center;
  }
  .error-404 .boxs .btn {
    padding-top: .6rem;
  }
  .error-404 .boxs .btn a {
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    margin: 0;
  }
  .error-404 .boxs .btn a span{
    letter-spacing: 2px;
  }

  .paginator{
    padding-top: .4rem;
    padding-bottom: .2rem;
  }
  .paginator a{
    margin: 0;
    height: .6rem;
    font-size: .3rem;
  }
  .paginator span{
    margin: 0;
    height: .6rem;
    font-size: .3rem;
  }

  .row-m-15 .item{
    padding:0 .4rem;
    margin-bottom: .6rem;
  }
  .product .row-m-15 .item{
    padding:.4rem .4rem 0;
  }
  .row-m-5 .item {
    width: 100%;
    padding:0 .4rem;
    margin-bottom: .6rem;
  }
  .index .section.section-service .item{
    height: 7.5rem;
  }

  .col-xs-12{
    padding-top: 4.2rem;
  }
  .col-md-6.col-md-p{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .4rem .4rem 0;
  }
  .col-md-6{
    width: 100%;
    position: relative;
  }
  .col-md-6 .content-text{
    padding: .4rem;
  }
  .col-md-6 .content-text h4{
    font-size: .36rem;
    margin-bottom: .2rem;
  }
  .col-md-6 .content-text p{
    margin-bottom: 0;
  }
  .col-md-6 .content-text.left .link-btn,
  .col-md-6 .content-text.right .link-btn,
  .col-md-6 .content-text.right .link-btn.left{
    float: none;
  }
  .col-md-6 .content-text .link-btn{
    margin-top: .75rem;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .32rem;
  }

  .index .section.section-consult .item{
    height: 6.5rem;
  }
  .row .con p{
    line-height: 1.5;
  }
  .item.row-md-3 .con span {
    height: .48rem;
    line-height: .48rem;
    padding-right: .4rem;
    margin-top: .2rem;
    -webkit-background-size: .3rem auto;
    background-size: .3rem auto;
  }
  .col-md-6 .content-text.content-text-nb.right{
    padding: .4rem;
  }
  .col-md-6 .content-text.right .link-btn-p{
    position: relative;
  }
    .col-md-6 .content-text.right .link-btn.left {
        right:0;
        position:relative;
    }
  .item.row-md-3 .con{
    padding: .4rem;
  }
  .item.row-md-8 .con{
    position: relative;
    width: 100%;
    left: 0;
    background:transparent;
    padding: .4rem;
  }
  .row .con h4{
    font-size: .36rem;
    height: 1rem;
  }
  .item.row-md-8 .con h4{
    color: #555;
    height: 1.2rem;
    line-height: 1.5;
    font-size: .36rem;
  }
  .row .item .bgi {
    -webkit-background-size: .3rem auto;
    background-size: .3rem auto;
    background-position: right .2rem bottom .3rem;
  }
  .item.row-md-8 a.bgi{
    background-image: url(../images/arrow-r.png);
  }
  .item.row-md-4 .con{
    padding: .4rem;
  }


  .index .section.section-service .col-xs-12 {
    background-color: #ebf0f5 !important;
  }
  .index .section.section-news .item{
    height: 8rem;
  }
  .index .section.section-news .row .item.row-md-8 .con span.link-btn.white {
    position: static;
    margin-top: .3rem !important;
    width: 3rem;
    height: .6rem;
    line-height: calc(.6rem - 2px);
    text-indent: .2rem;
    -webkit-background-size: .16rem auto;
    background-size: .16rem auto;
    background-position: left .4rem center;
    background-image: url(../images/arrow-rr.png);
    border: 1px solid #099;
    color: #009999;
  }
  .index .section.section-news .item.row-md-8 .con h4{
    margin-bottom: 0;
    line-height: 1.4;
  }
  .item.row-md-8 .con p{
    color: #555;
  }
  .row .con span.link-btn {
    margin-top: .3rem !important;
    width: 3rem;
    height: .6rem;
    line-height: calc(.6rem - 2px);
    text-indent: .2rem;
    -webkit-background-size: .16rem auto;
    background-size: .16rem auto;
    background-position: left .4rem center;
  }
  .index .section.section-aboutus p{
    padding: 0 .4rem .4rem;
  }
  .video-content{
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .4rem;
  }
  .video-content h4{
    font-size: .36rem;
    padding: .1rem 0;
  }
  .video-content p{
    line-height: 1.5;
    margin-bottom: .4rem;
  }
  .section-title{
    margin-bottom: 0;
    padding: .4rem;
  }
  .section-title span{
    font-size: .4rem;
  }
  .section-title p {
    font-size: .32rem;
    padding: .2rem 0;
    margin-top: 0;
  }
  .news-detail .guest .row .full .img {
    width:100%;
    float:none;
  }
  .news-detail .guest .row .full .con {
    width:100%;
    float:none;
  }
  .news-detail .guest .row .con h4{
    padding: .2rem 0;
  }
  .news-detail .item.row-md-3 .con{
    padding: 0;
  }

  .related .row-m-15 .item{
    padding: 0 .4rem;
    margin-bottom: .4rem;
  }
  .related .row-md-6{
    width: 100%;
  }
  .related .item.row-md-6 .con {
    left: .4rem;
    width: calc(100% - .8rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .2rem .4rem;
    -webkit-background-size: .4rem auto;
    background-size: .4rem auto;
    background-position: right .2rem center;
  }

  .tabs .tab li {
    width: 33.3333%;
    height: 1rem;
  }
  .support .tabs .tab li{
    width: 25%;
  }
  .tabs .tab li a{
    padding: .1rem;
  }
  .tabs .tab li a span{
    font-size: .24rem;
  }
  .tabs .tab li h6{
    font-size: .32rem;
  }
  .tabs .tab li p {
    font-size: .24rem;
    line-height: 1.5;
    letter-spacing: -1px;
  }
  .tabs .tab-content-child-title{
    padding: .4rem .4rem 0;
  }
  .support .tab-content-child-title h4{
    font-size: .36rem;
    line-height: 1.5;
    margin-bottom: .2rem;
  }
  .support .tab-content-child-title p{
    font-size: .28rem;
    line-height: 1.5;
    margin-bottom: .4rem;
  }
  .tabs .tab-content-child{
    padding: 0;
  }
  .support .tab-content-child .row-md-box .con{
    padding: .2rem;
  }
  .support .tab-content-child .item .bgi{
    -webkit-background-size: .3rem auto;
    background-size: .3rem auto;
    background-position: right .2rem bottom .3rem;
  }

  .col-md-6 .content-text.content-text-nb.left{
    padding: .4rem;
  }
  .col-md-6 .content-text.left .link-btn-p{
    position: relative;
  }
  .index .section.section-news .item.row-md-8 .con{
    padding: .4rem;
  }

  .about .about-top{
    padding: .4rem;
  }
  .about .about-top .about-title h4{
    font-size: .36rem;
    margin-bottom: .2rem;
    line-height: 1.5;
  }
  .about .about-top .about-title p{
    line-height: 1.5;
  }
  .about .about-top .about-content{
    margin-top: .4rem;
  }
  .about .about-top .about-content ul{
    margin-left: -.1rem;
    margin-right: -.1rem;
  }
  .about .about-top .about-content li {
    height: .72rem;
    line-height: .72rem;
    padding: 0 .1rem;
    margin-bottom: .2rem;
  }
  .about .about-top .about-content li a {
    padding-right: .6rem;
    font-size: .28rem;
    padding-left: .2rem;
  }
  .about .about-top .about-content li a:after {
    width: .4rem;
    height: .4rem;
    margin-top: -.2rem;
    right: .1rem;
  }
  .about .about-upload-title h4 {
    padding: 0 .4rem;
    font-size: .32rem;
    padding-left: 1rem;
    margin-top: .4rem;
  }
  .about .about-upload-title h4:before {
    width: .5rem;
    height: .5rem;
    margin-top: -.25rem;
    left: .4rem;
  }
  .about .about-upload-list{
    padding: .4rem;
  }
  .about .about-upload-list li{
    line-height: 1.5;
    margin-bottom: .2rem;
  }
  .about .about-upload-list li a{
    font-size: .28rem;
  }
  .about .about-detail-top{
    padding:0 .4rem .4rem;
  }
  .about .about-detail-top .col-xs-12{
    padding-top: 0;
  }
  .about .col-md-6 .content-text{
    padding: 0;
    padding-top: .4rem;
  }
  .about .section-list{
    padding: .4rem;
  }

  .news .tabs .tabs-top {
    height: 1.135rem;
    padding-top: .4rem;
  }
  .news .tabs .tabs-top .tab{
    margin: 0;
  }
  .news .tabs .tabs-top .tab li{
    width: 20%;
    height: .7rem;
    padding:0 1px;
  }
  .news .tabs .tab li p{
    font-size: .3rem;
    line-height: 2;
  }
  .news .tabs .tab li.active:after {
    height: .15rem;
    width: calc(100% - 1px);
    left: 1px;
  }
  .news .tabs .tabs-top .tab li a em {
    height: .1rem;
  }
  .news .row .con .state {
    line-height: 1.5;
    font-size: .3rem;
    margin-bottom: .2rem;
  }
  .news .item.row-md-4{
    width: 100%;
  }
  .news .tabs-content{
    padding-top: .4rem;
  }
  .news .table-title{
    display: none;
  }
  .news .table-list{
  }
  .news .table-list ul{
    padding: .2rem .4rem;
    margin-bottom: .4rem;
  }
  .news .table-list li{
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 1.4rem;
    font-size: .26rem;
  }
  .news .table li.news-time,
  .news .table li.news-category,
  .news .table li.news-title,
  .news .table li.news-day,
  .news .table li.news-address,
  .news .table li.news-handle{
    width: 100%;
  }
  .news .table li span{
    text-align: left;
  }
  .news .table-list li:before{
    display: block;
    width: 1.4rem;
    line-height: 1.5;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
    font-size: .26rem;
  }
  .news .table-list li a{
    text-align: left;
    text-decoration: underline;
  }

  .news .table li.news-time:before{
    content: '时间：';
  }
  .news .table li.news-category:before{
    content: '类别：';
  }
  .news .table li.news-title:before{
    content: '标题：';
  }
  .news .table li.news-day:before{
    content: '培训天数：';
  }
  .news .table li.news-address:before{
    content: '地点：';
  }
  .news .table li.news-handle:before{
  }
  .news-detail .page-tontent{
    /*padding: 0 .4rem;*/
  }
  .news-detail .news-content{
    padding: 0 .4rem;
  }
  .news-detail .news-content p{
    margin-bottom: .2rem;
  }
  .news-detail .news-content a.signup {
    width: 2.4rem;
    height: .7rem;
    margin: .4rem 0;
    line-height: .7rem;
    font-size: .32rem;
  }
  .news-detail .activty-bright.related .item.row-md-6 .con{
    padding: .2rem 0;
  }
  .news-detail .tabs .tab-4 li{
    width: 25%;
  }
  .news-detail .tabs .tab li h6{
    font-size: .28rem;
  }
  .news-detail .tabs .tabs-content{
    padding: .4rem;
  }
  .news-detail .agenda .table-list ul{
    padding: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news-detail .agenda .table-list li.news-agenda-time,
  .news-detail .agenda .table-list li.news-agenda-title,
  .news-detail .agenda .table-list li.news-agenda-guest{
    width: 100%;
  }
  .news-detail .agenda .table-list li{
    height: auto;
    line-height: 1.5;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.2rem;
    margin-bottom: .2rem;
    font-size: .28rem;
    position: relative;
  }
  .news-detail .agenda .table-list li span{
    padding: 0;
  }
  .news-detail .agenda .table-list li:before{
    display: block;
    width: 1.2rem;
    line-height: 1.5;
    position: absolute;
    top: 0;
    left: 0;
    font-size: .28rem;
    font-weight: bold;
  }
  .news-detail .agenda .table-list li.news-agenda-time:before{
    content: '时间：';
  }
  .news-detail .agenda .table-list li.news-agenda-title:before{

    content: '主题：';
  }
  .news-detail .agenda .table-list li.news-agenda-guest:before{
    content: '嘉宾：';
  }
  .news-detail .img-box{
    padding: .4rem;
  }

  .case .choose{
    position: static;
    padding: 0 .4rem .4rem;
  }
  .case .choose .select-box {
    float: none;
    width: 100%;
    height: .7rem;
    border: 1px solid #aaa;
    margin-left: 0;
    margin-bottom: .2rem;
  }
  .case .item.row-md-4{
    width: 100%;
  }
  .case-detail .row{
    width: 100%;
    overflow: hidden;
  }
  .case-detail .signage .item.row-md-4{
    height: 5rem;
  }
  .case-detail .item.row-md-4 .con{
    padding: .2rem;
  }
  .case-detail .signage .item.row-md-4 h6 {
    height: .5rem;
    line-height: .5rem;
    margin-bottom: .1rem;
    padding-left: 0;
    font-size: .36rem;
    text-align: center;
    text-indent: 1em;
  }
  .case-detail .signage .item.row-md-4 h6:before {
    width: .5rem;
    height: .5rem;
    left: .3rem;
    margin-top: -.25rem;
  }
  .case-detail .row .con p{
    font-size: .24rem;
  }
  .case-detail .case-detail-top{
    padding: .4rem;
  }
  .case-detail .case-detail-top h4 {
    font-size: .36rem;
    margin-bottom: .4rem;
  }
  .case-detail .col-md-6.col-md-p{
    padding: 0;
  }
  .case-detail .col-md-6 .content-text.content-text-nb.left{
    padding: 0;
  }
  .case-detail .case-detail-content p{
    margin-bottom: .2rem;
  }
  .case-detail .case-detail-list li{
    margin-bottom: .2rem;
  }


  .table-paging{
    margin:.4rem 0;
  }
  .table-paging a {
      margin: 0 5px;
      width: .5rem;
      height: .5rem;
      line-height: .5rem;
      font-size: .28rem;
  }
  .table-paging span {
      margin: 0 5px;
      width: .5rem;
      height: .5rem;
      line-height: .5rem;
      font-size: .32rem;
  }

  .site-map .sm-item li{
    float: none;
    width: 100%;
    line-height: 1.5;
    padding: .2rem 0;
  }



  .links .container .wrapper{
    width: 100%;
  }
  .links .page-content{
    padding: .4rem;
  }
  .links .container li{
    width: 50%;
    line-height: 1.5;
    padding: .2rem 0;
  }


  .contact .container .wrapper{
    width: 100%;
  }
  .contact .content{
    padding-bottom: .8rem;
  }
  .contact .left{
    float: none;
    width: 100%;
  }
  .contact .right{
    float: none;
    width: 100%;
  }
  .contact .left p{
    margin-bottom: .1rem;
  }
  .contact .left p a,
  .contact .left p span{
    font-size: .3rem;
    padding: .1rem 0;
    padding-left: .6rem;
  }
  .contact .left p a:before,
  .contact .left p span:before{
    width: .4rem;
    height: .4rem;
    top: .1rem;
  }
  .contact .right img{
    width: 60%;
    padding-top: .2rem;
  }

  .order .container .wrapper{
    width: 100%;
  }
  .order .container .table{
    padding:0 .4rem;
  }
  .order .container .table p{
    margin-bottom: .3rem;
  }
  .order .container .table-form li{
    margin-bottom: .3rem;
    padding-left: 3.2rem;
    padding-right: 0;
  }
  .order .container .table-form li span{
    width: 3.3rem;
    height: .6rem;
    line-height: .6rem;
  }
  .order .container .table-form li .input-box{
    height: .6rem;
    line-height: .6rem;
  }
  .order .container .table-form-btn {
    padding-top:.4rem;
    padding-bottom: .8rem;
  }
  .order .container .table-form-btn  input{
    width: 100%;
    height: .72rem;
    font-size: .32rem;
  }


  .ejournal .page-content ul{
    padding: 0 .2rem;
  }
  .ejournal .page-content li{
    width: 100%;
    height: 3.6rem;
    padding: 0 .2rem;
    margin-bottom: .2rem;
  }
  .ejournal .page-content li a{
    padding-left: 2.4rem;
  }
  .ejournal .page-content li .img{
    width: 2rem;
    height: 2.67rem;
    top: .2rem;
    left: .2rem;
  }
  .ejournal .page-content li .con{
    padding: .2rem;
  }
  .ejournal .page-content li p{
    margin-bottom: .2rem;
    padding-left: .8rem;
  }
  .ejournal .page-content li p em{
    width: .8rem;
    font-size: .26rem;
  }
  .ejournal .page-content li p span{
    font-size: .26rem;
  }
}

.login_bj{ background:url(../images/login-bj.jpg) no-repeat center;height:1000px;display:table; width:100%;}
.no_foot .footer{ margin:0;}
.login_box{ display:table-cell; vertical-align:middle;}
.login_page{ background:url(../images/loginbj.png); border-radius:5px; height:340px;text-align:center; padding:90px 0}
.member_login h2{ font-weight:100; font-size:24px; border-bottom:2px solid #099; margin:30px 0; padding-bottom:5px; color:#099; display:inline-block;}
.member_login table{ margin:0 auto;}
.member_title{ border-bottom:3px solid #0059b3; font-weight:100; font-size:18px; padding-bottom:6px; margin-bottom:50px;}
.member_login input{ border:1px solid #e5e5e5; border-radius:5px; width:400px; height:38px; padding:0 15px; margin-bottom:13px; font-size:12px; color:#ccc; line-height:38px;}

.member_login .login_button{ width:100%; height:40px; background:#099; color:#fff; font-size:16px; border:0;}
.member_login .register_button{ border-radius:5px; padding:0 15px; margin-bottom:13px; line-height:38px;height:40px; background:#099; color:#fff; font-size:16px; border:0;display:block;}

@media(max-width:767px){
	.login_bj{ height:600px;}
	.login_page{ margin:0 auto; float:none;}
	.member_login h2{ font-size:20px;}
 }
@media(max-width:440px){
	.login_page{ width:auto; padding:0 15px;}
	.member_login input{ width:100%; padding: 0 10px; margin: 0 -11px; margin-bottom:15px;}
	.member_login table{ width:100%;}
	.member_login .login_button{ width:100%;}
}
 .member_login .clause input{ width:auto; float:left; height:13px;}
 .register_yzm input{ float:left; width:65%;}
 .register_yzm .captcha{ float:right; width:38%; display:block;  font-size:14px; height:37px; width:108px; margin:0 auto;}
 .register{ height:400px;}
@media(max-width:425px){
	 .register_yzm input{ width:60%;}
 }
@media(max-width:375px){
	 .register_yzm input{ width:50%;}
 }

.index .section.section-links {
    overflow:hidden;
}
.index .section.section-links li {
    float: left;
    width: 25%;
    line-height: 1.5;
    padding: 10px 0;
}
@media screen and (max-width: 750px){
    .index .section.section-links .section-content {
        padding:0 .4rem;
    }
    .index .section.section-links li {
        width: 50%;
        padding: .2rem 0;
    }
}

.position-text{ border-bottom:1px solid #d2d2d2; overflow:hidden;}
.position-text p{ font-size:14px;  line-height:70px; background:url(../images/wz.png) no-repeat left; padding-left:25px;}
.position-text p a{color:#4a4a4a;}
.position-text p a:hover{color:#099;}

@media(max-width:767px){
	 .position-text{ display:none;}
 }

@media(max-width:750px){
	 .banner .banner-text{ background: linear-gradient(to right,rgba(80,190,190,0.7) 0,rgba(0,153,153,0.7) 50%,rgba(0,153,176,0.7) 83%,rgba(0,153,203,0.7) 100%)!important;}
 }

/*2021-11-12如何购买-试用申请与索取报价下载文件*/
.about-upload-title {height: 60px;line-height: 60px;border-bottom: 1px solid #cdcecf;background-color: #f8f8f8;}
.about-upload-title h4 {padding: 0 30px;font-size: 18px;font-weight: bold;padding-left: 40px;position: relative;}
.about-upload-title h4:before {display: block;content: '';width: 30px;height: 30px;position: absolute;top: 50%;margin-top: -13px;left: 10px;background: url('../images/upload.png') 0 0/100% auto no-repeat;}

.about-upload-list {padding: 20px 30px;}
.about-upload-list li {line-height: 1.5;}
.about-upload-list li a {color: #555;}
.wrapper2 {width: 800px;}

@media(max-width:750px) {
    .about-upload-title h4 {padding: 0 0.4rem;font-size: .32rem;padding-left: 1rem;margin-top: 0.4rem;
    }
    .about-upload-title h4:before {width: 0.5rem;height: 0.5rem;margin-top: -0.25rem;left: 0.4rem;}
    .about-upload-list {padding: 0.4rem;}
    .about-upload-list li {line-height: 1.5;margin-bottom: 0.2rem;}
    .about-upload-list li a {font-size: .28rem;}
    .wrapper2 {width: 100%;}
}

/*kefu*/
.kefu{display:none;position:fixed;right:4px;top:30%;/*top:50%;margin-top:-137px;*/z-index:998;}
.kefu ul,.kefu li{display:block;padding:0;margin:0;}
.kefu li{width:75px;height:75px;position:relative;margin:4px 0;}
.kefu li a.kefu-icon{display:block;width:100%;height:100%;background:url(/images/kf1.png) no-repeat;position:relative;border-radius:13px 13px 13px 13px;}
.kefu li a.kefu-top{background-position-y:0;}
.kefu li a.kefu-tel{background-position-y:-50px;background:url(/images/kf2.png) no-repeat;position:relative;border-radius:13px 13px 13px 13px;}
.kefu li a.kefu-apply{background-position-y:-100px;background:url(/images/kf3.png) no-repeat;position:relative;border-radius:13px 13px 13px 13px;}
/*.kefu li a.kefu-online{background-position-y:-200px;background:url(/images/kf.png) no-repeat;position:relative;}*/
.kefu li a.kefu-icon::after,.kefu li p::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;/*background:#3A7DF8;*/opacity: 0.6;filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);filter:alpha(opacity=60);}
.kefu li:hover a::after{opacity: 0.8;filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);filter:alpha(opacity=80);}
.kefu li p{display:none;width:171px;height:56px;position:absolute;top:90%;left:-171px;;margin-top:-70px;margin-bottom:0;background:url(/images/kf2-1.png) no-repeat;font-size:14px;overflow:hidden;opacity:1;}
.kefu li p::after{width:auto;right:12px;opacity:0;}
.kefu li:hover p{display:block;right:50px;}
.kefu li p a,.kefu li p a:hover{color:#0085A6;text-decoration:none;}
.kefu li p.kefu-img{padding:5px 9px 5px 5px;}
.kefu li p img{display:block;max-width:100%;max-height:100%;}
.kefu-tel-a{color:#0085A6;padding-left:13%;font-size:18px;line-height:55px;}
#kf-windows{width:800px;height:597px;display:none;position:absolute;top:-200%;right:79px;border-radius:8px;z-index:9999999;}
@media(max-width:767px){
    .kefu{top:auto;bottom:0;}
}
@media(max-height:479px){
    .kefu{top:auto;bottom:0;}
}