/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


.bxs{overflow: hidden;}
.wh{max-width:1830px;margin:0 auto;padding:0 15px;}
.wh2{max-width:1733px;margin:0 auto;padding:0 15px;}
.wh1550{max-width:1580px;margin:0 auto;padding:0 15px;}




.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}

.flexs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flex2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}



/*头部样式*/
.top2{height:118px;background:rgba(255,255,255,.4);width:100%;position:absolute;left:0;top:0;z-index:9999;}
.logo{width:6.8%;position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);}

.logo img{width:100%;}

.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(/template/default/assets/images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}
.tdh{position:absolute;right:3.32%;top: 50%;
   transform: translateY(-50%);}


.navs{}
.navs li{height:118px;text-align:center;width:10%;float:left;position:relative;z-index:999;}
.navs li a{display:block;line-height:118px;color:#545454;height:118px;font-size:16px;}
.navs li:hover a.a{color:#fe0000;text-decoration:none;background:url(/template/default/assets/images/x1.png) no-repeat bottom center;}
.navs li:nth-child(5){margin-left:20%;}

.navs .sec{background:#fe0000;overflow:hidden;z-index:9999;position:absolute;top:118px;left:0px;display: none;width: 100%;}
.navs .sec a{height:38px;line-height:38px;width:100%;overflow: hidden;color:#fff;font-size:14px;}
.navs .sec a:hover{background:#fe0000;text-decoration:none;color:#fff;}


@media (max-width:1530px) {
   .tdh{position:absolute;right:15px;} 
   .tdh img{width:30px;height:30px;display:block;}
   .wh1550{padding:0 40px;}
}

@media (max-width:1024px) {
   .wh1550{padding:0 15px;}
}



/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;display:block;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}


/*banner*/

ul, ol, li {
    list-style-type: none;
}

.tp-simpleresponsive .button.green,
.tp-simpleresponsive .button:hover.green,
.tp-simpleresponsive .purchase.green,
.tp-simpleresponsive .purchase:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0 3px 0 0 #104d0b;
    -moz-box-shadow: 0 3px 0 0 #104d0b;
    box-shadow: 0 3px 0 0 #104d0b
}

.tp-simpleresponsive .button.blue,
.tp-simpleresponsive .button:hover.blue,
.tp-simpleresponsive .purchase.blue,
.tp-simpleresponsive .purchase:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0 3px 0 0 #0f3e68;
    -moz-box-shadow: 0 3px 0 0 #0f3e68;
    box-shadow: 0 3px 0 0 #0f3e68
}

.tp-simpleresponsive .button.red,
.tp-simpleresponsive .button:hover.red,
.tp-simpleresponsive .purchase.red,
.tp-simpleresponsive .purchase:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0 3px 0 0 #7c1212;
    -moz-box-shadow: 0 3px 0 0 #7c1212;
    box-shadow: 0 3px 0 0 #7c1212
}

.tp-simpleresponsive .button.orange,
.tp-simpleresponsive .button:hover.orange,
.tp-simpleresponsive .purchase.orange,
.tp-simpleresponsive .purchase:hover.orange {
    background-color: #f70;
    -webkit-box-shadow: 0 3px 0 0 #a34c00;
    -moz-box-shadow: 0 3px 0 0 #a34c00;
    box-shadow: 0 3px 0 0 #a34c00
}

.tp-simpleresponsive .button.darkgrey,
.tp-simpleresponsive .button.grey,
.tp-simpleresponsive .button:hover.darkgrey,
.tp-simpleresponsive .button:hover.grey,
.tp-simpleresponsive .purchase.darkgrey,
.tp-simpleresponsive .purchase:hover.darkgrey {
    background-color: #555;
    -webkit-box-shadow: 0 3px 0 0 #222;
    -moz-box-shadow: 0 3px 0 0 #222;
    box-shadow: 0 3px 0 0 #222
}

.tp-simpleresponsive .button.lightgrey,
.tp-simpleresponsive .button:hover.lightgrey,
.tp-simpleresponsive .purchase.lightgrey,
.tp-simpleresponsive .purchase:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0 3px 0 0 #555;
    -moz-box-shadow: 0 3px 0 0 #555;
    box-shadow: 0 3px 0 0 #555
}

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden
}

