body, html{background: #fff ;}

@media (min-width:992px){
	.container{width:970px}
}
@media (min-width:1200px){
	.container{width:970px}
}

#closeButton{cursor: pointer;}

.white{color: #fff !important;}

a:hover{text-decoration: none; opacity: 1;}

ul,li{list-style: none; margin: 0px; padding: 0px;}

.relative{position: relative;}
.absolute{position: absolute;}

.alpha90{filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;}
.alpha80{filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
.alpha70{filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
.alpha60{filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
.alpha50{filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}
.alpha40{filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40;}
.alpha30{filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30;}
.alpha20{filter:alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20;}
.alpha10{filter:alpha(opacity=10); -moz-opacity: 0.10; opacity: 0.10;}
.alpha00{filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.clear{clear:both;}

.mt20{margin-top: 20px;}

.col-20{width: 20%; float: left;}
.col-25{width: 25%; float: left;}

.col-25 .productDes{margin-bottom: 0px;}

video{display: block; width: 100%;}

img.full{display: block; width: 100%;}
.topMenu{height: 100px; border-bottom: 1px solid #2d2b2c;}
.topMenu ul{height: 60px; margin-top: 20px; margin-bottom: 20px;}
.topMenu ul li{height: 60px; border-right: 1px solid #0e96c0; position: relative; z-index: 10;}
.topMenu ul li:last-child{border: none;}
.topMenu ul li a{display: inline-block; padding: 30px 30px 0px; height: 30px; line-height: 30px; color: #0e96c0;}
.topMenu ul li a:hover{text-decoration: none; color: #fff;}

.topMenu ul li a.active{color: #fff;}

.st-globalNav_category li a{border-right: 0; padding: 0px 15px 0px 10px;}
.st-globalNav_category li:last-child a{border-right: 0px;}
.st-globalNav_category li:hover a{color: #89a2f9;}

ul.submenu{height: auto; margin: 0px; padding: 60px 0px 0px; position: absolute; width: 240px; top: 0px; left: 50%; margin-left: -100px; z-index: 10; display: none;}
ul.submenu .submenuContent{background: #000; padding-bottom: 20px;}
ul.submenu li{height: auto; border: 0px;}
ul.submenu li a{display: block; height: auto;}
ul.submenu li a img{display: block;}
ul.submenu li a img.hover{display: none;}
ul.submenu li a:hover{opacity: 1;}
ul.submenu li a:hover img{display: none;}
ul.submenu li a:hover img.hover{display: block;}

/* .st-globalNav ul li:hover ul.submenu{ display: block; } */

.mobileTopMenu{display: none; height: auto;}
.mobileTopMenu ul{height: auto; margin: 0px; display: block;}
.mobileTopMenu ul li{display: block; width: 100%; height: auto; border-right: 0px; border-bottom: 1px solid #0e96c0; text-align: center;}
.mobileTopMenu ul li a{display: block; padding: 20px 0px; height: 60px; line-height: 20px; text-align: center;}
.mobileTopMenu ul li .submenu a{width: 50%; float: left; display: block; height: auto; padding: 5px 0px;}

/* .wrap{padding-bottom: 80px;} */

/* .indexButton01{display: block; background: #000; border: 1px solid #79eb33; color: #fff; text-align: center; font-size: 18px; line-height: 60px; height: 60px; margin-top: 10px;}
.indexButton01 span{font-size: 28px;}
.indexButton01:hover{background: #79eb33; text-decoration: none; color: #fff; opacity: 1;}
.indexButton02{display: block; background: #000; border: 1px solid #ff78b3; color: #fff; text-align: center; font-size: 18px; line-height: 60px; height: 60px; margin-top: 10px;}
.indexButton02 span{font-size: 28px;}
.indexButton02:hover{background: #ff78b3; text-decoration: none; color: #fff; opacity: 1;} */

.a3_content_60{padding: 0px 60px;}
.title_line01{border-bottom: 2px solid #67c9f6; padding-bottom: 20px; margin-bottom: 20px;}
.title_line02{border-bottom: 2px solid #fdaa78; padding-bottom: 20px; margin-bottom: 20px;}
.title_line03{border-bottom: 2px solid #8ad293; padding-bottom: 20px; margin-bottom: 20px;}
.title_line04{border-bottom: 2px solid #858a8d; padding-bottom: 20px; margin-bottom: 20px;}
.a3_new_list{background: #000; padding: 0px 60px;}
.a3_new_list .a3_new_block{float: left; width: 50%; margin-bottom: 20px;}
.a3_new_list .a3_new_block_full{float: none; width: 100%; margin-bottom: 20px;}
.a3_new_list .a3_new_block .block,
.a3_new_list .a3_new_block_full .block{ border: 2px solid #afafaf;}
.a3_new_list .a3_new_block:nth-child(odd) .block{margin-right: 10px; margin-left: 0px;}
.a3_new_list .a3_new_block:nth-child(even) .block{margin-right: 0px; margin-left: 10px;}

.buttonList a{display: block; width: 33.333333%; border-width: 0px 2px; border-style: solid; border-color: #000; float: left; height: 30px; line-height: 30px; text-align: center; color: #fff; background: url(../images/m_bg.jpg) top left repeat-x;}
.buttonList a.active, .buttonList a:hover{ background: #323232; color: #fff;}
.buttonList a span{padding-left: 40px; background: url(../images/m_active_icon.png) center left no-repeat;}
.buttonList a.active span{padding-left: 40px; background: url(../images/m_icon.png) center left no-repeat;}
.buttonList a:first-child{border-left: 0px solid #fff;}
.buttonList a:last-child{border-right: 0px solid #fff;}

.buttonList2 a{display: block; width: 50%; border-width: 0px 2px; border-style: solid; border-color: #000; float: left; height: 30px; line-height: 30px; text-align: center; color: #fff; background: url(../images/m_bg.jpg) top left repeat-x;}
.buttonList2 a.active, .buttonList2 a:hover{ background: #323232; color: #fff;}
.buttonList2 a span{padding-left: 40px; background: url(../images/m_active_icon.png) center left no-repeat;}
.buttonList2 a.active span{padding-left: 40px; background: url(../images/m_icon.png) center left no-repeat;}
.buttonList2 a:first-child{border-left: 0px solid #000;}
.buttonList2 a:last-child{border-right: 0px solid #000;}

.pageTitle{display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #fff; background: url(../images/m_bg.jpg) top left repeat-x;}


.productList{background: url(../images/productListBg.jpg) top right; background-size: cover; margin-bottom: 40px;}
.productList a{display: block; width: 80%; margin: 10px auto 10px; position: relative;}
.productList a:hover div.productImg{border-radius: 100px; overflow: hidden; background: #fce0e5;}
.productList a div{text-align: center; width: 100%; margin: 0px auto; padding: 20px 0px;}
.productList a div img.full{width: 80%; margin: 0px auto;}
.productList a div p{width: 100%; margin: 0px auto;}
.productList a:hover p.productImg .hover{display: block;}

.productList a p.productTitle{margin-top: 0px; margin-bottom: 0px; position: relative; z-index: 2; color: #4674b7; font-weight: bold; font-style: bold; font-size: 16px;}
.productList a p.productDes{color: #4674b7; font-size: 12px; margin-top: 0px; }
.productList a p.smallDes{color: #707070; font-size: 10px; line-height: 16px; margin-bottom: 20px; margin-top: 10px;}
.productList a p.productIcon{width: 30%; position: absolute; top: -25px; right: -20px; z-index: 2;}
.productList a p.hoverIcon{position: absolute; top: 0px; left: 0px; width: 100%; display: none;}
.productList a:hover p.hoverIcon{display: block;}

.productList .container a div img.full{width: 70%;}

.videoList .videoBlock{float: left; width: 50%; padding: 5px; background: #fff;}

.blockList{background: #e8fff5; padding: 20px 60px;}
.blockList .blockListDetail{padding-bottom: 40px; padding-top: 40px; border-bottom: 2px dashed #1f948f; width: 50%; float: left;}
.blockList .blockListDetail:nth-child(odd){padding-right: 40px; border-right: 2px dashed #1f948f;}
.blockList .blockListDetail:nth-child(even){padding-left: 40px; border-left: 2px solid #e8fff5;}
.blockList .blockListDetail p{margin: 20px 0px 0px; font-size: 16px; line-height: 30px; height: 120px;}
.blockList .blockListDetail ul{margin: 20px 0px 0px; font-size: 16px; line-height: 30px; height: 120px;}
.blockList .blockListDetail ul li{list-style-type: disc; list-style-position: inside;}

.blockList2 .blockListDetail p{margin: 20px 0px 0px; font-size: 16px; line-height: 30px; height: 120px; color: #666666;}
.blockList2 .blockListDetail p small{font-size: 12px;}
.blockList2 .blockListDetail .title{margin-bottom: 10px;}

.yellow_bg{background: #FFFFD9;}
.blue_bg{background: #8fbfff;}
.blue2_bg{background: #e7faff}
.blue3_bg{background: #cab9ff}

.content{position: relative;}
.caseWrap{width: 85%; margin: 0px auto; padding: 20px 0px; position: relative;}

.content{margin-top: 40px;}
.text-block{padding: 20px; border-radius: 5px; position: relative; margin-top: 20px;}
.left-text-block, .left-text-block2{width: 48%; float: left;}
.left-text-block .j{width: 0px; height: 0px; border: 20px solid transparent; border-left: 100px solid #fff; position: absolute; right: -100px; bottom: 20px;}
.left-text-block .tj{width: 0px; height: 0px; border: 20px solid transparent; border-left: 100px solid #fff; position: absolute; right: -100px; top: 20px;}
.right-img-block, .right-img-block2{float: right; width: 40%;}

.right-text-block, .right-text-block2{width: 48%; float: right;}
.right-text-block .j{width: 0px; height: 0px; border: 20px solid transparent; border-right: 100px solid #fff; position: absolute; left: -100px; bottom: 20px;}
.right-text-block .tj{width: 0px; height: 0px; border: 20px solid transparent; border-right: 100px solid #fff; position: absolute; left: -100px; top: 20px;}
.left-img-block, .left-img-block2{float: left; width: 40%;}

.caseWrap .case_img01{position: absolute; width: 45%; top: 20px; right: 0px;}
.caseWrap .case_img02{width: 45%;}

/* .caseWrap .case_img03{width: 50%; right: 0px; top: 8%; position: absolute; z-index: 5;}
.caseWrap .case_img04{width: 55%; margin-top: 5%; position: relative; z-index: 2;}
.caseWrap .case_img04 .text-content{width: 75%; position: absolute; top: 5%; left: 5%;}

.caseWrap .case_img06{width: 65%; margin-top: 5%; position: relative; z-index: 2; float: right;}
.caseWrap .case_img06 .text-content{width: 70%; position: absolute; top: 5%; right: 5%;}
.caseWrap .case_img05{width: 35%; left: 0px; top: 8%; position: absolute; z-index: 3;}

.caseWrap .case_img08{width: 50%; margin-top: 5%; margin-bottom: 5%; position: relative; z-index: 2;}
.caseWrap .case_img08 .text-content{width: 75%; position: absolute; top: 5%; left: 5%;}
.caseWrap .case_img07{width: 35%; right: 5%; top: 8%; position: absolute; z-index: 3;}

.caseWrap .case_img09{width: 45%; right: 0px; top: 8%; position: absolute;}
.caseWrap .case_img10{width: 50%; right: 0%; top: 13%; position: absolute; z-index: 3;}

.caseWrap .case_img11{width: 43%; left: 0px; top: 8%; position: absolute; z-index: 3;} */




.back{font-size: 18px; color: #fff; font-weight: bold; font-style: bold;}
.text-content p{color: #8FBFFF; font-size: 14px; line-height: 2;}
.text-content p.title{font-size: 26px; margin-bottom: 5px;  text-align: center;}
.text-content p.text-left{text-align: left;}
.text-content p.subTitle{font-size: 16px; line-height: 2; margin-bottom: 5px;}

.font2 p, .font2 p.title, .font2 .p.subTitle{color: #fe98aa;}

.machanicsList{padding: 60px 0px;}
.machanicsBlock{width: 90%; margin: 0px auto;}

.caseList{padding: 20px 20px; position: relative;}
.caseLink01{width: 42.4605%; position: absolute; left: 49.7812%; top:32.7939%; text-align: left;}
.caseLink02{width: 42.4605%; position: absolute; left: 7%; bottom:24.7939%; text-align: left;}
.caseLink03{width: 30%; position: absolute; right: 0%; bottom:4%; text-align: center;}

.caseList p{margin-bottom: 2px;}
.caseList a{color: #FFFFD9; padding-right: 20px; background: url(../images/jian.png) center right no-repeat; font-size: 16px;}

.caseBlock{width: 100%; margin: 0 auto; padding: 10px 0; margin: 40px 0px; padding-bottom: 20px;}
.caseBlock .caseBlockContent{ margin: 0px 4%; padding: 10px 0px; float: left; width: 25%; display: block;}
/* .caseBlock .caseBlockContent:hover{border: 2px solid #fff;} */
.caseBlock .caseBlockContent .caseBlockImg, .caseBlock .caseBlockContent .caseBlockDes{margin-bottom: 0px;}

.technologyBlockList{}
.technologyBlock{width: 50%; float: left;}
.technologyBlock .technologyBlockContent{margin: 5px; border: 2px solid #afafaf; display: block;}
.technologyBlock .technologyBlockContent .technologyBlockImg, .technologyBlock .technologyBlockContent .technologyBlockImg_o{margin-bottom: 0px;}

.technologyBlock .technologyBlockContent:hover .technologyBlockImg{display: none;}
.technologyBlock .technologyBlockContent .technologyBlockImg_o{display: none;}
.technologyBlock .technologyBlockContent:hover .technologyBlockImg_o{display: block;}

.blogBlockList{padding: 10px; background: #bfd0ff;}
.blogBlockList .blogBlock{width: 33.333333%; float: left;}
.blogBlockList .blogBlock .blogBlockContent{margin: 5px; display: block;}
.blogBlockImg_o{display: none;}
.blogBlockList .blogBlock .blogBlockContent:hover .blogBlockImg{display: none;}
.blogBlockList .blogBlock .blogBlockContent:hover .blogBlockImg_o{display: block;}

.communityDetail{padding: 10px; }

footer{padding: 40px 0px; text-align: center;}
footer ul li a{color: #646464; padding: 0px 20px; display: inline-block; border-right: 1px solid #646464;}
footer ul li{padding: 0px !important;}
footer ul li:last-child a{border: none;}
footer ul li a:hover{color: #999; opacity: 1;}

.qa01{width: 54%; float: left;}
.qa02{width: 46%; float: left;}

img.gif{display: none;}

.a4_new_list{background: #000; padding: 60px 60px 0;}
.a4_new_list .a4_new_block{float: left; width: 50%; margin-bottom: 20px;}
.a4_new_list .a4_new_block_full{float: none; width: 100%; margin-bottom: 20px;}
.a4_new_list .a4_new_block .block,
.a4_new_list .a4_new_block_full .block{ }
.a4_new_list .a4_new_block:nth-child(odd) .block{margin-right: 10px; margin-left: 0px;}
.a4_new_list .a4_new_block:nth-child(even) .block{margin-right: 0px; margin-left: 10px;}
.a4_new_list .a4_new_block .block a{ position: relative;}
.a4_new_list .a4_new_block .block .link_style_cover{ position: absolute; background: url(../images/link_style_cover.png) no-repeat center center; width: 52px; height: 52px;}
.productList .col-20 a{ width: 84%; border: 1px solid #afafaf;}
.productList .col-20 a p.productImg{top: -72px;}
.productList .col-20 a p.productTitle{ line-height: 1.5; margin-top: 20px;}
.productList .col-20 a p.productDes{ line-height: 1.2; padding-bottom: 10px;}



#kvBanner{position: relative; background: #fff;}
#kvBanner .swiper-slide{box-shadow: 0px 10px 10px #ccc;}
.index-content{background: url('../images/index_bg.jpg') center no-repeat; padding: 40px 0px 500px;}

.menuWrap{box-shadow: 0px 0px 10px #ccc; position: relative; z-index: 10; background-color: #fff;}

#subMenuList{width: 100%;}

.menuList{text-align: center; font-size: 0px; position: relative;}
.menuList li{display: inline-block; width: 15.6666%; box-sizing: border-box; padding: 0px 2px;}
.menuList li a{display: inline-block; padding: 10px 0px; box-sizing: border-box; width: 100%;}
.menuList li a span{color: #477aae; border-radius: 10px; padding-top: 8px; width: 100px; overflow: hidden; text-align: center; display: inline-block; font-size: 14px; line-height: 1.5; box-sizing: border-box;}
.menuList li:last-child a span{border: 0px;}
.menuList li a span small{display: inline-block; padding: 30px 10px 8px 10px; font-size: 14px;}
.menuList li a.menu01 span small{background: url('../images/icon01.png') top center no-repeat; background-size: 30px 30px;}
.menuList li a.menu02 span small{background: url('../images/icon02.png') top center no-repeat; background-size: 30px 30px;}
.menuList li a.menu03 span small{background: url('../images/icon03.png') top center no-repeat; background-size: 30px 30px;}
.menuList li a.menu04 span small{background: url('../images/icon04.png') top center no-repeat; background-size: 30px 30px;}
.menuList li a.menu05 span small{background: url('../images/icon05.png') top center no-repeat; background-size: 30px 30px;}
.menuList li a.menu06 span small{background: url('../images/icon06.png') top center no-repeat; background-size: 30px 30px;}

.menuList li a.menu01:hover span,
.menuList li a.menu01.active span{background: #e6f9a5;}
.menuList li a.menu02:hover span,
.menuList li a.menu02.active span{background: #f6ff63;}
.menuList li a.menu03:hover span,
.menuList li a.menu03.active span{background: #97fcd5;}
.menuList li a.menu04:hover span,
.menuList li a.menu04.active span{background: #b9f3f9;}
.menuList li a.menu05:hover span,
.menuList li a.menu05.active span{background: #d9e5f9;}
.menuList li a.menu06:hover span,
.menuList li a.menu06.active span{background: #fce0e5;}

#menuSubList{position: absolute; top: 140px; left: 0px; width: 100%; text-align: center; background-color: #fff; z-index: 10; box-shadow: 0px 10px 10px #ccc; display: none;}
#menuSubList .subListLink{width: 150px; margin: 10px; display: inline-block;}

#menuSubList02{position: absolute; top: 140px; left: 0px; width: 100%; text-align: center; background-color: #fff; z-index: 10; box-shadow: 0px 10px 10px #ccc; display: none;}
#menuSubList02 .subListLink{width: 150px; margin: 10px; display: inline-block;}

.indexButton{width: 80%; margin: 0px auto; display: block; position: relative;}
.indexButton .active{display: block; width: 100%;}
.indexButton .hover{display: none;}
.indexButton:hover .active{display: none;}
.indexButton:hover .hover{display: block; width: 100%;}

.indexButton .icon{width: 20%; display: none; height: auto; position: absolute; right: -60px; bottom: 30px;}
.indexButton:hover .icon{display: block;}

.product-block{width: 100%; position: relative; display: block; padding-top: 1px; margin: 20px 0px;}
.product-block a{cursor: pointer;}
.product-block .product-bg-img{position: absolute; top: 0px; left: 0px;}
.product-block .product-content{width: 90%; margin: 6% 0 0 7%; box-sizing: border-box; border: 2px solid #707070; position: relative;}
.product-block .product-content .playIcon{display: none; width: 15%; position: absolute; left: 43%; top: 65%;}
.product-block a:hover .product-content .playIcon{display: block;}

.col-md-12 .product-block{margin: 0px;}
.col-md-12 .product-block .product-content{width: 100%; margin: 6% 0px;}

img.caseTitle{margin: 80px auto 120px; width: 60%;}
/* .caseList01{background-color: #BDBDBD;} */
/* .caseList02{background-color: #BDBDBD;} */
.caseList01 .caseBlock{width: 80%; margin:  20px auto; border-radius: 20px; overflow: hidden;}
.caseList02 .caseBlock{width: 80%; margin:  20px auto; border-radius: 20px; overflow: hidden;}

.caseTitle01 img.full{width: 40%; margin: 20px auto;}
.caseTitle02 img.full{width: 40%; margin: 20px auto;}

/* .caseTitle01{background-color: #FF80A3;} */
/* .caseTitle02{background-color: #6599CF;} */

.caseList01 .icon{width: 100%; margin: 20px auto;}
.caseList01 .hover-icon{width: 100%; margin: 20px auto; display: none;}
.caseList01 a:hover .icon{width: 100%; margin: 20px auto; display: none;}
.caseList01 a:hover .hover-icon{display: block;}
.caseList01 p{text-align: center; color: #000; font-size: 20px; line-height: 1.5;}
.caseList01 p.des{font-size: 14px;}

.caseList02{margin-bottom: 100px;}
.caseList02 .icon{width: 100%; margin: 20px auto;}
.caseList02 .hover-icon{width: 100%; margin: 20px auto; display: none;}
.caseList02 a:hover .icon{width: 100%; margin: 20px auto; display: none;}
.caseList02 a:hover .hover-icon{display: block;}
.caseList02 p{text-align: center; color: #000; font-size: 20px; line-height: 1.5;}
.caseList02 p.des{font-size: 14px;}

/* .caseList01 .caseBlock:hover{background: #FF80A3;}
.caseList01 .caseBlock:hover .icon{border-radius: 200px; overflow: hidden; border: 2px solid #fff;}
.caseList01 .caseBlock:hover p{color: #fff;} */

/* .caseList02 .caseBlock:hover{background: #6599CF;}
.caseList02 .caseBlock:hover .icon{border-radius: 200px; overflow: hidden; border: 2px solid #fff;}
.caseList02 .caseBlock:hover p{color: #fff;} */

.blogBlockList .blogBlock02{width: 66.6666%;}

img.ml15{margin-left: 15%;}
img.mr15{margin-right: 15%;}

.content{margin-top: 0px;}
.case_subTitle{margin-top: 40px; margin-bottom: 40px;}
.caseWrap .case_img02{width: 55%;}
.caseWrap .case_img01{width: 40%;}
.text-content p.title{text-align: left;}
.right-img-block{width: 55%;}
.right-img-block2{width: 50%;}
.text-block{margin-top: 0px; padding-top: 0px; padding-left: 10%; padding-right: 0px;}
.left-text-block{width: 45%; padding-left: 0px;}
.left-text-block2{width: 50%; padding-left: 0px;}
.left-img-block{width: 55%;}
.left-img-block2{width: 50%;}
.right-text-block{width: 45%; margin-top: 20px; padding-left: 2%; box-sizing: border-box; padding-right: 5%;}
.right-text-block2{width: 50%; margin-top: 20px; padding-left: 2%; box-sizing: border-box; padding-right: 5%;}

.back{color: #606060;}

.halfMenu{display: inline-block; width: 40%; margin: 30px 3%;}
.halfMenu .act{display: block; width: 100%;}
.halfMenu:hover .act{display: none;}
.halfMenu .hover{display: none;}
.halfMenu:hover .hover{display: block; width: 100%;}
.productList{background: #fff;}

.productContainer{width: 970px; margin: 0px auto; position: relative;}

#swiperProductList a{width: 100%; padding-top: 10px;}
#swiperProductList a p.productImg{top: -72px;}
#swiperProductList a p.productTitle{ line-height: 1.5; margin-top: 0px;}
#swiperProductList a p.productDes{ line-height: 1.2; padding-bottom: 10px;}
#swiperProductList a p.productIcon{top: 0px}
.productContainer .swiper-button-prev{margin-left: -40px;}
.productContainer .swiper-button-next{margin-right: -40px;}

.swiper-button-next{background: url('../images/nextButton.png') center no-repeat !important; width: 44px !important; background-size: contain !important; margin-right: -60px !important;}
.swiper-button-prev{background: url('../images/prevButton.png') center no-repeat !important; width: 44px !important; background-size: contain !important; margin-left: -60px !important;}

.st-mobileMenu ul li .submenu a{padding-left: 30px;}

#kvBanner{position: relative;}
#community-title{position: absolute; left: 0px; bottom: 150px; width: 100%;}
#community-content{background: url('../images/community-bg.jpg') top center no-repeat; background-size: 100% auto;}
#community-content>div{margin-top: -50px; margin-bottom: 200px;}

#technology-content{background: url('../images/technology-bg.jpg') top center no-repeat; background-size: cover;}
#technology-title{width: 70%; margin: 50px auto;}
.technology-block{margin: 20px;}

#case-content{background: url('../images/case-bg.jpg') top center no-repeat; background-size: cover;}
#case-detail{background: url('../images/case-detail-bg.jpg') top center no-repeat; background-size: cover;}
#case-detail2{background: url('../images/case-detail-bg2.jpg') top center no-repeat; background-size: cover;}
.case_detailTitle{margin: 40px auto; width: 100%;}
.case_detailSubTitle{width: 50%;}

.case01_01{width: 80px; display: block;}
.case01_02{width: 260px; display: block;}
.case01_03{width: 260px; display: block;}

@media screen and (max-width: 768px) {
	body, html{background: #fff;}

	img.ml15{margin-left: 0%;}
	img.mr15{margin-right: 0%;}

	.st-globalNav_category li a{border-right: 1px solid #6483ef; padding: 0px 15px 0px 10px;}
	
	.col-20{width: 50%; float: left;}
	.col-25{width: 50%; float: left;}

	.a3_content_60{padding: 0px 10px;}
	.a3_new_list{background: #000; padding: 0px 10px;}

	.topMenu{display: none;}
	.mobileTopMenu{display: block;}

	.blockList{background: #e8fff5; padding: 20px 20px;}
	.blockList .blockListDetail{padding-bottom: 40px; padding-top: 40px; border-bottom: 2px dashed #1f948f; width: 100%; float: none;}
	.blockList .blockListDetail:nth-child(odd){padding-right: 0px; border-right: 0px dashed #1f948f;}
	.blockList .blockListDetail:nth-child(even){padding-left: 0px; border-left: 0px solid #e8fff5;}
	.blockList .blockListDetail p{height: auto !important;}

	.caseBlock{width: 100%; float: none;}

	.caseWrap div{position: static !important; width: 100% !important; margin: 10px 0px !important; float: none !important;}
	.text-block img{display: none !important;}
	.text-content p{}
	.text-content p.text-left{text-align: center;}

	.blogBlockList .blogBlock{width: 50%;}

	.content{margin-top: 40px;}
	.text-block{padding: 20px; border-radius: 5px; position: relative; margin-top: 20px;}
	.left-text-block, .left-text-block2{width: 100%; float: none;}
	.left-text-block .j{display: none;}
	.left-text-block .tj{display: none;}
	.right-img-block, .right-img-block2{float: none; width: 100%;}

	.right-text-block, .right-text-block2{width: 100%; float: none;}
	.right-text-block .j{display: none;}
	.right-text-block .tj{display: none;}
	.left-img-block, .left-img-block2{float: none; width: 1000%;}


	.qa01{width: 100%; float: none;}
	.qa02{width: 100%; float: none;}

	.buttonList2 a{display: block; width: 100%; border-width: 0px 2px; border-style: solid; border-color: #000; float: none; height: auto; line-height: 30px; text-align: center; color: #fff; background: url(../images/m_bg.jpg) top left repeat-x;}
	.productList{margin-bottom: 20px;}
	.productList a{width: 94%; padding: 0px 10px; margin: 10px auto 10px;}
	.productList a p.productImg{width: 90%; display: block; margin: 0px auto;}
	.productList a p.productTitle{margin-top: 10px;}
	.productList a p.productDes{font-size: 12px;}

	.productList a p.productIcon{width: 24%; position: absolute; top: -20px; right: 0px; z-index: 2;}

	footer{ width: 80%; margin: 0px auto;}
	footer ul li{margin-bottom: 10px;}
	footer ul li a{ border: 0px;}
	
	.a4_new_list{padding: 0px 20px;}
	.a4_new_list .a4_new_block{width: 100%; float: none;}
	.a4_new_list .a4_new_block:nth-child(odd) .block,
	.a4_new_list .a4_new_block:nth-child(even) .block{margin-left: 0px; margin-right: 0px;}


	.menuWrap{display: none;}
	.wrap{overflow-x: hidden; padding-top: 0px;}
	.product-content>div{width: 130%; margin-left: -15%;}

	#kvBanner{width: 150%; margin-left: -25%; padding-bottom: 20px;}
	#kvBanner.indexPage{padding-bottom: 40px;}
	.indexButton{width: 100%;}

	.caseTitle01 img.full{width: 50%;}
	.caseTitle02 img.full{width: 50%;}
	.caseBlock{padding: 0px; margin: 0px;}

	.caseList01 .caseBlock{width: 100%; margin: 0px; }
	.caseList02 .caseBlock{width: 100%; margin: 0px; }

	#subMenuList{width: 90%; position: static; left: 0px; margin: 0px auto 20px;}

	.productContainer{width: 100%; margin: 0px auto; position: relative;}

	img.caseTitle{margin: 20px auto 30px; width: 60%;}

	#community-title{width: 70%; bottom: 100px; left: 15%;}
	#community-content>div{margin-top: -50px; margin-bottom: 20px;}

}

#linkBlock{width: 35%; top: 33%; left: 50%; margin-left: -17.5%; display: block; position: absolute; height: 50px;}

/* .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url('../images/rightIcon.png') center no-repeat !important; background-size: 27px 27px !important;} */
/* .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url('../images/leftIcon.png') center no-repeat !important; background-size: 27px 27px !important;} */