@charset "utf-8";
/* CSS Document */

/* 基础设置 */
@font-face{
	font-family: Novecento;
	src: url('../font/Novecento-Wide-Bold.otf'),
}



/*=================default===================*/
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}

body {
	overflow-x: hidden;
	-webkit-text-size-adjust: none; width: 100%;
	overflow-y: scroll;
	background: #fff;
	font-size: 14px;
}

*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 1.75; outline: none;
          -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
          -webkit-focus-ring-color: rgba(0, 0, 0, 0);}

.layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}


a,a:link{ color: #000; text-decoration: none;}
a:hover,a:active{ color: #3366FF; text-decoration: none;}
::selection{background:#3366FF; color:#fff;}
::-moz-selection{background:#3366FF; color:#fff;}

a:hover i.pic-size img{-webkit-transform: scale(1.05); transform: scale(1.05);}

.block{display: block !important; }

/*定义动画*/
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}
/*.nav *,.nav *:after,.nav *:before{-webkit-transition:height .3s, width .3s, color .3s,  -webkit-box-shadow .3s,border .3s,opacity .3s,-webkit-transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;
transition:height .3s, width .3s, color .3s, box-shadow .3s,border .3s,opacity .3s, transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;}*/

.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03延迟解决".nav-btn-bg"元素抖动*/

.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/*--简易切换动画--*/
.tabs-box .bd{ position: relative; overflow: hidden;}
.tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}


/*--最小屏提示--*/
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s;  transition: 0s; background: #fff url(../img/displayNone.png) center center no-repeat; }
	body {
		-webkit-transition: 0s;  transition: 0s; display: none;
	}
}

/*--layui--*/
.layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;}

/*--移动端横屏提示--*/
@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(../img/landscape.png) center center no-repeat;
	}
	html.landscape body {
		display: none;
	}
}


/*--swiper2.x高度自适应--*/
/*.swiper-container .swiper-wrapper,.swiper-container .swiper-slide{ height: auto !important;}*/

/*默认动画时长*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-s {
  -webkit-animation-duration: .5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享*/
#bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享微信弹窗兼容*/
#bsWXBox{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*百度地图*/
.map *{ -webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

/*视频全屏*/
.video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;}

/*lightbox*/
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);}