.fullwidthbanner-container .fullwidthbanner {
    width: 100%;
    position: relative
}

.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
    position: absolute;
    visibility: hidden;
    font-size: 1.4em
    -webkit-font-smoothing: antialiased !important
}

.tp-simpleresponsive img {
    max-width: none
}

.noFilterClass {
    filter: none !important
}

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.fullscreenvideo .vjs-loading-spinner {
    visibility: none;
    display: none !important;
    width: 0;
    height: 0
}

.fullscreenvideo .vjs-control-bar.vjs-fade-out,
.fullscreenvideo .vjs-control-bar.vjs-fade-in,
.fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing,
.fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
    width: 0;
    height: 0;
    overflow: hidden
}

.fullcoveredvideo.video-js,
.fullcoveredvideo video {
    background: transparent !important
}

.fullcoveredvideo .vjs-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(5px);
    bottom: 44px !important;
}

.tp-bullets.hidebullets {
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 1;
    bottom: 44px !important;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    margin-right: 10px;
    float: left;
    margin-top: 0;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius:20px;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 3px
}

.tp-bullets.simplebullets.round-old .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.square-old .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 0 !important
}

.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 0 !important
}

.tp-bullets.simplebullets.navbar-old .bullet.first {
    margin-left: 0 !important
}

.tp-bullets.simplebullets.navbar-old .bullet.last {
    margin-right: 0 !important
}

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
    background-position: top left
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
    width:65px;background:#fe0000;border-radius:20px;
}

.tparrows {
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(5px)
}

.tparrows.hidearrows {
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0
}

.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: rgba(0, 0, 0, .3);
    width: 30px;
    height: 110px;
    left: 0 !important;
    top: 50% !important;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    display: none;
}

.tp-leftarrow.default:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    margin: 50px 0 0 10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #fff
}

.tp-rightarrow.default {
    display: none;
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: rgba(0, 0, 0, .3);
    width: 30px;
    height: 110px;
    right: 0 !important;
    top: 50% !important;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s
}

.tp-rightarrow.default:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    margin: 50px 0 0 9px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #fff
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
    background: #fb4848
}

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: 0;
    margin: 0;
    float: left;
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-thumbs img {
    width: 100%
}

.tp-bannertimer {
    height: 2px;
    background: #fff;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    z-index: 200;
    top: 0;
    right: 0
}

.tp-bannertimer.tp-bottom {
    bottom: 0;
    height: 5px;
    top: auto
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none
    }

    .responsive .tparrows {
        display: none
    }
}

.vjs-tech {
    margin-top: 1px
}

.tp-caption .vjs-default-skin .vjs-big-play-button {
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    line-height: 30px;
    vertical-align: top;
    padding: 0
}

.tp-caption .vjs-default-skin .vjs-big-play-button:before {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    text-shadow: none !important;
    color: #fff;
    font-size: 18px
}

