#LRfloater0{display:none;}
#LXB_CONTAINER { top: 200px !important; right: -9999px !important; }
iframe[name="google_conversion_frame"] {display:none;}
p, a { color: #fff; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 24px; text-decoration: none; }
img { border: 0; vertical-align: middle }
ul, li { list-style: none; }
table p {color: #666;}
#header { width: 100%; height: 90px; position: fixed; z-index: 100; }
.logo { margin: 15px 60px 15px 15px; float: left; }
.menu { margin-top: 30px; float: right; }
.menu ul { display: block; float: left; margin: 9px 42px 8px 0; }
.menu li { float: left; border-right: 1px solid #cdcdcd; line-height: 12px; padding-right: 38px; margin-right: 38px; }
.menu li.border0 { border: none; padding-right: 0; margin-right: 0; }
.menu li a { color: #fff; line-height: 12px;font-size:15px; }
.menu li a:hover { color: #D71518 !important; }
.menu li.yewu { position: relative; }

/*.menu li.yewu a {
	background: url(../images/home_sub_menu.png) center right no-repeat;
	padding-right: 18px;
}*/
.menu .yewu_ol { padding-top: 17px; display: none; position: absolute; top: 13px; left: -29px; z-index: 1000; }
.menu li ol { background-color: #fff; -moz-box-shadow: 0px 5px 8px 5px rgba(102, 102, 102, 0.35); -webkit-box-shadow: 0px 5px 8px 5px rgba(102, 102, 102, 0.35); box-shadow: 0px 5px 8px 5px rgba(102, 102, 102, 0.35); padding: 17px 15px; }
.menu ol li { border-right: 0; padding-right: 0; margin-right: 0; border-bottom: 1px solid #d7d7d7; float: none; width:180px; height: 35px; line-height: 35px; text-align: center; }
.menu .yol li{width:320px !important;text-align:left !important;}
.menu ol li:last-child { border-bottom: none; }
.menu .yewu ol a { background: none; color: #333; font-size: 14px; padding-right: 0; line-height: normal; }
.menu ol li a:hover { color: #f29c06; }
.navigation { float: left; background: url("../images/navIco1.png") no-repeat; cursor: pointer; width: 31px; height: 30px; margin-right: 39px; float: left; }
.navigation { display: none; }
.menu-ul.hide { display: block !important; }
#container { width: 100%; overflow: hidden; position: relative; }
.sections { position: relative; }
.section { position: relative; z-index: 10; height: 763px; transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1) 0s; transform: translate3d(0px, 0px, 0px);}
.section img { width: 100%; }
.left { float: left; }
.pages.vertical { position: fixed; top: 30%; right: 20px; width: 20px; -webkit-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }
.pages.horizontal { position: absolute; left: 46%; bottom: 20px; }
.pages li { position: relative; width: 14px; height: 14px; margin: 7px 0; }
.pages.horizontal li { float: left; }
.pages.horizontal li:not(:last-child) { margin-right: 10px; }
.pages li a { width: 100%; height: 100%; display: block; }
.pages li span { position: absolute; left: 5px; top: 5px; width: 4px; height: 4px; text-indent: -9999em; background: #757575; border-radius: 50%; }
.pages li.active span { top: 1px; left: 1px; width: 8px; height: 8px; border: 2px solid #95d7fd; background: none; }
.start { height: 100%; background: url("../images/banner_01.jpg") center center no-repeat; background-size: cover; z-index: 10; width: 100%; overflow: hidden; }
.item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.item .text { position: absolute; top: 20%; top: 20%\9; left: 0; right: 0; z-index: 10;}
/*.start .text { top: 29%; top: 30%\9; }*/
.product4 .text { top: 20.5%; top: 38%\9; }
video#bgvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url("../images/banner_01.jpg") center center no-repeat; background-size: cover; }
.text h1 { color: #fff; font-family: 'Microsoft YaHei'; font-size:44px; text-align: center; position: relative; top: 30px; max-width:1087px; margin:0 auto 20px auto;}
.text p { line-height: 26px; width: 850px; margin: 0 auto; padding: 12px 0 35px 0; text-align: center; position: relative; top: 15px;}
.product1 { background: url("../images/banner_02.jpg") center center no-repeat; background-size: cover; }
.product2 { background: url("../images/banner_03.jpg") center center no-repeat; background-size: cover; }
.product3 { background: url("../images/banner_04.jpg") center center no-repeat; background-size: cover; }
.product4 { background: url("../images/banner_05.jpg") center center no-repeat; background-size: cover; }
.product5 { background: url("../images/banner_11.jpg") center center no-repeat; background-size: cover; }
.product6 { background: url("../images/banner_08.jpg") center center no-repeat; background-size: cover; }
.btn { text-align: center; margin-top: 12px; position: relative; display: inline-block;}
.btn a { border: 2px solid #fff; -moz-border-radius: 3px; border-radius: 3px; padding: 10px 35px; }
.btn a:hover { border: 2px solid #206CAE; background-color: #206CAE; color: #fff; }
.mask-bg:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 5; display: block; }
.nav { margin-top: -71px; position: fixed; right: 0; top: 46%; z-index: 50; }
.nav li a span { background: url("../images/pager.png") center center no-repeat; display: block; width: 22px; height: 22px; margin-right: 40px; text-align: center; text-indent: -9999px }
.nav li.active a span { background: url("../images/pager1.png") center center no-repeat; }
.nav li > a {outline: none; }
.other { background-color: #fff; width: 100%; overflow: hidden; position: relative; }
.other > a {display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.other h2 { color: #333; font-family: 'Microsoft YaHei'; font-size: 28px; text-align: center; margin-top: 46px; margin-bottom: 11px; }
.other p { color: #333; font-size: 14px; width: 782px; margin: 0 auto; text-align: center; }
.other ul {  margin: 16px auto 0 auto; overflow: hidden; padding:0px}
.other ul li { float: left; margin-right: 31px; margin-bottom: 15px; }
.other li.ml0 { margin-left: 0; }
.other .more { margin-top: 10px; }
.other .more a { color: #ff9900; font-size: 14px; }
.other .item { top: 46%; top: 74%\9; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); }
.container-s{width:1400px;margin:0px auto}
.hpc-list{margin-top:30px;}
.hpc-list .hpc-m1{padding-left:5px;padding-right:0px;}
.hpc-list .hpc-m2{padding-left:23px;padding-right:5px;}
.hpc-list img:hover{  -webkit-transform: scale(1.02) rotate(0deg);
   -moz-transform: scale(1.02) rotate(0deg);
   -o-transform: scale(1.02) rotate(0deg);
   -ms-transform: scale(1.02) rotate(0deg);
   transform: scale(1.02) rotate(0deg);
   overflow:hidden}
.hpc-m2 div{padding-left:0px;padding-right:8px;}
.hpc-m1 img{height:488px;width:100%;border-radius:2px;transition: all 0.8s ease-in-out;}
.hpc-m2 img{height:240px;width:100%;margin-bottom:8px;border-radius:2px;transition: all 0.8s ease-in-out;}
@keyframes firstPart {
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
@-moz-keyframes firstPart

/* Firefox */
{
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
@-webkit-keyframes firstPart

/* Safari and Chrome */
{
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
@-o-keyframes firstPart

/* Opera */
{
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
.mousetip { background: url("../images/mousetip.png") no-repeat; width: 51px; height: 41px; position: fixed; bottom: 10px; left: 50%; margin-left: -25px; z-index: 100; cursor: pointer; animation-name: firstPart; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0.3s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; -moz-animation-name: firstPart; -moz-animation-duration: 0.8s; -moz-animation-timing-function: linear; -moz-animation-delay: 0.3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-play-state: running; -webkit-animation-name: firstPart; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; -o-animation-name: firstPart; -o-animation-duration: 0.8s; -o-animation-timing-function: linear; -o-animation-delay: 0.3s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; -o-animation-play-state: running; }
.imgbox { position: relative; overflow: hidden; }
.customer { background: url("../images/customer.jpg") center no-repeat; background-size: contain; }
.customer img { visibility: hidden; }
@media (max-width:1366px) {
	.other .item { top: 73%; top: 58%\9; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); }
}
@media (max-width:1199px) {
	.item .text { padding: 0 46px; }
	.item .text h1 { font-size: 32px; font-weight: bold; line-height: 30px; }
	.item .text p { width: auto; top: 20px; line-height: 32px; }
	.nav li a { margin-right: 10px; padding: 0 5px; }
	.nav li a span { margin-right: 0; }
	.customer { background-size: 70%; margin-top: 0; }
}
@media (max-width:991px) {
	.other .item { top: 76%; }
}
@media (max-width:818px) and (min-width:768px) {
	.logo img { width: 260px; }
	.menu li { padding-right: 28px; margin-right: 28px; }
	.other .item { top: 76%; }
	.other .more { display: block; }
	
}
@media (max-width:768px) {
	.item .text, .other .item { padding: 0 46px; }
	.item .text h1 { font-size: 28px; font-weight: bold; line-height: 30px; }
	.item .text p, .other p { width: auto; top: 20px; line-height: 32px;font-famil:Poppins; }
	.nav li a { margin-right: 10px; padding: 0 5px; }
	.nav li a span { margin-right: 0; }
	.other .item { top: 80%; }
	.other .more { display: block; }
	.hlanguage{margin-left:250px !important;width:100px;margin-top:-15px;}
	.hlanguage ul{background:none !important;width: 300px;}
	.hlanguage ul li{background-color: #ffffff5c; width:auto !important;border-bottom: 0px !important; margin-right:0px !important;padding: 5px 5px 5px 10px !important;}
	.hlanguage ul li span{display:none}
	.container-s{width:100% !important}
	.item-case{top:45% !important}
	.text-case{width:auto !important;}
	.hpc-m2 .col-md-3{width:50%;float:left;}
	.hpc-m2 img{height:100px; }
	.hpc-list .hpc-m2{padding-left:5px !important;}
	.hc-list li{width:22%;float:left;margin: 5px 3px !important}
	.hc-list li img{height:30px;}
}
@media (max-width:767px) {
	#header { height: auto; overflow: visible; }
	.header-fixed { position: relative; }
	.menu { position: absolute; right: 0; left: 0; }
	.menu ul { width: 300px; margin-top: 20px; margin-right: 0; }
	.menu li { background-color: #fff; color: #333; width: 100%; border-bottom: 1px solid #ccc; padding: 5px 0px; text-align: center; }
	.menu li a { color: #333; }
	.menu .yewu_ol { left: 15%; }
	.menu-ul { display: none !important; }
	ul.hide.menu-ul { display: block !important; }
	.other .item { top: 76%; }
	.other .more { display: block; }
	/* 防止抖动 */
    html { overflow-y: scroll; }
    :root { overflow-y: auto; overflow-x: hidden; }
    :root body { position: absolute; }
    body { width: 100vw; overflow: hidden; }
    .logo { padding-left: 15px; padding-bottom: 22px; margin: 17px 0 0 0;}
    .subnav .j_hide.topMenu { display: none; }
    .navbar-icon:before { content: ""; background-image: url("../images/navsprite.png"); background-repeat: no-repeat; position: absolute; display: inline-block; text-align: center; vertical-align: middle; }
    .icon-toggle:before { content: ""; position: absolute; display: inline-block; background: url("../images/icon-toggle-white.png") no-repeat center; right: 10px; top: 20px; width: 30px; height: 30px; z-index: 123; }
    .left-arrow-icon:before { content: ""; position: absolute; display: inline-block; background: url("../images/left-arrow-icon.png") no-repeat center; width: 30px; height: 30px; top: 50%; left: 19px; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
    .home-icon:before { width: 16px; height: 16px; top: 5px; background-position: 0 0; }
    .business-icon:before { width: 16px; height: 16px; top: 33px; background-position: 0 -23px; }
    .product-icon:before { width: 16px; height: 17px; top: 30px; background-position: 0 -40px; }
    .case-icon:before { width: 16px; height: 17px; top: 30px; background-position: 0 -63px; }
    .service-icon:before { width: 16px; height: 17px; top: 31px; background-position: 0 -83px; }
    .brand-icon:before { width: 16px; height: 13px; top: 32px; background-position: 0 -102px; }
    .sidebar-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; overflow: hidden; }
    .sidebar { position: fixed; top: 0; bottom: 0; right: 0; width: 45%; background-color: #fff; z-index: 124; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; }
    .sidebar-title { width: 100%; height: 45px; background-color: #3671cf; position: fixed; z-index: 999; }
    .sidebar-content { padding: 96px 0 25px 27px; height: 499px; position: relative; overflow: auto; }
    .sidebar-menu > li { position: relative; padding: 24px 0;        /* border-bottom: 1px solid #f4f7fc; */ }
    .sidebar-menu > li:first-child { padding-top: 0; }
    .sidebar-menu > li > a { padding-left: 32px; vertical-align: middle; font-size: 20px; color: #444; font-weight: 400; }
    .sidebar-sub-menu { display: none; padding-top: 24px; padding-left: 10px; border-bottom: 1px solid #f4f7fc; padding-bottom: 24px; margin-bottom: -24px; }
    .active .sidebar-sub-menu { display: block; }
    .sidebar-sub-menu > li { padding: 15px 0; }
    .sidebar-sub-menu > li:first-child { padding-top: 24px; border-top: 1px solid #f4f7fc; }
    .sidebar-sub-menu > li:last-child { padding-bottom: 0; }
    .sidebar-sub-menu li a { padding-left: 22px; color: #666; }
    .s-translate { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
	
	.start {background: url("../images/banner-01-xs.jpg") center center no-repeat; background-size: cover;}
	.product1 {background: url("../images/banner-02-xs.jpg") center center no-repeat; background-size: cover;}
	.product2 {background: url("../images/banner-03-xs.jpg") center center no-repeat; background-size: cover;}
	.product3 {background: url("../images/banner-04-xs.jpg") center center no-repeat; background-size: cover;}
	.product4 {background: url("../images/banner-05-xs.jpg") center center no-repeat; background-size: cover;}
	.product5 {background: url("../images/banner-06-xs.jpg") center center no-repeat; background-size: cover;}
	.item .text {padding: 0 62px;}
    .item .text h1 {font-size: 22px; font-weight: 400;}
    .item .text p {font-size: 13px; line-height: 22px;}
    .btn a {font-size: 11px;padding: 8px 27px;}
    .start .text {top: 21%;}
    .product4 .text {top: 21%;}
    .nav li a span {background: url("../images/pager-xs.png") center center no-repeat;}
    .nav li.active a span {background: url("../images/pager1-xs.png") center center no-repeat;}
}
@media (max-width:450px) {
	.logo { margin-left: 5px; }
	.navigation { margin-right: 10px; }
	.menu .yewu_ol { top: 0; left: 55%; }
	.item .text { padding: 0 46px;background:#33333359; }
	.item .text h1 { font-size: 24px; line-height: 30px; }
	.item .text p, .other p { width: auto; top: 20px; line-height: 24px; }
	.item .text .btn { top: 0; }
	.nav { margin-top: 0; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); }
	.nav li a { margin-right: 10px; padding: 0 5px; }
	.nav li a span { margin-right: 0; }
	.other .item { top: 74%; }
	.other .more { display: block; }
}

.lano{border-bottom:1px solid #fff !important}
.hlanguage{margin-left:700px}
.hlanguage ul{float: left;margin: 2px 2px 8px 0px !important;background: rgba(76, 74, 74, 0.43);padding: 6px 0px 6px 10px;}
.hlanguage ul li{float: left;border-right: 1px solid #cdcdcd;line-height: 12px;padding-right:15px;margin-right:15px;}
.hlanguage ul li.hlno{border-right: 0px solid #cdcdcd;}
.hlanguage ul li img{margin-right:5px;}

.text-case{top: 5%;top: 5%\9;margin:0px auto;z-index: 10;text-align:left;width:1110px;font-size:18px;color:#fff;line-height:26px;}
.text-case a{color:#ccc;margin-left:15px;}
.text-case a:hover{color:#fff;font-weight:700}

.hc-list li{width:210px;margin:5px 9px!important;float:left}
.hc-list li img{width:100%;height:70px;}
.hc-list li img:hover{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}