html{
    font-family: "微软雅黑","microsoft yahei";
    font-size: 16px;
    color: #666;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body{
    background-color: #FFFFFF;
    overflow-x: hidden;
}
*{
    margin: 0;
    padding: 0;
}
a{
    color: #333;
    text-decoration: none;
    background: transparent;
    outline:none;
blr:expression(this.onFocus=this.blur());
}
a:hover{
    color: #c9161d ;
}
img{
    border: 0;
    -ms-interpolation-mode:bicubic
}
ul,ol,li,dl,dd,dt{
    list-style:none;
}
button,input,textarea{
    margin: 0;
    outline:none;
    border: none;
    font-size: 14px;
    font-family: "微软雅黑","microsoft yahei";
}
.clear{
    clear: both;
    height:0px;
    line-height:0px;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.content{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.text-ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.tf-y{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pic-box img{
    width: 100%;
}

/*iconfont*/
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hover_wap{display: none !important;}
@media screen and (max-width: 800px) {
    .hover_pc{display: none !important;}
    .hover_wap{display: block !important;}
}


/*header*/
.header{z-index: 20;position: relative;}
.header-top{line-height: 30px;padding: 10px 0;border-bottom: 1px solid #e5e5e5;color: #4d4d4d;font-size: 13px;}
.header-top ul li{float: left;padding: 0 10px;position: relative;}
.header-top ul li:before{content: "";width: 1px;height: 12px;background-color: #e5e5e5;position: absolute;right: 0;top: 9px;}
.header-top ul li:last-child:before{display: none;}
.header-top .tel font{color: #d60000;}
.header-top .tel font a{color: #d60000;}
.header-top ul li > .iconfont{display: block;}
.header-top ul li .nav_en{display: flex;}
.header-top ul li .nav_en img{
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.header-top .search > .iconfont{cursor: pointer;}
.header-top .search > .iconfont:hover{color: #c9161d;}
#search{position: absolute;right: 0;top: 45px;width: 230px;border: 1px solid #c9161d;display: none;}
#search .text{width: 100%;box-sizing: border-box;line-height: 35px;padding: 0 45px 0 10px;color: #666;background-color: #FFFFFF;}
#search .submit{position: absolute;top: 0;right: 0;line-height: 35px;width: 35px;background-color: #c9161d;color: #FFFFFF;font-size: 22px;cursor: pointer;}

.header-main{padding: 15px 0;}

#logo{margin-top: 10px;}
#logo img{height: 50px;display: block;}

.header-main .ggy{color: #4c4c4c;line-height: 25px;padding: 15px 0 15px 25px;margin-left: 25px;background: url(../images/tb1.png)no-repeat center left;}
.header-main .ggy font{display: block;font-size: 18px;color: #c9161d;}

.header-main .ewm img{display: block;height: 80px;}

.header-main .menu-show{width: 40px;line-height: 40px;text-align: center;cursor: pointer;font-size: 28px;display: none;color: #c9161d;}

.header-main .bg i{display: none;}

#menu{margin-right: 20px;margin-top: 10px;}
#menu > li{float: left;position: relative;background: url(../images/tb2.png)no-repeat center right;}
#menu > li:last-child{background: none;display: none;}
#menu > li > a{padding: 0 16px 0 15px;font-size: 16px;line-height: 60px;display: block;}
#menu > li:hover > a,#menu .on{color: #c9161d;}
#menu .iconfont{position: absolute;top: 0;left: -10px;font-size: 20px;color: #c9161d;}

#menu .subnav{
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 100%;
    background-color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.3s;
}
#menu .subnav li:first-child{margin-top: 5px;}
#menu .subnav li:last-child{margin-bottom: 5px;}
#menu .subnav li a{line-height: 40px;display: block;white-space: nowrap;padding: 0 15px;min-width: 100px;}
#menu > li:hover .subnav{opacity: 1;visibility: visible;left: 0;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.11);}

@media screen and (max-width: 1200px) {
    .header-main{padding: 15px 0;}
    #menu{margin-right: 0;width: 100%;}
    #menu > li{width: 16.66666%;}
    #menu > li > a{padding: 0;text-align: center;line-height: 40px;}
}
@media screen and (max-width: 800px) {
    .header{position: static;}
    .header-top p.fl,.header-top .tel{display: none;}
    .header-top{padding: 5px 0;line-height: 25px;display: none;}
    #search{position: fixed;width: 90%;right: 5%;}
}
@media screen and (max-width: 640px) {
    #logo img{height: 40px;}
    #logo{margin-top: 0;}
    .header-main .ggy,.header-main .ewm{display: none;}
    .header-main .menu-show{display: block;}
    .header-main .bg{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(11,13,25,0.8);z-index: 999;}
    .header-main .bg i{display: block;width: 30%;margin-top: 40px;text-align: center;font-size: 22px;color: #FFFFFF;cursor: pointer;}
    #menu{margin-top: 0;position: fixed;width: 70%;height: 100%;box-sizing: border-box;z-index: 9999;top: 0;right: -70%;padding: 3% 5% 0;background-color: #0b0d19;overflow: auto;transition: ease-in-out 0.3s;}
    .header-main .right_0{right: 0 !important;}
    #menu > li{float: none;background: none;width: 100%;border-bottom: 1px solid #232530;}
    #menu > li > a{line-height: 45px;color: #FFFFFF;}
    #menu .subnav{display: none;}
    #menu .iconfont{position: static;margin-right: 13px;}
    .header-top ul li:last-child{display: none;}
}


/*footer*/
.footer_lm{overflow: hidden;padding: 60px 0 45px;}
.footer_lm a:hover{text-decoration: underline;}
.footer_lm li{float: left;box-sizing: border-box;}
.footer_lm li .bt{display: block;color: #2c2c2c;font-size: 16px;margin-bottom: 15px;line-height: 40px;}
.footer_lm li .btn{display: none;}

.footer_lm .lm{width: 16%;padding-right: 10px;}
.footer_lm .lm a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 40px;}
.footer_lm .lm .box a{
    font-size: 14px;
}
.footer_lm .lx{width: 25%;padding-right: 10px;}
.footer_lm .lx p{position: relative;line-height: 30px;color: #333;padding-left: 22px;font-size: 14px;}
.footer_lm .lx p i{position: absolute;left: 0;top: 0;color: #c9161d;font-size: 18px;}
.footer_lm .lx .qq{background: url(../images/tb_qq.png)no-repeat top left;}
.footer_lm .lx .ba{background: url(../images/tb8.png)no-repeat left top;}

.footer_lm .ewm{width: 11%;}
.footer_lm .ewm .bt{margin-bottom: 25px;}
.footer_lm .ewm img{display: block;max-width: 100%;}


.footer_zx{padding: 40px 0;border-top: 1px solid #E5E5E5;}
.footer_zx .logo img{display: block;height: 60px;float: left;margin-top: 5px;}
.footer_zx .logo p{float: left;padding-left: 25px;margin-left: 22px;background: url(../images/tb1.png)no-repeat center left;line-height: 30px;font-size: 16px;}
.footer_zx .logo p font{display: block;font-size: 24px;color: #1a1a1a;font-weight: bold;line-height: 40px;}
.footer_zx .zx{display: block;padding: 0 40px 0 75px;position: relative;font-size: 18px;color: #FFFFFF !important;line-height: 54px;background-color: #c9161d;border-radius: 30px;margin: 8px 9% 0 0;}
.footer_zx .zx i{position: absolute;top: 0;font-size: 28px;left: 35px;}
.footer_zx .zx:hover{opacity: 0.8;}

.copyright{background-color: #c9161d;color: #FFFFFF;line-height: 22px;padding: 9px 0;font-size: 14px;}
.copyright a{color: #FFFFFF !important;}
.copyright a:hover{text-decoration: underline;}
.copyright p.fl a{margin: 0 8px;}

@media screen and (max-width: 1200px) {
    .footer_lm{padding: 5% 0;}
    .footer_lm li .bt{font-size: 16px;margin-bottom: 10px;}
    .footer_lm .lx p{font-size: 12px;}
    .footer_lm .lx p i{font-size: 16px;}
    .footer_zx{padding: 20px 0;}
    .footer_zx .logo img{margin-top: 0;height: 40px;}
    .footer_zx .logo p{padding-left: 15px;margin-left: 15px;line-height: 20px;font-size: 12px;}
    .footer_zx .logo p font{font-size: 16px;line-height: 20px;}
    .footer_zx .zx{padding: 0 20px 0 45px;font-size: 16px;line-height: 40px;margin: 0 5% 0 0;}
    .footer_zx .zx i{font-size: 24px;left: 15px;}
}
@media screen and (max-width: 820px){
    
    .pic-box img{ height:100%; margin-top:0px;} 
    
}


@media screen and (max-width: 800px) {
    .footer_lm li{width: 100% !important;padding-right: 0 !important;border-bottom: 1px solid #E5E5E5;position: relative;}
    .footer_lm li .bt{margin-bottom: 0 !important;line-height: 40px;}
    .footer_lm li .box{display: none;padding-bottom: 5px;}
    .footer_lm li .btn{display: block;position: absolute;height: 40px;width: 100%;left: 0;top: 0;cursor: pointer;}
    .footer_lm li .btn i{line-height: 40px;position: absolute;top: 0;right: 0;font-size: 24px;}
    .footer_lm li .btn_c i{
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform:rotate(180deg);
    }
    .footer_lm .ewm img{max-width: 200px;}
    .footer_zx{display: none;}
    .copyright{font-size: 12px;background-color: #E5E5E5;color: #666;}
    .copyright a{color: #666 !important;}
}
@media screen and (min-width: 801px) {
    .footer_lm li .box{display: block !important;}
}
@media screen and (max-width: 640px) {
    .copyright p.fr{width: 100%;text-align: center;}
}

/*Online Service*/
.online_service{position: fixed;right: 0;z-index: 999;bottom: 100px;}
.online_service .sidebox{width: 48px;height: 48px;position: relative;margin-bottom: 1px;}
.online_service .sidebox .box{
    height: 48px;
    line-height: 48px;
    color: #FFFFFF !important;
    padding-left: 48px;
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-transform: translateX(-48px);
    -moz-transform: translateX(-48px);
    -ms-transform: translateX(-48px);
    -o-transform: translateX(-48px);
    transform: translateX(-48px);
    transition: ease-in-out 0.4s;
    background-color: #c9161d;
}
.online_service .sidebox .box i{position: absolute;left: 0;top: 0;width: 48px;text-align: center;font-size: 26px;}
.online_service .sidebox .box p{padding: 0 15px;font-size: 16px;white-space: nowrap;}
.online_service .sidebox .box:hover{
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.online_service .sidebox .box:hover i{background-color: rgba(0,0,0,0.3);}

.online_service .wechat{position: absolute;top: 0;right: 48px;padding-right: 15px;margin-top: -65px;visibility: hidden;opacity: 0;transition: ease-in-out 0.4s;}
.online_service .wechat img{display: block;width: 120px;padding: 5px;background-color: #FFFFFF;box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.online_service .kf-wechat:hover .wechat{visibility: visible;opacity: 1;top: 50%;}

#goTop{cursor: pointer;}

#gotop_wap{position: fixed;bottom: 40px;right: 40px;z-index: 99;font-size: 50px;cursor: pointer;display: none;}
#gotop_wap:hover{color: #c9161d;}

/*wap*/
.kf_wap{height: 65px;display: none;}
.kf_wap ul{position: fixed;bottom: 0;left: 0;z-index: 998;width: 100%;box-shadow: 0 0 6px rgba(0,0,0,0.8);background-color: #c9161d;}
.kf_wap li{width: 25%;float: left;}
.kf_wap li a{display: block;color: #FFFFFF !important;text-align: center;padding: 5px 0;}
.kf_wap li a i{display: block;line-height: 35px;font-size: 26px;}
.kf_wap li a p{font-size: 12px;line-height: 20px;}

@media screen and (max-width: 800px) {
    .online_service{display: none;}
    .kf_wap{display: block !important;}
    #gotop_wap{bottom: 70px;right: 10px;font-size: 36px;display: block;}
}






.i-service {
 /* background: url(../images/i-service-bg.jpg) center center no-repeat;*/
  background-size: cover;
  padding: 120px 0 120px;
}
.i-service .container{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.i-service .container .i-tit {
    margin-bottom: 95px;
    text-align: center;
    position: relative;
}
.i-service .container .i-tit p {
    font: bold 42px arial;
    color: #2f2f2f;
    position: relative;
    text-transform: uppercase;
    font-size: 35px;
}
.i-service .container .i-tit font{
    position: absolute;
    left: 0;
    right: 0;
    top: -35px;
    font: bold 68px arial;
    color: rgba(112, 112, 112, 0.1);
    text-transform: uppercase;
}
.i-service .container .i-service-list .grid-box {
  margin: -4px;
}
.i-service .container .i-service-list .grid-box .column {
    width: 24%;
    font-size: 12px;
    display: inline-block;
    visibility: visible;
    animation-delay: 0s;
    animation-name: fadeInUpSmall;
    vertical-align: top;
}
.i-service .container .i-service-list .grid-box .column .inner {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 16px rgba(70, 70, 70, 0.32);
  transition: .3s;
  cursor: pointer;
  min-height: 450px;
}
.i-service .container .i-service-list .grid-box .column .inner .img img {
  width: 100%;
}
.i-service .container .i-service-list .grid-box .column .inner .info {
  padding: 25px 9%;
  text-align: center;
}
.i-service .container .i-service-list .grid-box .column .inner .info p:nth-of-type(1) {
    font: bold 36px arial;
    color: #c9161d;
    font-size: 30px;
    vertical-align: middle;
    display: inline-flex;
    text-align: center;
}
.i-service .container .i-service-list .grid-box .column .inner .info p:nth-of-type(1) img {
  vertical-align: middle;
  margin-right: 10px;
  width: 38px;
  height: 38px;
}
.i-service .container .i-service-list .grid-box .column .inner .info p:nth-of-type(2) {
  font: bold 20px arial;
  color: #393939;
  margin: 15px 0 8px;
}
.i-service .container .i-service-list .grid-box .column .inner .info p:nth-of-type(3) {
    font: 16px/24px arial;
    color: #a5a5a5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.i-service .container .i-service-list .grid-box .column .inner:hover {
  transform: translateY(-5px);
}

.i-tit:before {
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    background: url(../images/i-tit-icon.png) no-repeat;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -40px;
}


@media screen and (max-width: 768px) {

.i-service .container .i-service-list .grid-box .column {
    width: 100%;}
.i-service .container .i-tit font {
    display: none;
}
.i-service {
    padding: 90px 0;
}
.i-service .container .i-service-list .grid-box .column .inner .info p:nth-of-type(1) img {
    width: 33px;
}
#menu > li:last-child{display: block;}
}