@charset "UTF-8";
/* //WM */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, b {
	padding: 0;
	margin: 0;
}
html {
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;

} /*始终让 Firefox 显示滚动条*/
* {
	word-wrap: break-word;
	margin: 0;
	padding: 0;

}/*文字强制换行word-break:keep-all;(Ff)*/
table {
	border-collapse: collapse;
}/*细线表格*/
fieldset, img {
	border: none;
}/*清除描边,块显示*/
ul, li {
	list-style-type: none;
}/*无列表项目标记*/

a {text-decoration: none;}/* 链接无下划线,有为underline;链接去框 */
a:link {color: #555;}/* 未访问的链接 */
a:visited {color: #555;}/* 已访问的链接 */
a:hover {color: #328c4d;}/* 鼠标在链接上 */
a:active {color: #555;blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */

body {
	font-family:"Microsoft YaHei";
	font-size:12px;
	color:#555;
	background:#f2f2f2;
}
select, input {vertical-align: middle;outline: none;}
em, i {font-style: normal;}
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {
	cursor: pointer;
	outline: none;
	border: none;
}
.clear{ clear:both; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.h5{clear:both; height:5px;}
.h10{clear:both; height:10px;}
.h15{clear:both; height:15px;}
.h20{clear:both; height:20px;}
.h25{clear:both; height:25px;}
.h30{clear:both; height:30px;}
.h40{clear:both; height:40px;}
.h50{clear:both; height:50px;}
.h60{clear:both; height:60px;}
.h70{clear:both; height:70px;}
.h80{clear:both; height:80px;}
.h90{clear:both; height:90px;}
.wrap{
	width: 1605px;
	margin: 0px auto;
}
.wrap1200{
	width:1200px;
	margin:0 auto;
    position: relative;
    z-index: 9;
	}
.white{background: #fff;}

.tableCont{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 3;
}
.table{
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.tableCell{
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
}
/*浏览器滚动条*/
/*
::-webkit-scrollbar {width:9px;background-color:#333;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {border:solid 2px #333;width:5px;background-color:#fff;}
::-webkit-scrollbar-corner {background-color:#333;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}
*/

.bodyParaBg{
    width: 100%;
    height: 100%;
    position: fixed !important;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.bodyParaBg div{
    width: 120%;
    height: 120%;
    overflow: hidden;
    position: absolute;
    left: -10%;
    top: -10px;
    background: url(../images/bg.jpg) repeat left center;
}

/*向下的箭头跳动*/
@-webkit-keyframes arrowDown {
    0% {
        -webkit-transform: translate(0,0);
    }
    25%{
        -webkit-transform: translate(0,6px);
    }
    50% {
        -webkit-transform: translate(0,0);
    }
    75%{
        -webkit-transform: translate(0, -6px);
    }
    100% {
        -webkit-transform: translate(0,0);
    }
}

/* 头部 */

/* SEVEN */

#hamburger-7.is-active .line:nth-child(1){
  width: 30px;
}

#hamburger-7.is-active .line:nth-child(2){
  width: 40px;
}

#hamburger-7.is-active .line{
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}


/*多语言版本*/
.select_lang {width:35px;height:24px; padding-left:26px;border:1px solid #d2d4d7;border-radius:20px;position:absolute; /*right:130px;*/right:130px; top:50%; background:url(../images/ico_lang.png) no-repeat 6px 5px #fff;overflow:hidden;margin-top:-12px;z-index:4; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.select_lang:hover {width:75px;}
.select_lang a { white-space: nowrap;display:block;float:left;font-size:13px;color:#666;line-height:24px;position:relative;letter-spacing:1px;font-weight:normal;}
.select_lang a:hover {color:#328c4d;}
.select_lang a.active {color:#328c4d;}
.select_lang a.english {margin-right:10px;}
.select_lang a.english:before,.select_lang a.espanol:before {content:'';width:1px;height:10px;background:#d2d4d7;position:absolute;left:-5px;top:7px;}
.select_lang a.chinese {margin-right:10px;}

.shareBox{
	float:right;
	display:inline;
	padding:22px 20px 0 0;
	display:none;
	}
.shareBox a{
	display:block;
	width:25px;
	height:25px;
	float:left;
	margin:0 0 0 15px;
	}
.shareBox a.txwb{ background:url(../images/bg_sign06.png) no-repeat center center;}
.shareBox a.xlwb{ background:url(../images/bg_sign05.png) no-repeat center center;}

.shopBt{
	float:right;
	height:65px;
	}
.shopBt a{
	display:block;
	line-height:75px;
	background:#8f3338;
	padding:0 20px 0 20px;
	font-size:20px;
	color:#fff;
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    overflow: hidden;text-align: center;
}

.shopBt a:hover{
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	background:#328c4d url(../images/shopbt.png) no-repeat 5px center;
}
.shopBt a:hover .anim{
    opacity: 0;
}
.anim{
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%
}

.anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%
}

.anim {
    -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s
}

.anim:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}

.anim,.anim:after {
    animation-iteration-count: infinite;
    animation-duration: 1.3s
}
@keyframes anim-in{
    0% {
        width: 0
    }

    100% {
        width: 200%
    }
}
@keyframes anim-in-pseudo{
    0% {
        background: rgba(255,255,255,0.5)
    }

    100% {
        background: transparent
    }
}
@keyframes anim-out{
    0% {
        width: 0
    }

    100% {
        width: 200%
    }
}
@keyframes anim-out-pseudo{
    0% {
        background: rgba(255,255,255,0.5)
    }

    100% {
        background: transparent
    }
}

/* 头部 end */

.menuBox{
	width:100%;
	position:fixed;
	left: 0;
	top: 0;
	height: 75px;
	background:rgba(255,255,255,0.98);
    background:url(../images/whitebg.png) repeat left top \9;
    *background:url(../images/whitebg.png) repeat left top;
	z-index:999;
    -webkit-box-shadow: 0px 2px 10px rgba(152,152,152,0.16);
    box-shadow: 0px 2px 10px rgba(152,152,152,0.16);
}
.logo{float: left; margin:0 0 0 30px;}
.logo img{height:65px;margin:6px 0 0 0;}

.menu_dl{padding-top:0; float:right;padding:0 20px 0 0;}
.menu_dl dd{position: relative;float: left;display: inline;}
.menu_dl dd div{position:absolute;top: 80px;background-color: #fff;display:none}
.menu_dl dd div a{float: left;width:90%;text-align: center;line-height: 40px;margin: 0 5%;border-bottom: 1px dotted #ccc;}
.menu_dl dd:hover{background-color: #864a32;}
.menu_dl dd:hover *{color: #fff;}
.menu_dl dd:hover div{display:block}
.menu_dl dd:hover div a{color:#000;font-size:16px;}
.menu_dl dd div a:hover{color:#864a32;}

.menu_dl dd:hover a{font-size: 21px;padding-top:5px;}
.menu_dl dd.hover .nav_a{color:#328c4d;}
.menu_dl dd.hover .navFirst{background: url(../images/home_h.png) no-repeat left 28px;}
.nav_a{
	display: block;
	width:102px;
	height:75px;
	float: left;
	line-height:75px;
	font-size: 20px;
	color:#333;
	text-align: center;
	position: relative;transition: 0.1s;
}

.nav_a span{
	display: inline-block;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.nav_a i{
	display: block;
	width: 18px;
	height: 23px;
	overflow: hidden;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.menu_dl dd.hover .navIconL{
	left: 0px;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=1);
}
.menu_dl dd.hover .navIconR{
	right: 0px;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=1);
}
.navIconL{
	position: absolute;
	left: -23px;
	top:50%;
	margin-top: -11px;
	background: url(../images/naviconl.png) no-repeat center center;
}
.navIconR{
	position: absolute;
	right: -23px;
	top:50%;
	margin-top: -11px;
	background: url(../images/naviconr.png) no-repeat center center;
}
.subNav_ul{
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top:65px;
	width:110%;
	border-top:2px solid #328c4d;
	box-shadow: 0 0px 15px rgba(0,0,0,0.1);
}
.subNav_ul li{
	overflow: hidden;
	clear:both;
}
.subNav_ul li a{
    border-bottom: #e4e4e4 1px solid;
    line-height: 42px;
    width:100%;
	text-align:center;
    padding-right: 0;
    display: block;
    background:#fff;
    height: 42px;
    color: #666;
    font-size: 14px;
}
.subNav_ul li a:hover,
.subNav_ul li.hover a{
	color:#328c4d;
	background-color:#f9f9f9;
}
.menuBg{
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	background:rgba(0,0,0,0.6);
	display:none;
	}

.side-menu-btn{
	position:fixed;
	top:18px;
	right:30px;
	z-index:999999;
	display:none;
	}
.side-menu-btn a{
	display:block;
	height:35px;
	line-height:35px;
	padding-left: 30px;
	padding-right: 45px;
	font-size:14px;
	cursor:pointer;
	color:#000 !important;
	/*background: url(../images/ic3.png) no-repeat right 50%;*/
}
.menu_btn{
	display: block;
	width:40px;
	height:32px;
	background:#328c4d;
	border-radius:40px;
	position:fixed;
	z-index:999999;
	top:15px;
	right:30px;
	padding:8px 0 0 0;
	display:none;
}
.menu_btn:hover{
	background: #ac0d25;
}
.hamburger .line{
  width: 60%;
  height: 2px;
  background-color:#fff;
  display: block;
  margin: 4px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/*
* banner
*/
.index_banner_new {
    width: 100%;
    height: auto;
    min-width: 280px;
    min-height: 160px;
    margin: 0px auto;
    position: relative;
    overflow: hidden
}
.index_banner_new ul {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1
}
.index_banner_new ul li {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.index_banner_new ul li.active{display: block}
.index_banner_new ul li .intro{position: relative}
.index_banner_new ul li img{position: absolute; left: 0; top: 0; width: 100%; height: 100%}

.index_banner_new .dots {
    position: absolute;
    bottom:20px;
    left: 50%;
    width: 200px;
    height: 12px;
    z-index: 2;
    margin-left: -101px
}

.index_banner_new .dots span {
    float: left;
    width:30px;
    height:8px;
    background: #e0e0e0;
    margin: 0 5px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.index_banner_new .dots span.active {
    background: #ef3e4a
}

.index_banner_new .arr {
    display: none;
    position: absolute;
    top: 140px;
    z-index: 2;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 36px;
    background: rgba(0,0,0,0.3);
    color: #fff;
    text-decoration: none
}
.index_banner_new .arr:hover{background: rgba(0,0,0,0.7); text-decoration: none}
.index_banner_new:hover .arr{display: block; text-decoration: none; color: #fff}
.index_banner_new .prev{left: 20px}
.index_banner_new .next{right: 20px}
#tqchina_banner{position: relative}

.tqchina_banner_load {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
	display:none;
}

.tqchina_banner_load i {
    width: 0%;
    display: block;
    height: 5px;
    background: #f00
}

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

.tqchina_banner_text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 10;
    color: #fff;
    text-align: center;
    width: 100%
}

.tqchina_banner_text h3 {
    color: #fff;
    font-size: 100px;
    text-align: center;
    margin: 0
}

.tqchina_banner_text h4 {
    color: #fff;
    font-size: 70px;
    font-weight: normal;
    margin: 1rem 0;
    text-align: center
}

.tqchina_banner_text span {
    color: #fff;
    font-size: 14px;
    box-shadow: 1px,1px,3px,#666;
    display: inline-block;
    padding: 5px 30px;
    border: 2px solid #fff;
    border-radius: 3px;
    margin-top: 50px
}

.tqchina_banner_text span em {
    color: #fff;
    padding-left: 10px;
    font-family: "Arial";
    box-shadow: 1px,1px,3px,#666
}

.index_banner_new .video_button img {
    display: none
}

.lt9 .index_banner_new .video_button img {
    display: block
}

.lt9 .tqchina_banner_text {
    margin: -230px 0 0 0px;
    left: 0px !important
}

.lt9 .index_banner_new .ba_left .tqchina_banner_text {
    left: 10% !important;
    width: auto
}

.lt9 .index_banner_new .ba_right .tqchina_banner_text {
    left: 60% !important;
    width: auto
}

.ivideo_banner {
	text-align:center;
}
.ivideo_banner,.ivideo_banner li {
	height:100%;
	position:relative;
	overflow:hidden;
}
.ivideo_banner video,.ivideo_banner .cover {
	position:absolute;
	left:0;
	top:0;
}
.ivideo_banner video {
	height:100%;
	width:100%;
	z-index: 1;
    object-fit: cover;
    object-position: center center;
}
.ivideo_banner .cover {
	width:100%;
	height:100%;
	background:url(../images/video_cover.png);
	color:#fff;
	text-align:center;
	z-index: 3;
}
.guide {
	width:81px;
	height:81px;
	background:url(../images/mouse_guide.png) no-repeat;
	position:absolute;
	right:20px;
	bottom:20px;
	z-index:10;
	cursor:pointer;
}
.ivideo_banner .cover .text1 {
	font-size:48px;
	margin-top:21%;
	line-height:1;
	font-weight:bold;
}
.ivideo_banner .cover .text2{
	font-size:26px;
	margin-top:20px;
	line-height:40px;
	font-weight:bold;
}

a.jumpto {
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	width:81px;
	height:81px;
	background:url(../images/mouse_guide.png) no-repeat;
	display: block;
	position: absolute;
	z-index: 100;
	right:0;
	bottom:0;
	z-index:99;
	-webkit-animation: jumpto 1.5s linear infinite;
	animation: jumpto 1.5s linear infinite;
	-moz-animation: jumpto 1.5s linear infinite;
	-o-animation: jumpto 1.5s linear infinite;
	-ms-animation: jumpto 1.5s linear infinite;
	opacity: .8;
	-ms-filter: alpha(opacity=80);
	filter: alpha(opacity=80);
}
@keyframes jumpto {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-webkit-keyframes jumpto {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-moz-keyframes jumpto {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-ms-keyframes jumpto {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
.banner{
    overflow: hidden;
    position: relative;
    z-index: 1;
    /*-webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;*/
}
.banner .bd{
    /*visibility: visible;*/
    overflow: hidden;
}
.banner .bt{display: none;}
.banner .hd{
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: 80px;
    text-align: center;
    z-index: 9999;
}
.banner .hd ul{
    display: inline-block;
    overflow: hidden;
}
.banner .hd ul li{
    width: 30px;
    height: 8px;
    overflow: hidden;
    float: left;
    display: inline;
    text-indent: 99em;
    background: #e0e0e0;
    margin: 0px 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.banner .hd ul li.on{
    background: #ef3e4a;
}

.banner_ul li{
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    position: absolute;
    display: none;
    /*visibility: hidden;*/
    /*-webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;*/
}
.banner_ul li:nth-child(1){
    z-index: 4;
}
.banner_ul li:nth-child(2){
    z-index: 3;
}
.banner_ul li:nth-child(3){
    z-index: 2;
}
.banner_ul li:nth-child(4){
    z-index: 1;
}
.banner_ul li.show{
    /*left: 0px !important;*/
    display: block !important;
    /*visibility: visible !important;*/
    -webkit-animation: banner 0.8s linear;
    -o-animation: banner 0.8s linear;
    animation: banner 0.8s linear;
}
.banner_ul li.left{
    left: -100px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.bannerDeta{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute !important;
    left: 0px;
    top: 0px;
    z-index: 1;
    /*visibility: hidden;*/
    /*-webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;*/
}
/*.banner_ul li.on .bannerDeta{
    left: 0px;
}*/
#banImg1{
    background: #fff;
    overflow: hidden;
}
.banTxt1{
    position: absolute;
    left:5% !important;
   
    top:70px !important;
    z-index: 10;width:90%
}
.banTxt_1_1{
    font-size: 40px;
    color:#222;
    overflow: hidden;
}
.banTxt_1_2{
    font-size: 24px;
    color:#333;
    overflow: hidden;
    padding-top: 10px;
}
.banImg1_1{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.banImgDiv{
    width: 110%;
    height: 105%;
    overflow: hidden;
    position: absolute;
    left: -5%;
    top: 0px;
}
.wowDiv2,
.wowDiv{
   width: 50px;
   height: 100%;
   position: absolute;
   right: 0px;
   top: 0px;  
}
.wowDiv .banImgDiv{
    left: auto;
}
.banImg1_1 .banImgDiv{
    width: 110%;
    height: 110%;
    overflow: hidden;
    position: absolute;
    left: -5%;
    top: -5%;
}
.banImg1_2{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}
.banImg1_3{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
}

.banImg1_4{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
}
.banImg1_5{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4;
}
.banImg1_6{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 5;
}
.cloud1{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 35.8306189% !important;
    overflow: hidden;
    -webkit-animation: cloud1 20s linear;
    -o-animation: cloud1 20s linear;
    animation: cloud1 20s linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; /* Safari 和 Chrome */
}
@keyframes cloud1{
    0%  {transform: translateX(0px) scale(0.8);opacity: 0;}
    50% {transform: translateX(10%) scale(1);opacity: 0.8;}
    100% {transform: translateX(15%) scale(1);opacity: 0;}
    /*100%{transform: translateX(0px);opacity: 0;}*/
}
.cloud2{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 33.3333333333% !important;
    -webkit-animation: cloud2 100s linear;
    -o-animation: cloud2 100s linear;
    animation: cloud2 100s linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; /* Safari 和 Chrome */
}
.cloud2_1{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cloud2_2{
    position: absolute;
    left: -100%;
    bottom: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@keyframes cloud2{
    0%  {transform:translateX(0px);opacity: 0.5;}
    50% {transform:translateX(50%);opacity: 0.8;}
    100%{transform: translateX(100%);opacity: 1;}
}










.banImg{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    backface-visibility: hidden;
}
.banImg2_1{
   width: 100%;
    height: 100%;
    position: absolute !important;
    left: 0px;
    top: 0px;
    z-index: 1; 
    backface-visibility: hidden;
}
.banImg2_1 div{
    width: 110%;
    height: 110%;
    overflow: hidden;
    position: absolute;
    backface-visibility: hidden;
}
.banImg2Cont{
    position: relative;
    top: 50% !important;
    left:5% !important;
    
    margin-top: -180px !important;
    z-index: 3;
    height:450px;
	width:700px;
}
.bottombox{position:absolute;bottom: 0;width: 100%;line-height: 45px;background-color: #000;color: #fff;text-align: center;font-size: 15px;}
.banImg2Cont div{
    position: relative;
    display: inline;
    width:700px;
    height:450px;
    opacity: 1;
    float: left; 
}

.banImg2_2_1{
    left: 5% !important;
    top:100px;height: 400px;
}

.banImg2_2_2{
    left:0% !important;
    top:100px
}
.banImg2_2_3{
    left: 100% !important;
    margin-left: -370px;
}
.banImg2Cont p img{
    max-width: 100%;
    display: block;
}



.banImg4_1{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    backface-visibility: hidden;
}
.banImg4_1 div{
    width: 110%;
    height: 110%;
    position: absolute;
    left: -5%;
    right: -5%;
    overflow: hidden;
}
.banImg4_2{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
    backface-visibility: hidden;
}
.banImg4_2 div{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    backface-visibility: hidden;
}
.banImg4_3{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 3;
    backface-visibility: hidden;
}
.banImg4_3Div{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}
.banImg4_4{
    position: absolute;
    left: 50% !important;
    top: 10.8695652% !important;
    margin-left: -600px;
    z-index: 4;
}
.banImg4_logo{
    overflow: hidden;
}
.banImg4_logo img{
    display: block;
    width: 113px;
}
.banTxt4_1{
    position: absolute;
    left: 50% !important;
    top: 38.5869565% !important;
    margin-left: -600px;
    z-index: 5;
}
.banTxt4_1 span{
    display: block;
    overflow: hidden;
    font-size: 40px;
    color:#eab618;
}
.banTxt4_2{
    position: absolute;
    left: 50% !important;
    top: 45.1086957% !important;
    margin-left: -600px;
    z-index: 6;
}
.banTxt4_2 span{
    display: block;
    overflow: hidden;
    font-size: 24px;
    color:#ad8303;
    padding-top: 20px;
}
.banTxt4_3{
    position: absolute;
    left: 50% !important;
    top: 62.5% !important;
    margin-left: -600px;
    z-index: 6;
}
.banTxt4_3 span{
    display: block;
    width: 135px;
    height: 47px;
    overflow: hidden;
    border: 1px solid #ad8303;
    font-size: 22px;
    color:#ad8303;
    text-align: center;
    line-height: 47px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}



.banImg5_0{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    backface-visibility: hidden;
}
.banImg5_0 .wowDiv{
    width: 110%;
    height: 110%;
    position: absolute;
    left: -5%;
    right: -5%;
    overflow: hidden;
}
.banImg5Div{
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
/*.wowDiv{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}*/
.banImg5_1{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 12.962963% !important;
    z-index: 1;
    padding-top: 14.4270833%;
}
.banImg5_1 .wowDiv{
    left: 0px;
    right: auto;
}
.banImg5_2{
    width: 100%;
    position: absolute;
    right: 0px;
    left: auto !important;
    top: 21.2962963% !important;
    z-index: 2;
    padding-top: 6.97916667%;
}

.banImg5_3{
    width: 100%;
    position: absolute;
    right: 0px;
    left: auto !important;
    top: 29.6296296% !important;
    z-index: 3;
    padding-top: 14.58333333%;
}
.banImg5_3 img{
    float: right;
    height: 25.9259259%;
}
.banImg5_4{
    width: 100%;
    position: absolute;
    right: 3%;
    bottom: 0px;
    left: auto !important;
    top: auto !important;
    z-index: 5;
    padding-top: 13.625%;
}
.banImg5_1 .banImgDiv5{
    position: absolute;
    left: -5%;
    top: 0px;
    width: 100%;
    height: 100%;
}
.banImg5_2 .banImgDiv5,
.banImg5_3 .banImgDiv5,
.banImg5_4 .banImgDiv5{
    position: absolute;
    right:0 !important;
    top: 0px;
    width: 100%;
    height: 100%;
}
.banImgGrop5_1{
    width:300px;
    position: absolute;
    left:0% !important;
    top: 0% !important;
    z-index: 6;
    text-align: center;
    font-size: 0px;
}
.banImg5_5{
    overflow: hidden;
}
.banImg5_6{
    overflow: hidden;
    width: 40.625%;
    margin: 0px auto;
}
.banImg5_6 img,
.banImg5_5 img{
    max-width: 100%;
}
.banImg5_7{
    width: 100%;
    position: absolute;
    left: 0px !important;
    bottom: 5.15463918% !important;
    top: auto !important;
    z-index: 7;
}
.banImg5_7 .wowDiv{
    left: 0px;
    right: auto;
}
.banImg5_7 .banImgDiv5{
    width: 100%;
    padding-top: 19.09375%;
    position: absolute;
    left: -5%;
    bottom: 0px;
}
.banImg5_8{
    width: 100%;
    position: absolute;
    left: 0px !important;
    bottom: 5.15463918% !important;
    top: auto !important;
    z-index: 8;
}
.banImg5_8 .banImgDiv5{
    width: 100%;
    padding-top: 11.28125%;
    position: absolute;
    left: 4.4166667%;
    bottom: 0px;
}
.banImg5_9{
    width: 100%;
    position: absolute;
    left:0% !important;
    top: auto !important;
    bottom:0% !important;
    overflow: hidden;
    z-index: 6;
}
.banImg5_9 .banImgDiv5{
    width:100%;
    padding-top:30%;
    overflow: hidden;
    position: relative;
}
.banImg5_9 .banImgDiv5 img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.banImg5_10{
    width: 100%;
    height: 100%;
    position: absolute;
    left: auto !important;
    right: 10.208333333% !important;
    top: 13.1481481% !important;
    z-index: 6;
}
.banImg5_10 .banImgDiv5{
    
}
.banImg5_10 img{
    position: absolute;
    left: 0px;
    top: 0px;
}
.banImg5_10_1{
    position: absolute;
    top: 0px;
    height: 55%;
}
.banImg5_10_2{
    width: 1.5625%;
    height: 0px;
    /*height: 63.88888888889%;*/
    margin-right: 10px;
}
.newinner img{padding: 10px;box-sizing: border-box;border-radius: 16px;}
.telbox a{color: #fff !important}

#sjshopBt{display: none;}



/* ------------------------- */

.tpcp img{height: 306px; object-fit: cover; width: 220px !important; } 

.sanchanpin img{width: 100%; height: 100%; justify-content: center;}

#ban img{height: 100vh; width: 100%; object-fit: cover;}