@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none;}
/* remember to define focus styles! */
:focus {outline:0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style:normal;font-weight:normal !important;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:none;font-variant:normal;}

input, button, textarea,
select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;*font-family:"Microsoft YaHei",Arial;resize: none;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline:none;font-family: "microsoft yahei"; font-weight: 200; -webkit-appearance:none; border-radius: 0;}
body {line-height: 1.5; font-family:Arial; font-size:14px; color:#666666;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0 ;
/*表格自动换行*/
table-layout:fixed;word-wrap:break-word;}
caption, th{text-align:center;}
/*caption, th {text-align: left;}*/
/*sup, sub {font-size: 100%;vertical-align: baseline;}*/
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a{transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
/*------------浮动-----------------*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clear10{ clear:both; height:10px; overflow:hidden;}
.clear15{ clear:both; height:15px; overflow:hidden;}
.clear20{ clear:both; height:20px; overflow:hidden;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}
/*@font-face {
	font-family: 'HYQiHei';
	src: url("../font/HYQiHei50S.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
:lang(zh-hk) body,body{font-family: "Arial", "HYQiHei", sans-serif;}*/
:lang(zh-hk) body,body{}
.textover{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%;}
a{color: #333333;}
a:hover{ color: #cc322f;}
.ft84{font-size:84px;}
.ft70{font-size:70px;}
.ft60{font-size:60px;}
.ft48{font-size: 48px;}
.ft40{font-size: 40px;}
.ft36{font-size: 36px;}
.ft34{font-size: 34px;}
.ft30{font-size: 30px;}
.ft28{font-size: 28px;}
.ft26{font-size: 26px;}
.ft24{font-size: 24px;}
.ft22{font-size: 22px;}
.ft20{font-size: 20px;}
.ft18{font-size: 18px;}
.ft16{font-size: 16px;}
.ft44{font-size: 44px;}
.ptb100{padding: 100px 0;}
.ptb150{padding: 100px 0 150px; }
.ptb40{padding: 40px 0;}
.pt80{padding: 80px;}
.ptb70{padding: 68px 0 68px;}
.ptb80{padding: 80px 0 80px;}
.ptb50{padding: 50px 0;}

.animation,.banner .swiper-slide .con{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;}
.animation.srcospcur,.banner{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
.banner .swiper-slide.swiper-slide-active .con{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s 0.5s; -webkit-transition:1.3s 0.5s; -moz-transition:1.3s 0.5s; -ms-transition:1.3s 0.5s; -o-transition:1.3s 0.5s;}




img{display: block;}
.img{overflow: hidden; position: relative;}
.img img{display: block;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transform:scale(1);transform:scale(1);}
.img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.whbfb{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

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

.wap{width: 90%; max-width: 1600px; margin: 0 auto;}
.waps{width: 90%; max-width: 1720px; margin: 0 auto;}
.wapa{width: 90%; max-width: 1200px; margin: 0 auto;}

body{color: #333333;background: #fff; font-size: 14px;  width: 100%;  position: relative;/*overflow-x:hidden ;*/ }
/*:first-child  filter:alpha(opacity=50);*/
/*img{display: block;}*/
img{max-width: 100%;height:auto}
html{ position: relative; width: 100%;}
input.but{cursor: pointer;}
.main{position: relative;  min-height: 100vh; width: 100%; /*background: #fff;*/ overflow: hidden;}
.pc{display: block;}
.sj{display: none;}

.banner{position: relative; overflow: hidden;}


.head{position: fixed; z-index: 60; width: 100%; top: 0; left: 0;}
.wapc{width: 94%; margin: 0 auto; position: relative;}
.header{width:1200px;margin:0 auto;position: relative;display: flex;flex-direction: row;justify-content: space-between;}
.header .tel{padding: 36px 0 0;position:relative;font-size:24px;}
.header .tel span{font-family: initial;font-size:24px;font-weight:bold;color:#cc322f;margin-left:10px;}
.head .logo{padding: 28px 0;position:relative;}
.head .logo1{display: none;}
.heads .logo1,.head.curss .logo1{display: block;}
.heads .logo2,.head.curss .logo2{display: none;}
.head .right{float: right;height:65px;}
.head .nav{position: relative; white-space: nowrap; width: 1200px;margin:0 auto;}
.head .nav ul{display: flex;flex-direction: row;justify-content: space-between;border-top:1px solid #eee;}
.head .nav ul li{float: left; position: relative;}
.head .nav ul li .yj{display: block; padding: 0 23px; line-height: 60px; font-size: 16px; color: #333; position: relative;}
.head .nav ul li .yj:before{content: ''; position: absolute; left: 0; top: -2px; width: 0; height: 3px; background: #fff;transition:.3s; -webkit-transition:.3s;background: #cc322f;}
/*.heads .nav ul li .yj:before,.head.curss .nav ul li .yj:before{}*/
.head .nav ul li:hover .yj:before,.head .nav ul li.cur .yj:before{width: 100%;}
.head .nav ul li:hover .yj,.head .nav ul li.cur .yj{color: #cc322f;}
.heads,.head.curss{background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1);top:-100px;}
.heads .nav ul li .yj,.head.cur .nav ul li .yj,.head.curss .nav ul li .yj{color: #333;}
.head .nav ul li .ej{position: absolute; top: 100%; left:50%; margin-left: -70px; width: 140px; text-align: center; line-height: 40px; display: none; padding-top: 0px;}
.head .nav ul li:hover .ej{display: block;}
.head .nav ul li .ej a{display: block; border-bottom: 1px solid #eee;background: #FAFAFA; }
.head .nav ul li .ej dd:last-child a{border: 0;}
.head .nav ul li .ej a:hover{background: #cc322f; color: #fff;}

.sousk{float: right; padding-top: 38px;}
.sousk img.ico2{display: none;}
.heads .sousk img.ico1{display: none;}
.heads .sousk img.ico2{display: block;}
.head.curss .sousk img.ico1{display: none;}
.head.curss .sousk img.ico2{display: block;}

.banner{position: relative;margin-top:163px;}
.banner .bannertion{position: absolute;  right: 0%; bottom: 6%; z-index: 3; left: auto; text-align: center;}
.banner .bannertion span{background: #fff; width: 8px; height: 8px; opacity: 1; display: inline-block; margin: 0 3px; vertical-align: middle;}
.banner .bannertion span.swiper-pagination-bullet-active{background: none; border: 1px solid #fff; padding: 1px;}
.banner .cons{position: absolute; left: 10%; top: 50%; background: rgba(206, 50, 47, 0.8); color: #fff; width: 470px; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.banner .con{padding: 50px 36px 86px;}
.banner .con h3{line-height: 1.2em; padding-bottom: 36px; margin-bottom: 42px; position: relative;}
.banner .con h3:before{content: ''; position: absolute; left: 0; bottom: 0; width: 2em; height: 2px; background: #fff;}
.banner .con p{margin-bottom: 25px; line-height: 2em;}
.more{padding-top: 60px;}
.more a{display: block; line-height: 40px; width: 180px; padding: 4px; position: relative; text-align: center; color: #fff; border: 1px solid #fff;}
.more a span{display: block;}
.more a:before{content: ''; width: 1px; height: 70%; position: absolute; left: -10px; top: 15%; background: #a58362; transition:.3s; -webkit-transition:.3s;}
.more a:after{content: ''; width: 1px; height: 70%; position: absolute; right: -10px; top: 15%; background: #a58362; transition:.3s; -webkit-transition:.3s;}
.more a:hover:after{right: 10px;}
.more a:hover:before{left: 10px;}
.more a:hover span{background: #fff; color: #cc322f;}
.banner .swiper-slide{overflow: hidden;}

.hmabt.animation{background: #f2f2f2; position: relative; overflow: hidden;-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1;}
.hmabt .wap{/*background: url(../image/bg1.png) no-repeat left bottom; background-size:33.625%;*/ position: relative;}
.rixcs{/*float: right; width: 61.125%;*/ padding-bottom: 0 !important;}
/*.rixcs .left{float: left; width: calc(66.66% - 10px);}
.rixcs .right{float: right; width: calc(33.33% - 10px); padding-top: 5%;}*/
.rixcs li{padding-top: 30px;transition:1s; -webkit-transition:1s; opacity: 0; float: left; width: calc(33.33% - 20px); margin-left: 30px;}
.rixcs li:nth-child(3n+2){margin-left: 0;}
.rixcs li:first-child{width:100%;margin-left: 0;}
.rixcs li:nth-child(n+1) video{max-height:285px;}
/*.rixcs .left li{float: right; width: 50%;}
.rixcs .left li:nth-child(2){width: 100%;}
.rixcs .left li:nth-child(3){width: 62.5%;}*/
.rixcs li a{display: block; position: relative;}
.rixcs li a .txt{position: absolute; bottom: 25px; left: 25px; width: calc(100% - 50px); color: #fff;}
.rixcs .ico{position: absolute; bottom: 25px; right: 25px;}
/*.rixcs li:nth-child(1){
	-webkit-transform: translate(-50%,-50%) rotate(-55deg); transform: translate(-50%,-50%) rotate(-55deg);
}
.rixcs li:nth-child(2){
	-webkit-transform: translate(-50%,-40%) rotate(-65deg); transform: translate(-50%,-40%) rotate(-65deg);
}
.rixcs li:nth-child(3){
	-webkit-transform: translate(-50%,50%) rotate(65deg); transform: translate(-50%,50%) rotate(65deg);
}

.rixcs li:nth-child(4){
	-webkit-transform: translate(40%,-40%) rotate(25deg); transform: translate(40%,-40%) rotate(-25deg);
}
.rixcs li:nth-child(5){
	-webkit-transform: translate(40%,-20%) rotate(35deg); transform: translate(40%,-20%) rotate(35deg);
}
.rixcs li:nth-child(6){
	-webkit-transform: translate(40%,40%) rotate(35deg); transform: translate(40%,40%) rotate(35deg);
}*/
.hmabt .rixcs.srcospcur li{-webkit-transform: translate(0%,0%) rotate(0deg) !important; transform:  translate(0%,0%) rotate(0deg) !important; opacity: 1;}

.hmtit{}
.hmtit h3{color: #000000;}
.hmtit h4{color: #cc322f;}
.leics{/*position: absolute; width: 32%; top: 0; left: 0;*/ /*-webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;transition:0.7s; -webkit-transition:0.7s;*/ max-width: 1115px;}
.hmabt.srcospcur .leics{-webkit-transform: translate(0%,0%) rotate(0deg); transform:  translate(0%,0%) rotate(0deg); opacity: 1;}
.leics .txt{padding: 35px 0;}
.leics .more{padding-top: 5px;}
.mores a{padding: 9px; border-color: #A58362; color: #fff; line-height: 50px;}
.mores a span{background: #cc322f;}
.mores a:after{right: 12px; height: 50%; top: 25%;}
.mores a:before{left: 12px; height: 50%; top: 25%;}
.mores a:hover:after{right: -10px;}
.mores a:hover:before{left: -10px;}

.moshis{position: relative; overflow: hidden;}
.moshc{position: relative; overflow: hidden;}
.moshc .con{position: absolute; left: 0;  top: 50%; width: 40%; padding: 70px 5%; color: #fff; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); border-left: 0;}
.moshc .con .txt{padding: 45px 0 0;}
.moshc .hmtit h3{color: #fff;}
.moshc .hmtit h4{color: #fff;}
.moshc .swiper-slide{overflow: hidden;}

.righcs{width: 400px; height: 400px; background: rgba(204,50,47,0.95); border-radius:50%; position: absolute; right: -200px; top: 50%; margin-top: -200px; z-index: 5;}
.concsl{width: 50%; /*background: url(../image/gon1.png) no-repeat right center; background-size: auto 20%;*/}
.concsl .div a{position: absolute; color: #fff; width: 100%;}
.concsl .div a.as01{left: 200%; top: calc(50% - 0.9em); line-height: 1.8em;}
.concsl .div a.as02{left: 80%; top: calc(15% - 0.9em); line-height: 1.8em;}
.concsl .div a.as03{left: 36%; top: calc(30% - 0.9em); line-height: 1.8em;}
.concsl .div a.as04{left: 18%; top: calc(50% - 0.9em); line-height: 1.8em;}
.concsl .div a.as05{left: 36%; top: calc(70% - 0.9em); line-height: 1.8em;}
.concsl .div a.as06{left: 80%; top: calc(90% - 0.9em); line-height: 1.8em;}
.concsl .div a.as07{left: 200%; top: calc(40% - 0.9em); line-height: 1.8em;}

.wqh{width:40%; right: 0; top: 50%; z-index: 3; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); position: absolute;}
.wqh span{display: block; width: 100%; height: 1px; background: #fff;}
.wqh a{display: block;}
.wqh a.cur{opacity: 0.2;}



.hmnew{}
.hmnew .hmtit{text-align: center;}
.hmnew .hmtit p{color: #000000;}
.hmnews a{display: block;}
.hmnews a .txt{padding: 20px;}
.hmnews a .txt span{display: block; color: #999;}
.hmnews a .txt h3{height: 3em; padding-top: 0.2em; overflow: hidden;}
.hmnew .more{border-top: 1px solid #e5e5e5;}
.hmnews a .img{padding-bottom: 52.623%; position: relative;}
.morea{padding-top: 40px;}
.morea a{margin: 0 auto; border-color: #cc322f; color: #cc322f;}
.morea a:after,.morea a:before{border-color: #cc322f;}
.morea a:hover{ }
.morea a:hover span{background: #cc322f;color: #fff;}
.morea a:hover:after,.morea a:hover:before{background: #fff;}
    
.hmtits{text-align: center; color: #fff;}
.hmtits h3,.hmtits h4{color: #fff;}
.hmbaom{padding: 7% 0 10%;background: url(/uploads/allimg/20210924/1-2109241R135260.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.hmbaoms{padding-bottom: 0 !important;}
.hmbaoms a{display: block; background: #fff; text-align: center;}
.hmbaoms a .ico{width: 98%;position:absolute;left:1%;top:1%;max-height: 350px;overflow: hidden;background:#fff;}
.hmbaoms a .ico img{width:100%;}
/*.hmbaoms a .ico img:last-child{display: none;}*/
/*.hmbaoms a:hover{background: rgba(204, 50, 48, 0.95);}*/
.hmbaoms a .txt{padding: 75px 38px 30px;}
.hmbaoms a .txt h3{padding: 0.7em 0 0.5em; color: #000000;}
.hmbaoms a .txt p{height: 12.5em; color: #666;}
/*.hmbaoms a:hover .txt h3,.hmbaoms a:hover .txt p{color: #fff;}
.hmbaoms a:hover .ico{background: none;}
.hmbaoms a:hover .ico img:first-child{display: none;}
.hmbaoms a:hover .ico img:last-child{display: block;}*/
.flip{transition:0.6s;transform-style:preserve-3d;}
.container{perspective:1000;transform-style:preserve-3d;}
.front{z-index:2;}
.back{transform:rotateY(-180deg);}
.container:hover .flip{transform:rotateY(180deg);}

.foot{}
.logos{float: left;}
.footnav{float: right; max-width: 1120px; width: calc(100% - 300px);}
.footnav li{float: left; width: 28%;}
.footnav li:nth-child(1),.footnav li:nth-child(2),.footnav li:nth-child(3){margin-bottom: 60px;}
.footnav li:nth-child(3n){width: 44%;}
.footnav li .yj{display: block; width: 180px; font-size: 16px; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #dedede; color: #414141;}
.footnav li .ej{line-height: 2em;}
.footnav li:last-child{padding-top: 35px;}
.xuanxl{float: left; width: calc(100% - 80px); position: relative;}
.xuanxl h3{border: 1px solid #DEDEDE; line-height: 63px; border-radius: 0;}
.xuanxl h3 a{display: block; padding: 0 30px;}
.xuanxl h3 span{display: block; background: url(../image/xlico1.png) no-repeat right center;}
.footnav .but{float: left; width: 80px; height: 65px; border: 0; background: #cc322f; color: #fff;}
.xuanxl .ul{position: absolute;z-index:100; top: 100%; border: 1px solid #DEDEDE; width: calc(100% - 2px); line-height: 44px; border-top: 0; max-height: 180px; overflow-y: auto; display: none; background: #fff;}
.xuanxl .ul a{display: block; padding: 0 30px; border-bottom: 1px solid #f9f9f9;}
.xuanxl .ul a:hover{background: #cc322f; color: #fff;}

.focopy{background: #cc322f; color: #ffffff; line-height: 50px; padding: 15px 0;}
.focopy p{float: left;}
.focopy .bdsharebuttonbox{float: right;}
.focopy .bdsharebuttonbox a{padding: 0; margin: 0 0 0 10px !important; width: 50px; height: 50px !important; border-radius: 50%;}
.focopy .bdsharebuttonbox a.popup_tsina{background: url(../image/fxico1.png) no-repeat center #ff632f !important; background-size: cover;}
.focopy .bdsharebuttonbox a.popup_weixin{background: url(../image/fxico2.png) no-repeat center #ff632f !important; background-size: cover;}
.focopy a{color:#fff;}

.hmbaom .swiper-slide{width: 362px;}
.moshis,.hmbaom{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1;}
.moshis .con .hmtit,.moshis .con .txt,.moshis .con .more,.hmbaom .swiper-slide{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
.hmbaom .swiper-slide:nth-child(1){transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s;}
.hmbaom .swiper-slide:nth-child(2){transition:0.5s 0.3s; -webkit-transition:0.5s 0.3s; -moz-transition:0.5s 0.3s; -ms-transition:0.5s 0.3s; -o-transition:0.5s 0.3s;}
.hmbaom .swiper-slide:nth-child(3){transition:0.5s 0.6s; -webkit-transition:0.5s 0.6s; -moz-transition:0.5s 0.6s; -ms-transition:0.5s 0.6s; -o-transition:0.5s 0.6s;}
.hmbaom .swiper-slide:nth-child(4){transition:0.5s 1s; -webkit-transition:0.5s 1s; -moz-transition:0.5s 1s; -ms-transition:0.5s 1s; -o-transition:0.5s 1s;}
.moshis.srcospcur .con .hmtit,.moshis.srcospcur .con .txt,.moshis.srcospcur .con .more,.hmbaom.srcospcur .swiper-slide{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1;}
.head .nav .more{display: none;}




@media screen and (max-width:1800px) {
	
}
@media screen and (max-width:1644px) {
	
	
	.ft84{font-size:76px;}
	.ft70{font-size:66px;}
	.ft60{font-size:54px;}
	.ft48{font-size: 42px;}
	.ft40{font-size: 36px;}
	.ft36{font-size: 32px;}
	.ft34{font-size: 30px;}
	.ft30{font-size: 28px;}
	.ft28{font-size: 26px;}
	.ft26{font-size: 24px;}
	.ft24{font-size: 22px;}
	.ft22{font-size: 21px;}
	.ft44{font-size: 40px;}
	
	
}
@media screen and (max-width:1520px) {
	/*.head .nav{left: 55%;}*/
	.moshc .con{padding: 50px 5%;}
	
	
	
}
@media screen and (max-width:1400px) {
	.head .nav ul li .yj{padding:0 18px;}
	/*.head .nav{left: 60%; width: 900px;}*/
	
	
	/*.ft84{font-size:74px;}
	.ft70{font-size:64px;}
	.ft60{font-size:52px;}
	.ft48{font-size: 40px;}
	.ft40{font-size: 34px;}
	.ft36{font-size: 30px;}
	.ft34{font-size: 26px;}
	.ft30{font-size: 25px;}
	.ft28{font-size: 22px;}
	.ft26{font-size: 21px;}
	.ft24{font-size: 19px;}
	.ft22{font-size: 19px;}
	.ft44{font-size: 38px;}
	.ft20{font-size: 17px;}
	.ft18{font-size: 16px;}
	.ft16{font-size: 15px;}*/
	
}
@media screen and (max-height:570px) {
	
}
@media screen and (max-width:1300px) {
	
	
	
}
@media screen and (max-width:1240px) {
	.head .navlin{ width: 22px; height: 20px; margin-left: 15px; float: right; margin-top: 15px; display: block; }
	.head .navlin span{display: block; width: 100%; height: 2px; background: #fff; position: relative; transition:.3s; -webkit-transition:.3s;}
	.heads .navlin span,.head.cur .navlin span,.head.curss .navlin span{background: #333333;}
	.head .navlin span:nth-child(2),.head .navlin span:nth-child(3){margin-top: 5px;}
	.head .navlin.cur span:nth-child(3){display: none;}
	.head .navlin.cur span:nth-child(1){transform:rotate(45deg); -webkit-transform:rotate(45deg); top: 7px;}
	.head .navlin.cur span:nth-child(2){transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top: 0px;}
	
	.head .nav{position: fixed; top:48px; padding-top: 15px; background: rgba(0,0,0,0.6); width: 100%; height: calc(100vh - 64px); display: block; left: 100%;transition:.6s; -webkit-transition:.6s; -moz-transition:.6s; -ms-transition:.6s; -o-transition:.6s; -moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); background: #fff;border-top: 1px solid #fff}
	
	.head .nav_{float: right; width: 100%; /*max-width: 280px;*/ background: #fff; height: calc(100vh - 74px); ; overflow-y: auto;}
	.head .nav.curs{left: 0;}
	.head .nav ul li{float: none; display: block; margin: 0 4%;}
	.head .nav ul li .yj{color: #000; /*font-weight: bold;*/ font-size: 16px; border-bottom: 1px solid #e6e6e6; padding: 0; line-height: 50px; padding: 0 7%;}
	.head .nav .nav_ ul li .zkz{position: absolute; right: 0; top: 0; width: 40%; height: 44px; background: url(../image/wapico2.jpg) no-repeat  calc(88%) center; background-size: 15px !important;}
	.head .nav .nav_ ul li .zkz.curs{background-image: url(../image/wapico3.jpg);}
	.head .nav ul li .ej{position: relative;  padding-top: 0; left: 0; margin-left: 0; width: auto; display: none;}
	.head .nav ul li:hover .ej{display: none;}
	.head .nav ul li .ej a{display: block; color: #666; padding: 0 12%;}
	/*.head .nav .nav_{padding: 0 5%; height: calc(100vh - 105px); overflow-y: auto;}*/
	.head .nav .nav_ ul li .ej dl dd{ float: none; text-align: left;  border-bottom: 1px solid #e6e6e6;
	    opacity: 1;
		-webkit-transform: none;
	    -moz-transform: none;
	    -ms-transform: none;
	    -o-transform: none;
	    transform: none;
	}
	.head .nav ul li:last-child{display: none;}
	.head .nav .more{display: block;}
	.head .nav .more a{margin: 0 auto;}
	.head .nav ul li .yj:before{display: none;}
	.head .nav .nav_ ul li{border-bottom: 1px solid rgba(250,250,250,0.7); padding: 0px 0; position: relative;}
	/*.head .nav .nav_ ul li .zkz{position: absolute; right: 0; top: 0; width: 40%; height: 40px; background: url(../image/wapico2.jpg) no-repeat right center; background-size: 20px !important;}
	.head .nav .nav_ ul li .zkz.curs{background-image: url(../image/wapico3.jpg);}*/
	.head .nav ul li .ej dl{overflow: hidden;}
	.head .nav ul li .ej a{background: none !important; border: 0; line-height:40px; color: #666;}
	.head .logo{padding: 10px 0; /*width: 100px;*/}
	.sousk{padding-top: 11px;}
	
	.more{padding-top: 30px; }
	.more a{line-height: 30px; width: 130px;}
	.banner .con p{margin-bottom: 5px;}
	.banner .con h3{font-size: 20px;}
	.banner .con{padding: 25px 18px;}
	.rixcs .left{float: left; width: calc(66.66% - 5px);}
	.rixcs .right{float: right; width: calc(33.33% - 5px);}
	/*.rixcs li{padding-top: 10px;}*/
	.leics .txt{padding: 15px 0;}
	.mores a{padding: 4px; line-height: 40px;}
	.moshc .con .txt{padding-top: 25px;}
	.hmnews a .txt{padding: 15px 12px;}
	.hmbaom{background-attachment: initial !important;}
	
	.hmbaoms a{padding: 30px 20px;}
	
	.foot .cons{padding:20px 0 !important;}
	.logos{float: none; padding: 0px 0 20px; margin: 0 auto; width: 120px;}
	.footnav{width: 100%; max-width: 100%;}
	.footnav li{width: 100% !important; padding-bottom: 0; margin-bottom: 0 !important; position: relative;}
	.footnav li .yj{width: 90%; padding: 0 5%; margin-bottom: 0; line-height: 40px; background: #cc322f; color: #fff;}
	.footnav li .ej{display: none;}
	.footnav li .ej dl{padding-bottom: 12px; line-height: 36px;}
	.footnav li .ej dl dd{border-bottom: 1px solid #DEDEDE;}
	.footnav li .ej dl dd a{display: block; padding-left: 10%;}
	.footnav li .zkz{position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: url(../image/xlico2.png) no-repeat 95% center;}
	.footnav li .zkz.curs{background-image:url(../image/xlico3.png);}
	.xuanxl h3{line-height: 40px;}
	.xuanxl h3 a{padding: 0 10px;}
	.footnav .but{height: 42px;}
	.footnav li:last-child{padding-top: 15px;}
	.xuanxl .ul{top: auto; bottom: 100%; border-bottom: 0; border-top: 1px solid #DEDEDE;}
	.xuanxl .ul a{padding: 0 10px;}
	
	.rixcs li{width: calc(33.33% - 14px); margin-left: 21px; padding-top: 21px;}
	
	/*公用*/
	.ptb150{padding: 60px 0 90px;}
	.ptb100{padding: 60px 0;}
	.ptb40{padding: 36px 0;}
	.pt80{padding: 55px;}
	.ptb70{padding: 50px 0 50px;}
	.ptb80{padding: 55px 0 55px;}
	.ft60{font-size: 46px;}
	.ft70{font-size:50px;}
	.ft84{font-size:60px;}
	.ft48{font-size: 40px;}
	.ft44{font-size: 38px;}
	.ft40{font-size: 30px;}
	.ft36{font-size: 28px;}
	.ft34{font-size: 28px;}
	.ft30{font-size: 26px;}
	.ft24{font-size: 22px;}
	.ft22{font-size: 21px;}
	.ft26{font-size: 23px;}
	.ft28{font-size: 24px;}
	.ft20{font-size: 17px;}
	.ft18{font-size: 15px;}
	.ft16{font-size: 14px;}
}

@media screen and (min-width:1000px) {
	.hmnews .swiper-slide{float: left; width: calc(33.33% - 20px); margin-left: 30px; margin-bottom: 10px;}
	.hmnews .swiper-wrapper{display: block;}
	.hmnews .swiper-slide:nth-child(3n+1){margin-left: 0;}
}

@media screen and (max-width:960px) {
	.rixcs{width: 100%;}
	.rixcs li a .txt{left: 10px; bottom: 10px;}
	.rixcs li a .txt h3{font-size: 16px;}
	.rixcs li a .txt p{font-size: 13px;}
	.rixcs .ico{bottom: 10px; right: 10px; width: 25px;}
	
	.leics{position: relative; width: 100%;}
	.leics .txt{padding: 15px 0 0;}
	.leics .more{padding-top: 25px;/* padding-bottom: 25px;*/}
	.moshc .con .txt{padding-top: 15px;}
	
	.righcs{width: 240px; height: 240px; margin-top: -120px; right: -120px;}
	
}

@media screen and (max-width:768px) {
	.banner .cons{width: 90%; left: 5%;}
	.moshc img{width: 120%; max-width: 200%; margin-left: -10%;}
	.moshc .con{padding: 25px 5%; width: 60%;}
	
	.rixcs{padding-top: 20px !important;}
	.rixcs li{width: calc(50% - 8px); padding-top: 16px; margin-left: 0;}
	.rixcs li:nth-child(2n){float: right;}
	
	.pc{display: none;}
	.sj{display: block;}
	/*公用*/
	.ptb50{padding: 25px 0;}
	.ptb150{padding: 50px 0 80px;}
	.ptb100{padding: 50px 0;}
	.ptb40{padding: 30px 0;}
	.pt80{padding:45px;}
	.ptb80{padding: 45px 0 45px;}
	.ptb70{padding: 40px 0 40px;}
	.ft60{font-size: 36px;}
	.ft70{font-size:42px;}
	.ft84{font-size:50px;}
	.ft40{font-size: 26px;}
	.ft48{font-size: 30px;}
	.ft44{font-size: 28px;}
	.ft36{font-size: 25px;}
	.ft34{font-size: 25px;}
	.ft30{font-size: 24px;}
	.ft24{font-size: 20px;}
	.ft22{font-size: 19px;}
	.ft26{font-size: 21px;}
	.ft28{font-size: 22px;}
}

@media screen and (max-width:640px) {
	.banner img{max-width: 10000px; width: 120%; margin-left: -10%;}
	.banner .con p{display: none;}
	.banner .con h3{font-size: 16px; margin-bottom: 0;}
	.banner .cons{width: 70%;-moz-transform: translate(0,-0%); -o-transform: translate(0,-0%); -webkit-transform: translate(0,-0%); transform: translate(0,-0%); top: auto; bottom: 10%;}
	.more a{line-height: 24px; width: 100px; padding: 2px;}
	.banner .con{padding: 20px 15px;}
	.mores a{padding: 2px; line-height: 30px;}
	
	/*.rixcs .left{width: calc(50% - 5px); padding-top: 7%;}
	.rixcs .left li{width: 100% !important;}
	.rixcs .right{padding-top: 0px; width: calc(50% - 5px);}
	.rixcs .left li:nth-child(2) .img img{max-width: 180%; width: 180%;}
	.rixcs .left li:nth-child(3) .img img{max-width: 120%; width: 120%;}*/
	.moshc img{width: 150%; max-width: 200%; margin-left: -25%;}
	.hmnews{width: 80%; margin: 0 auto;}
	.morea{padding-top: 25px;}
	.hmbaoms a .ico{max-width: 80px;}
	.hmbaoms{width: 80%; margin: 0 auto;}
	.hmbaom{padding: 40px 0 50px;}
	.focopy p{width: 100%; text-align: center; float: none; line-height: 20px; padding-bottom: 6px;}
	.focopy{padding: 8px 0;}
	.focopy .bdsharebuttonbox{width: 70px; float: none; margin: 0 auto;}
	.focopy .bdsharebuttonbox a:first-child{margin-left: 0 !important;}
	.focopy .bdsharebuttonbox a{width: 30px !important;; height: 30px !important;}
}

@media screen and (max-width:480px) {
	.moshc img{width: 200%; max-width: 200%; margin-left: -100%;}
	.moshc .con{padding: 20px 5%; width: calc(90% - 150px); /*-moz-transform: translate(0,-0%); -o-transform: translate(0,-0%); -webkit-transform: translate(0,-0%); transform: translate(0,-0%); top: auto; bottom: 20px;*/}
	.concsl .div a{font-size: 10px;}
	.concsl .div a.as04{left: 10%;}
	.concsl .div a.as05{left: 24%;}
	.concsl .div a.as06{left: 72%;}
	.concsl .div a.as03{left: 24%;}
	.concsl .div a.as02{left: 72%;}
	.moshc .con .txt{font-size: 13px;}
	
	/*公用*/
	.ptb150{padding: 40px 0 60px;}
	.ptb100{padding: 40px 0;}
	.ptb80{padding: 30px 0 30px;}
	.pt80{padding: 40px;}
	.ft60{font-size: 32px;}
	.ft70{font-size:36px;}
	.ft84{font-size:40px;}
	.ft40{font-size: 24px;}
	.ft48{font-size: 26px;}
	.ft44{font-size: 25px;}
	.ft36{font-size: 23px;}
	.ft34{font-size: 23px;}
	.ft30{font-size: 20px;}
	.ft24{font-size: 18px;}
	.ft22{font-size: 17px;}
	.ft26{font-size: 19px;}
	.ft28{font-size: 20px;}
}

@media screen and (max-width:378px) {
	
	
}
@media screen and (max-width:338px) {
	
}

@media screen and (max-height:570px) {
	
}

@-webkit-keyframes xuanzc1 {
	0% {-o-transform:rotateZ(0deg);transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	100% {-o-transform:rotateZ(360deg);transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);}
}
@keyframes xuanzc1 {
	0% {-o-transform:rotateZ(0deg);transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	100% {-o-transform:rotateZ(360deg);transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);}
}

@-webkit-keyframes xuanzc2 {
	0% {transform: translate(-10%, -10%); -webkit-transform: translate(-10%, -10%); opacity: 1;}
	100% {translate(7%, 7%); -webkit-transform: translate(7%, 7%); opacity: 0.5;}
}
@keyframes xuanzc2 {
	0% {transform: translate(-15%, -15%); -webkit-transform: translate(-10%, -10%); opacity: 1;}
	100% {translate(7%, 7%); -webkit-transform: translate(7%, 7%); opacity: 0.5;}
}


@-webkit-keyframes guan1 {
	0% {opacity: 1;}
	100% {opacity: 0.2;}
}
@keyframes guan1 {
	0% {opacity: 1;}
	100% {opacity: 0.2;}
}

/*.banner .li{top: 53%; left:67%;}
.banner .li{top: 58%; left:51%;}
.banner .li{top: 68%; left:37%;}
.banner .li{top: 78%; left:23%;}
.banner .li{top: 78%; left:10%;}*/
/**/
/*.banner .li{top: 59%; left:69%;}
.banner .li{top: 63%; left:57%;}
.banner .li{top: 65%; left:45%;}
.banner .li{top: 72%; left:35%;}
.banner .li{top: 78%; left:23%;}
.banner .li{top: 78%; left:10%;}*/
/**/
/*.banner .li{top: 69%; left:69%;}
.banner .li{top: 70%; left:57%;}
.banner .li{top: 76%; left:35%;}
.banner .li{top: 78%; left:23%;}
.banner .li{top: 78%; left:10%;}*/
/**/
/*.banner .li{top: 78%; left:69%;}
.banner .li{top: 77%; left:57%;}
.banner .li{top: 78%; left:35%;}
.banner .li{top: 78%; left:23%;}
.banner .li{top: 78%; left:10%;}*/
/**/
/*.banner .li{top: 85%; left:69%;}
.banner .li{top: 79%; left:53%;}
.banner .li{top: 79%; left:35%;}
.banner .li{top: 78%; left:23%;}
.banner .li{top: 78%; left:10%;}*/

@-webkit-keyframes liuds1 {
	0% {top: 40%; left: 80%; opacity: 0;}
	20% {top: 53%; left:67%;}
	40% {top: 58%; left:51%; opacity: 1;}
	60% {top: 68%; left:37%;}
	80% {top: 78%; left:23%; opacity: 0.2;}
	100% {top: 78%; left:10%; opacity: 0;}
}
@keyframes liuds1 {
	0% {top: 40%; left: 80%; opacity: 0;}
	20% {top: 53%; left:67%;}
	40% {top: 58%; left:51%; opacity: 1;}
	60% {top: 68%; left:37%;}
	80% {top: 78%; left:23%; opacity: 0.2;}
	100% {top: 78%; left:10%; opacity: 0;}
}
@-webkit-keyframes liuds2 {
	0% {top: 40%; left: 80%; opacity: 0;}
	20% {top: 59%; left:69%;}
	40% {top: 63%; left:57%; opacity: 1;}
	60% {top: 72%; left:35%;}
	80% {top: 78%; left:23%; opacity: 0.2;}
	100% {top: 78%; left:10%; opacity: 0;}
}
@keyframes liuds2 {
	0% {top: 40%; left: 80%; opacity: 0;}
	20% {top: 59%; left:69%;}
	40% {top: 63%; left:57%; opacity: 1;}
	60% {top: 72%; left:35%;}
	80% {top: 78%; left:23%; opacity: 0.2;}
	100% {top: 78%; left:10%; opacity: 0;}
}

@-webkit-keyframes liuds3 {
	0% {top: 40%; left: 80%; opacity: 0;}
	20% {top: 69%; left:69%;}
	40% {top: 70%; left:57%; opacity: 1;}
	60% {top: 76%; left:35%;}
	80% {top: 78%; left:23%; opacity: 0.2;}
	100% {top: 78%; left:10%; opacity: 0;}
}
@keyframes liuds3 {
	0% {top: 40%; left: 80%; opacity: 0;}
	20% {top: 69%; left:69%;}
	40% {top: 70%; left:57%; opacity: 1;}
	60% {top: 76%; left:35%;}
	80% {top: 78%; left:23%; opacity: 0.2;}
	100% {top: 78%; left:10%; opacity: 0;}
}



/*.Products ul li ::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    background-color: #fff;
}
.Products ul li ::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #fff;
}
.Products ul li ::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #5b9bd5;
}*/




.right-fixed {
  position: fixed;
  right: 20px;
  bottom: 0;
  top: 200px;
  height: 380px;
  margin: auto 0;
  display: none;
  z-index: 999; }
 .help {
  width: 65px;
  font-size: 12px;
  text-align: center;
  padding: 5px 0;
  background: #fff;
  box-shadow: 0px 1px 4px 0px rgba(157, 148, 131, 0.5);
  border-radius: 5px;
  margin: auto;
  z-index: 99999;
  transition: all .3s;
  border-radius: 5px; }
  .help.scroll {
    width: 56px;
    right: 0; }

.help a {
  position: relative;
  display: block;
  width: 100%;
  height: 70px;
  text-align: center;
  padding-top: 10px; }
  .help a:hover {
    background: #F3F3F3; }

.showPhone {
  position: relative; }

.help img {
	display:inline-block;
  width: 35px; }

.help p {
  padding-top: 7px;
  color: #333; }

.help .tips2 {
  display: none;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto 0;
  right: 80px;
  width: 220px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #4B8CEF;
  border-radius: 5px; }

.help .tips2::after {
  position: absolute;
  right: -16px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0;
  height: 0;
  font-size: 24px;
  content: " ";
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #4B8CEF; }




.head .ss228 .icon228 {background: url(/template/pc/skin/htmlimg/sous1_.png) no-repeat;}
.ss228 .hot {
    padding: 30px 0 0;
    line-height: 40px;
}
.ss228 .hot .right {
    position: relative;
}
.head .ss228 .hot .right .in228 {
    width: 150px;
    height: 20px;
    border: 1px solid #cc322f;
    border-radius: 20px;
    line-height: 20px;
    padding: 9px 20px;
    font-size: 12px;
    color: #cc322f;
    /*position: absolute;*/
    position: relative;
    left: 0px;
    top: -20px;
    background: transparent;
    outline: none;
}
.ss228 .hot .right .btn {
    width: 35px;
    height: 35px;
    border: none;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    left: 150px;
    top: -13px;
    outline: none;
}


#copyright a:nth-child(1){
  display:none;
}