@font-face {
  font-family: 'iconfont';  /* project id 1867776 */
  src: url('//at.alicdn.com/t/font_1867776_zhn1t1t7eoa.eot');
  src: url('//at.alicdn.com/t/font_1867776_zhn1t1t7eoa.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1867776_zhn1t1t7eoa.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1867776_zhn1t1t7eoa.woff') format('woff'),
  url('//at.alicdn.com/t/font_1867776_zhn1t1t7eoa.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1867776_zhn1t1t7eoa.svg#iconfont') format('svg');
}



.iconfont{
    font-family:"iconfont" !important;
    font-size: 1.0rem!important;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.error_input{border-color: #ce0f2d!important;}


/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 0.625rem 1.5625rem rgba(0,0,0,0.5);-moz-box-shadow:0 0.625rem 1.5625rem rgba(0,0,0,0.5);box-shadow:0 0.625rem 1.5625rem rgba(0,0,0,0.5);}
.fancybox-outer,.fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;white-space:nowrap;padding: 0.9375rem;}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../images/fancybox_sprite.png');}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-1.375rem;margin-left:-1.375rem;background-position:0 -6.75rem;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url('../images/fancybox_loading.gif') center center no-repeat;}
.fancybox-close{position:absolute;top:-1.125rem;right:-1.125rem;width:2.25rem;height:2.25rem;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../images/blank.gif'); /* helps IE */-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:2.25rem;height:2.125rem;margin-top:-1.125rem;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:0.625rem;background-position:0 -2.25rem;}
.fancybox-next span{right:0.625rem;background-position:0 -4.5rem;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}

/* Overlay helper */
.fancybox-lock{overflow:hidden;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../images/fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}

/* Title helper */
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-2.1875rem;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:0.125rem 1.25rem;background:transparent; /* Fallback for web browsers that doesn't support RGBa */background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:0.9375rem;border-radius:0.9375rem;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:1.5rem;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:0.625rem;color:#fff;}
.fancybox-title-inside-wrap{padding-top:0.625rem;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:0.625rem;background:#000;background:rgba(0,0,0,.8);}




/*@media (max-width:767px){
    .container{width:96%;}
}
@media (min-width:768px) and (max-width:991px){
    .container{width:700px;}
}
@media (min-width:992px) and (max-width:1199px){
    .container{width:900px;}
}
@media (min-width:1200px) and (max-width:1399px){
    .container{width:1100px;}
}
@media (min-width:1400px) and (max-width:1599px){
    .container{width:1300px;}
}
@media (min-width:1600px){
    .container{width:1600px;}
}*/

.auer-shade{background-color: rgba(0,0,0,.6);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;}
.auer-dialog{position: fixed;width: 21.875rem;height: 11.25rem;background-color: #fff;top: 0;bottom: 0;right: 0;left: 0;margin: auto;border-radius: 4px;overflow: hidden;z-index: 9999;}
.auer-dialog .auer-title{line-height: 2.8125rem;padding: 0 0.9375rem;font-size: 0.9375rem;border-bottom: solid 1px #ddd;color: #444;background-color: #f9f9f9;}
.auer-dialog .auer-content{padding: 0.9375rem;font-size: 0.9375rem;color: #333;}
.auer-dialog .btn{position: absolute;bottom: 0.9375rem;right: 0.9375rem;}
.auer-dialog .btn button{border:none;background-color: #ce0f2d;color: #fff;padding: 0.3125rem 0.625rem;cursor: pointer;font-size: 0.9375rem;}

.laz, .swiper-lazy-preloader img{background: url('../images/loding.svg') no-repeat center #f9f9f9 !important;width: 100%;}
.swiper-lazy-preloader::after{display: none;}
/* ------------------------------------ 放大镜样式 ----------------------------- */

.cloudzoom-lens{border:3px solid #888;width:6.25rem;height:6.25rem;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);cursor:crosshair;background:#fff;z-index:10}.cloudzoom-zoom{border:1px solid #888;width:31.25rem;height:12.5rem;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4)}.cloudzoom-zoom-inside{border:none;-webkit-box-shadow:none;box-shadow:none}.cloudzoom-caption{display:none;text-align:left;background-color:#000;color:#fff;font-weight:700;padding:0.625rem;font-family:sans-serif;font-size:0.6875rem}.cloudzoom-blank{background-image:url(../images/blank.png)}.cloudzoom-ajax-loader{background:url('../images/loding.svg') no-repeat center;width:2.0rem;height:2.0rem}


.swiper-lazy-preloader{width: 100%;height: 100%;left: 0;top: 0;margin: 0;-webkit-animation:none;animation:none;}

body{background-color: #fff;}

/* --------------------------------   客服代码样式 --------------------------- */
#kefu{position: fixed;z-index: 9999;right: 0.625rem;top: 0;bottom: 0;margin:auto;height: 15.5rem;}
#kefu .box{background-color: #ce0f2d;border-radius: 0.3125rem;height: 100%;padding:0 0.3125rem 0.3125rem;position: relative;}
#kefu .kf-title{height: 2.6875rem;line-height: 2.6875rem;text-align: center;font-size: 1.0rem;color: #fff;}
#kefu ul{}
#kefu ul li{line-height: 1.875rem;width: 3.75rem;height: 3.75rem;background-color: #ce0f2d;margin-bottom: 0.125rem;border-radius: 3px;text-align: center;font-size: 1.5625rem;position: relative;}
#kefu ul li a{color: #fff;display: block;padding-top: 0.3125rem;height: 100%;}
#kefu ul li a i{font-size: 1.25rem!important;}
#kefu ul li a p{font-size: 0.75rem;line-height: 100%;}
#kefu ul li a .sub{position: absolute;opacity: 0;visibility: hidden;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
#kefu ul li a .sub.wx{right:100%;top: 0;background-color: #fff;border:solid 1px #eee;padding: 0.4375rem;margin-right: 0.125rem;}
#kefu ul li a .sub.wx img{max-width: 6.875rem;width: 6.875rem;}
#kefu ul li a .sub.wx p{color: #555;text-align: center;font-size: 0.9375rem;line-height: 100%;padding: 0.3125rem 0;}
#kefu ul li a .sub.tel{top: 0;background-color: #ce0f2d;color: #fff;font-size: 1.125rem;right: 100%;white-space:nowrap;padding: 0 1.25rem;font-weight: bold;margin-right: -0.1875rem;border-radius: 3px;line-height: 3.75rem;}
#kefu ul li.active a .sub{opacity: 1;visibility: visible;}

#kefu .kf-foot{text-align: center;color: #fff;padding-top: 0.625rem;}
#kefu .kf-foot .h4{font-size: 0.8125rem;margin-top: 0.3125rem;}
#kefu .box .close{position: absolute;width: 1.5rem;height: 1.5rem;border-radius: 90px;background-color: #fff;text-align: center;line-height: 1.25rem;right: -0.75rem;top: -0.75rem;font-size: 0.8125rem;cursor: pointer;border:solid 1px #00ac94;}


.kefu{position: fixed;right: 0.625rem;top: 0;bottom: 0;z-index: 999;}
.kefu .kefu-box{background-color: #fff;border-radius: 5px;box-shadow: 0 0 15px rgba(0, 0, 0, .05);border:solid 1px #ddd;}
.kefu .kefu-box > div{padding: 0.625rem;text-align: center;}
.kefu .kefu-box .qq{text-align: center;border-bottom: solid 1px #ddd;}
.kefu .kefu-box .qq i{background-color: #ce0f2d;color: #fff;border-radius: 90px;display: inline-block;font-size: 1.625rem;margin-bottom: 0.3125rem;width: 3.125rem;height: 3.125rem;line-height: 3.125rem;}
.kefu .kefu-box .rx {border-bottom: solid 1px #ddd;}
.kefu .kefu-box .rx h4{margin-bottom: 0.3125rem;font-weight: bold;font-size: 0.875rem;}
.kefu .kefu-box .rx p{font-size: 0.8125rem;color: red;}

.kefu .kefu-box .watch img{width: 6.875rem;}

.wechat{position: relative;z-index: 60;}
.help{padding-bottom: 0.625rem;}
.help p{color: #666;}

.bd_weixin_popup{-webkit-box-sizing: content-box!important;
-moz-box-sizing: content-box!important;
box-sizing: content-box!important; }

/**自定义滚动条样式 */
::-webkit-scrollbar {
    display: none
}


.social-share{}
.social-share a{margin-left: 0.625rem;}
.social-share .qq{width: 2.0rem;height: 2.0rem;text-align: center;line-height: 1.875rem;border:solid 1px #56b6e7;color: #56b6e7;border-radius: 90px;}
.social-share .qq:hover{background-color: #56b6e7;color: #fff;}

.social-share .wechat{width: 2.0rem;height: 2.0rem;text-align: center;line-height: 1.875rem;border:solid 1px #7bc549;color: #7bc549;border-radius: 90px;position: relative;}
.social-share .wechat:hover{background-color: #7bc549;color: #fff;}

.wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:70;bottom:100%;margin-bottom: 0.625rem;left:50%;margin-left: -100px;widows: 200px;color:#666;font-size:0.75rem;text-align:center;background-color:#fff;-webkit-box-shadow:0 2px 10px #aaa;box-shadow:0 2px 10px #aaa;-webkit-transition:all 200ms;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}
.wechat-qrcode.bottom{top:2.5rem;left:-5.25rem}
.wechat-qrcode.bottom:after{display:none}
.wechat-qrcode h4{font-weight:normal;height:1.625rem;line-height: 1.625rem;font-size: 0.75rem;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.wechat-qrcode .qrcode{width: 6.5625rem;margin: 0.625rem auto}
.wechat-qrcode .qrcode img{margin-bottom: 0!important;}
.wechat-qrcode .qrcode table{margin:0!important}
.wechat-qrcode .help p{font-weight:normal;line-height: 1.0rem;padding:0;margin:0;width: 100%;color: #666!important;font-size: 0.8125rem!important;}
.wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left: -0.375rem;bottom: -0.8125rem;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.wechat:hover .wechat-qrcode{display:block}


.downs .wechat-qrcode{top: 100%;bottom: auto;margin-bottom: 0;margin-top: 0.625rem;z-index: 30;}
.downs .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left: -0.375rem;top: -0.8125rem;width:0;height:0;border-width: 8px 6px 6px 6px;border-style:solid;border-color:transparent transparent #f3f3f3 transparent}

.social-share .weibo{width: 2.0rem;height: 2.0rem;text-align: center;line-height: 1.875rem;border:solid 1px #ff763b;color: #ff763b;border-radius: 90px;}
.social-share .weibo:hover{background-color: #ff763b;color: #fff;}


@charset "utf-8";

.zylayout>div{width: 48%;}


.red{color: #ce0f2d;font-style: normal;}

/* ------------------------- 头部样式 ------------------------------------------------ */


#header{padding: 0;z-index: 99999;-webkit-transition: .3s;transition: .3s;width: 100%;left: 0;top: 0;position: fixed;height: 6.25rem;}
#header .container{height: 100%;z-index: 40;width: auto;margin: 0 5%}
#header .logo{background-color: #fff;width: 13.125rem;height: 100%;padding: 0 0.625rem;}
#header .logo img{}
#header .logo .logo-tit h1{font-size: 1.625rem;color: #202020;margin-bottom: 0.375rem;line-height: 100%;}
#header .logo .logo-tit p{font-size: 1.0625rem;color: #595959;line-height: 100%;}


body.fixed #header{height: 5.625rem;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.08)}

.lang-zm{font-size:1.25rem;color:#fff;margin-right:0.625rem;line-height: 100%;}
.navbar{width:3.75rem;padding:0.9375rem;display:block;}
.navbar svg{width:100%;height:auto;fill:#fff;}
body.fixed .navbar svg,body.clicks .navbar svg{fill:#fff;}


@media (max-width:1200px){
  #header{height:4.375rem;}
  body.nav-open #header{height:4.375rem;background-color:#fff;box-shadow:0 0 0.625rem rgba(0,0,0,.08)}
  body.nav-open #header .logo svg{fill:#114783;}
  body.nav-open #header .logo svg path.lyuan{fill:#be0700;}
  body.nav-open #header{background-color:#fff;}

  body.fixed .lang-zm{color:#333;}
  body.nav-open .lang-zm{color:#333;}
  body.fixed .navbar svg,body.clicks .navbar svg,body.nav-open .navbar svg{fill:#333;}
}




/* ------------------------- 头部右边样式 ------------------------------------------------ */

/* #header .header-right a{margin-right: 40px;}
#header .header-right a i{font-size: 24px;}
 */

#header .header-right .close{width: 6.875rem;height: 6.875rem;background-color: #ce0f2d;color: #fff;cursor: pointer;z-index: 10;-webkit-transition: .5s;transition: .5s;}
#header .header-right .close button{background: none;border:none;cursor: pointer;}
#header .header-right .close button p{width: 2.5rem;height: 0.25rem;background-color: #fff;margin-bottom: 0.5rem;-webkit-transition: .4s;transition: .4s;}
#header .header-right .close button p:last-child{margin-bottom: 0;}

body.bodyshow #header .close button p{margin: 0;}
body.bodyshow #header .close button p:nth-child(1){ -webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg);
    transform: matrix(1,0,0,1,0,4) rotate(45deg);}
body.bodyshow #header .close button p:nth-child(2){width: 0;opacity: 0;}
body.bodyshow #header .close button p:nth-child(3){-webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg);
    transform: matrix(1,0,0,1,0,-4) rotate(-45deg);}


/*
#header .header-right .weixin{position: relative;}
#header .header-right .weixin .weixin-box{position: absolute;top: 50%;width: 80px;height: 80px;right: 130%;margin-top: -40px;visibility: hidden;opacity: 0;-webkit-transition: .5s;transition: .5s;}
#header .header-right .weixin .weixin-box img{border:solid 1px #ddd;}

#header .header-right .weixin .weixin-box.active{opacity: 1;visibility: visible;}
 */



#header .header-right .weixin {margin:0 0.625rem;margin-right: 1.25rem;}
#header .header-right .weixin img{width: 5.625rem;border:solid 1px #ddd;}


#header .header-right{}
#header .header-right img.watch{height: 5.3125rem;margin-right: 1.875rem;border:solid 1px #ddd;}
#header .header-right .tel a{color: #fff;font-size: 1.0625rem;position: relative;padding: 0 1.25rem;}
#header .header-right .tel a::before{content:'';width: 1px;height: 0.625rem;background-color: rgb(255,255,255,.3);display: block;position: absolute;left: 0;top: 0;bottom: 0;margin:auto;}
#header .header-right .tel a:first-child::before{display: none;}
#header .header-right .tel a.top-search i{font-size: 1.375rem;}

body.fixed #header .header-right .tel a{color: #333;}

body.fixed #header .header-right .tel a::before{background-color: rgba(0,0,0,.2);}

body.clicks #header{background-color: #fff;}
body.clicks #header .header-right .tel a{color: #333;}

/* ------------------------- 导航样式 -------------------------------------- */

.navtaion{z-index: 40;margin-right: 5.0rem;}
.navtaion .box{}
.navtaion ul{}
.navtaion ul{width: 100%;}
.navtaion ul li{z-index: 10;}

.navtaion ul li a{color: #fff;text-transform: uppercase;display: block;font-size: 1.125rem;position: relative;line-height: 6.25rem;height: 100px;text-align: center;padding: 0 1.5625rem;white-space: nowrap;}
.navtaion ul li a span{position: relative;z-index: 10;line-height: 100%;}

.navtaion ul li.active a{color: #fff;}
.navtaion ul li a:hover{color: #fff;}



body.fixed .navtaion ul li a{color: #333;}
body.fixed .navtaion ul li a:hover{color: #ce0f2d}

body.clicks .navtaion ul li a{color: #333;}
body.clicks .navtaion ul li a:hover{color: #ce0f2d}


.navtaion ul li.search i{font-size: 1.5rem;}


.navtaion ul li .ul{position: absolute;left: 0;right: 0;top: 100%;opacity: 0;border-radius: 3px; z-index: 0; background-color: #f3f3f3;padding: 0.625rem;visibility: hidden;padding: 4.375rem 0;}
.navtaion ul li .ul .li{border-bottom: solid 1px rgba(255,255,255,.2);
	-ms-text-overflow: ellipsis;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 25%;}
.navtaion ul li .ul .li:last-child{border-bottom: none;}
.navtaion ul li .ul .li a{font-size: 1.0625rem;z-index: 5;background: none;color: #333;border-radius: 0;line-height: 3.75rem;height: auto;text-align: left;}
.navtaion ul li .ul .li a:hover{color: #ce0f2d;}
.navtaion ul li .ul .li a i{margin-right: 0.3125rem;}

.navtaion ul li .ul.open{opacity: 1;visibility: visible;}
.navtaion ul li .ul .box{margin: 0 -1.5625rem;}


@media (max-width:1200px){
  body.nav-open .navtaion{margin: 0;position: absolute;left: 0;right: 0;top: 100%;background-color: #f3f3f3;}
  .navtaion ul li .ul{display: none;}
  body.nav-open .navtaion ul li a{color:#333;}
  .navtaion ul li a i{width: 3.125rem;text-align: center;}
  body.clicks .navtaion ul li a:hover{color:#222;}
  body .navtaion ul li{border-top: solid 1px #ddd;}
  body .navtaion ul li a{line-height:3.4375rem;height:3.4375rem;}
  .navtaion ul li a{text-align: left;padding: 0 5%;}
  .navtaion ul li .ul{display:none;opacity: 1;visibility: visible;}
  body.nav-open .navtaion{display:block!important;}
  .navtaion{max-height: 37.5rem;overflow-y: auto;overflow-x: hidden;}
  .navtaion ul li .ul .li a{line-height: 2.1875rem;}
  .navtaion ul li.active .ul{display: block;position: static;padding: 0.9375rem 0;opacity: 1;visibility: visible;border-top: solid 1px #ddd;}
  .navtaion ul li .ul .li{width: 100%;}
}




#banner{position: relative;overflow: hidden;}
#banner .container{height: 100%;position: relative;z-index: 30;}
#banner .swiper-slide .text{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
#banner .swiper-slide{width: 100%;overflow: hidden;}
#banner .swiper-slide .swiper-slide-bg{overflow: hidden;}
#banner .swiper-slide img{ width: 100%;}

#banner .swiper-slide .box{width: 100%;text-align: center;}
#banner .swiper-slide h1{color: #fff;font-size: 2.75rem;font-weight: bold;line-height: 100%;margin-bottom: 2.5rem;}
#banner .swiper-slide h4{color: #fff;font-size: 2.625rem;line-height: 100%;margin-bottom: 3.4375rem;}
#banner .swiper-slide ul{margin-bottom: 3.125rem;}
#banner .swiper-slide ul li{font-size: 1.25rem;color: #fff;font-weight: normal;text-align: left;margin: 0 2.625rem;position: relative;}
#banner .swiper-slide ul li::after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,.3);position: absolute;right: -2.625rem;top: 0;}
#banner .swiper-slide ul li:last-child::after{display: none;}
#banner .swiper-slide ul li i{font-size: 3.125rem;line-height: 100%;margin-right: 0.625rem;}
#banner .swiper-slide em{display: block;width: 8.0rem;line-height: 2.9375rem;background-color: #016b9f;color: #fff;text-align: center;font-size: 1.125rem;margin: 0 auto;font-style: normal;border-radius: 4px;}
#banner .swiper-slide a:hover em{background-color: #76bc37;}

#banner .swiper-slide .view-more{}
#banner .swiper-slide .view-more a{display: block;width: 10.4375rem;height: 3.125rem;line-height: 3.125rem;background-color: #ce0f2d;text-align: center;color: #fff;font-size: 1.125rem;margin:0 auto;-webkit-transition: .5s;transition: .5s;}
#banner .swiper-slide .view-more a:hover{background-color: #0757bf;}


#banner .control{position: absolute;width: 0.5rem;bottom: 0;top: 0;right: 5%;margin: auto;z-index: 10;}
#banner .swiper-pagination{width: 100%;position: static;}
#banner .swiper-pagination .swiper-pagination-bullet{width: 0.5rem;height: 0.5rem;background:#fff;opacity: 1;margin: 0.3125rem 0  ;-webkit-transition: .5s;transition: .5s;border-radius: 90px;display: block;}
#banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #ce0f2d;opacity: 1;height: 1.75rem;}


#banner .pause{width: 0.5rem;display: block;}
#banner .pause i{font-size: 0.5rem;color: #fff;width: 100%;text-align: center;display: block;}
#banner .pause svg{width: 100%;height: auto;fill: #fff;}

#banner .container{position: relative;z-index: 10;}
#banner .scroll{position: absolute;right: 0;bottom: 0;width: 100%;height: 100px;z-index: 10;}
#banner .scroll .text{background-color: #fff;width: 37.5rem;height: 100%;position: absolute;right: 0;bottom: 0;}
#banner .container .text::after{content:'';background-color: #fff;width: 60.0rem;left: 0;bottom: 0;height: 100%;display: block;position: absolute;}
#banner .container .text .box{position: absolute;z-index: 10;padding: 0 0 0 3.125rem;width: 100%;height: 100%;}

#banner .container .text .box em{font-style: normal;color: #666666;font-size: 0.875rem;display: block;overflow: hidden;height: 1.1875rem;}
#banner .container .text .box em b{display: block;}



@-webkit-keyframes updown{
	0%,100%,50%{transform: translateY(-0.3125rem);}
	100%{transform: translateY(0.625rem);}
}
@keyframes updown{
	0%,100%,50%{transform: translateY(-0.3125rem);}
	25%,75%{transform: translateY(0.625rem);}
}
.updown{-webkit-animation-name:updown;animation-name:updown}



.nav-mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);visibility: hidden;opacity: 0;-webkit-transition: .5s;transition: .5s;z-index: 50;}

body.bodyshow .main .nav-mask{visibility: visible;opacity: 1;}


.nav-mask.active{visibility: visible;opacity: 1;}





.about-slide{position: relative;}
.about-slide .container{height: 100%;}
.about-slide  .text{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.about-slide .box{width: 100%;text-align: center;}
.about-slide h1{color: #fff;font-size: 2.5rem;font-weight: bold;line-height: 100%;margin-bottom: 1.875rem;}
.about-slide h4{color: #fff;font-size: 2.25rem;line-height: 100%;margin-bottom: 2.8125rem;}
.about-slide ul{margin-bottom: 3.125rem;}
.about-slide ul li{font-size: 1.25rem;color: #fff;font-weight: normal;text-align: left;margin: 0 2.625rem;position: relative;}
.about-slide ul li::after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,.3);position: absolute;right: -2.625rem;top: 0;}
.about-slide ul li:last-child::after{display: none;}
.about-slide ul li i{font-size: 3.125rem;line-height: 100%;margin-right: 0.625rem;}
.about-slide em{display: block;width: 8.0rem;line-height: 2.9375rem;background-color: #016b9f;color: #fff;text-align: center;font-size: 1.125rem;margin: 0 auto;font-style: normal;border-radius: 0.25rem;}
.about-slide a:hover em{background-color: #76bc37;}








.slide{height: 37.5rem;position: relative;}
/*.slide::before{content:'';position:absolute;background:rgba(0,0,0,0.1);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}*/
.slide .container{height: 100%;position: relative;z-index: 2;}

.slide .container .text{text-align: center;width: 100%;}
.slide .container h1{font-size: 2.8125rem;line-height: 100%;color: #fff;text-transform: uppercase;margin-bottom: 15px;padding;text-shadow: 0 0 5px rgba(0,0,0,.1)}
/*.slide .container h1::after{content: '';display: block;width: 40px;background-color: #fff;height: 3px;margin:20px 0;}
*/
.slide .container p{font-size: 1.25rem;color: #fff;text-shadow: 0 0 5px rgba(0,0,0,.1)}


.slide.shop-slide .container .text{text-align: left;}
.slide.shop-slide .container p{padding: 0;}


@media (max-width:1200px){
  .slide .container h1{font-size: 1.875rem}
  .slide{height: 25.0rem;}
}



.tit{margin-bottom: 2.5rem;}
.tit h1{font-size: 2.25rem;color: #181818;line-height: 100%;}
.tit h1 em{font-style: normal;font-size: 1.1875rem;color: #999999;margin-left: 0.625rem;}
.tit p{font-size: 1.0rem;color: #727272;text-align: center;line-height: 1.5625rem;}


.ptb70{padding: 4.375rem 0;}
.pt70{padding-top: 4.375rem;}
.pb70{padding-bottom: 4.375rem;}


.ptb60{padding: 3.75rem 0;}
.pt60{padding-top: 3.75rem;}
.pb60{padding-bottom: 3.75rem;}



.ptb50{padding: 3.125rem 0;}
.pt50{padding-top: 3.125rem;}
.pb50{padding-bottom: 3.125rem;}


.tits{text-align: left;font-size: 2.25rem;color: #111;line-height: 100%;margin-bottom: 1.875rem;}


/* ====================================   底部   ==================================== */

#footer{background-color: #1e1e1e;}


.bottom-nav{font-size: 0.8125rem;padding: 5.3125rem 0;}

.bottom-nav dl{position: relative;}
.bottom-nav dl dt{font-size: 1.125rem;color: #fff;margin-bottom: 1.25rem;position: relative;padding-left: 0.875rem;}
.bottom-nav dl dd{padding-left: 0.875rem;}
.bottom-nav dl dd p{}
.bottom-nav dl dd a{color: #666666;font-size: 0.9375rem;padding;line-height: 2.25rem;}
.bottom-nav dl dd a:hover{color: #ce0f2d;}

.bottom-nav dl dd p.pos{position: relative;padding-left: 5.3125rem;}
.bottom-nav dl dd p.pos b{position: absolute;left: 0;top: 0;}

.bottom-nav dl.foot-contact{ }
.bottom-nav dl.foot-contact dd p{font-size: 0.9375rem;line-height: 1.625rem;color: #666;margin-bottom: 0.625rem;}

.bottom-nav dl.watch{width: auto;}
.bottom-nav dl.watch dt{padding: 0;margin: 0;}

.bottom-nav dl.watch dd{color: #666;padding: 0;text-align: center;color: #666666;font-size: 0.875rem;line-height: 2.25rem;}


.foot-bottom{padding: 1.5625rem 0;font-size: 0.875rem;color: #666666;border-top: solid 1px rgba(255,255,255,.1);line-height: 1.5625rem;text-align: center;}
.foot-bottom a{color: #666666;}
.foot-bottom a:hover{}



@media (max-width:1200px){
    .bottom-nav{padding: 1.875rem 0}
  .bottom-nav dl dt{border-bottom:solid 0.0625rem rgba(255,255,255,.2);margin-bottom:0;padding:0.625rem 0;}
  .bottom-nav dl dd{display:none;padding: 0.3125rem 0;}
  .bottom-nav dl.nv dt{display:-ms-flexbox!important;display:flex!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
  .bottom-nav dl dt svg{width: 110px;height: auto;}
  .bottom-nav dl.foot-contact{text-align:center;}
  .bottom-nav dl.foot-contact dt{border-bottom:none;margin-bottom:0!important;}
  .bottom-nav dl.foot-contact dd{display:none;}
  .bottom-nav dl.watch{text-align:center;padding-top:2.5rem;}
  .bottom-nav dl.watch dt{border-bottom:none;}
  .bottom-nav dl.watch dd{display:block;}
  .foot-bottom .left{width:100%;}
}




.search{position: fixed;width: 100%;height: 100%;background-color: rgba(255,255,255,.97);z-index: 9990990;top: 0;left: 0;visibility: hidden;opacity: 0;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.search .close_btn{position: absolute;right: 5rem;top: 4rem;cursor: pointer;}
.search .wrapper{width: 70%;position: relative;margin-top: -10%;}
.search label{position: absolute;bottom: 0.625rem;font-size: 1.25rem;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.search form{width: 100%;}
.search input[type="text"]{border:none;border-bottom: solid 2px #333;width: 100%;background: none;padding: 0.625rem 0;}
.search button{border:none;background: none;position: absolute;right: 0;bottom: 10px;color: #222;cursor: pointer;}
.search button i{font-size: 1.5rem;line-height: 100%;}

.search.focus label{bottom: 2.5rem;}

.search.open{visibility: visible;opacity: 1;}


.prodes{line-height: 1.75rem;color: #777;margin-bottom: 1.875rem;font-size: 0.875rem;}

.catpos {padding: 1.25rem 0;color: #666;font-size: 1.0rem;background-color: #f9f9f9;}
.catpos i{margin-right: 0.625rem;}
.catpos a{color: #666;}
.catpos a:hover{color: #ce0f2d;}


.show{width: 70.0rem;}
.show .num{display: block;font-style: normal;font-size: 0.9375rem;color: #777;margin-bottom: 0.625rem;}
.show .p-tits{margin-bottom: 40px;}
.show .content{font-size: 15px;padding;color: #555;line-height: 1.625rem;margin-bottom: 2.5rem;}
.show .content img{margin: 0.625rem auto;display: block;}


.error{color: red;padding-top: 0.3125rem;}

.ziliao.open{visibility: visible;opacity: 1;}


.bdsharebuttonbox > a{background-image: none!important;width: 1.875rem!important;height: 1.875rem!important;margin: 0!important;padding: 0!important;text-align: center;line-height: 1.875rem!important;border-radius: 90px;margin-right: 0.625rem!important;}
.bdsharebuttonbox > a i{font-size: 1.125rem;}
.bdsharebuttonbox > a.bds_weixin{background-color: #c40708;color: #fff;}
.bdsharebuttonbox > a.bds_sqq{background-color: #0582a7;color: #fff;}
.bdsharebuttonbox > a.bds_tsina{background-color: #349b4d;color: #fff;}
.bdsharebuttonbox > a.bds_qzone{background-color: #d01b50;color: #fff;}
.bdsharebuttonbox > a:hover{color: #fff!important;}
/**
 * ============================== 产品 ===================================
 */
#product{padding: 7.5rem 0;}

#product .navbar{width: 17.5rem;position: relative;padding-top: 5.375rem;}
#product .navbar h1{height: 5.25rem;font-size: 1.5rem;color: #fff;background-color: #ce0f2d;text-align: center;line-height: 5.25rem;width: 100%;position: absolute;top: 0;left: 0;}
#product .navbar h1::before{content:'';display:block;height:1px;background-color:#fff;width:3.75rem;position:absolute;bottom:0;left:0;-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);-o-transform:rotate(-24deg);transform:rotate(-24deg);-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;transform-origin:left bottom;}
#product .navbar h1::after{content:'';display:block;height:1px;background-color:#fff;width:3.75rem;position:absolute;top:0;right:0;-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);-o-transform:rotate(-24deg);transform:rotate(-24deg);-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;}
#product .navbar ul{height: 100%;}
#product .navbar ul li{position: relative;width: 100%;height: 3.0rem;line-height: 3.0rem;}
#product .navbar li a{background-color: #f1f1f1;display: block;font-size: 0.9375rem;padding;position: relative;height: 100%;padding: 0 1.875rem;}
#product .navbar li a i{font-size: 1.375rem;margin-left: 0.625rem;border-radius: 90px;border:solid 1px #d6d6d6;width: 1.5rem;height: 1.5rem;line-height: 1.375rem;font-size: 16px;text-align: center;}
#product .navbar li a:hover{background-color: #ce0f2d;color: #fff;}


#product .left{position: relative;width: 22rem;}
#product .left .tit{margin-bottom: 2.5rem;}
#product .left ul li{font-size: 1.125rem;line-height: 3.4375rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis}
#product .left ul li a:hover{text-decoration: underline;color: #ce0f2d;font-weight: bold;}
#product .left ul li.active a{text-decoration: underline;color: #ce0f2d;font-weight: bold;}
#product .left .pro-btn{position: absolute;bottom: 0;}
#product .left .pro-btn a{display: block;width: 3.625rem;height: 3.625rem;border:solid 2px #ce0f2d;transition: .5s}
#product .left .pro-btn a:first-child{border-right: none;}
#product .left .pro-btn a svg{width: 0.75rem;height: auto;fill: #ce0f2d;}
#product .left .pro-btn a:hover{background-color: #ce0f2d;}
#product .left .pro-btn a:hover svg{fill: #fff;}

#product .right{width: 76.875rem;overflow: hidden;}
#product .right ul li img{background-color: #f8f8f8;width: 100%;}

#product .list .swiper-pagination-bullet{width: 0.75rem;height: 0.75rem;}

#app{background-color: #f4f4f4;padding: 7.5rem 0;overflow: hidden;}
#app .tit{margin-bottom: 3.75rem;}
#app .tit .app-btn a {display: block;width: 3.5rem;height: 3.5rem;border:solid 1px #e2e2e2;margin-left: 0.625rem;}
#app .tit .app-btn a svg{height: 15px;padding;width: auto;fill: #d7d7d7}

#app .tit .app-btn a:hover{border-color: #333;}
#app .tit .app-btn a:hover svg{fill: #333;}

#app .list .swiper-wrapper{margin: 0 -1.1875rem;width: auto;}
#app .list .swiper-slide{padding: 0 1.1875rem;}
#app .list a{display: block;}
#app .list .img{overflow: hidden;}
#app .list .img img{width: 100%;transition: .5s}
#app .list a:hover .img img{transform: scale(1.1);}
#app .list .text{background-color: #fff;padding: 3.4375rem;transition: .5s;min-height: 16.125rem;}
#app .list a:hover .text{background-color: #ce0f2d;}
#app .list .text h3{font-size: 1.5rem;color: #212121;margin-bottom: 1.5625rem;}
#app .list .text h3 em{font-size: 0.9375rem;font-style: normal;}
#app .list .text h3 svg{width: auto;height: 0.875rem;margin-left: 0.3125rem;}
#app .list .text p{font-size: 0.9375rem;color: #747474;line-height: 1.875rem;}

#app .list a:hover .text h3{color: #fff;}
#app .list a:hover .text h3 svg{fill: #fff;}
#app .list a:hover .text p{color: #fff;}


#shili{background: url(../images/slbj.jpg) no-repeat center fixed;height: 32.5rem;position: relative;margin-bottom: 0.25rem;}
#shili::before{content:'';background-color: rgba(0,0,0,.65);position: absolute;left: 0;top: 0;z-index: 2;height: 100%;width: 100%;}

#shili .container{height: 100%;z-index: 10;position: absolute;left: 0;top: 0;right: 0;}
#shili .container .box{width: 100%;}
#shili .container h1{color: #fff;text-align: center;font-size: 2.25rem;margin-bottom: 6.25rem;}
#shili .container dl{color: #fff;text-align: center;width: 25%;position: relative;}
#shili .container dl::after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,.2);position: absolute;top: 0;right: 0;}
#shili .container dl:last-child::after{display: none;}
#shili .container dl dt{font-size: 3.75rem;}
#shili .container dl dd{font-size: 0.9375rem;}


@media (max-width:1200px){

  #app .list .text{padding: 1.875rem;height: auto;}
  #app .list .text h3{margin-bottom: 1.25rem; }

  #shili .container h1{margin-bottom: 2.5rem;}

  #shili .container dl:nth-child(2n)::after{display: none;}

  #shili .container dl dt{font-size: 2.5rem;}
}

#about{}
#about ul{margin: 0 0;}
#about li{padding: 0 0;}
#about li.row{margin: 0;}
#about li > div{padding: 0 2px;width: 50%;}
#about li .text .box{background-color: #f4f4f4;height: 100%;padding: 4.375rem;transition: .5s}
#about li .text .box h3{font-size: 2.1875rem;color: #1e1e1e;}
#about li .text .box p{color: #6b6b6b;font-size: 0.875rem;margin-bottom: 80px;}
#about li .text .box span{display: block;width: 10.0rem;height: 3.375rem;line-height: 3.25rem;text-align: center;border:solid 1px #e2e2e2;font-size: 0.875rem;}
#about li .text .box span svg{width: 1.0rem;height: auto;margin-left: 0.3125rem;}
#about li .img{overflow: hidden;}
#about li .img img{transition: .5s;}
#about li .img a{display: block;overflow: hidden;}
#about li .img a:hover img{transform: scale(1.1);}
#about li > div a:hover .box{background-color: #ce0f2d;}
#about li > div a:hover .box h3{color: #fff;}
#about li > div a:hover .box p{color: #fff;}
#about li > div a:hover .box span{color: #fff;}
#about li > div a:hover .box span svg{fill: #fff;}


@media (max-width:1200px){
  #about li{margin-bottom: 10px!important;}
  #about li .img img{width: 100%;}
}


#news {padding: 7.5rem 0;overflow: hidden;}
#news .tit{margin-bottom: 3.75rem;}
#news .tit .news-btn a {display: block;width: 3.5rem;height: 3.5rem;border:solid 1px #e2e2e2;margin-left: 0.625rem;}
#news .tit .news-btn a svg{height: 15px;padding;width: auto;fill: #d7d7d7}

#news .tit .news-btn a:hover{border-color: #333;}
#news .tit .news-btn a:hover svg{fill: #333;}

#news .list{overflow:hidden;}
#news .list ul{margin: 0;}
#news .list ul li{border:solid 1px #efefef;border-right:none;padding: 0;}
#news .list ul li:last-child{border-right:solid 1px #efefef;}
#news .list ul li .img{overflow:hidden;}
#news .list ul li img{width:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
#news .list ul li a:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#news .list ul li .text{padding: 2.5rem;height: 15.125rem;}
#news .list ul li .text h3{color:#1d1d1d;font-size: 1.25rem;font-weight:bold;}
#news .list ul li .text .date{margin: 1.375rem 0;font-size:0.875rem;color:#737373;}
#news .list ul li .text p{font-size:0.875rem;color:#737373;line-height:1.5rem;}
#news .list ul li a:hover .text h3{color:#ce0f2d}

#network{background-color: #c5d2e1;padding: 7.5rem 0;}
#network .tit{text-align: center;}
#network .tit h1{color: #101010;}
#network .tit p{color: #101010;}

#network .list{background: url(../images/network.svg) no-repeat center;padding: 3.125rem 0;height: 37.75rem;}

.p-kehu ul{margin: 0 -0.625rem;}
.p-kehu ul li{width: 20%;padding: 0 0.625rem;margin-bottom: 1.25rem;}
.p-kehu ul li img{border:solid 1px #ddd;margin-bottom: 0.625rem;}

.p-kehu ul li .h3{text-align: center;font-size: 1.0rem;}

@media (max-width:1200px){
  #news .list ul li{border:solid 1px #efefef;}
  #news .list ul li .text{padding: 1.5625rem;height: auto;}
  #news .list ul li .text .date{margin: 0.9375rem 0}
  #network .list{background: url(../images/network.svg) no-repeat center;padding: 3.125rem 0;height: 22.75rem;background-size: cover;}
}



.pages-service{padding: 5.625rem 0;background-color: #f8f8f8;}
.pages-service ul li a{margin: 0;}
.pages-service ul li a > div{width: 50%;padding: 0;}
.pages-service ul li a .left{overflow: hidden;}
.pages-service ul li a .left img{-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.pages-service ul li a:hover .left img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.pages-service ul li a .right{background-color: #fff;padding: 4.375rem 6%;}
.pages-service ul li a .right h3{font-size: 2.25rem;margin-bottom: 1.875rem;}
.pages-service ul li a .right p{font-size: 1.25rem;color: #666;margin-bottom: 3.75rem;}
.pages-service ul li a .right span{display: block;width: 9.375rem;line-height: 3.125rem;border:solid 1px #ddd;text-align: center;font-size: 1.0rem;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;color: #555;}
.pages-service ul li a:hover .right span{background-color: #ce0f2d;color: #fff;border-color: #ce0f2d;}



@media (max-width:1200px){
  .pages-service ul li{margin-bottom: 1.5625rem;}
}




.list-zr .item{box-sizing:border-box;padding: 1.875rem 2.8125rem;box-shadow:0 2px 10px 0 rgba(15,35,65,.05);border-left:3px solid;-o-border-image:linear-gradient(#f93b59,#ce0f2d) 30 30;border-image:linear-gradient(#f93b59,#ce0f2d) 30 30;border-left:3px solid #f93b59\9;border-top:0;border-right:0;border-bottom:0;margin-bottom: 1.875rem;min-height: 12.5rem;background:#fff;text-align:left;display:table;width:100%;}
.list-zr .item .content{display:table-cell;vertical-align:middle;}
.list-zr .item .content .title{display:block;font-size: 1.25rem;font-weight:700;line-height: 2.0rem;color:#333;margin-bottom: 0.9375rem;}
.list-zr .item .content a:hover .title{color: #ce0f2d}
.list-zr .item .content .detail{max-height: 2.5rem;overflow:hidden;margin-bottom: 1.875rem;}
.list-zr .item .content .time_see{font-size:0;line-height:normal;}
.list-zr .item .content .detail p{font-size: 0.875rem;line-height: 1.25rem;color:#999;display:block;}
.list-zr .item .content .time_see{font-size:0;line-height:normal;}
.list-zr .item .content .time_see .time{font-size: 0.875rem;line-height: 1.5625rem;padding-right: 0.9375rem;color:#999;}
.list-zr .item .content .time_see .see{font-size:0.875rem;line-height:1.5625rem;color:#ce0f2d;padding-left: 0.9375rem;border-left:1px solid #eee;}


.shiming{padding: 5.625rem 0;overflow: hidden;}
.shiming ul{margin: 0 -1.25rem;}
.shiming ul li{height: 34.375rem;overflow: hidden;line-height: 1.6;}
.shiming ul li h1{line-height: 100%;}
.shiming ul li:nth-child(1) {margin-bottom: 1.25rem;width: 70%;padding:  0 1.25rem}
.shiming ul li:nth-child(1) .box{position: relative;}
.shiming ul li:nth-child(1) .text{width: 40%;padding: 4.375rem 6%;position: absolute;left: 0;bottom: 0;}
.shiming ul li:nth-child(1) .text h1{font-size: 2.25rem;margin-bottom: 1.875rem;color: #fff}
.shiming ul li:nth-child(1) .text p{font-size: 1.0625rem;color: #fff;}
.shiming ul li:nth-child(1) .img{width: 100%;}
.shiming ul li:nth-child(1) .img img{width: 100%;}
.shiming ul li:nth-child(2){width: 30%;}
.shiming ul li:nth-child(2) img{width: 100%;}
.shiming ul li:nth-child(3){width: 30%;padding:  0 1.25rem}
.shiming ul li:nth-child(3) .box{position: relative;display: block;background-color: #ce0f2d;height: 100%;}
.shiming ul li:nth-child(3) .box img{width: 100%;}
.shiming ul li:nth-child(3) .box .text{position: absolute;top: 0;left: 0;padding: 4.375rem 6%;}
.shiming ul li:nth-child(3) .text h1{font-size: 2.25rem;margin-bottom: 1.875rem;color: #fff;}
.shiming ul li:nth-child(3) .text p{font-size: 1.0rem;color: #fff;}
.shiming ul li:nth-child(4) {width: 70%;}
.shiming ul li:nth-child(4) .box{position: relative;display: block;}
.shiming ul li:nth-child(4) .text{padding: 4.375rem 6%;width: 60%;position: absolute;left: 0;top: 0;color: #fff;}
.shiming ul li:nth-child(4) .text h1{font-size: 2.25rem;margin-bottom: 1.875rem;}
.shiming ul li:nth-child(4) .text p{font-size: 1.0rem;color: #fff;height: 15.625rem;}
.shiming ul li:nth-child(4) .img{width: 100%;}
.shiming ul li:nth-child(4) .img img{width: 100%;}



@media (max-width:1200px){
    .shiming ul li{height: auto;}
    .shiming ul li{width: 100%!important;padding: 0!important;margin-bottom: 1.25rem;}
    .shiming ul li:nth-child(1) .text{padding: 1.25rem;width: 80%;}
    .shiming ul li:nth-child(3){height: 25.375rem;}
    .shiming ul li:nth-child(4) .text p{height: 12.5rem;}
}



.ganyan{padding: 3.75rem 0;font-size: 1.0625rem;color: #555;line-height: 2;overflow: hidden;}
.ganyan .left img{width: 100%;}
.ganyan .container > div > div {width: 49%;}

@media (max-width:1200px){
  .ganyan .container > div > div {width: 100%;}
}



.pages-contact {padding-top: 3.75rem;}
.pages-contact .container > div > div{width: 46%;}

.pages-contact .container > div > div.left .tit{font-size: 1.875rem;margin-bottom: 1.875rem;}
.pages-contact .container > div > div.left .con{font-size: 1.125rem;color: #666;margin-bottom: 1.875rem;}
.pages-contact .container > div > div.left ul{margin: 0 -1.5625rem;}
.pages-contact .container > div > div.left ul li{width: 33.3333%;margin-bottom: 1.875rem;padding: 0 1.5625rem;}
.pages-contact .container > div > div.left ul li .t{font-size: 1.25rem;color: #222;margin-bottom: 0.625rem;font-weight: bold;}
.pages-contact .container > div > div.left ul li .c{font-size: 0.9375rem;padding;color: #666;line-height: 1.625rem;}
.pages-contact .container > div > div.left ul li.gzh img{border:solid 1px #ddd;width: 6.25rem;}


.pages-contact .container > div > div.right .tit{font-size: 1.875rem;margin-bottom: 1.875rem;}
.pages-contact .container > div > div.right li{margin-bottom: 0.9375rem;}
.pages-contact .container > div > div.right input[type="text"]{border:solid 1px #ddd;width: 100%;padding: 0.625rem;}
.pages-contact .container > div > div.right textarea{border:solid 1px #ddd;width: 100%;padding: 0.625rem;height: 12.5rem;}
.pages-contact .container > div > div.right button{border:none;background-color: #ce0f2d;color: #fff;padding: 0.625rem 1.5625rem;cursor: pointer;}




.pages-about{line-height: 2;font-size: 16px;color: #555;background-color: #fff;overflow: hidden;}
.pages-about .list{text-align: center;}
.pages-about .list p{margin-bottom: 1.875rem;font-size: 1.125rem;}
.pages-about .about-top{background-color: #fff;padding-top: 3.75rem;}
.pages-about .about-top h1{text-align: center;font-size: 2.25rem;color: #222;}
.pages-about .about-top .num{padding: 1.875rem 0;margin-bottom: 3.75rem;}
.pages-about .about-top dl{text-align: center;width: 25%;position: relative;}
.pages-about .about-top dl::after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,.2);position: absolute;top: 0;right: 0;}
.pages-about .about-top dl:last-child::after{display: none;}
.pages-about .about-top dl dt{font-size: 3.75rem;font-family: Impact;color: #ce0f2d;line-height: 100%;}
.pages-about .about-top dl dt span{font-size: 3.75rem;font-family: Impact;}
.pages-about .about-top dl dd{font-size: 1.125rem;}

@media (max-width:1200px){
  .pages-about .about-top h1{font-size:1.5rem;}
  .pages-about .about-top .num{padding:0;}
  .pages-about .about-top dl{margin-bottom:1.25rem;}
  .pages-about .about-top dl dt,.pages-about .about-top dl dt span{font-size:2.5rem;}
  .pages-about .about-top dl dd{font-size:0.875rem;}

  .pages-about .cur_cate li{margin-bottom:1.25rem;}
}


.pages-about .cur_cate{margin: 0 -1.25rem;margin-bottom: 5.625rem;}
.pages-about .cur_cate li{width: 33.333%;padding: 0 1.25rem;}
.pages-about .cur_cate li img{width: 100%;}
.pages-about .cur_cate li .img{position: relative;}
.pages-about .cur_cate li .img span{position: absolute;left: 0;bottom: 0;padding: 0.3125rem 1.25rem;background-color: #ce0f2d;color: #fff;visibility: hidden;opacity: 0;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.pages-about .cur_cate li a:hover .img span{visibility: visible;opacity: 1;}
.pages-about .cur_cate li .text{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 1.875rem;}
.pages-about .cur_cate li .text h3{font-size: 1.5rem;}
.pages-about .cur_cate li .text p{font-size: 0.875rem;color: #666;}


.video{height: 39.375rem;overflow: hidden;background: url(https://www.shantui.com/resources/web/img/about_center03_1.jpg) no-repeat fixed;background-size: cover;}
.video .bg{width: 100%;height: 100%;left: 0;top: 0;}
.video{font-size: 1.875rem;color: #111;}
.video .container{height: 100%;}
.video .container .text{width: 34.375rem;height: 21.25rem;background-color: #fff;}


.chuangxin{height:43.75rem;text-align:center;overflow:hidden;position:relative;background: url(../images/intoHaier_all_world_bg_big.jpg) no-repeat center;background-size: cover;}
.chuangxin .bg{height:100%;margin:auto -100%;}
.chuangxin .content{width:100%;height:100%;position:absolute;text-align:center;top:0;left:0;}
.chuangxin .specific .item{width:20%;text-align:center;font-style:normal;position: relative;}
.chuangxin .specific .item .num{font-size:4.0rem;line-height:100%;font-weight:700;font-stretch:normal;letter-spacing:0;color:#ce0f2d;padding-bottom:0.625rem;vertical-align:middle;font-size:0!important;}
.chuangxin .specific .item::after{content:'';width: 1px;height: 100%;background-color: #ccc;position: absolute;right: 0;top: 0;}
.chuangxin .specific .item:last-child::after{display: none;}
.chuangxin .specific .item .num i{font-style:normal;font-size:4.0rem;line-height:4.0rem;font-weight:700;font-stretch:normal;letter-spacing:0;color:#ce0f2d;padding-bottom:0.625rem;vertical-align:middle;font-family:Impact;padding-right:0.039062rem;}
.chuangxin .specific .item .num span{font-size:1.25rem;font-weight:400;letter-spacing:0;color:#999;vertical-align:baseline;position:relative;top:1.25rem;}
.chuangxin .specific .item .num .fuhao{font-size:2.0rem;line-height: 100%;font-weight:700;letter-spacing:0;color:#ce0f2d;vertical-align:bottom;font-family:Impact;top:0.1875rem;}
.chuangxin .specific .item .num .houzhui{font-size:4.0rem;line-height:4.0rem;font-weight:700;font-stretch:normal;letter-spacing:0;color:#ce0f2d;padding-bottom:0.625rem;vertical-align:middle;font-family:Impact;position:relative;top:0.0625rem;}
.chuangxin .specific .item .name{font-size:1.0rem;line-height:1.0rem;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666;}
.chuangxin .title{padding-top:5.625rem;padding-bottom:1.25rem;text-align:center;font-size:2.25rem;font-stretch:normal;line-height:3.0rem;letter-spacing:0;color:#fff;-webkit-background-clip:text;color:#222;}
.chuangxin .brief_introduction{padding-bottom:3.75rem;font-size:1.125rem;font-weight:400;font-stretch:normal;line-height:100%;letter-spacing:0;color:#999;}
.chuangxin a{position:absolute;left:50%;bottom:5.625rem;margin-left:-6.25rem;box-sizing:border-box;text-align:center;display:inline-block;font-size:1.0rem;font-weight:400;font-stretch:normal;letter-spacing:0;color:#ad001b;width:12.5rem;height:3.125rem;line-height:3.125rem;border-style:solid;border-width:1px;border-image-source:linear-gradient(-90deg,#e10019 0,#712d62 0,#ad001b 0,#db233e 100%);border-image-slice:1;}

@media (max-width:1200px){
  .chuangxin .specific .item{margin-bottom: 1.25rem;}
}

.ksdh{padding: 5.625rem 0;background-color: #fff;}
.ksdh ul{margin: 0 -1.875rem;}
.ksdh li{width: 50%;padding: 0 1.875rem;}
.ksdh li img{width: 100%;}
.ksdh li .text{background-color: #fff;width: 80%;margin-top: -5.625rem;position: relative;z-index: 10;padding: 2.5rem;}
.ksdh li .text h3{font-size: 1.875rem;}
.ksdh li .text p{font-size: 15px;padding;padding;color: #666;margin-bottom: 2.5rem;}

.ksdh li .text span{display: inline-block;padding: 0 1.25rem;line-height: 2.25rem;border:solid 2px #333;font-size: 0.9375rem;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.ksdh li a:hover .text span{background-color: #ce0f2d;color: #fff;border-color: #ce0f2d}

@media (max-width:1200px){
    .ksdh li .text{padding: 1.5625rem}
    .ksdh li{margin-bottom: 1.25rem;}
}



.pages-app{padding: 3.75rem 0 0;}
.pages-app ul{margin: 0 -1.875rem;}
.pages-app ul li{width: 50%;padding: 0 1.875rem;margin-bottom: 3.75rem;}
.pages-app ul li .img {overflow: hidden;}
.pages-app ul li img{width: 100%;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.pages-app ul li a:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.pages-app ul li .text{padding: 1.875rem;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.08)}
.pages-app ul li h3{font-size: 1.875rem;color: #222;margin-bottom: 15px;padding;padding;}
.pages-app ul li p{font-size: 1.0625rem;color: #666;line-height: 1.625rem;margin-bottom: 1.875rem;}
.pages-app ul li span{font-size: 1.0rem;}

.pages table{border-collapse:collapse;width: 100%;margin-bottom: 4.375rem;}
.pages tbody td{border-bottom: 1px solid #ccc;}
.pages table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}
.pages table thead td{font-size: 1.25rem;white-space: nowrap;color: #fff;padding: 1.25rem 0}
.pages table tbody td{font-size: 0.9375rem;padding;color: #666;}
.pages table td{padding: 1.25rem 0.625rem;line-height: 1.8;}
.pages table tbody tr td:first-child{text-align: center;}
.pages .ys{padding: 4.375rem 0;background-color: #f8f8f8;margin-bottom: 4.375rem;width: 1920px;left: 50%;margin-left: -960px;position: relative;}
.pages .td em{background: #ce0f2d;color: #fff;padding: 0.25rem 10px;margin-right: 0.625rem;}





.sl{background: url(../images/slbg.jpg) no-repeat center;color: #fff;padding: 5.625rem 0;}
.sl .des{text-align: center;}
.sl .tit h1{color: #fff;}
.sl .tit p{color: #fff;}



.pages-ly{}
.pages-ly .tits{background-color: #0d5bc1;color:#fff;display: inline-block;font-size: 1.25rem;padding: 0.625rem 1.25rem;}
.pages-ly .list{border:solid 1px #ddd;padding: 3.125rem 3.125rem 6.25rem;background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom;overflow: hidden;}
.pages-ly .list .row{width: 40.625rem;margin:0 auto;color: #666;font-size: 0.8125rem;}
.pages-ly .list .inputs{margin-bottom: 0.625rem;}
.pages-ly .list .inputs b{display: inline-block;width: 6.875rem;text-align: right;font-weight: normal;}
.pages-ly .list input[type="text"]{border:solid 1px #ddd;padding: 0.625rem;width: 70%;}
.pages-ly .list textarea{border:solid 1px #ddd;padding: 0.625rem;width: 70%;height: 7.5rem;}
.pages-ly .list input[type="submit"]{border:none;background-color: #0d5bc1;color: #fff;padding: 0.625rem 2.1875rem;font-size: 1.125rem;cursor: pointer;}


.news-show{padding-top: 60px;}

.page-navbar-vertical-tree{background-color: #fff;margin-bottom: 3.125rem;}
.page-navbar-vertical-tree .boxs{position: relative;}
.page-navbar-vertical-tree .curshow .downmenu{content:'';display:block;position:absolute;width:0.75rem;height:0.75rem;border-top:solid 1px #333;border-right:solid 1px #333;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:20.8125rem;top:0;bottom:0;margin:auto;display: none;}
.page-navbar-vertical-tree .curshow .icon{margin-right: 0.625rem;}
.page-navbar-vertical-tree .curshow .text{line-height: 100%;text-align: center;font-size: 1.0rem;padding-top: 0.625rem;}
.page-navbar-vertical-tree .curshow .text p{font-size: 1.5625rem;margin-bottom: 0.75rem;}
.page-navbar-vertical-tree{position:relative;}
.page-navbar-vertical-tree .curshow{font-size:1.5rem;text-align:center;position:relative;z-index:9;overflow: hidden;text-align: center;background-color: #57af3b;line-height: 5.625rem;margin-bottom: 0.125rem;color: #fff;padding: 0.9375rem 0;}
.page-navbar-vertical-tree .curshow::before{content:'';display:block;height:0.0625rem;background-color:#fff;width:3.75rem;position:absolute;bottom:0;left:0;-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);-o-transform:rotate(-24deg);transform:rotate(-24deg);-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;transform-origin:left bottom;}
.page-navbar-vertical-tree .curshow::after{content:'';display:block;height:0.0625rem;background-color:#fff;width:3.75rem;position:absolute;top:0;right:0;-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);-o-transform:rotate(-24deg);transform:rotate(-24deg);-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;}
.page-navbar-vertical-tree ul{}
.page-navbar-vertical-tree ul.clearfix li{border-top: none;overflow: hidden;margin-bottom: 0.125rem;}
.page-navbar-vertical-tree ul.clearfix li:last-child{margin-bottom: 0;}
.page-navbar-vertical-tree ul.clearfix li a{font-size:1.0rem;display:block;background-color: #ececec;color: #444;}
.page-navbar-vertical-tree ul.clearfix li a.level{line-height: 3.125rem;height: 3.125rem;text-indent:1.875rem;}
.page-navbar-vertical-tree ul.clearfix li a:hover{color: #fff;background-color: #2b2b2b;}

.page-navbar-vertical-tree ul.clearfix li a.active{color: #fff;background-color: #2b2b2b;}

.page-navbar-vertical-tree ul.clearfix li .sub{border-right: solid 1px #ececec;border-left: solid 1px #ececec;display: none;}
.page-navbar-vertical-tree ul.clearfix li .sub.active{display: block;}
.page-navbar-vertical-tree ul.clearfix .sub:last-child{border-bottom: solid 1px #ececec;}
.page-navbar-vertical-tree ul.clearfix li .sub .li{border-bottom: solid 1px #ececec;}
.page-navbar-vertical-tree ul.clearfix li .sub .li:last-child{border-bottom: none;}
.page-navbar-vertical-tree ul.clearfix li .sub .li a{background-color: #fff;font-size: 0.9375rem;line-height: 2.8125rem;text-indent: 2.5rem;position: relative;color: #666}
.page-navbar-vertical-tree ul.clearfix li .sub .li a::after{content: '';display: block;width: 0.625rem;height: 0.625rem;border-top: solid 2px #ccc;border-right: solid 2px #ccc;position: absolute;right: 1.875rem;top: 0;bottom: 0;margin:auto;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.page-navbar-vertical-tree ul.clearfix li .sub .li a:hover{color: #2b2b2b;}
.page-navbar-vertical-tree ul.clearfix li.active .sub .li a{color: #666}
.page-navbar-vertical-tree ul.clearfix li .sub .li.active a{color: #57af3b}


.rests{font-size: 1.25rem;line-height: 3.125rem;border-bottom: solid 1px #ddd;margin-bottom: 1.875rem;}
.rests b{display: block;width: 7.5rem;line-height: 3.125rem;background-color: #ce0f2d;color: #fff;text-align: center;}
.rests span{float: right;color: #666;}

.page-news-box{margin-bottom: 3.125rem;}
.page-news-box h3{font-size: 1.875rem;margin-bottom: 1.875rem;}
.page-news-box h3 a {display: block;width: 3.5rem;height: 3.5rem;border:solid 1px #e2e2e2;margin-left: 0.625rem;}
.page-news-box h3 a svg{height: 0.9375rem;width: auto;fill: #d7d7d7}
.page-news-box h3 a:hover{border-color: #333;}
.page-news-box h3 a:hover svg{fill: #333;}

.page-news-box ul{margin: 0 -1.25rem;}
.page-news-box ul li{width: 33.333%;padding: 0 1.25rem;margin-bottom: 2.5rem;}
.page-news-box ul li .img{overflow: hidden;}
.page-news-box ul li .img img{-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.page-news-box ul li a:hover .img img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.page-news-box ul li .text{border:solid 1px #ddd;border-top: none;padding: 2.5rem;}
.page-news-box ul li .text h4{font-size: 1.375rem;margin-bottom: 2.8125rem;}
.page-news-box ul li .text p{font-size: 0.9375rem;padding;}
.page-news-box ul li .text p svg{margin-left: 0.9375rem;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.page-news-box ul li a:hover .text p svg{-webkit-transform: translateX(1.25rem);
-ms-transform: translateX(1.25rem);
-o-transform: translateX(1.25rem);
transform: translateX(1.25rem);}
/* ====================================   网站地图   ==================================== */
.pages-sitemap{padding: 3.4375rem 0;}
.sitemap{padding: 0 0;overflow: hidden;}
.sitemap h2{font-size: 1.375rem;padding: 0.625rem 0.9375rem;background-color: #ce0f2d;display: inline-block;}
.sitemap h2 a{color: #fff;}
.sitemap h2 a:hover{color: #fff;text-decoration: underline;}
.sitemap ul{overflow: hidden;display: block;font-size: 0.9375rem;margin-bottom: 1.875rem;border: solid 1px #ddd;font-size: 0;padding: 0.625rem;}
.sitemap ul li{width:25%;line-height: 1.5625rem;display: inline-block;vertical-align: top;text-align: center;font-size: 1.125rem;line-height: 2.1875rem;position: relative;top: 0.0625rem;}
.sitemap ul li a{color: #333;}
.sitemap ul li a:hover{color: #ce0f2d;text-decoration: underline;}
.sitemap ul li p a{font-weight: normal;}
.sitemap ul li p:last-child{margin-bottom: 1.875rem;}
.sitemap ul div{margin-bottom: 0.9375rem;border:solid 1px #eee;padding: 0.9375rem;}
.sitemap ul h3{font-size: 0.9375rem;margin-bottom: 0.625rem;}
.sitemap ul h3 a{color: #333;}









.pages-picture{padding: 2.5rem 0;}
.pages-picture li{margin-bottom: 1.875rem;}
.pages-picture li img{width: 100%;padding: 0.625rem;border:solid 1px #ddd;}
.pages-picture li .h3{font-size: 1.0rem;line-height: 3.125rem;text-align: center;background-color: #f2f2f2;}
.pages-picture li a:hover .h3{color: #fff;background-color: #ce0f2d;}


.pages-work{padding: 3% 0;overflow: hidden;}
.pages-work ul{}
.pages-work li{margin-bottom: 0.625rem;margin-bottom: 2.5rem;}
.pages-work li img{width: 100%;padding: 0.5rem;border:solid 1px #ddd;}
.pages-work li a:hover img{border:solid 1px #ce0f2d;}
.pages-work li .text{background-color: #f5f5f5;padding: 1.875rem;-webkit-transition: all .5s ease;transition: all .5s ease;}
.pages-work li .h3{font-size: 1.0rem;line-height: 100%;text-align: center;padding: 1.25rem 0;border:solid 1px #ddd;border-top: none;}
.pages-work li a:hover .h3{border:solid 1px #ce0f2d;border-top: none;background-color: #ce0f2d;color: #fff;}

.pages-work li a .contents{display: none;}
.pages-work .contentsShow{margin-bottom: 0.625rem;padding: 0 0.625rem;font-size: 0.9375rem;line-height: 2;clear: both;display: none;}
.pages-work .contentsShow .box{background-color: #e6212a;padding: 1.875rem;color: #fff;}

.pages-parent{padding: 3% 0;overflow: hidden;}
.pages-parent ul{}
.pages-parent li{margin-bottom: 0.625rem;margin-bottom: 0.625rem;}
.pages-parent li img{width: 100%;padding: 0.5rem;border:solid 1px #ddd;}
.pages-parent li a:hover img{border:solid 1px #ce0f2d;}
.pages-parent li .text{background-color: #f5f5f5;padding: 1.875rem;-webkit-transition: all .5s ease;transition: all .5s ease;}
.pages-parent li .h3{font-size: 1.0rem;line-height: 100%;text-align: center;padding: 1.25rem 0;border-top: none;}
.pages-parent li a:hover .h3{color: #ce0f2d;}

.p-factory{padding-top: 3.75rem;}
.p-factory ul{margin: 0 -1.25rem;}
.p-factory ul li{width: 33.333%;padding: 0 1.25rem;margin-bottom: 1.25rem;}
.p-factory ul li .img{overflow: hidden;}
.p-factory ul li .img img{-webkit-transition: .5s;transition: .5s;}
.p-factory ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.p-factory ul li .h3{font-size: 1.25rem;text-align: center;padding: 0.9375rem 0;text-overflow: ellipsis;white-space: normal;overflow: hidden;}



.p-honor ul{margin: 0 -1.25rem;}
.p-honor ul li{width: 20%;padding: 0 1.25rem;margin-bottom: 1.25rem;}
.p-honor ul li .img{overflow: hidden;border:solid 1px #ddd;}
.p-honor ul li .img img{-webkit-transition: .5s;transition: .5s;}
.p-honor ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.p-honor ul li .h3{font-size: 1.0rem;text-align: center;padding: 0.9375rem 0;text-overflow: ellipsis;white-space: normal;overflow: hidden;}



/**
 * 分页
 */


/*#page{text-align: center;font-size: 15px;padding: 40px 0;}
#page span, #page a{margin:0 2px;color: #666;border-radius: 90px;background-color: #efefef;-webkit-transition: .5s;transition: .5s;width: 34px;height: 34px;display: inline-block;text-align: center;line-height: 34px;}
#page span.cur{background-color: #ce0f2d;color: #fff;}
#page a:hover{background-color: #ce0f2d;color: #fff;}
#page span.total{width: 100px;}*/

#page{text-align: center;font-size: 0.9375rem;padding: 2.5rem 0;}
#page span, #page a{display: inline-block;border:solid 1px #999;margin-left: 0.125rem;padding: 0.3125rem 0.9375rem;color: #666;}
#page span.cur{border-color: #ce0f2d;background-color: #ce0f2d;color: #fff;}



.pages .about-top {margin-bottom: 5.0rem;}
.pages .about-top .left{}
.pages .about-top .list{margin-bottom: 1.25rem;}
.pages .about-top img{width: 100%;}



.pages .about-top ul li{width: 33.333%;background-color: #f2f2f2;}
.pages .about-top ul li .text{padding: 3.125rem 1.5625rem;}
.pages .about-top ul li .text p{color: #666;font-size: 1.0rem;line-height: 1.75rem;}
.pages .about-top ul li:nth-child(2){background-color: #e6e6e6;}


.pservice .tit h1::after{content: '';display: block;height: 0.1875rem;width: 1.875rem;background-color: #ce0f2d;margin: 1.875rem auto 0;}

.pservice h3.t{font-size: 1.625rem;text-align: center;margin-bottom: 1.25rem;}

.pservice .l h4{font-size: 1.25rem;margin-bottom: 1.25rem;}
.pservice .l p{font-size: 0.875rem;color: #666;line-height: 1.625rem;margin-bottom: 1.25rem;}
.pservice .l ul li{width: 48%;}
.pservice .l ul li img{width: 100%;}


.pservice .xkz{position: relative;}
.pservice .xkz::before{content: '';display: block;width: 120.0rem;background-color: #f8f8f8;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -60.0rem;}
.pservice .xkz>div{position: relative;z-index: 20;}
.pservice .xkz img{width: 100%;}

.pservice .anzhuang ul{margin: 0 -0.625rem;}
.pservice .anzhuang ul li{padding: 0 0.625rem;}

.pservice .px{position: relative;}
.pservice .px::before{content: '';display: block;width: 120.0rem;background-color: #f8f8f8;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -60.0rem;}
.pservice .px>div{position: relative;z-index: 20;}

.pservice .px ul{margin: 0 -0.625rem;}
.pservice .px ul li{padding: 0 0.625rem;}

.pservice .sh ul{margin: 0 -0.625rem;}
.pservice .sh ul li{padding: 0 0.625rem;}

.blue{color: #ce0f2d;}

.page-contact{font-size: 1.0rem;color: #444;line-height: 1.875rem;}
.page-contact h1{margin-bottom: 2.5rem;color: #222;}
.p-c-t{margin-bottom: 3.125rem;}

.allmap{height: 37.5rem;border:solid 1px #ddd;overflow: hidden;}
#allmap{height: 37.5rem;}





@media (max-width: 767px){
    .page-contact .tiptit{padding: 0;}
    .page-contact{padding: 2.5rem 0; }
    .page-contact .tiptit h1{font-size: 1.875rem;margin-bottom: 0.625rem;}
    .page-contact .tiptit p{font-size: 0.9375rem;line-height: 1.625rem;}
    .tiptit{padding-bottom: 1.25rem;}
    .page-contact .list{display: block;}
    .page-contact .con-top{width: 100%;margin-bottom: 1.25rem;}
    .page-contact .con-top dl{width: 100%;padding: 1.25rem;}
    .page-contact .con-top dl dd p{font-size: 0.875rem;line-height: 1.5rem;}

    .page-contact .allmap{width: 100%;}

    .page-contact .con-top dl:nth-child(4){border-bottom: none;}

}



@media (min-width: 768px) and (max-width: 991px){

    .page-contact{padding: 2.5rem 0; }
    .page-contact .tiptit{padding: 0;}
    .page-contact .tiptit h1{font-size: 1.875rem;margin-bottom: 0.625rem;}
    .page-contact .tiptit p{font-size: 0.9375rem;line-height: 1.625rem;}
    .tiptit{padding-bottom: 1.25rem;}
    .page-contact .list{display: block;}
    .page-contact .con-top{width: 100%;margin-bottom: 1.25rem;}
    .page-contact .con-top dl{width: 50%;padding: 1.25rem;}
    .page-contact .allmap{width: 100%;}

    .page-contact .con-top dl:nth-child(n+3){border-bottom: none;}
}



@media (min-width:992px) and (max-width:1199px){

    .page-contact{padding: 3.125rem 0; }
    .page-contact .tiptit h1{margin-bottom: 0.625rem;}
    .page-contact .tiptit p{font-size: 1.0625rem;margin-bottom: 0.625rem;line-height: 1.875rem;}

}


@media (min-width:1200px) and (max-width:1400px){
    .page-contact{padding: 3.125rem 0; }
    .page-contact .tiptit h1{margin-bottom: 0.625rem;}
    .page-contact .tiptit p{font-size: 1.0625rem;margin-bottom: 0.625rem;}
}



.page-outlets{padding: 4.6875rem 0;}
.page-outlets .container{position: relative;overflow: hidden;}
.page-outlets .allmap{width: 50%;height: 31.25rem;border:solid 1px #ddd;}
.page-outlets #allmap{height: 37.5rem;}

.outlets{position: absolute;width: 25.0rem;background-color: #fff;height: 80%;right: 6.25rem;top: 0;z-index: 50;bottom: 0;margin: auto;-webkit-transition: .5s;transition: .5s;}
.outlets .title{line-height: 4.375rem;padding: 0 1.25rem;background-color: #ce0f2d;color: #fff;font-size: 1.375rem;}
.outlets .list{}
.outlets .show{display: none;position: absolute;right: 100%;background-color: #ce0f2d;color: #fff;top: 0;bottom: 0;margin:auto;width: 1.875rem;height: 7.5rem;padding: 0.625rem 0;text-align: center;font-size: 18px;cursor: pointer;}




.serve_list_container {padding: 1.875rem;}
.serve_list_container .item{border-bottom: solid 1px #ddd;position: relative;padding: 0.625rem 0 0.625rem 1.875rem;}
.serve_list_container .item .num{width: 1.25rem;height: 1.25rem;background-color: #ce0f2d;color: #fff;text-align: center;line-height: 1.25rem;border-radius: 90px;font-size: 15px;padding;margin-right: 0.625rem;position: absolute;top: 0.625rem;left: 0;}
.serve_list_container .item .information {width: 100%;}
.serve_list_container .item h3{font-size: 1.125rem;margin-bottom: 0.625rem;}
.serve_list_container .item p{font-size: 15px;padding;color: #666;line-height: 1.625rem;}



@media (max-width:767px){
    .page-outlets{padding: 2.5rem 0;}
    .outlets .show{display: block}
    .outlets{right: auto;left: 100%;width: 60%;}
    .serve_list_container{padding: 0.625rem;}
    .serve_list_container .item{}
    .serve_list_container .item h3{font-size: 0.9375rem;overflow: hidden;-ms-text-overflow: ellipsis;
    text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.3125rem;}
    .serve_list_container .item p{font-size: 0.8125rem;line-height: 1.25rem;}
    .outlets .title{line-height: 3.125rem;font-size: 1.125rem;}

    .page-outlets #allmap{height: 25.0rem;}
    .outlets.active{left: auto;right: 0;}
}

@media (min-width:768px) and (max-width: 991px){
    .page-outlets{padding: 3.125rem 0;}
    .outlets .show{display: block}
    .outlets{right: auto;left: 100%;}

    .outlets.active{left: auto;right: 0;}

}


@media (min-width:992px) and (max-width:1199px){
    .outlets{right: 5%;}

}



@media (min-width:1200px) and (max-width:1400px){


}




.pages-news{width: 1120px;}
.pages-news ul{}
.pages-news ul li{border: solid 1px #ddd;padding: 1.25rem;margin-bottom: 1.25rem;}
.pages-news ul li:hover{border:solid 1px #ce0f2d;}
.pages-news ul li a{position: relative;}
.pages-news ul li .img{overflow: hidden;width: 15.625rem;margin-right: 1.25rem;}
.pages-news ul li .img img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.pages-news ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}


.pages-news ul li .text{position: relative;}
.pages-news ul li .text .h1{font-size: 1.375rem;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 0.9375rem;}
.pages-news ul li a:hover .text .h1{color: #ce0f2d}
.pages-news ul li .text .des{font-size: 1.0rem;color: #666;line-height: 1.8;margin-bottom: 1.875rem;}
.pages-news ul li .clicks{color: #666;font-size: 0.875rem;margin-bottom: 0.625rem;font-weight: 100;}
.pages-news ul li .clicks i{margin-right: 0.625rem;font-weight: bold;}

.pages-news ul li .text span.fa-plus{display:block;width:2.5rem;height:2.5rem;background-color:#f6ac1d;color:#fff;text-align:center;line-height:2.5rem;font-size:1.0rem;}

.pages-news ul li .text em{background-color: #ccc;color: #fff;padding: 0.3125rem 0.9375rem;font-style: normal;font-size: 0.875rem;}

.pages-news ul li a:hover .text em{background-color: #ce0f2d;}






.pages-news-show{width: 100%;}

.pages-news-show .newstop{}

.pages-news-show .intro .title{font-size: 1.875rem;color: #222;margin-bottom: 1.0rem;line-height: 100%;}
.pages-news-show .intro .source{font-size: 0.8125rem;color: #666;border-bottom: solid 1px #ddd;}
.pages-news-show .intro .source .back{padding: 0.3125rem 0.625rem;background-color: #666;color: #fff;}
.pages-news-show .intro .contents{color: #666;line-height: 2;font-size: 0.9375rem;padding: 3% 0 0;}
.pages-news-show .intro .contents iframe{display: block;margin:0 auto;}
.tags{color: #333;font-size: 0.875rem;}
.tags a{margin-right: 0.3125rem;background-color: #e5e5e5;padding: 0.1875rem 0.625rem;}




.xwxq-matterwordsL-share{padding: 2.8125rem 0;}
.xwxq-matterwordsL-share-pro{float: right;font-family: 'Microsoft YaHei';font-size: 0.8125rem;line-height: 100%;padding: 0.9375rem 0;color: #666;}
.bdsharebuttonbox{display: inline-block;vertical-align: middle;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 a, .xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_more{display: inline-block;background-color: #333;margin-right: 0.625rem;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 a,.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_more{background-color:#fff;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_weixin{background:none;background-position:0;widows: 1.3125rem;height:1.125rem;background:url(../images/share1.png) no-repeat center;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_tsina{background:none;background-position:0;width:1.25rem;height:1.125rem;background:url(../images/share2.png) no-repeat center;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_sqq{background:none;background-position:0;width:1.25rem;height:1.125rem;background:url(../images/share3.png) no-repeat center;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_qzone{background:none;background-position:0;width:1.25rem;height:1.125rem;background:url(../images/share4.png) no-repeat center;}


.hotnew{background-color: #f8f8f8;}
.hotnew .tit{background-color: #ce0f2d;color: #fff;padding:  1.25rem;font-size: 1.625rem;margin: 0;}
.hotnew .list{}
.hotnew .list ul{padding: 1.5625rem 1.25rem;}
.hotnew .list ul li{border-bottom: dashed 1px #ccc;padding-bottom: 1.5625rem;margin-bottom: 1.5625rem;}
.hotnew .list ul li:last-child{border-bottom: none;padding: 0;margin: 0;}
.hotnew .list ul li .img{margin-bottom: 0.625rem;}
.hotnew .list ul li .text{color: #777;line-height: 1.375rem;font-size: 0.8125rem;}
.hotnew .list ul li .text p{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 1.25rem;color: #333;margin-bottom: 10px;}
.hotnew .list ul li .text p span{background-color: #666;color: #fff;padding: 0.0625rem 0.1875rem;margin-right: 0.25rem;font-size: 0.8125rem;}
.hotnew .list ul li a:hover .text p{color: rgba(185,28,40);}
.hotnew .list ul li:nth-child(1) .text p span{background-color: rgba(87,175,59);}
.hotnew .list ul li:nth-child(2) .text p span{background-color: rgba(87,175,59,.8);}
.hotnew .list ul li:nth-child(3) .text p span{background-color: rgba(87,175,59,.6);}
.hotnew .list ul li:nth-child(1) .img{display: block;}




.rela{margin-bottom: 1.25rem;}
.rela .h1{font-size: 1.375rem;line-height: 100%;font-weight: bold;margin-bottom: 1.25rem;}
.rela .list ul{margin: 0 -0.625rem;}
.rela .list ul li{margin: 0 0.625rem;width: 33.333%;}
.rela .list ul li a{display: block;border:solid 1px #e5e5e5;position: relative;}
.rela .list ul li a:hover{border:solid 1px #ce0f2d;}
.rela .list ul li img{width: 100%;}
.rela .list ul li .text{padding: 0.9375rem 0.625rem;line-height: 1.5rem;font-size: 0.9375rem;color: #666;}
.rela .list ul li p{font-size: 1.125rem;color: #303030;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.3125rem;line-height: 100%;}
.rela .list ul li a:hover p{color: #ce0f2d;}


.ptitle{font-size: 1.875rem;color: #222;margin-bottom: 1.875rem;}
.recom ul{margin: 0 -1.25rem;}
.recom li{width: 33.3333%;padding: 0 1.25rem;}
.recom li h3{font-size: 1.125rem;color: #333;line-height: 100%;padding: 0.9375rem 0;}
.recom li a:hover h3{color: #ce0f2d}
.recom li p{font-size: 0.9375rem;color: #777;line-height: 1.5625rem;}

.newshow{padding-bottom: 5.625rem;}
.newshow .left{width: 76%;}
.newshow .t{font-size: 1.875rem;margin-bottom: 15px;padding;}
.newshow .time{font-size: 0.9375rem;border-bottom: dotted 1px #ccc;padding-bottom: 1.25rem;color: #666;}
.newshow .time .tl{}
.newshow .content{font-size: 1.0rem;color: #444;line-height: 1.9;padding: 1.875rem 0;}
.newshow .content img{display: block;margin:0 auto;}
.newshow .right{width: 20%;}
.newshow .right h1{font-size: 1.875rem;margin-bottom: 1.25rem;}
.newshow .right ul li{margin-bottom: 1.25rem;}
.newshow .right ul li .text{padding: 0 0 0.625rem;}
.newshow .right ul li h5{font-size: 1.0rem;margin: 0.625rem 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newshow .right ul li .text p{font-size: 0.875rem;color: #666;}

.pages-case-show{padding: 0 0 3.125rem;width: 56.875rem;}
.pages-case-show .intro{padding-top: 1.875rem;}
.pages-case-show .intro .title{font-size: 1.25rem;color: #222;margin-bottom: 1.875rem;font-weight: bold;line-height: 100%;text-align: center;}
.pages-case-show .intro .source{font-size: 15px;padding;color: #666;border-bottom: solid 1px #ddd;}
.pages-case-show .intro .source .back{padding: 0.3125rem 0.625rem;background-color: #666;color: #fff;}
.pages-case-show .intro .contents{color: #666;line-height: 2;font-size: 15px;padding;padding: 3% 0;}





.pcase ul{margin:0 -1.25rem;}
.pcase ul li{width: 33.333%;padding: 0 1.25rem;margin-bottom: 1.25rem;}
.pcase ul li .img{overflow: hidden;}
.pcase ul li .img img{-webkit-transition: .5s;transition: .5s;}
.pcase ul li a:hover .img img{-webkit-transform: scale(1.2);transform: scale(1.2)}
.pcase ul li p{font-size: 1.125rem;text-align: center;padding: 15px;padding 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}




.pagelinks{line-height: 100%;line-height: 1.875rem;font-size: 1.0rem;}
.pagelinks > div{width: 50%;background-color: #f5f5f5;padding: 0.625rem 1.25rem;}
.pagelinks > div:hover{background-color: #ce0f2d;color: #fff;}
.pagelinks a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display: block;font-size: 15px;padding;line-height: 1.875rem;text-align: left;}
.pagelinks > div:nth-child(3) a{text-align: right;}
.pagelinks > div:hover a{color: #fff;}
.pagelinks > div.list{width: 4.375rem;text-align: center;}
.pagelinks > div.list a{text-align: center;}
.pagelinks > div.list a i{font-size: 1.5625rem;}



.casepagelinks{border-top: solid 1px #ddd;padding: 1.875rem 0 0;}
.casepagelinks a{width: 30%;padding: 0.625rem 0;text-align: center;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);box-shadow: 0 0 20px rgba(0, 0, 0, .05);border-radius: 5.625rem;font-size: 1.125rem;border:solid 1px #eee;}
.casepagelinks a i{font-size: 1.375rem;vertical-align: middle;margin-right: 0.625rem;line-height: 100%;}
.casepagelinks a:last-child i{margin-right: 0;margin-left: 0.625rem;}






.pagemain{padding-top: 40px;}


#pages{margin-bottom: 70px;}
.pages{overflow: hidden;}



.shop {padding-top: 60px;}
.shop ul{margin: 0 -30px;}
.shop ul li{width: 33.333%;padding: 0 1.875rem;margin-bottom: 2.5rem;}
.shop ul li a{display: block;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.07);}
.shop ul li .img{overflow: hidden;}
.shop ul li .img img{width: 100%;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.shop ul li a:hover .img img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.shop ul li .text{padding: 2.5rem;}
.shop ul li .text h3{font-size: 1.625rem;color: #2e2e2e;margin-bottom: 1.25rem;}
.shop ul li .text p{font-size: 0.9375rem;color: #666;line-height: 1.5rem;}
.shop ul li a:hover .text h3{color: #ce0f2d;text-decoration: underline;}

.case {}
.case ul{margin:0 -1.5625rem;}
.case ul li{width: 33.333%;padding: 0 1.5625rem;margin-bottom: 1.25rem;}
.case ul li .img{overflow: hidden;border:solid 1px #ddd;}
.case ul li .img img{-webkit-transition: .5s;transition: .5s;}
.case ul li a:hover .img img{-webkit-transform: scale(1.2);transform: scale(1.2)}
.case ul li .text{border:solid 1px #ddd;padding: 0.9375rem;border-top: none;}
.case ul li h3{font-size: 1.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case ul li p{font-size: 0.875rem;color: #666;line-height: 1.375rem;}

.cultureList{margin: 0 -0.9375rem;}
.cultureList li{width: 33.333%;margin-bottom: 2.5rem;padding: 0 0.9375rem;}
.cultureList li .box{background-color: #f9f9f9;padding: 1.875rem;}
.cultureList li i{font-size: 4.0625rem;color: #ce0f2d;line-height: 100%;}
.cultureList li h5{font-size: 1.25rem;color: #ce0f2d;}

.cyh {margin: 0 -1.25rem;}
.cyh li{width: 33.333%;padding: 0 1.25rem;margin-bottom: 2.5rem;}
.cyh li .box{background-color: #f3f4f4;padding: 1.875rem;height: 100%;}
.cyh li .box h3{font-size: 2.5rem;line-height: 100%;margin-right: 1.5625rem;color: #ce0f2d;}


.shop-show{}
.shop-show .top{border-bottom: solid 3px #ce0f2d;overflow: hidden;}
.shop-show .top .left{padding: 5.0rem 5.0rem 5.0rem 0;width: 60%;}
.shop-show .top .left .thumb{width: 20%;position: relative;}
.shop-show .top .left .thumb a.btn{display: block;text-align: center;}
.shop-show .top .left .thumb a.btn svg{fill:#888;}
.shop-show .top .left .thumb .thubbox{overflow: hidden;height: 27.5rem;margin: 1.5625rem 0;}
.shop-show .top .left .thumb ul{}
.shop-show .top .left .thumb ul li{overflow: hidden;}
.shop-show .top .left .thumb ul li a{display: block;}
.shop-show .top .left .big{margin-left: 2.5rem;}
.shop-show .top .right{padding: 5.0rem;position: relative;width: 40%;}
.shop-show .top .right::after{position: absolute;content:'';width: 60.0rem;height: 100%;display: block;background-color: #f7f7f7;left: 0;top: 0;z-index: -1;}
.shop-show .top .right .title{font-size: 2.25rem;line-height: 100%;}
.shop-show .top .right .descript{font-size: 0.9375rem;color: #666;line-height: 2.5;padding: 1.875rem 0}
.shop-show .top .right .descript li::before{content:'';width: 0.375rem;height: 0.375rem;border-radius: 90px;background-color: #ce0f2d;display: inline-block;vertical-align: middle;margin-right: 0.9375rem;padding;}
.shop-show .top .right .shiying{margin-bottom: 3.75rem;}
.shop-show .top .right .shiying b{font-size: 1.5rem;margin-bottom: 1.25rem;display: block;}
.shop-show .top .right .shiying ul li{ font-size: 0.9375rem;background-color: #fff;margin-right: 0.9375rem;padding: 0.625rem 1.25rem;color: #666;box-shadow: 0 0 0.625rem rgba(0,0,0,0.05);margin-bottom: 0.9375rem;}
.shop-show .top .right a{display: inline-block;padding: 0.625rem 3.125rem;background-color: #333;color: #fff;font-size: 1.125rem;}
.shop-show .top .right a i{font-size: 1.375rem!important;}
.shop-show .top .right a:hover{background-color: #ce0f2d;}


@media (max-width: 1200px){
  .shop-show .top .left{padding: 1.875rem 0.9375rem;}
  .shop-show .top .left .big{margin-left: 0;}
  .shop-show .top .right{padding: 1.875rem 0.9375rem;}
  .shop-show .top .right::after{left: -6.25rem;}
}



.show-shop-tab{border-bottom: solid 1px #ccc;padding: 1.25rem 0;}
.show-shop-tab b{font-size: 1.875rem;}
.show-shop-tab li{font-size: 1.375rem;}
.show-shop-tab li a{padding: 0 1.875rem;}
.show-shop-tab li.active a{color: #fff;background-color: #ce0f2d;}

body.top_hide .show-shop-tab{top: 5.625rem;position: fixed;left: 0;z-index: 30;background-color: #fff;width: 100%;}

.show-shop-content{padding: 2.5rem 0;font-size: 1.0625rem;color: #333;}

body.top_hide .shop-show .top{margin-bottom: 5.125rem;}


.show-shop-content .title{font-size: 1.875rem;color: #222;margin-bottom: 1.5625rem;}
.show-shop-content .list{margin-bottom: 1.5625rem;line-height: 2.5;}
.show-shop-content .list .tebox{margin-bottom: 1.875rem;}
.show-shop-content .list p.td-list{width: 50%;}
.show-shop-content .list p.td-list::before{content:'';width: 0.375rem;height: 0.375rem;border-radius: 90px;background-color: #ce0f2d;display: inline-block;vertical-align: middle;margin-right: 0.9375rem;}
.show-shop-content .list b.tit{background-color: #ce0f2d;color: #fff;font-size: 22px;padding: 0.625rem 1.875rem;}
.show-shop-content .list .peizhi{margin-bottom: 0.625rem;}
.show-shop-content .list .peizhi li{background-color: #666;color:#fff; margin-right: 1.25rem;padding: 0px 0.9375rem;}




.show-shop-content table.canshu{border-collapse:collapse;width: 100%;margin-bottom: 4.375rem;border: 1px solid #ccc;}
.show-shop-content tbody td{border: 1px solid #ccc;}
.show-shop-content table.canshu thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}
.show-shop-content table.canshu thead td{font-size: 1.25rem;white-space: nowrap;color: #fff;padding: 1.25rem 0}
.show-shop-content table.canshu tbody td{font-size: 0.9375rem;color: #666;}
.show-shop-content table.canshu tbody tr td:nth-child(1){background-color: #999;color: #fff;text-align: center;font-weight: bold;width: 20%;}
.show-shop-content table.canshu td{padding: 0.625rem 0.3125rem;line-height: 1.8;}
.show-shop-content table.canshu tbody tr td:first-child{text-align: center;}


.show-shop-content table.duibi{border-collapse:collapse;width: 100%;margin-bottom: 4.375rem;border: 1px solid #ccc;}
.show-shop-content tbody td{border: 1px solid #ccc;}
.show-shop-content table.duibi thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}
.show-shop-content table.duibi thead td{font-size: 1.25rem;white-space: nowrap;color: #fff;padding: 1.25rem 0}
.show-shop-content table.duibi tbody tr td{font-size: 0.9375rem;color: #666;}
.show-shop-content table.duibi tbody tr td:nth-child(1),.show-shop-content table.duibi tbody tr td:nth-child(3){background-color: #999;color: #fff;text-align: center;font-weight: bold;width: 20%;}
.show-shop-content table.duibi td{padding: 0.3125rem;line-height: 1.8;}
.show-shop-content table.duibi tbody tr td:first-child{text-align: center;}




.shop-app{overflow: hidden;background-color: #f4f4f4;padding: 4.375rem 0;}
.shop-app .swiper-wrapper{width: auto;margin: 0 -15px;}
.shop-app .swiper-slide{width: 33.333%;}
.shop-app a{display: block;}
.shop-app .img{overflow: hidden;}
.shop-app .img img{width: 100%;transition: .5s}
.shop-app a:hover .img img{transform: scale(1.1);}
.shop-app .text{background-color: #fff;padding: 3.4375rem;transition: .5s;height: 16.125rem;}
.shop-app a:hover .text{background-color: #ce0f2d;}
.shop-app .text h3{font-size: 1.5rem;color: #212121;margin-bottom: 1.5625rem;line-height: 100%;}
.shop-app .text h3 em{font-size: 0.9375rem;font-style: normal;}
.shop-app .text h3 svg{width: auto;height: 0.875rem;margin-left: 0.3125rem;}
.shop-app .text p{font-size: 0.9375rem;color: #747474;line-height: 1.5;}

.shop-app a:hover .text h3{color: #fff;}
.shop-app a:hover .text h3 svg{fill: #fff;}
.shop-app a:hover .text p{color: #fff;}


.zhichi{padding: 3.75rem 0;background-color: #ce0f2d;}

.zhichi dl{width: 25%;text-align: center;position: relative;}
.zhichi dl::after{content:'';display: block;width: 1px;height: 100%;position: absolute;background-color: rgba(255,255,255,.15);top: 0;right: 0;}
.zhichi dl:last-child::after{display: none;}
.zhichi dl dt{margin-bottom: 0.625rem;}
.zhichi dl dt i{font-size: 2.5rem!important;color: #fff;}
.zhichi dl dd h4{font-size: 1.625rem;color: #fff;margin-bottom: 0.625rem;}
.zhichi dl dd p{color: #fff;font-size: 0.8125rem;}

.zhichi dl dd .bdsharebuttonbox > a{background-color: #ce0f2d!important;}


.jhhy .t{font-size: 1.5rem;margin-bottom: 1.5625rem;}
.jhhy .t em{background-color: #ce0f2d;color: #fff;font-style: normal;padding: 0.3125rem 0.625rem;}
.jhhy p{font-size: 0.875rem;color: #666;margin-bottom: 1.5625rem;line-height: 2;}
.jhhy ul{margin: 0 -0.625rem 0.9375rem;}
.jhhy ul li{margin: 0 0.625rem;}
.jhhy ul li p{text-align: center;font-size: 0.9375rem;padding-top: 0.625rem;line-height: 2;}
.jhhy .l h4{font-size: 1.25rem;color: #ce0f2d;margin-bottom: 0.9375rem;font-weight: bold;}
.jhhy .l h5{font-size: 1.0625rem;color: #333;margin-bottom: 0.9375rem;font-weight: bold;}
.jhhy .l ul li{font-size: 0.9375rem;color: #666;margin-bottom: 0.3125rem;line-height: 2;}

.jhhy .l .zylayout > div{width: 46%;}

.jhhy table{border-collapse:collapse;width: 100%;}

.jhhy table,.jhhy tr,.jhhy td{border: 1px solid #ccc;}
.jhhy tbody td{}
.jhhy table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}
.jhhy table thead td{font-size: 1.125rem;color: #fff;padding: 0.3125rem 0.9375rem;white-space: nowrap;}
.jhhy table tbody td{font-size: 1.0rem;color: #666;}
.jhhy table td{line-height: 1.8;padding: 0.3125rem 0.9375rem;text-align: center;}
.jhhy table tbody tr td:first-child{text-align: center;}
.jhhy table tbody tr:nth-child(2n) td{background-color: #f5f5f5;}

#interactive-bar{width: 100%;height: 31.25rem;}



.cds p{color: #666;font-size: 0.9375rem;line-height: 2;margin-bottom: 1.25rem;}
.cds .t{font-size: 1.5rem;margin-bottom: 1.5625rem;}
.cds .t em{background-color: #ce0f2d;color: #fff;font-style: normal;padding: 0.3125rem 0.625rem;}
.cds ul{margin: 0 -0.625rem 0.9375rem;}
.cds ul li{padding: 0 0.625rem;}
.cds ul li p{text-align: center;font-size: 0.9375rem;padding-top: 0.625rem;line-height: 2;}
.cds ul li{font-size: 0.9375rem;color: #666;margin-bottom: 0.3125rem;line-height: 2;}
.cds .zylayout > div{width: 46%;}
.cds h4{font-size: 1.25rem;color: #ce0f2d;margin-bottom: 0.9375rem;font-weight: bold;}

.szxg li{width: 50%;}

.cds table{border-collapse:collapse;width: 100%;}

.cds table,.cds tr,.cds td{border: 1px solid #ccc;}
.cds tbody td{}
.cds table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}
.cds table thead td{font-size: 0.9375rem;color: #fff;padding: 0.3125rem 0.9375rem;white-space: nowrap;}
.cds table tbody td{font-size: 0.875rem;color: #666;}
.cds table td{line-height: 1.8;padding: 0.3125rem 0.9375rem;text-align: center;}
.cds table tbody tr td:first-child{text-align: center;}
.cds table tbody tr:nth-child(2n) td{background-color: #f5f5f5;}




.feiye p{color: #666;font-size: 0.9375rem;line-height: 2;margin-bottom: 1.25rem;}
.feiye .t{font-size: 1.5rem;margin-bottom: 1.5625rem;}
.feiye .t em{background-color: #ce0f2d;color: #fff;font-style: normal;padding: 0.3125rem 0.625rem;}
.feiye ul{margin: 0 -0.625rem 0.9375rem;}
.feiye ul li{padding: 0 0.625rem;}
.feiye ul li p{text-align: center;font-size: 0.9375rem;padding-top: 0.625rem;line-height: 2;}
.feiye ul li{font-size: 0.9375rem;color: #666;margin-bottom: 0.3125rem;line-height: 2;}
.feiye .zylayout > div{width: 46%;}
.feiye h4{font-size: 1.25rem;color: #ce0f2d;margin-bottom: 0.9375rem;font-weight: bold;}


.rcln{padding: 3.75rem 0;}
.rcln .container > div{width: 48%;}
.rcln .title {
    display: inline-block;
    font-size: 3.0rem;
    line-height: 3.375rem;
    color: transparent;
    background: linear-gradient(270deg,#ce0f2d 0,#32beff 100%);
    -webkit-background-clip: text;
    background-image: none\0;
    color: #222;margin-bottom: 2.5rem;
}

.rcln .doubt {
    font-size: 1.25rem;
    line-height: 2.1875rem;
    color: #999;
}

.jzzz{background-color: #f8f8f9;padding: 5.0rem 0 7.5rem;}
.jzzz .title{font-size:48px;text-align:center;line-height:3.375rem;margin-bottom:3.125rem;}
.jzzz .list{}
.jzzz .list > div{width:50%;}
.jzzz .list .left{background-color:#fff;}
.jzzz .list .left ul{height:100%;}
.jzzz .list .left li{border-top:1px dashed #eee;padding:1.875rem 2.8125rem;text-align:left;cursor:pointer;width: 100%;}
.jzzz .list .left li:first-child{border-top: none;}
.jzzz .list .left h3{font-size:1.5rem;line-height:1.625rem;color:#333;padding-right:2.75rem;margin-bottom: 0.625rem;}
.jzzz .list .left h3 i{font-size: 0.875rem;border-radius: 90px;border:solid 1px #ddd;width: 1.625rem;height: 1.625rem;line-height: 1.625rem;font-weight: normal;text-align: center;color: #777;}
.jzzz .list .left p{font-size:1.0rem;line-height:1.25rem;color:#999;margin-top:0.9375rem;display: none}
.jzzz .list .left ul li.active p{display: block;}

.gzhj{padding: 3.75rem 0 80px;right;}
.gzhj .title{ font-size: 3.0rem;text-align: center;
    line-height: 54px;margin-bottom: 3.125rem;}
    .gzhj .list ul {margin: 0 -0.3125rem;}
.gzhj .list ul li{padding: 0 0.3125rem;width: 33.333%;height: 16.875rem;overflow: hidden;margin-bottom: 0.625rem;}
.gzhj .list ul li a{display: block;overflow: hidden;position: relative;width: 100%;height: 100%;}
.gzhj .list ul li a .img{overflow: hidden;}
.gzhj .list ul li a .img img{-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.gzhj .list ul li a:hover .img img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.gzhj .list ul li:nth-child(-n+2){width: 50%;height: 23.125rem;overflow: hidden;position: relative;}
.gzhj .list ul li:nth-child(-n+2) img{position: absolute;
    height: auto;
    top: 50%;
    margin-top: -20.3125rem;}
.gzhj .list ul li p{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;padding: 1.25rem 0;color: #fff;font-size: 1.125rem;background-color: rgba(0,0,0,.3);}


.rcxq{position:relative;}
.rcxq .left{width:60.0rem;background:#ce0f2d;}
.rcxq .left .container{position:absolute;padding:3.75rem 0;right:0;left:0;}
.rcxq .left .container .title{display:inline-block;text-align:center;font-size:3.0rem;line-height:3.375rem;color:transparent;background:linear-gradient(270deg,#ce0f2d 0,#32beff 100%);-webkit-background-clip:text;background-image:none\0;color:#fff;margin-bottom:50px;}
.rcxq .left .container .box{width:45%;float:right;}
.rcxq .left .container ul li{border-bottom:dashed 1px rgba(255,255,255,.3);padding:1.25rem 0;}
.rcxq .left .container ul li h4{font-size:1.25rem;color:#fff;}
.rcxq .left .container ul li p{color:rgba(255,255,255,.6);font-size:1.0rem;}
.rcxq .right{width:60.0rem;height:35.625rem;overflow:hidden;}


.shzrg{padding: 4.375rem 0;}


.shzrg .container .right{padding: 2.5rem;}
.shzrg .container .right .title {
    font-size: 3.0rem;
    font-stretch: normal;
    line-height: 3.0rem;
    letter-spacing: 0;
    background-image: linear-gradient(to right,#32beff 0,#ce0f2d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #222;margin-bottom: 2.5rem;
}
.shzrg .container .right{}
.shzrg .container .right .line{width:100%;height:1px;background-color:#e5ebf3;display:inline-block;margin:1.875rem 0}
.shzrg .container .right .line:before{content:'';width:12.5rem;height:0.1875rem;background-color:#32beff;display:block;position:relative;bottom:1px}
.shzrg .container .right .content_list{margin-bottom:1.5625rem}
.shzrg .container .right .content_list .fengexian{width:100%;height:0.0625rem;background-color:#e5ebf3;display:inline-block;margin:1.25rem 0}
.shzrg .container .right .content_list .list_item .number{vertical-align:middle;font-size:1.625rem;font-weight:400;font-stretch:normal;line-height:0.101562rem;letter-spacing:0;color:#ce0f2d;padding-right:1.25rem}
.shzrg .container .right .content_list .list_item .number .unit{font-size:1.0rem;line-height:1.0rem;font-weight:400;letter-spacing:0;color:#999;position:relative;top:0.0625rem;padding-left:0.3125rem;font-style: normal;}
.shzrg .container .right .content_list .list_item .num_content{display:inline-block;vertical-align:middle;font-size:1.0rem;font-weight:400;font-stretch:normal;line-height:1.5625rem;letter-spacing:0;padding-top:0.625rem;color:#999}
.shzrg .container .right .eg_button {
    width: 12.375rem;
    height: 3.0rem;
    line-height: 3.125rem;
    font-size: 1.0rem;
}
.shzrg .container .right .hope_more{width:12.5rem;height:3.125rem;line-height:3.125rem;font-size:1.0rem}
.shzrg .container .right .eg_button.a_doble{border:1px solid #fff!important;color:#fff}
.shzrg .container .right .eg_button.a_doble:hover{color:#fff!important}

.jiuzhu{background: url(../images/W020201012636946977900.png) no-repeat center;height: 37.5rem;background-size: cover;}
.jiuzhu .info{text-align:left;margin-top:11.25rem;margin-right:15%}
.jiuzhu h2{background-image:linear-gradient(to right,#32beff 0,#ce0f2d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size: 3.0rem;font-weight:700;font-stretch:normal;line-height:3.375rem;letter-spacing:0;text-align:left;margin-bottom:1.5625rem}
.jiuzhu .help_text_intro{margin-bottom:4.0625rem;font-size:1.25rem;font-weight:400;font-stretch:normal;line-height:0.253906rem;letter-spacing:0;color:#fff;opacity:.7}
.jiuzhu h2.h2_doble{color:#fff!important}
.jiuzhu .eg_button{width:12.375rem;height:3.0rem;line-height:2.875rem;font-size:1.0rem;display: block;text-align: center;}
.jiuzhu .eg_button.a_doble{border:1px solid #fff!important;color:#fff}
.jiuzhu .eg_button.a_doble:hover{color:#fff!important}

.environment{padding: 120px 0;background: url(/uploadfile/2020/1219/20201219044241489.jpg) no-repeat center;background-size: cover;}
.social_environment .environment_img_box .environment_content{position:absolute;text-align:left;right:8.33333333%}
.environment .title{font-size:3.0rem;font-stretch:normal;line-height:3.0rem;letter-spacing:0;color:#fff;text-align: center;}
.environment .idea{padding-top:1.25rem;font-size:1.0rem;text-align: center; font-stretch:normal;line-height:1.5625rem;letter-spacing:0;color:#fff;opacity:.7;margin-bottom: 5.625rem;}
.environment .idea_list{position:relative;margin-top:2.0rem;text-align:center;margin-bottom:5.9375rem;}
.environment .idea_list .idea_item{text-align:center;width: 16.6667%;position: relative;}
.environment .idea_list .idea_item::after{content:'';width: 1px;height: 100%;position: absolute;background-color: rgba(255,255,255,.2);top: 0;right: 0;}
.environment .idea_list .idea_item:last-child::after{display: none;}
.environment .idea_list .idea_item .item_box{position:relative}

.environment .idea_list .idea_item .ieda_logo{margin-bottom: 0.9375rem;}
.environment .idea_list .idea_item .ieda_logo svg{width:5.0rem;height: auto;fill:#fff;}
.environment .idea_list .idea_item .idea_name{font-size:1.0rem;font-weight:400;font-stretch:normal;line-height:0.875rem;letter-spacing:0;color:#fff;padding-top:10px}
.environment .idea_list .last_item.idea_item .item_box:after{content:none}
.environment .environment_more{width:12.5rem;height:3.125rem;line-height:3.125rem;font-size:1.0rem;background:0 0;border:1px solid rgba(255,255,255,.6);display: block;margin: 0 auto;text-align: center;color: #fff;}
.environment .eg_button.texture.environment_more:after{background-image:none}
.environment .environment_more{width:12.5rem;height:3.125rem;line-height:3.125rem;font-size:1.0rem;background:0 0;border:1px solid rgba(255,255,255,.6)}
.environment .eg_button.texture.environment_more:after{background-image:none}

@media (max-width: 1200px){

  .shzrg .container .right{padding-bottom: 0;}
  .environment .idea_list .idea_item{margin-bottom: 2.25rem;}
  .environment .idea_list .idea_item:nth-child(3n)::after{display: none;}
}




.p-jobs-list {}
.h_zp{height: 3.75rem;line-height: 3.75rem;background-color: #8b8c91;}
.p-jobs-list li.wow{overflow: hidden;border:none;}
.p-jobs-list .h_zp div{width: 16.6666%;float: left;text-align: center;color: #fff;font-size: 0.9375rem;font-weight: bold;}
.p-jobs-list li.wow .deta{background-color: #fbfbfb;padding: 0 3.125rem;}

.job-title{background-color: #f5f5f5;margin-top: 0.625rem;cursor: pointer;}


.job-title.active{background-color: #ce0f2d;}
.p-jobs-list .h_zp.job-title div{color: #666;font-weight: normal;}
.p-jobs-list .job-title.active div{color: #fff;}

.p-jobs-list .tdata .box{padding: 1.875rem;font-size: 0.9375rem;color: #666;line-height: 2;}
.p-jobs-list .tdata .box span{font-size: 1.125rem;color: #333;margin-bottom: 1.25rem;display: block;}
.p-jobs-list .tdata .box a.a_134{display: block;width: 6.25rem;line-height: 2.5rem;color: #fff;background-color: #ce0f2d;text-align: center;}
.p-jobs-list .tdata .box a.a_134:hover{background-color: #ff574a;}

.p-jobs-list li{display: none;}
.p-jobs-list .job-title #lermore1{background: url(../images/jrwm1.png) no-repeat center center;height: 100%;}
.p-jobs-list .job-title.active #lermore1{background: url(../images/jrwm1_h.png) no-repeat center center;}

.pages .job-top{margin-bottom: 3.125rem;}
.pages .job-top h1{font-size: 2.5rem;color: #222;margin-bottom: 1.875rem;line-height: 100%;}
.pages .job-top h4{font-size: 1.5rem;color: #fff;margin-bottom: 1.25rem;line-height: 100%;display: inline-block;background-color: #ce0f2d;padding: 0.625rem;}
.pages .job-top h5{font-size: 1.25rem;color: #ce0f2d;margin-bottom: 0.625rem;line-height: 100%;}
.pages .job-top h6{font-size: 1.125rem;color: #333;margin-bottom: 0.625rem;line-height: 100%;}
.pages .job-top .sub{padding-left: 1.875rem;}
.pages .job-top .list{font-size: 1.0625rem;color: #444;line-height: 2;}
.job-bottom{}
.job-bottom h3{display: inline-block;font-size: 1.875rem;color: #fff;border-width: 0 1.875rem 3.125rem 0;
    border-style: solid;
    border-color: transparent transparent #ce0f2d #ce0f2d;display: inline-block;height: 3.125rem;line-height: 3.125rem;padding: 0 0.9375rem;}
.job-bottom .list{background-color: #f8f8f8;padding: 2.5rem 0;}
.job-bottom .list dl{width: 33.333%;padding: 0 2.5rem;}
.job-bottom .list dl dt{margin-bottom: 1.25rem;}
.job-bottom .list dl h5{font-size: 1.5625rem;color: #222;}
.job-bottom .list dl dd{font-size: 0.9375rem;color: #666;line-height: 2;}



.pages .ser-after h1{font-size: 2.5rem;color: #222;margin-bottom: 1.875rem;line-height: 100%;}
.pages .ser-after h4{font-size: 1.25rem;color: #fff;margin-bottom: 1.25rem;line-height: 100%;display: inline-block;background-color: #ce0f2d;padding: 0.625rem;}
.pages .ser-after h5{font-size: 1.25rem;color: #ce0f2d;margin-bottom: 0.625rem;line-height: 100%;}
.pages .ser-after h6{font-size: 1.125rem;color: #333;margin-bottom: 0.625rem;line-height: 100%;}
.pages .ser-after .sub{padding-left: 1.875rem;}
.pages .ser-after .list{font-size: 1.0625rem;color: #444;line-height: 2;}

.liucheng{padding-bottom: 6.25rem;position: relative;}
.liucheng > div{background-color: #ce0f2d;color: #fff;border-radius:90px;line-height: 3.125rem;height: 3.125rem;padding: 0 1.25rem;font-size: 1.25rem;text-align: center;position: relative;}
.liucheng > div:first-child{width: 4.375rem;padding: 0;line-height: 4.375rem;height: 4.375rem;}

.liucheng::before{content: '';display: block;height: 1px;background-color: #ce0f2d;position: absolute;bottom: 0;right: 6.875rem;left: 2.1875rem;}

.liucheng > div:first-child::after{content: '';display: block;height: 80px;right;background: url('/uploadfile/2020/0720/20200720115500335.png') no-repeat center top;position: absolute;left: 0;right: 0;top: 5.625rem;margin:auto;}
.liucheng > div:last-child::after{content: '';display: block;width: 1px;height: 6.875rem;background-color: #ce0f2d;position: absolute;left: 0;right: 0;top: 100%;margin:auto;}


.p-faq-list{}
.p-faq-list ul li{padding: 1.875rem 0;-webkit-transition: .5s;transition: .5s;}
.p-faq-list ul li:nth-child(2n){background-color: #f8f8f8;}
.p-faq-list ul li .h1{font-size: 23px;line-height: 100%;margin-bottom: 0.9375rem;position: relative;-webkit-transition: .5s;transition: .5s;padding-left: 2.1875rem;}
.p-faq-list ul li .h1 span{white-space: nowrap;-ms-text-overflow: ellipsis;
    text-overflow: ellipsis;overflow: hidden;}
.p-faq-list ul li .h1::before{content: 'Q';display: block;border-radius: 90px;background-color: #ce0f2d;color: #fff;width: 1.5rem;height: 1.5rem;text-align: center;line-height: 1.5rem;margin-right: 0.9375rem;-webkit-transition: .5s;transition: .5s;font-size: 1.0rem;position: absolute;top: 0;left: 0;}
.p-faq-list ul li .des{font-size: 0.9375rem;color: #666;line-height: 2;position: relative;padding-left: 2.1875rem;-webkit-transition: .5s;transition: .5s;}
.p-faq-list ul li .des::before{content: 'A';display: block;border-radius: 90px;background-color: #444;color: #fff;width: 1.5rem;height: 1.5rem;text-align: center;line-height: 1.5rem;position: absolute;left: 0;top: 0.3125rem;font-size: 1.0rem}


.p-faq-list ul li:hover{background-color: #ce0f2d;}
.p-faq-list ul li:hover .h1{color: #fff;}
.p-faq-list ul li:hover .des{color: #fff;}

.p-faq-list ul li:hover .h1::before{background-color: #ce0f2d;}



@media (max-width: 767px){
    .p-faq-list{padding: 1.5625rem 0;}
    .p-faq-list ul li{padding: 0.9375rem;}
    .p-faq-list ul li .h1{font-size: 1.125rem;}
    .p-faq-list ul li .des{font-size: 0.8125rem;line-height: 1.5;}
}




.pages-case{width: 58.125rem;min-height: 25.0rem;}
.pages-case .h3{font-size: 1.5rem;color: #535353;margin-bottom: 1.875rem;line-height: 100%;border-bottom: solid 1px #d7d7d7;padding-bottom: 0.8125rem;}
.pages-case .h3 span{position: relative;}
.pages-case .h3 span::after{content: '';display: block;height: 0.1875rem;bottom: -0.8125rem;position: absolute;background-color: #333;width: 100%;}

.pages-case ul{}
.pages-case ul li{padding: 1.25rem;border:solid 1px #ddd;margin-bottom: 1.25rem;}
.pages-case ul li:hover{border-color: #ce0f2d}
.pages-case ul li a{}
.pages-case ul li .img{overflow: hidden;width: 15.625rem;}
.pages-case ul li .img img{width: 100%;}
.pages-case ul li a .tbox{width: 38.125rem;}
.pages-case ul li .text{}
.pages-case ul li .text .h3{font-size: 1.25rem;line-height: 100%;margin-bottom: 0.9375rem;}
.pages-case ul li a:hover .text .h3{color: #ce0f2d}
.pages-case ul li .text .introl{font-size: 0.8125rem;color: #666;line-height: 1.5rem;margin-bottom: 1.875rem;}
.pages-case ul li .text .date{font-size: 0.9375rem;font-weight: bold;color: #999;position: absolute;top: 0;right: 0;bottom: 0;margin:auto;text-align: center;height: 4.0625rem;}
.pages-case ul li .text .date::before{content: '';display: block;height: 5.0rem;width: 1px;background-color: #ddd;position: absolute;left: -2.5rem;top: 0;bottom: 0;margin:auto;}
.pages-case ul li .text .date h5{font-size: 2.5rem;font-weight: bold;}
.pages-case ul li .text .more{font-weight: normal;display: block;width: 6.25rem;line-height: 2.0rem;background-color: #888;color: #fff;text-align: center;float: right;}
.pages-case ul li a:hover .text .more{background-color: #ce0f2d;}


.hot-product {margin-bottom: 3.125rem;}
.hot-product h1{font-size: 1.875rem;margin-bottom: 1.875rem;}


.hot-product ul{margin:0 -1.25rem;}
.hot-product ul li{padding: 0 1.25rem;width: 33.333%;}
.hot-product ul li:hover{border-color: #ce0f2d;}
.hot-product ul li a{display: block;position: relative;}
.hot-product ul li .img{overflow: hidden;border:solid 1px #ddd;}
.hot-product ul li img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.hot-product ul li a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.hot-product ul li .text{padding: 1.25rem 0 0;line-height: 1.5rem;font-size: 0.875rem;color: #666;text-align: center;}
.hot-product ul li p{font-size: 16px;color: #303030;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-product ul li a:hover p{color: #ce0f2d;}
.hot-product ul li a .desc{font-size: 1.0rem;}
.hot-product ul li a span.more{display: block;width: 100px;text-align: center;line-height:2.0rem;border:solid 1px #ddd;}
.hot-product ul li a:hover span.more{border:solid 1px #ce0f2d;background-color: #ce0f2d;color: #fff;}



@media (max-width: 767px){
    .hot-product ul{margin: 0 -0.3125rem;-ms-flex-wrap: wrap;flex-wrap: wrap;}
     .hot-product ul li{width: 50%;padding: 0 0.3125rem;margin-bottom: 0.625rem;}

    .hot-product ul li .text{padding: 0.3125rem 0;}
     .hot-product ul li p{font-size: 1.125rem;margin-bottom: 0.3125rem;}

    .hot-product ul li a .desc{font-size: 0.8125rem;line-height: 1.25rem;}

}



@media (min-width: 768px) and (max-width: 991px){
    .hot-product ul{margin: 0 -0.625rem;}
     .hot-product ul li{width: 50%;padding: 0 0.625rem;margin-bottom: 1.25rem;}
}



@media (min-width:992px) and (max-width:1199px){

    .hot-product ul li{width: 50%;}

}


@media (min-width:1200px) and (max-width:1400px){

}
