@charset "utf-8";
/* CSS Document */
/* 全局公用的css样式 */ 
/*---------------------------------约束样式----------------------------------------*/
*{margin:0;padding:0;word-wrap:break-word;font-family:"Microsoft YaHei"}
* img{border:0}
* hr{border:1px dashed #d2d2d2}
.swiper-next,.swiper-prev{outline:none; cursor:pointer}
body,h1,h2,h3,h4,h5,h6,td,th,tr{color:#333;font-weight:normal; font-size:12px; font-family:"Microsoft YaHei"}
h1,h2,h3,h4,h5,h6{display:inline}
a{text-decoration:none;outline:none;color:#333; cursor:pointer}
a:active{star:expression(this.onFocus=this.blur())}
a:focus,.button{outline:none}
textarea{resize:none}
a:hover{color:#000; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent}
em{font-style:normal}
.ul li,.ul{list-style:none}
input,textarea,select{outline:none;font-family:"Microsoft YaHei"}
.clear{width:100%; clear:both; height:1px; overflow:hidden}
.fl{float:left}
.fr{float:right}
.ov_hi{overflow:hidden}
.layout{width:1200px;margin:0 auto}
.ul_li{list-style:none}
.ov_hi{overflow:hidden}
.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}
.shadow{-webkit-box-shadow:#DDD9D9 0px 0px 30px;-moz-box-shadow:#DDD9D9 0px 0px 30px;box-shadow:#DDD9D9 0px 0px 30px}
.fl-clr{zoom:1}
.fl-clr:after{display:block;clear:both;height:0;content:"\0020"}
a,
.footer-2 li .title,
.scale img,
.main-nav li .a i,
.main-nav-box .box,
.main-nav li .drop-down,
.index_show .uk-right li *,
.index-news-list li .data,
.index-news-list li .title,
.news-list li .data,
.news-list li .title,
.Readmore:after,
.product-li .more,
.product-li:after,
.product-li .img img,
.map-show{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
{-webkit-transition:all 3s ease;-moz-transition:all 3s ease;-o-transition:all 3s ease;transition:all 3s ease}
.scale:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.opacityli li,.opacity,.opacitybox .box{opacity:0}
.pc{}
.web{display:none !important}
{FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#675cdd,endColorStr=#bf51eb);
background:-ms-linear-gradient(left,#675cdd,#bf51eb);
background:-moz-linear-gradient(left,#675cdd,#bf51eb);
background:-webkit-gradient(linear,0 0,100% 0,from(#675cdd),to(#bf51eb));
background:-webkit-gradient(linear,0 0,100% 0,from(#675cdd),to(#bf51eb));
background:-webkit-linear-gradient(left,#675cdd,#bf51eb);
background:-o-linear-gradient(left,#675cdd,#bf51eb)}

.load-layer{position:fixed; z-index:999; width:100%; height:100%; left:0; top:0; background:#c382db; display:none}
.load-layer i{width:224px; height:23px; background:url(../images/logo.png) no-repeat; background-size:cover; left:50%; margin-left:-112px; top:50%; margin-top:-15px; position:absolute}
.load-layer i{
    -webkit-animation:rotate 1s linear infinite;
    -moz-animation:rotate 1s linear infinite;
    -o-animation:rotate 1s linear infinite; 
    animation:rotate 1s linear infinite}
@-webkit-keyframes rotate{
	0%{margin-top:-32px}
	50%{margin-top:-22px}
	100%{margin-top:-32px}
}
@-moz-keyframes rotate{
	0%{margin-top:-32px}
	50%{margin-top:-22px}
	100%{margin-top:-32px}
}
@-o-keyframes rotate{
	0%{margin-top:-32px}
	50%{margin-top:-22px}
	100%{margin-top:-32px}
}
@keyframes rotate{
    0%{margin-top:-32px}
	50%{margin-top:-22px}
	100%{margin-top:-32px}
}



/*底部样式*/
.footer{background:#424157; color:#fff; font-size:14px; padding-top:80px}
.footer a{color:#fff}
.footer a:hover,
.footer-2 li .title:hover{color:#fd961d}
.footer-box{overflow:hidden; position:relative; padding:0 143px 60px 370px; min-height:130px}
.footer-text{padding:15px 0; line-height:20px; text-align:center; border-top:1px dashed rgba(255,255,255,0.1)}
.footer-text span{padding:0 20px}

.footer-1{float:left; position:relative; margin-left:-370px; width:310px; line-height:25px}
.footer-1 img{margin-bottom:25px; height:30px; max-width:100%}
.footer-2{width:100%}
.footer-2 li{float:left; width:25%}
.footer-2 li .title{position:relative; padding-left:23px; height:30px; line-height:30px; position:relative; overflow:hidden; font-size:16px; font-weight:bold; margin-bottom:15px}
.footer-2 li .title a{position:absolute; width:100%; height:100%; left:0; top:0; z-index:2}
.footer-2 li .title i{ position:absolute; left:0; top:50%; margin-top:-8px}
.footer-2 li .txt{padding-left:23px; line-height:30px}
.footer-3{width:143px; position:absolute; right:0; top:0}
.footer-3 .code{width:143px}

/*导航*/
.bh_100,
.main-nav-box .box,
.main-nav,
.main-nav li .a{height:100px}
.main-nav li .a{line-height:100px}

.main-nav-box{position:fixed; left:0; top:0; z-index:99; width:100%; background:#fff;
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;box-shadow:rgba(0,0,0,0.1) 0px 0px 10px}
.main-nav-box .box{}
.main-nav-box .logo{position:relative; float:left; top:50%; height:46px; line-height:46px; margin-top:-23px; overflow:hidden}
.main-nav-box .logo img{height:46px; float:left}
.main-nav-box .logo .name{float:left; font-size:18px; color:#666666; border-left:1px dotted #aaaaaa; padding:0 0 0 15px; margin-left:15px}
.main-nav-box .logo .name span{color:#8a88ba}

.language{float:right; width:50px; height:20px; color:#fff; background:#fd961d; border-radius:50px; font-size:12px; position:relative; top:50%; margin-top:-10px; line-height:20px; text-align:center; text-transform:uppercase}

.main-nav{float:right}
.main-nav li{float:left}
.main-nav li .a{display:block; padding:0 25px; position:relative; overflow:hidden; font-size:14px}
.main-nav li:hover .a,
.main-nav li.hover .a{color:#fd961d; font-weight:bold}
.main-nav li .a i{position:absolute; right:10px; top:50%; margin-top:-8px}
.main-nav li .a a{position:absolute; width:100%; height:100%; left:0; top:0}
.main-nav li .drop-down{position:absolute; left:0; width:100%; background:#fff; text-align:center; overflow:hidden; height:0; line-height:60px; opacity:0; visibility:hidden}
.main-nav li .drop-down a{font-size:14px; margin:0 24px}
.main-nav li .drop-down a:hover{color:#fd961d}
.main-nav li:hover .drop-down{height:60px; opacity:1; visibility:visible; box-shadow:0 0 16px 0px rgba(0, 0, 0, 0.03)}
.main-nav li:hover .a i{}

.main-nav-box.fixed{background:#fff;-webkit-box-shadow:rgba(70,73,93,0.1) 2px 0px 3px;-moz-box-shadow:rgba(70,73,93,0.1) 2px 0px 3px;box-shadow:rgba(70,73,93,0.1) 2px 0px 3px;/* position:fixed; animation:solltTop 0.6s;*/}

.main-nav-box.fixed .box,
.main-nav-box.fixed .main-nav,
.main-nav-box.fixed .main-nav li .a{height:74px}
.main-nav-box.fixed .main-nav li .a{line-height:74px}

@keyframes solltTop{
    from{transform:translateY(-50px)}
    to{transform:translateY(0px)}
}


/*首页样式*/
.index_show{background:#ccc; position:relative; height:100vh}
.index_show img{width:100%; height:100vh}
.uk-slideshow>li a{position:absolute; z-index:2; width:100%; height:100%; left:0; top:0}
.index_show .uk-text-center{-ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; bottom:15px}
.index_show .uk-dotnav>*>*{width:10px; height:10px; background:rgba(255,255,255,0.5); border-radius:50px}
.index_show .uk-dotnav-contrast>*>*{background:rgba(255,255,255,0.5)}
.index_show .uk-dotnav>.uk-active>*{background:rgba(255,255,255,1); width:30px}
.index_show .uk-slidenav-contrast{color:rgba(255,255,255,0)}
.index_show:hover .uk-slidenav-contrast{color:rgba(255,255,255,0.5)}
.index_show:hover .uk-slidenav-contrast:hover{color:rgba(255,255,255,1)}

.index_show .uk-right{position:absolute; right:35px; width:40px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:4; color:#fff; text-align:center}
.index_show .uk-right li{padding:11px 0; position:relative; cursor:pointer}
.index_show .uk-right li a{position:absolute; width:10px; height:10px; left:50%; margin-left:-5px; top:50%; margin-top:-5px; border-radius:50px; background:#fff}
.index_show .uk-right li span{font-size:16px; font-weight:bold; line-height:20px; opacity:0}

.index_show .uk-right li.uk-active a{opacity:0}
.index_show .uk-right li.uk-active span{opacity:1}

.scroll-tip{position:absolute; bottom:75px; left:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); color:#fff; text-align:center; z-index:4}
.scroll-tip .title{display:block; position:absolute; top:0; left:50%; width:80px; margin-left:-40px; font-size:14px; line-height:20px}
.scroll-tip .line{position:absolute; top:30px; width:2px; left:50%; margin-left:-1px; height:45px;
    background-image:-o-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);
    background-image:-webkit-gradient(linear,left top, left bottom,color-stop(0, #fff),to(rgba(255,255,255,0)));
    background-image:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%);
    background-repeat:repeat-x;
}
.scroll-tip .dot{position:absolute; top:30px; width:14px; height:14px; left:50%; margin-left:-7px; background:#fff; border-radius:50%}
.scroll-tip .dot:after{content:''; position:absolute; top:50%; margin-top:-13px; left:50%; margin-left:-13px; width:20px; height:20px; border:3px solid rgba(255,255,255,0.8); border-radius:50%; -webkit-animation:scroll_tip_dot 2s ease infinite; animation:scroll_tip_dot 2s ease infinite}
@-webkit-keyframes scroll_tip_dot {
	0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
	100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes scroll_tip_dot {
	0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
	100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}


.index-title{text-align:center; position:relative; line-height:72px}
.index-title .en{color:rgba(89,85,175,0.15); font-size:72px; line-height:72px; display:block; overflow:hidden}
.index-title .cn{position:absolute;left:0; bottom:0;  width:100%; font-size:28px;  line-height:30px; font-weight:bold; color:#333}

.index-product{overflow:hidden}
.index-product .index-title .en{color:rgba(255,255,255,0.1)}
.index-product .index-title .cn{color:#fff}
.index-product-left,
.index-product-right{float:left; overflow:hidden; height:700px}
.index-product-left{width:35%; float:left; background:url(../images/index-product-left.jpg)}
.index-product-right{width:65%}
.index-product-box{float:right; margin-right:50px; padding-top:50px}


@-webkit-keyframes icon-link-before_on {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	opacity:0
}
}@keyframes icon-link-before_on {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	opacity:0
}
}@-webkit-keyframes icon-link-after_on {
	0% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}@keyframes icon-link-after_on {
	0% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}@-webkit-keyframes icon-link-before_out {
	0% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}@keyframes icon-link-before_out {
	0% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}@-webkit-keyframes icon-link-after_out {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0
}
}@keyframes icon-link-after_out {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0
}
}@-webkit-keyframes icon-more-dot_on {
	0% {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1
}
100% {
	-webkit-transform:translateX(100px);
	transform:translateX(100px);
	opacity:0
}
}@keyframes icon-more-dot_on {
	0% {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1
}
100% {
	-webkit-transform:translateX(100px);
	transform:translateX(100px);
	opacity:0
}
}@-webkit-keyframes icon-more-arw_on {
	0% {
	-webkit-transform:translate(-100px, -50%);
	transform:translate(-100px, -50%);
	opacity:0
}
100% {
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	opacity:1
}
}@keyframes icon-more-arw_on {
	0% {
	-webkit-transform:translate(-100px, -50%);
	transform:translate(-100px, -50%);
	opacity:0
}
100% {
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	opacity:1
}
}@-webkit-keyframes icon-more-dot_out {
	0% {
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	opacity:0
}
100% {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1
}
}@keyframes icon-more-dot_out {
	0% {
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
	opacity:0
}
100% {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1
}
}@-webkit-keyframes icon-more-arw_out {
	0% {
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	opacity:1
}
100% {
	-webkit-transform:translate(100px, -50%);
	transform:translate(100px, -50%);
	opacity:0
}
}@keyframes icon-more-arw_out {
	0% {
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	opacity:1
}
100% {
	-webkit-transform:translate(100px, -50%);
	transform:translate(100px, -50%);
	opacity:0
}
}
a.icon-link {
	-webkit-transition:color 0s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
	transition:color 0s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	width:40px;
	height:40px;
	color:rgba(255,255,255,0.2);
	text-decoration:none
}
a.icon-link:before,a.icon-link:after {
	-webkit-transition:opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform;
	transition:opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform;
	transition:transform,opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition:transform,opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
	border-radius:50px
}
a.icon-link:before {
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
	-webkit-animation:icon-link-before_out .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
	animation:icon-link-before_out .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
	-webkit-transform:scale(1);
	transform:scale(1);
	border:rgba(255,255,255,0.2) solid 2px;
	opacity:1
}
a.icon-link:after {
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-animation:icon-link-after_out .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	animation:icon-link-after_out .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	background:#fd961d;
	opacity:0
}
a.icon-link .icon {
	display:block;
	overflow:hidden;
	text-indent:-5260px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1
}
a.icon-link .icon:after {
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	display:block;
	position:absolute;
	top:50%;
	right:0;
	left:0;
	text-indent:0;
	text-align:center
}
a.icon-link:hover {
	color:#ffffff
}
a.icon-link:hover:before {
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-animation:icon-link-before_on .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	animation:icon-link-before_on .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	opacity:0
}
a.icon-link:hover:after {
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
	-webkit-animation:icon-link-after_on .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
	animation:icon-link-after_on .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
a.icon-link.more:before {
	-webkit-transition-delay:.3s;
	transition-delay:.3s;
	-webkit-animation-delay:.3s;
	animation-delay:.3s
}
a.icon-link.more:after {
	-webkit-transition-delay:.1s;
	transition-delay:.1s;
	-webkit-animation-delay:.1s;
	animation-delay:.1s
}
a.icon-link.more .icon:after {
	/*content:'\f061';*/
	content:'';
	width:20px; height:16px;
	background:url(../images/ra.png) no-repeat center center;
	font-family:'FontAwesome' !important;
	speak:none;
	font-style:normal !important;
	font-weight:normal !important;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	text-decoration:none !important;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-transition:opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform;
	transition:opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform;
	transition:transform,opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition:transform,opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform;
	-webkit-animation:icon-more-arw_out .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	animation:icon-more-arw_out .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-webkit-transform:translate(100px, -50%);
	transform:translate(100px, -50%);
	font-size:14px;
	opacity:0
}
a.icon-link.more .icon .dot {
	-webkit-transition:opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform;
	transition:opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform;
	transition:transform,opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition:transform,opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform;
	-webkit-animation:icon-more-dot_out .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	animation:icon-more-dot_out .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-webkit-transform:translateX(0);
	transform:translateX(0);
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:6px;
	height:6px;
	margin-top:-3px;
	border-radius:50px;
	background:rgba(255,255,255,0.2);
	opacity:1
}
a.icon-link.more .icon .dot:first-child {
	-webkit-transition-delay:.6s;
	transition-delay:.6s;
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
	margin-left:-12px
}
a.icon-link.more .icon .dot:nth-child(2){
	-webkit-transition-delay:.5s;
	transition-delay:.5s;
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
	margin-left:-3px
}
a.icon-link.more .icon .dot:nth-child(3){
	-webkit-transition-delay:.4s;
	transition-delay:.4s;
	-webkit-animation-delay:.4s;
	animation-delay:.4s;
	margin-left:6px
}
a.icon-link.more:hover:before{
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
a.icon-link.more:hover:after {
	-webkit-transition-delay:.4s;
	transition-delay:.4s;
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
a.icon-link.more:hover .icon:after {
	-webkit-transition-delay:.6s;
	transition-delay:.6s;
	-webkit-animation:icon-more-arw_on .2s cubic-bezier(0.165, 0.84, 0.44, 1) .5s;
	animation:icon-more-arw_on .2s cubic-bezier(0.165, 0.84, 0.44, 1) .5s;
	-webkit-transform:translate(10px, -50%);
	transform:translate(10px, -50%);
	opacity:1
}
a.icon-link.more:hover .icon .dot {
	-webkit-transform:translateX(100px);
	transform:translateX(100px);
	-webkit-animation:icon-more-dot_on .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	animation:icon-more-dot_on .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	opacity:0
}
a.icon-link.more:hover .icon .dot:first-child {
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
a.icon-link.more:hover .icon .dot:nth-child(2){
	-webkit-transition-delay:.1s;
	transition-delay:.1s;
	-webkit-animation-delay:.1s;
	animation-delay:.1s
}
a.icon-link.more:hover .icon .dot:nth-child(3){
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-animation-delay:0s;
	animation-delay:0s
}

.index-product-nav{padding-left:118px; padding-top:20px;color:#fff}
.index-product-nav a{color:#fff}
.index-product-navul{padding-top:20px}
.index-product-navul li{padding:3px 0}
.index-product-navul li .title{position:relative; font-size:16px; line-height:30px; height:30px; cursor:pointer}
.index-product-navul li .down{padding:10px 0 10px 20px; display:none}
.index-product-navul li .down p{padding:3px 0}
.index-product-navul li .down a{display:inline-block; min-width:100px; padding:0 20px; font-size:16px; height:25px; line-height:25px; overflow:hidden; opacity:0.54; border-radius:50px;}
.index-product-navul li .down a:hover,
.index-product-navul li .down a.hover{opacity:1; background:rgba(60,57,122,0.2)}

.index-product-navul li.hover .title{padding-left:20px}
.index-product-navul li.hover .title i{position:absolute; left:0; top:50%; margin-top:-8px; width:16px; height:16px; background:rgba(255,255,255,0.14); border-radius:50px}
.index-product-navul li.hover .title i:after{content:""; position:absolute; width:50%; height:50%; left:25%; top:25%; border-radius:50px; background:#fff}
.index-product-navul li.hover .down{display:block}

.index-product-pa{padding:50px; padding-bottom:50px}
.product-classify-box{height:30px; overflow:hidden}
.product-classify-box .hide{display:none}
.product-classify-box .product-classify{line-height:30px; height:30px}
.product-classify-box .product-classify dd a{width:auto; padding:0 15px}

.swiper-product{padding:40px 0 80px 0; position:relative}
.swiper-product .button{position:absolute; bottom:0; right:20%; height:35px; color:#fff;  overflow:hidden}
.swiper-product .bnt{width:35px; height:35px; background:#615db1; border-radius:50%; display:inline-block; margin:0 5px; position:relative; overflow:hidden;text-align:center; line-height:30px; font-size:30px;}
.swiper-product .bnt i{position:absolute; left:50%; margin-left:-5px; top:50%; margin-top:-15px}
.swiper-product .bnt:hover{background:#fd961d}
.swiper-product .bnt .uk-icon-angle-left{margin-left:-7px;}
.swiper-product .bnt .uk-icon-angle-right{margin-left:-3px;}

.Readmore{display:block; position:relative; width:200px; height:40px; line-height:40px; text-align:center; color:#fd961d; font-size:16px; font-weight:bold; margin:0 auto; text-decoration:underline}
.Readmore:after{content:""; position:absolute; width:100%; height:0; left:-2px; border:2px solid #fecea8; border-radius:5px; bottom:0; opacity:0; visibility:hidden}
.Readmore:hover{text-decoration:none; color:#fd961d}
.Readmore:hover:after{height:36px; opacity:1; visibility:visible}

.index-news{height:560px; background:url(../images/index-news.jpg) no-repeat center 0}
.index-news .layout{padding:65px 0 0 0}
.index-news-list{margin-left:-130px; padding:50px 0 0 0}
.index-news-list,
.index-news-list *{overflow:hidden}
.index-news-list li{float:left; width:50%; padding-bottom:55px}
.index-news-list li .box{display:block; margin-left:130px; height:94px; padding-left:130px; position:relative}
.index-news-list li .data{position:absolute; left:0; top:0; width:94px; height:94px; border-radius:10px; background:#5955af; color:#fff}
.index-news-list li .data p{padding-left:15px; line-height:25px}
.index-news-list li .data .year{font-size:16px; padding-top:20px}
.index-news-list li .data .month{font-size:24px; font-weight:bold}
.index-news-list li .title{font-size:16px; font-weight:bold; color:#4742a6; line-height:30px; height:30px}
.index-news-list li .txt{font-size:14px; color:#666666; height:60px; line-height:20px; margin-top:14px}
.index-news-list li a:hover .data{background:#fd961d}
.index-news-list li a:hover .title{color:#fd961d}


/*二级页面*/
.second-show{}
.second-show .layout{height:210px; position:relative; overflow:hidden}
.second-show img{width:100%}
.second-show .text{text-align:right; width:100%; position:absolute; right:0; top:50%;transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); color:#fff; line-height:30px}
.second-show .text.l{text-align:left}
.second-show .text .cn{font-size:28px}
.second-show .text .en{font-size:14px; text-transform:uppercase}

.product-bj{padding-bottom:30px}
.product-bj.g7{background:#fff url(../images/gs.jpg) no-repeat center bottom}
.product-bj.g8{background:#fff url(../images/r.jpg) no-repeat center bottom}
.product-bj.g9{background:#fff url(../images/sc.jpg) no-repeat center bottom}
.product-bj.news{background:#fff url(../images/news.jpg) no-repeat center bottom}
.product-bj.service{padding-bottom:0; background:#fff url(../images/service.jpg) no-repeat center top}
.product-bj.jiquan{padding-bottom:0; background:#fbfbfb url(../images/jiquan.jpg) no-repeat center top}

.product-left{position:relative; width:240px; float:left}
.product-title{background:#2d6343; padding:40px 0 40px 25px; color:#fff; line-height:30px; position:relative; margin-top:-80px; z-index:33}
.product-title .cn{font-size:28px; font-weight:bold; margin-bottom:10px}
.product-title .en{font-size:14px; text-transform:uppercase}
.product-bj.g7 .product-title{background:#2d6343}
.product-bj.g8 .product-title{background:#741e1f}
.product-bj.g9 .product-title{background:#017189}

.product-nav{margin-top:10px}
.product-nav li{}
.product-nav li .title{height:50px; line-height:50px; position:relative; font-size:16px; text-align:center; padding:0 20px; font-weight:bold}
.product-nav li .title span{display:block; height:50px; border-bottom:1px solid rgba(255,255,255,0)}
.product-nav li .title a{position:absolute; width:100%; height:100%; left:0; top:0}
.product-nav li .txt{background:#fd961d; text-align:center; display:none}
.product-nav li .txt a{display:block; position:relative; color:#fff; font-size:14px; padding:0 20px}
.product-nav li .txt a span{display:block;height:37px; border-bottom:1px solid rgba(255,255,255,0.24);line-height:37px}
.product-nav li .txt a:hover,
.product-nav li .txt a.hover{color:#a15a06; background:rgba(255,255,255,0.24)}
.product-nav li .txt a:hover span,
.product-nav li .txt a.hover span{border-bottom:1px solid rgba(255,255,255,0)}

.product-nav li.hover,
.product-nav li:hover{background:#fd961d}
.product-nav li.hover .title,
.product-nav li:hover .title{color:#fff}
.product-nav li.hover .title span,
.product-nav li:hover .title span{border-bottom:1px solid rgba(255,255,255,1)}
.product-nav li.hover .txt{display:block}

.product-right{width:910px; float:right; min-height:500px}
.position-box{height:30px; padding:20px 0; line-height:30px; overflow:hidden}
.position-r{float:right; height:30px; font-size:14px; color:#999999}
.position-r em{padding:0 5px}
.position-r a{color:#999999}
.position-r .on,
.position-r a:hover{color:#fd961d}
.position-box .product-classify{float:left}
.product-classify dt,.product-classify dd{float:left}
.product-classify a{display:block; height:30px; line-height:30px; text-align:center; border-radius:50px}
.product-classify dt{padding:0 30px 0 0; position:relative; margin-right:15px;font-size:16px; font-weight:bold}
.product-classify dt:after{content:""; position:absolute; width:1px; height:22px; right:0; background:#bfbfbf; top:50%; margin-top:-11px}
.product-classify dt a{font-size:16px; font-weight:bold}
.product-classify dd{padding:0 15px}
.product-classify dd a{width:100px}
.product-classify dd a{font-size:14px}
.product-classify dd a.hover,
.product-classify dd a:hover{background:#fd961d; color:#fff}

.product-list{ padding:25px 0}
.product-list li{float:left; width:33.3%}
.product-list li .box{}
.product-li{background:#fff; padding:30px 25px; border:1px solid #f9f9f9; overflow:hidden; position:relative}
.product-li a{display:block}
.product-li *{overflow:hidden}
.product-li .title,
.product-li .txt{height:30px; line-height:30px}
.product-li .title{font-size:16px; font-weight:bold; color:#4742a6}
.product-li .txt{font-size:14px}
.product-li .img{overflow:hidden; position:relative; margin:20px 0 40px 0}
.product-li .img img{width:100%}
.product-li .img .img1{position:absolute; height:100%; left:0; top:0; opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
.product-li .img .img1{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.product-li:after{content:""; position:absolute; background:#fd961d; bottom:0; height:5px; width:0; left:50%;opacity:0}

.product-li .more{position:absolute; left:40px; bottom:35px; font-size:16px; width:40px; height:40px; text-align:center; line-height:40px; color:#838383; border-radius:50%;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);
 font-family:mofont;}
.product-li .more:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/r.png) no-repeat center center}


.product-li:hover{-webkit-box-shadow:rgba(71,66,166,0.16) 9px 0px 24px;-moz-box-shadow:rgba(71,66,166,0.16) 9px 0px 24px;box-shadow:rgba(71,66,166,0.16) 9px 0px 24px; z-index:3; position:relative}
.product-li:hover:after{width:100%; left:0; opacity:1}
.product-li a:hover .title{color:#fd961d}
.product-li a:hover .img .img2{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
.product-li a:hover .img .img1{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.product-li a:hover .more{background:#fd961d; color:#fff; font-weight:bold;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg)}
.product-li a:hover .more:before{background:url(../images/ra.png) no-repeat center center}

.paging-box{text-align:right}
.paging-box a{display:inline-block; width:30px; height:30px; border-radius:5px; border:1px solid #e4e0dd; text-align:center; line-height:30px; font-size:14px; color:#666666; margin-left:10px}
.paging-box a:hover,
.paging-box .on{background:#fd961d; color:#fff}
.paging-box .a{ width:auto; padding:0 10px}
.product-details-title{background:#f8f8fc; padding:20px 40px}
.product-details-title .title{font-size:24px; color:#5955af; line-height:35px; font-weight:bold}
.product-details-title .txt{font-size:14px; color:#666666; line-height:25px}

.product-details-show{height:560px; padding-left:315px; position:relative; margin:30px 0}
.product-details-show *{overflow:hidden}
.product-details-show-nav{position:absolute; left:0; width:205px; top:0}
.product-details-show-nav li{padding-bottom:10px}
.product-details-show-nav li img{width:100%; height:150px;object-fit:cover}
.product-details-show-nav li p{text-align:center; font-size:14px; color:#5955af; line-height:18px; padding:5px 0; overflow:hidden}
.product-details-show-img img{width:100%; position:relative; height:560px; object-fit:cover}
.product-details-show-img .title{position:absolute; right:0; top:0; font-size:14px; color:#5955af ; z-index:3}
.downloada{position:absolute; right:0; bottom:0; z-index:2; width:160px; height:40px; border-radius:50px; overflow:visible; background:#fd961d; color:#fff; line-height:40px; font-size:16px; text-align:center}
.downloada span{position:relative; z-index:2}
.downloada:before{position:absolute; border-radius:50px; border:2px solid #fd961d; width:160px; height:40px; left:-2px; top:-2px; opacity:0;
 -webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}
 .downloada:before{content:''; -webkit-backface-visibility:hidden;
    -webkit-transition:-webkit-transform .3s,opacity .3s;
    transition:transform .3s,opacity .3s;
    -webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);
    transition-timing-function:cubic-bezier(.75,0,.125,1)}
.downloada i{position:relative; margin-right:5px; top:3px}
.downloada:hover{color:#333; background:#fff}
.downloada:hover:before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}

.product-details-h2{height:40px; background:#6461b4; line-height:40px; padding:0 35px; font-size:16px; font-weight:bold; color:#fff}
.product-details-text{font-size:14px; padding:15px 0; color:#666666; line-height:25px}
.product-details-text p{text-indent:35px}
.product-details-img{margin-left:-30px; overflow:hidden}
.product-details-img li{float:left; width:33.3%; padding-top:30px}
.product-details-img li .box{margin-left:30px}
.product-details-img li img{width:100%}

/*新闻*/
.news-list{padding-bottom:30px; margin-top:-30px}
.news-list,
.news-list *{overflow:hidden}
.news-list li{padding:30px 0; border-bottom:1px solid #f0f0f0}
.news-list li .box{display:block; height:135px; padding:0 350px 0 130px; position:relative}
.news-list li .boxa{ position:relative; top:50%;transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}
.news-list li .data{position:absolute; left:0; top:50%; margin-top:-47px; width:94px; height:94px; border-radius:10px; background:#5955af; color:#fff}
.news-list li .data p{padding-left:15px; line-height:25px}
.news-list li .data .year{font-size:16px; padding-top:20px}
.news-list li .data .month{font-size:24px; font-weight:bold}
.news-list li .title{font-size:16px; font-weight:bold; color:#4742a6; line-height:30px; height:30px}
.news-list li .txt{font-size:14px; color:#666666; max-height:60px; line-height:20px; margin-top:14px}
.news-list li img{position:absolute; right:15px; top:0; width:200px; height:135px; object-fit:cover}
.news-list li a:hover .data{background:#fd961d}
.news-list li a:hover .title{color:#fd961d}

.news-left{float:left; width:900px}
.news-details-title{padding-bottom:15px}
.news-details-title .h1{font-size:24px; color:#5955af; font-weight:bold; line-height:35px}
.news-details-title .txt{font-size:14px; color:#999999; line-height:30px; padding-top:5px}
.news-details-title .txt span{padding-right:20px}
.news-details-text{font-size:14px; line-height:25px; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:30px 0; color:#666666}
.news-details-text img{max-width:100% !important; height:auto}
.page-box{height:70px; overflow:hidden; margin-top:25px}
.page-box a{display:block; height:70px; overflow:hidden; float:left; width:50%; position:relative}
.page-box a .t{display:block; line-height:70px; font-size:16px; color:#5955af; font-weight:bold}
.page-box .l .t{margin-left:90px; text-align:left}
.page-box .r .t{margin-right:90px; text-align:right}
.page-box a .bnt{position:absolute; width:70px; height:70px; background:#5955af; text-align:center; line-height:70px; color:#fff; border-radius:5px; font-size:14px; top:0}
.page-box .l .bnt{left:0}
.page-box .r .bnt{right:0}
.page-box a:hover .t{color:#fd961d}
.page-box a:hover .bnt{background:#fd961d}

.product-bj.news .layout{position:relative}
.news-right{float:right; width:200px; padding-left:45px; border-left:1px solid #eee}
.news-right.fixed{position:fixed; top:110px; margin-left:954px;}
.news-right.absolute{position:absolute; top:auto; bottom:0; margin-left:954px;}
.news-right-title{font-size:18px; font-weight:bold}
.news-other{}
.news-other li{margin-top:20px; border-bottom:1px solid #eeeeee}
.news-other li img{width:100%}
.news-other li p{font-size:14px; color:#666666; line-height:20px; padding:10px 0}
.news-other li a:hover p{color:#fd961d}


/*售后服务*/
.service-box{padding:50px 0}
.service-title{position:relative}
.service-title .right{position:absolute; bottom:5px; right:0; font-size:16px; line-height:30px; font-weight:bold}
.service-title .right .t{color:#5b57b1; font-family:Arial, Helvetica, sans-serif}
.service-title .cn{font-size:16px; color:#484761; line-height:40px}
.service-title .en{font-size:64px; color:#5b57b1;line-height:70px; font-family:Arial, Helvetica, sans-serif}
.service-box .text{font-size:14px; line-height:25px; color:#666; padding-top:40px} 
.service-box .text img{float:right; width:30%; margin-left:40px; margin-top:-20px}

.whole-img{position:relative; overflow:hidden; min-height:475px;}
.whole-img .img{position:absolute; right:0; bottom:0; width:418px}
.whole-img .text{padding-right:418px}

/*吉泉日本*/
.jiquan-title{padding:60px 0 30px 0;padding-left:5%}
.jiquan-title .cn{font-size:16px; font-weight:bold; line-height:20px; margin-bottom:10px}
.jiquan-title .cn span{color:#5b57b1}
.jiquan-title .en{font-size:64px; color:#5b57b1; line-height:70px}
.jiquan-box{ padding-bottom:30px}
.jiquan-left,
.jiquan-right{float:left; width:45%; padding-left:5%}
.jiquan-ul{font-size:14px; line-height:25px; color:#666666}
.jiquan-ul .li{margin-bottom:15px}
.jiquan-ul .t{display:block; font-size:14px; color:#5b57b1; font-weight:bold}
.jiquan-left .li{position:relative; padding-left:68px}
.jiquan-left .li .t{position:absolute; left:0; top:0}
.jiquan-right .li p{padding-left:16px}


/*联系我们*/
.map-show{background:#fff; height:360px; padding:10px; overflow:hidden; border-radius:10px; margin-top:30px}
.map-show:hover{-webkit-box-shadow:rgba(91,87,177,0.32) 2px 0 43px;-moz-box-shadow:rgba(91,87,177,0.32) 2px 0 43px;box-shadow:rgba(91,87,177,0.32) 2px 0 43px}
.contact-box{padding:70px 0 40px 0; background:url(../images/contact-box.jpg) no-repeat center top fixed;color:#fff; font-size:14px; overflow:hidden}

.contact-title{font-size:30px; font-weight:bold; line-height:40px}
.contact-txt{line-height:20px; padding:10px 0}
.contact-txt .li{padding-right:5px}
.contact-txt .tt{padding-right:30px}

.contact-text .li{position:relative; min-height:46px; line-height:46px; margin-bottom:20px; overflow:hidden}
.contact-text .li .t{position:absolute; font-weight:bold; left:0; top:0; line-height:46px; width:70px; padding-right:15px}
.contact-text .li.s .t{line-height:23px}
.contact-text .li.s .t p{font-weight:normal}
.contact-text .li .t em{position:absolute; right:10px; top:0; line-height:46px}
.contact-text .li .div{margin-left:85px; position:relative}
.contact-text .li .div .ioc{position:absolute; right:0; width:45px; height:26px; border-left:1px solid #eee; top:10px}
.contact-text .li .div .company{ background:url(../images/company.png) no-repeat center center}
.contact-text .li .div .name{background:url(../images/name.png) no-repeat center center}
.contact-text .li .div .mail{background:url(../images/mail.png) no-repeat center center}
.contact-text .li .div .address{background:url(../images/address.png) no-repeat center center}
.contact-text .li .div .problem{background:url(../images/problem.png) no-repeat center center}

.contact-text .li .text{height:44px; background:#fff; border:1px solid #eee; overflow:hidden; border-radius:5px; padding-right:50px}
.contact-text .li .text input{width:100%; height:44px; line-height:44px; background:none; border:0; text-indent:25px}
.contact-text .li .textarea{background:#fff; border:1px solid #eee; overflow:hidden; border-radius:5px; padding-right:50px; padding:10px 50px 10px 0}
.contact-text .li .textarea textarea{text-indent:25px; width:100%; height:250px; border:0; background:none; line-height:25px}
.contact-text .lis{margin-left:-20px}
.contact-text .lis .li{width:49%; float:left; overflow:hidden}
.contact-text .lis .li .div{margin-left:105px}
.contact-text .lis .li .t{left:20px}
.contact-text .li .text input:-webkit-autofill,
.contact-text .li .text input:-webkit-autofill:hover,
.contact-text .li .text input:-webkit-autofill:focus,
.contact-text .li .textarea textarea:-webkit-autofill,
.contact-text .li .textarea textarea:-webkit-autofill:hover,
.contact-text .li .textarea textarea:-webkit-autofill:focus{
	-webkit-box-shadow:#fff 0 0 0px 1000px inset;
    -moz-box-shadow:#fff 0 0 0px 1000px inset;
    box-shadow:#fff 0 0 0px 1000px inset}

.check-box{position:relative; display:inline-block; padding-left:30px; margin-right:30px; cursor:pointer}
.check-box input{position:absolute; left:0; top:0; opacity:0}
.check-box .i-check{position:absolute; width:20px; height:20px; left:0; top:50%; margin-top:-10px; border-radius:3px; background:rgba(255,255,255,0.2)}
.check-box.checked .i-check:after{content:""; position:absolute; width:60%; height:60%; background:#fd961d; left:20%; top:20%; border-radius:5px}
.contact-cr{text-align:right}
.contact-bnt{display:inline-block; width:200px; height:50px; text-align:center; line-height:50px; font-size:16px; color:#fff; background:#fd961d; border:0; cursor:pointer; border-radius:5px; position:relative; overflow:hidden}
.contact-bnt input{position:absolute; width:100%; left:0; height:100%; top:0; opacity:0; z-index:2;cursor:pointer;}

.contact-pop{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.1); z-index:99}
.contact-pop .box{position:absolute; width:360px; height:130px; background:rgba(0,0,0,0.5); left:50%; margin-left:-180px; top:50%; margin-top:-65px; border-radius:5px; overflow:hidden}
.contact-pop .close{position:absolute; right:8px; top:5px; width:26px; height:26px; background:url(../images/close.png) no-repeat; z-index:3}
.contact-pop .text{text-align:center; padding:40px 0; line-height:30px; font-size:24px; color:#ecc60f;}

@media screen and (max-width:750px){
	html,body{overflow-x:hidden}
	.pc{display:none !important}
    .web{display:block !important}
	.layout{width:auto}
	
	
	/*底部样式*/
	.footer{font-size:14px; padding-top:40px; padding:30px 0 0 0}
	.footer-box{overflow:hidden; position:relative; padding:0; min-height:0}
	.footer-text{padding:10px 0; line-height:18px; text-align:center; font-size:12px}
	.footer-text span{padding:0 10px; display:block}
	
	.footer-1{float:none; position:relative; margin-left:0; width:100%; line-height:25px; padding:0 0.3rem}
	.footer-1 img{margin-bottom:10px; height:25px}
	.footer-2{width:100%; padding:0.2rem 0}
	.footer-2 li{float:none; width:100%}
	.footer-2 li .title{position:relative; padding-left:0; height:35px; line-height:35px; position:relative; overflow:hidden; font-size:14px; font-weight:bold; margin-bottom:0; background:rgba(0,0,0,0.2); padding:0 0.3rem; margin-bottom:1px}
	.footer-2 li .title a{position:absolute; width:100%; height:100%; left:0; top:0; z-index:2}
	.footer-2 li .title i{position:absolute; left:inherit; right:0.3rem; top:50%; margin-top:-8px}
	.footer-2 li .txt{padding-left:23px; line-height:30px; margin:10px 0; display:none}
	.footer-3{width:143px; position:relative; right:0; top:0; display:block; margin:0 auto; padding-bottom:20px}
	.footer-3 .code{width:143px}
	
	.footer-2 li .hidea a{display:none}
	.footer-2 li.on .txt{display:block}
	/*导航*/
	.webnav{position:absolute; width:50px; height:100%; right:0; top:0; text-align:center; color:#5955af; font-size:26px; line-height:50px}
	.bh_100,
	.main-nav-box .box,
	.main-nav,
	.main-nav li .a{height:60px; padding:0}
	.main-nav li .a{line-height:60px}
	
	.main-nav-box{position:fixed; left:0; top:0; width:100%; background:#fff}
	.main-nav-box .box{}
	.main-nav-box .logo{position:relative; float:left; top:50%; height:40px; line-height:40px; margin-top:-22px; overflow:hidden; margin-left:0.3rem}
	.main-nav-box .logo img{height:28px; display:block}
	.main-nav-box .logo .name{display:block; width:100%; height:12px; line-height:12px; font-size:12px; color:#666666; border-left:0; padding:0; margin-left:0}
	.main-nav-box .logo .name span{color:#8a88ba}
	
	.language{float:right; width:50px; height:20px; color:#fff; background:#fd961d; border-radius:50px; font-size:12px; position:relative; top:50%; margin-top:-10px; line-height:20px; text-align:center; text-transform:uppercase; display:none}
	
	.main-nav{float:none; position:absolute; width:100%; left:0; top:60px; background:#5955af; height:100vh; bottom:0; right:0; padding:15px 0; display:none}
	.main-nav li{float:none; width:100%}
	.main-nav li .a{padding:0 0.3rem; height:45px; line-height:45px; font-size:16px; color:#fff}
	.main-nav li:hover .a,
	.main-nav li.hover .a{color:#fd961d; font-weight:bold}
	.main-nav li .a i{position:absolute; right:10px; top:50%; margin-top:-8px}
	.main-nav li .a a{position:absolute; width:100%; height:100%; left:0; top:0}
	.main-nav li .hidea a{display:none}
	.main-nav li .drop-down{position:relative; background:#fff; text-align:left; height:0 !important; line-height:40px}
	.main-nav li.on .drop-down{height:auto !important; opacity:1; visibility:visible}
	.main-nav li .drop-down a{margin:0 0.3rem}
	
	.main-nav-box.fixed{background:#fff;-webkit-box-shadow:rgba(70,73,93,0.1) 2px 0px 3px;-moz-box-shadow:rgba(70,73,93,0.1) 2px 0px 3px;box-shadow:rgba(70,73,93,0.1) 2px 0px 3px;/* position:fixed; animation:solltTop 0.6s;*/}
	
	.main-nav-box.fixed .box{height:60px}
	.main-nav-box.fixed .main-nav li .a{height:40px; line-height:40px}
	.main-nav-box.fixed .main-nav{height:100vh}
	
	
	/*首页样式*/
	.index_show .uk-position-cover{display:none}
	.index_show .uk-slideshow>li>.web{visibility:visible}
	.index_show .uk-right{display:none}
	
	.index-title{line-height:48px}
	.index-title .en{font-size:48px; line-height:48px}
	.index-title .cn{width:100%; font-size:24px}
	
	
	
	.index-product{overflow:hidden}
	.index-product-left,
	.index-product-right{float:none; overflow:hidden; height:auto}
	.index-product-left{width:auto; float:none; background:url(../images/index-product-left.jpg)}
	.index-product-right{width:auto}
	.index-product-box{float:none; margin-right:0; padding:20px 0}
	.index-product-nav .icon-link{display:none}
	
	.index-product-nav{padding-left:0; text-align:center; padding-top:20px;}
	.index-product-navul{padding-top:0}
	.index-product-navul li .down{padding:10px 0;}
	.index-product-navul li .down a{margin:0 auto}
	.index-product-navul li.hover .title{padding-left:0}
	.index-product-navul li.hover .title i{position:relative; left:0; display:inline-block; top:2px; margin-right:5px;}
	
	.index-product-pa{padding:20px 0;}
	.product-classify-box{display:none}
	
	.swiper-product{padding:20px 0 80px 0; position:relative}
	.swiper-product .button{position:absolute; bottom:0; right:0; height:35px; width:100%; text-align:center;}
	
	
	.Readmore{text-decoration:none; color:#fd961d}
	.Readmore:after{height:36px; opacity:1; visibility:visible}
	
	.index-news{height:auto; background:url(../images/index-news.jpg) no-repeat center 0}
	.index-news .layout{padding:30px 0}
	.index-news-list{margin-left:0; padding:30px 0.3rem 0 0.3rem}
	.index-news-list,
	.index-news-list *{overflow:hidden}
	.index-news-list li{float:none; width:100%; padding-bottom:30px}
	.index-news-list li .box{margin-left:0;padding-left:110px}
	
	
	/*二级页面*/
	.second-show .layout{height:auto}
	.second-show .text{text-align:center; width:100%; right:0; line-height:30px}
	.second-show .text.l{text-align:center}
	.second-show .text .cn{font-size:22px}
	.second-show .text .en{font-size:12px}

	.product-bj{padding-bottom:30px; background-size:100% !important}
	.product-bj.fruits{background:#fff url(../images/gs.jpg) no-repeat center bottom}
	.product-bj.meat{background:#fff url(../images/r.jpg) no-repeat center bottom}
	.product-bj.Aquatic{background:#fff url(../images/sc.jpg) no-repeat center bottom}
	.product-bj.news{background:#fff url(../images/news.jpg) no-repeat center bottom}
	.product-bj.service{padding-bottom:0; background:#fff url(../images/service.jpg) no-repeat center top}
	.product-bj.jiquan{padding-bottom:0; background:#fbfbfb url(../images/jiquan.jpg) no-repeat center top}
	
	.product-left{position:relative; width:auto; float:none}
	.product-title{padding:20px; line-height:30px; margin-top:0}
	.product-title .cn{font-size:22px; margin-bottom:5px}

	
	.product-nav{margin-top:10px}
	.product-nav li{}
	.product-nav li .title{height:45px; line-height:45px; padding:0 0.3rem}
	.product-nav li .title span{height:45px}
	.product-nav li .txt a{padding:0 0.3rem}
	.product-nav li .txt a span{display:block; height:37px; border-bottom:1px solid rgba(255,255,255,0.24);line-height:37px}

	
	.product-right{width:auto; float:none; min-height:0}
	.position-box{height:auto; padding:20px 0; line-height:25px}
	.position-r{float:none; height:auto; font-size:12px; text-align:center}
	
	.product-classify{float:left; display:none}
	.product-classify dt,.product-classify dd{float:left}
	.product-classify a{display:block; height:30px; text-align:center; border-radius:50px}
	.product-classify dt{padding:0 30px 0 0; position:relative; margin-right:15px}
	.product-classify dt:after{content:""; position:absolute; width:1px; height:22px; right:0; background:#bfbfbf; top:50%; margin-top:-11px}
	.product-classify dt a{font-size:16px; font-weight:bold}
	.product-classify dd{padding:0 15px}
	.product-classify dd a{width:100px}
	.product-classify dd a{font-size:14px}
	.product-classify dd a.hover,
	.product-classify dd a:hover{background:#fd961d; color:#fff}
	
	.product-list{padding:0 0 25px 0}
	.product-list li{float:left; width:50%}
	.product-list li .box{}
	.product-li{background:#fff; padding:30px 0.3rem}
	.product-li .title,
	.product-li .txt{height:25px; line-height:25px}
	.product-li .title{font-size:14px}
	.product-li .txt{font-size:13px}

	.product-li .more{left:0.3rem; bottom:0.3rem}
	
	.product-li a .more{background:#fd961d; color:#fff; font-weight:bold;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg)}
	.product-li a .more:before{ background:url(../images/ra.png) no-repeat center center}
	
	.paging-box{text-align:center}
	.paging-box a{display:inline-block; width:24px; height:24px; line-height:24px; font-size:12px; margin-left:5px}
	.paging-box .a{padding:0 5px}
	
	.product-details-title{padding:20px 0.3rem}
	.product-details-title .title{font-size:20px; line-height:35px}
	.product-details-title .txt{font-size:14px; color:#666666; line-height:25px}
	
	.product-details-show{height:auto; padding-left:0; position:relative; margin:30px 0.3rem}
	.product-details-show *{overflow:hidden}
	.product-details-show-nav{position:relative; left:0; width:100%; top:0}
	.product-details-show-nav li{padding-bottom:10px; float:left; width:33.3%}
	.product-details-show-nav li img{height:auto}
	.product-details-show-nav li p{font-size:12px; text-align:left; line-height:15px; padding:5px}
	.product-details-show-img img{width:100%;height:auto}
	.product-details-show-img .title{display:block; text-align:center; width:100%; position:relative; padding:10px 0; top:inherit; font-size:14px}
	.downloada{position:relative; display:block; right:inherit; bottom:inherit; margin:0 auto}
	
	.product-details-h2{padding:0 0.3rem; font-size:16px}
	.product-details-text{font-size:14px; padding:15px 0.3rem; line-height:22px}
	.product-details-text p{text-indent:35px}
	.product-details-img{margin-left:-10px}
	.product-details-img li{float:left; width:50%; padding-top:20px}
	.product-details-img li .box{margin-left:10px}
	
	
	/*新闻*/
	.news-list{ margin-top:-20px; padding:0 0.3rem;padding-bottom:20px}
	.news-list li{padding:20px 0; border-bottom:1px solid #f0f0f0}
	.news-list li .box{display:block; height:auto; padding:0; position:relative}
	.news-list li .boxa{ position:relative; top:0;transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0);}
	.news-list li .data{left:10px; top:10px; margin-top:0; width:auto; height:auto; padding:10px; text-align:center}
	.news-list li .data p{padding-left:0; line-height:25px}
	.news-list li .data .year{font-size:14px; padding-top:0}
	.news-list li .data .month{font-size:16px; font-weight:bold}
	.news-list li .title{font-size:16px;line-height:25px; height:auto}
	.news-list li .txt{font-size:14px; height:auto; max-height:none; line-height:20px; margin-top:10px}
	.news-list li img{position:relative; right:0; top:0; width:100%; height:auto; object-fit:cover; border-radius:5px; margin-bottom:10px}
	
	
	.news-left{float:none; width:auto; padding:0 0.3rem}
	.news-details-title{padding-bottom:15px}
	.news-details-title .h1{font-size:20px; line-height:35px}
	.news-details-title .txt{font-size:14px; line-height:25px}
	.news-details-title .txt span{padding-right:20px}
	.news-details-text{font-size:14px; line-height:22px; padding:20px 0}
	.page-box{height:auto; overflow:hidden; margin:25px 0}
	.page-box a{display:block; height:auto; overflow:hidden; float:none; width:auto; position:relative; padding:5px 0}
	.page-box a .t{display:inline; line-height:25px; font-size:14px}
	.page-box .l .t{margin-left:0; text-align:left}
	.page-box .r .t{margin-right:0; text-align:left}
	.page-box a .bnt{position:relative; display:inline; width:auto; height:auto; background:#5955af; text-align:left; line-height:25px; color:#fff; border-radius:5px; font-size:14px; top:0; padding:5px; margin-right:5px}
	
	
	.news-right{float:none; width:auto; padding-left:0; border-left:0; padding:0 0.3rem}
	.news-right.fixed{position:relative; top:auto; margin-left:0;}
	.news-right.absolute{position:relative; top:auto; bottom:auto; margin-left:0;}
	.news-right-title{font-size:18px; font-weight:bold}
	.news-other{}
	.news-other li{margin-top:20px; border-bottom:1px solid #eeeeee}
	.news-other li img{width:100%}
	.news-other li p{font-size:14px; color:#666666; line-height:20px; padding:10px 0}
	.news-other li a:hover p{color:#fd961d}


	/*售后服务*/
	.service-box{padding:20px 0.3rem}
	.service-title{position:relative}
	.service-title .right{position:relative; bottom:0; right:0; font-size:16px; line-height:30px; padding-top:15px}
	.service-title .right .t{color:#5b57b1}
	.service-title .cn{font-size:16px; line-height:40px}
	.service-title .en{font-size:30px; line-height:40px}
	.service-box .text{font-size:14px; line-height:22px; padding-top:30px} 
	.service-box .text img{float:none; width:100%; margin-left:0; margin-bottom:20px}
	
	.whole-img{position:relative; padding:20px 0.3rem 0 0.3rem; min-height:0}
	.whole-img .img{position:absolute; right:0; bottom:0; top:inherit; width:70%; opacity:0.3}
	.whole-img .text{padding-right:0; position:relative; z-index:3; padding-bottom:80px}

	/*吉泉日本*/
	.jiquan-title{padding:20px 0.3rem}
	.jiquan-title .cn{font-size:16px}
	.jiquan-title .en{font-size:30px; line-height:40px}
	.jiquan-box{padding-bottom:20px}
	.jiquan-left,
	.jiquan-right{float:none; width:auto; padding:0 0.3rem}
	.jiquan-left .li .t{text-align:right; width:60px}
	
	/*联系我们*/
	.map-show{height:360px; padding:0; overflow:hidden; border-radius:0; margin-top:20px}
	
	.contact-box{padding:30px 0.3rem; background:url(../images/contact-box.jpg) no-repeat center top; background-size:cover}
	.contact-title{font-size:28px; line-height:40px}
	.contact-txt{line-height:20px; padding:10px 0}
	.contact-txt .li{padding-right:0; display:block; font-size:12px}
	.contact-txt .tt{padding-right:30px; padding-bottom:20px; display:block}
	
	.contact-text .li{position:relative; min-height:30px; line-height:30px; margin-bottom:10px}
	.contact-text .li .t{position:relative; display:block; font-weight:bold; left:0; top:0; line-height:30px; width:70px; padding-right:15px; overflow:hidden}
	.contact-text .li.s .t{line-height:23px}
	.contact-text .li.s .t p{font-weight:normal}
	.contact-text .li .t em{position:absolute; right:10px; top:0; line-height:30px}
	.contact-text .li .div{margin-left:0; position:relative}
	.contact-text .li .text input{text-indent:15px}
	.contact-text .li .textarea{padding:10px 50px 10px 15px}
	.contact-text .li .textarea textarea{text-indent:0}
	.contact-text .lis{margin-left:0}
	.contact-text .lis .li{width:auto; float:none}
	.contact-text .lis .li .div{margin-left:0}
	.contact-text .lis .li .t{left:0}
	
	.check-box{margin-right:0; width:40%; margin-bottom:10px}
	.contact-cr{text-align:center}
	.contact-bnt{display:inline-block; width:200px; height:40px; line-height:40px; font-size:16px}
}

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



.Validform_checktip {margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; } .Validform_right {color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center; } .Validform_wrong {color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center; } .Validform_loading {padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center; } .Validform_error {background-color: #ffe7e7 !important; } #Validform_msg {color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); } #Validform_msg .iframe {position: absolute; left: 0px; top: -1px; z-index: -1; } #Validform_msg .Validform_title {line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #000; } #Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; } #Validform_msg a.Validform_close:hover {color: #cc0; } #Validform_msg .Validform_info {padding: 8px; border: 1px solid #000; border-top: none; text-align: left; }