/*!

 * ui-dialog.css

 * Date: 2014-07-03

 * https://github.com/aui/artDialog

 * (c) 2009-2014 TangBin, http://www.planeArt.cn

 *

 * This is licensed under the GNU LGPL, version 2.1 or later.

 * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html

 */

.ui-dialog {

    *zoom:1;

    _float: left;

    position: relative;

    background-color: #FFF;

    border: 1px solid #999;

    border-radius: 6px;

    outline: 0;

    background-clip: padding-box;

    font-family: Helvetica, arial, sans-serif;

    font-size: 14px;

    line-height: 1.428571429;

    color: #333;

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;

    transition: transform .15s ease-in-out, opacity .15s ease-in-out;

}

.ui-popup-show .ui-dialog {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.ui-popup-focus .ui-dialog {

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

}

.ui-popup-modal .ui-dialog {

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3);

}

.ui-dialog-grid {

    width: auto;

    margin: 0;

	padding:25px;

    border: 0 none;

    border-collapse:collapse;

    border-spacing: 0;

    background: transparent;

}

.ui-dialog-header,

.ui-dialog-body,

.ui-dialog-footer {

    padding: 0;

    border: 0 none;

    text-align: left;

    background: transparent;

}

.ui-dialog-header {

    white-space: nowrap;

    border-bottom: 1px solid #E5E5E5;

}

.ui-dialog-close {

    position: relative;

    _position: absolute;

    float: right;

    top: 13px;

    right: 13px;

    _height: 26px;

    padding: 0 4px;

    font-size: 21px;

    font-weight: bold;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #FFF;

    opacity: .2;

    filter: alpha(opacity=20);

    cursor: pointer;

    background: transparent;

    _background: #FFF;

    border: 0;

    -webkit-appearance: none;

}

.ui-dialog-close:hover,

.ui-dialog-close:focus {

    color: #000000;

    text-decoration: none;

    cursor: pointer;

    outline: 0;

    opacity: 0.5;

    filter: alpha(opacity=50);

}

.ui-dialog-title {

    margin: 0;

    line-height: 1.428571429;

    min-height: 16.428571429px;

    padding: 15px;

    overflow:hidden; 

    white-space: nowrap;

    text-overflow: ellipsis;

    font-weight: bold;

    cursor: default;

}

.ui-dialog-body {

    padding: 20px;

    text-align: center;

}

.ui-dialog-content {

    display: inline-block;

    position: relative;

    vertical-align: middle;

    *zoom: 1;

    *display: inline;

    text-align: left;

}

.ui-dialog-footer {

    padding: 0 20px 20px 20px;

}

.ui-dialog-statusbar {

    float: left;

    margin-right: 20px;

    padding: 6px 0;

    line-height: 1.428571429;

    font-size: 14px;

    color: #888;

    white-space: nowrap;

}

.ui-dialog-statusbar label:hover {

    color: #333;

}

.ui-dialog-statusbar input,

.ui-dialog-statusbar .label {

    vertical-align: middle;

}

.ui-dialog-button {

    float: right;

    white-space: nowrap;

}

.ui-dialog-footer button+button {

    margin-bottom: 0;

    margin-left: 5px;

}

.ui-dialog-footer button {

    width:auto;

    overflow:visible;

    display: inline-block;

    padding: 6px 12px;

    _margin-left: 5px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.428571429;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

    -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

       -o-user-select: none;

          user-select: none;

}



.ui-dialog-footer button:focus {

  outline: thin dotted #333;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}



.ui-dialog-footer button:hover,

.ui-dialog-footer button:focus {

  color: #333333;

  text-decoration: none;

}



.ui-dialog-footer button:active {

  background-image: none;

  outline: 0;

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.ui-dialog-footer button[disabled] {

  pointer-events: none;

  cursor: not-allowed;

  opacity: 0.65;

  filter: alpha(opacity=65);

  -webkit-box-shadow: none;

          box-shadow: none;

}



.ui-dialog-footer button {

  color: #333333;

  background-color: #ffffff;

  border-color: #cccccc;

}



.ui-dialog-footer button:hover,

.ui-dialog-footer button:focus,

.ui-dialog-footer button:active {

  color: #333333;

  background-color: #ebebeb;

  border-color: #adadad;

}



.ui-dialog-footer button:active{

  background-image: none;

}



.ui-dialog-footer button[disabled],

.ui-dialog-footer button[disabled]:hover,

.ui-dialog-footer button[disabled]:focus,

.ui-dialog-footer button[disabled]:active {

  background-color: #ffffff;

  border-color: #cccccc;

}



.ui-dialog-footer button.ui-dialog-autofocus {

  color: #ffffff;

  background-color: #428bca;

  border-color: #357ebd;

}



.ui-dialog-footer button.ui-dialog-autofocus:hover,

.ui-dialog-footer button.ui-dialog-autofocus:focus,

.ui-dialog-footer button.ui-dialog-autofocus:active {

  color: #ffffff;

  background-color: #3276b1;

  border-color: #285e8e;

}



.ui-dialog-footer button.ui-dialog-autofocus:active {

  background-image: none;

}

.ui-popup-top-left .ui-dialog,

.ui-popup-top .ui-dialog,

.ui-popup-top-right .ui-dialog {

    top: -8px;

}

.ui-popup-bottom-left .ui-dialog,

.ui-popup-bottom .ui-dialog,

.ui-popup-bottom-right .ui-dialog {

    top: 8px;

}

.ui-popup-left-top .ui-dialog,

.ui-popup-left .ui-dialog,

.ui-popup-left-bottom .ui-dialog {

    left: -8px;

}

.ui-popup-right-top .ui-dialog,

.ui-popup-right .ui-dialog,

.ui-popup-right-bottom .ui-dialog {

    left: 8px;

}



.ui-dialog-arrow-a,

.ui-dialog-arrow-b {

    position: absolute;

    display: none;

    width: 0;

    height: 0;

    overflow:hidden;

    _color:#FF3FFF;

    _filter:chroma(color=#FF3FFF);

    border:8px dashed transparent;

}

.ui-popup-follow .ui-dialog-arrow-a,

.ui-popup-follow .ui-dialog-arrow-b{

    display: block;

}

.ui-popup-top-left .ui-dialog-arrow-a,

.ui-popup-top .ui-dialog-arrow-a,

.ui-popup-top-right .ui-dialog-arrow-a {

    bottom: -16px;

    border-top:8px solid #7C7C7C;

}

.ui-popup-top-left .ui-dialog-arrow-b,

.ui-popup-top .ui-dialog-arrow-b,

.ui-popup-top-right .ui-dialog-arrow-b {

    bottom: -15px;

    border-top:8px solid #fff;

}

.ui-popup-top-left .ui-dialog-arrow-a,

.ui-popup-top-left .ui-dialog-arrow-b  {

    left: 15px;

}

.ui-popup-top .ui-dialog-arrow-a,

.ui-popup-top .ui-dialog-arrow-b  {

    left: 50%;

    margin-left: -8px;

}

.ui-popup-top-right .ui-dialog-arrow-a,

.ui-popup-top-right .ui-dialog-arrow-b {

    right: 15px;

}

.ui-popup-bottom-left .ui-dialog-arrow-a,

.ui-popup-bottom .ui-dialog-arrow-a,

.ui-popup-bottom-right .ui-dialog-arrow-a {

    top: -16px;

    border-bottom:8px solid #7C7C7C;

}

.ui-popup-bottom-left .ui-dialog-arrow-b,

.ui-popup-bottom .ui-dialog-arrow-b,

.ui-popup-bottom-right .ui-dialog-arrow-b {

    top: -15px;

    border-bottom:8px solid #fff;

}

.ui-popup-bottom-left .ui-dialog-arrow-a,

.ui-popup-bottom-left .ui-dialog-arrow-b {

    left: 15px;

}

.ui-popup-bottom .ui-dialog-arrow-a,

.ui-popup-bottom .ui-dialog-arrow-b {

    margin-left: -8px;

    left: 50%;

}

.ui-popup-bottom-right .ui-dialog-arrow-a,

.ui-popup-bottom-right .ui-dialog-arrow-b {

    right: 15px;

}

.ui-popup-left-top .ui-dialog-arrow-a,

.ui-popup-left .ui-dialog-arrow-a,

.ui-popup-left-bottom .ui-dialog-arrow-a {

    right: -16px;

    border-left:8px solid #7C7C7C;

}

.ui-popup-left-top .ui-dialog-arrow-b,

.ui-popup-left .ui-dialog-arrow-b,

.ui-popup-left-bottom .ui-dialog-arrow-b {

    right: -15px;

    border-left:8px solid #fff;

}

.ui-popup-left-top .ui-dialog-arrow-a,

.ui-popup-left-top .ui-dialog-arrow-b {

    top: 15px;

}

.ui-popup-left .ui-dialog-arrow-a,

.ui-popup-left .ui-dialog-arrow-b {

    margin-top: -8px;

    top: 50%;

}

.ui-popup-left-bottom .ui-dialog-arrow-a,

.ui-popup-left-bottom .ui-dialog-arrow-b {

    bottom: 15px;

}

.ui-popup-right-top .ui-dialog-arrow-a,

.ui-popup-right .ui-dialog-arrow-a,

.ui-popup-right-bottom .ui-dialog-arrow-a {

    left: -16px;

    border-right:8px solid #7C7C7C;

}

.ui-popup-right-top .ui-dialog-arrow-b,

.ui-popup-right .ui-dialog-arrow-b,

.ui-popup-right-bottom .ui-dialog-arrow-b {

    left: -15px;

    border-right:8px solid #fff;

}

.ui-popup-right-top .ui-dialog-arrow-a,

.ui-popup-right-top .ui-dialog-arrow-b {

    top: 15px;

}

.ui-popup-right .ui-dialog-arrow-a,

.ui-popup-right .ui-dialog-arrow-b {

    margin-top: -8px;

    top: 50%;

}

.ui-popup-right-bottom .ui-dialog-arrow-a,

.ui-popup-right-bottom .ui-dialog-arrow-b {

    bottom: 15px;

}





@-webkit-keyframes ui-dialog-loading {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}

@keyframes ui-dialog-loading {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}



.ui-dialog-loading {

    vertical-align: middle;

    position: relative;

    display: block;

    *zoom: 1;

    *display: inline;

    overflow: hidden;

    width: 32px;

    height: 32px;

    top: 50%;

    margin: -16px auto 0 auto;

    font-size: 0;

    text-indent: -999em;

    color: #666;

}

.ui-dialog-loading {

    width: 100%\9;

    text-indent: 0\9;

    line-height: 32px\9;

    text-align: center\9;

    font-size: 12px\9;

}



.ui-dialog-loading::after {

    position: absolute;

    content: '';

    width: 3px;

    height: 3px;

    margin: 14.5px 0 0 14.5px;

    border-radius: 100%;

    box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;

    -webkit-transform: rotate(360deg);

    -webkit-animation: ui-dialog-loading 1.5s infinite linear;

    transform: rotate(360deg);

    animation: ui-dialog-loading 1.5s infinite linear;

    display: none\9;

}


@charset "utf-8";

/***

 .ispc //PC专用

 .ismobile //移动专用

***/

/*初始化样式表*/

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}

body{font:0.75em/1.5 Arial, Verdana, "Microsoft Yahei","微软雅黑","宋体",Helvetica,sans-serif; -webkit-text-size-adjust:100%; }

h1,h2,h3,h4,h5,h6{ font-weight:400;}

a{ color:#333; text-decoration:none;}

a:hover{text-decoration:none;}

/*

*{

	transition-property:border-color, background-color, color;

	transition-duration:.3s;

	transition-timing-function:ease-in;

	transition-delay:.1s;

}

*/



li{list-style:none;}

img{border:0;vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0;}

p{word-wrap:break-word}



/*icon 字体样式*/

@font-face {font-family: "iconfont";

  src: url("/temp/temp/default/default-0001/1/images/font/iconfont.eot"); /* IE9*/

  src: url("/") format('embedded-opentype'), /* IE6-IE8 */

  url("/temp/temp/default/default-0001/1/images/font/iconfont.woff") format('woff'), /* chrome、firefox */

  url("/temp/temp/default/default-0001/1/images/font/iconfont.ttf") format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

  url("/") format('svg'); /* iOS 4.1- */

}



.iconfont {

  font-family:"iconfont" !important;

  font-size:16px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}



/*文章内容样式初始化*/

.default-article-content{ text-align: justify; font-size:14px;}

.default-article-content a{ color:blue;}

.default-article-content ul{ padding-left: 20px;}

.default-article-content li{ list-style-type: inherit;}

.default-article-content h1,

.default-article-content h2,

.default-article-content h3,

.default-article-content h4,

.default-article-content h5,

.default-article-content h6{

	margin-top:1em;

	margin-bottom:1em;

	font-weight:bold;

}

.default-article-content td{

	border:1px solid #333;

}

.default-article-content p{

	margin-top:1em;

	margin-bottom:1em;

}

.default-article-content img{

	max-width:100%;

}

.default-article-content *{

	text-wrap: inherit !important;

}

/*控制网页宽度*/

.wp{ width:1188px; margin:0 auto;}

.w960 .wp, .w960 .w1188{ width:960px;}



/*浮动设置*/

.l,.left{float:left;}

.r,.right{float:right;}



/*清除浮动*/

.cl{zoom:1;}

.cl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}



/*单行文本*/

.s{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}



/*边距*/

.ispc .mr0{ margin-right:0 !important;}



/*快转化 可见*/

.block{ display:block;}

.none{ display:none;}



/*页面加载中*/

#global_showload{background:url("/temp/temp/default/default-0001/1/images/showload.gif"); position:fixed; z-index:1025; top: 50%; left:50%; width: 130px; height:130px; margin-left:-75px; margin-top:-75px;}

/*图片上传中状态*/

.imgloading{background:url(/temp/temp/default/default-0001/1/images/load.gif); height: 100px; margin-top: -100px; position: relative;}

/*禁止编辑器上传本地视频*/

#videoTab #upload,#videoTab .tabhead span{ display:none;}

/*百度地图默认宽度*/



.ueditor_baidumap{min-width:700px; max-width:1188px;}





/*分页按钮*/

.page{ font-size:14px; line-height:28px;}

.page a{display:block; float:left; padding:0 12px; border:1px solid #dedede; border-radius:3px; margin-right:8px; margin-top:8px;}

.page a.a,.page a:hover{background:#ccc; color:#fff;}

/*默认导航样式*/

.default-pc-nav-menu{}

.default-pc-nav-menu li{ position: relative;}

.default-pc-nav-menu > li li{ position: relative; width: 100%; white-space: nowrap;}

.default-pc-nav-menu ul{ display: none; position: absolute; z-index: 2;}

.default-pc-nav-menu > li > ul{ top: 100%; left: 0;}

.default-pc-nav-menu > li > ul > li > ul{ top: 0; left: 100%;}

.default-pc-nav-menu > li{ float: left;}

.default-pc-nav-menu li a em{ display: none; font-style:initial;}

.default-pc-nav-menu > li:hover > ul{display: block;}

.default-pc-nav-menu > li ul > li:hover > ul{ display: block;}



/*友情链接默认样式*/

.default-pc-links-text{}

.default-pc-links-text dt,.default-pc-links-text dd{ float: left;}



.default-pc-links-pic li{ float:left;}



/*默认版权样式*/

.default-pc-copyright{

	width:70%;

	line-height: 2;

	color:#666;

	font-size:12px;

}

.default-pc-copyright a {

	color: #FFD400;

	font-size:12px;

}

.default-pc-copyright span{

	display: inline-block;

	white-space:nowrap;

	margin-right: 10px;

}



/*默认发布文章按钮*/

.default-pc-button-publish{

	padding-left:21px;

	background: no-repeat url("/temp/temp/default/default-0001/1/images/publish.png");

	transition:opacity .3s;

}

.default-pc-button-publish:hover{

	opacity:0.5;

}

/*默认编辑文章 && 删除*/

.default-pc-button-edit a{

	margin-left:10px;

	font-size: 14px;

	color: #ccc;

}

.default-pc-button-edit a:hover{

	color:#000;

}



/*默认背景音乐*/

.default-bgmp3{

	display:block;

	position: fixed;

	bottom: 60px;

	left: 30px;

	z-index:999;

	width:200px;

	max-width:30%;

	

}

.default-bgmp3 audio{

	width:100%; 

	opacity:0.5;

}









.default-append{ display:none;}



/*幻灯片默认样式*/

.default-slider { 

	position: relative; 

	overflow: auto; 

}

.default-slider li { 

	list-style: none; 

}

.default-slider ul li {

	float: left;   

	width: 100%; 

	overflow: hidden;

}

.default-slider ul li img{

	position: relative;

	left: 50%;

	height: auto;

	/*margin-left:-960px;*/

}

.default-slider .dots{

	position: absolute;

	bottom: 10px;

	width: 100%;

	text-align: center;

}

.default-slider .dots li{ 

	display: inline-block;

  	cursor: pointer;

  	background-color: #fff;

  	margin: 5px;

  	width: 47px;

  	font-size:0;

  	height: 12px;

 }

 .default-slider .dots li{

	*display: inline;

}

 .default-slider .dots li.active{ background-color: #FFE401;}

 .default-slider .next,.default-slider .prev{

	position:absolute; 

	bottom:50%; 

	width:50px; height:100px; 

	margin-bottom:-50px; 

	opacity:0.7; 

	font: 50px/58px Simsun; 

	color:#fff; 

	line-height:100px; 

	text-align:center;

}

.default-slider .next:hover,.default-slider .prev:hover{

	background-color:#000;

}

.default-slider .next{ right:0;}

.default-slider .prev{ left:0;}









.default-pc-sidebar-dl{ border:1px solid #dedede;}

.default-pc-sidebar-dl dt, .default-pc-sidebar-dl dd{ border-bottom:1px solid #dedede;}

.default-pc-sidebar-dl dt, .default-pc-sidebar-dl dd a{ display:block; line-height:48px; padding:0 28px;}



.default-pc-contactcard li,.default-pc-contactcard dd{ background: no-repeat; background-position: 0 center; padding-left: 30px;}

.default-pc-contactcard .add{ background-image: url("/temp/temp/default/default-0001/1/images/contactcard/address.png");}

.default-pc-contactcard .tel{ background-image: url("/temp/temp/default/default-0001/1/images/contactcard/mobile.png");}

.default-pc-contactcard .email{ background-image: url("/temp/temp/default/default-0001/1/images/contactcard/email.png");}

.default-pc-contactcard .fax{ background-image: url("/temp/temp/default/default-0001/1/images/contactcard/weixin.png");}





/*幻灯片样式*/

.default-slider-2{ position:relative;}

.default-slider-2 .default-slider-box{ position:relative; width:100%; overflow:hidden; }

.default-slider-2 .next, 

.default-slider-2 .prev{ position:absolute;}

.default-slider-2 .dots { 

	position:absolute; 

	width:100%;

	bottom:10px; 

	text-align:center;

}

.default-slider-2 .dots span{

	display: inline-block;

  	background-color: #fff;

  	margin: 5px;

  	width: 47px;

  	font-size: 0;

  	height: 12px;

	cursor:pointer;

}

.default-slider-2 .dots span{ *display: inline } /*IE兼容*/

.default-slider-2 > .dots > span{ *display:inline;}	/*IE兼容*/

.default-slider-2 > .dots > span.active{ background-color:red;}



.default-slider-box > ul > li{ position:relative; overflow:hidden;}

.default-slider-effect-fadeIn > .default-slider-box > ul{ position:relative;}

.default-slider-effect-fadeIn > .default-slider-box > ul > li{ position:absolute; top:0; left:0; display:none;}



/*单屏滚动模式*/

.default-slider-single > .default-slider-box > ul > li img{ position: relative; left:50%;}



.default-slider-direction-left > .default-slider-box > ul > li{ float:left;}

.default-slider-direction-left > .next, 

.default-slider-direction-left > .prev{

	cursor:pointer;

	top:50%; 

	margin-top:-45px; 

	opacity:.1;

	color:#fff;

	line-height:90px;

	font-size:60px;

	background-color:#000; 

}

.default-slider-direction-left > .next:hover, 

.default-slider-direction-left > .prev:hover{

	opacity:1;

}

.default-slider-direction-left > .next{ right:0;}

.default-slider-direction-left > .prev{ left:0;}

.default-slider-direction-left > .thumb{

	

	position: absolute;

	bottom: 10px;

	left:50%;

	padding:0 30px;

	overflow:hidden;

}



.default-slider-direction-left > .thumb  ul > li{ float:left;}

.default-slider-direction-left > .thumb  ul > li img{

	padding:5px;

	margin:5px;

	border:1px #ccc solid;

	background-color: #fff;

}



.default-slider-direction-left > .thumb > .next,

.default-slider-direction-left > .thumb > .prev{

	margin-top: -15px;

	width: 27px;

	width: 20px;

	height: 31px;

	font-size:0;

	background:url(/temp/temp/default/default-0001/1/images/slider_thumb_buttom.png) no-repeat;

}

.default-slider-direction-left > .thumb > .next{

	right:0;

	background-position:-23px 0;

}

.default-slider-direction-left > .thumb > .prev{

	left:0;

	background-position: 0 0;

}

.default-slider-direction-left > .thumb > .next:hover,

.default-slider-direction-left > .thumb > .prev:hover{

	background-position-y:-32px;

}

.default-slider-direction-left > .thumb > .active{ background-color:#333;}

/*设为首页加入收藏*/

#SetHome,

#collection{

	cursor:pointer;

}

/*DIY 按钮*/

.ispc #diystart{

	display:block;

	position:fixed;

	top:0;

	right:50px;

	background-color:#F90;

	color:#fff;

	z-index:3;

	text-align:center;

	padding:5px 10px;

	border-radius:0 0 10px 10px;

	transition:background .5s;

}

.ispc #diystart:hover{

	background-color: #BA3315;

}

/*文章内容页视频默认高度*/

.default-article-content object{

	min-height:500px;

}



.default-article-content video{

	max-width:100%;

	height:auto;

}

/*手机网站底部追加*/

.default-mobile-copyright2{

	text-align:center;

	background-color:#000;

	color:#505050;

	padding-top:20px;

	padding-bottom:30px;

	font-size:12px;

	margin-top:30px;

}

.default-mobile-copyright2 a{

	color:#505050;

}

/*文章内容页点击图片弹出*/

#article-swiper{

	background: #000;

}

#article-swiper .swiper-zoom-container{

	background: #000;

 }

#article-swiper .swiper-container {

	width: 100%;

	height: 100%;

}

#article-swiper .swiper-slide {

	text-align: center;

	font-size: 18px;

	background: #000;



	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}

#article-swiper{

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 100;

	width: 100%;

	height: 100%;

}

.article-swiperbox{

	position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

#article-swiper #logout{

	position: absolute;

	left: 50%;

	bottom: 40px;

	z-index: 100;

	transform: translateX(-50%);

	width: 72px;

	height: 32px;

	background: #007aff;

	color: #fafafa;

	display: flex;

	align-items: center;

	justify-content: center;

}

.back000{

	background-color:#000;

}

#filePicker div:nth-child(2){

	right: 26px !important;

	left: auto !important;

	top: 10px !important;

}
/*全局手机样式*/

html,body,header,footer{ max-width:1023px;}

html{ 

	position:relative; 

	/*

	background:url(/temp/temp/default/default-0001/1/images/touch/bg_1.jpg);

	*/

}

img{ max-width:100%;}

body{

	position: absolute; 

	left:0; 

	top:0;

	width:100%;

	font-size:1em;

	line-height:1.5;

	color:#666;

}

h1,h2,h3,h4{ font-weight:400;}



body .w1188,body .wp{

	width:auto;

	padding-left:10px;

	padding-right:10px;

}

.default-mobile-box,.box{ display:block; margin-top:20px; padding:10px; border-radius:5px; border:solid #B4B4B4 1px; background-color:#fff; }



header,footer{

	position:fixed;

	z-index:10;

	width:100%;

	line-height:1;

	

}

header{

	height:55px;

	top:0; 

	left:0; 

	

}

header .bg{

	height:100%;

	background-color:#333;

	opacity:0.8;

}

header .mobile-header{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	background:none;

}

footer .fcontact{

	position:relative;

}

footer .fcontact .bg{

	height:32px;

	background-color:#333; 

	opacity:0.8;

}

footer .fcontact .iconfont{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	text-align:center;

	font-size:2em;

}

footer .fcontact .iconfont .r{

	font-size: 1.5em;

	position: absolute;

	right: 7px;

	top: 50%;

	margin-top: -24px;

}

header h1 a{

	display:block;

	margin-top: 7px;

	line-height:40px;

	height: 40px;

	font-size:14px;

	color:#fff;

    overflow: hidden;

}

header h1 img{

	height: 40px;

    margin-left: 5px;

	margin-right:10px;

}

#mobile-nav{

	position:fixed;

	background-color: #333;

	top: 0;

	height: 100%;

	right: 0px;

	line-height: 2;

	padding: 32px;

	z-index:3;

	color:#fff;

	margin-right:-300px;

}

#mobile-nav h3{ font-size:2em; text-align:center;}

.default-mobile-nav-menu{

	padding-bottom:50px;

}

.default-mobile-nav-menu > li > a{

	border-top: 1px solid #4d4d4d;

	border-bottom: 1px solid #262626;

}

.default-mobile-nav-menu li a em{ display:none;}

.default-mobile-nav-menu  li  a{

	padding: 15px 10px;

  	border-bottom: 1px solid #262626;

  	font-size: 15px;

  	display: block;

  	color: #fff;

}

/*---手机二级导航----*/

	.nav-click .text{

		display:none;

		padding-top:2px !important;

	}

	.default-mobile-nav-menu li ul{

		display:none;

		background-color: #000;

	}

	.default-mobile-nav-menu li{

		position:relative;

	}

	.default-mobile-nav-menu li div{

		position: absolute;

		right:0;

		top: 0px;

		width: 100%;

		height: 60px;

		background:url("/temp/temp/52/52-0201/202003030938/images/g46.png") no-repeat center right;

		background-size:15px;

	}

	

.nav-click {

    color: #fff;

    font-size: 2em;

    line-height: 1;

    top: 50%;

    position: absolute;

    margin-top: -12px;

    right: 8px;

    width: 50px;

    text-align: center;

}

.nav-click .text{

	font-size: 12px;

    float: left;

    width: 10px;

    line-height: 1;

    padding-top: 7px;

}

.nav-click .action-l{

	display:none;

	transform: scale(.8);

}

/*

.nav-click span{ background-color:#ccc; display:block; height:6px; width:100%; margin:5px 0; }

*/

body.nav-on{ /*top:20px; transition:all 1s;*/ overflow: hidden;}

body.nav-on .ui-mobile .ui-page-active{overflow:visible;}

body.nav-on .nav-click span{ height:35px; width:6px; margin:0 4px; float:left;}

body.nav-on #mobile-nav{overflow-y:auto;}

/*底部*/