.tp-caption .vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
    box-shadow: none;
    -webkit-box-shadow: none
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-simpleresponsive a {
    text-decoration: none
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.tp-simpleresponsive > ul > li {
    list-stye: none;
    position: absolute;
    visibility: hidden
}

.tp-loader {
    margin: -30px -30px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 60px;
    height: 60px
}

.tp-loader:before,
.tp-loader:after {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    border-radius: 50%;
    background-color: #fb4848;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out
}

.tp-loader:after {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}




/*主体样式*/
.box1{background:#fafafa;padding:2.8vw 0 1.8vw;}
.bt{color:#fe0000;font-size:36px;font-family:"Impact";font-weight:bold;}
.bt span{color:#313131;font-size:30px;margin-left:11px;}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    cursor: pointer;
    background: #fe0000;
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;font-size:15px;border-radius: 5px; width: 148px;text-align:center;
  line-height: 43px;
}
a.hvr-push{color:#fff;}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.cp1{margin-top:1.2vw;overflow:hidden;}
.cp1 .mySwiper22{verflow:hidden;}
.cp1 .swiper-slide{width:24.4%;text-align:center;}
.cp1 .swiper-slide .img img{width:100%;display:block;}
.cp1 .swiper-slide .dets{background:#fff;position:relative;padding:1.2vw 0 2vw;border:1px solid #e8e9eb;border-top:none;}
.cp1 .swiper-slide .nr{width:80%;margin:0 auto;}
.cp1 .swiper-slide h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#313131;font-size:24px;letter-spacing:3px;}
.cp1 .swiper-slide .wz{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#717171;font-size:14px;margin:0.8vw 0 1vw;}
.cp1 .swiper-slide .dets:before{content:"";width:0;height:1px;background:#fe0000;position:absolute;display: block;left:0;bottom:0;transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;z-index:999;} 
.cp1 .swiper-slide:hover .dets:before{width:100%;}



/* Radial Out */
.cp1 .swiper-slide .hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;color:#717171;font-size:14px;text-align:center;border:1px solid #e8e9eb;width:146px;line-height:39px;border-radius:25px;
}

.cp1 .swiper-slide .hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fe0000;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.cp1 .swiper-slide:hover .hvr-radial-out, .cp1 li .hvr-radial-out:focus, .cp1 li .hvr-radial-out:active {
  color: white;
}
.cp1 .swiper-slide:hover .hvr-radial-out:before, .cp1 li .hvr-radial-out:focus:before, .cp1 li .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}







.box2{margin-top:1.2vw;}
.ys li{width:49.5%;position:relative;}
.ys li .img{overflow:hidden;}
.ys li .img img{width:100%;display:block;transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.ys li .dets{width:100%;position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);}
.ys li .nr{width:80%;margin:0 auto;text-align:center;}
.ys li h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:36px;}
.ys li .wz{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:16px;margin:0.8vw 0 1.8vw;}
.ys li .ymo{color:#fff;font-size:16px;background: url(/template/default/assets/images/jt.png) no-repeat center top;padding-top:18px;}
.ys li:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}









.box3{margin:2.8vw 0 2.3vw;}
.box3 .cont2{margin-top:1.2vw;}
.an1{width:34.47%;}
.an2{width:65.53%;}
.cc3 li{width:50%;}
.cca li{position:relative;overflow:hidden;}
.cca li .img img{width:100%;display:block;}

.cca li .hh {
  position: absolute;
  top: 50px;
  left:30px;
}
.cca li:hover .hh:before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.cca li .hh:before {
transition: opacity 0.35s, transform 0.35s;
content: '';
    position: absolute;
    left: -60px;
    bottom: -130px;
    width: 340px;
    height: 340px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 900px rgb(255 255 255 / 20%);
    content: '';
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.cca li:hover .hh .w1,
.cca li:hover .hh .w2 {
 transform: translate(20px, -20px)
}

.cca li .hh .w1 {
  color: #fff;
  font-size:30px;font-weight:bold;
transition: opacity 0.35s, transform 0.35s;
}

.cca li .hh .w2 {
  color: #fff;
  font-size:12px;font-weight:bold;
  transition: opacity 0.35s, transform 0.35s;
}


.box4{background: url(/template/default/assets/images/bj4.jpg) no-repeat;background-size:100% 100%;padding:4vw 0 2.8vw;}
.aentt{width:19.17%;margin-left:27.06%;}
.aentt img{width:100%;}
.about{width:36.39%;margin-right:7.5%;}
.abtt{color:#313131;font-size:36px;}
.ab{color:#313131;font-size:16px;line-height:30px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:6;margin:1.2vw 0;}


/* Radial Out */
.hvr-radial-out2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;color:#fe0000;font-size:15px;text-align:center;border:1px solid #fe0000;width:146px;line-height:41px;border-radius:25px;
}

.hvr-radial-out2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fe0000;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out2:hover, .hvr-radial-out2:focus, .hvr-radial-out2:active {
  color: white;
}
.hvr-radial-out2:hover:before, .hvr-radial-out2:focus:before, .hvr-radial-out2:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}


.ads2{margin-top:6vw;}
.ads2 li{width:32.5%;background:#fff;padding-top:1.8vw;border-radius: 10px;}
.ads2 li .det{width:86%;margin:0 auto;}
.ads2 li h3{color:#313131;font-size:30px;}
.ads2 li span{color:#666666;font-size:15px;}
.ads2 li .nr{margin-top:1vw;}
.ads2 li .wz{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;color:#666666;font-size:14px;line-height:24px;width:70%;}
.ads2 li .mo{width:40px;height:40px;background: url(/template/default/assets/images/am1.png) no-repeat;background-size:100% 100%;}
.ads2 li:hover .mo{background: url(/template/default/assets/images/am2.png) no-repeat;background-size:100% 100%;}
.ads2 li .img{width:98%;margin:0 auto;margin-top:1vw;overflow:hidden;}
.ads2 li .img img{width:100%;display:block;transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.ads2 li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


.box5{margin:2.4vw 0;}
.xwz{width:47.56%;}
.xbts{color:#222222;font-size:28px;text-transform:uppercase;font-family:"Arial";text-transform:uppercase;}
.xbts p{font-family:"微软雅黑";font-weight:normal;}
.xbts p img{margin-left:15px;}
a.xwmo{width:100px;border-bottom:2px solid #323232;line-height:45px;color:#222222;font-size:14px;font-weight:bold;background: url(/template/default/assets/images/xm1.png) no-repeat right center;text-transform:uppercase;}
a.xwmo:hover{border-color:#fe0000;color:#fe0000;background: url(/template/default/assets/images/xm2.png) no-repeat right center;}
.xbt{margin-bottom:2vw;}

.xlist1{}
.xlist1 li .img{width:53%;}
.xlist1 li .img img{width:100%;display:block;}
.xlist1 li .det{width:40%;margin-right:2%;}
.xlist1 li h4{color:#979797;font-size:12px;font-family:"Arial";}
.xlist1 li .tis{color:#222222;font-size:18px;line-height:30px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin:0.8vw 0 1.2vw;}
.xlist1 li .wz{color:#979797;font-size:14px;line-height:25px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.xlist1 li .vm{color:#979797;font-size:14px;text-transform:uppercase;margin-top:1.3vw;}
.xlist1 li .vm img{margin-left:13px;}

.xian2{width:100%;height:1px;background:#efefef;margin:2vw 0 1vw;}

.xlist2{margin-left:12px;}
.xlist2 li{margin:12px 0;}
.xlist2 li h4{color:#979797;font-size:12px;font-family:"Arial";}
.xlist2 li .tis{color:#979797;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:70%;background: url(/template/default/assets/images/tt1.png) no-repeat left center;padding-left:14px;}
.xlist2 li:hover h4{color:#fe0000;}
.xlist2 li:hover .tis{color:#fe0000;background: url(/template/default/assets/images/tt2.png) no-repeat left center;}



.xwy{width:44.63%;}
.fw{position:relative;width:100%;}
.fw .mySwiper{overflow:hidden;}
.fw .swiper-slide{position:relative;}
.fw .swiper-slide .img img{width:100%;margin:0 auto;display:block;}
.fw .swiper-slide .det{position:absolute;right:0;bottom:0;width:43%;}
.fw .swiper-slide .nr{background:rgba(5,0,0,.4);}
.fw .swiper-slide .nr1{width:86%;margin:0 auto;padding:2.5vw 0;}
.fw .swiper-slide h4{color:#fff;font-size:12px;font-family:"Arial";}
.fw .swiper-slide .tis{color:#fff;font-size:16px;line-height:30px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-top:0.5vw;}
.fw .swiper-slide .nr2{background:#fe0000;line-height:3.5;color:#fff;font-size:14px;text-transform:uppercase;text-indent:7%;}
.fw .swiper-slide .nr2 img{margin-left:15px;}


.fw .swiper-button-prev{position: absolute;top:-4.3vw;right:57px;width:47px;height:47px;opacity:1;z-index:999;background:url(/template/default/assets/images/z1.png) no-repeat;background-size:100% 100%;left:auto;}
.fw .swiper-button-next{position: absolute;top:-4.3vw;right:0;width:47px;height:47px;opacity:1;z-index:999;background:url(/template/default/assets/images/y1.png) no-repeat;background-size:100% 100%;}

.fw .swiper-button-prev:hover{background:url(/template/default/assets/images/z2.png) no-repeat;background-size:100% 100%;}
.fw .swiper-button-next:hover{background:url(/template/default/assets/images/y2.png) no-repeat;background-size:100% 100%;}













/*页面底部*/
.foot{background:url(/template/default/assets/images/foot.jpg) no-repeat;background-size:100% 100%;padding-top:3vw;}
.f_nav{width:60.78%;}
.f_nav dl{width:16.66%;}
.f_nav dt{margin-bottom:10px;font-size:16px;color:#fff;}
.f_nav dt a{}
.f_nav dd{}
.f_nav dd a{font-size:14px;color:#b7b6ba;line-height:30px;}

.foot2{width:34.23%;}
.flogo img{max-width:100%;}
.foot2 .cont2{margin-top:2vw;}
.codes{width:21.96%;}
.codes img{width:100%;display:block;}
.lx{color:#a4a4a4;font-size:14px;line-height:30px;}
.lx a{color:#a4a4a4;}
.lx p:nth-child(4){color:#fe0000;font-size:28px;font-family:"Impact";}


.foot3{border-bottom:1px solid #4b4b4b;color:#a5a5a5;font-size:14px;line-height:24px;padding:20px 0;}
.foot3 a{color:#a5a5a5;}
.f_link a{margin-right:6px;}


.foot4{color:#a5a5a5;font-size:14px;padding:20px 0;}
.foot4 a{color:#a5a5a5;}










/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.footer33{height:50px;}
.xymob-left-close-btn .icon-close:before{font-size:0;}

@media (max-width:1440px) {

}



@media (max-width:1024px) {
 .bt{font-size:30px;}
 .bt span{font-size:26px;}
 .hvr-push{width:131px;line-height:38px;}
 .cp1 .swiper-slide h2{font-size:20px;}
 .cp1 .swiper-slide .hvr-radial-out{width:133px;line-height:35px;}
 .ys li h2{font-size:30px;}
.ys li .wz{font-size:14px;margin:0.8vw 0 1.8vw;}
.ys li .ymo{color:#fff;font-size:14px;}
.cca li .hh .w1{font-size:24px;}
.cca li .hh:before {display:none;}
.abtt{font-size:30px;}
.ab{font-size:14px;line-height:25px;-webkit-line-clamp:4;}
.hvr-radial-out2{width: 133px;line-height: 35px;font-size:14px;}
.ads2 li h3{font-size:24px;}
.ads2 li span{font-size:13px;}
.ads2 li .mo{width:30px; height:30px;}
.xbts{font-size:22px;}
.xlist1 li .tis{-webkit-line-clamp:1;font-size:16px;}
.xlist1 li .wz{-webkit-line-clamp:1;}
.xlist2 li{margin:8px 0;}
.fw .swiper-slide .tis{font-size:14px;line-height:25px;}
.fw .swiper-slide .nr2{font-size:12px;}
.xlist1 li .vm{font-size:12px;}
.fw .swiper-slide .det{width:50%;}
.fw .swiper-button-prev{width:38px;height:38px;right:50px;top:-5vw;}
.fw .swiper-button-next{width:38px;height:38px;top:-5vw;}
.lx p:nth-child(4){font-size:22px;}

}




@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
  .ys li h2{font-size:25px;}
  .cca li .hh .w1{font-size:20px;} 
  .cca li .hh{left:20px;top:30px;}
  .ads2 li h3{font-size:18px;}
  .ads2 li span{font-size:12px;}
  .ads2 li .wz{line-height:22px;}
  .ads2 li .mo{width:24px; height:24px;}
  .xwz{width:100%;}
  .xwy{width:100%;margin-top:15px;}
  .foot2{width:100%;}
  .foot{padding-top:30px}
  .lx{line-height:26px;margin-top:15px;}
}


@media (max-width:425px) {
    .bt{font-size:22px;}
   .bt span{font-size:16px;}
    .hvr-push{width:100px;line-height:29px;font-size:12px;}
    .cp1 .swiper-slide h2{font-size:16px;}
   .cp1 .swiper-slide .hvr-radial-out{width:114px;line-height:30px;font-size:12px;}

   .ys li{width:100%;margin:5px 0;}
   .ys li h2{font-size:20px;}
   .an1{width:100%;}
   .an2{width:100%;}
   .cca li .hh .w1{font-size:16px;} 
   .cc3 li{width:100%;}
   .cca li:hover .hh .w1,
  .cca li:hover .hh .w2 {transform: translate(10px, -10px)}
  .aentt{display:none;}
  .about{width:100%;margin-right:0;}
  .hvr-radial-out2{width: 114px;line-height: 30px;font-size: 12px;}
  .abtt{font-size:22px;}
  .ads2 li{width:100%;}
  .ads2 li+li{margin-top:10px;}
  .ads2 li .wz{width:80%;}
  .xbts{font-size:18px;}
  a.xwmo{width:80px;line-height:38px;}
  .fw .swiper-button-prev{width:28px;height:28px;right:38px;top:-5.3vw;}
  .fw .swiper-button-next{width:28px;height:28px;top:-5.3vw;}
}




.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #222;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}




/*内页左侧样式*/
/*  */

.xypg-left-menu {
    padding: 0;
    border: none;
}

.xypg-left-menu .xypg-left-title {
    position: relative;
    background: #fe0000;
    padding: 30px 20px 15px;
}

.xypg-left-menu .xypg-left-title h3 {
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    background: none;
}

.xypg-left-menu .xypg-left-title span {
    display: block;
    font-size: 14px;
    margin: 0;
    letter-spacing: 2px;
    margin-top: 8px;
    text-transform: uppercase;
    opacity: 1;
}


/*  */

.news_listts li {
    background: #fff;
    position: relative;
    margin-bottom: 30px;
}

.news_listts li a.img {
    width: 216px;
    height: 145px;
    overflow: hidden;
    display: block;
    float: left;
}

.news_listts li img {
    width: 100%;
}

.news_sub {
    float: right;
    position: relative;
    width: calc(100% - 238px);
}

.news_sub a {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    display: block;
}

.news_sub span {
    color: #7b7b7b;
    font-size: 14px;
    text-align: justify;
}

.news_sub h3 {
    width: 83px;
    height: 28px;
    font-size: 12px;
    border: 1px solid #fe0000;
    display: block;
    line-height: 26px;
    text-align: center;
    margin-top: 10px;
}

.news_sub h3 a {
    font-size: 12px;
    text-align: center;
    color: #fe0000;
    line-height: 26px;
    padding-left: 0px;
    display: block;
}

.news_listts li:hover .news_sub h3 {
    border: none;
    background: #fe0000;
}

.news_listts li:hover .news_sub h3 a {
    color: #fff;
}

@media (max-width:600px) {
    .news_listts li a.img {
        float: none;
        width: 100%;
        height: auto;
    }
    .news_sub {
        float: none;
        width: 100%;
        margin: 15px 0;
    }
}


/*  */

.product_listn {
    margin: 0 -1.5%;
    font-size: 0;
}

.product_listn li {
    display: inline-block;
    vertical-align: bottom;
    width: 30.333%;
    margin: 0 1.5% 15px 1.5%;
    border: 1px solid #ddd;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.product_listn li a.img {
    display: block;
    overflow: hidden;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: relative;
}

.product_listn li a.img img {
    width: 100%;
}

.product_listn li h3 {
    background: #f1f1f1;
    height: 64px;
    padding: 10px 5px;
    line-height: 1.5;
    text-align: center;
    font-size: 15px;
    color: #6d6d6d;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}




.product_listn li a.img figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.product_listn li a.img figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.product_listn li:hover a.img img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.product_listn li:hover a.img figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.product_listn li h3 a {
    font-weight: normal;
    color: #333;
}


/*  */

.case_listn li {
    float: left;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 15px;
    _display: inline;
    border: 1px solid #ddd;
}

.case_listn li a.img img {
    width: 282px;
    height: 211px;
}

.case_listn li h3 {
    background: #f1f1f1;
    line-height: 46px;
    text-align: center;
    font-size: 12px;
    color: #6d6d6d;
    font-weight: 400;
}

.case_listn li h3 a {
    font-weight: normal;
    color: #333;
}

.case_listn li a.img {
    display: block;
}

.case_listn li a.img:hover {
    border-color: #fe0000;
}

.case_listn li:hover h3,
.product_listn li:hover h3 {
    background: #fe0000;
}

.case_listn li:hover h3 a,
.product_listn li:hover h3 a {
    color: #fff;
}

.product_listn li a.img {
    display: block;
}

.product_listn li a.img:hover {
    border-color: #fe0000;
}


/* ?— */

.pop_ups {
    position: relative;
}


/*  */

.tc {
    transition: all ease 300ms;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    pointer-events: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
}

.tc.act {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    display: block;
    pointer-events: auto;
    visibility: visible;
}

.tc-box {
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff;
    display: block;
    position: relative;
    z-index: 1;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: anim-close-2;
    animation-name: anim-close-2;
}

.tc.act .tc-box {
    -webkit-animation-name: anim-open-2;
    animation-name: anim-open-2;
    transform: scale(1);
}

.tc_close {
    position: absolute;
    cursor: pointer;
    color: #e13a39;
    font-size: 22px;
    right: 30px;
    top: 30px;
    z-index: 999;
}

.tc_bg {
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.tc_txt {
    height: 470px;
    overflow-y: auto;
    padding-right: 30px;
}


/*  */

.j_tab {
    width: 100%;
    height: 100%;
    display: table;
}

.j_tab_cel {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}


/*è??è??é??é—?  ?—??…?·???*/

#tc_zixun_guwen {
    width: 545px;
    height: 412px;
    text-align: center;
    border-radius: 7px;
    overflow: hidden;
}

#tc_zixun_guwen .tc_close {
    color: #fff;
    top: 10px;
    right: 10px;
}

#tc_zixun_guwen .tt {
    height: 130px;
    background: #e93030;
    color: #fff;
    margin-bottom: 40px;
    padding-top: 38px;
}

#tc_zixun_guwen .tt ul {
    position: relative;
}

#tc_zixun_guwen .tt ul li {
    float: left;
    width: 25%;
    text-align: center;
}

#tc_zixun_guwen .tt ul li font {}

#tc_zixun_guwen .tt ul li h5 {
    font-size: 16px;
    margin: 15px 0 13px;
}

#tc_zixun_guwen .tt ul li p {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}


@media (max-width:425px) {
   .product_listn li {
     width: 47%;
     margin: 0 1.5% 15px 1.5%;
   }
}




<!--0.00010514259338379-->