/*--分页--*/
div.pages {text-align: center; width: 100%; padding: 0 0 0 0; margin: 0; line-height: 1.7;}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {text-decoration: none; background: #fff; border: 1px solid #dcdcdc; padding: 5px 12px; margin: 3px; color: #333333; font-size: 12px; display: inline-block; line-height: 1.7; -webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;}
div.pages a:hover{ border-color: #8400FF; color: #8400FF;}
div.pages a.on,div.pages a.hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #8400FF; color: #fff; border: 1px solid #8400FF; }
@media screen and (min-width: 992px) {
	div.pages{ padding: 0 0;}
	div.pages a,div.pages span{padding: 8px 15px; font-size: 14px;}
}
@media screen and (min-width: 1280px) {
	div.pages{ padding: 0 0;}
	div.pages a,div.pages span{ margin: 0 6px; }
}

/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-1*/
@media screen and (max-width: 1259px){
/*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;}
i.pic-size-cover img{object-fit: cover;}


.layui-form-checked[lay-skin=primary] i{ border-color: #0072d1; background-color: #0072d1;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #0072d1;}








/*=================layout===================*/
@media screen and (max-width: 320px) {
	html,body{ height: 100%;}
}

@media screen and (min-width: 320px) {
	.container{ padding: 0 15px; margin: 0 auto;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	.container-max{ padding: 0 15px; width: 100%; margin: 0 auto;}

	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #f7f7f7;
		}
		 
		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track
		{
		    background-color: #e6e6e6;
		}
		 
		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb
		{
		    background-color: #aaa;
		}
}

@media screen and (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
}

@media screen and (min-width: 1240px) {
	.container{ width: 1170px; padding: 0 15px;}
}

@media screen and (min-width: 1360px) {
	.container{ width: 1310px; padding: 0 15px;}
}





/*=================header===================*/
@media screen and (min-width: 320px) {
	
	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}
	
	.nav-box{ height: 55px; position: relative; width: 100%; z-index: 99;  box-shadow: 0 0 20px rgba(0,0,0,.05); transition: background .3s;}
	.header-box{ height: 55px; display: none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 10px 0;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}
	
	
	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
	.nav-btn i{ line-height: 55px; font-size: 22px; width: 24px; text-align: center; color: #3366FF; display: block;}
	i.nav-hide-btn{ display: none;}
	
	.nav-btn-show .nav-hide-btn{ display: block;}
	.nav-btn-show .nav-show-btn{ display: none;}
	
	.nav{ position: absolute; top: -1000%; left: 0; right: 0; background: #fff; background: rgba(255,255,255,.95); padding:15px 15px; -webkit-box-shadow: 0 10px 30px  rgba(0,0,0,.2);
	-moz-box-shadow: 0 10px 30px  rgba(0,0,0,.2);
	box-shadow: 0 10px 30px  rgba(0,0,0,.2);-webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform: scaleY(1) translateY(-25%); transform: scaleY(1) translateY(-25%); opacity: 0; filter:Alpha(opacity=0); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 7; pointer-events: none;}
	
/*	.nav:before{content: ' '; border-bottom: solid 8px rgba(255,255,255,.95); border-left: solid 8px transparent; border-right: solid 8px transparent; position: absolute; right: 9px; top: -8px;}*/
	.nav-show{ top: 55px; opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none; pointer-events: auto;}
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom:  solid 1px rgba(128,128,128,.1); position: relative;}
	.nav-list li a{ display: block; }
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #000; display: block; text-align: center;}
	.bd-more{ position: absolute; bottom: 0; left: 50%; margin-left: -8px; border-bottom: solid 8px rgba(230,230,230,.5); border-left: solid 8px transparent; border-right: solid 8px transparent; opacity: 0; filter:Alpha(opacity=0); -webkit-transform: translateY(8px); transform: translateY(8px);}
	.nav-list li .nav-list-sub{ opacity: 0; filter:Alpha(opacity=0); -webkit-transform-origin:0% 0%; transform-origin:0% 0%; overflow: hidden; background: rgba(230,230,230,.5); height: 0; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; overflow: hidden;}
	.nav-list li .nav-list-sub div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(128,128,128,.1); color: #eee; font-size: 12px; text-align: center;}
	.nav-list li .nav-list-sub a:nth-last-child(1){border: none;}
	.nav-list li .nav-list-sub a span{ color: #666;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #3366FF;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-off{ position: relative; z-index: 1;}
	.nav-on .bd-more{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);}
	.nav-list li .on b{ color: #3366FF;}
	.nav-list li.nav-on a b{ color: #3366FF;}
	
	.nav-box-bg{ position: absolute; z-index: 8; -webkit-background-size: cover;
	background-size: cover; overflow: hidden; height: 55px; left: 0; right: 0; background: #fff; }
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 46px; background: #ffa039; z-index: -1; position: absolute; }
	.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-list div.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }


	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: none;}
	
	.header-swiper-box{ position: absolute; left: 0; top: 0; width: 100%;}
	.header-bg{ height: 0; background-position: center center; background-repeat: no-repeat; background-color: #0172d1;}
	
	
	
	.header-tr{ background: #F7F7F7; margin: -15px -15px 5px -15px; padding: 15px;}
	.lang{ text-align: center;}
	.lang a{color: #666;}
	.lang a.on{ opacity: .5; filter: alpha(opacity=50);}
	.lang span{ padding: 0 5px; color: #666;}
	
	.search-box{overflow: hidden; padding-top: 10px;}
	.search-bd{ position: relative;}
	.search-box input{ height: 32px; width: 100%; background: none; border: solid 1px #dbdbdb; float: left; padding: 0 40px 0 15px; line-height: initial; font-size: 12px; -webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px; color: #3366FF;}
	.search-box input:focus{ border-color: #3366FF;overflow: hidden;}
	.search-box button{width: 32px; height: 32px; overflow: hidden; display: block; border: none; background: none; position: absolute; right: 5px; top: 0; cursor: pointer; text-align: center;}
	.search-box button i:before{  color: #3366FF; line-height: 32px; font-size: 16px; font-weight: bold;}
	
	.search-box .search-btn{display: none;}
}


@media screen and (min-width: 375px) {
	
}


@media screen and (min-width: 480px) {
	.logo{ height: 60px;}
	.nav-box{ height: 60px;}
	.header-box{ height: 60px;}
	.nav-box-bg{ height: 60px;}
	.nav-btn i{ line-height: 60px; font-size: 28px; width: 30px;}
	
	.nav-show{ top: 60px; }
	
	.buy-btn{ margin-top: 22px;}
}


@media screen and (min-width: 992px) {
	
	.nav:before{display: none;}
	
	
	.nav-box{ position: fixed; height: 60px; background: none; border-bottom: solid 1px rgba(255,255,255,.3);}
	
	.header-box{ height: 60px; display: none;}
	
	.logo{ height: 60px; padding: 0; padding-top: 10px;}
	.logo img{ margin: 0 auto; -webkit-filter:grayscale(1) brightness(0) invert(1); filter:grayscale(1) brightness(0) invert(1); transition: .3s;}
	.logo a{ width: 100%; height: 40px; display: block; }

	
	
	.nav-btn{ display: none;}
	.nav-box-bg{ height: 60px; top: 0; display: none;}
	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 10; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; overflow: visible; background: none; top: 0;  padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; pointer-events: auto;}
	.nav-list{  position: relative; float: left;}

	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list li{ float: left; border-bottom: none; position: relative; border: none;}
	
	.nav-list li a b{ line-height: 60px; height:60px; color: #fff; overflow: hidden;}
	.nav-list li a{ height: 60px; line-height: 60px; /*padding: 0 10px;*/ padding: 0 20px;/* font-size: 12px; */ font-size: 14px; position: relative;  }
	
	/*.nav-list li .nav-list-sub a:after{ content: ' '; width: 1px; height: 14px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -7px;}
	.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #fff; }
	.nav-list li.nav-off>a b{ color: #fff;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #fff;}
	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100); }
	.bd-more{border-bottom-color: #fff;}
	.nav-list li .nav-list-sub{ position: absolute; top: 80px; height: auto !important; opacity: 0; filter:Alpha(opacity=0);
-webkit-transform: translateY(8px);
transform: translateY(8px); box-shadow: 0 5px 8px rgba(0,0,0,.3); top: -1000%; width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 0; left: 0; width: 1000%;}
/*	.nav-list li .nav-list-sub:before{ content: ' '; border-bottom: solid 6px #3366FF; border-left: solid 6px transparent; border-right: solid 6px transparent; position: absolute; left: 50%; top: 5px; margin-left: -6px;}*/
	.nav-list li .nav-list-sub .nav-list-height{padding: 0; float: left; overflow: hidden;}
	.nav-list li .nav-list-sub a{ height: auto; border: none; font-size: 12px; padding:  0 10px; text-align: center; float: left; position: relative;}
	.nav-list li .nav-list-sub a span:after{content: ' '; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); height: 2px; background: #3366FF; position: absolute; bottom: 0; left: 0; overflow: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0;}
	.nav-list li .nav-list-sub a span{ text-align: center; display: block; line-height: 32px; color: #666; position: relative; white-space: nowrap; font-size:14px;}
.nav-list li .nav-list-sub a:hover,.nav-list li .nav-list-sub a.on-02{}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #3366FF;}
	.nav-list li .nav-list-sub a:hover span:after{-webkit-transform: scaleX(1); transform: scaleX(1); }

	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);
-webkit-transform: translateY(0);
transform: translateY(0);  top: 60px;}
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 60px; background: none; overflow: hidden; transition: .3s;}
/*	.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{content:' '; opacity: 1; left: 50%; bottom: 0; border-bottom: solid 10px #fff;  border-right: solid 12px transparent;  border-left: solid 12px transparent; margin-left: -12px; z-index: 9; -webkit-transform: none; transform: none; display: block; width: 0; position: absolute;}*/
	
		.nav-list div.nav-btn-bg:after,.nav-list div.nav-btn-bg-02:after{content:' '; opacity: 1; position: absolute; left: 15px; right: 15px; bottom: 0; height: 3px; background: #fff;}
	.nav-list li a.on i.bd-more{ display: none;}
	/*.nav-list li.nav-off  a i.bd-more{ -webkit-transform: translateY(10px); transform: translateY(10px);}*/
	
	.nav-list li.nav-on i{display: none;}
	
	
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: block; width: 100%; position: absolute; top: -100%; height: 32px; width: 100%; left: 0; background: #fafafa; opacity: 0;  filter:Alpha(opacity=0); box-shadow: 0 2px 4px rgba(0,0,0,.2);}
	.nav-list-sub-bg-show{ opacity: .8;  filter:Alpha(opacity=8); top: 60px;}


	.buy-btn{margin-top: 24px; margin-left: 15px;}
	
	
	.header-tr{ float: right;}
	.header-tr{ padding: 0; background: none;}
	.search-box{float: left;}
	.lang{ float: left; padding: 18px 15px; font-weight: bold;}
	.lang a,.lang span{ color: #fff; font-size: 12px; line-height: 24px;}
	
	.header-tr{ margin: 0;}
	.search-box{ padding-top: 14px;}
	.search-box .search-btn{display: none; line-height: 40px; padding: 0; color: #fff; cursor: pointer;}
	.search-box input{width: 100%; padding: 0; opacity: 0; filter:Alpha(opacity=0); color: #fff;}
	.search-bd{ width: 32px;}
	.search-box button{ width: 32px; right: 0;}
	.search-box button i:before{ color: #fff; font-size: 15px;}
	
	.search-box-show .search-bd{ width: 120px;}
	.search-box-show input{ opacity: 1; filter:Alpha(opacity=100); padding: 0 32px 0 15px;}
	
	.search-box input:focus{ border-color: #fff;background: #fff; background: rgba(255,255,255,.4);}
	
	.nav-bgb{ background: #fff;}
	.nav-bgb .logo img{-webkit-filter:grayscale(0) brightness(1) invert(0); filter:grayscale(0) brightness(1) invert(0);}
	.nav-bgb .nav-list li  b{ color: #666;}
	.nav-bgb .nav-list li .on b{ color: #3366FF;}
	.nav-bgb .lang a,.nav-bgb .lang span{ color: #666;}
	.nav-bgb .search-box button i:before{ color: #666;}
	.nav-bgb .search-box input{ color: #666;}
	.nav-bgb .search-box input:focus{border-color: #3366FF;}
	.nav-bgb .search-box-show button i:before{ color: #3366FF;}
	
	.nav-bgb .nav-list li.nav-on>a b{ color: #3366FF; }
	.nav-bgb .nav-list li.nav-off>a b{ color: #666;}

}

@media screen and (min-width: 1240px){
	.nav-box{ height: 80px;}
	.nav-box-bg{ height: 80px;}
	
	.logo{ height: 80px; padding-top: 19px;}
	.logo a{ padding: 0;  height: 43px;}
	.nav-list li a{ padding: 0 18px; height: 80px; line-height: 80px; font-size: 14px;}
	.nav-list li a b{ height: 80px; line-height: 80px; font-weight: bold;}

	.nav-list div.nav-btn-bg, .nav-list div.nav-btn-bg-02{ height: 80px;}
	.nav-list div.nav-btn-bg:after, .nav-list div.nav-btn-bg-02:after{ left: 18px; right: 18px;}
	
	
	.nav-list li.nav-on .nav-list-sub{ top: 80px;}
	
	.nav-list-sub-bg-show{  top:80px;}
	
	.buy-btn{ line-height: 40px; height: 42px; -webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px; padding: 0 20px; margin-top: 29px; margin-left: 40px;}
	.buy-btn i,.buy-btn span{ line-height: 40px; font-size: 16px;}
	.buy-btn i{ font-size: 20px;}
	
	.nav-list li .nav-list-sub a span{ line-height: 38px;}
	.nav-list li .nav-list-sub a{ padding: 0 15px;}
	.nav-list-sub-bg{ height: 38px;}
	
	.lang{ padding-top: 28px;}
	.search-box{ padding-top: 24px;}
}


@media screen and (min-width: 1360px) {
	
	.nav-box{ height: 90px;}
	.nav-box-bg{ height: 90px;}
	
	.logo{ height: 90px; padding-top: 19px;}
	.logo a{ height: 53px;}
	.nav-list li a{ /*padding: 0 25px;*/ padding: 0 30px; height: 90px; line-height: 90px; font-size: 16px;}
	.nav-list li a b{ height: 90px; line-height: 90px;}

	.nav-list div.nav-btn-bg, .nav-list div.nav-btn-bg-02{ height: 90px;}
	.nav-list div.nav-btn-bg:after, .nav-list div.nav-btn-bg-02:after{ left: 25px; right: 25px;}
	
	
	.nav-list li.nav-on .nav-list-sub{ top: 90px;}
	
	.nav-list-sub-bg-show{  top:90px;}
	
	.lang{ padding-top: 33px;}
	.search-box{ padding-top: 29px;}
	
	.search-box-show .search-bd{ width: 160px;}
}







/*=================index===================*/
/*ind-swiper*/
@media screen and (min-width: 320px) {
	.banner-bg{ padding-bottom: 65%; -webkit-background-size: cover;
	background-size: cover; background-position: center center;}
	
	.ind-bg{position: relative;}
	.mouse{ display: none;}
	
	.ind-banner-mess{ position: relative;}
	.ind-news{display: none;}
	
	.ind-banner-btn{ position: absolute; right: 15px; bottom: 15px; z-index: 9;}
	.ind-banner-btn div{cursor: pointer; border: solid 2px #fff; width: 36px; height: 36px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; text-align: center; color: #fff; float: left; margin-left: 10px; opacity: .5;  filter:Alpha(opacity=50); }
	.ind-banner-btn div i:before{ font-size: 12px; line-height: 32px;}
	
	.ind-banner-btn div:hover{opacity: 1;  filter:Alpha(opacity=100); }
}

@media screen and (min-width: 992px) {
	.mouse{display: block; position: absolute; bottom: 4vh; left: 50%; width: 38px; height: 49px; margin-left: -19px;  z-index: 9; padding: 0 10px; cursor: pointer;}
	.mouse i{display: block; background: url(../img/mouse-01@2x.png); -webkit-background-size: cover;
	background-size: cover; cursor: pointer; width: 100%; height: 100%;}
	.mouse-blue i{background-image: url(../img/mouse-02@2x.png); }
	.mouse:hover i{-webkit-transform: translateY(5px); transform: translateY(5px);}
	
	.banner-bg{ padding-bottom: 56.25%;}
	
	.ind-banner-btn{ bottom: 4vh;}
	
	.ind-news{display: block; position: absolute; left: 15px; bottom: 4vh; z-index: 9;}
	.ind-news a{display: block; padding: 6px; background: #fff; position: relative; z-index: 2;}
	.ind-news dl{ overflow: hidden;}
	.ind-news dt{ width: 68px; float: left; margin-right: 10px;}
	.ind-news dd{ overflow: hidden; width: 170px;}
	.ind-news dd b{display: block; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; font-size: 12px; font-weight: normal; line-height: 18px; color: #666; margin-bottom: 8px; height: 36px;}
	.ind-news dd span{color: #BBB; font-size: 12px; line-height: 20px; float: left;}
	.ind-news dd i:before{ float: right; width: 30px; font-size: 12px; line-height: 20px; color: #666;}
	
	.ind-news a:hover dd b{ color: #3366FF;}
	.ind-news a:hover dd i:before{ color: #3366FF;}
	
	.ind-news  .shade{ position: absolute; left: 10px; top: 10px; bottom: 0; right: 10px; box-shadow: 0 0 20px rgba(0,0,0,.1);}
	
	
}
@media screen and (min-width: 1240px) {
	
}

@media screen and (min-width: 1360px) {
	.ind-banner-btn div{ width: 54px; height: 54px; line-height: 50px; margin-left: 20px;}
	.ind-banner-btn div i:before{ font-size: 24px; line-height: 50px;}
}


/*ind-bg-02*/
@media screen and (min-width: 320px) {
	.ind-bg-02{background: url(../img/ind-bg-02.jpg); -webkit-background-size: cover;
	background-size: cover; background-position: center center;}
	.ind-bg-02-r{ margin-top: -15%;}
	.ind-bg-02-r img{ width: 100%;}
	
	.ind-bg-02-box{ padding: 40px 0;}
	.ind-bg-02-info b{ font-weight: normal; font-size: 20px; color: #333;}
	.ind-bg-02-list-t{ padding: 15px 0;}
	.ind-bg-02-list-t ul{ margin: -5px;}
	.ind-bg-02-list-t li{ /*float: left;*/ padding: 5px; position:relative; }
	.ind-bg-02-list-t li .afcd-next{left:auto; right:0px;position:relative;margin-top:0; width:32px;height:32px; background-image: linear-gradient(to bottom right, #992DFF , #3366FF); box-shadow: 0 10px 30px rgba(153,45,255,.2);}
	.ind-bg-02-list-t li a:hover .afcd-next{right:-10px;box-shadow: 0 10px 30px rgba(101,0,195,.5);}
	.ind-bg-02-list-t li a:hover .afcd-next{background-image: linear-gradient(to bottom right, #fff , #fff);}
	.ind-bg-02-list-t li a:hover .afcd-next i{color:#162ED0;}
	.pro-btn .afcd-next i:before{line-height: 32px;font-size:14px;}
	
	.ind-bg-02-list-t a{ height: 60px; line-height: 60px; display: block;  background: rgba(0,0,0,0); color: #162ED0; padding: 0 20px; -webkit-border-radius: 18px;  
	-moz-border-radius: 18px;display:flex;justify-content: space-between; align-items: center;
	border-radius: 18px; font-size: 18px; font-weight:bold; position:relative;overflow:hidden;border:1px solid #CCD0EA;}
	.ind-bg-02-list-t a::before{content:" "; background-image: url(../img/ind-bg-btn-02.png);position:absolute;left:0;top:0;width:100%; height:100%; opacity:0;}
	.ind-bg-02-list-t a:hover{background-image: linear-gradient(to bottom right, #992DFF , #3366FF); /*box-shadow: 0 5px 15px rgba(101,0,195,.2);*/color: #fff;}
	.ind-bg-02-list-t li a:hover::before{opacity:1;}
	
	.ind-bg-02-list-b{ margin: -5px -10px; overflow: hidden;}
	.ind-bg-02-list-b li { padding: 5px 10px; float: left;}
	.ind-bg-02-list-b li a{ font-size: 12px; overflow: hidden; float: left; position: relative;}
	.ind-bg-02-list-b li a:before{ content: ' '; border-bottom: solid 1px rgba(26,79,155,.4); position: absolute; left: 0; bottom: 0; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left bottom; transform-origin: left bottom;}
	.ind-bg-02-list-b li a span{ float: left; line-height: 36px; color: #666;}
	.ind-bg-02-list-b li a i{ float: left; line-height: 36px; padding-left: 10px; color: #3366FF; -webkit-transform: translateX(-5px); transform: translateX(-5px); opacity: 0;   filter:Alpha(opacity=0);}
	
	.ind-bg-02-list-b li a:hover span{color: #8400FF;}
	.ind-bg-02-list-b li a:hover i{ -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; filter:Alpha(opacity=100);}
	.ind-bg-02-list-b li a:hover:before{-webkit-transform: scaleX(1); transform: scaleX(1); }
}

@media screen and (min-width: 480px) {
	.ind-bg-02{ overflow: hidden;}
	.ind-bg-02-r {width: 70%;float: right;}
}

@media screen and (min-width: 992px) {
	
	.ind-bg-02{ padding-bottom: 47%; position: relative;}
	.ind-bg-02-r{width: 48%; position: absolute; left: 52%; bottom: 0; margin-top: 0;}
	.ind-bg-max{ position: absolute; width: 100%; left: 0; top: 0; height: 100%;}
	.ind-bg-max .container{ height: 100%;}
	.ind-bg-02-box{ height: 100%; display: flex; align-items: center;}
	.ind-bg-02-info{ width: 50%;}
	
	.ind-bg-02-list-b{width: 100%;}
	.ind-bg-02-list-b li { padding: 5px 10px; float: left; width: 50%;}
	.ind-bg-02-list-t{max-width:410px;}
	.ind-bg-02-list-t a{ padding: 0 30px; line-height: 80px; height: 80px; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; font-size:20px;}
	.ind-bg-02-list-t{ padding: 20px 0;}
	.ind-bg-02-list-t li .afcd-next{width:41px;height:41px; }
	.pro-btn .afcd-next i:before{line-height:32px;font-size:16px;}
}

@media screen and (min-width: 1240px) {
	.ind-bg-02-info b,.ind-bg-02-info .tit *{ font-size: 36px; line-height: 46px;}
	.ind-bg-02-list-t{padding: 30px 0;}
	.ind-bg-02-list-t ul{ margin: -10px;}
	.ind-bg-02-list-t li{ padding: 10px;}
	.ind-bg-02-list-t a{ padding: 0 30px; line-height: 100px; height: 100px; -webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px; font-size: 22px;}
		.ind-bg-02-list-t a:hover{/*box-shadow: 0 10px 30px rgba(101,0,195,.2);*/}
	
	.ind-bg-02-list-b{ margin: -10px -20px;}
	.ind-bg-02-list-b li{ padding: 10px 20px;}
	.ind-bg-02-list-b li a,.ind-bg-02-list-b li a i:before{ font-size: 14px;}
	.ind-bg-02-list-b li a span,.ind-bg-02-list-b li a i{ line-height: 40px;}
	
	.pro-btn .afcd-next i:before{line-height:41px;font-size:18px;}
}

@media screen and (min-width: 1360px) {
	.ind-bg-02-info b,.ind-bg-02-info .tit *{ font-size: 50px; line-height: 72px;}
	.ind-bg-02-list-t{padding: 50px 0;}
	.ind-bg-02-list-t ul{ margin: -10px -15px;}
	.ind-bg-02-list-t li{ padding: 10px 15px;}
	.ind-bg-02-list-t a{ padding: 0 40px; line-height: 100px; height: 100px; -webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px; font-size: 24px;}
	
	.ind-bg-02-list-b li a{ font-size: 16px;}
	.ind-bg-02-list-b li a i:before{ font-size: 20px;}
	.ind-bg-02-list-b li a span,.ind-bg-02-list-b li a i{ line-height: 60px;}
}


/*ind-bg-03*/
@media screen and (min-width: 320px) {
	.ind-bg-03{background: #fafafa url(../img/ind-bg-03.png) no-repeat; -webkit-background-size: contain;
	background-size: contain; background-position: center center; overflow: hidden;}
	
	.ind-bg-03-box{ padding: 40px 0;}
	.ind-bg-03-info .tit,.ind-bg-03-info .tit *{ font-weight: normal; font-size: 20px; color: #333;}
	
	.ind-pro-box{position: relative; padding: 0 20px; margin-top: 15px;}
	.ind-pro-bd{ padding: 0;}
	
	.pro-bg{ height: 0; position: absolute; top: 0;  width: 100%; left: 0; display: block;height: 100%;}
	
	.pro-bg-rotate{ -webkit-animation: pro-bg-rotate 90s linear infinite; animation: pro-bg-rotate 90s linear infinite; background: url(../img/ind-bg-03-y.png) no-repeat; -webkit-background-size: contain;
	background-size: contain; background-position: center center;  position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; }

@-webkit-keyframes pro-bg-rotate
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

@keyframes pro-bg-rotate
{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
	
	.pro-swiper b{ font-weight: normal; text-align: center; display: block; font-size: 12px; color: #3366FF; line-height: 1.5;}
	
	
	.pro-btn div{ position: absolute; left: 0; top: 50%; z-index: 9; cursor: pointer; width: 36px; height: 36px; margin-top: -20px; text-align: center; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; color: #fff; background: #3366FF;}
	.pro-btn:hover div{background-image: linear-gradient(to bottom right, #992DFF , #3366FF); }
	.pro-btn i:before{ line-height: 36px; font-size: 12px;}
	.pro-btn .pro-next{  left: auto; right: 0;}
	
	.pro-prev:hover,.pro-next:hover{ box-shadow: 0 5px 10px rgba(132,0,255,.2);}
	
	.ind-pro-mess{ position: relative; padding: 15vw; cursor: pointer;}
	.ind-pro-list{ height: 100%; position: absolute; width: 100%; left: 0; top: 0; display: none;}
	.ind-pro-list li{ position: absolute; left: 0; top: 0; margin-left: -16px; margin-top: -16px; z-index: 2; pointer-events: none; opacity: 0;  filter:Alpha(opacity=0); transition: .3s;}
	.ind-pro-list li i{ width: 32px; height: 32px; border: solid 6px #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #3366FF; color: #fff; display: block;line-height: 20px; text-align: center; font-size: 13px;background-image: linear-gradient(to bottom right, #992DFF , #3366FF);}
	.ind-pro-list li span{ font-size: 12px; position: absolute; top: -20px; width: 132px; text-align: center; left: -50px; -webkit-transform: scale(0.7) translateX(5px); transform: scale(0.7) translateX(5px); transition: .3s;  opacity: 0; color: #666;}

	.pro-bg .ind-pro-list li{ position: absolute; left: 50%;top: 50%;}
	.ind-pro-list li:nth-child(1){ -webkit-transform: translate(0,-39vw); transform: translate(0,-39vw); }
	.ind-pro-list li:nth-child(2){ -webkit-transform: translate(30vw,-25vw); transform: translate(30vw,-25vw);}
	.ind-pro-list li:nth-child(3){ -webkit-transform: translate(30vw,25vw); transform: translate(30vw,25vw);}
	.ind-pro-list li:nth-child(4){ -webkit-transform: translate(-30vw,25vw); transform: translate(-30vw,25vw);}
	.ind-pro-list li:nth-child(5){ -webkit-transform: translate(-30vw,-25vw); transform: translate(-30vw,-25vw);}
	
	.ind-pro-list li:nth-child(1) span{ transition-delay: 0s;}
	.ind-pro-list li:nth-child(2) span{ transition-delay: .1s;}
	.ind-pro-list li:nth-child(3) span{ transition-delay: .2s;}
	.ind-pro-list li:nth-child(4) span{ transition-delay: .3s;}
	.ind-pro-list li:nth-child(5) span{ transition-delay: .4s;}
	
	.ind-pro-list li:nth-child(3) span,.ind-pro-list li:nth-child(4) span{ top: 30px;}
	
	.ind-pro-list-show li{ opacity: 1; filter:Alpha(opacity=100);}
	.ind-pro-list-show li span{ -webkit-transform: scale(0.7) translateX(0); transform: scale(0.7) translateX(0); opacity: 1;}
	
	
	.play-btn{ width: 80px; height: 80px; background: url(../img/play.png) center no-repeat; -webkit-background-size: cover;
	background-size: cover; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px;}
}
@media screen and (min-width: 420px) {
	.ind-pro-list li:nth-child(1){ -webkit-transform: translate(0,-42vw); transform: translate(0,-42vw); }
	.ind-pro-list li:nth-child(2){ -webkit-transform: translate(32vw,-27vw); transform: translate(32vw,-27vw);}
	.ind-pro-list li:nth-child(3){ -webkit-transform: translate(32vw,27vw); transform: translate(32vw,27vw);}
	.ind-pro-list li:nth-child(4){ -webkit-transform: translate(-32vw,27vw); transform: translate(-32vw,27vw);}
	.ind-pro-list li:nth-child(5){ -webkit-transform: translate(-32vw,-27vw); transform: translate(-32vw,-27vw);}
}

@media screen and (min-width: 480px) {
	.ind-pro-box,.pro-bg{ width: 460px; margin: 0 auto;}
	.ind-pro-mess{padding: 80px;}
	.pro-bg .ind-pro-list li:nth-child(1){-webkit-transform: translate(0,-208px); transform: translate(0,-208px);}
	.pro-bg .ind-pro-list li:nth-child(2){-webkit-transform: translate(160px,-130px); transform: translate(160px,-130px);}
	.pro-bg .ind-pro-list li:nth-child(3){-webkit-transform: translate(160px,130px); transform: translate(160px,130px);}
	.pro-bg .ind-pro-list li:nth-child(4){-webkit-transform: translate(-160px,130px); transform: translate(-160px,130px);}
	.pro-bg .ind-pro-list li:nth-child(5){-webkit-transform: translate(-160px,-130px); transform: translate(-160px,-130px);}
}

@media screen and (min-width: 992px) {
	.ind-bg-03{ padding-bottom: 60%; position: relative; height: 0;}

	.ind-pro-box,.pro-bg{ width: auto;}
	.ind-pro-mess{ padding: 0;-webkit-transform: scale(.6); transform: scale(.6); pointer-events: none;}
	.ind-pro-mess,.ind-pro-mess *{ transition: .3s;}
	.pro-swiper .swiper-slide-active .ind-pro-mess{-webkit-transform: scale(1); transform: scale(1); pointer-events: auto;}
	.play-btn{ opacity: 0;  filter:Alpha(opacity=0); width: 163px; height: 163px; margin-left: -81px; margin-top: -81px;}
	.ind-pro-mess:hover .play-btn{ opacity: 1;  filter:Alpha(opacity=100);}
	.pro-swiper b{ opacity: 0;  filter:Alpha(opacity=0); font-size: 14px;}
	.pro-swiper .swiper-slide-active .ind-pro-mess b{  opacity: 1;  filter:Alpha(opacity=100);}
	
	.pro-bg{ left: 50%; right: auto; width: 460px; height: 460px; padding-bottom: 0; top: 50%;  margin-left: -230px; margin-top: -230px;}
	
	.ind-bg-03{ overflow: hidden;}
	.ind-bg-03-box{ padding: 0;  height: 100%; display: flex; align-items: center; padding-top: 6vw;}
	.ind-bg-03-info{ position: relative; width: 100%;}
	.ind-pro-box{ padding: 0; margin: 0;}
	.ind-pro-bd{ padding: 0;}
	
	.pro-bg-rotate{ left: 0; top: 0; right: 0; bottom: 0;}
	
	.ind-bg-03-info .tit{ position: absolute; left: 0; top: -8vw;}
	
	
	.ind-pro-list {display: block;}
	.ind-pro-list li span{ -webkit-transform: scale(1) translateX(5px); transform: scale(1) translateX(5px);}

	
	.pro-bg .ind-pro-list li:nth-child(1){-webkit-transform: translate(0,-230px); transform: translate(0,-230px);}
	.pro-bg .ind-pro-list li:nth-child(2){-webkit-transform: translate(170px,-150px); transform: translate(170px,-150px);}
	.pro-bg .ind-pro-list li:nth-child(3){-webkit-transform: translate(170px,150px); transform: translate(170px,150px);}
	.pro-bg .ind-pro-list li:nth-child(4){-webkit-transform: translate(-170px,150px); transform: translate(-170px,150px);}
	.pro-bg .ind-pro-list li:nth-child(5){-webkit-transform: translate(-170px,-150px); transform: translate(-170px,-150px);}

	
	.ind-pro-list li:nth-child(2) span,.ind-pro-list li:nth-child(3) span{ top: 5px; left: 42px; text-align: left;}
	.ind-pro-list li:nth-child(4) span,.ind-pro-list li:nth-child(5) span{ top: 5px; left: auto; right: 42px; text-align: right;}
	
	.ind-pro-list-show li{ opacity: 1; filter:Alpha(opacity=100);}
	.ind-pro-list-show li span{ -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); opacity: 1;}
	
}

@media screen and (min-width: 1240px) {
	.pro-btn div{ width: 54px; height: 54px; margin-top: -27px;}
	.pro-btn div i:before{ font-size: 24px; line-height: 54px;}
	.pro-btn .pro-prev{ left: -70px;}
	.pro-btn .pro-next{ right: -70px;}
	.pro-prev:hover,.pro-next:hover{ box-shadow: 0 10px 30px rgba(132,0,255,.2);}
	.ind-bg-03-info .tit,.ind-bg-03-info .tit *{ font-size: 36px; line-height: 46px;}
	.pro-bg{  width: 520px; height: 520px;  margin-left: -260px; margin-top: -260px;}
	
	.ind-bg-03-info .tit{ top: -14vw;}
	.pro-swiper b{ font-size: 16px; font-weight: bold;}
	
	.pro-bg .ind-pro-list li:nth-child(1){-webkit-transform: translate(0,-260px); transform: translate(0,-260px);}
	.pro-bg .ind-pro-list li:nth-child(2){-webkit-transform: translate(200px,-160px); transform: translate(200px,-160px);}
	.pro-bg .ind-pro-list li:nth-child(3){-webkit-transform: translate(200px,160px); transform: translate(200px,160px);}
	.pro-bg .ind-pro-list li:nth-child(4){-webkit-transform: translate(-200px,160px); transform: translate(-200px,160px);}
	.pro-bg .ind-pro-list li:nth-child(5){-webkit-transform: translate(-200px,-160px); transform: translate(-200px,-160px);}
}

@media screen and (min-width: 1360px) {
	.ind-bg-03-info .tit,.ind-bg-03-info .tit *{ font-size: 50px; line-height: 72px;}
	.pro-bg{  width: 660px; height: 660px;  margin-left: -330px; margin-top: -330px;}
	.ind-pro-box{ margin: 0 -30px;}
	
	.ind-pro-mess{ padding: 0;-webkit-transform: scale(.5); transform: scale(.5);}
	.pro-swiper b{ font-size: 20px;}
	
	.pro-bg .ind-pro-list li:nth-child(1){-webkit-transform: translate(0,-324px); transform: translate(0,-324px);}
	.pro-bg .ind-pro-list li:nth-child(2){-webkit-transform: translate(260px,-190px); transform: translate(260px,-190px);}
	.pro-bg .ind-pro-list li:nth-child(3){-webkit-transform: translate(260px,190px); transform: translate(260px,190px);}
	.pro-bg .ind-pro-list li:nth-child(4){-webkit-transform: translate(-260px,190px); transform: translate(-260px,190px);}
	.pro-bg .ind-pro-list li:nth-child(5){-webkit-transform: translate(-260px,-190px); transform: translate(-260px,-190px);}
	
	.ind-pro-list-show li span{ font-size: 14px;}
	
	.pro-btn .pro-prev{ left: -60px;}
	.pro-btn .pro-next{ right: -60px;}
}

@media screen and (min-width: 1560px) {
	.pro-btn .pro-prev{ left: -120px;}
	.pro-btn .pro-next{ right: -120px;}
}

/*弹窗视频*/
@media screen and (min-width: 320px) {
.video-show{ width: 300px !important; height: 175px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}

	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #8400FF; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e608"; color: #fff; font-size: 20px;}
	
	.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
	.jcsp-video{display: none;}
	.video-show video{display: block;}
	.video-show video{ width: 100%; height: 100%}
}

@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 210px !important;}
}

@media screen and (min-width: 480px) {
	video-show{ width: 420px !important; height: 240px !important;}
}

@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 360px !important;}
}

@media screen and (min-width: 768px) {
	.video-show{ width: 700px !important; height: 400px !important;}
}

@media screen and (min-width: 992px) {
	.video-show{ width: 900px !important; height: 510px !important;}
}

@media screen and (min-width: 1240px) {
	.video-show{ width: 1100px !important; height: 620px !important;}
}


/*ind-bg-04*/
@media screen and (min-width: 320px) {
	.ind-bg-04-box{ padding: 40px 0;}
	.box-tit{ font-weight: bold; font-size: 18px; color: #333; text-align: center; padding-bottom: 20px;}
	
	.news-swiper{ padding: 0 10px; margin: 0 -10px;}
	
	.news-box-mess{display: block;}
	.news-box-mess dt{ -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
	.news-box-mess dt i.pic-size{overflow: hidden; -webkit-clip-path: inset(0 0 round 10px 10px);}
	.news-box-mess dd{ padding-top: 12px;}
	i.pic-scale-news{ padding-bottom: 67.11%;}
	.news-box-mess b{display: block; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; color: #333; font-weight: normal; line-height: 20px; font-size: 14px; height: 40px;}
  .news-box-mess dd span{ padding-top: 10px; display: block; color: #AAA; font-size: 12px;}
  
  .news-btn{padding-top: 20px; text-align: center;}
  .news-btn div{display: inline-block;overflow: hidden; padding: 0 10px;}
  .news-pagination{ padding: 0 10px;}
  .news-pagination span{ background: #999; opacity: .5; margin: 0 5px;}
  .news-pagination .swiper-pagination-bullet-active{ opacity: 1;}
  .news-prev,.news-next{cursor: pointer;}
  .news-prev i:before,.news-next i:before{ line-height: 24px; display: block; color: #999;}
  .news-prev:hover i:before,.news-next:hover i:before{ color: #3366FF;}
  
  .news-box-mess dt div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(51,102,255,.75); opacity: 0;}
  .news-box-mess dt span{ width: 40px; height: 40px; background: #fff; -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; z-index: 9; text-align: center; opacity: 0; transform: translateY(5px); -webkit-transform: translateY(5px);}
  .news-box-mess dt span i:before{ line-height: 40px; display: block; color: #8400FF;}
  .news-box-mess:hover dt{box-shadow: 0 2px 10px rgba(51,102,255,.2);}
  .news-box-mess:hover dt div{ opacity: 1;}
  .news-box-mess:hover dt span{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}
  
  .news-swiper .swiper-slide{width: 100px;}
}

@media screen and (min-width: 992px) {
	.ind-bg-04-box{ padding: 60px 0;}
	.box-tit{ padding-bottom: 40px;}
	.news-btn{ padding-top: 35px;}
}

@media screen and (min-width: 1240px) {
	.ind-bg-04-box{ padding: 90px 0;}
	.box-tit{font-size: 24px; padding-bottom: 50px;}
	.news-swiper{ padding: 0 29px; margin: 0 -29px;}
	.news-box-mess:hover dt{box-shadow: 0 5px 20px rgba(51,102,255,.2);}
	.news-box-mess dd{ padding-top: 25px;}
	.news-box-mess b{ font-size: 16px; line-height: 24px;height: 48px;}
	.news-box-mess dd span{ padding-top: 15px;}
	
	.news-box-mess dt span{ width: 60px; height: 60px; margin-left: -30px; margin-top: -30px;}
	.news-box-mess dt span i:before{ line-height: 60px; font-size: 22px;}
	.news-btn{ padding-top: 60px;}
	
}

@media screen and (min-width: 1360px) {
	.ind-bg-04-box{padding: 110px 0;}
	.box-tit{font-size: 32px; padding-bottom: 85px;}
	.news-box-mess dd{ padding-top: 45px;}
	.news-box-mess b{ font-size: 18px; line-height: 26px; height: 52px;}
	.news-box-mess dd span{ padding-top: 20px;}
	.news-btn{ padding-top: 80px;}
}


/*ind-bg-05*/
@media screen and (min-width: 320px) {
	.ind-bg-05{ background: #F0F0F0 url(../img/aboutus.png) no-repeat; background-position: center top;  padding: 0 0 10px 0; -webkit-background-size: contain;
	background-size: contain;}
	.ind-bg-05-t{ height: 40vw; width: 100%; display: flex; align-items: center;}
	.ind-bg-05-t-mess{ width: 100%;}
	.ind-bg-05:after{ content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 40vw; background: #454545;background-image: linear-gradient(to right, #162FD1,#2E88FF,#8400FF,#4D17E8,#162ED0);}
	
	.ind-bg-05 .container{ z-index: 9; position: relative;}
	
	
	.ind-cont-btn{ text-align: center;}
	.ind-cont-btn a{height: 36px; line-height: 36px; display: inline-block; background: #3366FF; color: #fff; padding: 0 20px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; font-size: 12px; overflow: hidden;}
	.ind-cont-btn a i,.ind-cont-btn a span{ float: left; line-height: 36px;}
	.ind-cont-btn a i{ padding-right: 10px;}
	.ind-cont-btn a:hover,.ind-cont-btn a.on{background: #8400FF;box-shadow: 0 5px 15px rgba(101,0,195,.2);  background-image: linear-gradient(to right, #8400FF, #2E88FF);}
	
	.ind-cont-box{}
	.ind-cont-l,.ind-cont-r{ padding: 20px; background: #fff;}
	.ind-cont-r{ background: url(../img/ind-bg-05-r.png) center no-repeat; -webkit-background-size: cover;
	background-size: cover;}
	.ind-cont-r a{color:#fff;}
	.ind-cont-l a span, .ind-cont-r a span{margin-right:20px;}
	
	.ind-cont-l .tit,.ind-cont-r .tit{ font-size: 18px; font-weight: normal; color: #333;}
	.ind-cont-r .tit{ color: #fff;}
	
	.ind-cont-l .list,.ind-cont-r .list{ padding: 15px 0;}
	.ind-cont-l li,.ind-cont-r li{ font-size: 12px; color: #666; padding: 5px 0; line-height: 18px;}
	.ind-cont-r li{ color: #fff;}
	
	.ind-cont-l .more,.ind-cont-r .more{ color: #666; overflow: hidden; display: inline-block;}
	.ind-cont-l .more span,.ind-cont-r .more span{ padding-right: 10px; font-size: 14px; float: left;}
	.ind-cont-l .more i:before,.ind-cont-r .more i:before{ font-size: 14px; float: left;}
	.ind-cont-r .more span,.ind-cont-r .more i:before{ color: #fff;}
	.ind-cont-l .more:hover span,.ind-cont-l .more:hover i:before,.ind-cont-r .more:hover span,.ind-cont-r .more:hover i:before{ color: #8400FF;}
	
	.box-tit-02{ padding-bottom: 5px;}
	.box-cont-tit{ padding-bottom: 1vw; text-align: center; font-size: 18px; font-weight: bold; line-height: 30px;}
	.box-cont-tit-sub{font-size: 12px; text-align: center;  padding-bottom: 1.5vw; color: #666; line-height: 20px;}

}
@media screen and (min-width: 480px) {
	.ind-bg-05-t{ height: 30vw;}
}
@media screen and (min-width: 992px) {
	.ind-cont-btn a {padding: 0 30px;line-height: 40px;height: 40px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
	.ind-cont-btn a i,.ind-cont-btn a span{ line-height: 40px;}

	.ind-cont-box{ overflow: hidden;}
	.ind-cont-l{ float: left; width: 50%;}
	.ind-cont-r{ float: left; width: 50%;}
	.ind-cont-l .list{ overflow: hidden; margin:0 -5px;}
	.ind-cont-l .list li{ float: left; width: 50%; padding: 5px;}
	
	.ind-bg-05:after{ height: 120px;}
	.ind-cont-l,.ind-cont-r{ height: 280px; position: relative;}
	.ind-cont-l .more,.ind-cont-r .more{ position: absolute; left: 20px; bottom: 20px;}
	
	.box-cont-tit-sub{ line-height: 30px;}
	.ind-bg-05-t{ height: 20vw;}

}

@media screen and (min-width: 1240px) {
	.ind-bg-05:after{ height: 180px;}
	
	.ind-cont-btn a{padding: 0 30px;line-height: 48px;height: 48px;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;font-size: 14px;}
	.ind-cont-btn a i,.ind-cont-btn a span{ line-height: 48px;}
	.ind-cont-btn a i{ padding-right: 15px;}
	.ind-cont-btn a i:before{ font-size: 20px;}
	
	.box-cont-tit{ font-size: 24px;}
	.box-cont-tit-sub{ font-size: 14px;}
	
	.ind-bg-05{padding: 0 0 30px 0;}
	.box-tit-02{ padding-bottom: 15px;}
	
	
	.ind-cont-l, .ind-cont-r{ padding: 35px;}
	.ind-cont-l .more,.ind-cont-r .more{ left: 35px; bottom: 35px;}
	.ind-cont-l .tit, .ind-cont-r .tit{ font-size: 28px;}
	.ind-cont-l, .ind-cont-r{ height: 370px;}
	.ind-cont-l .list, .ind-cont-r .list{ padding: 25px 0;}
}

@media screen and (min-width: 1360px) {
	.ind-bg-05:after{ height: 280px;}
	
	.ind-cont-btn a{padding: 0 50px;line-height: 62px;height: 62px;-webkit-border-radius: 31px;-moz-border-radius: 31px;border-radius: 31px;
font-size: 16px;}
	.ind-cont-btn a i,.ind-cont-btn a span{ line-height: 62px;}

	
	.box-cont-tit{ font-size: 32px;}
	.box-cont-tit-sub{ font-size: 16px;}
	
	.ind-bg-05{padding: 0 0 40px 0;}
	
	.ind-cont-l, .ind-cont-r{ padding: 50px;}
	.ind-cont-l .more,.ind-cont-r .more{left: 50px; bottom: 50px;}
	
	.ind-cont-l .tit, .ind-cont-r .tit{font-size: 36px;}
	.ind-cont-l, .ind-cont-r{ height: 420px;}
	.ind-cont-l .list, .ind-cont-r .list{ padding: 35px 0;}
	
	.ind-cont-l li, .ind-cont-r li{ font-size: 14px; line-height: 22px;}
}

/*=================footer===================*/
@media screen and (min-width: 320px) {
	.f-logo{ padding-bottom: 15px;}
	.f-logo img{width: 50%; margin: 0 auto;max-width: 100px; display: block;}
	
	.footer-bg{ background: #454545; padding: 20px 0; position: relative; z-index: 99;background-image: linear-gradient(to right, #162FD1,#2E88FF,#8400FF,#4D17E8,#162ED0);}
	
	.footer-cont{ color: #fff; text-align: center;}
	.footer-cont dt { padding-bottom: 10px;}
	.footer-cont dt i{ padding-right: 5px; font-size: 12px;}
	.footer-cont dt span,.footer-cont dt b{ padding: 0 5px;display: inline-block;}
	.footer-cont dd{ font-size: 12px;}
	
	.footer-tr { width: 260px; margin: 0 auto;}
	.footer-tr dt{ display: none;}
	.footer-tr ul{ overflow: hidden;}
	.footer-tr li{ width: 50%; float: left; padding: 20px;}
	.footer-tr span{ text-align: center; display: block; color: #fff; font-size: 12px; padding-top: 10px;}
	
	.top-btn{display: none;}
	
	.footer-b{ text-align: center;color: rgba(255,255,255,0.5); font-size: 12px;}
	.footer-b a{ color: rgba(255,255,255,0.5); margin-left:10px; display: inline-block;}
	.footer-b a:hover{ color: rgba(255,255,255,1);}
	
}

@media screen and (min-width: 992px) {
	
	.footer-tl{ float: left;}
	.footer-tr{ float: right; width: auto;}
	
	.f-logo{ float: left;}
	.f-logo img{ width: 130px; max-width: 130px;}
	.footer-cont{ float: left; text-align: left; padding-left: 30px;}
	.footer-cont dt{ overflow: hidden; padding-bottom: 0;}
	.footer-cont div{float: left;}
	.footer-cont dt span, .footer-cont dt b{ padding: 0 0 0 10px;}
	.footer-b span{ display: block; text-align: left;}
	
	.qr-btn{ float: left; position: relative;}
	.qr-btn dt{ display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; float: left; cursor: pointer;}
	.qr-btn dt i:before{color: #86C610; font-size: 18px; line-height: 40px;}
	.top-btn{ display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; float: left; margin-left: 20px; cursor: pointer;}
	.top-btn i:before{color: #666; font-size: 16px; line-height: 40px;}
	
	.qr-btn dd{ position: absolute; padding: 7px; background: #fff; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; left: -97px;top: -100000px; z-index: 9; opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); box-shadow: 0 5px 15px rgba(0,0,0,.1);}
	.qr-btn dd:before{ content:' '; border-top: solid 8px #fff; border-left: solid 9px transparent; border-right: solid 9px transparent; position: absolute; left: 50%; bottom: -8px; margin-left: -9px;}
	.qr-btn ul{ width: 220px;}
	.qr-btn li{ padding: 5px;}
	
	.qr-btn span{color: #333; padding-top: 0;}
	
	.qr-show dt{background: #3366FF;}
	.qr-show dt i:before{ color: #fff;}
	.qr-show dd{ top:-160px; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	
	.top-btn:hover{background: #3366FF;}
	.top-btn:hover i:before{ color: #fff;}
	
	.footer-bg{ padding: 35px 0;}
	
}

@media screen and (min-width: 1240px) {
	.f-logo img{ width: 150px; max-width: 150px;}
	.footer-cont{ padding-left: 50px;}
	.footer-t{ padding-bottom: 10px;}
	.footer-cont dt i{ font-size: 14px; line-height: 22px; padding-right: 10px;}
	.footer-cont small{ font-size: 14px; line-height: 22px;}
	.footer-cont dt span, .footer-cont dt b{ font-size: 18px; line-height: 30px; padding-left: 20px;}
	.footer-cont dd{ line-height: 22px; font-size: 14px;}
	
	.footer-b span{ font-size: 14px;}
	
	.qr-btn dt{ width: 52px; height: 52px; line-height: 52px;}
	.qr-btn dt i:before{ font-size: 24px; line-height: 52px;}
	.top-btn{ width: 52px; height: 52px; line-height: 52px;}
	.top-btn i:before{ font-size: 20px; line-height: 52px;}
	.qr-show dd{ top:-170px;}
	.footer-bg{ padding: 45px;}
}

@media screen and (min-width: 1360px) {
	.footer-cont{ padding-left: 70px;}
	.footer-cont dt span, .footer-cont dt b{ font-size: 20px; line-height: 28px;}
	.footer-t{ padding-bottom: 15px;}
	.footer-bg{ padding: 65px 0;}
}


/*=================公用===================*/
@media screen and (min-width: 320px) {
	.banner-min{ padding-bottom:34%; -webkit-background-size: cover;
	background-size: cover; background-position: center; position:relative;}
	
	.menu-bg{ background: #fafafa; padding: 15px 0;}
	.menu-bg li{ width: 100%;}
	.menu-bg li a{ display: block; text-align: center; color: #666; font-size: 14px; line-height: 20px; padding: 10px 0;}
	.menu-bg li a.on{ background: #fff; color: #3366FF;}
	
	.dz{ padding: 10px 0; line-height: 20px; color: #888;}
	.dz a,.dz span{ font-size: 12px; color: #888;}
	.dz span{ padding: 0 5px;}
	.dz i:before{ font-size: 12px;}
	.dz a:hover{color: #3366FF;}
	
	.img-mw{ width: auto; max-width: 100%;}
	.cont-p{ padding: 30px 0;}
	.cont-pb{ padding-bottom: 30px;}

}

@media screen and (min-width: 992px) {
	.banner-min{ padding-bottom: 21.9%; -webkit-background-size: cover;
	background-size: cover;}
	.banner-min::before{ content:' '; position:absolute; left:0; top:0; width:100%; height:50%; background-image: linear-gradient(rgba(28,81,156,.8),rgba(28,81,156,0));background-image: linear-gradient(rgba(51,102,255,1),rgba(51,102,255,0));}
	
	
	.menu-bg{ padding: 0;}
	.menu-bg ul{ overflow: hidden;}
	.menu-bg li{ float: left; width: auto;}
	.menu-bg li a{ padding: 20px 25px; font-size: 12px;}
	
	.dz{ padding: 15px 0;}
}

@media screen and (min-width: 1240px) {
	
	.menu-bg li a{ padding: 30px 40px; font-size: 14px;}
	.dz{ padding: 20px 0;}
	.dz i{ padding-right: 10px;}
	.dz a, .dz span{ font-size: 14px;}
	.dz span{padding: 0 10px;}
	
	.cont-p{ padding: 50px 0;}
	.cont-pb{ padding-bottom: 50px;}
}

@media screen and (min-width: 1360px) {
	
	.menu-bg li a{ padding: 30px 60px; font-size: 16px;}
	.dz{ padding: 25px 0;}
	
	.cont-p{ padding: 60px 0;}
	.cont-pb{ padding-bottom: 60px;}
}


/*--内容盒子--*/
@media screen and (min-width: 320px) {
	.content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;}
	.content-box{text-align: justify;  font-size: 12px;padding:0; color: #666; position: relative;}
	.content-box div,.content-box p{ line-height: 2;}
	.content-box img{max-width: 100%;}
	.content-box table{border:1px solid #333 !important;}
	.content-box table tr{border-bottom:1px solid #333 !important;}
	.content-box table td{border-right:1px solid #333 !important;}
	.content-box video{max-width:100%!important;height:auto;}
}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1240px)  {
	.content-box{ font-size: 14px;}
}

@media screen and (min-width: 1360px)  {
	.content-box{ font-size: 16px;}

}


@media screen and (min-width: 1920px)  {
	

}

/*--关于我们-公司简介-01--*/
@media screen and (min-width: 320px) {
	.about-box-01{ background: url(../img/aboutus.png) center no-repeat; -webkit-background-size: contain;
	background-size: contain; padding:10px 0 20px 0;}
	.about-box-01-pic{ padding-bottom: 20px;}
	b.cont-box-tit{ color: #3366FF; font-size: 18px; font-weight: normal; padding-bottom: 15px; display: block;}
}

@media screen and (min-width: 992px) {
	.about-box-01{ padding-bottom: 30px;}
	.about-box-01-pic{ float: right; padding-bottom: 20px; padding-left: 20px; width: 50%;}
}

@media screen and (min-width: 1240px)  {
	.about-box-01{ padding:25px 0 40px 0;}
	b.cont-box-tit{ font-size: 24px; padding-bottom: 20px; position: relative; top: -5px;}
	.about-box-01-pic{ padding-left: 30px;}
	
}

@media screen and (min-width: 1360px)  {
	
	.about-box-01{ padding:25px 0 50px 0;}
	b.cont-box-tit{ font-size: 36px; padding-bottom: 25px; top: -10px;}
	.about-box-01-pic{ padding-left: 40px;}
}
	
	
/*--关于我们-公司简介-02--*/
@media screen and (min-width: 320px) {
	.about-box-02{ background: url(../img/video-bg.jpg) center no-repeat; -webkit-background-size: cover;
	background-size: cover; padding: 40px 0;}
	.about-box-02 .container{padding:0;width:100%;}
	
	.about-video-btn{ margin: 0 auto; width: 120px; text-align: center; cursor: pointer;}
	.about-video-btn i{ color: #fff; font-size: 60px; line-height: 1; padding-bottom: 10px; display: block;}
	.about-video-btn span{ text-align: center; display: block;color: #FFF;}
	
	.about-box-02-mess { margin: -10px;margin: 0px; overflow: hidden;padding:0 10px; padding-top: 40px;}
	.about-box-02-mess dl{ float: left; width: 50%; padding: 10px;}
	.about-box-02-mess dt{ text-align: center; color: #fff; font-size: 30px; font-weight: bold; line-height: 1; padding-bottom: 15px;}
	.about-box-02-mess dt *{ font-family: arial; line-height: 1;}
	.about-box-02-mess dd{ text-align: center; font-size: 12px; color: #fff;}
}

@media screen and (min-width: 480px) {
	.about-box-02-mess dl{ width: 33.333%;}
	
}

@media screen and (min-width: 992px) {
	.about-box-02{ padding: 50px 0;}
	.about-box-02-mess dl{ width: 19%;}
	.about-box-02-mess dt{ font-size: 50px;}
	.about-video-btn span{font-size: 18px;}
}

@media screen and (min-width: 1240px)  {
	.about-box-02{ padding: 75px 0;}	
	.about-box-02-mess dt{ font-size: 65px; padding-bottom: 25px;}
	.about-box-02-mess dd{ font-size: 14px;}
	.about-video-btn span{ font-size: 24px;}
	.about-video-btn{ width: 240px;}
	
	.about-video-btn i{ font-size: 90px; padding-bottom: 25px;}
	
	.about-box-02-mess{padding-top: 100px;}
}

@media screen and (min-width: 1360px)  {
	.about-box-02{ padding: 105px 0;}
	.about-box-02-mess dt{ font-size: 80px;padding-bottom: 30px;}
	.about-box-02-mess dd{ font-size: 16px;}
	.about-video-btn span{ font-size: 36px;}
	
	.about-video-btn i{ font-size: 110px;}
	.about-box-02-mess{padding-top: 120px;}
}
	
/*--关于我们-公司简介-03--*/
@media screen and (min-width: 320px) {
	.about-box-03{padding: 20px 0;}
	.about-box-03 .txt{ padding-bottom: 20px;}
	.about-box-03 .pic-list{ overflow: hidden; margin: -5px;}
	.about-box-03 .pic-list li{ padding: 5px; width: 50%; float: left;}
}

@media screen and (min-width: 992px) {
	.about-box-03{padding: 30px 0;}
	.about-box-03 .txt{ padding-bottom: 30px;}
	.about-box-03 .pic-list{ margin: -10px;}
	.about-box-03 .pic-list li{ padding: 10px;}
}

@media screen and (min-width: 1240px)  {
	.about-box-03{padding: 40px 0;}
	.about-box-03 .txt{ padding-bottom: 30px;}
}

@media screen and (min-width: 1360px)  {
	.about-box-03{ padding: 50px 0;}
	.about-box-03 .txt{ padding-bottom: 40px;}
}


/*--关于我们-公司简介-04--*/
@media screen and (min-width: 320px) {
	.about-box-04{padding: 100px 0;background: url(../img/vr-bg.jpg) center no-repeat; -webkit-background-size: cover;
	background-size: cover; }
	
	.cont-tit{ text-align: center; font-size: 24px; line-height: 1; padding-bottom: 15px;color: #333;}
	.cont-tit-sub{ text-align: center; font-size: 12px; line-height: 1; padding-bottom: 40px;color: #666;}
}

@media screen and (min-width: 992px) {
	.about-box-04{padding: 100px 0;}
}

@media screen and (min-width: 1240px)  {
	.cont-tit{ font-size: 36px; padding-bottom: 20px;}
	.cont-tit-sub{ font-size: 14px; padding-bottom: 60px;}
	.about-box-04{padding: 130px 0;}
}

@media screen and (min-width: 1360px)  {
	.cont-tit{ font-size: 56px;}
	.cont-tit-sub{ font-size: 16px; padding-bottom: 80px;}
	.about-box-04{padding: 180px 0;}
}


/*--关于我们-发展历程--*/
@media screen and (min-width: 320px) {
	.fzlc-box{ position: relative; overflow: hidden;}
	
	.fzlc-bg{ -webkit-background-size: cover; background-size: cover; background-position: center center; position: relative;}
	.fzlc-bg::before{ content:' '; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(51,102,255,.5);}
	.fzlc-bg-01{ background-image: url(../img/fzlc-bg-01.jpg);}
	.fzlc-bg-02{ background-image: url(../img/fzlc-bg-02.jpg);}
	.fzlc-bg-03{ background-image: url(../img/fzlc-bg-03.jpg);}
	.fzlc-bg-04{ background-image: url(../img/fzlc-bg-04.jpg);}
	.fzlc-max{ width: 100%; height: 100%;  padding: 40px 0;}
	.fzlc-bg .container{height: 100%; position: relative;}
	
	.fzlc-year{ padding-bottom: 15px; position: relative; z-index: 9;}
	.fzlc-year div{ overflow: hidden; position: relative; padding-left: 45px;}
	.fzlc-year span{ width: 36px; height: 36px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; border: solid 2px #fff; line-height: 32px; text-align: center; position: absolute; left: 0; top: 0;}
	.fzlc-year i{ color: #fff;}
	.fzlc-year b{ padding: 8px 0; line-height: 20px; float: left; color: #fff; font-weight: normal; font-size: 20px;}
	
	.fzlc-tit {padding: 10px 0; position: relative; z-index: 9;}
	.fzlc-tit div{ position: relative; overflow: hidden; padding-left: 45px;}
	.fzlc-tit i{width: 16px; height: 16px; border: solid 2px #fff; display: block; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #8400ff; position: absolute; left: 10px; top: 5px;}
	.fzlc-tit span{ line-height: 26px; color: #fff; font-size: 18px;}
	
	.fzlc-list{ position: relative; z-index: 9;}
	.fzlc-list li{ padding: 5px 0; padding-left: 45px; position: relative;}
	.fzlc-list i{width: 10px; height: 10px; background: #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; position: absolute; left: 13px;top: 12px;}
	.fzlc-list span{ line-height: 20px; color: #fff; font-size: 12px;}
	
	.fzlc-bg hr{ height: 500%; width: 2px; background: #fff; opacity: .2; position: absolute; left: 32px; top: 36px; margin: 0;}
	.fzlc-bg .line-t{top: -40px; height: 40px;}
	.fzlc-bg .line-b{}
	
	.fzlc-pic{ padding-left: 45px; padding-top: 10px;}
	.fzlc-pic ul{ margin: -5px; overflow: hidden;}
	.fzlc-pic li{ width: 50%; float: left; padding: 5px;}
	i.pic-scale-fzlc{ padding-bottom: 66.42%; background: #fff;}
	
}

@media screen and (min-width: 480px) {
	.fzlc-pic li{width: 180px;}
}

@media screen and (min-width: 992px) {
	.fzlc-max{ min-height: 56.25vw; padding: 8.33333vw 0;}
	/*.fzlc-max{ min-height: 600px; padding: 70px 0;}*/
	.fzlc-bg hr{left: 27px;}
	.fzlc-pic li{width: 220px;}
}

@media screen and (min-width: 1240px)  {
	
	/*.fzlc-max{ min-height: 800px; padding: 130px 0;}*/
	.fzlc-pic ul{ margin: -15px;}
	.fzlc-pic li{ padding: 15px;}
	.fzlc-pic li{width: 298px;}
	.fzlc-bg hr{left: 32px;}
	
	.fzlc-year div,.fzlc-tit div,.fzlc-list li,.fzlc-pic{ padding-left: 84px;}
	.fzlc-year{ padding-bottom: 50px;}
	.fzlc-year span{ width: 54px; height: 54px; line-height: 50px;}
	.fzlc-year b{ padding: 12px 0; line-height: 30px; font-size: 32px;}
	.fzlc-year i{ font-size: 26px; line-height: 50px;}
	
	.fzlc-bg hr{ left: 42px; top: 54px;}
	.fzlc-bg .line-t{top: -130px; height: 130px;}
	
	.fzlc-tit{ padding: 15px 0;}
	.fzlc-tit i{width: 20px; height: 20px; left: 18px;}
	.fzlc-tit span{ font-size: 22px;}

	
	.fzlc-pic{ padding-top: 20px;}
	.fzlc-list{ padding: 10px 0;}
	.fzlc-list span{ font-size: 14px;}
	.fzlc-list i{ width: 12px; height: 12px; left: 22px;}
}

@media screen and (min-width: 1360px)  {
	/*.fzlc-max{ min-height: 1080px; padding: 160px 0;}*/
	
	.fzlc-bg hr{left: 32px;}
	
	.fzlc-year div,.fzlc-tit div,.fzlc-list li,.fzlc-pic{ padding-left: 114px;}
	.fzlc-year{ padding-bottom: 80px;}
	.fzlc-year span{ width: 84px; height: 84px; line-height: 80px;}
	.fzlc-year b{ padding: 12px 0; line-height: 60px; font-size: 56px;}
	.fzlc-year i{ font-size: 42px; line-height: 80px;}
	
	.fzlc-bg hr{ left: 57px; top: 84px;}
	.fzlc-bg .line-t{top: -160px; height: 160px;}
	
	.fzlc-tit{ padding: 15px 0;}
	.fzlc-tit i{left: 33px; top: 10px;}
	.fzlc-tit span{ font-size: 36px; line-height: 40px;}

	
	.fzlc-pic{ padding-top: 40px;}
	.fzlc-list span{ font-size: 16px;}
	.fzlc-list i{ left: 37px;}
}

/*--关于我们-企业理念--*/
@media screen and (min-width: 320px) {
	.qyln-bg{ background:#0c101c;background:#304098 url(../img/qyln-bg-m.jpg) center bottom no-repeat; -webkit-background-size: contain;
	background-size: contain;}
	.qyln-mess{ padding: 50px 0 50vw 0; /*text-align: center;*/}
	.qyln-mess *{ color: #fff;}
	.qyln-mess .tit{ display: block; padding-bottom: 20px; font-size: 18px; /*font-weight: normal;*/}
	.qyln-mess .txt{ font-size: 14px;}
	.content-box *{font-family: auto!important;}
}

@media screen and (min-width: 992px) {
	.qyln-bg{background: url(../img/qyln-bg.jpg) center center no-repeat; -webkit-background-size: cover;
	background-size: cover; height: 47.1354vw;}
	.qyln-mess{ padding: 0;text-align: left; width: 36%; text-align: justify;}
	.qyln-bg .container{ height: 100%;/* width:85.5vw;*/}
	.qyln-max{ height: 100%; display: flex; align-items: center;}
	.qyln-mess .txt{font-size: 15px;}
	.qyln-mess .tit{ font-size: 25px;}
}

@media screen and (min-width: 1240px)  {
	.qyln-mess .tit{ font-size: 28px;}
	.qyln-mess .txt{font-size: 16px;}
	/*.qyln-bg{height: 750px;}*/
	.qyln-bg-news{height: 600px;}
	.qyln-mess .tit{ padding-bottom: 10px;}
	.qyln-mess{width:38%;}
}

@media screen and (min-width: 1360px)  {
	.qyln-mess .tit{ font-size: 36px;}
	.qyln-mess .txt{font-size: 16px;}
	/*.qyln-bg{height: 905px;}*/
}

/*--关于我们-发展成果及荣誉资质--*/
@media screen and (min-width: 320px) {
	.fzcg-box-tl{ padding:20px 15px; margin: 0 -15px; background: #FAFAFA;}
	.fzcg-box-tl .tit{ font-size: 18px; color: #333; font-weight: normal;}
	.fzcg-box-tl ul li{ padding-top: 15px;}
	.fzcg-box-tl ul .tit-sub{ font-size: 14px; font-weight: bold; color: #3366FF; padding-bottom: 5px; display: block;}
	.fzcg-box-tl ul .txt{ font-size: 12px; color: #333;}
	
	.fzcg-box-tr{ padding: 20px 0;}
	.fzcg-box-tr .tit{ font-size: 18px; color: #333; font-weight: normal;}
	.fzcg-box-tr .list{ overflow: hidden;}
	.fzcg-box-tr .list dl{ float: left;  padding-top: 15px; min-width: 80px;}
	.fzcg-box-tr .list dt{ font-size: 16px; color: #3366FF; font-family: Novecento;}
	
	
	.fzcg-box-b{ background: url(../img/ryzz-bg.jpg) center bottom no-repeat; -webkit-background-size: cover;
	background-size: cover; padding: 50px 0;}
	.fzcg-box-b .tit{ font-size: 18px; color: #fff;}
	.ryzz-swiper .swiper-slide{display: flex; align-items: flex-end;}
	.ryzz-box{ position: relative; padding-bottom: 50px; padding-left: 4px;}
	.ryzz-box b{ position: absolute; left: 0; bottom: 0; line-height: 30px;}
	.ryzz-list{ position: relative;}
	.ryzz-list li { padding-left: 15px; color: #fff; position: relative; padding-bottom: 15px; font-size: 12px; line-height: 20px; padding-right: 15px;}
	.ryzz-list li i{display: block; width: 8px; height: 8px; background: #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; left: -4px; position: absolute; top: 6px;}
	.ryzz-list hr{ top: 6px; bottom: 0; width: 1px; height: auto; background: #fff; margin: 0; position: absolute;}
	
	
	.ryzz-box b{ color: #fff; font-weight: normal; font-size: 14px; padding-left: 4px;}
	.ryzz-max{ padding: 30px 50px 0 50px ; position: relative;}
	
	.ryzz-hr{ position: absolute; bottom: 50px; margin: 0; left: -100%; right: -100%; }
	
	.ryzz-btn div{ top:auto; bottom: 70px;}
}

@media screen and (min-width: 992px) {
	.fzcg-box-tl{ margin: 0; padding: 30px 20px 30px 0; float: left; width: 50%; position: relative; z-index: 2;}
	.fzcg-box-tr{ float: left; width: 50%; padding: 30px 0 0 20px;}
	
	.fzcg-box-tl ul li{ padding-top: 40px;}
	.fzcg-box-tl ul .txt{ line-height: 30px;}
	
	.fzcg-box-tr .list dl{ padding-top: 40px;  min-width: 100px;}
	
	.fzcg-box-t{ position: relative;}
	.fzcg-box-t:before{ content: ' '; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #fafafa;}
	.fzcg-box-tr .list{ position: relative; z-index: 2;}
	.fzcg-box-tr .img-mw{ position: relative; top: -20px;}
	
	.fzcg-box-b{ padding: 80px 0;}
	.ryzz-list ul{ padding-bottom: 20px;}
	.ryzz-max{ padding-top: 50px;}
}

@media screen and (min-width: 1240px){
	.fzcg-box-tl .tit{ font-size: 24px;}
	.fzcg-box-tr .tit{ font-size: 24px;}
	.fzcg-box-tl{ padding: 50px 30px 50px 0;}
	.fzcg-box-tr{ padding: 50px 0 0 30px;}
	.fzcg-box-tl ul li{ padding-top: 60px;}
	.fzcg-box-tl ul .tit-sub{ font-size: 18px;}
	
	.fzcg-box-tr .list dl{ padding-top: 60px;   min-width: 130px;}
	
	.fzcg-box-tl ul .txt{ font-size: 14px;}
	.fzcg-box-tr .list dt{ font-size: 24px;}
	.fzcg-box-tr .list dd{ font-size: 14px;}
	
	.fzcg-box-b{ padding: 130px 0;}
	.ryzz-list ul{ padding-bottom: 30px;}
	.ryzz-max{ padding-top: 100px; padding-left: 0; padding-right: 0;}
	.fzcg-box-b .tit{ font-size: 24px;}
	
	.ryzz-list li{ font-size: 14px; padding-bottom: 40px;}

	
	.ryzz-box b{ font-size: 18px;}
	.ryzz-btn div{ top:auto; bottom: 100px;}
}

@media screen and (min-width: 1360px)  {
	.fzcg-box-tl{ padding: 60px 40px 60px 0;}
	.fzcg-box-tr{ padding: 60px 0 0 40px;}
	
	.fzcg-box-tl .tit{ font-size: 36px;}
	.fzcg-box-tr .tit{ font-size: 36px;}
	.fzcg-box-tl ul .tit-sub{ font-size: 24px;}
	.fzcg-box-tr .list dt{ font-size: 36px;}
	
	.fzcg-box-b{ padding: 160px 0;}
	.fzcg-box-b .tit{ font-size: 36px;}
	.ryzz-max{ padding-top: 140px;}
	.ryzz-list ul{ padding-bottom: 40px;}
	.ryzz-list li{ font-size: 16px; padding-bottom: 50px;}
	
	.ryzz-box b{ font-size: 24px;}
	
	.fzcg-box-tr .list dl{  min-width: 150px;}
}
@media screen and (min-width: 1560px){
	.ryzz-btn div{ top:auto; bottom: 130px;}
}

/*产品-新品专区*/
@media screen and (min-width: 320px) {
	.pro-list{ padding: 0;}
	.pro-list ul{ overflow: hidden; margin: -10px;}
	.pro-list li{ padding: 10px;}
	
	.pro-list dt{ border: solid 1px #ddd; position: relative;}
	.pro-list dd{ background: #F0F0F0; text-align: center; padding: 0 15px; font-size: 12px; height: 62px; display: flex; align-items: center;  background-image: linear-gradient(to right, #8400FF, #2E88FF);}
	.pro-list dd b{display: block; color: #fff; font-weight: normal; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; text-align: center; width: 100%;}
 	.bg-gray .pro-list dd{ background: #666666; background-image: linear-gradient(to right, #8400FF, #2E88FF);}
 	.bg-gray .pro-list dd b{ color: #fff; }
	i.pic-scale-pro{ padding-bottom: 80.88%;}
	
	.pro-list dt div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(51,102,255,.75); opacity: 0;}
	.pro-list dt span{ width: 40px; height: 40px; background: #fff; -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; z-index: 9; text-align: center; opacity: 0; transform: translateY(5px); -webkit-transform: translateY(5px);}
	.pro-list dt span i:before{ line-height: 40px; display: block; color: #8400FF;}
	.pro-list a:hover dt{ border-color: #3366FF;}
	.pro-list a:hover dt div{ opacity: 1;}
	.pro-list a:hover dt span{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}
	.pro-list a:hover dd{ background: #3366FF;}
	.pro-list a:hover dd b{ color: #fff;}
}

@media screen and (min-width: 480px) {
	.pro-list ul{}
	.pro-list li{ float: left; width: 50%;}
}
	
@media screen and (min-width: 992px) {
	.pro-list ul{ margin: -15px -10px;}
	.pro-list li{ padding: 15px 10px; width: 33.3333%;}
	.pro-list dd b{ font-size: 14px;}
}

@media screen and (min-width: 1240px)  {
	.pro-list ul{ margin: -25px -14px;}
	.pro-list li{ padding: 25px 14px;}
	.pro-list dd{ height: 80px; padding: 0 20px;}
	.pro-list dd b{ font-size: 16px;}
	.pro-list dt span{ width: 60px; height: 60px; margin-left: -30px; margin-top: -30px;}
	.pro-list dt span i:before{ line-height: 60px; font-size: 22px;}
}

@media screen and (min-width: 1360px)  {
	.pro-list dd b{ font-size: 18px;}
}

/*产品-产品内页*/
@media screen and (min-width: 320px) {
	.cp-info-t{background: #FAFAFA; padding: 30px 0;}
	.cp-tit{ color: #3366FF;font-size: 14px; font-weight: bold; text-align: center; padding-bottom: 15px;}
	
	.cp-box-r{ padding-top: 15px;}
	.cp-box-r dl{ padding: 4px 0;overflow: hidden;}
	.cp-box-r dt{color: #333;font-weight: bold; font-size: 12px; float: left;}
	.cp-box-r dd{color: #666; font-size: 12px; overflow: hidden;}
	
	.cp-box-r ul{ padding: 15px 0; text-align: center;}
	.cp-box-r li{  padding: 0 5px; display: inline-block;}
	.cp-box-r li a{ padding: 0 25px;-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; color: #fff; background: #3366FF; display: block; overflow: hidden;}
	.cp-box-r li a i:before{ float: left; padding-right: 5px; line-height: 40px; font-size: 16px;}
	.cp-box-r li a span{ float: left; line-height: 40px; }
	
	.cp-box-r li a:hover{background: #8400FF; box-shadow: 0 5px 15px rgba(101,0,195,.2);}
}

@media screen and (min-width: 992px) {
	.cp-info-t{ padding: 50px 0;}
	.cp-tit{font-size: 16px; padding-bottom: 30px;}
	.cp-box{ overflow: hidden; display: flex;}
	.cp-box-l{ flex:.9; padding-right: 20px; }
	.cp-box-r{ flex:1.1; padding-left: 20px; padding-top: 0; display: flex; align-items: center;}
	.cp-box-r dt,.cp-box-r dd{ font-size: 14px;}
	
	.box-tit-03{ padding-bottom: 25px;}
	
	.cp-box-r ul{text-align: left; padding-bottom: 0;}
	.cp-box-r li{ padding: 0 15px 0 0;}
}

@media screen and (min-width: 1240px)  {
	.cp-info-t{ padding: 70px 0;}
	.cp-tit{font-size: 20px; padding-bottom: 40px;}
	
	.cp-box-r{}
	.cp-box-r dt,.cp-box-r dd{ font-size: 16px;}
	.box-tit-03{padding-bottom: 35px;}
	/*.cp-box-r li a:hover{box-shadow: 0 10px 30px rgba(101,0,195,.2);}*/
}

@media screen and (min-width: 1360px) {
	.cp-info-t{ padding: 100px 0;}
	.cp-tit{font-size: 24px; padding-bottom: 50px;}
	.cp-box-r dt,.cp-box-r dd{ font-size: 18px;}
	.cp-box-r{}
	.box-tit-03{padding-bottom: 45px;}
}


/*产品-技术平台*/
@media screen and (min-width: 320px) {
	.bg-gray{ background: #F0F0F0;}
	.pt-bg-01{ background-image:url(../img/PLATFORM.png); -webkit-background-size: contain;
	background-size: contain; background-position: center top; background-repeat: no-repeat;}
	
	.pt-t{ overflow: hidden; display: flex; align-items: center; min-height: 40vw; width: 100%;}
	.pt-t-mess{ width: 100%;}
	.pt-t b{font-size: 16px; font-weight: normal; display: block; text-align: center; color: #333; padding-bottom: 10px;}
	.pt-t div{ text-align: center; font-weight: bold; font-size: 14px; color: #8400FF; padding-bottom: 10px;}
	.pt-t span{font-size: 12px; display: block; text-align: center; color: #666;}
	
	.pt-b-bg{ background-position: center center; position: relative; -webkit-background-size: cover;
	background-size: cover;}
	.pt-b-bg .shade{background: rgba(26,79,155,.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition:.3s;}
	.pt-b-bg-01{background-image: url(../img/pic-21.jpg);}
	.pt-b-bg-02{background-image: url(../img/pic-22.jpg);}
	.pt-b-bg-03{background-image: url(../img/pic-23.jpg);}
	.pt-b-bg-04{background-image: url(../img/pic-24.jpg);}
	.pt-b-bg-05{background-image: url(../img/pic-25.jpg);}
	.pt-b-bg-06{background-image: url(../img/pic-26.jpg);}
	.pt-b-bg dl{ position: relative; z-index: 2; color: #fff; padding: 30px;}
	.pt-b-bg dt span{ width: 74px; height: 74px; border: solid 2px #fff;display: block; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin: 0 auto; text-align: center; }
	
	.pt-b-bg dt i:before{ line-height: 60px; font-size: 32px;}
	.pt-b-bg dd{ padding-top: 15px;}
	.pt-b-bg dd b{ text-align: center; padding-bottom: 15px;text-align: center;display: block; font-size: 14px;}
	.pt-b-bg dd span{ display: block; text-align: center; font-size: 12px; line-height: 2;}
	
	.pt-b a{display:block; width:100%;color:#fff;}
	.pt-b a:hover .shade{ background:#3366FF;}
}

@media screen and (min-width: 992px) {
	.pt-b ul{ overflow: hidden; display: flex; align-items: stretch;}
	.pt-b li{flex: 1; display: flex; align-items: stretch;}
	.pt-b-bg{ flex: 1; min-height: 260px; display: flex; align-items: stretch;}
	.pt-b-bg dl{ width: 100%;}
	.pt-b-bg dt span{width: 104px; height: 104px;}
	.pt-b-bg dt i:before{ line-height: 100px; font-size: 48px;}
	
	.pt-t{ min-height: 20vw;}
	.pt-t b{ font-size: 22px;}
	.pt-t div{ font-size: 18px;}
	.pt-t span{ font-size: 14px;}

	.pt-c{ display: flex; align-items: center; width: 100%;}
}

@media screen and (min-width: 1240px)  {
	.pt-b-bg dt span{width: 124px; height: 124px;}
	.pt-b-bg dt i:before{ line-height: 120px; font-size: 58px;}
	.pt-b-bg{ min-height: 330px;}
	.pt-b-bg dd b{ font-size: 18px;}
	.pt-b-bg dd{}
	
	.pt-t b{ font-size: 28px;}
	.pt-t div{ font-size: 24px;}
	.pt-t span{ font-size: 16px;}
}

@media screen and (min-width: 1360px)  {
	.pt-b-bg{ padding: 50px;}
	.pt-b-bg dt span{width: 150px; height: 150px;}
	.pt-b-bg dt i:before{ line-height: 146px; font-size: 66px;}
	.pt-b-bg{ min-height: 380px;}
	
	.pt-t b{ font-size: 36px;}
	.pt-t div{ font-size: 30px;}
}

/*--集团新闻--*/
@media screen and (min-width: 320px) {
	.cont-bg-min{ background: #F0F0F0; padding: 15px 0;}
	.cont-bg-min-02{ background: #fff;}
	.jtxw-box{ position: relative;}
	i.pic-scale-jtxw{ padding-bottom: 59.38%;}
	.jtxw-t-box dl{ background: #fff;}
	.jtxw-t-box dd{ padding: 15px;}
	.jtxw-t-box dd .jtxw-t-time{ display: block; color: #697882; margin-bottom: 5px;}
	.jtxw-t-box dd b{ display: block; margin-bottom: 10px; color: #2d373c; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px;  font-size: 16px;}
	.jtxw-t-box dd p{ display: none;}
	
	.xwzx-btn{ height: 36px; line-height: 36px; padding: 0 20px; -webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px; display: inline-block; background: #3366FF;}
	.xwzx-btn span{ color: #fff; padding-right: 5px; float: left; line-height: 36px;}
	.xwzx-btn i{color: #fff; float: left; line-height: 36px;}
	.jtxw-t-box:hover .xwzx-btn{ box-shadow: 0 10px 30px rgba(101,0,195,.2);  background:#8400FF;}
	.jtxw-t-box:hover .xwzx-btn span{ padding-right: 10px;}
	
	.jtxw-t-box:hover dd b{ color: #3366FF;}
	.jtxw-t-box a:hover{}
	
		
	.jtxw-btn{ width: 42px; height: 42px; line-height: 42px; text-align: center; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #fff; position: absolute; z-index: 2; top: 50%; margin-top: -104px; opacity: 1; cursor: pointer;}
	.jtxw-prev{ left: 15px;}
	.jtxw-next{ right: 15px;}
	.jtxw-btn i:before{ line-height: 42px; color: #888; font-size: 16px;}
	.jtxw-btn:hover{background: #3366FF;}
	.jtxw-btn:hover i:before{ color: #fff;}
	.jtxw-btn-box .swiper-button-disabled{ display: none;}
	
	.swiper-pagination-jtxw{ text-align: center; bottom: 172px; position: absolute; z-index: 2; width: 100%; line-height: auto;}
	.swiper-pagination-jtxw span{ width: 12px; height: 12px; margin: 0 5px; opacity: 1; background: #fff;}
	.swiper-pagination-jtxw span.swiper-pagination-bullet-active{ background: #3366FF;}
	
	
	
	
	.news-list { margin: -5px 0; padding: 15px 0;}
	.news-list dl{ overflow: hidden;}
	.news-list dt{ float: left; width: 120px; padding-right: 10px;}
	.news-list dd{ overflow: hidden;}
	.news-list li{ padding: 5px 0;}
	.news-list li a{ display: block; border: solid 1px #eee; padding: 10px;}
	.news-list li a span{ display: block; font-size: 12px; color: #555;}
	.news-list li a b{ display: block; font-size: 14px; color: #222; font-weight: normal;}
	.news-list li a p{ color: #555; font-size: 12px; display: none;}
	.news-list li a:hover b{ color: #3366FF; text-decoration: underline;}
	
	i.pic-scale-news-03{ padding-bottom: 63.64%;}
}

@media screen and (min-width: 992px) {
	.xwzx-btn{ height: 40px; line-height: 40px; padding: 0 30px; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; }
	.xwzx-btn span{ padding-right: 10px; line-height: 40px; font-size: 12px;}
	.xwzx-btn i{ line-height: 40px;font-size: 12px;}
	.jtxw-t-box:hover .xwzx-btn span{ padding-right: 20px;}

	
	.jtxw-t-box dl{ overflow: hidden;}
	.jtxw-t-box dt{ float: left;width: 50%;}
	.jtxw-t-box dd{ float: left; width: 50%; padding:15px 25px;}
	
	.jtxw-t-box dd b{ font-size: 18px; height: 62px;}
	.jtxw-t-box dd p{ display: block; font-size: 14px; line-height: 24px; height: 96px; margin-bottom: 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: #666;}
	
	.swiper-pagination-jtxw{ width: 50%; bottom: 15px;}
	
	.jtxw-prev{ left: 20px; margin-top: -21px;}
	.jtxw-next{ right: 50%; margin-top: -21px; margin-right: 20px;}
	
	.cont-bg-min{ padding: 20px 0;}
	
	.news-list{ margin: -10px 0; padding: 20px 0;}
	.news-list li { padding: 10px 0;}
	.news-list li a span{ font-size: 14px; padding-bottom: 5px;}
	.news-list li a p{ display: block; font-size: 14px; line-height: 22px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px;}
	.news-list li a b{ font-size: 18px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	
	.news-list dt{ width: 230px; padding-right: 10px;}
	.news-list dd{ padding: 5px 10px 5px 10px;}
}

@media screen and (min-width: 1240px) {
	.jtxw-t-box dd{ padding:20px 40px; }
	.jtxw-t-box dd .jtxw-t-time{ margin-bottom: 15px;}
	.jtxw-t-box dd b{ font-size: 22px; height: 76px; margin-bottom: 15px;}
	.jtxw-t-box dd p{ margin-bottom: 15px;}
	
	.xwzx-btn{ height: 48px; line-height: 48px; padding: 0 30px; -webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px; }
	.xwzx-btn span{ line-height: 48px; font-size: 14px;}
	.xwzx-btn i{ line-height: 48px; font-size: 14px;}
	
	div.jtxw-prev,div.jtxw-next{ margin-top: -25px; width: 50px; height: 50px; line-height: 50px;}
	
	.cont-bg-min{ padding: 30px 0;}
	
	.news-list{ padding: 30px 0;}
	.news-list li a b{ font-size: 20px;}
	
}

@media screen and (min-width: 1360px)  {
	.jtxw-t-box dd{ padding:30px 40px; }
	.jtxw-t-box dd p{ margin-bottom: 20px;}
	.xwzx-btn{ height: 62px; line-height: 62px; padding: 0 40px; -webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px; }
	.xwzx-btn span{ line-height: 62px; font-size: 16px;}
	.xwzx-btn i{ line-height: 62px; font-size: 16px;}
	
	.cont-bg-min{ padding: 40px 0;}
	.news-list li a b{ font-size: 24px;}
}

/*--集团新闻-详细页--*/
@media screen and (min-width: 320px) {
	div.news-tit{ text-align: center; font-size: 18px; line-height: 32px; color: #222;}
	
	.news-mess{ overflow: hidden; padding: 5px 20px 10px 20px; border-bottom: solid 1px #d7d7d7;}
	.news-mess-box{ padding:  0; overflow: hidden; text-align: center;}
	.news-mess span{ line-height: 22px;}
	.news-mess-box a.author{ color: #3366FF;}
	.news-mess-box a.author:hover{ text-decoration: underline;}

	
	.news-content{ padding: 15px 0;}
	
	.news-link-box{ border-top: solid 1px #d7d7d7; padding: 10px 0;}
	.news-link-box div{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.news-link-box a{ font-size: 14px; line-height: 30px;}
	.news-link-box span{ color: #3366FF;}
	
	.news-btn{ text-align: center;}
	.news-btn a{ width: 155px; border: solid 1px #ddd; height: 56px; display: inline-block; line-height: 54px; margin: 0 10px; text-align: center;}
	.phone-hide{display: none;}
	.news-btn a i{ font-size: 34px; display: inline-block; overflow: hidden; line-height: 54px; padding-right: 5px;}
	.news-btn a i:before{ color: #3366FF;}
	.news-btn a span{ display: inline-block; overflow: hidden; line-height: 54px; color: #424242;}
	
	.news-btn a:hover{ background: #3366FF; border-color: #3366FF; }
	.news-btn a:hover *,.news-btn a:hover *:before{ color: #fff;}
	
	.info-bg{ background: #fff; padding: 15px;}
	
	/*.cont-pb{ padding-bottom: 0;}*/
}

@media screen and (min-width: 992px) {
	
	div.news-tit{ font-size: 20px; line-height: 46px; font-weight: bold;}
	
	.news-content{ padding: 30px 0;}
	
	.news-mess .phone-hide{display: inline-block;}
	.news-mess-box div.bshare-custom a{ background: none; width: 40px; height: 40px; padding-left: 0; text-align: center; line-height: 40px; font-size: 24px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; color: #fff; margin-right: 10px; float: left;}
	.news-mess-box div.bshare-custom a:hover{text-decoration: none;}
	.news-mess-box div.bshare-custom a.bshare-weixin{ background: #50b674;}
	.news-mess-box div.bshare-custom a.bshare-sinaminiblog{ background: #f35454;}
	.news-mess-box div.bshare-custom a.bshare-qzone{ background: #f5bc32;}
	.news-mess-box div.bshare-custom a.bshare-qqim{ background: #00a4ff; margin-right: 0;}
	
	.news-link-box{ padding: 15px 0 0 0; margin: 0;}
	
	.news-mess{ text-align: center; padding: 20px 30px; margin: 0 ;}
	div.news-mess-box{display: inline-block; line-height: 40px; overflow: hidden; padding: 0 10px;}
	.news-mess span{ float: left; line-height: 40px;}
	.bshare-custom{ float: left;}
	
	.font-btn{ width: 40px; height: 40px; float: left; line-height: 40px; background: #ccc; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin-right: 10px;}
	.font-reduce{ margin-right: 0;}
	.font-btn:hover{ background:  #3366FF;}
	.font-btn-off,.font-btn-off:hover{background: #eee;}
	.font-btn i{ font-size: 24px; color: #fff;}
	
	.return-btn{ border: solid 1px #ddd; background: #f7f7f7; overflow: hidden; display: block; padding: 0 15px;-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; color: #3366FF;}
	.return-btn *{ color: #3366FF;}
	.return-btn i{ float: left; line-height: 40px; padding-right: 8px; font-size: 20px;}
	.return-btn i:before{ color: #3366FF;}
	.return-btn:hover { background: #3366FF; border-color: #3366FF;}
	.return-btn:hover *,.return-btn:hover *:before{ color: #fff;}
	

	.news-btn{ text-align: center; padding-bottom: 20px;}
	.news-btn a span{ font-size: 16px;}
	.news-btn a i{ padding-right: 10px;}
	.news-btn a.phone-hide{display: inline-block;}
}

@media screen and (min-width: 1240px) {
	div.news-tit{ font-size: 34px; line-height: 54px;}
	.info-bg{ padding: 30px;}
}

/*--用户服务-质量体系--*/
@media screen and (min-width: 320px) {
	.zltx-mess dd{ height: 230px; padding: 15px; background: #fff;}
	.swiper-pagination-zltx{ bottom: 232px;}
	.zltx-mess b{  font-size: 18px; font-weight: normal; color: #333; display: block; padding-bottom: 10px; color: #333;}
	.zltx-mess span{ display: block;  font-size: 12px; line-height: 24px; color: #333;}
	
	.fhfw-mess dd{background: #F7F7F7;}
	
	.jtxw-prev{ margin-top: -134px;}
	.jtxw-next{ margin-top: -134px;}
}

@media screen and (min-width: 992px) {
	.zltx-mess{ overflow: hidden;}
	.zltx-mess dt{ width: 50%; float: left;}
	.zltx-mess dd{ width: 50%; float: left; height: 285px; padding: 30px;  display: flex;  align-items: center;}
	.swiper-pagination-zltx{ bottom: 15px;}
	.jtxw-prev{ margin-top: -21px;}
	.jtxw-next{ margin-top: -21px;}
}

@media screen and (min-width: 1240px)  {
	.zltx-mess dd{ padding: 48px 30px; height: 338px;}
	.zltx-mess b{ font-size: 28px;}
	.zltx-mess span{ display: block;  font-size: 14px; line-height: 30px;}
}

@media screen and (min-width: 1360px)  {
	.zltx-mess dd{ height: 380px;}
	.zltx-mess b{ font-size: 36px;}
	.zltx-mess span{ display: block;  font-size: 16px; line-height: 36px;}
}

/*--用户服务-售后服务--*/
@media screen and (min-width: 320px) {
	.shfw-tb{height: 60vw;}
	.pt-bg-03{ background-image:url(../img/SERVICE.png); -webkit-background-size: contain;
	background-size: contain; background-position: center top; background-repeat: no-repeat;}
	.pt-bg-04{ background-image:url(../img/HOTLINE.png); -webkit-background-size: contain;
	background-size: contain; background-position: center center; background-repeat: no-repeat;}
	
	.shfw-b ul{ box-shadow: 0 5px  15px rgba(0,0,0,.05); overflow: hidden;}
	.shfw-b li{ width: 50%; float: left; background: #fff; padding: 15px; height: 130px;}
	.shfw-b li:nth-child(2),.shfw-b li:nth-child(3){background: #F7F7F7;}
	.shfw-b li dt{ color: #3366FF; font-family: Novecento; text-align: center; padding-bottom: 10px;}
	.shfw-b li dt b,.shfw-b li dt span{ font-size: 36px; line-height: 1;}
	.shfw-b li dd{ text-align: center;}
	
	
}

@media screen and (min-width: 992px) {
	.shfw-t{ height: 17vw; padding-top: 3vw;}
	.shfw-tb{ height: 22vw;}
	.shfw-b li{ width: 25%; display: flex; align-items: center;}
	.shfw-b li dl{ width: 100%;}
	.shfw-b li:nth-child(odd){background: #fff;}
	.shfw-b li:nth-child(even){background: #F7F7F7;}
}

@media screen and (min-width: 1240px)  {
	.shfw-b ul{ box-shadow: 0 10px  30px rgba(0,0,0,.05);}
	
	.shfw-b li dt b, .shfw-b li dt span{font-size: 56px;}
	.shfw-b li{ height: 250px;}
	.shfw-b li dd{ font-size: 14px;}
	.shfw-b li dt{ padding-bottom: 20px;}
}

@media screen and (min-width: 1360px)  {
	
	.shfw-b li dt b, .shfw-b li dt span{font-size: 80px;}
	.shfw-b li{ height: 300px;}
	.shfw-b li dd{ font-size: 16px;}
	.shfw-b li dt{ padding-bottom: 30px;}
}


/*--加入我们-人才培养--*/
@media screen and (min-width: 320px) {
	.rcpy-bg{ background-image:url(../img/AMBIENT.png); -webkit-background-size: contain;
	background-size: contain; background-position: center top; background-repeat: no-repeat;}
	.bghj-box{ position: relative; padding: 0 50px;}
	i.pic-scale-pic{ padding-bottom: 61.67%;}
	.bghj-swiper .tit{ height: 40px; line-height: 40px; text-align: center; display: block; font-weight: normal;}
	.bghj-btn div{ margin-top: -40px;}
	.bghj-swiper .shade{ display: none;}
	
	.bghj-t{ min-height: 22vw; padding-top: 4vw;}
	
	.bghj-line{background: #bbb; margin: 0;}
}

@media screen and (min-width: 992px) {
	.rcpy-mess dt{position: relative; left: 50%;}
	.rcpy-mess dd{ position: relative; right: 50%;}
	
	.swiper-pagination-rcpy{ right: 0;}
	
	.rcpy-prev{ left: 0%; margin-left: 20px;}
	.rcpy-next{ right: 0;}
	
	.ygfz-list{ overflow: hidden;}
	.ygfz-list li{ width: 50%; float: left;}
	
	
	.bghj-swiper .shade{ display: block; width: 100%; height: 100%; background: #666; opacity: .7; position: absolute;left: 0; top: 0;}
	.bghj-swiper .tit{ opacity: 0;}
	.bghj-swiper .swiper-slide-active .shade{ opacity: 0;}
	.bghj-swiper .swiper-slide-active .tit{ opacity: 1;}
	
	.bghj-t{ min-height: 17vw; padding-top: 6vw;}
}

@media screen and (min-width: 1240px)  {
	
	.bghj-box{ padding: 0;}
	.bghj-swiper .tit{ line-height: 70px; height: 70px; font-size: 16px;}
	.bghj-btn div{ margin-top: -62px;}
}

@media screen and (min-width: 1360px)  {
	.bghj-swiper .tit{ font-size: 18px;}
}


/*--加入我们-招聘信息--*/
@media screen and (min-width: 320px) {
	.yplc-bg{ background: url(../img/pic-37.jpg) center no-repeat; padding: 30px 0; -webkit-background-size: cover;
	background-size: cover;}
	.yplc-tit{ text-align: center; font-size: 18px; color: #fff; padding-bottom: 30px;}
	
	.yplc-bd{ padding: 0 15vw; text-align: center;}
	
	.m-hide{display: none;}
	.zdwm-box{ padding: 30px 0;}
	.zdwm-tit{ font-size: 18px; text-align: center; padding-bottom: 30px;}


.cont-list{ margin-top: -10px 0; overflow: hidden;}
.cont-bd{ padding: 10px 0;}
.cont-list dt{ height: 30px; position: relative; z-index: 2;}	
.cont-list dt span{ width: 60px; height: 60px; line-height: 60px; background: #3366FF; display: block; margin: 0 auto; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
	.cont-list dt i:before{ color: #fff; font-size: 24px; line-height: 60px;}
	
		
	.cont-list dd{ border: solid 1px #ddd; height: 160px; padding: 15px; display: flex; align-items: center; padding-top: 45px;}
	.cont-list dd div{ width: 100%;}
	.cont-list dd b{ display: block; text-align: center;}
	.cont-list dd span{display: block; text-align: center; font-size: 12px;}
	
	.cont-job{overflow: hidden;  text-align: center;}
	.cont-job li{ width: 81px; padding: 10px; display: inline-block; text-align: left;}
}

@media screen and (min-width: 992px) {
	.pc-hide{display: none;}
	.m-hide{display: block;}
	
	.yplc-bg{ padding: 100px 0;}
	.yplc-tit{ padding-bottom: 80px;}
	.yplc-bd{ padding: 0;}
	
	.cont-list{ margin: -10px;}
	.cont-bd{ width: 33.333%; float: left; padding: 10px;}
	
	.cont-list dd span{ line-height: 24px; height: 81px; padding-top: 13px;}

}

@media screen and (min-width: 1240px)  {
	.yplc-tit{ font-size: 28px; padding-bottom: 100px;}
	.yplc-bg{ padding: 120px 0;}
	
	.cont-list{ margin: -14px;}
	.cont-bd{ padding: 14px;}
	
		.cont-list dt{ height: 40px;}	
.cont-list dt span{ width: 80px; height: 80px; line-height: 80px; }
	.cont-list dt i:before{ color: #fff; font-size: 32px; line-height: 80px;}
	.cont-list dd{ padding-top: 45px; height: 200px;}
	
	.zdwm-box{padding: 40px 0;}
	
	.zdwm-tit{ font-size: 28px;}
	
	.cont-list dd b{ font-size: 18px;}
	.cont-list dd span{ font-size: 14px;}
}

@media screen and (min-width: 1360px)  {
	.yplc-tit{ font-size: 36px; padding-bottom: 140px;}
	.yplc-bg{ padding: 140px 0;}
	
	.zdwm-box{padding: 50px 0;}
	.zdwm-tit{ font-size: 36px;}
	
	.cont-list dd b{ font-size: 24px;}
	.cont-list dd{ height: 240px;}
}


/*--加入我们-企业文化--*/
@media screen and (min-width: 320px) {
	.qyfw-bg-01{background-image:url(../img/Culture.png); -webkit-background-size: contain;
	background-size: contain; background-position: center top; background-repeat: no-repeat;}
	
	.qyfw-list{ text-align: center; width: 100%;}
	.qyfw-list li{ display: inline-block; padding: 10px 10px;}
	.qyfw-list a{ font-size: 14px; color: #fff; line-height: 36px; height: 36px; padding: 0 20px; background: #3366FF; display: block; -webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px; font-size: 12px;}
	.qyfw-list a.on{background: #8400FF;}
	.qyfw-list a:hover{background: #8400FF; box-shadow: 0 5px 15px rgba(101,0,195,.2);}
	
	i.pic-scale-qywh{ padding-bottom: 66.666667%;}
	
	.qywh-list ul{ overflow: hidden; margin: -5px;}
	.qywh-list li{ width: 50%; float: left; padding: 5px;}
	.qywh-list li dt{background-color: rgba(101,0,195,.2);}
	.qywh-list div{display: none;}
	.qywh-list dd{ background: #fff; padding: 15px;}
	.qywh-list span{ display: none; font-size: 12px; color: #aaa;}
	.qywh-list b{ display: block; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; font-size: 12px; font-weight: normal; color: #333; height: 44px;}
.qywh-list a:hover b{ color: #3366FF;}
}

@media screen and (min-width: 992px) {
	.qyfw-list a{ padding: 0 30px; line-height: 40px; height: 40px; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}
	
	.qywh-list ul{ margin: -10px;}
	.qywh-list li{ width: 33.33333%; padding: 10px;}
	.qywh-list li b{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; font-weight: bold; font-size: 14px; margin: 5px 0; height: auto;}
	.qywh-list li div{ display: block; color: #666; font-size: 12px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden; height: 84px;}
}

@media screen and (min-width: 1240px)  {
	.qyfw-list li{ padding: 10px 25px;}
	.qyfw-list a{ font-size: 16px; font-weight: bold; padding: 0 40px; line-height: 48px; height: 48px; -webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px; }
		.qyfw-list a:hover{ box-shadow: 0 10px 30px rgba(101,0,195,.2)}
		
	.qywh-list li b{ font-size: 16px;}
	.qywh-list dd{ padding: 20px 30px; }	
	
	.qywh-list ul{ margin: -10px 15px;}
	.qywh-list li{ padding: 10px 15px;}
}

@media screen and (min-width: 1360px)  {
	.qyfw-list li{ padding: 10px 40px;}
	.qyfw-list a{ font-size: 18px; padding: 0 50px; line-height: 60px; height: 60px; -webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;}
	
	.qywh-list li b{ font-size: 18px;}
	.qywh-list dd{ padding: 25px 40px; }
	
	.qywh-list ul{ margin: -14px -20px;}
	.qywh-list li{ padding: 14px 20px;}
}


/*--导航--*/
@media screen and (min-width: 320px) {

}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1240px)  {
	
}

@media screen and (min-width: 1360px)  {
	
}





/*--聚焦病种的产品体系--*/
@media screen and (min-width: 320px) {
.pt-bg-02{ background-image:url(../img/system.png); -webkit-background-size: contain;
	background-size: contain; background-position: center top; background-repeat: no-repeat;}
	.pro-menu {}
	.pro-menu ul{ margin: -5px; overflow: hidden;}
	.pro-menu li{width: 50%; float: left; padding: 5px; }
	.pro-menu li a{ background: #3366FF; display: block; padding: 5px; color: #FFF; font-weight: normal;}
	.pro-menu li a:hover{background: #8400FF;}
	
	.pro-menu-tit{padding-bottom: 15px; font-weight: bold; font-size: 16px;}
	
	.pro-info-tit{ text-align: center; font-size: 16px; color: #333; font-weight: bold; padding-bottom: 15px;}
	
	.pro-info-mess{ text-align: center; color: #333; font-size: 14px;}
	
	.pro-info-pic{ width: 80%; margin: 0 auto; max-width: 800px;}
	.pro-info-pic i.pic-size{padding-bottom:50%;}
	.table-box{ width: 100%; overflow-x: auto;}
	.table-box .table-bd{ border-top-left-radius: 10px; border-top-right-radius: 10px;border: solid 3px #3366FF;  min-width: 640px; width: 100%;}
	.table-box table{ width: 100%;}
	.table-box table td{padding: 10px; text-align: center;}
	.table-box thead{background: #3366FF; color: #fff;}
	.table-box thead td{ border-right: solid 1px #fff;}
	.table-box thead td:nth-last-child(1){border: none;}
	.table-box tbody td{border: solid 1px #DDD; color: #333;}
	.table-box tbody tr{background: #fff;}
	.table-box tbody tr:nth-child(even){background: #F6F5F8;}
	.table-box td:nth-child(2){text-align: left;}
	.table-box tbody span{color: #8400FF;}
	
}

@media screen and (min-width: 992px) {
	div.pro-menu { padding-top: 20px; padding-bottom:4vw;}
	.pro-menu ul{ margin: -10px;}
	.pro-menu li{ width: 33.33%; padding: 10px; font-size: 14px;flex:1;}
	.pro-menu li a{ line-height: 34px;}
	.pro-menu-tit{padding-bottom: 20px; font-size: 20px;}
	.pro-info-tit{padding-bottom: 20px; font-size: 20px;}
	
	.pro-info-mess{ text-align: center; color: #333;}
}

@media screen and (min-width: 1240px)  {
		.pro-menu { padding-top: 30px;}
		.pro-menu li{ width: 33.33%; padding: 10px; font-size: 16px;}
		.pro-menu li a{ line-height: 44px;}
	.pro-menu-tit{padding-bottom: 30px; font-size: 24px;}
	.pro-info-tit{padding-bottom: 30px; font-size: 24px;}
	.pro-info-mess{font-size: 16px;}
	
	.table-box table td{padding: 15px; font-size: 16px;}
}

@media screen and (min-width: 1360px)  {
	.pro-menu { padding-top: 40px;}
		.pro-menu li{ width: 33.33%; padding: 10px; font-size: 18px;}
		.pro-menu li a{ line-height: 54px;}
	.pro-menu-tit{padding-bottom: 40px; font-size: 28px;}
	.pro-info-tit{padding-bottom: 40px; font-size: 28px;}
	.pro-info-mess{font-size: 18px;}
	
	.table-box table td{font-size: 18px;}
}