footer{ bottom:0; left:0; color:#fff; height:32px; overflow:hidden;}

footer a{ color:#fff;}



/*分页按钮*/

.default-mobile-page{ margin-top:10px;}

.default-mobile-page a{ background-color:#fff;}

.default-mobile-page a.a{ background-color:#333;}



/*列表页相关栏目列表*/

.default-mobile-list-cats .subtitle{ margin-left:5px; color:#999; font-size:0.7em}

.default-mobile-list-cats h3{ font-weight: 400; font-size: 1.2em; line-height: 2; color:#333;}

.default-mobile-list-cats h3 em{ float:right; margin-top:17px; border:7px solid; border-color:#666 #fff; border-bottom-width:0;}

.default-mobile-list-cats nav{ display:none;}

.default-mobile-list-cats nav ul li{ border-top:1px solid #dedede;}

.default-mobile-list-cats nav ul li a{ display:block; line-height:2; font-size:1.2em;}

.default-mobile-list-cats nav ul li.back img{ height:1em; margin-left:5px;}



/*导航滑动提示*/

.swipe-right-tip,.swipe-left-tip{ position:fixed; top:50%; width:50px; height:50px; z-index:999;}

.swipe-right-tip{ right:5%;  background:url(/temp/temp/default/default-0001/1/images/touch/swipe_left.png) no-repeat center;}

.swipe-left-tip{ right:95%; background:url(/temp/temp/default/default-0001/1/images/touch/swipe_right.png) no-repeat center;} 



/*导航 两个字*/

.action-r em,

.action-l em{

	font-size:0.75em;

}



/*动画效果*/

.hd-tl{ -webkit-transition: top 1s ease,left 1s ease; -moz-transition: top 1s ease,left 1s ease; -o-transition: top 1s ease,left 1s ease; -ms-transition: top 1s ease,left 1s ease;}



/*覆盖默认*/

.default-slider-single > .default-slider-box > ul > li img{

	height:auto;

}



/*底部版权*/

.default-mobile-copyright{ height:0; display:none;}

/*隐藏DIY 按钮*/

#diystart{

	display:none;

}

/*53客服被遮挡的 BUG*/

#mobile_minchat_div{

	z-index:999;

}

#mini_chat .close{

	background:none !important;

}

/*视频嵌入 100%宽度*/

.default-article-content iframe{ width:100% !important;}



/*手机内容页被调整过宽度后的高度自适应*/

article .content img{

	height:auto !important;

}
.WorldCup {

    position:absolute;

    z-index: 9;

    left: 0;

	top:0;

	height: 100%;

}

.WorldCup img{

	width: auto;

	height: 100%;

}

.WorldCup02{

	left: auto;

	right: 0px;

}

.wp{

	width:1400px;

}

.w960 .wp, .w960 .w1188 {

    width: 1200px;

}

.ispc #diystart{

	z-index:11;

}

.header{

	background:#fff;

	position:fixed;

	width:100%;

	z-index:10;

	top:0;

	left:0;

	box-shadow:0 0 10px #dedede;

}

.header .changecolor{

	background:url("/temp/temp/52/52-0201/202003030938/images/changebg.jpg") no-repeat center bottom;

	background-size: cover;

}

.header .changebox .headico {

    line-height: 67px;

    margin-left: 15px;

}

.header .changebox .headico img {

    max-height: 35px;

    width: auto;

}

.header .changecolor .logo .img01{

	display: none;

}

.header .changecolor .logo .img02{

	display: block;

}

.header .changecolor .menu li a{

	color: #fff;

	opacity: .7;

}

.header .changecolor .menu li ul li:hover{

	background: #f1f1f1;

}

.header .changecolor .menu li ul li:hover a{

	color: #333 !important;

}

.header .changecolor .language a{

	color: #fff;

}

.header .changecolor .language a.a01{

	background:url("/temp/temp/52/52-0201/202003030938/images/changediqiu.png") no-repeat left 1px;

	background-size: 25px;

}

.header .changecolor .menu li:hover a{

	background: none;

	opacity: 1;

}



.language02{

	padding:0;

	padding-left:25px;

	position: relative;

} 

.language02 span {

    display: block;

    float: left;

    font-size: 15px;

	cursor: pointer;

	padding: 5px 0;

}

.language02 .d01 {

    position: absolute;

    width: 110px;

    background: #fff;

    top: 72px;

	padding: 5px 0;

    box-shadow: 0 0 10px rgba(0,0,0,0.3);

    left: 50%;

    margin-left: -55px;

	border-radius: 5px;

	opacity: 0;

	z-index: -1;

	visibility: hidden;

	transition: all .3s;

}

.ispc .language02:hover .d01{

	opacity: 1;

	z-index: 1;

	visibility:visible;

	top: 37px;

}

.language02 .d01::after{

	position: absolute;

	content: '';

	width: 10px;

	height: 10px;

	background: #fff;

	left: 50%;

	margin-left: -5px;

	top: -5px;

	transform: rotate(45deg);

}

.language02 .d01 a {

    display: block;

    color: #333;

    font-size: 14px;

    padding:6px 0;

    text-align: center;

	transition: all .3s;

}

.language02 .d01 a:hover{

	background: #eee;

}





.logo {

    margin-left:50px;

    line-height: 65px;

}

.w960 .logo {

	margin-left:20px;

}

.logo img {

    max-height: 67px;

    width: auto;

}

.logo img.img02{

	display: none;

}

#global_language{

	margin-top: 50px;

}

.menu{

	float:right;

}

.menu ul{

	text-align:right;

}

.menu li{

	display:inline-block;

	*display:inline;

	float:none;

}

.menu li a{

	display:block;

	font-size:15px;

	text-transform:capitalize;

	padding:22px 41px;

	position:relative;

}

.w960 .menu li a{

	padding:22px 24px;

}

.menu li:hover a{

	background:#004ea2;

	color:#fff;

}

.menu li ul {

    display: none;

	width:100% !important;

	background:#fff;

	text-align:left;

	padding:10px 0;

	z-index:3;

	box-shadow:0 13px 18px rgba(51, 51, 51, 0.1);

}

.menu li.mm2 ul

,.mbmenu li.mb2 ul{

	display:none !important;

}

.menu li:hover ul {

	display:none;

}

.menu li ul li a

,.w960 .menu li ul li a{

	padding:7px 20px;

	font-size:15px;

	transition:all .3s;

	position:relative;

	margin-left:10px;

	background:none !important;

	color:#333 !important;

	white-space:normal;

    text-overflow: ellipsis;

    overflow: hidden;

    display: block;

	line-height:1.2;

	text-transform:none;

}

.w960 .menu li ul li a{

	padding: 7px 11px;

}

.menu li ul li{

	width:100%;

	overflow:hidden;

	transition:all .3s;

}

.menu li ul li:hover{

	background:#accff5;

}

.menu li ul li:hover a{	

	transform:translateX(5px);

	color:#fff !important;

}

.topright{

	margin-top:15px;

	margin-right:20px;

}

.search01 {

	margin-top:3px;

    background: #fff;

	border-bottom:1px solid #fff;

	width:150px;

	height:30px;

	position:relative;

	border-radius: 3px;

	overflow: hidden;

}

.search01:hover{

	border-bottom:1px solid #eee;

}

.search01 .default-pc-search-keyword{

	width:0;

	line-height:30px;

	border:none;

	transition:all .3s;

	outline-color: #fff;

	opacity:0;

	position:absolute;

	right:30px;

}

.search01:hover .default-pc-search-keyword{

	width:100px;

	opacity:1;

}

.search01 .default-pc-search-submit{

	width:30px;

	height:30px;

	border:none;

	font-size:0;

	background:url("/temp/temp/52/52-0201/202003030938/images/searcj.png") no-repeat center center;

	background-size:20px;

	cursor:pointer;

	position:absolute;

	right:3px;

	top:0;

}

.language{

	margin-top:3px; 

	padding:0;

	padding-left:0;

} 

.language a{

	display:block;

	padding-left:30px;

	line-height:30px;

	font-size:15px;

	color:#004ea2;

	float:left;

}

.language a.a01{

	background:url("/temp/temp/52/52-0201/202003030938/images/diqiu.png") no-repeat left 1px;

	background-size:25px;

}

.language a.a02 {

    position: relative;

    padding-left: 10px;

    margin-left: 10px;

}

.language a.a02::after {

    position: absolute;

    content: "";

    left: 0;

    top: 8px;

    height: 15px;

    width: 1px;

    background: #ddd;

}

.twomenubox{

	border-top:1px solid #ddd;

	padding-bottom:50px;

	display:none;

	position:fixed;

	top:66px;

	width:100%;

	background:#fff;

	left:0;

	z-index:10;

}

.w960 .twomenubox{

	height:calc(100% - 67px);

	overflow-y:scroll;

}

.twomenubox .hardware{

	width:100%;

}

.menutit{

	line-height:70px;

	text-align:center;

	font-size:20px;

	border-bottom:1px solid #ddd;

	font-weight:bold;

	letter-spacing:2px;

}

.twomenubox .hardwarebox{

	border-left:1px solid #ddd;

	border-right:1px solid #ddd;

}

.twomenubox .hardwarebox .p01 {

    float: left;

    width:20%;

    min-height: 540px;

    position: relative;

	border-right:1px solid #ddd;

	box-sizing:border-box;

}

.twomenubox .hardwarebox .p01::after{

	position:absolute;

	content:"";

	width:100%;

	height:100%;

	left:0;

	top:0;

	transition:all .3s;

}

.twomenubox .hardwarebox .p01:hover::after{

	z-index:2;

	box-shadow:0 0 10px #ccc;

}

.twomenubox .hardwarebox .p06{

	border:none;

}

.twomenubox .hardwarebox .p01 h3 {

    font-size: 15px;

    text-align: center;

    border-bottom: 1px solid #ddd;

    height: 50px;

    padding-top: 20px;

	transition:all .3s;

	position:relative;

	z-index:3;

}

.twomenubox .hardwarebox .p01 h3 a{

	display:block;

	transition:all .3s;

}

.twomenubox .hardwarebox .p01:hover h3 a{

	color:#004ea1;

}

.twomenubox .hardwarebox .p01 ul

,.twomenubox .software .p01 ul{

	padding-top:15px;

	position:relative;

	z-index:3;

	margin:0 1px;

}

.twomenubox .hardwarebox .p01 li .h01

,.twomenubox .software .p01 li .h01{

	display:block;

	transition:all .3s;

	position:relative;

}

.twomenubox .hardwarebox .p01 li span{

	display:block;

	margin-top:20px;

}

.twomenubox .hardwarebox .p01 li h4, .twomenubox .software .p01 li h4 {

    font-size: 16px;

    color: #004ea2;

    line-height: 1;

    padding: 0 0;

    width: calc(100% - 35px);

    padding-left: 30px;

    margin-top: -15px;

	margin-bottom:15px;

}

.w960 .twomenubox .hardwarebox .p01 li h4

,.w960 .twomenubox .software .p01 li h4{

	 padding-left: 20px;

}

.twomenubox .hardwarebox .p01 li a

,.twomenubox .software .p01 li a {

	display:block;

    line-height: 20px;

	padding:15px 0;

    font-size: 14px;

	color:#666;

	padding-left:70px;

	transition:all .3s;

}

.w960 .twomenubox .hardwarebox .p01 li a

,.w960 .twomenubox .software .p01 li a {

	padding-left:60px;

}

.twomenubox .software .p01 li a{

	padding-left:30px;

}

.ispc .twomenubox .hardwarebox .p01 li a:hover{

	background:#f5f5f5;

	color:#004ea2;

}

.ispc .twomenubox .software .p01 li a:hover{

	background:#f5f5f5;

}

.twomenubox .hardwarebox .p01 li img

,.twomenubox .software .p01 li img{

	width:40px;

	height:auto;

	margin-right:3px;

	margin:5px 0;

	position:absolute;

	left:20px;

	top:0;

	max-height:40px;

}

.w960 .twomenubox .hardwarebox .p01 li img

,.w960 .twomenubox .software .p01 li img{

	left:10px;

}

.twomenubox .software .p01 li img {

    width: 35px;

    height: auto;

    margin: 0;

    top:7px;

	left:10px;

}

.twomenubox .software .p01 li .h01:first-child img {

	top:15px;

}

.twomenubox .hardwarebox .p01 li a em

, .twomenubox .software .p01 li a em {

    font-style: normal;

    display: inline-block;

    *display: inline;

    width: 40px;

    font-size: 12px;

    background: #0fc0ca;

    line-height: 21px;

    border-radius: 11px;

    color: #fff;

    margin-left: 5px;

    transform: scale(.8);

	-ms-transform:scale(.8);

	-moz-transform:scale(.8);

	-webkit-transform:scale(.8);

	-o-transform:scale(.8);

    text-align: center;

    height: 19px;

}

.twomenubox .software{

	width:16.5%;

	position:relative;

	min-height:540px;

}

.twomenubox .software::after{

	position:absolute;

	content:"";

	top:0;

	left:0;

	width:100%;

	height:100%;

	border:1px solid #ddd;

	transition:all .3s;

	border-top:1px solid #fff;

	border-bottom:none;

}

.twomenubox .software:hover::after{

	box-shadow:0 0 10px #ccc;

	z-index:2;

}

.twomenubox .software .p01{

	width:100%;

}

.twomenubox .software .p01 h3{

	line-height:70px;

	font-size:15px;

	text-transform:capitalize;

	border-bottom:1px solid #ddd;

	text-align:center;

	transition:all .3s;

}

.twomenubox .software:hover .p01 h3{

	color:#004ea1;

}

.twomenubox .software .p01 li a{

	font-size:16px;

	padding-left:50px;

	transition:all .3s;

}

.twomenubox .software .p01 li a:hover{

	color:#004ea2;

}

.banbox{

	position:relative;

	margin-top:67px;

}

.banvideo video{

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

}

.banner{

	max-height:1307px;

	overflow:hidden;

}

.banner li a{

	display:block;

}

.banner li img{

	width:100% !important;

	height:auto !important;

	margin-left:0 !important;

	left:0 !important;

}

/*--

.w960 .banner li img

,.w960 .banner ul

,.w960 .banner li{

	min-height:100% !important;

	height:100% !important;

}--*/

.banner li.active_b img{

	animation:myfirst 4s;

}

@keyframes myfirst{

from {transform:scale(1.05);}

to {transform:scale(1);}

}

@-moz-keyframes myfirst /* Firefox */

{

from {transform:scale(1.05);}

to {transform:scale(1);}

}



@-webkit-keyframes myfirst /* Safari and Chrome */

{

from {transform:scale(1.05);}

to {transform:scale(1);}

}



@-o-keyframes myfirst /* Opera */

{

from {transform:scale(1.05);}

to {transform:scale(1);}

}

.banner .dots{

	bottom:40px;

}

.banner .dots span{

	width:12px;

	height:12px;

	background:#fff;

	border-radius:50%;

	margin:10px 20px;

}

.banner .dots span.active{

	background-color:#fff;

	position:relative;

}

.banner .dots span.active::before{

	position:absolute;

	content:"";

	width:24px;

	height:24px;

	left:-6px;

	top:-6px;

	background:#fff;

	opacity:.2;

	border-radius:50%;

}

.banbox span.s01{

	display:block;

	position:absolute;

	top:20px;

	right:20px;

	background:#004ea1;

	padding:3px 10px;

	border-radius:5px;

	color:#fff;

	cursor:pointer;

	opacity:.5;

	transform:all .3s;

	z-index:4;

}

.banbox span.s01:hover{

	opacity:1;

}

.viceotc01{

	position:fixed;

	width:100%;

	height:100%;

	left:0;

	top:0;

	z-index:5;

	background:rgba(0, 0, 0, 0.8);

	display:none;

}

.viceotc01 video

,.viceotc01 iframe{

	width:1280px;

	height:720px;

	left:50%;

	top:50%;

	position:absolute;

	margin-left:-640px;

	margin-top:-360px;

	box-shadow:0 0 20px #000;

}

.viceotc01 em{

	display:block;

	width:50px;

	height:50px;

	line-height:50px;

	text-align:center;

	position:absolute;

	right:50px;

	top:50px;

	background:#fff;

	border-radius:50%;

	cursor:pointer;

	transition:all .3s;

}

.viceotc01 em:hover{

	background:#004ea1;

	color:#fff;

}

.productbox{

	padding-top:150px;

	position:relative;

	z-index:2;

}

.w960 .productbox{

	padding-top:100px;

}

.productbox .quan01 {

    position: absolute;

    width: 260px;

    height: 260px;

    border: 50px solid #004ea2;

    top: -100px;

    left: -120px;

    border-radius: 50%;

    opacity: .3;

}

.w960 .productbox .quan01{

	left:-200px;

}

.protit h2 {

    font-size: 40px;

    font-weight: bold;

    color: #333;

    letter-spacing: 3px;

	text-align:center;

}

.protit h2 span {

    margin-left: 8px;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: normal;

	display:block;

}

.protit a {

    display: block;

    float: right;

    font-size: 15px;

    margin-top: 20px;

    width: 120px;

    text-align: center;

    border: 2px solid #eee;

    border-radius: 30px;

    padding: 5px 0;

    color: #ccc;

}

.procover01 .d01{

	width:40%;

	border-radius:100px 0 100px 0;

	background: #004ea2;

	float:left;

}

.procover01 .d01  a{

	display:block;

	position:relative;

}

.procover01 .d01 a span{

	display:none;

	position:absolute;

	width:80px;

	height:80px;

	border-radius:50%;

	left:50%;

	top:150%;

	margin-left:-40px;

	margin-top:-40px;

	text-align:center;

	line-height:80px;

	background-color:#fff;

	background-size:30px;

	z-index:1;

	transition:all .5s;

	opacity:0;

	box-shadow: 0 0 10px #ddd;

}

.procover01 .d01 a:hover span{

	top:50%;

	opacity:1;

}

.procover01 .system01 .d01 img {

    width: 100%;

    height: auto;

    border-radius: 100px 0 100px 0;

    opacity:1;

	transition:all .3s;

}

.procover01 .system01 .d01:hover img{

	opacity:.7;

}

.procover01 .system01 .d02 {

    float: right;

    width: 53%;

}

.procover01 .sys-tit{

	background:#fff;

	height:294px;

	overflow:hidden;

}

.w960 .procover01 .sys-tit{

	height:250px;

}

.procover01 .sys-tit h3 {

    font-size: 35px;

    font-weight: bold;

    padding:20px 0;

    border-bottom: 1px solid #eee;

    margin-bottom: 20px;

	padding-top:10px;

}

.w960 .procover01 .sys-tit h3{

	margin-bottom:15px;

	padding:15px 0;

	padding-top:0;

}

.procover01 .sys-tit h3 span {

    font-size: 20px;

    font-style: normal;

	display:block;

    color: #999;

    font-weight: normal;

	text-transform:uppercase;

}

.procover01 .sys-tit p{

	font-size:15px;

	color:#999;

	line-height:1.6;

}

.w960 .procover01 .sys-tit p{

	font-size:14px;

	line-height:1.6;

}

.w960 .procover01 .d02 .sys-tit a{

	margin-top:15px;

}

.procover01 .d02 .sys-tit a {

    font-size: 14px;

    color: #fff;

    margin-top: 20px;

    font-style: normal;

    display: block;

    width: 100px;

    line-height: 33px;

    background: #004ea2;

    text-align: center;

    border-radius: 30px;

}

.productbox01 {

	position:relative;

}

.productbox01 .tabpic {

	position:absolute;

	right:0;

	bottom:0;

	width:53%;

}

.productbox01 .sys-pro01 li {

    width: 28%;

	margin-right:5%;

    float: left;

}

.productbox01 .sys-pro01 li a.a01{

	display:block;

	border: 1px solid #fff;

	padding:10px;

	transition:all .3s;

}

.productbox01 .sys-pro01 li.swiper-slide-thumb-active a.a01{

	border: 1px solid #004ea2;

}

.productbox01 .sys-pro01 li img{

	width:100%;

	height:auto;

}

.productbox01 .sys-pro01 li span{

	display:block;

}

.productbox01 .sys-pro01 li h3{

	text-align:center;

	font-size:18px;

	margin-top:5px;

}

.productbox01 .swiper-button-prev

,.productbox01 .swiper-button-next{

	left:-50px;

	outline-style: none;

	color: #004ea2;

	width: 40px;

    height: 40px;

    border: 1px solid #004ea2;

    border-radius: 50%;

	margin-top:-20px;

}

:root {

    --swiper-navigation-size: 15px !important;

}

.productbox01 .swiper-button-next{

	right:-50px;

	left:auto;

}

.protab01 {

	border-top:1px solid #eee;

	border-bottom:1px solid #eee;

	margin:50px 0 80px 0;

}

.protab01 li {

	float:left;

	width:33.33%;

}

.protab01 li a{

	display:block;

	text-align:center;

	padding:20px 0;

	border-right: 1px solid #eee;

}

.protab01 li:last-child a{

	border:none;

}

.protab01 li img {

    width: 60%;

    height: auto;

    padding: 20%;

    background: #fff;

}

.protab01 li span{

	display:block;

	border-radius:50%;

	overflow:hidden;

	box-shadow:0 10px 15px rgba(0, 0, 0, 0.1);

	border:1px solid #fff;

	width:70px;

	display:inline-block;

	*display:inline;

	vertical-align:middle;

}

.protab01 li.a span{

	border:1px solid #004ea2;

}

.protab01 li.a h3{

	color:#004ea2;

}

.protab01 li h3{

	text-align:center;

	font-weight:bold;

	display:inline-block;

	*display:inline;

	vertical-align:middle;

	font-size:20px;

	margin-left:20px;

}

.solutionbox{

	position:relative;

	overflow:hidden;

}

.solution{

	margin-top:150px;

}

.w960 .solution{

	margin-top:100px;

}

.title01 .tit-l{

	width:80%;

	margin:0 auto;

	margin-top:100px;

	text-align:center;

	margin-bottom:100px;

}

.title01 .tit-l h3 {

    font-size: 40px;

    font-weight: bold;

	line-height:1;

	color:#333; 

}

.w960 .title01 .tit-l h3 {

	font-size:30px;

}

.title01 .tit-l p {

    font-size: 20px;

    color: #999;

    margin-top: 50px;

}

.w960 .title01 .tit-l p {

	font-size:18px;

}

.title01 .tit-l a {

    display: block;

    width: 170px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    font-size: 16px;

	color:#42c0bd;

	margin-top:50px;

	letter-spacing:2px;

    border: 1px solid #42c0bd;

	transition:all .3s;

}

.title01 .tit-l a:hover{

	background:#42c0bd;

	color:#fff;

}

.title01 .tit01 {

    width: 266px;

    height: 266px;

	margin-top:80px;

	position:relative;

    border: 1px solid #004ea2;

}

.title01 .tit01 h2 {

	height:200px;

	width:200px;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 1;

	margin-left:44px; 

	padding-top:9px;

	background:url("/temp/temp/52/52-0201/202003030938/images/protit.png") no-repeat center left;

}

.title01 .tit01 h3 {

    font-size: 18px;

    text-transform: uppercase;

    color: #004ea2;

    margin-left: 44px;

}

.title01 .tit01 span {

    display: block;

    width: 120px;

    height: 1px;

    background: #004ea2;

    transform: rotate(-45deg);

    position: absolute;

    top: -84px;

    left: 100px;

}

.solution .title01 .tit01

,.solution .title01 .tit-l{

	margin-top:0; 

}

.solution .title01{

	position:relative;

	z-index:2;

}

.solution .title01 .tit01 h2{

	background:url("/temp/temp/52/52-0201/202003030938/images/solutit.png") no-repeat center left;

}

.solution .title01 .tit01 span {

    right: -61px;

    left: auto;

    top: 100px;

}

.casetit {

	float:right;

	width:74%;

}

.w960 .casetit{

	width:70%;

}

.solution{

	position:relative;

	padding:70px 0;

}

.solution .title01 .tit-l {

    text-align: right;

    position: relative;

    width: calc(100% - 350px);

}

.solution .title01 .tit-l span {

    display: block;

    width: 50px;

    height: 2px;

    background: #42c0bd;

    position: absolute;

    right: -67px;

    top: 110px;

}

.solution .title01 .more01{

	border:1px solid #eee;

	float:right;

	width:265px;

}

.solution .title01 .more01 a{

	display:block;

	margin:20px;

	color:#fff;

	text-transform:uppercase;

	position:relative;

	background:#000;

}

.solution .title01 .more01 a span{

	display:block;

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

}

.solution .title01 .more01 a img{

	width:100%;

	height:auto;

	opacity:.6;

}

.solution .title01 .more01 a span em {

    width: 50px;

    height: 1px;

    background: #fff;

    display: block;

	margin:0 auto;

	margin-top:100px;

	transition:all .3s;

}

.solution .title01 .more01 a span:hover em {

	transform:rotate(180deg);

	-ms-transform:rotate(180deg);

	-moz-transform:rotate(180deg);

	-webkit-transform:rotate(180deg);

	-o-transform:rotate(180deg);

}

.solution .title01 .more01 a span em.em02{

	height:50px;

	width:1px;

	margin:0 auto;

	margin-top:-25px;

}

.solution .title01 .more01 a span h4{

	text-align:center;

	font-size:18px;

	margin-top:10px;

	letter-spacing:3px;

}

.solution .line02{

	position:absolute;

	height:100%;

	right:307px;

	width:1px;

	background:rgba(204, 204, 204, 0.3);

	top:0;

}

.solution01{

	margin-top:80px;

	position:relative;

	z-index:1;

}

.solution01 li{

	float:left;

	width:33.33%;

}

.solution01 li a{

	display:block;

	position:relative;

}

.solution01 li a span{

	display:block;

	transition:all .5s;

	overflow:hidden;

}

.solution01 li:hover a span img{

	transform:scale(1.08);

	-ms-transform:scale(1.08);

	-moz-transform:scale(1.08);

	-webkit-transform:scale(1.08);

	-o-transform:scale(1.08);

}

.solution01 li a img{

	width:100%;

	height:auto;

	transition:all .5s;

}

.solution01 li a div{

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	color:#fff;

	transition:all .3s;

}

.solution01 li a div::before{

	position: absolute;

	content: '';

	width: 2px;

	height: 100%;

	background: #fff;

	right: 0;

	top:0;

}

.solution01 li.s03 a div::before

,.solution01 li.s02 a div::before{

	right: auto;

	left: 0;

	width: 1px;

}

.solution01 li:hover a div{

	background:url("/temp/temp/52/52-0201/202003030938/images/casebg.png") no-repeat center top;

}

.solution01 li a div h3{

	font-size:25px;

	font-weight:bold;

	padding:0 30px;

	position:absolute;

	bottom:-30px;

	opacity:0;

	transition:all .3s;

}

.solution01 li a div p{

	font-size:16px;

	line-height:1.3;

	font-weight:normal;

}

.ispc .solution01 li:hover a div h3{

	opacity:1;

	bottom:30px;

}

.solution01 li a div em {

    display: block;

    width: 50px;

    height: 50px;

    background: #42c0bd;

    border-radius: 50%;

    color: #fff;

    line-height:44px;

    text-align: center;

    font-size: 25px;

    position: absolute;

    right:0;

    z-index: 2;

    top: 50%;

    margin-top: -25px;

	font-style:normal;

}

.solution01 li:first-child a ins{

	left: auto;

	right: 1px;

}

.solution01 li a ins{

	display:block;

	position:absolute;

	width:100.1%;

	height:100%;

	right:0;

	top:0;

	background:url("/temp/temp/52/52-0201/202003030938/images/sanjiao01.png") no-repeat right top;

}

.solution01 li a ins em{

	display:block; 

	height:100%;

	width:65px;

	background:url("/temp/temp/52/52-0201/202003030938/images/sanjiao02.png") no-repeat right bottom;

}

.solution01 li.s03 a div em{

	right:-25px;

}

.solution01 li.s03 a ins{

	background:none;

	left: 0;

	right: auto;

}

.solution01 li.s03 a ins em{

	background:url("/temp/temp/52/52-0201/202003030938/images/sanjiao02.png") no-repeat right bottom;

}

.quan03box{

	width:224px;

	overflow:hidden;

	position:absolute;

	right:0;

	bottom:-350px;

}

.w960 .quan03box{

	width:100px;

}

.quan03{	

	width:300px;

	height:300px;

	border:110px solid #004ea2;

	border-radius:50%;	

}

.w960 .quan03{

	width:250px;

	height:250px;

	border:70px solid #004ea2;

}

.newbox {

    position: relative;

    margin-top: 80px;

    z-index: 2;

    margin-bottom: 100px;

    padding: 100px 0;

    background: #fafafa;

}

.w960 .newbox{

	margin-top:50px;

}

.newstit {

    margin-bottom: 70px;

    text-align: center;

}

.newstit h2{

	font-size:40px;

	font-weight:bold;

	color:#333;

}

.newstit h2 span {

    display: block;

    font-weight: normal;

    text-transform: capitalize;

    font-size: 20px;

}

.newbox li {

    float: left;

    width: 31%;

    margin-right: 3.5%;

	margin-bottom:3.5%;

}

.newbox li a {

    display: block;

    background: #fff;

    position: relative;

    border: 1px solid #f5f5f5;

	transition:all .3s;

}

.newbox li:hover a{

	background:#eff1f5;

}

.newbox li ins{

	position:absolute;

	display:block;

	width:0;

	height:1px;

	background:#004ea2;

	transition:all .3s;

	left:0;

	bottom:0;

}

.newbox li:hover ins{

	width:100%;

}

.newbox li a span{

	display: block;

	overflow:hidden;

	background:#000;

}

.newbox li a img {

    width: 100%;

    height: auto;

	transition:all .3s;

}

.newbox li:hover a img {

	opacity:.7;

}

.newbox li a div {

    padding:20px 30px;

    height: 185px;

}

.w960 .newbox li a div{

	padding:20px;

	height:175px;

}

.newbox li a div h3 {

    font-size: 17px;

    margin: 15px 0 25px 0;

    max-height: 50px;

    overflow: hidden;

	transition:all .3s;

}

.w960 .newbox li a div h3{

	margin:10px 0 15px 0;

}

.newbox li a div p {

    color: #aaa;

    font-size: 14px;

    line-height: 25px;

    overflow: hidden;

    height: 50px;

	transition:all .3s;

}

.newbox li:hover a div h3 {

	color:#0153ba;

}

.newbox li:hover a div p {

	color:#777;

}

.newbox li a div em {

    display: block;

    font-size: 30px;

    color: #999;

    font-style: normal;

}

.newbox li a div em em {

    display: inline-block;

	*displapy:inline;

    font-size: 16px;

}

.pro-more01 {

    display: block;

    width: 200px;

    line-height: 50px;

    border: 2px solid #004ea2;

    text-align: center;

    font-size: 15px;

    margin: 0 auto;

    border-radius: 25px;

    color: #004ea2;

    transition-delay: .2s;

    position: relative;

    overflow: hidden;

}

.ispc .pro-more01::before{

	position: absolute;

    top: 50%;

    content: '';

    width: 20px;

    height: 20px;

    border-radius: 50%;

    transition: 0.5s;

    z-index: -1;

	background:#004ea2;

	left: -20px;

    transform: translate(-50%, -50%);

}

.pro-more01::after{

	position: absolute;

    top: 50%;

    content: '';

    width: 20px;

    height: 20px;

    border-radius: 50%;

    transition: 0.5s;

    z-index: -1;

	background:#004ea2;

	right: -20px;

    transform: translate(50%, -50%);

}

.ispc .pro-more01:hover::before{

	-webkit-animation: criss-cross-left 0.8s;

    animation: criss-cross-left 0.8s;

	left:50%;

	transform:scale(10);

}

.ispc .pro-more01:hover::after{

	-webkit-animation: criss-cross-left 0.8s;

    animation: criss-cross-left 0.8s;

	right:50%;

	transform:scale(10);

}

.ispc .pro-more01:hover{

	background:#004ea2;

	color:#fff;

}



.news-r .pro-more01 {

	margin-right:50px;

}

.news01 .more02::after

,.news01 .more02::before{

	position:absolute;

	width:40px;

	height:1px;

	content:"";

	left:-20px;

	top:56px;

	background:#42c0bd;

}

.news01 .more02::before{

	left:auto;

	right:-20px;

}

.news-r {

    float: left;

    width: 64%;

    padding:50px 0 20px 0;

    border-right: 1px solid #eee;

}

.news-r .n02 {

	margin-bottom:40px;

	float:left;

	width:95%;

}

.news-r .n02 a{

	display:block;

	padding:15px; 

	background:#fff;

	transition:all .3s;

} 

.news-r .n02 a:hover{

	box-shadow:0 0 20px #dedede;

	transform:translateY(-5px);

	-ms-transform:translateY(-5px);

	-moz-transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	-o-transform:translateY(-5px);

}

.news-r .n02 a span{

	display:block;

	position:relative;

	float:left;

	width:30%;

}

.news-r .n02 a span img{

	width:100%;

	height:auto;

}

.news-r .n02 a ins{

	display:block;

	text-decoration:none;

	position:absolute;

	width:60px;

	height:60px;

	color:#fff;

	top:0;

	left:0;

	background:#42c0bd;

	text-align:center;

	font-size: 40px;

    line-height: 1;

	font-weight:bold;

}

.news-r .n02 a ins em{

	font-style:normal;

	display:block;

	font-size:13px;

	font-weight:normal;

}

.news-r .n02 a div {

    float: left;

    width:57%;

    margin-left: 5%;

}

.news-r .n02 a em.e01 {

    display: block;

    height: 40px;

    float: right;

    width: 40px;

    border:2px solid #eee;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

    margin-top: 30px;

	font-size:20px;

	color:#eee;

	transition:all .3s;

}

.news-r .n02 a:hover em.e01{

	border-color:#42c0bd;

	color:#42c0bd;

}

.news-r .n02 a div h3 {

    font-size: 22px;

    margin: 10px 0;

}

.news-r .n02 a div p{

	font-size:13px;

	color:#999;

	max-height:42px;

	overflow:hidden;

}

.quan04{

	position:absolute;

	width:450px;

	height:450px;

	bottom:-150px;

	background:rgba(0, 78, 162, 0.3);

	border-radius:50%;

	left:-250px;

	z-index:2;

}

.quan04 span{

	display:block;



	width:280px;

	height:280px;

	margin-left:85px;

	margin-top:85px;

	border-radius:50%;

	background:#004ea2;

}

.w960 .quan04{

	transform:scale(0.7);

	-ms-transform:scale(0.7);

	-moz-transform:scale(0.7);

	-webkit-transform:scale(0.7);

	-o-transform:scale(0.7);

}

.workbox{

	margin-bottom:100px;

}

.tit02{

	text-align:center;

	margin-bottom:50px;

}

.tit02 h2{

	font-size:30px;

	font-weight:bold;

}

.tit02 p {

    text-transform: uppercase;

    font-size: 20px;

}

.workbox ul{

	position:relative;

	width:1400px;

	height:500px;

	overflow:hidden;

}

.w960 .workbox ul{

	width:1200px;

	height:428px;

}

.workbox li{

	float:left;

	width:49%;

	position:absolute;

	top:0;

	border-left:30px solid #fafafa;

}

.workbox li.a0{

	left:0;

	border:none;

}

.workbox li.a1{

	left:49%;

	z-index:2;

}

.workbox li.a2{

	left:74.5%;

	z-index:3;

}

.workbox li a{

	display:block;

	position:relative;

}

.workbox li img{

	width:100%;

	height:auto;

}

.workbox li .d01{

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

	background:rgba(0, 0, 0, 0.4); 

	color:#fff;

}

.workbox li .d01 span {

    display: block;

    width: 60px;

    margin: 25px;

}

.workbox li .d01 .d02 h3{

	position:absolute;

	left:40px;

	font-size:16px;

	transition:all .5s;

}

.workbox li:hover .d01 .d02 h3.h01

,.workbox li.a .d01 .d02 h3.h01{

	opacity:0;

	transform:scale(0);

	-ms-transform:scale(0);

	-moz-transform:scale(0);

	-webkit-transform:scale(0);

	-o-transform:scale(0);

}

.workbox li .d01 .d02 h3.h02{

	opacity:0;

	bottom:30px;

	transition:all .5s;

	transform:scale(0);

	-ms-transform:scale(0);

	-moz-transform:scale(0);

	-webkit-transform:scale(0);

	-o-transform:scale(0);

}

.workbox li:hover .d01 .d02 h3.h02

,.workbox li.a .d01 .d02 h3.h02{

	transform:scale(1);

	-ms-transform:scale(1);

	-moz-transform:scale(1);

	-webkit-transform:scale(1);

	-o-transform:scale(1);

	opacity:1;

}

.workbox li .d01 .d02 h3 p{

	text-transform:uppercase;

}

.w960 .workbox li .d01 .d02 h3 p{

	font-size:14px;

}

.workbox li .d01 .d02 em{

	position:absolute;

	width:35px;

	height:35px;

	line-height:35px;

	text-align:center;

	border-radius:50%;

	background:#fff;

	color:#999;

	bottom:30px;

	opacity:0;

}

.workbox li .d01 .d02 em.e01{

	left:30px;

	opacity:.5;

}

.workbox li:hover .d01 .d02 em.e01

,.workbox li.a .d01 .d02 em.e01{

	opacity:0;

}

.workbox li .d01 .d02 em.e02{

	right:60px;

	opacity:0;

	transition:all .5s;

	transform:scale(0);

	-ms-transform:scale(0);

	-moz-transform:scale(0);

	-webkit-transform:scale(0);

	-o-transform:scale(0);

}

.workbox li:hover .d01 .d02 em.e02

,.workbox li.a .d01 .d02 em.e02{

	opacity:1;

	right:30px;

	transform:scale(1);

	-ms-transform:scale(1);

	-moz-transform:scale(1);

	-webkit-transform:scale(1);

	-o-transform:scale(1);

}

.indexabout{

	padding:100px 0;

	background:url("/temp/temp/52/52-0201/202003030938/images/npcsbg.jpg") no-repeat center center;

}

.aboutsum{

	text-align:center;

	margin-bottom:50px;

}

.aboutsum h3{

	font-size:40px;

    font-weight: bold;

    color: #333;

	text-transform:uppercase;

	margin-bottom:20px;

	letter-spacing:5px;

}

.aboutsum p{

	font-size:25px;

	width:70%;

	margin:0 auto;

	color:#333;

}

.keyabout{

	position:relative;

}

.keyabout .l01{

	position:absolute;

	width:100%;

	top:50%;

	background:#ddd;

	height:1px;

	left:0;

}

.keyabout .l02{

	position:absolute;

	left:33.33%;

	top:0;

	height:100%;

	width:1px;

	background:#ddd;

}

.keyabout .l03{

	position:absolute;

	left:66.66%;

	top:0;

	height:100%;

	width:1px;

	background:#ddd;

}

.ftcon09{

	padding: 50px 0;

	background:#064488;

	position:relative;

	overflow:hidden;

}

.quan06 {

    position: absolute;

    width: 100px;

    height: 100px;

    border: 30px solid rgba(15, 104, 199, 0.3);

    border-radius: 50%;

    z-index: 2;

    bottom: 20px;

    left: 50px;

    box-shadow: 0 0 20px rgba(6, 60, 121, 0.5);

}

.ftcon09 a.a01 {

    display: block;

    width: 400px;

    line-height: 60px;

    text-align: center;

    font-weight: bold;

    border-radius: 35px;

    font-size:35px;

    margin: 0 auto;

    text-transform: capitalize;

    transition: all .3s;

    border: 2px solid #0fc0ca;

    background: #0fc0ca;

    box-shadow: 0 10px 10px #0424589e;

    color: #fff;

    letter-spacing: 3px;

}

.ftcon09 a.a01:hover{

	background:#0fc0ca;

	border: 2px solid #0fc0ca;

	color:#fff;

}

.share01{

	margin-top:30px;

	text-align:center;

}

.share01 li {

	display:inline-block;

	*display:inline;

    width: 40px;

	margin:0 10px;

}

.share01 li a{

	display:block;

	width:40px;

	height:40px;

	line-height:38px;

	text-align:center;

	transition:all .3s;

	border-radius:50%;

	background:rgba(255, 255, 255, 0.1);

}

.share01 li a img{

	width:17px;

	height:auto;

}

.share01 li:hover a{

	background:#004ea2;

	box-shadow:0 0 3px #666;

}

.indexabout ul{

	text-align: center;

}

.indexabout li{

	width:33.33%;

	text-align:center;

	padding:50px 0;

	display: inline-block;

}

.indexabout li span{

	display:block;

	margin:0 auto;

	margin-top:10px;

}

.indexabout li span img{

	width:50px;

	height:auto;

}

.indexabout li div{

	position:relative;

}

.indexabout li div h4{

	color:#333;

	font-size:18px;

	text-transform:uppercase;

	margin:10px 0;

}

.indexabout li div h3 {

    font-size: 63px;

    color: #0461c5;

    font-family: fantasy;

	line-height:1;

}

.indexabout li div ins{

	text-decoration:none;

}

.w960 .indexabout li div h3{

	font-size:60px;

}

.indexabout li div h3 em{

	font-size:50px;

	margin-left:15px;

	font-style:normal;

	color:#004ea2;

}

.w960 .indexabout li div h3 em{

	margin-left:10px;

	font-size:40px;

}

.aboutbox{

	padding:100px 0;

	background:url("/temp/temp/52/52-0201/202003030938/images/npcsbg.jpg") no-repeat center center;

}

.about01{

	width:60%;

	margin:0 auto;

	text-align:center;

}

.about01 h2 {

    font-size: 60px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

    text-decoration: underline;

}

.about01 p {

    font-size: 25px;

    color: #fff;

    line-height: 1.3;

    margin-top: 20px;

}

.kayword01 li{

	float:left;

	width:33.3%;

	text-align:center;

}

.ispc .mapbox{

	background:url("/temp/temp/52/52-0201/202003030938/images/mapbox.png") no-repeat center center;

}

.mapbox a{

	display:block;

}

.mapbox .mapbox01{

	position:relative;

	height:589px;

	transition:all .3s;

}

.mapbox .mapbox01 div{

	position:absolute;

	left:0;

	top:0;

	opacity:0;

}

.mapbox .mapbox01 .map01 {

    width: 300px;

    height: 258px;

}

.mapbox .mapbox01 .map02 {

    width: 434px;

    height: 398px;

    left: 273px;

}

.mapbox .mapbox01 .map03 {

    width: 493px;

    height: 340px;

    left: auto;

    top: auto;

    right: 0;

}

.mapbox .mapbox01 .map04 {

    width: 300px;

    height: 244px;

    bottom: 87px;

    top: auto;

    z-index: 1;

}

.mapbox .mapbox01 .map05 {

    width: 296px;

    height: 180px;

    bottom: 11px;

    top: auto;

    left: 411px;

}

.mapbox .mapbox01 .map06 {

    width: 150px;

    height: 249px;

    right: 71px;

    bottom: 0;

    left: auto;

    top: auto;

}

.mapbox .mapbox01.m01{

	background:url("/temp/temp/52/52-0201/202003030938/images/map02.png") no-repeat center center;

}

.mapbox .mapbox01.m02{

	background:url("/temp/temp/52/52-0201/202003030938/images/map07.png") no-repeat center center;

}

.mapbox .mapbox01.m03{

	background:url("/temp/temp/52/52-0201/202003030938/images/map04.png") no-repeat center center;

}

.mapbox .mapbox01.m04{

	background:url("/temp/temp/52/52-0201/202003030938/images/map03.png") no-repeat center center;

}

.mapbox .mapbox01.m05{

	background:url("/temp/temp/52/52-0201/202003030938/images/map06.png") no-repeat center center;

}

.mapbox .mapbox01.m06{

	background:url("/temp/temp/52/52-0201/202003030938/images/map05.png") no-repeat center center;

}

.mapbox02{

}

.mapbox02 li{

	position:absolute;

}

.mapbox02 li span{

	display:block;

	width:30px;

	height:30px;

	border-radius:50%;

	background:#0c70e2;

	position:relative;

	-webkit-animation: ripple 2.5s ease-out 1.8s infinite;

    animation: ripple 2.5s ease-out 1.8s infinite;

}

@keyframes ripple{

	 0%{

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    50%{

        -webkit-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

    }

    100%{

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

}

.mapbox02 li span em{

	display:block;

	width:6px;

	height:6px;

	background:#fff;

	border-radius:50%;

	position:absolute;

	left:50%;

	top:50%;

	margin-left:-3px;

	margin-top:-3px;

}

.mapbox02 li div {

    background:#0c70e2;

    color: #333;

    padding: 7px 15px;

    border-radius: 5px; 

    position: absolute;

    left: 70px;

    top: 0;

	opacity:0;

	transition:all .3s;

	min-width:100px;

	z-index:-1;

	color:#fff;

	width:120px;

}

.mapbox02 li:hover div {

	left:40px;

	opacity:1;

	z-index:0;

}

.mapbox02 li div h3 {

    font-size: 14px;

    text-transform: capitalize;

    font-weight: bold;

}

.mapbox02 li div em {

    display: block;

    width: 10px;

    height: 10px;

    background: #0c70e2;

    transform: rotate(45deg);

    position: absolute;

    left: -5px;

    top: 14px;

}

.mapbox02 li div p{

	font-size:12px;

	text-transform:capitalize;

	position:relative;

	padding-left:10px;

	line-height:25px;

}

.mapbox02 li div p::after{

	position:absolute;

	content:"";

	width:5px;

	height:5px;

	border-radius:50%;

	background:#fff; 

	top:10px;

	left:0;

}

.mapbox02 li.m0 {

    left: 78%;

    top: 45%;

}

.mapbox02 li:hover{

	z-index:2;

}

.mapbox02 li.m1 {

    left: 75%;

    top: 49%;

}

.mapbox02 li.m2 {

    left: 47%;

    top: 31%;

    z-index: 2;

}

.mapbox02 li.m3 {

    left: 30%;

    bottom: 25%;

}

.mapbox02 li.m4 {

    right: 287px;

    top: 373px;

}

.mapbox02 li.m5 {

    top: 310px;

    right: 366px;

}

.move09{

	position:fixed;

	width:60px;

	height:60px;

	border-radius:50%;

	z-index:100;

	margin-left:-30px;

	margin-top:-30px;

	pointer-events:none;

}

.move09 span{

	display:block;

	width:6px;

	height:6px;

	margin-left:-3px;

	margin-top:-3px;

	background:#42c0bd;

	border-radius:50%;

	position:fixed;

	z-index:200;

}

.footer{

	background:#1b1b1b;

	padding-top:80px;

}

.foot01{

	float:left;

	width:30%;

	padding-bottom:50px;

	background:url("/temp/temp/52/52-0201/202003030938/images/ftmap.png") no-repeat 100px 60px;

}

.ftlogo {

    margin-bottom: 25px;

}

.ftlogo h3 a{

	display:block;

}

.ftcon09 .ftcon01 {

    width: 50%;

    margin: 0 auto;

    margin-top: 30px;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-left: none;

    border-right: none;

	text-align: center;

	padding:10px 0;

}

.ftcon09 .ftcon01 p{

	color:#fff;

	font-size:14px;

	margin:0 15px;

	display:inline-block;

	*display:inline;

}

.footer .ftcon01 p{

	color:#fff;

	font-size:14px;

	padding:0 5px 5px 25px;

	margin: 5px 0;

	background:url("/temp/temp/52/52-0201/202003030938/images/ftico.png") no-repeat left center;

}

.footer .ftcon01 p.tel01 {

    background-position: left 5px;

}

.footer .ftcon01 p.addrrss01 {

	background-position:left -64px;

}

.foot02{

	float:right;

}

.foot02 li{

	float:left;

	margin-left:70px; 

}

.foot02 li h3{

	font-size:16px;

	margin-bottom:10px;

	text-transform:capitalize;

}

.foot02 li a {

    display: block;

    font-size: 15px;

    color: #999;

    padding: 3px 0;

	position:relative;

	transition:all .3s;

}

.foot02 li a:hover {

	color:#fff;

}

.foot02 li h3 a {

    color: #fff;

    font-size:18px;

    letter-spacing: 1px;

	padding-left:0;

}

.default-pc-copyright {

    margin: 0 auto;

    text-align: center;

}

.copy {

    text-align: center;

	padding:20px 0;

    border-top: 1px solid #252525;

}

.copy .p01

,.ftlegal{

	color:#666;

}

.ftlegal{

	margin-top:30px;

}

.ftlegal li{

	float:left;

}

.ftlegal li a {

    display: block;

    padding: 0 10px 0 0;

    font-size: 14px;

    color: #999;

    text-transform: capitalize;

    position: relative;

    transition: all .3s;

    margin-right: 10px;

}

.ftlegal li:hover a{

	color:#fff;

}

.ftlegal li a::after {

    position: absolute;

    content: "";

    width: 1px;

    height: 9px;

    right: 0;

    top: 6px;

    background: #333;

}

.ftlegal li:last-child a::after{

	display:none;

}

.default-pc-copyright a {

    color: #999;

	transition:all .3s;

}

.default-pc-copyright a:hover {

    color: #fff;

}

.top{

	position:fixed;

	width:50px;

	height:50px;

	border-radius:50%;

	right:10px;

	bottom:10px;

	cursor:pointer;

	z-index:11;

	background:#0fc0ca url("/temp/temp/52/52-0201/202003030938/images/top.png") no-repeat center center;

}

.quan05 {

    position: absolute;

    width: 200px;

    height: 200px;

    border-radius: 50%;

    top: -50px;

    right: -100px;

    z-index: 2;

    border: 30px solid rgba(5, 49, 97, 0.4);

}

.erweima {

	width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: fixed;

    z-index: 102;

    display: none;

	background:rgba(0, 0, 0, 0.3);

}

.erweima-1{

    width: 300px;

    background: #fff;

    z-index: 102;

    height: 300px;

    left: 50%;

    top: 50%;

    margin-top: -150px;

    margin-left: -150px;

    position: absolute;

}

.erweima-1 img{

	width:100%;

	height:auto;

}

.close{

	display: block;

    top: -15px;

    right: -15px;

    width: 30px;

    height: 30px;

    position: absolute;

    background:url("/temp/temp/52/52-0201/202003030938/images/fancybox.png") -40px 0px;

    cursor: pointer;

}

/*-------------list-news------------------*/

.list-page{

	margin-top:100px;

}

.ban01

,.ban02{

	position:relative;

	background:#000;

	margin-top:67px;

}

.ban01 .bantit

,.ban02 .bantit{

	text-align:center;

	width:1000px;

	position:absolute;

	top:50%;

	left:50%;

	margin-left:-500px;

	transform:translateY(-50%);

	-ms-transform:translateY(-50%);

	-moz-transform:translateY(-50%);

	-webkit-transform:translateY(-50%);

	-o-transform:translateY(-50%);

}

.w960 .ban01 .bantit

,.w960 .ban02 .bantit{

	width:700px;

	margin-left:-350px;

}

.ban01 .bantit h3

,.ban02 .bantit h3{

	font-size:60px;

	font-weight:bold;

	color:#fff;

	text-transform:capitalize;

	letter-spacing:5px;

}

.w960 .ban01 .bantit h3

,.w960 .ban02 .bantit h3{

	font-size:60px;

}

.ban01 .bantit p

,.ban02 .bantit p{

	font-size:25px;

	color:#fff;

}

.ban01 img

,.ban02 img{

	width:100%;

	height:auto;

}

.list-news{

	position:relative;

	margin-bottom:100px;

}

.cattti01 {

    position: absolute;

	left:55%;

	top:-30px; 

}

.cattti01 h2 {

    font-size: 80px;

    font-weight: bold;

    text-transform: capitalize;

    height: 215px;

    position: relative;

    z-index: 1;

    margin-left: 100px;

    top: 50px;

	color:#333;

}

.cattti01 span{

	position:absolute;

	left:0;

	display:block;

	width:140px;

	height:140px;

	border:35px solid #0fc0ca;

	border-radius:50%;

}

.cattti01 em {

    width: 2px;

    height: 20px;

    background: #0fc0ca;

    display: block;

    position: absolute;

    top: 77px;

    left: 80px;

    transform: rotate(38deg);

	-ms-transform:rotate(38deg);

	-moz-transform:rotate(38deg);

	-webkit-transform:rotate(38deg);

	-o-transform:rotate(38deg);

}

.pub{

	text-align:right;

	margin-bottom:10px;

}

.list-news li {

    float: left;

    width: 49%;

    margin-right: 2%;

    margin-bottom: 2%;

    transition: all .3s;

    background: #fff;

}

.ispc .list-news li:hover{

	transform:translateY(-5px);

	box-shadow: 0 10px 20px #dedede;

}

.list-news li a{

	display:block;

}

.list-news li a span{

	display:block;

	background:#000;

	float:left;

	width:40%;

}

.list-news li a span img{

	width:100%;

	height:auto;

}

.list-news li a .d01{

	padding:5%;

	padding-bottom:0;

	float:right;

	width:50%;	

}

.list-news li a .d01 h3 {

    font-size: 16px;

}

.list-news li a .d01 p {

    font-size: 14px;

    color: #ccc;

    margin: 15px 0;

}

.list-news li a .d01 .d02 {

    margin-top: 10px;

}

.list-news li a .d01 .d02 .e01 {

    display: block;

    font-style: normal;

    width: 140px;

    height: 42px;

    border: 2px solid #eee;

    border-radius: 30px;

    text-align: center;

    line-height: 42px;

    font-size: 14px;

    font-weight: bold;

	transition:all .3s;

}

.list-news li a .d01 .d02 .e01:hover{

	background:#eee;

}

.list-news li a .d01 .d02 ins {

    display: block;

    text-decoration: none;

    color: #ccc;

	font-size:14px;

	margin-top:10px;

}

.list-news li a .d01 .d02 ins em{

	margin-riight:30px;

}

.page{

	text-align:center;

	margin-bottom:60px;

}

.page a{

	display:inline-block;

	*display:inline;

	float:none;

	vertical-align:middle;

	border:none; 

}

.page a.a, .page a:hover {

    background: #004ea2;

}

.page_next

,.page_prev{

	font-size:0;

	width:40px;

	opacity:.5;

	background:url("/temp/temp/52/52-0201/202003030938/images/prev02.png") no-repeat center center !important;

}

.page_next

,.page_next:hover{

	background:url("/temp/temp/52/52-0201/202003030938/images/next02.png") no-repeat center center !important;

}

.page_next:hover

,.page_prev:hover{

	opacity:1;

}



/*-------------view-news-------------------*/

.view-news{

	margin:100px 0;

	margin-top:180px;

	position:relative;

}

.default-article-content img{

	height:auto;

}

.title09 {

    font-size: 30px;

	margin-bottom:20px;

	text-transform:capitalize;

	line-height:1.5;

	margin-top:20px;

}

.view-news span.t01{

	color:#aaa;

	font-size:14px;

	display:block;

}

.view-news span.t01 a {

    display: block;

    padding: 2px 10px;

    border: 1px solid #004ea2;

    border-radius: 3px;

    margin-right: 10px;

    float: left;

    color: #004ea2;

    transition: all .3s;

}

.view-news span.t01 a:hover{

	background:#004ea2;

	color:#fff;

}

.view-news span.t01 ins{

	text-decoration: none;

}

.view-news span.t01 em{

	margin-left: 15px

}

.related{

	width:30%;

	margin-top:100px;

}

.view01 span{

	display:inline-block;

	*display:inline;

	color:#ccc;

	margin-right:30px;

	font-size:14px;

}

.view01 a {

    display: inline-block;

    *display: inline;

    margin-top: 20px;

    font-size: 14px;

    letter-spacing: 2px;

    padding: 2px 10px;

    color: #0fc0ca;

    margin-right: 30px;

	border:1px solid #0fc0ca;

	transition:all .3s;

}

.view01 a:hover{

	background: #0fc0ca;

	color:#fff;

}

.related01{

	padding-top:50px;

	margin-top:50px;

	border-top:1px solid #eee;

}

.related01 h2 {

    text-transform:capitalize;

    font-size: 20px;

    padding-left: 10px;

    border-left: 5px solid #0fc0ca;

    line-height: 1;

    margin-bottom: 20px;

}

.related01 li{

	margin:5px 0;

}

.related01 li a{

	display:block;

	color:#999;

	padding:10px 0;

	padding-left:30px;

	border-bottom:1px dotted #eee;

	position:relative;

}

.related01 li a h3{

	font-size:15px;

	transition:all .3s;

}

.related01 li:hover a h3{

	color:#333;

}

.related01 li a em{

	display:block;

	height:18px;

	width:1px;

	background:#ccc;

	position:absolute;

	left:8px;

	top:11px;

}

.related01 li a em .e02 {

    width: 18px;

    height: 1px;

    background: #ccc;

    top: 8px;

    left:-8px;

}

.fanyefloat a{

    display: block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border: 1px solid #004ea2;

    color: #004ea2;

    border-radius: 50%;

	position:fixed;

	left:0;

	top:35%;

	transition:all .3s;

}

.fanyefloat a:hover{

	background:#004ea2;

	color:#fff;

}

.fanyefloat a.prev01{

}

.fanyefloat a.next01{

	right:0;

	left:auto;

}

.view02

,.fanyetop{

	width:80%;

	margin:0 auto;

}

.fanye{

	padding-top:50px;

	border-top:1px solid #eee;

}

.fanyetop{

	padding-top:0;

	border-top:none;

}

.fanye p{

	padding:10px 0;

	width:45%;

}

.fanye p em

,.fanye p a{

	display:inline-block;

	*display:inline;

	transition:all .3s;

}

.fanye p em {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    border: 1px solid #0fc0ca;

    text-align: center;

    line-height: 20px;

    color: #0fc0ca;

    font-size: 12px;

    margin-right: 10px;

}

.fanye p.r{

	text-align:right;

}

.fanye p a{

	font-size:14px;

	color:#999;

	line-height:22px;

}

.fanye p:hover em{

	background:#0fc0ca;

	color:#fff;

}

.fanye p:hover a{

	color:#0fc0ca;

	text-decoration:underline;

}

/*-----------------------list-about-----------------------*/

.list-nav{

	text-align:center;

	width:100%;

	background:#fff;

	border-bottom:1px solid #eee;

}

.show-nav{

	text-align:center;

}

.show-nav h3

,.show-nav ul{

	display:inline-block;

	*display:inline;

	vertical-align:middle;

}

.show-nav h3 a {

    display: block;

    font-size: 18px;

    padding: 25px 40px;

    color: #0464cc;

}

.show-nav h3 a em{

	margin-right:5px;

	font-size: 18px;

    color: #0464cc;

}

.list-nav.a{

	position:fixed;

	top:0;

	left:0;

	z-index:11;

	box-shadow:0 0 10px rgba(51, 51, 51, 0.2);

}

.list-nav li{

	display:inline-block;

	*display:inline;

	margin-top:-4px;

}

.list-nav li a{

	display:block;

	font-size:18px;

	padding:25px 40px;

	text-transform: capitalize;

}

.list-nav li a span{

	display:none;

}

.list-nav li:hover a

,.list-nav li.a a{

	background:#004ea2;

	color:#fff;

}

.list-about01{

	padding:100px 0;

	position:relative;

}

.list-about01 .a01{

	float:right;

	width:125px;

}

.w960 .list-about01 .a01{

	width:100px;

}

.list-about01 .wp{

	position:relative;

	z-index:1;

}

.abbg01{

	position:absolute;

	width:40%;

	background:#f5f5f5;

	right:0;

	top:0;

	height:100%;

}

.list-about01 .a01 img{

	width:100%;

	height:auto;

}

.list-about01 .a02 {

    width: 80%;

    background: #fff;

	margin:0 auto;

}

.list-about01 .a02 h3 {

    font-size: 40px;

    font-weight: bold;

	color:#333;

	text-align:center;

}

.w960 .list-about01 .a02 h3{

	font-size:55px;

}

.list-about01 .a02 .d01{

	margin-top:30px;

}

.list-about01 .a02 .d01 li{

}

.list-about01 .a02 .d01 li span{

	display:block;

	width:80%;

	margin:30px auto;

}

.list-about01 .a02 .d01 li span img{

	width:100%;

	height:auto;

}

.list-about01 .a02 .d01 p {

    font-size: 16px;

    margin-bottom: 30px;

    color: #666;

	line-height:1.8;

	text-align:justify;

}

.w960 .list-about01 .a02 .d01 p {

	font-size:14px;

}

.list-about .list-mapbox{

	padding:80px 0;

	background:url("/temp/temp/52/52-0201/202003030938/images/keybg.jpg") no-repeat center;

	background-attachment:fixed;

}

.list-mapbox .ditumap{

	width:1200px;

	height:640px;

	margin:0 auto;

	position:relative;

	background:url("/temp/temp/52/52-0201/202003030938/images/ditumap.png") no-repeat center center;

} 

.list-about .list-mapbox .aboutsum h3{

	color:#fff;

	margin-bottom:5px;

}

.list-about .list-mapbox .aboutsum p{

	color:#fff;

	font-size:17px;

}

.list-about .list-mapbox .mapbox {

	width:1200px;

	margin:0 auto;

	position:relative;

	height:589px;

}

.w960 .list-about .list-mapbox .mapbox{

	transform:scale(1) !important;

	-ms-transform:scale(1) !important;

	-moz-transform:scale(1) !important;

	-webkit-transform:scale(1) !important;

	-o-transform:scale(1) !important;

	right:auto !important;

}

.list-about .cover01 {

    float: left;

    width: 30%;

    font-size: 20px;

    margin-top: 100px;

}

.list-about .cover01 h3 {

    font-size: 35px;

    color: #0fc0ca;

    line-height: 1;

    padding-left: 10px;

    border-left: 5px solid #0fc0ca;

    margin-bottom: 30px;

    font-weight: bold;

}

.list-about .cover01 p {

    font-size: 20px;

    color: #666;

    padding: 10px 0;

    line-height: 1;

	position:relative;

	padding-left:20px;

}

.list-about .cover01 p::after{

	content:"";

	position:absolute;

	left:0;

	top:17px;

	width:6px;

	height:6px;

	border-radius:50%;

	background:#0fc0ca;

}

.keyword01{

	width:780px;

	height:780px;

	margin:0 auto;

	border:1px solid rgba(255, 255, 255, 0.32);

	border-radius:50%;

	position:relative;

}

.about01 {

    width: 500px;

    margin: 0 auto;

    text-align: center;

    position: absolute;

    left: 50%;

    margin-left: -250px;

    top: 50%;

	z-index:1;

    transform: translateY(-50%);

}

.keyword01 .key03{

	width:614px;

	height:614px;

	border-radius:50%;

	margin:82px auto;

	position:relative;

	border:1px solid rgba(255, 255, 255, 0.32);

	background:rgba(28, 57, 94, 0.32);

}

.keyword01 .key03 em{

	display:block;

	width:16px;

	height:16px;

	border-radius:50%;

	background:#fff;

	position:absolute;

}

.keyword01 .key03 em.e01{

	top:-8px;

	left:50%;

	margin-left:-8px;

}

.keyword01 .key03 em.e02{

	left:-8px;

	top:50%;

	margin-top:-8px;

}

.keyword01 .key03 em.e03{

	top:50%;

	margin-top:-8px;

	right:-8px;

}

.keyword01 .key03 em.e04{

	bottom:-8px;

	left:50%;

	margin-left:-8px;

}

.keyword01 .key02{

	position:absolute;

	width:780px;

	height:780px;

	left:0;

	top:0;

}

.keyword01 .key02 li{

	color:#fff;

	width:160px;

	height:160px;

	border-radius:50%;

	position:absolute;

	background:rgba(0, 78, 162, 0.3);

}

.keyword01 .key02 li.k01{

	left:-20px;

}

.keyword01 .key02 li.k02{

	top:278px;

	left:-150px;

	width:214px;

	height:214px;

}

.keyword01 .key02 li.k03{

	top:278px;

	right:-150px;

	width:214px;

	height:214px;

}

.keyword01 .key02 li.k04 {

    bottom: 65px;

    left: 63px;

}

.keyword01 .key02 li.k05{

	bottom:65px;

	right:63px;

}

.keyword01 .key02 li.k06{

	top: 0;

    right: -20px;

}

.keyword01 .key02 li div {

    margin: 15px;

    background: #004ea2;

    border-radius: 50%;

    width: 130px;

    height: 130px;

	text-align:center;

	text-transform:uppercase;

}

.keyword01 .key02 li.k02 div

,.keyword01 .key02 li.k03 div {

	width:184px;

	height:184px;

}

.keyword01 .key02 li h4 {

    padding-top: 25px;

}

.keyword01 .key02 li.k02 div h4

,.keyword01 .key02 li.k03 div h4{

	padding-top:50px;

}

.keyword01 .key02 li h3{

	font-size:45px;

	font-weight:bold;

	line-height:1;

}

.keyword01 .key02 li h3 em{

	font-size:15px;

}

.keyword01 .key02 li p{

	text-transform: capitalize;

}

.keyword01 .key02 li p em{

	font-style:normal;

	font-size:12px;

	margin-left:10px;

}

.keyword01 .key02 li span{

	display:block;

	width:35px;

	margin:0 auto;

}

.keyword01 .key02 li.k02 span

,.keyword01 .key02 li.k03 span{

	width:50px;

}

.keyword01 .key02 li span img{

	width:100%;

	height:auto;

}

.list-about02{

	margin-bottom:100px;

	padding:50px 0;

	text-align:center;

	background:url("/temp/temp/52/52-0201/202003030938/images/keybg.jpg") no-repeat center center;

	background-attachment:fixed;

}

.list-about02 li{

	display:inline-block;

	*display:inline;

	color:#fff;

	width:33%;

	margin:50px 0;

	text-align:center; 

}

.w960 .list-about02 li{

	margin:30px 0;

}

.list-about02 li h4{

	text-transform:uppercase;

	font-size:18px;

}

.list-about02 li h3{

	font-size:70px;

	font-weight:bold;

}

.w960 .list-about02 li h3{

	font-size:50px;

}

.list-about02 li h3 em{

	font-size:30px;

}

.list-about02 li span{

	display:block;

	width:50px;

	margin:0 auto;

	background:#0fc0ca;

	border-radius:50%;

}

.list-about02 li span img{

	width:100%;

	height:auto;

}

.list-about03{

	padding:100px 0;

	background:url("/temp/temp/52/52-0201/202003030938/images/teambg.jpg") no-repeat center center;

	background-attachment: fixed;

}

.list-about03 h2{

	text-align:center;

	font-size:40px;

	text-transform:capitalize;

	font-weight:bold;

	color:#333;

	margin-bottom:60px;

}

.list-about03 .prev

,.list-about03 .next{

	width:50px;

	height:50px;

	border-radius:50%;

	left:-70px;

	line-height:50px;

	font-size:20px;

	text-align:center;

	margin-top:-25px;

}

.list-about03 .next{

	left:auto;

	right:-70px;

}

.list-about03 ul{

	height:371px;

	overflow:hidden;

}

.list-about03 li {

    float: left;

    width: 23%;

    margin-right: 2.66%;

    margin-bottom: 35px;

}

.list-about03 li a{

	display:block;

	padding:30px;

	background:#fff;

	border:1px solid #fff;

}

.list-about03 li:hover a{

	border:1px solid #0fc0ca;

}

.list-about03 li a span{

	display:block;

}

.list-about03 li a img{

	width:100%;

	height:auto;

}

.list-about03 li a div{

	padding-top:20px;

}

.list-about03 li a h3{

	text-align:center;

	font-size:16px;

	font-weight:bold;

	text-transform:uppercase;

}

.list-about03 li a p{

	font-size:14px;

	color:#999;

	text-align:center;

	line-height:1.3;

	margin:20px 0;

	height:55px;

	overflow:hidden;

}

.list-about03 li a em{

	display:none;

	font-style:normal;

	font-size:14px;

	width:80px;

	height:24px;

	line-height:24px;

	margin:0 auto;

	text-align:center;

	background:#0fc0ca;

	color:#fff;

}

.list-about03 .more03 em{

	display:block;

	width:150px;

	height:150px;

	border-radius:50%;

	background:#0fc0ca;

	margin:0 auto;

	text-align:center;

	line-height:150px;

	font-size:16px;

	letter-spacing:2px;

	color:#fff;

	margin-top:50px;

	cursor:pointer;

}

.list-about03 .more03 em.e02{

	display:none;

}

.list-about04 h2{

	font-weight:bold;

	text-transform:capitalize;

	margin-bottom:70px;

	text-align:center;

	font-size:40px;

	color:#fff;

}

.list-about04{

	padding:100px 0;

	background:url("/temp/temp/52/52-0201/202003030938/images/lichengbg.jpg") no-repeat center center;

	background-attachment:fixed;

}

.honorbox{

	margin:100px 0;

}

.honorbox h2 {

    text-align: center;

    font-size: 40px;

    font-weight: bold;

    color: #333;

    margin-bottom: 80px;

}

.honor ul{

	padding-top:10px;

	text-align:center;

}

.honor li {

    vertical-align: middle;

    display: inline-block;

	*display:inline;

    width: 16.66%;

    transition: all .3s;

	background: url("/temp/temp/52/52-0201/202003030938/images/lb02.png") no-repeat center center;

}

.honor li:hover{

	transform:translateY(-10px);

	-ms-transform:translateY(-10px);

	-moz-transform:translateY(-10px);

	-webkit-transform:translateY(-10px);

	-o-transform:translateY(-10px);

	background: url("/temp/temp/52/52-0201/202003030938/images/lb01.png") no-repeat center center;

}

.honor li h3 {

    text-align: center;

    font-size: 16px;

    margin-top: 15px;

    width: 129px;

    margin: 0 auto;

    height: 50px;

    padding: 55px 25px;

    line-height: 25px;

	transition: all .3s;

}

.honor li:hover h3{

	color:#fff;

}

.honorbox .prev, .honorbox .next {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

    left: -50px;

    top: 50%;

    margin-top: -45px;

    transition: all .3s;

	font-size:20px;

}

.honorbox .prev:hover, .honorbox .next:hover {

	opacity:1;

	 background-color: #0e4dbb;

}

.honorbox .next {

	left:auto;

	right:-50px;

}



.licehng{

	position:relative;

	padding:50px 0;

}

.line-ab01 {

    width:5px;

    height: 100%;

    background: #2196f3;

    position: absolute;

    top: 0;

    left: 275px;

}

.line-ab01 span{

	display:block;

	width:10px;

	height:10px;

	border:10px solid #fff;

	position:absolute;

	left:-12px;

	top:-15px;

	border-radius:50%;

	background:#2196f3;

}

.moreup{

	width: 20px;

    height: 30px;

    border: 2px solid #fff;

    border-radius: 7px;

    z-index: 10;

    position: absolute;

    bottom:200px;

	left:64.1%;

	display:block;

	text-align:center;

}

.moreup em{

	color:#fff;

	position:relative;

    -webkit-animation: scroll 1s infinite;

    -moz-animation: scroll 1s infinite;

    -o-animation: scroll 1s infinite;

    animation: scroll 1s infinite;

}

@-webkit-keyframes scroll {

  0%{ top: 0px; }

  50%{ top: 7px; }

  100%{ top: 0px; }

}



@-moz-keyframes scroll{

  0%{ top: 0px; }

  50%{ top: 7px; }

  100%{ top: 0px; }

}



@-o-keyframes scroll {

  0%{ top: 0px; }

  50%{ top: 7px; }

  100%{ top: 0px; }

}



@keyframes scroll {

  0%{ top: 0px; }

  50%{ top: 7px; }

  100%{ top: 0px; }

}



.licehng img{

	float:right;

	width:35%;

	height:auto;

}

.lichengbox {

    width: 65%;

    float: left;

	height: 500px;

}

.w960 .lichengbox {

    width: 65%;

    float: left;

	height: 530px;

}

.licheng02{

	height:500px;

	padding-right:50px !important;

	padding-bottom:10px !important;

}

.licheng02 .swiper-button-prev

,.licheng02 .swiper-button-next{

	right:0;

	top:43%;

	width:30px;

	height:30px;

	border:1px solid #fff;

	opacity:1;

	text-align:center;

	line-height:30px;

	color:#fff;

	transform:rotate(90deg);

	border-radius:50%;

	cursor:pointer;

	position:absolute;

	left:auto;

	font-size:16px !important;

}

.licheng02 .swiper-button-next:after, .licheng02 .swiper-button-prev:after {

    font-size: 12px;

}

.licheng02 .swiper-button-next{

	margin-top:50px;

}

.lichengbox::-webkit-scrollbar {

    width: 2px;

    background: rgba(241, 235, 235, 0.2);

}

.lichengbox::-webkit-scrollbar-thumb {

    width: 5px;

    background: #fff;

}

.list-about04 li {

	color:#fff;

	height: auto;

}

.list-about04 li h3 {

    font-size: 40px;

	font-weight:bold;

	margin-right:30px;

	float:left;

	width:250px;

	text-align:right;

	line-height:64px;

	position:relative;

}

.list-about04 li h3 em {

    right: -30px;

    width: 15px;

    height: 5px;

    background: #2196f3;

    top: 28px;

    display: block;

    position: absolute;

	border-radius:3px 0 0 3px;

}

.list-about04 li div {

    font-size: 16px;

    float: right;

    width: calc(100% - 350px);

    padding: 20px;

    background: rgba(0, 78, 162, 0.4);

    border-radius: 10px;

	color:#fff;

	position:relative;

}

.w960 .list-about04 li div{

	font-size:14px;

	line-height:1.3;

}

.list-about04 li div em{

	display:block;

	width:10px;

	height:19px;

	background:url("/temp/temp/52/52-0201/202003030938/images/sanjiano01.png") no-repeat center left;

	position:absolute;

    left: -10px;

    top: 21px;

    opacity: .4;

}

/*-------------------view-newshow--------------------*/

.pro-video{

	position:relative;

	overflow:hidden;

	margin-top:67px;

}

.pro-video img{

	width:100%;

	height:auto;

}

.pro-video .video01{

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

	z-index:2;

	overflow: hidden;

	text-align:center;

}

.pro-video .video01 video

,.pro-video .video01 iframe

,.pro-video .video01 object,

 .pro-video .video01 embed{

	 /*-

	width:100%;

	height:100%;

	--*/

	min-width:100%;

	min-height:100%;

	background:#000;

}

.pro-title01 {

    position: absolute;

    z-index: 1;

    top:36%;

    color: #004ea1;

    left: 50%;

    margin-left: -700px;

	text-align:left;

}

.w960 .pro-title01{

	top:23%;

}

.pro-title01 h3{

	font-size:80px;

	font-weight:bold;

	padding-left:150px;

}

.pro-title01 h4{

	font-size:40px;

	padding-left:150px;

}

.pro-detail{

	width:1200px;

	margin:100px auto;

}

.detail01{

	text-align:center;

}

.detail01 li{

	display:inline-block;

	*display:inline;

	width:120px;

	padding:10px;

	border-radius:10px;

	margin:0 10px;

	cursor:pointer;

	background:#fff;

	transition:all .3s;

	position:relative;

	border:2px solid #eee;

}

.detail01 li.a em {

    display: block;

    width: 7px;

    height: 7px;

    background: #004ea2;

    top: -6px;

    left: 50%;

    margin-left: -3px;

    position: absolute;

    transform: rotate(45deg);

	border-radius:0 0 8px 0;

}

.detail01 li.a{	

	border:2px solid #004ea2;

}

.detail01 li img{

	width:100%;

	height:auto;

}

.detail02{

	margin-top:50px;

}

.detail02 li.d01{

	display:block;

}

.detail02 li{

	display:none;

}

.detail02 li img{

	width:100%;

	height:auto;

}

.detail02 li span{

	display:none;

}

.w960 .pro-detail{

	width:1000px !important;

	padding:0;

}

.ldbox02{

	background:#f9f9f9;

	padding:100px 0;

	background-image: linear-gradient(-45deg,#5b67bd 23%,#1060b7 100%);

	background:#1060b7;

}

.ldbox02 .liandian01{

	width:50%;

}

.ldbox01{

	float:left;

	width:40%;

}

.ldbox h2{

	font-size: 60px;

	text-align:center;

	line-height:1;

    border-bottom:2px solid rgba(238, 238, 238, 0.18);

    padding-bottom: 20px;

    text-transform: capitalize;

    font-weight: bold;

	margin-bottom:50px;

	color:#fff;

	display:none;

}

.ldbox h2 p{

	font-size:18px;

	width:70%;

	margin:30px auto;

	font-weight:normal;

	color:#fff;

	line-height:1.5;

}

.ldbox01 li{

	padding:10px;

	padding-bottom:35px;

}

.ldbox01 li span{

	display:block;

	height:80px;

	line-height:80px;

	background:#fff;

	border-radius:50%;

	width:80px;

	text-align:center;

	line-height:80px;

	float:left;

	box-shadow:0 0 20px #154277;

}

.ldbox01 li span img{

	width:35px;

	height:auto;

	text-align:center;

}

.ldbox01 li h3{

	font-size:20px;

	color:#fff;

	float:right;

	margin-top:10px;

	width:calc(100% - 100px);

}

.liandian01 {

	width:100%;

	border-radius:10px;

	box-shadow:0 10px 30px #3845a2;

	overflow:hidden;

	max-height:450px;

}

.liandian01 .dots span{

	width:14px;

	height:14px;

	border-radius:50%;

}

.liandian01 .dots span.active{

	background-color:#004ea2;

}

.liandian01 li img{

	width:100%;

	height:auto;

	left:0 !important;

	margin-left:0 !important;

}

.usedbox{

	padding:100px 0;

	padding-bottom:130px;

}

.usedbox li{

	border-radius:10px;

	overflow:hidden;

}

.usedbox h2{

	text-transform:capitalize; 

	font-size:40px;

	font-weight:bold;

	text-align:center;

	margin-bottom:70px;

}

.pro-used .prev

,.pro-used .next{

	width:50px;

	height:50px;

	border-radius:50%;

	border:2px solid #004ea2 ;

	line-height:50px;

	margin-top:-25px;

	text-align:center;

	font-size:20px;

	opacity:1;

	background-color:transparent;

	left:-70px;

	color:#004ea2;

}

.pro-used .next{

	left:auto;

	right:-70px;

}

.pro-used li{

	width:450px;

	margin-right:25px;

	background:#004ea2;

}

.ispc .pro-used ul{

	height:297px;

}

.w960 .pro-used li{

	width:382px;

}

.pro-used li h3{

	position:absolute;

	line-height:50px;

	background:rgba(0, 0, 0, 0.3);

	color:#fff;

	bottom:0;

	width:100%;

	left:0;

	font-size:25px;

	text-align:center;

	transition:all .5s;

}

.pro-used li:hover h3{

	background:none;

	bottom:45%;

}

.pro-used li span{

	transition:all .5s;

	display:block;

}

.pro-used li:hover span{

	opacity:.5;

}

.pro-used li img{

	width:100%;

	height:auto;

}

.pro-data{

	position:relative;

	background-image:linear-gradient(-45deg,#4c5f98 23%,#395098 100%);

	padding-top:70px;

	padding-bottom:150px;

	background:#1060b7;

}

.prodatta01 h2{

	text-align:center;

	font-size:40px;

	color:#fff;

	text-transform:capitalize;

	font-weight:bold;

	margin-bottom:100px;

}

.prodatta01 h2 em{

	width: 100px;

    height: 5px;

    background: #fff;

    margin: 0 auto;

    display: block;

    margin-top: 30px;

}

.w960 .prodatta01 h2{

	padding-top:70px;

	margin-bottom:50px;

}

.prodatta01 ul{

	text-align:left;

}

.prodatta01 li {

    width: 21.5%;

	margin-right:3%;

    margin-bottom: 50px;

    display: inline-block;

	*display:inline;

    vertical-align: top;

}

.w960 .prodatta01 li{

	width:30%;

}

.prodatta01 li:last-child

,.parameter01 li:last-child{

	width:auto;

	margin-right:0;

}

.prodatta01 li.p01{

	font-size:20px;

	font-weight:bold;

	width:100%;

	padding-bottom:20px;

	margin-bottom:20px;

	border-bottom:2px solid rgba(255, 255, 255, 0.14);

	text-align:left;

	color:#fff;

	font-size:40px;

	margin-bottom:50px;

	text-transform:capitalize;

}

.prodatta01 li ins{

	display:block;

	width:60px;

	margin-right:15px;

	border-radius:50%;

	text-align:center;

	float:left;

}

.prodatta01 li img{

	width:60px;

	height:auto;

}

.prodatta01 li div{

	float:right;

	width:calc(100% - 75px);

	text-align:left;

}

.prodatta01 li h3 {

    color: #fff;

    font-size: 16px;

    line-height: 1.3;

	font-weight:bold;

	margin-bottom:5px;

}

.prodatta01 li p{

	color:#fff;

	font-size:14px;

}

.prodatta01 li p span{

	display:block;

}

.download01 {

    display: block;

    position: absolute;

    width: 200px;

    height: 50px;

    line-height: 50px;

    border-radius: 30px;

    left: 50%;

    margin-left: -100px;

    bottom: -70px;

    text-align: center;

    font-size: 20px;

	border:2px solid #fff;

	color:#fff;

	letter-spacing:2px;

	transition:all .3s;

}

.w960 .download01{

	bottom:-70px;

}

.download01:hover {

	background:#0fc0ca;

	border-color:#0fc0ca;

	box-shadow:0 0 10px rgba(51, 51, 51, 0.3);

}

.download01 span

,.download01 em{

	display:inline-block;

	*display:inline;

	vertical-align:middle;

	margin-top:-9px;

}

.download01 em{

	width:30px;

	height:50px;

	background:url("/temp/temp/52/52-0201/202003030938/images/down02.png") no-repeat center center;

	background-size:18px;

	margin-left:5px;

}

/*--------------list-software--------------*/

.list-soft{

}

.list-soft01 h2{

	text-align:center;

	font-size:50px;

	font-weight:bold;

	margin-bottom:70px;

	line-height:150px;

	background:url("/temp/temp/52/52-0201/202003030938/images/quan1.png") no-repeat center center;

}

.softtit span{

	display:block;

	font-size:18px;

	width:70%;

	margin:0 auto;

	text-align:center;

	margin-bottom:70px;

}

.list-soft01{

	padding-top:100px;

	padding-bottom:50px;

}

.list-soft01 li{

	float:left;

	width:48%;

	margin-right:4%;

	margin-bottom:4%;

	box-shadow:0 0 30px #eee;

	transition:all .3s;

}

.list-soft01 li:hover{

	transform:translateY(-5px);

	-ms-transform:translateY(-5px);

	-moz-transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	-o-transform:translateY(-5px);

}

.list-soft01 li span{

	display:block;

}

.list-soft01 li img{

	width:100%;

	height:auto;

}

.list-soft01 h3{

	font-size:35px;

	font-weight:bold;

}

.list-soft01 li .d01{

	padding:30px;

	background:#fff;

}

.list-soft01 li .d04{

	height:95px;

	overflow:hidden;

}

.list-soft01 li .d01 span.s01

,.list-soft01 li .d01 span.s02 {

    display: block;

    width: 100px;

    text-align: center;

    border: 1px solid #004ea2;

    line-height: 30px;

    font-size: 14px;

    color: #004ea2;

    margin-top: 20px;

	transition:all .3s;

	cursor:pointer;

}

.list-soft01 li .d01 span.s02{

	display:none;

}

.list-soft01 li .d01 span.s01:hover{

	background:#004ea2;

	color:#fff;

}

.list-soft01 li .d02{

	font-size:14px;

	color:#666;

}

.list-soft01 li .d03{

	margin-top:20px;

	font-size: 14px;

    color: #666;

}

.list-soft01 li .d03 h4{

	font-size:20px;

	font-weight:bold;

	margin-bottom:10px;

	color:#333;

}

.list-soft01 li .d03 p {

    font-size: 14px;

    color: #666;

	position:relative;

	padding:2px 0;

	padding-left:20px;

}

.list-soft01 li .d03 p::after{

	content:"";

	position:absolute;

	width:8px;

	height:8px;

	background:#004ea2;

	left:0;

	top:9px;

	transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	-webkit-transform:rotate(45deg);

	-o-transform:rotate(45deg);

}

.list-soft01 li.s05 {

	width:100%;

	background:#fff;

}

.list-soft01 li.s05 span{

	float:left;

	width:50%;

	display:block;

	position:relative;

}

.list-soft01 li.s05 .d01{

	float:right;

	width:44%;

	padding:2% 3%;

	padding-bottom:0;

}

.list-soft01 li.s05 em{

	display: block;

    width: 200px;

    line-height: 200px;

	left:50%;

	margin-left:-100px;

	top:50%;

	margin-top:-100px;

    border: 2px solid #004ea2;

    text-align: center;

    font-size: 20px;

    border-radius: 50%;

    color: #fff;

    overflow: hidden;

	font-style:normal;

	transition:all .3s;

	position:absolute;

	background:#004ea2;

}

.list-soft01 li.s05:hover em{

	background:#fff;

	color:#004ea2;

	border: 2px solid #fff;

}

.list-soft02{

	padding:100px 0;

	background:#fff;

	position:relative;

}

.list-soft02 .bg01{

	width:50%;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	background:#004ea2 ;

}

.list-soft02 .wp{

	z-index:2;

	position:relative;

}

.list-soft02 .d01{

	float:left;

	width:35%;

}

.list-soft02 .d01 h2 {

    font-size: 50px;

    color: #fff;

    font-weight: bold;

	margin-bottom:30px;

	line-height:150px;

	padding-left:50px;

	background:url("/temp/temp/52/52-0201/202003030938/images/quan1.png") no-repeat left center;

}

.list-soft02 .d01 span {

    display: block;

    font-size: 16px;

    color: #fff;

    margin-bottom: 30px;

}

.list-soft02 .d01 div{

	color:#fff;

}

.list-soft02 .d01 div h4{

	font-size:25px;

	font-weight:bold;

	margin-bottom:20px;

}

.list-soft02 .d01 div p{

	font-size:16px;

	padding:2px 0;

	padding-left:20px;

	position:relative;

}

.list-soft02 .d01 div p::after{

	content:"";

	position:absolute;

	width:8px;

	height:8px;

	background:#fff;

	left:0;

	top:9px;

	transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	-webkit-transform:rotate(45deg);

	-o-transform:rotate(45deg);

}

.w960 .list-soft02 .d01{

	width:33%;

}

.list-soft02 .d02 {

    width: 450px;

    height: 450px;

    border-radius: 50%;

    left: 50%;

	top:50%;

	margin-top:-245px;

    margin-left: -245px;

    padding: 20px;

    border: 1px solid #eee;

}

.ispc .list-soft02 .d02{

	position:absolute;

}

.w960 .list-soft02 .d02{

	width:400px;

	height:400px;

	padding:15px;

	margin-left:-215px;

}

.list-soft02 .d02 img{

	width:100%;

	height:auto;

	border-radius:50%;

	box-shadow:0 0 20px rgba(0, 78, 162, 0.22);

}

.list-soft02 .d03{

	float:right;

	width:25%;

}

.list-soft02 .d03 li{

	margin:15px 0;

}

.list-soft02 .d03 li span{

	display:block;

	float:left;

	width:80px;

}

.list-soft02 .d03 li img{

	width:80px;

	height:auto;

}

.list-soft02 .d03 li h3 {

    float: left;

    margin-left: 20px;

    font-size: 20px;

    width: 160px;

    margin-top: 18px;

    line-height: 1;

}

.list-soft03{

	padding:100px 0;

}

.list-soft03 .d01{

	margin-bottom:70px;

}

.list-soft03 .d01 h2{

	font-size:50px;

	font-weight:bold;

	float:left;

	width:30%;

	line-height:150px;

	padding-left:50px;

	background:url("/temp/temp/52/52-0201/202003030938/images/quan1.png") no-repeat left center;

}

.list-soft03 .d01 .d02{

	float:right;

	width:64%;

}

.list-soft03 .d01 .d02 p{

	font-size:16px;

	margin-bottom:30px;

}

.list-soft03 .d03{

	padding:100px 0;

	background:url("/temp/temp/52/52-0201/202003030938/images/index-banner2.jpg") no-repeat center center;

	background-attachment:fixed;

}

.list-soft03 .d03 h3 {

    color: #fff;

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 50px;

    text-align: center;

}

.list-soft03 .d03 li{

	float:left;

	width:45%;

	padding:2%;

}

.list-soft03 .d03 li span{

	display:block;

	float:left;

	width:100px;

}

.list-soft03 .d03 li span img{

	width:100%;

	height:auto;

	border-radius:50%;

}

.list-soft03 .d03 li div{

	float:right;

	width:calc(100% - 130px);

	color:#fff;

}

.list-soft03 .d03 li div h4{

	font-size:20px;

	font-weight:bold;

	margin-bottom:10px;

	margin-top:10px;

}

.list-soft03 .d03 li div p{

	font-size:14px;

	height:65px;

}

.list-soft03 .d04 {

	margin-top:100px;

}

.list-soft03 .d04 h3{

	text-align:center;

	font-weight:bold;

	margin-bottom:50px;

	font-size:40px;

}

.list-soft03 .d04 li {

    float: left;

    width: 31%;

    margin-right: 3.5%;

    border-radius: 10px;

    background: #fff;

    overflow: hidden;

	transition:all.3s;

}

.list-soft03 .d04 li:hover{

	transform:translateY(-5px);

	-ms-transform:translateY(-5px);

	-moz-transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	-o-transform:translateY(-5px);

	box-shadow:0 0 20px #dedede;

}

.list-soft03 .d04 li span{

	display:block;

}

.list-soft03 .d04 li span img{

	width:100%;

	height:auto;

}

.list-soft03 .d04 li h4{

	font-size:20px;

	margin-bottom:20px;

	line-height:1.2;

}

.list-soft03 .d04 li div{

	padding:20px;

	height:188px;

}

.w960 .list-soft03 .d04 li div{

	min-height:200px;

}

.list-soft03 .d04 li div p{

	font-size:14px;

	color:#666;

	position:relative;

	padding:3px 0;

	padding-left:20px;

}

.list-soft03 .d04 li div p::after{

	position:absolute;

	content:"";

	width:8px;

	height:8px;

	left:0;

	top:9px;

	border-radius:50%;

	background:#0059ab;

}

.list-soft04{

	padding:100px 0;

}

.list-soft04 h2{

	text-align:center;

	font-size: 50px;

    font-weight: bold;

    line-height: 150px;

	margin-bottom:70px;

	background:url("/temp/temp/52/52-0201/202003030938/images/quan1.png") no-repeat center center;

}

.list-soft04  ul{

	text-align:center;

}

.list-soft04 li {

	display:inline-block;

	*display:inline;

    width: 31%;

	margin:1%;

	color:#fff;

	transition:all .3s;

	vertical-align:top;

}

.list-soft04 li:hover{

	transform:translateY(-5px);

	-ms-transform:translateY(-5px);

	-moz-transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	-o-transform:translateY(-5px);

}

.list-soft04 li ins{

	display:block;

	border:1px solid #eee;

	padding:20px;

	text-decoration:none;

	border-radius:10px;

	background:#fff;

}

.list-soft04 li span{

	width:100px;

	height:100px;

	display:block;

	margin:0 auto;

	margin-bottom:30px;

}

.list-soft04 li img{

	border-radius:50%;

	width:100%;

	height:auto;

}

.list-soft04 li div.d01{

	text-align:left;

}

.list-soft04 li div h3{

	font-size:18px;

	font-weight:bold;

	margin-bottom:15px;

	color:#333;

	line-height:1.3;

}

.list-soft04 li div p{

	color:#999;

	font-size:14px;

	position:relative;

	padding-left:20px;

	margin:5px 0;

}

.list-soft04 li div p::after {

    content: "";

    position: absolute;

    width: 8px;

    height: 8px;

    background:#015aaa;

    left: 0;

    top: 7px;

    transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}



.fade_in_down{

	opacity: 0;

	transform: translateY(80px);

	-ms-transform:translateY(80px);

	-moz-transform:translateY(80px);

	-webkit-transform:translateY(80px);

	-o-transform:translateY(80px);

}

.fade_in_up{

	opacity: 1;

	transform: translateY(0);

	transform: translateX(0);

	transition: 1.5s;

}

.fade_in_down .newtit em{

	transform:translateX(-80px);

	-ms-transform:translateX(-80px);

	-moz-transform:translateX(-80px);

	-webkit-transform:translateX(-80px);

	-o-transform:translateX(-80px);

	opacity:0;

}

.fade_in_up .newtit em{

	transform:translateX(0);

	-ms-transform:translateX(0);

	-moz-transform:translateX(0);

	-webkit-transform:translateX(0);

	-o-transform:translateX(0);

	opacity:1;

	transition: 3s;

}



/*-------------------view-show---------------*/

.list-mpos{

	margin-top:67px;

}

.pro-bg{

	position:relative;

}

.pro-bg img{

	width:100%;

	height:auto;

}

.pro-content{

	position:absolute;

	left:50%;

	margin-left:-700px;

	top:70px;

}

.w960 .pro-content{

	margin-left:-600px;

}

.pro-content .pub{

	text-align:left;

}

.pro-content01{

	padding-top:130px;

	float:left;

	width:50%;

	padding-left:5%;

}

.w960 .pro-content01{

	padding-top:80px;

}

.pro-content01 h3{

	font-size:80px;

	color:#fff;

	font-weight:bold;

}

.w960 .pro-content01 h3{

	font-size:65px;

	line-height:1;

}

.pro-content01 h4{

	font-size:30px;

	color:#fff;

	font-weight:bold;

	margin-bottom:20px;

}

.pro-content01 .article{

	color:#fff;

	font-size:16px;

}

.pro-content01 .allmore09{

	display: block;

    width: 200px;

    height: 50px;

    line-height: 50px;

    border-radius: 30px;

    text-align: center;

    font-size: 20px;

    border: 2px solid #fff;

    color: #fff;

    letter-spacing: 2px;

	transition:all .3s;

}

.pro-content01 .allmore09:hover{

	background:#0fc0ca;

	border-color:#0fc0ca;

	color:#fff;

	margin-top:50px;

}

.pro-content01 .default-article-content{

	width:85%;

	color:#fff;

}

.w960 .pro-content01 .default-article-content p span{

	font-size:16px !important;

}

.pro-content01 .download01 {

    position: inherit !important;

    left: 0!important;

    margin-left: 0!important;

    margin-top: 50px;

}

.w960 .pro-content01 .download01{

	margin-top:10px;

}

.pro-img01{

	width:500px;

	max-height:700px;

	overflow:hidden;

}

.w960 .pro-img01{

	width:350px;

	margin-right:100px;

}

.pro-img01 .prev

,.pro-img01 .next{

	opacity:1;

	width:50px;

	height:50px;

	border:2px solid #0fc0ca;

	border-radius:50%;

	text-align:center;

	line-height:50px;

	margin-top:-25px;

	font-size:20px;

	color:#0fc0ca;

	background-color:transparent;

}

.pro-parameter {

	margin-bottom:100px;

	position:relative;

	margin-top:-100px;

}

.lightspot01{

	background:#fff;

	padding:50px;

}

.pro-parameter .lightspot01-l {

    width: 50%;

}

.videoshowbox{

	width:45%;

	position:relative;

	border-radius:10px;

	overflow:hidden;

}

.videoshowbox .liandian01{

	width:100%;

}

.pro-parameter .lightspot01-r{

	max-height:430px;

	overflow:hidden;

}

.videoshowbox .openvideo span{

	display:block;

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

	background:url("/temp/temp/52/52-0201/202003030938/images/v01.png") no-repeat center center;

	background-color:rgba(0, 0, 0, 0.45);

	cursor:pointer;

	transition:all .3s;

}

.ispc .videoshowbox .openvideo span:hover{

	background-color:rgba(0, 0, 0, 0.7);

}

.videoshowbox .openvideo:hover{

	background:#fff;

	color:#0e5eb7;

}

.videoshow{

	position:fixed;

	width:100%;

	height:100%;

	left:0;

	top:0;

	background:rgba(0, 0, 0, 0.74);

	z-index:10;

	display:none;

}

.videoshow .videoshow01{

	position:absolute;

	width:1280px;

	height:720px;

	left:50%;

	margin-left:-640px;

	top:50%;

	margin-top:-360px;

}

.w960 .videoshow .videoshow01{

	width:900px;

	height:506px;

	margin-left:-450px;

	margin-top:-253px;

}

.videoshow .videoshow01 em{

	display: block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: absolute;

    right: -25px;

    top: -25px;

    background: #fff;

    border-radius: 50%;

    cursor: pointer;

    transition: all .3s;

	z-index:1;

}

.videoshow .videoshow01 em:hover{

	background:#004ea1;

	color:#fff;

}

.videoshow .videoshow01 video

,.videoshow .videoshow01 iframe{

	width:100%;

	height:100%;

}

.pro-parameter .lightspot01-r img{

	border-radius:10px;

}

.parameter01{

	margin-top:50px;

	padding:30px;

	background:#fff;

}

.pro-parameter h2{

	font-size:30px;

	border-bottom:2px solid #eee;

	padding-bottom:20px;

	text-transform:capitalize;

	font-weight:bold;

	margin-bottom:40px;

	color:#333;

}

.parameter01 li{

	width: 22.5%;

    margin-right: 2%;

	overflow:hidden;

	background:#fff;

	clear:both;

	content:"";

	 display: inline-block;

	*display:inline;

    vertical-align: top;

	padding-bottom:50px;

}

.parameter01 li.p01 {

    width: 100%;

    font-size: 30px;

	font-weight:bold;

    color: #0fc0ca;

    margin-bottom: 30px;

    line-height: 1;

    padding-left: 10px;

    border-left: 10px solid #0fc0ca;

    padding-bottom: 0;

	margin-top:50px;

}

.parameter01 li img{

	width:60px;

	height:auto;

	margin-top:5px;

}

.parameter01 li span{

	display:block;

	height:70px;

	background-image: linear-gradient(135deg,#0fc0ca 0,#156ac5 100%);

	text-align:center;

	margin:0 auto;

	float:left;

	width:70px;

	border-radius:50%;

}

.parameter01 li div {

    font-size: 14px;

    float: right;

    width: calc(100% - 90px);

}

.parameter01 li div h3 {

	font-weight:bold;

	line-height:1.2;

	margin-bottom:5px;

}

.w960 .parameter01 li div h3{

	font-size:12px;

}

.parameter01 li div p {

    color: #999;

    line-height: 1.3;

	font-size:14px;

}

.lightspot01-l li {

    padding-bottom: 20px;

    float: left;

    width: 100%;

}

.lightspot01-l li span {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    line-height: 60px;

    float: left;

    text-align: center;

    border-radius: 50%;

    background: #edf3f9;

}

.lightspot01-l li span img{

	width:35px;

	height:auto; 

}

.lightspot01-l li h3 {

    font-size: 15px;

    margin-top: 16px;

    height: 60px;

    width: calc(100% - 80px);

    float: right;

}

.lightspot01-r img{

	width:100%;

	height:auto;

	left:0 !important;

	margin-left:0 !important;

}

.lightspot01-r .dots span{

	width:12px;

	height:12px;

	border-radius:50%;

}

.lightspot01-r .dots span.active{

	background-color:#0fc0ca; 

}

/*-----------------list-case-------------------*/

.list-case{

	margin:0 auto;

}

.list-case .cattti01 {

    position: relative;

    left: 0;

    top: 0;

}

.list-case li{

	float:left;

	width:44%;

	margin:3%;

}

.list-case li a{

	display:block;

	background:#fff;

}

.list-case li a span{

	display:block;

}

.list-case li a span img{

	width:100%;

	height:auto;

}

.list-case li a div{

	padding:50px;

}

.list-case li h2 {

    color: #004ea2;

    font-size:20px;

    font-weight: bold;

    margin-bottom: 20px;

    padding-left: 10px;

    border-left:5px solid #004ea2;

    line-height: 1;

}

.w960 .list-case li h2 {

	font-size:35px;

}

.w960 .list-case li h3 {

	font-size:25px;

}

.list-case li a div h3{

	font-size:20px;

	font-weight:bold;

	height:60px;

}

.list-case li a div em{

	display:block;

	font-style:normal;

	width:150px;

	line-height:40px;

	text-align:center;

	border:1px solid #333;

	font-size:15px;

	color:#333;

	transition:all .3s;

	margin-top:20px;

}

.list-case li a div p{

	font-size:16px;

	height:46px;

	overflow:hidden;

}

.list-case li a div em:hover{

	background:#333;

	color:#fff;	

}

.list-case li a div.d01

,.list-case li.c02 a div.d02{

	display:block;

}

.list-case li a div.d02

,.list-case li.c02 a div.d01{

	display:none;

}

/*------------------list-support--------------*/

.jishu01{

	padding:100px 0;

}

.jishu01 .d01{

	text-decoration: none;

    font-size: 22px;

    color: #666;

    display: block;

    margin: 0 auto;

    margin-bottom: 70px;

}

.jishu01 li {

    float: left;

    width: 23%;

    margin-right: 2.65%;

    box-shadow: 0 0 15px #eee;

	transition:all .3s;

}

.jishu01 li span{

	display:block;

	position:relative;

}

.jishu01 li span img{

	width:100%;

	height:auto;

}

.jishu01 li div{

	padding:30px 20px;

}

.jishu01 li:hover{

	transform:translateY(-3px);

	-ms-transform:translateY(-3px);

	-moz-transform:translateY(-3px);

	-webkit-transform:translateY(-3px);

	-o-transform:translateY(-3px);

	box-shadow: 0 0 15px #ddd;

}

.jishu01 li div h3 {

    text-transform: capitalize;

    font-size: 20px;

    color: #0663c7;

    font-weight: bold;

    margin-bottom: 10px;

	transition:all .3s;

}

.jishu01 li div p {

    font-size: 15px;

    color: #999;

	height:70px;

	transition:all .3s;

}

.w960 .jishu01 li div p{

	height:90px;

}

.jishu01 a{

	margin-top:70px;

}



.support01{

	padding-top:100px;

	margin-bottom:100px;

}

.support01 span.simg01{

	display:block;

	width:45%;

	margin:0 auto;

}

.support01 span img{

	width:100%;

	height:auto;

}

.support01 h3 {

    font-size: 48px;

    font-weight: bold;

    margin-bottom: 50px;

    text-transform: capitalize;

    color: #333;

	text-align:center;

}

.support01 ins{

	text-decoration:none;

	margin-bottom:20px;

	font-size:18px;

	color:#666;

	display:block;

	width:70%;

	margin:0 auto;

	text-align:center;

	margin-bottom:50px;

	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}

.box-support01{

	position:relative;

}

.support01 div.s01 li {

    width: 29%;

    position: absolute;

    height: 100px;

    top: 13%;

    padding: 20px;

    font-size: 16px;

    color: #666;

    text-align: right;

}

.support01 div.s01 li h4{

	display:none;

}

.support01 div.s01 li.l02 {

    right: 0;

    text-align: left;

    top: 20%;

    width: 27%;

}

.support01 div.s01 li.l03 {

    top: 57%;

    left: 0;

    width: 25%;

}

.support01 div.s01 li.l04 {

    top: 62%;

    right: 0;

    text-align: left;

    width: 26%;

}

.support01 a {

	font-size:20px;

	margin-top:50px;

}

.support02{

	padding:100px 0;

	background:#004ea2;

	background-image: linear-gradient(-45deg,#436ae5 23%,#0fc0ca 100%);

}

.hareware-sp .lesson01{

	width:50%;

}

.hareware-sp .lesson01 li {

    background: #fff;

    margin-bottom: 20px;

	padding: 30px 40px;

    position: relative;

	border-radius:20px;

}

.hareware-sp .lesson01 li h3{

	font-size: 25px;

    font-weight: bold;

    color: #333;

    cursor: pointer;

}

.hareware-sp .lesson01 li h3 span{

    display: block;

    width: 40px;

    height: 40px;

    color: #fff;

    text-align: center;

    border-radius: 50%;

    border: 2px solid #0fc0ca;

    left: -20px;

    top: 25px;

    position: absolute;

    background: #0fc0ca;

    cursor: pointer;

    z-index: 1;

}

.hareware-sp .lesson01 li h3 em{

	font-style: normal;

    display: block;

    font-size: 25px;

    line-height: 40px;

}

.hareware-sp .lesson01 li.a h3 em.em02{

	display:block;

	line-height:34px;

}

.hareware-sp .lesson01 li h3 em.em02

,.hareware-sp .lesson01 li.a h3 em.em01{

	display:none;

}

.hareware-sp .lesson01 li .d01{

	display:none;

}

.hareware-sp .lesson01 li.a .d01{

	display:block;

}

.hareware-sp .lesson01 li .d01 strong {

    font-size: 20px;

    margin: 10px 0;

    display: block;

    color: #0fc0ca;

}

.hareware-sp .lesson01 li .d01 h4 {

    font-size: 20px;

    font-weight: bold;

    color: #0fc0ca;

	margin-bottom:10px;

}

.hareware-sp .lesson01 li .d01 p {

    font-size: 16px;

    color: #666;

	padding:3px 0;

	position:relative;

	padding-left:20px;

}

.hareware-sp .lesson01 li .d01 p::after{

	position:absolute;

	content:"";

	width:8px;

	height:8px;

	transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	-webkit-transform:rotate(45deg);

	-o-transform:rotate(45deg);

	left:0;

	top: 11px;

    background: #0fc0ca;

}

.hareware-sp .lesson01 li .d01 .d02{

	padding:20px 0;

}

.hareware-sp .lesson01 li .d01 .d03{

}

.hareware-sp .img01{

	display:block;

	width:45%;

	overflow:hidden;

	transition:all .5s;

	position:relative;

	margin-top:50px;

}

.hareware-sp .img01:hover{

	border-radius:0 100px 0 100px;

}

.hareware-sp .img01 img{

	width:100%;

	height:auto;

	transition:all .5s;

}

.hareware-sp .img01 img:hover{

}

.hareware-sp .img01 h3{

	color:#fff;

	position:absolute;

	width:100%;

	top:45%;

	font-size:40px;

	text-align:center;

	font-weight:bold;

	text-transform:capitalize;

	letter-spacing:2px;

}

.support03{

	padding:100px 0;

	background:#f5f5f5;

	display:none;

}

.support04{

	padding:100px 0;

	background:url("/temp/temp/52/52-0201/202003030938/images/npcsbg.jpg") no-repeat center center;

	background-attachment:fixed;

	height:550px;

}

.npscbox{

	width:700px;

	position:relative;

	margin:0 auto;

}

.npscbox a.a01{

	display:block;

	position:absolute;

	width: 200px;

    height: 200px;

	line-height:200px;

	color:#fff;

	font-size:20px;

    border-radius: 50%;

    background: rgba(15, 192, 202, 0.58);

    float: left;

    top: 0;

    left: 33px;

    text-align: center;

    transition: all .5s;

	transition:all .5s;

}

.npscbox:hover a.a01{

	transform:scale(1.3);

	-ms-transform:scale(1.3);

	-moz-transform:scale(1.3);

	-webkit-transform:scale(1.3);

	-o-transform:scale(1.3);

}

.npscbox .npsc01{

	width: 550px;

    height: 550px;

    background:rgba(103, 33, 220, 0.54);

    border-radius: 50%;

    float: right;

    position: relative;

    transition: all .5s;

}

.npscbox:hover .npsc01{

	transform:scale(0.9);

	-ms-transform:scale(0.9);

	-moz-transform:scale(0.9);

	-webkit-transform:scale(0.9);

	-o-transform:scale(0.9);

}

.npscbox .npsc01 div {

    color: #fff;

    font-size: 20px;

    width: 400px;

	position:absolute;

	left:50%;

	margin-left:-200px;

	top:50%;

	transform:translateY(-50%);

	-ms-transform:translateY(-50%);

	-moz-transform:translateY(-50%);

	-webkit-transform:translateY(-50%);

	-o-transform:translateY(-50%);

	text-align:center;

}

.npscbox .npsc01 div h3{

	font-size:48px;

	font-weight:bold;

	margin-bottom:50px;

}

/*-------------list-team-------------------*/



.list-team{

	margin:100px 0;

}

.list-team h2{

	font-size:48px;

	font-weight:bold;

	margin-bottom:70px;

	text-align:center;

	text-transform:capitalize;

}

.list-team li{

	float:left;

	width:24%;

	margin-right:1.32%;

	margin-bottom:2%;

}

.list-team li a{

	display:block;

	padding:10px;

	background:#f5f5f5;

	transition:all .5s;

}

.list-team li:hover a{

	background:#0fc0ca;

}

.list-team li a span{

	display:block;

}

.list-team li a img{

	width:100%;

	height:auto;

}

.list-team li div{

	padding:15px;

}

.list-team li div h3{

	text-align:center;

	text-transform:capitalize;

	font-size:20px;

	font-weight:bold;

	transition:all .5s;

	margin-bottom:10px;

}

.list-team li div p {

    font-size: 14px;

    line-height: 25px;

    height: 50px;

    overflow: hidden;

	color:#666;

	transition:all .5s;

	text-align:center;

}

.list-team li div em {

    display: block;

    font-style: normal;

    width: 100px;

    line-height: 28px;

    margin: 0 auto;

    border: 1px solid #ccc;

    text-align: center;

    margin-top: 20px;

	background:#fff;

}

.list-team li:hover div h3

,.list-team li:hover div p{

	color:#fff;

}

/*---------------list-contact-----------------------*/

.list-contact{

	margin:100px auto;

}

.list-contact{

}

.list-contact li{

	background:#fff;

	margin-bottom:50px;

	transition:all .3s;

}

.list-contact li:hover{

	box-shadow:0 0 20px #dedede;

	transform:translateY(-5px);

	-ms-transform:translateY(-5px);

	-moz-transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	-o-transform:translateY(-5px);

}

.list-contact li span{

	display:block;

	float:left;

	width:45%;

}

.list-contact li span img{

	width:100%;

	height:auto;

}

.list-contact li div{

	padding:5%;

	float:right;

	width:45%;

}

.w960 .list-contact li div{

	padding:4% 5%;

}

.list-contact li div h3 {

    font-size: 32px;

    font-weight: bold;

    text-transform: capitalize;

    margin-bottom: 20px;

}

.list-contact li div h3 em{

	font-size:30px;

	margin-right:10px;

	transform:translateY(-5px);

	-ms-transform:translateY(-5px);

	-moz-transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	-o-transform:translateY(-5px);

	display:inline-block;

	*display:inline;

}

.list-contact li div p{

	font-size:18px;

	color:#666;

	margin:10px 0;

}

.kefu01{

	padding:100px 0;

	color:#333;

	background:url("/temp/temp/52/52-0201/202003030938/images/dot.png");

}

.kefu01 .s01{

	font-size:18px;

	line-height:1.8;

	margin-bottom:50px;

}

.kefu01 h2{

	font-size: 55px;

    font-weight: bold;

	text-align:center;

	margin-bottom:50px;

}

.w960 .kefu01 h2{

	font-size:45px;

}

.kefu01 .kefubox .d01 {

	text-align:center;

}

.kefu01 .kefubox p {

    font-size: 20px;

	margin:10px 0;

	display:inline-block;

	width:400px;

	padding:30px 50px;

	border:1px solid #333;

	margin:0 20px;

	transition:all .3s;

}

.kefu01 .kefubox p span{

	display:block;

	width:80px;

	height:80px;

	margin:0 auto;

	margin-bottom:20px;

}

.kefu01 .kefubox p span img{

	width:100%;

	height:auto;

}

.kefu01 .kefubox p:hover{

	border-color:#004ea2;

}

/*-------------------list-career-------------------------*/

.list-career01{

	margin:100px auto;

}

.list-career h2{

	font-size:70px;

	font-weight:bold;

	text-decoration:underline;

	margin-bottom:70px;

}

.list-career01 li{

	float:left;

	width:30%;

	margin-right:5%;

	margin-bottom:5%;

	transition:all .3s;

	border-bottom:2px solid #fff;

}

.list-career01 li:hover{

	box-shadow:0 0 10px #ddd;

	border-bottom:2px solid #0fc0ca;

}

.list-career01 li a.con {

    display: block;

    padding: 20px;

	border:1px solid #eee;

}

.list-career01 li h3 {

    font-size: 20px;

    font-weight: bold;

    padding-bottom: 17px;

    border-bottom: 1px solid #eee;

    margin-bottom: 20px;

}

.list-career01 li ins{

	display:block;

	text-decoration:none;

	position:relative;

}

.list-career01 li ins p{

	font-size:14px;

	padding:5px 0;

}

.list-career01 li ins p em{

	margin-right:7px;

}

.list-career01 li ins span{

	display:block;

	width:30px;

	height:30px;

	border-radius:50%;

	text-align:center;

	line-height:30px;

	position:absolute;

	right:0;

	bottom:0;

	border:1px solid #0fc0ca;

	color:#0fc0ca;

	transition:all .3s;

}

.list-career01 li:hover ins span{

	background: #0fc0ca;

	color:#fff;

}

.list-career01 li .tc{

	position:fixed;

	width:100%;

	right:0;

	top:0;

	height:100%;

	background:rgba(0, 0, 0, 0.54);

	display:none;

	z-index:11;

}

.list-career01 li .tc a{

	padding:0;

}

.list-career01 li .tc .pub a{

	display:inline-block;

	*display:inline;

}

.list-career01 li .tc h3{

	font-size:35px;

	font-weight:bold;

	padding-bottom:30px;

	border-bottom:1px solid #eee;

	margin-bottom:50px;

}

.list-career01 li .tc01 {

    position: absolute;

    width: 45%;

	height:calc(100% - 140px);

	overflow-y:scroll;

    padding: 70px;

    background: #fff;

    right: 1px;

    top: 0;

	z-index:11;

}

.list-career01 li .tc img{

	width:auto;

	height:auto;

	max-width:100%;

}

.list-career01 li .tc h2 {

    font-size: 25px;

	margin-bottom:50px;

}

.list-career01 li .tc span {

    color: #787878;

    font-size: 15px;

    margin-bottom: 5px;

    display: block;

}

.list-career01 li .tc .tc01 em.close01 {

    display: block;

    position: absolute;

    width: 50px;

    height: 50px;

	border-radius:50%;

	box-shadow:0 0 10px #ddd;

    left: 13px;

    top: 13px;

	background:url("/temp/temp/52/52-0201/202003030938/images/close.png") no-repeat center center;

	background-size:20px;

}

.list-career01 li .tc01::-webkit-scrollbar {

    width: 2px;

    background: #fff;

}

.list-career01 li .tc01::-webkit-scrollbar-thumb {

    width: 5px;

    background: #ddd;

}



.careerimg{

	float:right;

	width:35%;

}

.careerimg img{

	width:100%;

	height:auto;

}

.allmore01 {

    display: block;

    float: right;

    margin-top: -100px;

    font-size: 20px;

    width: 100px;

    text-align: center;

    border: 1px solid #000;

    padding: 10px 40px;

	transition:all .3s;

}

.allmore01:hover{

	background:#000;

	color:#fff;

}

.default-article-auto{

	margin:100px auto;

}

.default-article-auto h2 {

    text-align: center;

    font-size: 35px;

	margin-bottom:50px;

}

/*------------------list-download----------*/

.list-download{

	margin-top:30px;

	padding-bottom:50px;

	min-height:500px;

}

.ispc .list-download{

	width:1200px;

	margin:50px auto;

}

.list-download ul{

	margin-top:20px;

}

.list-download li {

    background: #fff;

    margin-bottom: 30px;

    font-size: 14px;

    float: left;

    width: 23%;

    margin-right: 2.65%;

	box-shadow: 0 0 10px #eee;

}

.list-download li a{

	display:block;

	padding:10px ;

	position:relative;

}

.list-download li a img {

    width: 80%;

    height: auto;

    padding: 10%;

}

.list-download li a h3 {

    text-align: center;

    padding: 10px 0;

    font-size: 14px;

    border-top: 1px solid #eee;

}

.list-download li a span{

	display:block;

	float:right;

	background:#eee url("/temp/temp/52/52-0201/202003030938/images/xiazai.png") no-repeat center center;

	background-size:25px;

	position: absolute;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    left: 20px;

    top: 20px;

}

/*-------------------list-toms---------------*/

.tomsbox01{

	margin-top:100px;

}

.tomsbox01 h2{

	font-size: 50px;

    color: #333;

    font-weight: bold;

    margin-bottom: 30px;

    line-height: 150px;

    padding-left: 50px;

	text-transform:uppercase;

    background: url("/temp/temp/52/52-0201/202003030938/images/quan1.png") no-repeat left center;

}

.tomsbox01 img{

	width:40%;

	height:auto;

}

.tomssum {

    float: right;

    width: 55%;

    font-size: 16px;

	margin-top:30px;

}

.tomsbox02{

	padding:100px 0;

	margin:100px 0;

	background-image:linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%);

}

.tomsbox02 .wp{

	width:1200px;

}

.tomsbox02 img{

	float:right;

	width:50%;

	height:auto;

}

.tomsbox02 .d01{

	float:left;

	width:45%;

}

.tomsbox02 .d01 h4{

	color:#fff;

	font-size:45px;

	margin-bottom:30px;

	font-weight:bold;

}

.tomsbox02 .d01 p{

	font-size:25px;

	position:relative;

	color:#fff;

	padding:5px 0;

	padding-left:20px;

}

.tomsbox02 .d01 p::after {

    content: "";

    position: absolute;

    width: 8px;

    height: 8px;

    background: #fff;

    left: 0;

    top: 21px;

    transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.tomsbox03{

	padding-bottom:150px;

}

.tomsbox03 h3{

	text-align:center;

	font-size:40px;

	font-weight:bold;

	color:#333;

	margin-bottom:70px;

}

.tomsbox03{

	text-align:center;

}

.tomsbox03 li{

	display:inline-block;

	*display:inline;

	width:33%;

	margin-bottom:50px;

}

.tomsbox03 li span{

	display:block;

	width:80px;

	margin:0 auto;

}

.tomsbox03 li img{

	width:80px;

	height:auto;

}

.tomsbox03 li div{

	margin-top:20px;

	font-size:16px;

	text-align:center;

	padding:0 30px;

}

.default-basescript-search{

	background:#f9f9f9;

}

.base_search_content {

    margin: 100px 0;

    background: #fff;

    padding: 50px;

}

/*------------list-message-------------------*/

.list-message{

	width:1000px;

	margin:100px auto;

	padding:50px;

	background:#fff;

	position:relative;

	border:1px solid #eee;

	border-radius:10px;

}

.list-message .mpic{

	position: absolute;

    top: -60px;

    left: calc(50% - 60px);

    width: 120px;

    height:120px;

    border-radius: 60px;

	background:#004ea2 url("/temp/temp/52/52-0201/202003030938/images/message.png") no-repeat center center;

}

.list-message form label{

	display:none;	

}

.list-message form h4 {

    text-align: center;

    text-transform: capitalize;

    font-size: 35px;

    margin: 50px 0;

    font-weight: bold;

    color: #004ea2;

}

.list-message form{

}

.list-message form input{	

	width:100%;

	padding-left:20px;

	line-height:45px;

	border:1px solid #ddd;

	font-size:16px;

	box-sizing: border-box;

    outline: none;

}

.list-message form select{	

	width:100%;

	padding-left:5%;

	line-height:47px;

	border:1px solid #ddd;

	height:47px;

	color:#666;

	font-size:16px;

	outline-color: #fff;

	max-height:400px;

	overflow-y:scroll;

}

.list-message form select option:hover{

	background-color:#004ea2; 

}

.list-message form textarea {

    height: 150px;

    width:100%;

    border: 1px solid #ddd;

    padding-left: 20px;

    font-size: 16px;

    padding-top: 10px;

    font-family: HinTing;

    color: #ccc;

	box-sizing: border-box;

    outline: none;

}

.list-message form [type="submit"] {

    width: 200px;

    line-height: 52px;

    background: #004ea2;

    display: block;

    margin: 0 auto;

    color: #fff;

    padding-left: 0;

    font-size: 18px;

    text-transform: capitalize;

    font-family: HinTing;

    border-radius: 30px;

	cursor:pointer;

}

.list-message form .default-form-item.abc6 select{

	padding-left:2%;

}

.list-message .default-form-item{

	float:left;

	width:46%;

	margin:0 2%;

	margin-bottom:20px;

}

.list-message .default-form-item.abc6

,.list-message .default-form-item.abc7{

	width:96%;

}

.list-message .default-form-item.abc6 label{

	display:block;

	color:#666;

	font-size:16px;

	margin-bottom:5px;

	padding-left: 5px;

}

.isipad .menu li div {

    position: absolute;

    right: 0;

    top: 0px;

    width: 100%;

    height:100%;

}

.product-video{

	font-size:0;

}

.product-video .diy_edit_but {

    font-size: 12px !important;

}

.product-video01{

	background:url("/temp/temp/52/52-0201/202003030938/images/support.jpg") no-repeat center center;

}

.product-video01 video{

	width:100%;

	height:100%;

}

.list-news02{

	margin:100px auto;

}

.w960 .list-news02{

	margin:70px auto;

}

.list-news02 li{

	padding:25px;

	border-bottom:1px solid #eee;

	transition:all .3s;

}

.list-news02 li:hover{

	background:#fafafa;

}

.list-news02 li a{

	display:block;

}

.list-news02 li span{

	display:none;

	float:left;

	width:25%;

}

.list-news02 li img{

	width:100%;

	height:auto;

}

.list-news02 li div{

	float:right;

	width:100%;

}

.list-news02 li div h3 {

    font-size: 25px;

    margin:15px 0 20px 0;

	transition:all .3s;

}

.list-news02 li:hover div h3 {

    color: #004ea2;

}

.list-news02 li div p {

    font-size: 14px;

    color: #999;

}

.list-news02 li div em {

    color: #aaa;

    font-weight: normal;

    -webkit-text-stroke-width: inherit;

    margin-top: 20px;

    display: block;

	font-size:14px;

}

/*-----------------list-problem01------------*/

.list-problem{

	margin-bottom:100px;

}

.list-problem01{

	width:1000px;

	margin:50px auto;

}

.list-problem01 li {

    padding:30px 40px;

	border-bottom:1px solid #eee;

	background:#fff;

	position:relative;

}

.list-problem01 li h3 {

    font-size:20px;

    font-weight: bold;

    color: #333;

	cursor:pointer;

}

.list-problem01 li div {

    font-size: 16px;

    color: #666;

	padding-top:10px;

	display:none;

	line-height:2;

}

.list-problem01 li span {

    display: block;

    width: 40px;

    height: 40px;

    color: #0fc0ca;

    text-align: center;

    border-radius: 50%;

    border: 2px solid #f5f5f5;

    left: -20px;

    top:25px;

    position: absolute;

    background: #fff;

	cursor:pointer;

	z-index:1;

}

.list-problem01 li span em{

	font-style:normal;

	display:block;

	font-size: 25px;

	line-height: 34px;

}

.list-problem01 li span em.em02

,.list-problem01 li .active span em.em01{

	display:none;

}

.list-problem01 li .active span em.em02{

	display:block;

}

/*------------------list-website-----------------*/

.website .website01{

	height:682px;

	position:relative;

	width:1200px;

	margin:0 auto;

	margin-top:50px;

	display:none;

	background:url("/") no-repeat center center;

}

.website h2{

	text-align:center;

	font-size:35px;

	color:#333;

	font-weight:bold;

	margin-top:80px;

}

.website h2 p{

	font-size:18px;

	margin-top:20px;

	font-weight:normal;

}

.website-search{

	text-align:center;

	border:2px solid #eee;

	width:1000px;

	margin:30px auto;

	border-radius:50px;

	transition:all .3s;

}

.website-search:hover{

	border:2px solid #004ea2;

}

.website-search .default-pc-search-keyword{

	display:inline-block;

	*display:inline;

	vertical-align:middle;

	width:86%;

	line-height:50px;

	padding-left:3%;

	border:none;

	border-radius:50px;

	outline-color: #fff; 

	font-size:16px;

}

.website-search .default-pc-search-submit {

    display: inline-block;

    *display: inline;

    vertical-align: middle;

    width: 10%;

    height: 50px;

    font-size: 0;

    border: none;

	background:url("/temp/temp/52/52-0201/202003030938/images/searcj.png") no-repeat center center;

	background-size: 25px;

	outline-color: #fff; 

}

.chinamap{

	position:absolute;

	width:230px;

	height:160px;

	right: 173px;

    bottom: 224px;

	cursor:pointer;

	transition:all .3s;

	background:url("/temp/temp/52/52-0201/202003030938/images/china02.png") no-repeat center center;

}

.chinamap a{

	display:block;

	position:absolute;

	width:100%;

	height:100%;

}

.chinamap:hover{

	background:url("/temp/temp/52/52-0201/202003030938/images/china01.png") no-repeat center center;

}

.list-website{

	padding:80px 0;

	margin-top:50px;

	background:#fafafa;

}

.list-website ul {

    background: #fff;

    border: 1px solid #eee;

	border-bottom:none;

}

.list-website li {

    border-bottom: 1px solid #eee;

    line-height: 50px;

    font-size: 14px;

    text-align: center;

}

.list-website li.w01 {

    background: #0468d4;

    line-height: 70px;

    color: #fff;

}

.list-website li.w01 p

,.list-website li.w01 h3{

	font-size: 20px;

    font-weight: bold;

}

.list-website li.w01 h3

,.list-website li.w01 div.d01{

	border-color:#067bf9;

}

.list-website li h3{

	float:left;

	width:40%;

	border-right:1px solid #eee;

	box-sizing:border-box;

	position:relative;

}

.list-website li h3 em {

    color: #0468d4;

    margin-right: 6px;

    font-size: 20px;

}

.list-website li span{

	display:inline-block;

	padding-left:30px;

	background:url("/temp/temp/52/52-0201/202003030938/images/webadd.png") no-repeat center left;

	background-size:20px;

}

.list-website li p{

	float:right;

	width:60%;

	font-size: 18px;

}

.list-website li div.d01 {

	border-right:1px solid #eee;

	box-sizing:border-box;

}

.list-website li div {

    float: left;

    width: 50%;

	transition:all .3s;

}

.list-website li.w02 div:hover{

	background: #f9f9f9;

}

/*-------------------------list-nptlife-----------------------*/



.nptlife01{

	margin:100px 0;

}

.nptlife01 h2 {

    text-align: center;

    font-size: 40px;

    font-weight: bold;

    letter-spacing: 3px;

    color: #333;

	margin-bottom:70px;

}

.nptlife01 li {

    float: left;

    width: 20%;

    box-sizing: border-box;

    border-right: 1px solid #eee;

}

.nptlife01 li a{

	display:block;

	padding:130px 30px 50px 30px;

	text-align:center;

	position:relative;

	overflow:hidden;

}

.nptlife01 li a strong {

    display: block;

    font-size: 80px;

    text-align: right;

    font-family: fantasy;

    font-weight: normal;

    color: #eee;

    position: absolute;

    right: 0;

    top: 0;

    font-style: italic;

}

.nptlife01 li a h3 {

    font-size: 20px;

    font-weight: bold;

    margin: 20px 0;

    letter-spacing: 5px;

}

.nptlife01 li a .d01{

	transition:all .5s;

}

.nptlife01 li:hover a .d01{

	transform:translateY(-130px);

}

.nptlife01 li a .d01 span {

    display: block;

    width: 50%;

    margin: 0 auto;

}

.nptlife01 li a .d01 span img{

	width:100%;

	height:auto;

}

.nptlife01 li a .d01 p {

    font-size: 16px;

    color: #999;

    margin-bottom: 30px;

}

.nptlife01 li a .e01 {

    display: block;

    font-style: normal;

    width: 100px;

    height: 32px;

    line-height: 32px;

    background: #004ea2;

    border-radius: 20px;

    color: #fff;

    font-size: 14px;

    margin: 30px auto;

}

.nptlife01 li a .d02{

	transition:all .5s;

	position:absolute;

	padding:0 7%;

	width:86%;

	bottom:-100%;

	left:0;

	opacity:0;

}

.nptlife01 li:hover a .d02{

	opacity:1;

	bottom:0;

}

.nptlife01 li a .d02 img{

	width:100%;

	height:auto;

}

.nptlife02{

	padding:60px 0 80px 0;

	background:url("/temp/temp/52/52-0201/202003030938/images/bookbg.jpg") no-repeat center center;

}

.booktit {

    margin-bottom: 50px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.booktit img{

	float:left;

	width:auto;

}

.booktit p {

    float: left;

    margin-left: 20px;

    font-size: 20px;

    color: #fff;

    margin-top: 20px;

}

.booktit a {

    display: block;

    float: right;

    width: 100px;

    line-height: 32px;

    border-radius: 30px;

    text-align: center;

    margin-top: 10px;

    color: #fff;

    border: 2px solid #fff;

    font-weight: bold;

    letter-spacing: 2px;

}

.booktit a:hover{

	background:#fff;

	color:#004ea2;

}

.nptlife02 .d01 {

    width: 55%;

}

.nptlife02 .d01 .dots{

	bottom:-50px;

}

.nptlife02 .d01 .dots span{

	width:10px;

	height:10px;

	border-radius:50%;

	border:1px solid #fff;

	margin:5px 10px;

	background-color:transparent;

}

.nptlife02 .d01 .dots span.active{

	background-color:#fff;

}

.nptlife02 .d01 li img{

	width:100%;

	height:auto;

	left:0 !important;

	margin-left:0 !important;

	opacity:.8;

}

.nptlife02 .d01 li a{

	background:#000;

	display:block;

}

.nptlife02 .d01 li div{

	position:absolute;

	padding:60px 0 100px 0;

	width:60px;

	left:50%;

	margin-left:-30px;

	top:50%;

	transform:translateY(-50%);

	-ms-transform:translateY(-50%);

	-moz-transform:translateY(-50%);

	-webkit-transform:translateY(-50%);

	-o-transform:translateY(-50%);

	font-size: 26px;

    text-align: center;

    color: #fff;

    font-weight: bold;

	background:url("/temp/temp/52/52-0201/202003030938/images/icobook01.png") no-repeat center center;

}

.nptlife02 .d02 {

    width: 40%;

}

.nptlife02 .d02 h2{

	text-align:center;

	margin-bottom:50px;

}

.nptlife02 .d02 h2 img{

	width:auto;

	max-width:100%;

	height:auto;

}

.nptlife02 .d02 li{

	float:left;

	width:20%;

	height:280px;

	cursor:pointer;

	background:url("/temp/temp/52/52-0201/202003030938/images/bookline01.png") no-repeat center left;

}

.nptlife02 .d02 li span {

    display: block;

    line-height: 40px;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    margin: 0 auto;

    margin-bottom: 10px;

    text-align: center;

    font-size: 20px;

    color: #fff;

    font-weight: bold;

	transition:all .3s;

	border:1px solid #fff;

	margin-top:20px;

}

.nptlife02 .d02 li:hover span {

	color: #004ea2;

	background:#fff;

	margin-top:0;

}

.nptlife02 .d02 li h3 {

    width: 20px;

    font-size: 16px;

    color: #fff;

    margin: 0 auto;

    line-height: 1.3;

}

.nptlife03{

	padding:100px 0;

}

.bosstownbox{

	background:#fafafa;

}

.bosstown {

    width: 33%;

}

.bosstown .prev, .bosstown .next {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 20px;

    border-radius: 50%;

    left: -70px;

    margin-top: -20px;

    opacity: .3;

	background-color:transparent;

	border:1px solid #004ea2;

	color:#004ea2;

}

.bosstown .next{

	left:auto;

	right:-70px;

}

.bosstown a{

	display:block;

	position:relative;

}

.bosstown a span {

    display: none;

    position: absolute;

    width: 70px;

    height: 70px;

    background: #fff;

    left: 50%;

    margin-left: -55px;

    top: 50%;

    margin-top: -25px;

    border-radius: 50%;

    line-height: 60px;

    text-align: center;

    font-size: 40px;

    font-weight: bold;

    color: #004ea2;

	transition:all .3s;

}

.bosstown a:hover span {

	box-shadow:0 0 10px rgba(0, 4, 8, 0.6);

}

.bosstownbox .bosstown a span{

	margin-left:-18px;

}

.bosstown img{

	width:auto;

	max-width:100%;

	height:auto;

}

.list-nptlife .newstit{

	margin-bottom:90px;

}

.list-nptlife .newstit p {

    font-size: 18px;

    margin-top: 20px;

    letter-spacing: 2px;

    color: #999;

}

.list-nptlife .newstit h2 {

    font-size: 40px;

    font-weight: bold;

    color: #004ea2;

	text-align:center;

    border-radius: 30px;

    line-height: 1;

}

.bosstown02 {

    width: 55%;

}

.bosstown02 li{

	margin-bottom:20px;

}

.bosstown02 li a {

    display: block;

    padding: 15px 20px;

    border-radius: 100px;

    background: #f9f9f9;

    padding-right: 50px;

	transition:all .4s;

}

.bosstownbox .bosstown02 li a {

	background:#fff;

}

.bosstown02 li:hover a {

	box-shadow:0 10px 10px #eee;

	transform:translateY(-5px);

	-ms-transform:translateY(-5px);

	-moz-transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	-o-transform:translateY(-5px);

}

.bosstown02 li.b02 a {

	padding-right:20px;

	padding-left:50px;

}

.bosstown02 li span {

    display: block;

    float: left;

    width: 100px;

    height: 100px;

    border-radius: 50%;

    background: #004ea2;

}

.bosstown02 li.b02 span {

	float:right;

}

.bosstown02 li.b02 div{

	float:left;

	text-align:right;

}

.bosstown02 li span img{

	width:100%;

	height:auto;

	border-radius:50%;

}

.bosstown02 li div{

	float:right;

	width:calc(100% - 120px);

}

.bosstown02 li div h3 {

    font-size: 17px;

    font-weight: bold;

    color: #004ea2;

    margin-bottom: 15px;

}

.bosstown02 li div p {

    font-size: 16px;

	color:#888;

}

.w960 .bosstown02 li div p{

	font-size:12px;

}

.nptlife04{

	padding:80px 0;

	background:#f9f9f9;

}

.english01 {

    width: 32%;

    margin-top: 3%;

}

.english01 h2{

	font-size:38px;

	font-weight:bold;

	color:#333;

}

.english01 h2 span {

    display: block;

    font-size: 16px;

    font-weight: normal;

    letter-spacing: 2px;

}

.english01 p {

    font-size: 16px;

    margin-top: 50px;

    line-height:1.8;

}

.english01 a {

    display: block;

    width: 70px;

    padding: 0 30px 0 20px;

    background: #fff;

    border: 1px solid #004ea2;

    border-radius: 30px;

    line-height: 34px;

    position: relative;

    font-size: 14px;

    height: 35px;

    font-weight: bold;

    color: #004ea2;

	margin-top:50px;

}

.english01 a em {

    display: block;

    width: 26px;

    height: 26px;

    position: absolute;

    right: 6px;

    top: 5px;

    background: #004ea2;

    border-radius: 50%;

    line-height: 22px;

    text-align: center;

    font-size: 16px;

    color: #fff;

}

.english02{

	width:50%;

}

.english02 li {

    float: left;

    width: 35%;

    position: relative;

}

.english02 li.e02, .english02 li.e03 {

    float: right;

    width: 60%;

    margin-bottom: 5%;

}

.english02 li a{

	display:block;

}

.english02 li span {

    display: block;

    background: #004ea2;

    border-radius: 10px;

    overflow: hidden;

}

.english02 li img {

    width: 100%;

    height: auto;

    opacity: .7;

	transition:all .5s;

}

.english02 li:hover img {

	opacity:.3;

}

.english02 li.e03 div{

	top:auto;

	left:auto;

	bottom:30px;

	right:50px;

}

.english02 li div {

    position: absolute;

    color: #fff;

    top: 50px;

    left: 30px;

}

.english02 li h3 {

    font-size: 22px;

    font-weight: bold;

    letter-spacing: 2px;

}

.english02 li p {

    font-size: 14px;

    text-transform: capitalize;

}

.communitybox {

    padding: 100px 0;

    background: #eaf0f7;

}

.community li{

	float:left;

	margin-left:2%;

	margin-bottom:2%;

	width:32%;

}

.community li.c01{

	width:32%;

	margin-left:0;

}

.community li.c06

,.community li.c07{

	width:49%;

}

.community li.c06{

	margin-left:0;

}

.community li a{

	display:block;

	overflow:hidden;

	border-radius:10px;

	position:relative;

	background:#004ea2;

}

.community li a span{

	display:block;

	width:60px;

	height:60px;

	border-radius:50%;

	border:1px solid #fff;

	left:50%;

	margin-left:-30px;

	top:120%;

	margin-top:-30px;

	line-height:60px;

	text-align:center;

	color:#fff;

	position:absolute;

	font-size:25px;

	transition:all .3s;

}

.community li:hover a span{

	top:50%;

}

.community li a img{

	width:100%;

	height:auto;

	transition:all .3s;

}

.community li:hover a img{

	transform:scale(1.08);

	-ms-transform:scale(1.08);

	-moz-transform:scale(1.08);

	-webkit-transform:scale(1.08);

	-o-transform:scale(1.08);

	opacity:.5;

}

.list-show{

	margin-top:50px;

}

.list-show li{

	float:left;

	width:48%;

	margin-right:4%;

	margin-bottom:4%;

}

.list-show li a {

    display: block;

    border: 1px solid #eee;

    background: #fff;

    padding: 30px;

	transition:all .3s;

}

.list-show li:hover a {

	box-shadow:0 10px 10px #eee;

	transform:translateY(-5px);

	-ms-transform:translateY(-5px);

	-moz-transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	-o-transform:translateY(-5px);

}

.list-show li span {

    display: block;

    float: left;

    width: 40%;

}

.list-show li img{

	width:100%;

	height:auto;

}

.list-show li div{

	float:right;

	width:50%;

}

.list-show li div h3{

	font-size:30px;

	margin-top:30px;

	font-weight:bold;

}

.list-show li div p {

    font-size: 14px;

    color: #666;

    line-height: 1.7;

    margin-top: 20px;

}

.list-show li div em {

    display: block;

    font-style: normal;

    width: 55px;

    line-height: 24px;

    height: 24px;

    background: #004ea2;

    text-align: center;

    border-radius: 20px;

    color: #fff;

    padding-left: 10px;

    margin-top: 30px;

	font-size:12px;

}

.list-show li div em i {

    display: block;

    float: right;

    width: 14px;

    height: 14px;

    background: #fff;

    border-radius: 50%;

    line-height: 14px;

    color: #004ea2;

    margin: 5px 8px;

}



/*-------------------list-shetuan-------------------*/



.float-nav{

	left:50px;

	top:50%;

	border-left:1px solid #ddd;

	padding:15px 0 15px 30px;

	position:fixed;

	transition: all .3s;

	z-index:10;

}

.float-nav.a{

	transition: all .5s cubic-bezier(.25,0,0,1);

    -webkit-transition: all .5s cubic-bezier(.25,0,0,1);

    -moz-transition: all .5s cubic-bezier(.25,0,0,1);

    -ms-transition: all .5s cubic-bezier(.25,0,0,1);

    -o-transition: all .5s cubic-bezier(.25,0,0,1);

	top:20%;

}

.w960 .float-nav{

	left:10px;

	padding-left:22px;

}

.float-nav::after, .float-nav::before {

    position: absolute;

    content: "";

    width: 11px;

    height: 11px;

    transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

    border: 1px solid #ccc;

    top: -14px;

    left: -7px;

}

.float-nav::before{

	top:auto;

	bottom:-14px;

}

.float-nav li {

    margin: 10px 0;

}

.float-nav li a{

	display:block;

	font-size:14px;

	position:relative;

	color:#777;

}

.float-nav li.a a

,.float-nav li:hover a{

	color:#035fc3;

}

.float-nav li.a a::after{

	 position: absolute;

    content: "";

    width: 22px;

    height: 12px;

    top: 4px;

    left: -32px;

	background:url("/temp/temp/52/52-0201/202003030938/images/activeimg.png") no-repeat center;

}

.w960 .float-nav li.a a::after{

	left:-22px;

}

.float-nav li a span{

	display:none;

}





.list-shetuan {

    margin-top: 50px;

	margin-bottom:100px;

}

.list-shetuan li{

	float:left;

	width:32%;

	margin-right:2%;

	margin-bottom:2%;

}

.list-shetuan li a {

    display: block;

    padding: 20px;

    border: 1px solid #eee;

	background:#fff;

	transition:all .3s;

}

.list-shetuan li:hover a {

	transform:translateY(-5px);

	-ms-transform:translateY(-5px);

	-moz-transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	-o-transform:translateY(-5px);

}

.list-shetuan li span{

	display:block;

}

.list-shetuan li img{

	width:100%;

	height:auto;

}

.list-shetuan li div{

	padding-top:20px;

}

.list-shetuan li div h3 {

    font-size: 16px;

	text-align:center;

}



/*------------------view-fuli---------------------*/

.view-fuli01{

	padding:100px 0;

}

.view-fuli01 .d01{

	width:35%;

	margin-top:60px;

}

.view-fuli01 .d01 h2 {

    font-size: 40px;

    font-weight: bold;

    color: #333;

    padding-bottom:80px;

	background:url("/temp/temp/52/52-0201/202003030938/images/douhao.png") no-repeat left bottom;

}

.view-fuli01 .d01 div {

    margin-top: 30px;

    font-size: 15px;

    color: #666;

    line-height: 2;

}

.view-fuli01 .d01 a {

    display: block;

    width: 120px;

    text-align: center;

    border:2px solid #004ea2;

    border-radius: 50px;

    line-height: 32px;

    color: #004ea2;

    margin-top: 50px;

	font-size:15px;

	font-weight:bold;

	transition:all .3s;

}

.view-fuli01 .d01 a:hover {

	background:#004ea2;

	color:#fff;

}

.view-fuli01 .d02{

	width:670px;

	position:relative;

}

.view-fuli01 .d02 .dots {

	bottom:-30px;

}

.view-fuli01 .d02 .dots span{

	width:12px;

	height:12px;

	border-radius:50%;

	margin:5px 10px;

	background-color:transparent;

	border:1px solid #014fa2;  

}

.view-fuli01 .d02 .dots span.active{

	background-color:#014fa2;

}

.view-fuli01 .d03{

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

	background:url("/temp/temp/52/52-0201/202003030938/images/kouimg.png") no-repeat center;

}

.view-fuli02{

	background:#e7eff9;

	padding:100px 0;

}

.view-fuli02 h2 {

    font-size: 40px;

    font-weight: bold;

    text-align: center;

    margin-bottom: 70px;

	line-height:1;

	color:#fff;

	display:none;

}

.view-fuli02 li{

	float:left;

	width:23%;

	margin-right:2.666%;

}

.view-fuli02 li span{

	display:block;

}

.view-fuli02 li img{

	width:100%;

	height:auto;

}

.view-fuli02 li h3 {

    color: #333;

    font-size: 20px;

    font-weight: bold;

	margin-top:15px;

	text-align:center;

}

.view-fuli03{

	padding:100px 0;

}

.view-fuli03 h2{

	text-align:center;

	font-size:40px;

	font-weight:bold;

	color:#333;

	margin-bottom:70px;

	line-height:1;

}

.view-fuli03 ul{

	text-align:center;

}

.view-fuli03 li{

	display:inline-block;

	*display:inline;

	width:19.5%;

}

.view-fuli03 li span{

	display:block;

	width:60%;

	margin:0 auto;

}

.view-fuli03 li img{

	width:100%;

	height:auto;

	border-radius:50%;

}

.view-fuli03 li h3{

	text-align:center;

	font-size:16px;

	margin-top:15px;

}

.view-fuli04{

	padding:100px 0;

	background:#fafafa;

}

.view-fuli04 ul{

	text-align:center;

}

.view-fuli04 li{

	display:inline-block;

	*display:inline;

	background:#fff;

	width:40%;

	margin:0 3%;

	transition:all .3s;

}

.view-fuli04 li:hover{

	transform:translateY(-10px);

	-ms-transform:translateY(-10px);

	-moz-transform:translateY(-10px);

	-webkit-transform:translateY(-10px);

	-o-transform:translateY(-10px);

	box-shadow:0 10px 10px #eee;

}

.view-fuli04 li span{

	display:block;

}

.view-fuli04 li span img{

	width:100%;

	height:auto;

}

.view-fuli04 li div{

	padding:30px;

	background:#fff;

}

.view-fuli04 li h3{

	text-align:center;

	margin-top:20px;

	font-size:20px;

	font-weight:bold;

}

.view-fuli04 li p{

	font-size:16px;

	color:#999;

	line-height:2;

	text-align:center;

	margin-top:10px;

}



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

	.isipad .wp, .isipad .w1188 {

		width: auto;

		padding:0 10px;

	}

	.isipad .menu li a{

		padding:20px 15px;

	}

	.isipad .product{

		overflow:hidden;

	}

	.isipad .indexabout li div h3 {

		font-size: 50px;

	}

	.isipad .list-about .list-mapbox .mapbox{

		transform: scale(.8) !important;

		-ms-transform: scale(.8) !important;

		-moz-transform: scale(.8) !important;

		-webkit-transform: scale(.8) !important;

		-o-transform: scale(.8) !important;

		right: 10% !important;

	}

	.isipad .pro-detail {

		width: 100% !important;

	}

	.isipad .pro-used .next{

		right:0;

	}

	.isipad .pro-used .prev{

		left:0;

	}

	.isipad .pro-content {

		margin-left:0;

		left:0;

		width:95%;

	}

	.isipad .pro-img01 {

		width: 350px;

		margin-right: 0;

	}

	.isipad .pro-parameter {

		margin-top: 50px;

	}

	.isipad .pro-content{

		top:0;

	}

	.isipad .list-soft01 li .d01 {

		 height: auto; 

	}

	.isipad .list-soft01 h2{

		margin-top:50px;

	}

	.isipad .list-soft03 .d04 li div {

		min-height: 250px;

	}

	.pro-title01 {

		height: auto;

		width:auto;

		background: none !important;

	}

	.banner li img{

		transform:scale(1) !important;

		-ms-transform:!important;

		-moz-transform:!important;

		-webkit-transform:!important;

		-o-transform:!important;

	}

	.videoshow .videoshow01 {

		position: absolute;

		width: 100%;

		height: 200px;

		left: 0;

		margin-left:0;

		top: 50%;

		margin-top: -100px;

	}

	.videoshow .videoshow01 em{

		width:30px;

		height:30px;

		line-height:30px;

		right:0;

		top:-30px;

	}

	.videoshowbox .openvideo span{

		background-size:50px;

	}

	.videoshow .videoshow01 video, .videoshow .videoshow01 iframe{

		background:#000;

	}

	.list-nav li{

		margin-top:0;

	}

	.list-nav li a {

		font-size: 14px;

		padding: 10px;

	}

	.list-message {

		width: 85%;

		margin: 50px auto;

		padding: 5%;

		margin-top:80px;

	}

	.list-message .default-form-item {

		width: 100% !important;

		margin: 0;

		margin-bottom: 20px;

	}

	.list-message form h4 {

		font-size: 25px;

		margin-bottom: 30px;

	}

	.list-message .mpic {

		top: -50px;

		left: calc(50% - 50px);

		width: 100px;

		height: 100px;

		background-size: 70px;

	}

	.mblist-nav {

		text-align:center;

		margin-top:40px;

	}

	.mblist-nav li{

		display:inline-block;

	}

	.mblist-nav li a{

		display:block;

		font-size:16px;

		color:#666;

		padding:5px 10px;

		background:#fff;

		border-radius:5px;

		text-transform:capitalize;

		border:1px solid #eee;

	}

	.mblist-nav li.a a {

		border: 1px solid #004ea2;

		color: #004ea2;

	}

	.isipad .indexabout {

		background-attachment: inherit;

	}

	.isipad .flip-items{

		height:525px !important;

	}

	.isipad .product01 li {

		width: 430px;

	}

	.isipad .pro-title01 {

		left: 0;

		margin-left: 0;

	}

	.isipad .pro-video .video01 video

	,.isipad .pro-video .video01 iframe

	,.isipad .pro-video .video01 object

	,.isipad .pro-video .video01 embed{

		width:100%;

		height:100%;

	}

	.isipad .pro-video img

	,.isipad .pro-video{

		height:auto !important;

	}

	.isipad .ldbox01 li {

		padding-bottom: 5px;

	}

	.isipad .ldbox01 li h3 {

		font-size: 16px;

	}

	.isipad .pro-used li {

		width: 320px;

		margin-right:20px;

	}

	.isipad .pro-used  ul{

		height:211px !important;

		overflow:hidden;

	}

	.isipad .list-mapbox .ditumap {

		transform: scale(0.7);

	}

	.isipad .list-about .list-mapbox

	,.isipad .list-about04

	,.isipad .list-soft03 .d03{

		background-attachment: inherit !important;

	}

	.isipad .list-mapbox .ditumap {

		transform: scale(0.8);

		left: 50%;

		margin-left: -600px;

	}

	.isipad .list-about03 ul {

		height: 330px;

	}

	.isipad .list-case li a div h3{

		line-height:1;

	}

	.isipad .jishu01

	,.support02{

		margin-top:80px;

	}

	.kefu01 .kefubox p {

		font-size: 18px;

		width: 40%;

		padding: 3%;

		margin: 0 1.5%;

	}

	.isipad .jishu01 li div p {

		height: 130px;

	}

	.isipad .lightspot01 .videoshowbox {

		margin-top: 80px;

	}

	.list-news li a .d01 .d02 ins{

		margin-left:0;

	}

	.list-contact li div {

		padding: 3% 5%;

	}

	.list-contact li div p {

		font-size: 16px;

	}

	.isipad .menu li ul li a{

		padding: 7px 10px;

		margin-left: 5px;

	}

	.list-soft01 li.s05 {

		padding-bottom: 20px;

	}

	.list-soft04 li {

		vertical-align: top;

	}

	.ban01 .bantit p, .ban02 .bantit p {

		font-size: 20px;

	}

	.isipad .ban01 .bantit h3, .isipad .ban02 .bantit h3 {

		font-size: 50px;

		margin-bottom: 0;

	}

	.language a.a02::after {

		top: 7px;

		height: 14px;

	}

}

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



}

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

	.mbbody{

		position:relative;

	}

	.title01 .tit-l {

		width: 100%;

		margin-top: 50px;

		margin-bottom:0;

	}

	.title01 .tit-l h3 {

		font-size: 25px;

	}

	.title01 .tit-l p {

		font-size: 14px;

		color: #666;

		margin-top: 25px;

	}

	.title01 .tit-l a {

		width: 140px;

		height: 37px;

		line-height: 37px;

		font-size: 14px;

		margin-top:20px;

		letter-spacing: 1px;

	}

	.probox{

		padding:0 10px;

	}

	.product01 .default-slider-box{

		width:300px;

		margin:0 auto;

	}

	.product01 li{

		width:300px;

		margin:0 auto;

	}

	.product01 li a div .d01 span{

		margin-top:50px;

	}

	.product01 .prev

	,.product01 .next{

		width:30px;

		height:30px;

		border-radius:50%;

		line-height:30px;

		font-size:15px;

		text-align:center;

		margin-top:-20px;

	}

	.solution {

		padding: 0;

		margin-top:50px;

	}

	.solutionbox{

		background:#f5f5f5;

		margin-top:50px;

		padding-bottom:20px;

	}

	.solution01 {

		margin-top: 30px;

	}

	.casetit

	,.solution .title01 .tit-l{

		width:100%;

		text-align:left;

	}

	.solution01 ul li{

		width:86%;

		padding:7%;

		margin-bottom:20px;

		background:#fff;

	}

	.solution01 li a div

	,.solution01 li a div h3

	,.solution01 li a div p{

		position:inherit;

		color:#333;

		padding:0;

		bottom:0;

	}

	.solution01 li a div h3 {

		opacity: 1;

		margin: 6px 0;

		font-size: 20px;

		display: none;

	}

	.solution01 li a div p {

		opacity: 1;

		font-size: 14px;

		line-height:1.3;

		color:#666;

	}

	.solution01 li a div em {

		width: 30px;

		height: 30px;

		line-height: 30px;

		font-size: 18px;

		margin-top: -15px;

		right: calc(50% - 15px);

	}

	.mbnewsbox{

		padding:50px 0;

	}

	.mbnewsbox h2{

		font-size:25px;

		font-weight:bold;

		margin-bottom:30px;

		line-height:1;

		padding-left:10px;

		border-left:5px solid #42c0bd;

		color:#000;

	}

	.news01 {

		float: none;

		width: 100%;

		margin-top: 0;

		margin-right: 0;

	}

	.news01 .n01 a div h3 {

		font-size: 20px;

		margin-top: 15px;

		line-height: 1;

	}

	.news01 .n01 a div p {

		font-size: 15px;

		margin-top: 15px;

		line-height: 1.3;

	}

	.news01 .n01 a ins {

		padding-top: 15px;

		margin-top: 15px;

		font-size: 12px;

		line-height: 14px;

	}

	.news01 .n01 a ins em {

		font-size: 12px;

	}

	.news01 .n01 a ins em i {

		font-size: 14px;

	}

	.news01 .n01 a ins em.e02 {

		width: 15px;

		height: 15px;

		line-height: 15px;

	}

	.banner .dots{

		bottom:15px;

	}

	.mbnews li{

		padding:15px 0;

		border-bottom:1px solid #eee;

	}

	.mbnews li a{

		display:block;

	}

	.mbnews li a em{

		display:block;

		color:#999;

		font-size:12px;

		margin-bottom:10px;

		font-weight:normal;

		-webkit-text-stroke-width: initial;

	}

	.mbnews li a h3{

		font-size:15px;

	}

	.mbmore01 {

		width: 120px;

		line-height: 30px;

		text-align: center;

		font-size: 14px;

		margin: 0 auto;

		display: block;

		border-bottom: 2px solid #333;

		margin-top: 30px;

	}

	.mbaboutbox {

		padding: 30px 0;

		margin-top: 0;

	}

	.about01-1 {

		width: 100%;

	}

	.mbaboutbox .aboutsum {

		margin-top: 0;

	}

	.mbaboutbox .aboutsum h3 {

		font-size: 30px;

	}

	.mbaboutbox .aboutsum div em {

		height: 5px;

		bottom: 10px;

	}

	.aboutsum p {

		font-size: 14px;

	}

	.indexabout{

		padding:50px 0;

		margin-top:0;

	}

	.indexabout li{

		width:48%;

		padding:30px 1%;

	}

	.indexabout li div h3 {

		font-size: 30px;

	}

	.keyabout {

		width: 100%;

	}

	.keyabout .l01{

		top:33.3%;

	}

	.keyabout .l02{

		left:50%;  

	}

	.keyabout .l03{

		width:100%;

		height:1px;

		top:66.6%;

		left:0;

	}

	.indexabout li div h3 em {

		font-size: 20px;

		margin-left: 6px;

	}

	.aboutsum h3 {

		font-size: 30px;

	}

	.aboutsum p{

		width:100%;

	}

	.list-about01 .a02 {

		float: left;

		width: 100%;

	}

	.list-about01 .a02 h3 {

		font-size: 30px;

	}

	.list-about {

		margin: 50px 0;

		margin-bottom:0;

	}

	.list-about01 .a01 {

		width: 100%;

	}

	.list-about01 .a01 .video {

		margin-top: 0;

	}

	.list-about02 {

		margin: 50px 0;

		padding: 30px 0;

		margin-bottom:30px;

	}

	.list-about02 li {

		float: none;

		display: inline-block;

		width: 33%;

		margin:15px 0;

	}

	.list-about02 li h3 {

		font-size:35px;

		line-height:1;

	}

	.list-about02 li:nth-child(2) h3 {

		font-size: 20px;

	}

	.list-about02 li p{

		font-size:13px;

	}

	.list-about03 {

		padding:50px 0;

		margin-top: 50px;

	}

	.list-about03 h2 {

		font-size: 30px;

		margin-bottom:30px;

	}

.list-about01 .a02 .d01 p {

    font-size: 14px;

    margin-bottom: 20px;

    line-height: 1.8;

    text-indent: 2em;

}

	.list-about01{

		padding:0;

	}

	.list-about .list-mapbox .mapbox {

		width: 100%;

		height:200px;

	}

	.list-about .list-mapbox {

		height: auto;

		padding: 50px 0;

		overflow:hidden;

	}

	.mapbox .mapbox01{

		height: 200px;

		background:url("/temp/temp/52/52-0201/202003030938/images/mbmap09.png") no-repeat center center !important;

		background-size: 100% !important;

	}

	.mapbox02 li.m0 {

		left: 32%;

		top: 31%;

	}

	.mapbox02 li.m1 {

		left: 15%;

		top: 25%;

	}

	.mapbox02 li.m2 {

		left: 13%;

		top: 56%;

	}

	.mapbox02 li.m3 {

		right: 10%;

		bottom: 21%;

	}

	.mapbox02 li.m4 {

		right: 21%;

		top: 27%;

	}

	.mapbox02 li.m5 {

		top: 79px;

		left: 127px;

	}

	.mapbox02 li.m4 div {

		right: -10px;

		left: auto;

		z-index: 2;

		top: 30px;

	}

	.mapbox02 li.m5 span{

		baseline-size:80%;

	}

	.mapbox02 li.m3:hover div 

	,.mapbox02 li.m3 div{

		top: 32px;

		left: auto;

		right: -10px;

		z-index: 2;

	}

	.mapbox02 li.m4 div em

	,.mapbox02 li.m3 div em {

		left: auto;

		top: -5px;

		right: 15px;

	}

	.mapbox02 li span{

		width:20px;

		height:20px;

		background:rgba(0, 188, 212, 0.3);

	}

	.mapbox03 li{

		color:#fff;

		padding:10px;

	}

	.mapbox03 li:nth-child(2n) {

		background: rgba(2, 100, 213, 0.1);

	}

	.mapbox03 li div p{

		display:inline-block;

		margin-right:20px;

		font-size:14px;

		color:#789dc7;

	}

	.team01{

		width:300px;

		margin:0 auto;

	}

	.list-about03{

		margin-top:0;

		background-size:cover;

	}

	.list-about03 li{

		width:300px;

		margin:0;

		margin-bottom:20px;

	}

	.list-about03 li a{

		padding:20px;

		transition:all .3s;

	}

	.list-about03 .more03 em {

		width: 120px;

		height: 120px;

		line-height: 120px;

		margin: 0 auto;

	}

	.list-about04 {

		padding: 50px 0;

	}

	.list-about04 h2 {

		margin-bottom: 30px;

		font-size: 30px;

	}

	.list-about04 ul {

		width: 95%;

		padding-bottom:30px;

		padding-right:5%;

	}

	.list-about04 li h3 {

		font-size: 25px;

		margin-right: 0;

		width: 93%;

		line-height: 40px;

		text-align: left;

		padding-left: 7%;

	}

	.list-about04 li h3 em {

		right: auto;

		width: 11px;

		height: 5px;

		top: 18px;

		border-radius: 3px;

		left: 10px;

	}

	.list-about04 li div em {

		left: 19px;

		top: -4px;

	}

	.line-ab01 {

		width: 3px;

		left: 20px;

	}

	.list-about04 li div {

		font-size: 13px;

		width: calc(100% - 55px);

		padding: 3%;

		line-height:1.3;

	}

	.mblicheng h2{

		font-size:35px;

		font-weight:bold;

		text-align:center;

		margin:50px 0;

		color:#333;

		margin-bottom:20px;

	}

	.mblicheng li{

		padding:15px 20px;

	}

	.mblicheng li h3{

		font-size:20px;

		font-weight:bold;

		color:#000;

	}

	.mblicheng li div{

		font-size:14px;

		color:#888;

		position:relative;

		padding-left:15px;

	}

	.mblicheng li div em {

		display: block;

		position: absolute;

		left: 0;

		top: 7px;

		width: 7px;

		height: 7px;

		background: #0fc0ca;

		transform: rotate(45deg);

	}

	.mblicheng li.a02{

		background:#f5f5f5;

	}

	.list-career h2 {

		font-size: 35px;

		margin-bottom: 30px;

	}

	.list-career01 {

		width: 100%;

	}

	.list-career01 li {

		padding: 0;

		width: 100%;

		margin-right: 0;

		margin-bottom: 4%;

	}

	.list-career01 li a {

		padding: 15px;

	}

	.list-career01 li ins p {

		padding: 0;

	}

	.careerimg {

		width: 100%;

	}

	.list-career01 {

		margin: 50px auto;

	}

	.list-contact {

		margin: 50px 0;

	}

	.list-contact .contit {

		font-size: 35px;

		margin-bottom: 30px;

	}

	.con01-l {

		width: 100%;

	}

	.con01-l .c02 li{

		float:left;

		width:50%;

	}

	.write01 {

		width: 100%;

		margin-top: 50px;

	}

	.con01 {

		margin: 50px auto;

	}

	.con01-l h3 {

		margin-bottom: 15px;

	}

	.write01 [type="submit"] {

		width: 170px;

		height: 50px;

		line-height: 50px;

	}

	.write01 h4 {

		margin-bottom: 30px;

	}

	.service{

		padding:50px 0;

	}

	.service .s01 h2 {

		font-size: 35px;

		margin-bottom: 30px;

	}

	.service .s01 li {

		width: 90%;

		margin-right: 0;

		margin: 5%;

	}

	.service .s01 li div {

		padding: 10px;

	}

	.allmore01 {

		font-size: 20px;

		width: 100px;

		margin-top:20px;

	}

	.list-case {

		padding: 0;

	}

	.cattti01 span {

		width: 80px;

		height: 80px;

		border: 15px solid #0fc0ca;

	}

	.cattti01 h2 {

		font-size: 50px;

		height:128px;

		margin-left: 72px;

		top: 30px;

	}

	.list-case .cattti01 {

		left:0;

		top: 30px;

		margin-left:20px;

	}

	.cattti01 h2{

		line-height:1;

		font-size:35px;

		top:40px;

	}

	.cattti01 em {

		top: 49px;

		left: 59px;

	}

	.list-case li {

		width: 94%;

		margin: 3%;

	}

	.list-case ul{

		margin-top:50px;

	}

	.list-page {

		margin-top: 50px;

	}

	.list-case li a div {

		padding: 15px;

	}

	.list-case li a div h3 {

		height: auto;

	}

	.list-case li h2 {

		font-size: 19px;

		margin-bottom: 14px;

		padding-left: 10px;

		border-left: 10px solid #004ea2;

	}

	.cattti01 {

		left: 0;

		top: 0;

		position:relative;

	}

	.list-news li {

		width: 86%;

		margin: 0 7%;

		margin-bottom: 30px;

		box-shadow:0 0 10px #ddd;

	}

	.list-news li a span {

		width: 100%;

	}

	.list-news li a .d01 {

		width: 90%;

	}

	.list-news li a .d01 p {

		margin: 10px 0;

	}

	.list-news li a .d01 .d02 {

		margin-bottom: 15px;

	}

	.view02 {

		float: left;

		width: 100%;

	}

	.title09 {

		font-size: 25px;

		margin-bottom: 10px;

		color:#333;

	}

	.view-news {

		margin: 50px 0;

	}

	.related {

		width: 100%;

		margin-top: 0;

	}

	.view01{

		margin-bottom:20px;

	}

	.fanye {

		padding-top:20px;

	}

	.related01 {

		padding-top: 20px;

		margin-top: 20px;

	}

	.pro-bg {

		position: initial;

	}

	.pro-content {

		position: initial;

		left: 0;

		margin-left: 0;

		top: 50px;

	}

	.pro-img01{

		width:300px;

		margin:0 auto;

		float:none;

	}

	.pro-content01 {

		padding-top: 0;

		float: none;

		width: 90%;

		padding-left: 0;

		padding:0 5%;

	}

	.pro-content01 h3 {

		font-size: 40px;

		color:#333;

	}

	.pro-content01 h4 {

		font-size: 20px;

		color: #666;

	}

	.pro-content01 .default-article-content{

		width:100%;

	}

	.pro-content01 .default-article-content p span{

		font-size:14px !important;

		color:#666;

	}

	.pro-parameter .parameter01, .pro-parameter .lightspot01 {

		padding:10px;

	}

	.parameter01 li.p01 {

		font-size: 20px;

		margin-top: 0;

		width:96%;

		display: none;

	}

	.pro-parameter {

		margin-top: 50px;

		margin-bottom: 50px;

		border-radius: 0;

		padding-top:30px;

	}

	.pro-content01 .download01{

		margin-top:0;

		background:#00BCD4;

	}

	.pro-parameter h2{

		font-size:25px;

		text-align:center;

		padding-bottom:20px;

	}

	.parameter01 li {

		width: 48%;

	}

	.parameter01 li h3 {

		padding: 10px 20px;

		font-size: 13px;

	}

	.lightspot01{

		margin-top:50px;

	}

	.support01{

		padding-top:50px;

	}

	.support01 div.s01 {

		width: 100%;

		margin-top: 0;

		position: relative;

		z-index: 2;

	}

	.support01 .s01 h3 {

		font-size: 35px;

		margin-bottom: 30px;

	}

	.support01 .s01 div p {

		font-size: 16px;

		padding: 7px 0;

		padding-left: 20px;

		line-height: 1.3;

	}

	.support01 .s01 div p::after {

		top: 12px;

	}

	.support01 span {

		float: right;

		width: 48%;

		margin-top: -139px;

		opacity: .5;

	}

	.hareware-sp .img01 {

		width: 100%;

		margin-top:0;

	}

	.support02 {

		padding: 50px 0;

	}

	.hareware-sp .lesson01 {

		width: 100%;

	}

	.hareware-sp .lesson01 {

		width: 90%;

		margin: 0 5%;

	}

	.hareware-sp .lesson01 li h3 {

		font-size: 20px;

	}

	.hareware-sp h2{

		font-size:35px;

		font-weight:bold;

		color:#fff;

		text-align:center;

		margin-bottom:30px;

	}

	.support03 .hareware-sp h2{

		color:#333;

	}

	.support03 {

		padding: 50px 0;

	}

	.support04 {

		padding: 50px 0;

		height: auto;

	}

	.npscbox .npsc01 {

		width: 300px;

		height: 300px;

		float: none;

		margin:0 auto;

	}

	.npscbox {

		width: 100%;

		margin: 0 auto;

	}

	.npscbox .npsc01 div {

		font-size: 12px;

		width: 200px;

		margin-left:-100px;

	}

	.npscbox .npsc01 div h3 {

		font-size: 35px;

	

		margin-bottom: 20px;

	}

	.npscbox .mba01{

		color:#fff;

		font-size:16px;

		width:150px;

		line-height:30px;

		border:1px solid #fff;

		margin:0 auto;

		display:block;

		text-align:center;

		margin-top:20px;

	}

	.list-team {

		margin: 50px 0;

	}

	.list-team h2 {

		font-size: 35px;

		margin-bottom: 30px;

	}

	.list-team li {

		width: 90%;

		margin: 4% 5%;

	}

	.pro-title01 {

		top: 0;

		left: 0;

		margin-left: 0;

	}

	.pro-title01 h3 {

		font-size: 35px;

		margin-top:35%;

		padding-left:20px;

	}

	.pro-title01 h4 {

		font-size:15px;

		padding-left:20px;

	}

	.pro-detail {

		padding: 0;

		max-height:inherit;

		padding-bottom:0;

		width:100%;

		margin:50px auto;

	}

	.pro-used {

		margin: 50px auto;

	}

	.pro-used h2 {

		font-size: 30px;

		margin-bottom: 30px;

	}

	.pro-used h2 em {

		width: 80px;

		height: 4px;

		margin-top: 13px;

	}

	.pro-used li {

		width: 48%;

		margin: 1%;

	}

	.pro-used li h3 {

		line-height: 25px;

		font-size: 15px;

	}

	.prodatta01 h2 {

		font-size: 35px;

		margin-bottom: 50px;

	}

	.prodatta01 h2 em {

		width: 70px;

		height: 3px;

		margin-top: 20px;

	}

	.pro-data {

		padding-top: 40px;

		padding-bottom:70px;

	}

	.prodatta01 li {

		width: 100%;

		margin-right:0;

		margin-bottom: 20px;

	}

	.prodatta01 li.p01{

		font-size:25px;

	}

	.download01 {

		bottom:-30px;

	}

	.prodatta01 li img {

		width: 40px;

	}

	.prodatta01 li h3 {

		font-size: 14px;

	}

	.prodatta01 li p {

		font-size: 12px;

		line-height: 1.3;

	}

	.pro-data .download01 {

		bottom: -60px;

	}

	header .bg{

		background:#fff;

	}

	header h1 a

	,.nav-click{

		color:#333;

	}

	.nav-click{

		margin-top:-14px;

	}

	header h1 a{

		font-size:0;

	}

	.language {

		border: none;

		padding: 0;

		margin-right: 55px;

		padding-right: 10px;

		padding-left:0;

		margin-top: 15px;

	}

	.mbmenubox{

		position:fixed;

		width:100%;

		height:100%;

		top:0;

		z-index:9;

		background:#fff;

		right:-100%; 

	}

	.mbmenu{

		position: absolute;

		top: 50%;

		transform: translateY(-50%);

		width: 80%;

		left: 10%;

	}

	.mbmenu li a{

		display: block;

		text-transform: uppercase;

		font-size: 20px;

		font-weight: bold;

		border: none;

		color:#333;

		border-bottom: 1px solid #eee;

	}

	.default-mobile-nav-menu li ul {

		background-color: #f9f9f9;

	}

	.default-mobile-nav-menu li ul li a{

		font-size:16px;

		padding:10px 20px;

		color:#666;

		text-transform:capitalize;

		font-weight:normal;

	}

	.twomenubox {

		border-top: 1px solid #ddd;

		padding-bottom: 50px;

		display: block;

		position: fixed;

		width: 100%;

		background: #fff;

		left: 100%;

		z-index: 10;

		overflow-y: scroll;

		height:100%;

		top:0;

	}

	.twomenubox .hardware {

		width: 100%;

		border-right: none;

	}

	.twomenubox .hardwarebox .p01 {

		width: 100%;

		border-right: none;

		min-height:inherit;

	}

	.twomenubox .hardwarebox .p01 li .h01, .twomenubox .software .p01 li .h01{

		display:inline-block;

		margin-right:15px;

	}

	.twomenubox .hardwarebox .p01 li h4, .twomenubox .software .p01 li h4{

		width:320px;

		padding:0;

		padding-left:15px;

		margin-top:10px;

		margin-bottom:0;

	}

	.twomenubox .hardwarebox .p01 li img, .twomenubox .software .p01 li img {

		margin: 0;

		top:-8px;

	}

	.twomenubox .hardwarebox .p01 li a, .twomenubox .software .p01 li a {

		line-height:17px;

		padding:6px 0;

		padding-left:60px;

	}

	.twomenubox .hardwarebox .p01 h3 {

		font-size: 15px;

		height: 45px;

		padding-top: 0;

		background: #eee;

		line-height: 45px;

	}

	.twomenubox .software {

		width: 100%;

		min-height:inherit;

	}

	.twomenubox .software .p01 h3 {

		line-height: 45px;

		background: #eee;

	}

	.twomenubox .mbclose {

		position:absolute;

		width: 30px;

		height: 50px;

		right: 0;

		top: 50%;

		margin-left: -25px;

		line-height: 50px;

		text-align: center;

		background: rgba(0, 78, 162, 0.61);

		color: #fff;

		cursor:pointer;

		border-radius: 30px 0 0 30px;

		z-index:5;

	}

	.pro-parameter {

		margin-top: 0;

		margin-bottom: 50px;

		border-radius: 0;

		padding-top: 0;

	}

	.pro-parameter .lightspot01-l {

		width: 100%;

	}

	.lightspot01-l li{

		width:100%;

		margin-right:0;

	}

	.lightspot01-l li span{

		float:left;

	}

	.lightspot01-l li h3 {

		float: right;

		width: calc(100% - 70px);

		margin-top:13px;

	}

	.pro-parameter .lightspot01-r{

		width:100%;

	}

	.parameter01 li {

		width: 98%;

		margin-bottom: 10px;

	}

	.ldbox h2{

		font-size:35px;

	}

	.ldbox02 {

		padding: 50px 0;

	}

	.ldbox h2 p {

		font-size: 12px;

		width: 100%;

		margin: 10px auto;

		line-height: 1.5;

	}

	.ldbox01 

	,.liandian01{

		width: 100%;

	}

	.ldbox01{

		margin-bottom:40px;

	}

	.ldbox01 li h3 {

		font-size: 14px;

		margin-top: 4px;

		width: calc(100% - 80px);

	}

	.ldbox01 li{

		padding-bottom:10px;

	}

	.ldbox01 li span {

		height: 60px;

		width: 60px;

		line-height: 60px;

	}

	.ldbox01 li span img {

		width: 30px;

	}

	.usedbox {

		padding: 0;

	}

	.pro-used li{

		width:250px;

		margin:0;

		margin-right:10px;

	}

	.pro-used .prev, .pro-used .next{

		width:30px;

		height:30px;

		line-height:30px;

		left:0;

		margin-top:-16px;

	}

	.pro-used .next{

		left:auto;

		right:0;

	}

	.detail02 li span{

		display:block;

	}

	.detail01 li {

		width: 90px;

		height: 50px;

		border-radius: 5px;

		padding: 5px;

		margin: 0 5px;

	}

	.list-contact li span {

		width: 100%;

	}

	.list-contact li div {

		padding: 5%;

		width: 90%;

	}

	.list-contact li div h3 {

		font-size: 30px;

	}

	.list-contact li div h3 em{

		font-size:22px;

	}

	.list-contact li div p {

		font-size: 15px;

		margin: 10px 0;

	}

	.pro-img01 .prev, .pro-img01 .next{

		width:30px;

		height:30px;

		line-height:30px;

		margin-top:-15px;

		font-size:15px;

	}

	.list-news ul {

		padding-top: 30px;

	}

	header .mobile-header{

		height:55px;

		border-bottom:1px solid #eee;

	}

	.list-soft01 {

		padding-top: 50px;

	}

	.list-soft01 h2 {

		font-size: 29px;

		margin-bottom: 30px;

		line-height: 1;

		height: 85px;

		padding: 34px 0;

	}

	.list-soft01 li {

		width: 100%;

		margin-right: 0;

		float:none;

	}

	.list-soft01 li .d01 {

		padding: 30px;

		height: auto;

	}

	.list-soft02 .bg01 {

		width: 100%;

		height: 100%;

	}

	.list-soft02 .d01 {

		width: 100%;

		float:none;

	}

	.list-soft02 {

		padding: 50px 0;

	}

	.list-soft02 .d02 {

		width: 280px;

		height: 280px;

		left:auto;

		top: auto;

		margin-top: 0;

		margin-left: 0;

		margin:0 auto;

		padding: 10px;

	}

	.list-soft03 .d01 {

		margin-bottom: 30px;

	}

	.list-soft02 .d03 {

		float: none;

		width: 100%;

	}

	.list-soft02 .d03 li img{

		border-radius:50%;

	}

	.list-soft02 .d03 li h3 {

		color: #fff;

	}

	.list-soft03 .d01 h2 {

		font-size: 35px;

		width:calc(100% - 80px);

	}

	.list-soft03 .d01 .d02 {

		width: 100%;

		margin-top: 20px;

	}

	.list-soft03 .d03 li {

		width: 100%;

		padding: 0;

	}

	.list-soft03 .d04 {

		margin-top: 50px;

	}

	.list-soft03 .d04 h3 {

		margin-bottom: 30px;

		font-size: 30px;

		line-height:1;

	}

	.list-soft03 .d04 li {

		width: 100%;

		margin-right: 0;

		margin-bottom: 20px;

	}

	.list-soft03 .d04 li div {

		height: auto;

	}

	.list-soft03 {

		padding:0;

		margin-top:30px;

	}

	.list-career01 li a {

		padding: 15px;

		display: block;

		border: 1px solid #eee;

	}

	.ban01 .bantit, .ban02 .bantit {

		width:90%;

		left: 5%;

		margin-left: 0;

	}

	.ban01 .bantit p, .ban02 .bantit p {

		font-size: 14px;

	}

	.ban01 .bantit h3, .ban02 .bantit h3 {

		font-size: 40px;

		margin-bottom: 5px;

	}

	.pro-contentbox{

		margin-top:30px;

	}

	.parameter01 li{

		padding-bottom:20px;

	}

	.parameter01 li div h3 {

		padding: 0;

	}

	.parameter01 li div {

		padding: 0;

		font-size: 14px;

		width: calc(100% - 90px);

	}

	.aboutbox

	,.list-about .list-mapbox

	,.list-about02

	,.list-about04

	,.list-soft03 .d03

	,.support04{

		background-size:cover;

		background-attachment: initial;

	}

	.indexabout li span img {

		width: 35px;

	}

	.list-soft03 .d03{

		padding:30px 0;

	}

	.list-soft03 .d03 li span {

		width: 80px;

	}

	.list-soft03 .d03 li div {

		width: calc(100% - 100px);

	}

	.list-soft04 h2{

		font-size:35px;

		margin-bottom:25px;

	}

	.moreup {

		left: auto;

		right: 0;

	}

	.lichengbox {

		width: 100%;

	}

	.licheng02{

		width:95%;

		padding-right:5% !important;

	}

	.list-about04 li div em{

		transform:rotate(90deg);

		top:-14px;

	}

	.list-about04 li{

		margin-bottom:20px;

	}

	.list-soft04 li {

		width: 98%;

	}

	.list-soft04 {

		padding:50px 0;

	}

	.list-soft04 li div.d02 {

		height: auto;

	}

	.tomsbox01 {

		margin-top: 30px;

	}

	.tomssum

	,.tomsbox01 img{

		width:100%;

		margin-bottom:20px;

	}

	.tomsbox02 {

		padding: 30px 0;

		margin: 30px 0;

	}

	.tomsbox02 .wp

	,.tomsbox02 img

	,.tomsbox02 .d01{

		width:100%;

	}

	.tomsbox03 {

		padding-bottom: 0;

	}

	.tomsbox03 h3 {

		margin-bottom: 30px;

	}

	.tomsbox03 li {

		width: 32%;

		margin-bottom:30px;

	}

	.tomsbox03 li div {

		margin-top: 10px;

		font-size: 16px;

		padding: 0;

		height:48px;

	}

	.list-soft01 li.s05 span{

		width:100%;

	}

	.list-soft01 li.s05 .d01 {

		width: 94%;

	}

	.list-soft01 li.s05 {

		padding-bottom: 20px;

	}

	.list-soft01 li.s05 em{

		width:100px;

		height:100px;

		margin-left:-50px;

		margin-top:-50px;

		line-height:100px;

		font-size:16px;

	}

	.indexabout li div h4 {

		font-size: 14px;

	}

	.pro-more01{

		margin-top:30px;

	}

	.usedbox h2{

		font-size:30px;

		margin: 50px 0;

	} 

	.fanye p{

		width:100%;

	}

	.title09{

		margin-top:0;

	}

	.twomenubox .software .p01 li a{

		padding:0;

		padding-left:50px;

	}

	.twomenubox .software .p01 li .h01:first-child img {

		top: -5px;

	}

	.softtit span {

		font-size: 14px;

		width: 100%;

		text-align: left;

		margin-bottom: 50px;

	}

	.top{

		width:30px;

		height:30px;

		right:5px;

		background-size:10px;

		z-index:111;

	}

	.support01 span {

		float: none;

		width: 300px;

		margin-top: 0;

		opacity: 1;

		margin: 0 auto;

	}

	.kefu01 {

		padding: 50px 0;

	}

	.kefu01 h2 {

		font-size: 30px;

		margin-bottom: 30px;

	}

	.kefu01 .kefubox p {

		font-size: 16px;

		margin: 10px 0;

		width: 90%;

		padding:20px 0;

	}

	.kefu01 .kefubox p span{

		width:50px;

		height:50px;

	}

	.service .d01 {

		font-size: 16px;

		width: 100%;

	}

	.service a {

		width: 150px;

		height: 40px;

		margin-top: 30px;

		line-height: 40px;

		font-size: 18px;

	}

	.support01 span.simg01 {

		width: 80%;

	}

	.support01 ins {

		margin-bottom: 30px;

		font-size: 15px;

		width: 100%;

		text-align: left;

	}

	.support01 div.s01 li {

		width: 100% !important;

		position: initial;

		height:auto;

		top: 0;

		padding: 0;

		margin-bottom:15px;

		font-size: 14px;

		text-align: left;

	}

	.support01 a {

		font-size: 18px;

		margin-top: 30px;

		line-height: 40px;

		width: 150px;

	}

	.support01{

		margin-bottom:50px;

	}

	.support01 div.s01 li h4 {

		display: block;

		color: #004ea2;

		font-weight: bold;

		text-transform: capitalize;

		font-size: 16px;

		padding-bottom: 5px;

	}

	.jishu01{

		padding:50px 0;

	}

	.jishu01 .d01{

		width:100%;

		margin-bottom:50px;

		font-size:16px;

	}

	.jishu01 li {

		width: 100%;

		margin-right: 0;

		margin-bottom: 10px;

	}

	.jishu01 li {

		width: 80%;

		transition: all .3s;

		margin: 0 10%;

		margin-bottom: 20px;

	}

	.jishu01 a {

		margin-top: 30px;

	}

	.jishu01 li div{

		padding:20px;

	}

	.jishu01 li div p {

		height: auto;

	}

	.pro-video .video01 video, .pro-video .video01 iframe, .pro-video .video01 object, .pro-video .video01 embed {

		width: 100%;

		height: 100%;

		background: #000;

	}

	.videoshowbox{

		width:100%;

	}

	.list-about03 ul {

		height: 365px;

	}

	.language a{

		line-height:27px;

		font-size:15px;

	}

	.kefu01 .s01 {

		font-size: 14px;

		line-height: 1.5;

		margin-bottom: 30px;

	}

	.tomsbox02 .d01 p{

		font-size:16px;

	}

	.tomsbox02 .d01 p::after{

		top:14px;

	}

	.list-download li {

		margin-bottom: 2%;

		width: 49%;

		margin-right: 2%;

	}

	.mr0{

		margin-right:0 !important;

	}

	.list-download li a span{

		left:10px;

		top:10px;

	}

	.solution01 li a img{

		border-radius:5px;

	}

	.list-news02 {

		margin: 30px auto;

	}

	.list-news02 li {

		padding:15px 0;

	}	

	.list-news02 li span {

		width: 150px;

	}

	.list-news02 li div h3 {

		font-size: 14px;

		margin: 5px 0 0 0;

		transition: all .3s;

	}

	.list-news02 li div em {

		margin-top: 0;

	}

	.list-problem01 {

		width: auto;

		margin: 30px auto;

		padding: 0 10px;

	}

	.list-problem01 li {

		padding: 20px 20px 20px 35px;

	}

	.list-problem01 li span{

		top:12px;

	}

	.list-problem01 li h3 {

		font-size: 18px;

	}

	.list-problem01 li div {

		font-size: 14px;

	}

	.website h2 {

		font-size: 25px;

		margin-top: 30px;

	}		

		.website {

		width: 100%;

	}

	.website h2 p {

		font-size: 18px;

		margin-top: 15px;

		padding: 0 20px;

	}

	.website-search{

		width:94%;

		margin:3%;

	}

	.website-search .default-pc-search-keyword {

		width: 80%;

		line-height: 50px;

		padding-left: 3%;

		font-size: 14px;

	}

	.website-search .default-pc-search-keyword {

		line-height: 40px;

	}

	.website-search .default-pc-search-submit {

		height: 40px;

		background-size: 20px;

	}

	.list-website {

		padding: 30px 0;

		margin-top: 30px;

	}

	.list-website ul{

		border:none;

	}

	.list-website li.w01 {

		line-height: 60px;

	}

	.list-website li div.d01{

		width:100%;

		border-bottom:1px solid #eee;

	}

	.list-website li div{

		width: 100%;

		border-right:none !important;

	}

	.list-website li {

		line-height: 40px;

	}

	.list-website li h3 {

		font-size: 14px;

	}

	.list-website li p {

		font-size: 14px;

	}

	.list-website li h3 em {

		margin-right: 3px;

		font-size: 15px;

	}

	.nptlife01 {

		margin:30px 0;

	}	

	.nptlife01 h2 {

		font-size: 25px;

		margin-bottom: 30px;

	}	

	.nptlife01 li {

		width:70%;

		margin:0 15%;

		border:none;

	}

	.nptlife01 li a strong {

		font-size: 50px;

	}	

	.nptlife01 li a h3 {

		font-size: 17px;

		margin: 10px 0;

	}

	.nptlife01 li a {

		padding: 50px 10px;

	}

	.nptlife01 li a .d01 p {

		font-size: 12px;

		margin-bottom: 20px;

	}

	.nptlife01 li a .e01 {

		width: 94px;

		height: 29px;

		line-height: 29px;

		font-size: 14px;

		margin: 20px auto;

	}	

	.nptlife01 li a .d02 {

		position: initial;

		padding: 0;

		width: 100%;

		bottom: 0;

		left: 0;

		opacity: 1;

	}	

	.booktit img {

		width: 60%;

		height: auto;

	}

	.booktit p {

		margin-left: 0;

		font-size: 16px;

		margin-top: 5px;

	}

	.nptlife02 .d01 {

		width: 100%;

	}

	.nptlife02 {

		padding: 30px 0 20px 0;

		background-size: auto 100%;

	}

	.booktit {

		margin-bottom: 20px;

	}

	.nptlife02 .d01 li div{

		transform:scale(.7) translateY(-70%);

	}

	.nptlife02 .d01 .dots {

		bottom: -35px;

	}

	.nptlife02 .d02 {

		width: 100%;

		margin-top:50px;

	}

	.nptlife02 .d02 h2{

		margin-bottom:10px;

	}

	.nptlife02 .d02 h2 img {

		width: 55%;

	}

	.nptlife03 {

		padding: 30px 0;

	}

	.bosstown {

		width: 70%;

		margin: 0 15%;

	}

	.bosstown02 {

		width: 100%;

		margin-top:20px;

	}

	.bosstown02 li div p {

		font-size: 12px;

	}

	.bosstown02 li span {

		width: 70px;

		height: 70px;

	}

	.bosstown02 li div {

		width: calc(100% - 80px);

	}

	.bosstown02 li div h3 {

		font-size: 17px;

		margin-bottom: 7px;

	}

	bosstown02 li a {

		padding: 15px 20px;

	}

	.bosstown02 li.b02 a {

		padding-left: 20px;

	}

	.english01 {

		width: 100%;

		margin-top: 0;

	}

	.english01 h2 {

		font-size: 25px;

	}

	.nptlife04 {

		padding: 30px 0;

	}

	.english01 p {

		font-size: 14px;

		margin-top: 20px;

		line-height: 1.7;

	}

	.english01 a {

		width: 63px;

		margin-top: 20px;

	}

	.english02{

		width:100%;

		margin-top:20px;

	}

	.english02 li div {

		top: 20px;

		left: 10px;

	}

	.english02 li h3 {

		font-size: 17px;

	}

	.english02 li p {

		font-size: 10px;

	}

	.english02 li.e03 div {

		top: auto;

		left: auto;

		bottom: 10px;

		right: 20px;

	}

	.banbox {

		margin-top: 0;

	}	

	.productbox {

		padding: 50px 0;

	}

	.protit h2 {

		font-size: 25px;

	}

	.protit h2 span {

		margin-left: 0;

		font-size: 12px;

	}

	.protab01 li a {

		padding: 10px 0;

	}

	.protab01 li span {

		width: 55px;

	}

	.protab01 li h3 {

		font-size: 16px;

		margin-left: 0;

		width: 100%;

		margin-top: 5px;

	}

	.protab01 {

		margin: 20px 0;

	}

	.procover01 .d01{

		width:100%;

	}

	.procover01 .system01 .d02 {

		width: 100%;

	}

	.procover01 .sys-tit h3 {

		font-size: 30px;

		padding: 10px 0;

		margin-bottom: 10px;

	}

	.procover01 .sys-tit p {

		font-size: 13px;

		color: #999;

	}

	.productbox01 .tabpic {

		width: 100%;

		position: initial;

		margin-top:20px;

	}

	.productbox01 .sys-pro01 li h3 {

		font-size: 14px;

	}

	.procover01 .d01{

		width:60%;

		margin:0 20%;

	}

	.procover01 .system01 .d01 img 

	,.procover01 .d01{

		border-radius: 50%;

	}

	.procover01 .d01 a span {

		width: 50px;

		height: 50px;

		top: 50%;

		margin-left: -25px;

		margin-top: -25px;

		background-size: 20px;

		opacity:1;

	}

	.procover01 .sys-tit h3 span {

		font-size: 16px;

	}

	.productbox01 .sys-pro01 li.swiper-slide-thumb-active a.a01{

		border-color:#fff;

	}

	.productbox01 .sys-pro01 li.swiper-slide-thumb-active h3{

		color:#004ea2;

	}

	.productbox01 .swiper-button-prev, .productbox01 .swiper-button-next {

		top: 25%;

		left: 10px;

		width: 30px;

		height: 30px;

		margin-top: 0;

	}

	.productbox01 .swiper-button-next {

		left:auto;

		right:10px;

	}

	.newbox {

		margin-top: 0;

		margin-bottom: 30px;

		padding: 30px 0;

	}

	.newstit h2 {

		font-size: 25px;

	}

	.newstit h2 span {

		font-size: 16px;

	}

	.newbox li {

		width: 100%;

		margin-right: 0;

		margin-bottom: 10px;

	}

	.newstit {

		margin-bottom: 20px;

	}

	.newbox li a div {

		padding:15px 20px;

		height: auto;

	}

	.newbox li a div em {

		font-size: 25px;

	}

	.newbox li a div h3 {

		font-size: 16px;

		margin: 0;

		max-height:inherit;

	}

	.pro-more01 {

		width: 120px;

		line-height: 35px;

		font-size: 15px;

	}

	.mbworkbox {

		padding-bottom: 30px;

	}

	.mbworkbox li {

		float: right;

		width: 48%;

		margin-bottom: 2%;

	}

	.mbworkbox li.w01 {

		width: 50%;

		float: left;

	}

	.mbworkbox li:nth-child(3){

		margin-right:0;

	}

	.mbworkbox li a{

		display:block;

		position:relative;

		background:#004ea2;

	}

	.mbworkbox li img{

		width:100%;

		height:auto;

		opacity:.7;

	}

	.mbworkbox li .d01 {

		position: absolute;

		width: 100%;

		transform:translateY(-50%);

		left: 0;

		top:50%;

		text-align: center;

		color:#fff;

		font-size: 14px;

		line-height: 1;

	}

	.mbworkbox li span {

		display:block;

		width:40px;

		margin:0 auto;

		margin-bottom:5px;

		text-align:center;

	}

	.mbworkbox li span img{

		opacity:1;

	}

	.mbworkbox li.w01 span img{

		width:25px;

	}

	.index-about {

		padding-top: 30px;

	}

	.index-about01 h2 {

		font-size: 30px;

		width: 100%;

		text-align: left;

	}

	.index-about01 h2 span {

		font-size: 16px;

		letter-spacing: 3px;

		margin-top: 5px;

	}

	.index-about01 .ab01 {

		width: 100%;

		font-size: 14px;

		line-height: 1.6;

		margin-top: 20px;

	}

	.index-about01 a {

		float: left;

		width: 40px;

		height: 40px;

		line-height: 40px;

		margin-right: 0;

	}

	.index-about02 {

		margin: 30px auto;

		padding-top: 30px;

	}

	.index-about02 li span strong {

		font-size: 30px;

	}

	.index-about02 li span{

		margin-right:0;

	}

	.index-about02 li span img {

		width: 50px;

	}

	.index-about02 li div {

		text-align: center;

		width: 100%;

	}

	.index-about02 li div p {

		font-size: 14px;

	}

	.index-img{

		width:90%;

	}

	.list-show li {

		width: 100%;

		margin-right: 0;

	}

	.list-show li span {

		float: none;

		width: 40%;

		margin: 0 auto;

	}

	.list-show li div {

		float: none;

		width: 100%;

		text-align: center;

	}

	.list-show li div em {

		margin: 20px auto;

	}

	.list-show {

		margin-top: 20px;

	}

	.list-shetuan li {

		float: left;

		width: 90%;

		margin: 2% 5%;

	}

	.list-shetuan {

		margin-top: 20px;

		margin-bottom: 30px;

	}

	.honorbox{

		margin:50px auto;

	}

	.honorbox h2{

		font-size:30px;

		margin-bottom:20px;

	}

	.honor li{

		width:48%;

		margin:0 1%;

		float:left;

		background:none;

	}

	.honor li h3 {

		font-size: 14px;

		width: 90%;

		margin:5px auto;

		height:40px;

		line-height:20px;

		padding: 10px;

		border: 1px solid #eee;

	}

	.view-fuli01 {

		padding: 30px 0;

	}

	.view-fuli01 .d01 {

		width: 100%;

		margin-top:0;

	}

	.view-fuli01 .d01 a{

		margin-top:30px;

	}

	.view-fuli01 .d01 h2 {

		font-size: 25px;

		padding-bottom: 38px;

		background-size: 30px;

	}

	.view-fuli01 .d01 div {

		margin-top: 10px;

		font-size: 13px;

		line-height: 1.7;

	}

	.view-fuli01 .d02 {

		width: 100%;

		margin:20px 0;

	}

	.view-fuli01 .d03{

		background-size:101%;

	}

	.view-fuli02 h2 {

		font-size: 25px;

		margin-bottom: 20px;

	}

	.view-fuli02 {

		padding: 30px 0;

	}

	.view-fuli02 li {

		width: 48%;

		margin-right: 0;

		margin: 0 1%;

	}

	.view-fuli02 li span {

		padding: 10px;

	}

	.view-fuli02 li h3 {

		font-size: 16px;

		margin-top: 10px;

	}

	.view-fuli03 h2 {

		font-size: 25px;

		margin-bottom: 30px;

	}

	.view-fuli03 {

		padding: 30px 0;

	}

	.view-fuli03 ul{

		text-align:center;

	}

	.view-fuli03 li {

		display: inline-block;

		float: none;

		width: 30%;

		margin: 0 1.5%;

		margin-bottom: 20px;

	}

	.view-fuli03 li h3 {

		font-size: 14px;

		margin-top: 6px;

	}

	.view-fuli04 {

		padding: 30px 0;

	}

	.view-fuli04 li {

		width: 90%;

		margin: 0 5%;

		margin-bottom: 20px;

	}

	.view-fuli04 li div {

		padding: 15px;

	}

	.view-fuli04 li h3 {

		margin-top: 8px;

		font-size: 16px;

	}

	.view-fuli04 li p {

		font-size: 14px;

		line-height: 1.7;

		margin-top: 10px;

	}

	.list-nptlife .newstit {

		margin-bottom: 30px;

	}

	.list-nptlife .newstit h2 {

		font-size: 25px;

	}

	.list-nptlife .newstit p {

		font-size: 16px;

		margin-top: 15px;

		letter-spacing: 0px;

	}

	.communitybox {

		padding: 50px 0;

	}

	.community li {

		width: 48% !important;

		margin: 1.4% 1% !important;

	}

	.community li a {

		border-radius: 5px;

	}

	.community li a span{

		display:none;

	}

	.default-article-auto h2 {

		font-size: 25px;

		margin-bottom: 30px;

	}

	.default-article-auto {

		margin: 50px auto;

	}

	.honorbox .prev{

		left:0;

	}

	 .honorbox .next{

		 right:0;

	}

	.bosstown a span {

		width: 40px;

		height: 40px;

		margin-left: -28px;

		margin-top: -20px;

		line-height: 40px;

		font-size: 25px;

	}

	.bosstownbox .bosstown a span {

		margin-left: -9px;

	}

	.newbox li a {

		width: 85%;

		margin: 0 auto;

	}

	.bosstown .next{

		font-size:12px;

		height:20px;

		width:20px;

		line-height:20px;

		right:-15%;

		margin-top:-10px;

	}

	.bosstown .prev{

		font-size:14px;

		height:20px;

		width:20px;

		line-height:20px;

		left:-15%;

		margin-top:-10px;

	}

	.list-about01 .a02 .d01 li span{

		width:100%;

		margin:15px auto;

	}

	.pro-video{

		margin-top:0;

	}

	.list-website li span {

		padding-left: 19px;

		background-size: 14px;

	}

	header h1 img{

		margin-right:0;

	}

	.language02 {

		padding: 0;

		margin: 13px 62px 0 0;

	}

	.language02 .d01 {

		top: 40px;

		left: 50%;

		opacity: 1;

		z-index: 1;

		visibility: visible;

		display: none;

		transition: none;

	}

	.banner .dots span {

		width: 7px;

		height: 7px;

		margin: 5px 10px;

	}

	.banner .dots span.active::before{

		width:15px;

		height:15px;

		left:-4px;

	}



}



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

	.twomenubox .hardwarebox .p01 li h4, .twomenubox .software .p01 li h4 {

		width:280px;

		padding-left: 20px;

	}

	.language a.a02 {

			padding-left: 5px;

			margin-left: 5px;

		}

	.language {

		margin-right: 49px;

		padding-right: 0;

	}

	.language a.a02 {

		padding-left: 5px;

		margin-left: 5px;

	}

	header h1 img{

		height:35px;

	}

	.nav-click{

		width:40px;

	}

	.language a{

		font-size:14px;

	}

}

.pro-detail{

	display:none;

}