@charset "utf-8";
*,*:after,*:before {
	transition-property:all;
	-ms-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-property:all;
	-o-transition-property:all;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	blr: expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing: antialiased; /*chrome、safari*/	
	-moz-osx-font-smoothing: grayscale;/*firefox*/
	font-smoothing: antialiased;
	}

html,body {font-size: 14px;background:#fff;width:100%;margin:0px;padding:0px;font-family: "Arial","Microsoft YaHei",sans-serif;}
body {overflow-x:hidden;overflow-y:auto;min-width:320px;max-width: 1920px;margin: 0 auto;}
img {border:0px;max-width: 100%;}
.noselet{gn: expression(this.onselectstart=function(){return false;});-moz-user-select:none;user-select: none;}/*文字不可选中*/
ul,li,p {margin:0px;padding:0px;}
a {text-decoration:none;color:#7d7d7d;text-decoration:none;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease; color:#333333; outline:none;}
a:hover {
    color: #d40505;
}
a:active {-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none;}
ul,li {list-style-type:none;border:none;}
input,button,select,textarea {outline:none;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "SourceHanSansCN-Regular";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
::-moz-selection {text-shadow: none;}
::selection {background-color: #d40505;color: #ffffff;text-shadow: none;}
textarea {resize:none;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"] {-webkit-appearance:none;padding:0;margin:0;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;}
ul>li>a {display:block;}
ul>li>a>img {width:100%;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.pyc {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ppyc {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.bgCover{background-size: cover;background-position: center;}
.pics {
    padding-bottom: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.pics img {
    max-width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5S;
}

li:hover .pics img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
  .loadBg {
    padding-right: 38px;
    background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
    background-size: 400% 100%;
    -webkit-animation: el-skeleton-loading 1.4s ease infinite;
    animation: el-skeleton-loading 1.4s ease infini
  }
@-webkit-keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}
.swiper-button-next{right:0}
.swiper-button-prev{left:0}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;z-index: 11;}
/* animate */
.delay0d1s{-webkit-animation-delay: .1s; animation-delay: .1s;}
.delay0d2s{-webkit-animation-delay: .2s; animation-delay: .2s;}
.delay0d3s{-webkit-animation-delay: .3s; animation-delay: .3s;}
.delay0d4s{-webkit-animation-delay: .4s; animation-delay: .4s;}
.delay0d5s{-webkit-animation-delay: .5s; animation-delay: .5s;}
.delay0d6s{-webkit-animation-delay: .6s; animation-delay: .6s;}
.delay0d7s{-webkit-animation-delay: .7s; animation-delay: .7s;}
.delay0d8s{-webkit-animation-delay: .8s; animation-delay: .8s;}
.delay0d9s{-webkit-animation-delay: .9s; animation-delay: .9s;}
.delay1s{-webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1d1s{-webkit-animation-delay: 1.1s; animation-delay: 1.1s;}
.delay1d2s{-webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1d3s{-webkit-animation-delay: 1.3s; animation-delay: 1.3s;}
.delay1d4s{-webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1d5s{-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.delay1d6s{-webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1d7s{-webkit-animation-delay: 1.7s; animation-delay: 1.7s;}
.delay1d8s{-webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay1d9s{-webkit-animation-delay: 1.9s; animation-delay: 1.9s;}
.delay2s{-webkit-animation-delay: 2s; animation-delay: 2s;}
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
.fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)}
100%{opacity:1;
-webkit-transform:none;
transform:none}}
@keyframes fadeInDown{0%{opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)}
100%{opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none}}
.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown}
@-webkit-keyframes zoomInA{0%{opacity:1;
-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
50%{opacity:.2;
-webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
100%{opacity:1;
-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}}
@keyframes zoomInA{0%{opacity:1;
-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
50%{opacity:.2;
-webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
100%{opacity:1;
-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}}
.zoomInA{-webkit-animation-name: zoomInA; animation-name: zoomInA}
@-webkit-keyframes zoomIn{0%{opacity:0;
-webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
1 100%{opacity:1;
-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}}
@keyframes zoomIn{0%{opacity:0;
-webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);} 100%{opacity:1;
-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}}
.zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes zoomInB{0%{opacity:0;
-webkit-transform:scale(.5); -ms-transform:scale(.5); transform:scale(.5);}
1 100%{opacity:1;
-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}}
@keyframes zoomInB{0%{opacity:0;
-webkit-transform:scale(.5); -ms-transform:scale(.5); transform:scale(.5);} 100%{opacity:1;
-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}}
.zoomInB{-webkit-animation-name: zoomInB; animation-name: zoomInB;}
@-webkit-keyframes fadeInDownA{0%{opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
transform-origin: center 0;
transform:translate3d(0, -30px, 0);
transform-origin: center 0;}
100%{opacity:1;
-webkit-transform:none;
transform:none}}
@keyframes fadeInDownA{0%{opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
transform-origin: center 0;
-ms-transform:translate3d(0, -30px, 0);
transform-origin: center 0;
transform:translate3d(0, -30px, 0);
transform-origin: center 0;}
100%{opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none}}
.fadeInDownA{-webkit-animation-name: fadeInDownA; animation-name: fadeInDownA}
@-webkit-keyframes fadeInLeft{0%{opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)}
100%{opacity:1;
-webkit-transform:none;
transform:none}}
@keyframes fadeInLeft{0%{opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)}
100%{opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none}}
.fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)}
100%{opacity:1;
-webkit-transform:none;
transform:none}}
@keyframes fadeInLeftA{0%{opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)}
100%{opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none}}
.fadeInLeftA{-webkit-animation-name: fadeInLeftA; animation-name: fadeInLeftA}
@-webkit-keyframes fadeInUp{0%{opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
transform:translate3d(0, 100px, 0)}
100%{opacity:1;
-webkit-transform:none;
transform:none}}
@keyframes fadeInUp{0%{opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
-ms-transform:translate3d(0, 100px, 0);
transform:translate3d(0, 100px, 0)}
100%{opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none}}
.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp}
@-webkit-keyframes fadeInUpA{0%{opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)}
100%{opacity:1;
-webkit-transform:none;
transform:none}}
@keyframes fadeInUpA{0%{opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
-ms-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)}
100%{opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none}}
.fadeInUpA{-webkit-animation-name: fadeInUpA; animation-name: fadeInUpA}
@-webkit-keyframes fadeInRight{0%{opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)}
100%{opacity:1;
-webkit-transform:none;
transform:none}}
@keyframes fadeInRight{0%{opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)}
100%{opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none}}
.fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight}
@-webkit-keyframes fadeInRightA{0%{opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)}
100%{opacity:1;
-webkit-transform:none;
transform:none}}
@keyframes fadeInRightA{0%{opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)}
100%{opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none}}
.fadeInRightA{-webkit-animation-name: fadeInRightA; animation-name: fadeInRightA}
@-webkit-keyframes bounceIn{0%, 100%, 20%, 40%, 60%, 80%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0%{opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)}
40%{-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)}
60%{opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)}
80%{-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)}
100%{opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}}
@keyframes bounceIn{0%, 100%, 20%, 40%, 60%, 80%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0%{opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
-ms-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);
-ms-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)}
40%{-webkit-transform:scale3d(.9, .9, .9);
-ms-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)}
60%{opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
-ms-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)}
80%{-webkit-transform:scale3d(.97, .97, .97);
-ms-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)}
100%{opacity:1;
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}}
.bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s}
@-webkit-keyframes icojumpA{0%{-webkit-transform:translateY(0);} 50%{-webkit-transform:translateY(-5px);} 100%{-webkit-transform:translateY(0);}}
@keyframes icojumpA{0%{-webkit-transform:translateY(0);} 50%{-webkit-transform:translateY(-5px);} 100%{-webkit-transform:translateY(0);}} @-webkit-keyframes icojump{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateY(-10px);}
50%{-webkit-transform:translateY(0);}
75%{-webkit-transform:translateY(-5px);}
100%{-webkit-transform:translateY(0);}}
@keyframes icojump{0%{transform:translateY(0);}
25%{transform:translateY(-10px);}
50%{transform:translateY(0);}
75%{transform:translateY(-5px);}
100%{transform:translateY(0);}} @-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)}
40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)}
60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)}
80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)}
100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)}}
@keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);
-ms-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)}
40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);
-ms-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)}
60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);
-ms-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)}
80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);
-ms-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)}
100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);
-ms-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)}}
@-webkit-keyframes logoAnim{0%{left: -100%;}
100%{left: 200%;}}
@keyframes logoAnim{0%{left: -100%;}
100%{left: 200%;}}
@-webkit-keyframes tm-bounce{0%, 100%{-webkit-transform:scale(.8);
transform:scale(.8);}
50%{-webkit-transform:scale(1);
transform:scale(1);}}
@keyframes tm-bounce{0%, 100%{-webkit-transform:scale(.8);
transform:scale(.8);}
50%{-webkit-transform:scale(1);
transform:scale(1);}}
@-ms-keyframes cssload-spin{0%, 15%{-ms-transform:rotate(0);
transform:rotate(0);}
100%{-ms-transform:rotate(360deg);
transform:rotate(360deg);}}
@-webkit-keyframes cssload-spin{0%, 15%{-webkit-transform:rotate(0);
transform:rotate(0);}
100%{-webkit-transform:rotate(360deg);
transform:rotate(360deg);}}
@-ms-keyframes rotateZ{0%{-ms-transform:rotate(0);
transform:rotate(0);}
100%{-ms-transform:rotate3d(0, 1, 0, 360deg);
transform:rotate3d(0, 1, 0, 360deg);}}
@-webkit-keyframes rotateZ{0%{-webkit-transform:rotate(0);
transform:rotate(0);}
100%{-webkit-transform:rotate3d(0, 1, 0, 360deg);
transform:rotate3d(0, 1, 0, 360deg);}}
@keyframes icon-bounce{0%, 100%{-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);} 25%{-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);} 50%{-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);} 75%{-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);} 85%{-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);}}
@-webkit-keyframes icon-bounce{0%, 100%{-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);} 25%{-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);} 50%{-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);} 75%{-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);} 85%{-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);}}
@-moz-keyframes icon-bounce{0%, 100%{-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);} 25%{-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);} 50%{-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);} 75%{-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);} 85%{-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);}}
@-o-keyframes icon-bounce{0%, 100%{-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);} 25%{-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);} 50%{-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);} 75%{-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);} 85%{-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);}}
@-webkit-keyframes shine{100%{left: 125%;}}
@keyframes shine{100%{left: 125%;}}
.l {float:left;}
.r {float:right;}
.clear {clear:both;/* height:0px;*//* overflow:hidden;*/float:none;}
.clear:after {content:'';display:table;height:0;display:block;clear:both;}
section:after {content:"020";display:block;height:0;clear:both;visibility:hidden;}
.wh {width: 1280px;margin:0 auto;clear:both;max-width: 1280px;}
.wh:after {content:'';display:table;height:0;display:block;clear:both;}
.bjx {background-image:none !important;}
.flex_jz{display: flex;justify-content:center;/* 水平居中 */align-items:center;overflow:auto;}
.flex_bw{display: flex;justify-content:space-between;align-items:center;}
.swiper-button-prev,.swiper-button-next{outline: none;}
.imgScale .img {width:100px;height:100px;overflow:hidden;display:inline-block;}
.imgScale li:hover .img img {transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.nav>li .down{padding-top: 7px;width: 130px;position: absolute;left: 50%;margin-left: -65px;top: 27px;opacity: 0;visibility: hidden;transform: translateY(34px);-webkit-transform: translateY(34px);-moz-transform: translateY(34px);transition: 0.3s ease;}
.nav>li:hover .down {opacity: 1;visibility: visible;z-index: 5;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}
.listTolr li {position: relative;overflow: hidden;}
.listTolr li:before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: 0;height: 0;background: #ececec;border-radius: 50%;opacity: 0;visibility: hidden;transition: 0.35s;}
.listTolr li:hover:before {opacity: 1;visibility: visible;width: 110%;height: 280%;}
.listInLine li a {display: inline-block;padding-bottom: 5px;position: relative;line-height: 1;}
.listInLine li a:before {content: "";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .33s cubic-bezier(.4,0,.2,1);transition: -webkit-transform .33s cubic-bezier(.4,0,.2,1);transition: transform .33s cubic-bezier(.4,0,.2,1);transition: transform .33s cubic-bezier(.4,0,.2,1),-webkit-transform .33s cubic-bezier(.4,0,.2,1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;}
.listInLine li a:hover:before {transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0; -webkit-transform-origin: 0;visibility: visible\9;}
.listTob li a:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #da251d;-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);transition: -webkit-transform .33s cubic-bezier(.4,0,.2,1);transition: transform .33s cubic-bezier(.4,0,.2,1);transition: transform .33s cubic-bezier(.4,0,.2,1),-webkit-transform .33s cubic-bezier(.4,0,.2,1);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-moz-transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;}
.listTob li:hover a:before{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}
.imgCover{object-fit:cover;}
.bgImg {}
.bgImgAA {position:relative;overflow:hidden;font-size:0;}
.bgImgAA .bgImgAB {position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;font-size:0;transition: all .6S;}
.bgImgAB {background-size:cover;background-position:center;background-repeat:no-repeat;}
.bgImgAA>img {visibility:hidden;width:100%;}
li:hover .bgImgAB {transform:scale(1.1);}
.hMask {position:relative;}
.hMask .mask {position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);background-image:linear-gradient(135deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);background-position:-205px 0;}
.hMask:hover .mask {background-position:190px 0;-webkit-transition-duration:400ms;-moz-transition-duration:400ms;-o-transition-duration:400ms;transition-duration:400ms;}
.img>img {width:100%;height:100%;transition:all .6s;}
.imgh {cursor:pointer;font-size:0;}
.imgh .img01 {display:inline-block;}
.imgh .img02 {display:none;}
.hoverHui {transition:all 0.3s ease;filter:grayscale(100%);opacity:0.66;}
.imgh li:hover .img01 {display:none;}
.imgh li:hover .img02 {display:inline-block;}
.img_jz {display:table-cell;text-align:center;width:170px;height:170px;vertical-align:middle;position:relative;}
.img_jz>span {display:inline-block;height:100%;vertical-align:middle;}
.img_jz>img {vertical-align:middle;max-width:90%;max-height:90%;width:auto;}
.new_con {font-size: 16px;line-height: 30px;text-align:left;padding: 15px;}
.new_con img {max-width:100%;}
a.img {display:block;font-size:0;}
a.img>img {width:100%;height:100%;}
.listH {}
.listH li {z-index:1;-webkit-transition:all 150ms ease-out 0ms;-moz-transition:all 150ms ease-out 0ms;-o-transition:all 150ms ease-out 0ms;transition:all 150ms ease-out 0ms;}
.listH li:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);opacity:1;z-index:20;box-shadow:0 40px 100px 0 rgba(84,84,84,0.5);cursor:pointer !important;}
.yiny {-moz-box-shadow:0px 5px 21px 5px rgba(196, 196, 196, 0.4);-webkit-box-shadow:0px 5px 21px 5px rgba(196, 196, 196, 0.4);box-shadow:0px 5px 21px 5px rgba(196, 196, 196, 0.4);}
.table {display:table;width:100%;height:100%;text-align:center;vertical-align:middle;}
.tableCell {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.tList:after {content:'';display:table;clear:both;}
.tList li {float:left;}
.tList2 {}
.tList2 li {width:48%;margin-left:4%;/* border:1px solid #CDCDCD; */margin-bottom:4%;}
.tList2 li:nth-of-type(2n+1) {margin-left:0;}
.tList3 {}
.tList3 li {width:31%;margin-left:3.5%;margin-bottom:3.5%;}
.tList3 li:nth-of-type(3n+1) {margin-left:0;}
.tList4 {}
.tList4 li {width:23.5%;margin-left:2%;margin-bottom:2%;}
.tList4 li:nth-of-type(4n+1) {margin-left:0;}
.tList5 {}
.tList5 li {width:17%;margin-left:3.75%;margin-bottom:2%;}
.tList5 li:nth-of-type(5n+1) {margin-left:0;}
.tList6 {}
.tList6 li {width:16.666%;}
.tList6 li:nth-of-type(6n+1) {margin-left:0;}
.page {text-align:center;clear:both;padding:50px 0;width:100%;}
.page a {font-size:15px;padding:0px 10px;display:inline-block;margin:5px;border:1px solid;line-height:30px;}
.page a:hover,.page a.on {border-color:white;}
.hide{display: none !important;}
.show{display: block !important;}
.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}
.f-s12{font-size: 12px;}
.f-s13{font-size: 3px;}
.f-s14{font-size: 14px;}
.f-s15{font-size: 15px;}
.f-s16{font-size: 16px;}
.f-s17{font-size: 17px;}
.f-s18{font-size: 18px;}
.f-s19{font-size: 19px;}
.f-s20{font-size: 20px;}
.f-s21{font-size: 21px;}
.f-s22{font-size: 22px;}
.f-s23{font-size: 23px;}
.f-s24{font-size: 24px;}
.f-s25{font-size: 25px;}
.f-s26{font-size: 26px;}
.f-s27{font-size: 27px;}
.f-s28{font-size: 28px;}
.f-s29{font-size: 29px;}
.f-s30{font-size: 30px;}
.f-s31{font-size: 31px;}
.f-s32{font-size: 32px;}
.f-s33{font-size: 33px;}
.f-s34{font-size: 34px;}
.f-s35{font-size: 35px;}
.f-s36{font-size: 36px;}
.f-s37{font-size: 37px;}
.f-s38{font-size: 38px;}
.f-s39{font-size: 39px;}
.f-s40{font-size: 40px;}
.w5{width: 50%;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w49{width: 49%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}
.m-auto{margin: 0 auto;display: block;}
.m-t5{margin-top: 5px;}
.m-t10{margin-top: 10px;}
.m-t15{margin-top: 15px;}
.m-t20{margin-top: 20px;}
.m-t25{margin-top: 25px;}
.m-t30{margin-top: 30px;}
.m-t35{margin-top: 35px;}
.m-t40{margin-top: 40px;}
.m-t45{margin-top: 45px;}
.m-t50{margin-top: 50px;}
.m-t55{margin-top: 55px;}
.m-t60{margin-top: 60px;}
.m-t65{margin-top: 65px;}
.m-t70{margin-top: 70px;}
.m-t75{margin-top: 65px;}
.m-t80{margin-top: 80px;}
.m-t85{margin-top: 85px;}
.m-t90{margin-top: 90px;}
.m-t95{margin-top: 95px;}
.m-t100{margin-top: 100px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b15{margin-bottom: 15px;}
.m-b20{margin-bottom: 20px;}
.m-b25{margin-bottom: 25px;}
.m-b30{margin-bottom: 30px;}
.m-b35{margin-bottom: 35px;}
.m-b40{margin-bottom: 40px;}
.m-b45{margin-bottom: 45px;}
.m-b50{margin-bottom: 50px;}
.m-b55{margin-bottom: 55px;}
.m-b60{margin-bottom: 60px;}
.m-b65{margin-bottom: 65px;}
.m-b70{margin-bottom: 70px;}
.m-b75{margin-bottom: 65px;}
.m-b80{margin-bottom: 80px;}
.m-b85{margin-bottom: 85px;}
.m-b90{margin-bottom: 90px;}
.m-b95{margin-bottom: 95px;}
.m-b100{margin-bottom: 100px;}
.p-t5{padding-top: 5px;}
.p-t10{padding-top: 10px;}
.p-t15{padding-top: 15px;}
.p-t20{padding-top: 20px;}
.p-t25{padding-top: 25px;}
.p-t30{padding-top: 30px;}
.p-t35{padding-top: 35px;}
.p-t40{padding-top: 40px;}
.p-t45{padding-top: 45px;}
.p-t50{padding-top: 50px;}
.p-t55{padding-top: 55px;}
.p-t60{padding-top: 60px;}
.p-t65{padding-top: 65px;}
.p-t70{padding-top: 70px;}
.p-t75{padding-top: 65px;}
.p-t80{padding-top: 70px;}
.p-t85{padding-top: 85px;}
.p-t90{padding-top: 90px;}
.p-t95{padding-top: 95px;}
.p-t100{padding-top: 100px;}
.p-b5{padding-bottom: 5px;}
.p-b10{padding-bottom: 10px;}
.p-b15{padding-bottom: 15px;}
.p-b20{padding-bottom: 20px;}
.p-b25{padding-bottom: 25px;}
.p-b30{padding-bottom: 30px;}
.p-b35{padding-bottom: 35px;}
.p-b40{padding-bottom: 40px;}
.p-b45{padding-bottom: 45px;}
.p-b50{padding-bottom: 50px;}
.p-b55{padding-bottom: 55px;}
.p-b60{padding-bottom: 60px;}
.p-b65{padding-bottom: 65px;}
.p-b70{padding-bottom: 70px;}
.p-b75{padding-bottom: 75px;}
.p-b80{padding-bottom: 80px;}
.p-b85{padding-bottom: 85px;}
.p-b90{padding-bottom: 90px;}
.p-b95{padding-bottom: 95px;}
.p-b100{padding-bottom: 100px;}
 

.iBody{
    background-image: url(../img/ibg.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #f1f3f5;
}
.btuA{
    background: #d40505;
    display: inline-block;
    color: white;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: bold;
}
.btuA span{position: relative;} 
.btuA:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #a60303;
  -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;
}
.btuA:hover, .btuA:focus, .btuA:active {
  color: white;
}
.btuA:hover:before, .btuA:focus:before, .btuA:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.title_01{
    font-size: 30px;
}
.title_01:after{
    content:'';
    position:absolute;
    width: 65px;
    height: 1px;
    background-color: #e2e2e2
}
.title_01 h3{background-image: url(../img/ico_04.png);background-repeat: no-repeat;}
.title_03{
    font-size: 0;
}
.title_03 a{
    font-size: 16px;
    color: #333333;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0 30px;
    font-weight: bold;
}
.title_03 a:hover,.title_03 a.cur{
    color: #ffffff;
    background: #d40505;
}
.pics{}
.pics img{}
.picsHover:hover .pics img,.picsHover.pics:hover img,.swiper-slide:hover .pics img,li:hover .pics img{}
.Iheader{
    z-index: 1;
    position: relative;
}
.Iheader .head_top{
    border-bottom: 1px solid #eeeeee;
}
.Iheader .head_nav{}
.head_top{}
.head_top .wh{
    padding: 10px 0;
}
.head_top .logo_top{
    float: left;
}
.head_top .search_form{
    float: right;
}
.head_top .head_top_r{}
.logo_top{}
.logo_top a{}
.logo_top a img{}
.search_form{
    border: 1px solid #d2d2d2;
    height: 30px;
    line-height: 30px;
    width: 450px;
    position: relative;
}
.search_form form{}
.search_form form input[type=text]{
    float: left;
    height: 30px;
    line-height: 30px;
    width: 100%;
    border: none;
    text-indent: 20px;
}
.search_form form input[type=submit]{
    position: absolute;
    font-size: 0;
    width: 30px;
    height: 30px;
    background-image: url(../img/ico_search.png);
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    top: 0;
    right: 10px;
    background-position: center;
}
.head_top_r{}
.head_top_r .head_lang{
    float: left;
    margin-right: 25px;
}
.head_top_r .btuA{
    float: right;
    height: 30px;
    line-height: 30px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0 20px;
    text-transform: unset;
} 
.head_lang{}
.head_lang .select{
    position: relative;
}
.head_lang .select>p{
    line-height: 30px;
    font-size: 16px;
    padding-right: 30px;
    position: relative;
}
.head_lang .select>p:after{
	content:'';
	background-image: url(../img/ico_down.png);
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
}
.head_lang .down{
    position: absolute;
    width: 120px;
    height: 200px;
    overflow-y: auto;
    right: 0;
    background: white;
    display: none;
}
.head_lang .select:hover  .down{
	display:block
}
.head_lang .down a{
    display: block;
    text-align: center;
    line-height: 1.5;
    padding: 5px;
}
.head_nav{
    padding: 30px 0;
}
.head_nav .wh{}
.head_nav .nav_list{}
.head_nav .headtop_tel{
}
.nav_list{}
.nav_list li{
    margin: 0 20px;
    position: relative;
}
.nav_list li.cate{
    margin-left: 0;
}
.nav_list li.cate>a{
	background-image: url(../img/ico_02.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
}
.nav_list li>a{
    font-size: 18px;
    color: #333333;
}
.nav_list li ul{
    position: absolute;
    display: none;
    padding: 20px 0;
    width: 220px;
}
.nav_list li:hover ul{
	display:block
}
.nav_list li ul li{
    padding: 10px;
    margin: 0;
    background: white;
}
.headtop_tel{
    font-size: 20px;
    padding-left: 40px;
    background-image: url(../img/ico_05.png);
    background-repeat: no-repeat;
} 
.iBanner{
    height: 550px;
    position: relative;
    z-index: 0;
}
.iBanner .wh{
    height: 100%;
    z-index: 11;
}
.iBanner .iB_News{
    height: 100%;
    padding: 0 30px;
    width: 430px;
    float: right;
    position: relative;
    z-index: 1;
}
.iBanner .swiper-container{width: 64%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;}
.iBanner .swiper-slide{}
.iBanner .swiper-slide img{width: 100%;height: 100%;max-width: inherit;object-fit: cover;}
.iBanner .swiper-slide .title{
    position: absolute;
    bottom: 10%;
    font-size: 18px;
    color: white;
    font-size: 34px;
    width: 70%;
    left: 15%;
}
.iB_News{
    background: #f1f3f5;
}
.iB_News .title_01{margin-top: 25px;}
.iB_News .iB_News_list{}
.iB_News .btuA{font-size: 16px;text-transform: uppercase;line-height: 50px;height: 50px;padding: 0 30px;margin-top: 20px;float: right;}
.iB_News_list{}
.iB_News_list li{border-bottom: 1px dashed #dcdcdc;width: 355px;}
.iB_News_list li a{padding: 15px 0;}
.iB_News_list li .h3{font-size: 20px;color: #333333;line-height: 30px;}
.iB_News_list li .p{font-size: 18px;color: #666666;line-height: 30px;}
.iB_News_list li .time{font-size: 18px;color: #d40505;display: block;margin-top: 10px;}
.iB_News_list li a:hover .p,.iB_News_list li a:hover .h3{color: #d40505;}
.IProItemA{
    margin-top: 100px;
}
.IProItemA .wh{}
.IProItemA .title_02{margin-bottom:10px;height: 50px;} 
.IProItemA .title_l{
    float: left;
}
.IProItemA .title_l h3{
    line-height: 50px;
    background: #d40505;
    color: white;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 20px;
}
.IProItemA .title_r{
    float: right;
}
.IProItemA .title_r .l,.IProItemA .title_r .r{
	width:33px;
	height: 33px;
	display: block;
	background-color: #ededed;
	background-repeat: no-repeat;
	background-position: center;
}
.IProItemA .title_r .l{
    background-image: url(../img/swiper-l.png);
}
.IProItemA .title_r .l:hover{
	background-image: url(../img/swiper-l_.png);
}
.IProItemA .title_r .r{
    margin-left: 10px;
	 background-image: url(../img/swiper-r.png);
}
.IProItemA .title_r .r:hover{
	background-image: url(../img/swiper-r_.png);
}
.IProItemA .title_r .l:hover,.IProItemA .title_r .r:hover{
	background-color: #d40505;
}
.IProItemA .swiper-container{}
.IProItemA .swiper-slide{
    background: white;
    padding: 7px;
    border: 1px solid #d4d4d4;
}
.IProItemA .swiper-slide .pro_item{}
.pro_item{
    background: #f8f8f8;
}
.pro_item a{
    padding-bottom: 12px;
    display: block;
}
.pro_item a:hover p{
	color:#d40505
}
.pro_item a:hover .btuA{
	display:block;
	top: 50%;
}
.pro_item .pics{
    position: relative;
}
.pro_item .btuA{
    position: absolute;
    top: 120%;
    transition: all .2s;
    left: 50%;
    /* margin-left: -70px; */
    /* margin-top: -15px; */
    text-transform: uppercase;
    background: rgba(212,5,5,.44);
    line-height: 50px;
    height: 50px;
    transform: translate(-50%,-50%);
    width: 160px;
    padding: 0;
    text-align: center;
}
.pro_item:hover .btuA{
}
.pro_item  .h3{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
    text-align: center;
    margin-top: 12px;
    width: 90%;
    margin-left: 5%;
}
.IProItemB{
    margin-top: 100px;
    margin-bottom: 100px;
}
.IProItemB .wh{}
.IProItemB .title_03{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
}
.IProItemB .th_03{
    margin-top: 20px;
}
.IProItemB .th_03 .item{}
.IProItemB .th_03 .iProB{}
.iProB{
    background: white;
    border: 1px solid #d4d4d4;
}
.iProB:after{
	content:'';
	clear:both;
	display: table;
}
.iProB .iProB_l{
    width: 40%;
    float: left;
}
.iProB .iProB_r{
    width: 60%;
    float: right;
}
.iProB_l{
    padding: 20px;
}
.iProB_l .pro_itemB{}
.pro_itemB{
    background: #f8f8f8;
}
.pro_itemB a{}
.pro_itemB .ro{
    text-align: center;
    padding: 60px 0;
}
.pro_itemB .ro h3{
    font-size: 30px;
}
.pro_itemB .ro p{
    font-size: 16px;
    color: #666666;
    width: 70%;
    margin: 0 auto;
    margin-top: 15px;
    height: 36px;
}
.pro_itemB .ro .btuA{
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
}
.pro_itemB .pics{
    padding-bottom: 61%;
}
.pro_itemB .pics .btuA{}
.iProB_r{}
.iProB_r li{
    width: 33.33%;
    float: left;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px;
}
.iProB_r li .pro_item{
    border: 1px solid #f8f8f8;
}
.iProB_r li:hover .pro_item{border: 1px solid #d40505;}
.iProB_r li:nth-child(4),.iProB_r li:nth-child(5),.iProB_r li:nth-child(6){border-bottom:none}
.IAbout{
    position: relative;
}
.IAbout .pics{
    width: 65%;
    height: 852px;
    padding-bottom: 0;
}
.IAbout .ro{
    width: 55%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #cb3030;
    color: white;
    padding: 50px 0 100px;
}
.IAbout .roA{
    margin-left: 10%;
    width: 65%;
}
.IAbout .title_04{}
.title_04{
    position: relative;
    padding-top: 30px;
}
.title_04 .h1{
    font-size: 130px;
    position: absolute;
    opacity: .1;
    line-height: 130px;
    top: 0;
    left: -82px;
    font-weight: bold;
}
.title_04 .h2{
    font-size: 16px;
    text-transform: uppercase;
}
.title_04 .h3{
    font-size: 36px;
    font-weight: bold;
    margin-top: 20px;
}
.IAbout .new_con{
    margin-top: 30px;
}
.IAbout .btuA{
    background: white;
    color: #d40505;
    margin-top: 60px;
}
.IAbout .btuA:hover{
	 color: white;
}
.iSupper{
    margin-top: 50px;
    margin-bottom: 100px;
}
.iSupper .wh{}
.iSupper .title_04{
    color: #cb3030;
}
.iSupper .iSupper_Swipper{
    margin-top: 100px;
}
.iSupper_Swipper{
    position: relative;
    padding: 0 30px;
}
.iSupper_Swipper .swiper-container{}
.iSupper_Swipper .swiper-container .swiper-wrapper{}
.iSupper_Swipper .swiper-slide{}
.iSupper_Swipper_item{position: relative;}
.iSupper_Swipper_item a{}
.iSupper_Swipper_item .pics{
    padding-bottom: 55%;
}
.iSupper_Swipper_item .ro{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffffff;
    width: 70%;
    padding: 20px;
}
.iSupper_Swipper_item a:hover .ro{
	background-color:#d40505;
}

.iSupper_Swipper_item .ro .h3{
    color: #333333;
    font-size: 20px;
}
.iSupper_Swipper_item .ro .p{
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
}
.iSupper_Swipper_item a:hover .h3,.iSupper_Swipper_item a:hover .p{color:white}
.iSupper_Swipper .swiper-button-next,.iSupper_Swipper .swiper-button-prev{
	width:25px;
	height:60px;
	background-color: #999999;
	background-repeat: no-repeat;
	background-position: center;
}
.iSupper_Swipper .swiper-button-next:hover,.iSupper_Swipper .swiper-button-prev:hover{
	background-color:#d40505;
}
.iSupper_Swipper .swiper-button-next:after,.iSupper_Swipper .swiper-button-prev:after{
	display:none
}
.iSupper_Swipper .swiper-button-next{
    background-image: url(../img/swiper-r_.png);
}
.iSupper_Swipper .swiper-button-prev{
    background-image: url(../img/swiper-l_.png);
}
.iproCate{}
.iproCate .swiper-container{}
.iproCate .swiper-wrapper{}
.iproCate .swiper-slide{}
.iproCate .swiper-slide .iproCate_item{}
.iproCate .swiper-button-prev,.iproCate .swiper-button-next{
	width:25px;
	height:60px;
	background-color: #999999;
	background-repeat: no-repeat;
	background-position: center;
}
.iproCate .swiper-button-next:hover,.iproCate .swiper-button-prev:hover{
	background-color:#d40505;
}
.iproCate .swiper-button-next:after,.iproCate .swiper-button-prev:after{
	display:none
}
.iproCate .swiper-button-next{
    background-image: url(../img/swiper-r_.png);
}
.iproCate .swiper-button-prev{
    background-image: url(../img/swiper-l_.png);
}
.iproCate_item{}
.iproCate_item .pics{
    padding-bottom: 137%;
}
.iproCate_item .ro{
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 5%;
    color: white;
    background-color: rgba(0,0,0,.51);
    bottom: 20px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 20px;
}
.iproCate_item .ro .h3{
    font-size: 24px;
}
.iproCate_item .ro .p{
    font-size: 16px;
    line-height: 25px;
    height: 0;
    overflow: hidden;
}
.iproCate_item:hover .ro{
	background-color: rgba(212,5,5,.64);
}
.iproCate_item:hover .ro .h3{
	color:white
}
.iproCate_item:hover .ro .p{
	color:white;
	height:auto;
}
.ipartner{
    margin-top: 70px;
    margin-bottom: 100px;
}
.ipartner .wh{}
.ipartner .title_04{
    margin-bottom: 100px;
}
.ipartner .title_04 .h1{color:#d40505}
.ipartner .partner_list{}
.partner_list{}
.partner_list li{
    width: 11.11%;
    padding-bottom: 5%;
    height: 0;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.partner_list li a{
    width: 100%;
    height: 100%;
    position: absolute;
}
.partner_list li img{
}
.iJion{
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
}
.iJion .s1{
    width: 0;
    height: 0;
    border-top: 250px solid transparent;
    border-right: 200px solid transparent;
    border-left: 200px solid white;
    border-bottom: 250px solid transparent;
    position: absolute;
    top: -260px;
}
.iJion .s2{
    width: 0;
    height: 0;
    border-top: 500px solid transparent;
    border-right: 300px solid transparent;
    border-left: 200px solid transparent;
    border-bottom: 500px solid  rgba(212,5,5,.8);
    position: absolute;
    bottom: 0;
    left: -254px;
}
.iJion .bgCover{
    padding: 130px 0 150px;
}
.iJion .bgCover .ro{
    color: white;
    position: relative;
}
.iJion .bgCover .ro h3{
    font-size: 42px;
    text-transform: uppercase;
}
.iJion .bgCover .ro p{
    font-size: 18px;
    margin-right: 300px;
    margin-top: 30px;
    line-height: 2;
}
.iJion .bgCover .ro .btuA{
    position: absolute;
    right: 0;
    top: 90px;
}
.iFoot{
    padding: 90px 080px;
    font-size: 16px;
    padding-bottom: 50px;
    background: white;
}
.iFoot .wh{}
.iFoot .foot_l{
    float: left;
    width: 500px;
}
.iFoot .foot_l .tit{
    font-size: 68px;
    text-transform: uppercase;
    font-weight: bold;
}
.iFoot .foot_l .tit span{
    color: #d40505;
}
.iFoot .foot_l p{
    font-size: 16px;
    color: #666666;
    margin-top: 35px;
}
.iFoot .foot_r{
    float: right;
    width: 530px;
    text-align: right;
}
.iFoot .foot_r .foot_item{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 16px;
}
.iFoot .foot_r .foot_contact_nav{}
.iFoot .foot_r .foot_contact{
    margin-left: 70px;
}
.foot_contact_nav{}
.foot_contact{}
.foot_contact h3{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.foot_contact .foot_contact_item{
    background-repeat: no-repeat;
    padding-left: 35px;
    background-position: left;
    margin-bottom: 15px;
    display: block;
}
.f_nav{}
.f_nav li{
    margin-bottom: 15px;
}
.f_nav li a{
    font-size: 16px;
}
.f_nav li a:hover{
	color: #d40505;
}
.f_nav li:nth-child(1){font-weight:bold;margin-bottom: 20px;}
 
.iFoot .foot_shar{
    margin-top: 80px;
}
.foot_shar{}
.foot_shar li{
    margin-right: 20px;
}
.foot_shar li a{}
.foot_shar li a img{
    height: 22px;
}
.iFoot .foot_bottom{
    border-top: 1px solid #000000;
    margin-top: 20px;
    padding-top: 30px;
}
.foot_bottom{}
.foot_bottom p{
    color: #333333;
}



.content_tit1 {
  text-transform: uppercase;
  border-bottom: 1px solid #79b14c;
}

.content_tit1 span{
  color:#79b14c;
}

.content_tit1:after {
  content: '';
  display: block;
  width: 95px;
  height: 3px;
  background-color: #79b14c;
  /* position: absolute; */
  bottom: -2px;
}


.content_tit2 {
  text-transform: uppercase;
  background-color: #79B14E;
  padding-left: 20px;
}

.tit2_box img{
  width: 100%;
}

.tit2_boxup {
  display: flex;
  text-align: center;
  justify-content: space-between;
}

.tit2_boxupl {
  width: 49%;
  text-align: center;
}

.tit2_boxupr {
  width: 49%;
  text-align: center;
}

.tit2_boxdown {
  text-align: center;
  margin-top: 20px;
}



.content_tit3 {
  text-transform: capitalize;
  border-bottom: 1px solid #ec1c28;
}


.content_tit3:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background-color: #ec1c28;
  /* position: absolute; */
  bottom: -10px;
}

.content_tit3 img {
  margin-right: 10px;
}



.content_tit4 {
  text-transform: capitalize;
  border-bottom: 1px solid #93a5c2;
}


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


.tit4_boxl {
  color: #666666;
  font-size: 16px;
  font-weight: normal;
  font-family: Arial;
  width: 60%;
}

.tit4_boxr {
  width: 40%;
  text-align: right;
  padding-left: 50px;
}