@charset "utf-8";
@media only screen and (min-width: 800px) {
body::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #fff;
}
  
/*定义滚动条轨道 内阴影+圆角*/  
body::-webkit-scrollbar-track {
 -webkit-border-radius: 0px;
 border-radius: 0px;
 background: #fff;
}
  
/*定义滑块 内阴影+圆角*/  
body::-webkit-scrollbar-thumb {
 -webkit-border-radius: 0px;
 border-radius: 0px;
 background-color:#003f98;
}
}
/*=========
  基本默认值
  ==========*/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -ms-word-break: normal !important; word-break: normal !important; word-wrap: break-word !important; }
html { height: 100vh; }
html, body { -webkit-overflow-scrolling : touch;/*苹果手机端滑动卡屏*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color:transparent;/*手机端点击底部出现背景*/ width: 100%; min-width: 320px; font-size: 12px; }
body { overflow-y: auto; color: #000; font-family:"Arial", "sans-serif"; background-color: #fff; }


/** Generated by FG **/
@font-face {
 font-family: 'ziti';
 src: url('../fonts/DIN-Light.eot');
 src: local('☺'), url('../fonts/DIN-Light.woff') format('woff'), url('../fonts/DIN-Light.ttf') format('truetype'), url('../fonts/DIN-Light.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'ziti1';
 src: url('../fonts/TT0246M.eot');
 src: local('☺'), url('../fonts/TT0246M.woff') format('woff'), url('../fonts/TT0246M.ttf') format('truetype'), url('../fonts/TT0246M.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
li { list-style: none; }
img { border: none; vertical-align: top; max-width: 100%; }
a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-decoration: none; color: #000;  -moz-transition: all .5s;
 -webkit-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;
}
::after, ::before {
 -moz-transition: all .5s;
 -webkit-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
}
table { border-collapse: collapse; }
table a:hover { color: #108e9a; }
input, textarea, select { font-family: "Arial", "sans-serif"; font-size: 12px; outline: none; appearance:none; /*清楚表单默认样式*/ -moz-appearance:none; -webkit-appearance:none; }
/** 文本输入框的 X  **/input::-ms-clear {
display: none;
}
/** 密码输入框的 X  **/input::-ms-reveal {
display: none;
}
/*94%的内容*/
.wrap { width: 94%; margin-left: auto; margin-right: auto; max-width: 1400px; position: relative; }
.wrap1 { width: 94%; margin-left: auto; margin-right: auto; max-width: 1600px; position: relative; }
.wrap2 { width: 94%; margin-left: auto; margin-right: auto; max-width: 1200px; position: relative; }
/*图片通用样式*/
.img-common { background-repeat: no-repeat; background-position: center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-size: cover; }
/*清楚浮动*/
.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }
/*Flex居中样式*/
.flex-center { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }
/*动画*/
.donghua {  transition: all .5s ease;
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
}
/*文字溢出*/
.ellipsis { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.ellipsis2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ellipsis3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ellipsis4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: left; font-size: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../img/share/icons_0_16.png?v=ba7acbd3.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0; }
.imgbox { overflow: hidden; position: relative; display: block; }
.out-box { position: relative; overflow: hidden; }
.mejs-container .mejs-controls .mejs-fullscreen-button button { position: absolute; right: 0; top: 0; }
.swiper-pagination-bullet { outline: none; cursor: pointer; }
.en { text-transform:uppercase; }
.btn { outline: none; }
.swiper-container { height: auto; }
.swiper-container .swiper-wrapper { height: auto; }
.swiper-container .swiper-wrapper .swiper-slide { height: auto; }
/* =========

    导航

 ========= */
.headerbox { height: 90px; }
.headerbox .header { position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; z-index: 111; height: 90px; }
.headerbox.down .header { box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
.headerbox .header .logo { display: block; width: 132px; height: 90px; position: relative; float: left; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);  -webkit-transition: all .7s cubic-bezier(.52, 1.64, .37, .66);
 -o-transition: all .7s cubic-bezier(.52, 1.64, .37, .66);
 -moz-transition: all .7s cubic-bezier(.52, 1.64, .37, .66);
 transition: all .7s cubic-bezier(.52, 1.64, .37, .66);
}
.headerbox[data-on='on'] .header .logo { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.headerbox .header .logo img { position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/*电话*/
.headerbox .header .langbox { margin-left: 20px; height: 90px; float: right; position: relative; }
.headerbox .header .langbox .inbox { width: 100%; position: relative; }
.headerbox .header .langbox .inbox .lang { width: 80px; height: 24px; line-height: 24px; position: relative; font-size: 13px; color: #2c395f; padding: 0 10px; font-weight: bold; background-color: #fff; border:1px solid #2c395f; border-radius: 10px; cursor: pointer; z-index: 11; }
.headerbox .header .langbox .inbox[data-on="on"] .lang { border-radius: 0; }
.headerbox .header .langbox .inbox .lang:after { content: ""; width: 10px; height: 10px; border-style: solid; border-width: 1px; border-color: transparent #2c395f #2c395f transparent; position: absolute; right: 10px; top: 50%; margin-top: -7px; transform: rotate(45deg); }
.headerbox .header .langbox .inbox .qie { position: absolute; display: block; left: 0; top: 100%; width: 100%; /*width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	color: #2c395f;
	padding: 0 10px;*/
	border-style: solid; border-width: 1px; background-color: #fff; border-color:transparent #2c395f #2c395f #2c395f; transform: scaleY(0); transform-origin: left top; }
.headerbox .header .langbox .inbox .qie li { border-bottom: 1px solid #2c395f; }
.headerbox .header .langbox .inbox .qie li:last-child { border-bottom: none; }
.headerbox .header .langbox .inbox .qie .en { /*position: absolute;
	display: block;
	left: 0;
	top: 100%;*/
	width: 100%; height: 24px; line-height: 24px; font-size: 13px; color: #2c395f; padding: 0 10px; display: block;/*border-style: solid;
	border-width: 1px;
	background-color: #fff;
	border-color:transparent #2c395f #2c395f #2c395f;
	transform: scaleY(0);
	transform-origin: left top;*/
}
.headerbox .header .langbox .inbox[data-on="on"] .qie { transform: scaleY(1); }
.headerbox .header .sico { float: right; width: 23px; height: 90px; background-position: center; background-repeat: no-repeat; background-image: url(../images/sico_03.png); -webkit-background-size: 23px auto; background-size: 23px auto; cursor: pointer; }
/*导航*/
.headerbox .header .navbox { float: right; position: relative; }
.headerbox .header .navbox .nav-list { font-size: 0; }
.headerbox .header .navbox .nav-list .lin { display: inline-block;  *display: inline;
 *zoom: 1;
padding: 0 10px; position: relative; margin-right: 40px; }
.headerbox .header .navbox .nav-list .lin:after { content: ""; width: 0; height: 6px; background: -webkit-linear-gradient(left, #108e9a, #01afee); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #108e9a, #01afee); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #108e9a, #01afee); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #108e9a, #01afee); /* 标准的语法 */ position: absolute; left: 0; bottom: 0; }
.headerbox .header .navbox .nav-list .lin.on:after { width: 100%; }
.headerbox .header .navbox .nav-list .lin .a { display: block; font-size: 15px; color: #2c395f; height: 90px; line-height: 90px; }
.headerbox .header .nav-list .lin.on .a { color: #003f98; font-weight: bold; }
.headerbox .header .navbox .nav-list .lin .psub { position: fixed; left: 50%; top: 90px;  transition: all .3s ease;
transform: translateX(-50%) scaleY(0); transform-origin: left top; width: 100vw; padding: 35px 0; z-index: 111; background-position: center; background-repeat: no-repeat; background-image: url(../images/pgp_02.jpg); -webkit-background-size: cover; background-size: cover; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem { width: 	calc((100% - 270px) / 4); margin-right: 90px; margin-bottom: 30px; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem:nth-child(4n) {
 margin-right: 0;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .theme { font-size: 18px; color: #003f98; padding-left: 20px; line-height: 22px; background-position: left; background-repeat: no-repeat; background-image: url(../images/ll_03.jpg); margin-bottom: 20px; display: block; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu { padding-top: 10px; border-top:1px solid #e4e4e4; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .mtitle { font-size: 15px; color: #253241; padding-left: 10px; position: relative; margin-bottom: 10px; cursor: pointer; line-height: 2; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .mtitle.more { display: block; font-size: 15px; color: #003f98; margin-top: 5px; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .mtitle:after { content: ""; width: 5px; height: 1px; background-color: #253241; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .sub { display: none; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm[data-on="on"] .sub { display: block; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .sub .ss { font-size: 13px; color: #747474; padding-left: 10px; position: relative; display: block; margin-bottom: 10px; }
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .sub .ss:after { content: ""; width: 5px; height: 1px; background-color: #747474; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
/*下拉菜单*/
.headerbox .header .navbox .nav-list .lin .nsub { width: 270px; background-color: #fff; padding: 10px 0; position: absolute; left: 0; top: 100%; margin-top: -10px; z-index: 112;  -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
-webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); border:1px solid #c0c5c9; }
.headerbox .header .navbox .nav-list .lin .nsub:before { content: ""; width: 4px; height: calc(100% - 4px); background-color: rgba(255, 255, 255, .5); position: absolute; left: 100%; top: 4px; }
.headerbox .header .navbox .nav-list .lin .nsub:after { content: ""; width: 100%; height: 4px; background-color: rgba(255, 255, 255, .5); position: absolute; left: 4px; top: 100%; }
.headerbox .header .navbox .nav-list .lin .nsub .nn { display: block; height: 40px; line-height: 40px; padding: 0 20px; font-size: 14px; color: #108e9a; }
/*搜索*/
.headerbox .header .navbox .searchbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff;  transition: all .3s ease;
transform-origin: right top; transform:scaleX(0); }
.headerbox .header .navbox[data-on="on"] .searchbox { transform:scaleX(1); }
.headerbox .header .navbox .searchbox form { width: 94%; max-width: 600px; position: relative; border-bottom: 2px solid #000; }
.headerbox .header .navbox .searchbox form input[type="text"] { border:none; height: 35px; width: 100%; padding: 0 40px 0 10px; background-color: transparent; }
.headerbox .header .navbox .searchbox form input[type="submit"] { width: 35px; height: 35px; position: absolute; right: 6px; top: 0; background-position: center; background-repeat: no-repeat; background-image: url(../images/sico.png); -webkit-background-size: 17px auto; -moz-background-size: 17px auto; -o-background-size: 17px auto; background-size: 17px auto; background-color: transparent; border:none; cursor: pointer; }
.head-menu { display: none; }
 @media only screen and (min-width: 601px) {
.headerbox .header .nav-list .lin:hover .a {
 color: #003f98;
 font-weight: bold;
}
.headerbox .header .nav-list .lin:hover:after {
 width: 100%;
}
.headerbox .header .nav-list .lin:hover .nsub {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -ms-transform: scaleY(1);
 -o-transform: scaleY(1);
 transform: scaleY(1);
}
.headerbox .header .navbox .nav-list .lin .nsub .nn:hover {
 background-color: #003f98;
 color: #fff;
}
.head-menu .menu-box .mlist .lim:hover {
 background-color: #003f98;
}
.head-menu .menu-box .mlist .lim:hover .word {
 color: #fff;
}
.headerbox .header .navbox .nav-list .lin:hover .psub {
 transform: translateX(-50%) scaleY(1);
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .mtitle:hover {
 color: #003f98;
}
}
@media only screen and (max-width: 1360px) {
.headerbox {
 height: 70px;
}
.headerbox .header {
 height: 70px;
}
.headerbox .header .logo {
 width: 103px;
 height: 70px;
}
.headerbox .header .navbox .nav-list .lin {
 margin-right: 20px;
}
.headerbox .header .navbox .nav-list .lin .a {
 height: 70px;
 line-height: 70px;
}
.headerbox .header .sico {
 height: 70px;
}
.headerbox .header .langbox {
 height: 70px;
}
.headerbox .header .navbox .nav-list .lin .psub {
 top: 70px;
}
}
@media only screen and (max-width: 1280px) {
.headerbox {
 height: 60px;
}
.headerbox .header {
 height: 60px;
}
.headerbox .header .logo {
 width: 88px;
 height: 60px;
}
.headerbox .header .navbox .nav-list .lin:after {
 height: 3px;
}
.headerbox .header .navbox .nav-list .lin .a {
 height: 60px;
 line-height: 60px;
}
.headerbox .header .sico {
 height: 60px;
}
.headerbox .header .langbox {
 height: 60px;
}
.headerbox .header .navbox .nav-list .lin .psub {
 top:60px;
}
}
@media only screen and (max-width: 1024px) {
.headerbox .header .navbox .nav-list .lin .psub {
 top: 50px;
}
.headerbox {
 height: 50px;
}
.headerbox .header {
 height: 50px;
}
.headerbox .header .logo {
 width: 73px;
 height: 50px;
}
.headerbox .header .nav-list {
 display: none;
}
.headerbox .header .navbox .searchbox {
 position: relative;
}
.headerbox .header .navbox .searchbox form input[type="text"] {
 height: 25px;
}
.headerbox .header .navbox .searchbox form input[type="submit"] {
 width: 25px;
 height: 25px;
}
.headerbox .header .sico {
 height: 50px;
}
.headerbox .header .langbox {
 height: 50px;
}
.headerbox .header .mmbtn .inbox {
 padding-top: 22px;
 font-size: 0;
 width: 25px;
}


/*按钮*/
.headerbox .header .mmbtn {
 float: right;
 margin-left: 30px;
 width: 25px;
 height: 50px;
}
.headerbox .header .mmbtn .inbox {
 font-size: 0;
 width: 25px;
 position: relative;
}
.headerbox .header .mmbtn .inbox .line {
 width: 100%;
 height: 2px;
 background-color: #108e9a;
 position: absolute;
 right: 0;
 top: 0;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.headerbox .header .mmbtn .inbox .line.l2 {
 top: 8px;
 left: 0;
 right: auto;
}
.headerbox .header .mmbtn .inbox .line.l3 {
 top: 16px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
}
/*menu*/
.mask {
 position: fixed;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, .35);
 left: 0;
 top: 0;
 z-index: 112;
 display: none;
}
.head-menu {
 display: block;
 position: fixed;
 right: 0;
 top: 0;
 width: 100%;
 height:100%;
 max-width: 360px;
 background-color: #fff;
 z-index: 113;
 overflow: hidden;
 background: -webkit-linear-gradient(top, #fff, #eef2f5); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(bottom, #fff, #eef2f5); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(bottom, #fff, #eef2f5); /* Firefox 3.6 - 15 */
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef2f5));
 background: -moz-linear-gradient(top, #fff, #eef2f5);
 background: -o-linear-gradient(top, #fff, #eef2f5);
 background: linear-gradient(to bottom, #fff, #eef2f5); /* 标准的语法 */
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 0;
 visibility: hidden;
}
.head-menu[data-on="on"] {
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 visibility: visible;
}
.head-menu .toolbox {
 height: 50px;
 border-bottom: 1px solid #e6e6e6;
}
.head-menu .toolbox .tool {
 width: 94%;
 max-width: 260px;
 padding-right: 40px;
 position: relative;
}
.head-menu .toolbox .mmclose {
 width: 25px;
 height: 25px;
 position: absolute;
 right: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 cursor: pointer;
}
.head-menu .toolbox .mmclose:before {
 content: "";
 width: 100%;
 height: 2px;
 background-color: #108e9a;
 position: absolute;
 left:50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%) rotate(45deg);
 -moz-transform: translate(-50%, -50%) rotate(45deg);
 -ms-transform: translate(-50%, -50%) rotate(45deg);
 -o-transform: translate(-50%, -50%) rotate(45deg);
 transform: translate(-50%, -50%) rotate(45deg);
}
.head-menu .toolbox .mmclose:after {
 content: "";
 width: 100%;
 height: 2px;
 background-color: #108e9a;
 position: absolute;
 left:50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%) rotate(-45deg);
 -moz-transform: translate(-50%, -50%) rotate(-45deg);
 -ms-transform: translate(-50%, -50%) rotate(-45deg);
 -o-transform: translate(-50%, -50%) rotate(-45deg);
 transform: translate(-50%, -50%) rotate(-45deg);
}
.head-menu .toolbox .tool .searchbox {
 max-width: 180px;
}
.head-menu .toolbox .tool .searchbox form {
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 position: relative;
}
.head-menu .toolbox .tool .searchbox form input[type="text"] {
 width: 100%;
 height: 30px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 border:none;
 padding: 0 40px 0 10px;
 background-color: #f0f0f0;
 font-size: 13px;
 color: #aaaaaa;
}
.head-menu .toolbox .tool .searchbox form input[type="submit"] {
 width: 30px;
 height: 30px;
 position: absolute;
 right: 6px;
 top: 0;
 background-position: center;
 background-repeat: no-repeat;
 background-image: url(../images/sico.png);
 -webkit-background-size: 17px auto;
 -moz-background-size: 17px auto;
 -o-background-size: 17px auto;
 background-size: 17px auto;
 background-color: transparent;
 border: none;
 cursor: pointer;
}
.head-menu .menu-box {
 height: -webkit-calc(100% - 50px);
 height: -moz-calc(100% - 50px);
 height: calc(100% - 50px);
 position: relative;
}
.head-menu .menu-box .wrap {
 max-width: 260px;
}
.head-menu .menu-box .mlist .lim {
 height: 40px;
 line-height: 40px;
 display: block;
 cursor: pointer;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.head-menu .menu-box .mlist .lim .word {
 font-size: 18px;
 color: #1a1a1a;
 margin: 0 auto;
 width: 94%;
 max-width: 260px;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.head-menu .menu-box .inbox {
 padding-top: 30px;
 height: 100%;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: -moz-box;
 display: flex;
 -ms-flex-direction: column;
 -webkit-flex-direction: column;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -moz-box-orient: vertical;
 -moz-box-direction: normal;
 flex-direction: column;
 -webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
 justify-content: space-between;
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -ms-transform: scaleX(1);
 -o-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 opacity: 1;
 visibility: visible;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.head-menu .menu-box .inbox[data-on="on"] {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -ms-transform: scaleX(0);
 -o-transform: scaleX(0);
 transform: scaleX(0);
 opacity: 0;
 visibility: hidden;
}
.head-menu .menu-box .inbox .contact {
 margin-bottom: 50PX;
}
.head-menu .menu-box .inbox .contact .bt {
 font-size: 12px;
 color: #108e9a;
 margin-bottom: 10px;
}
.head-menu .menu-box .inbox .contact .desc {
 font-size: 12px;
 color: #1a1a1a;
 line-height: 30px;
 margin-bottom: 30px;
}
.head-menu .menu-box .inbox .contact .wxcode {
 width: 100px;
 height: 100px;
}
.head-menu .menu-box .outbox {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: #fff;
 z-index: 115;
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -ms-transform: scaleX(0);
 -o-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.head-menu .menu-box .outbox[data-on="on"] {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -ms-transform: scaleX(1);
 -o-transform: scaleX(1);
 transform: scaleX(1);
 opacity: 1;
 visibility: visible;
}
.head-menu .menu-box .outbox .inbtn {
 height: 50px;
 line-height: 50px;
 background-color: #108e9a;
 margin-bottom: 20px;
 cursor: pointer;
}
.head-menu .menu-box .outbox .inbtn .ww {
 max-width: 260px;
 width: 94%;
 margin: 0 auto;
 font-size: 14px;
 color: #fff;
 font-weight: bold;
 padding-left: 30px;
 position: relative;
}
.head-menu .menu-box .outbox .inbtn .ww span {
 width: 20px;
 height: 5px;
 position: absolute;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
.head-menu .menu-box .outbox .inbtn .ww span:before {
 content: "";
 border-style: solid;
 border-width:2px 3px;
 border-color: transparent #fff transparent transparent;
 position: absolute;
 left: 0;
 top: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
.head-menu .menu-box .outbox .inbtn .ww span:after {
 content: "";
 width: 20px;
 height: 1px;
 background-color: #fff;
 position: absolute;
 left: 1px;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
.head-menu .menu-box .outbox .mlist .lim .word {
 font-size: 16px;
}
}
@media only screen and (max-width: 414px) {
.headerbox .header .sico {
 display: none;
}
.headerbox .header .navbox {
 display: none;
}
.headerbox .header .navbox[data-on="on"] .searchbox {
 display: none;
}
.head-menu {
 max-width: none;
}
.head-menu .menu-box .inbox {
 padding-top: 3%;
}
.head-menu .toolbox .tool {
 max-width: none;
}
.head-menu .toolbox .tool .searchbox {
 max-width: none;
}
.head-menu .toolbox .tool .searchbox form input[type="text"] {
 height: 30px;
}
.head-menu .toolbox .tool .searchbox form input[type="submit"] {
 width: 30px;
 height: 30px;
}
.head-menu .menu-box .mlist .lim {
 height: 40px;
 line-height: 40px;
}
.head-menu .menu-box .mlist .lim .word {
 max-width: none;
 font-size: 18px;
}
.head-menu .menu-box .wrap {
 max-width: none;
}
.head-menu .menu-box .inbox .contact {
 margin-bottom: 5%;
}
.head-menu .menu-box .outbox .inbtn {
 margin-bottom: 3%;
}
.head-menu .menu-box .outbox .inbtn .ww {
 max-width: none;
}
}
/* =========

    首页

 ========= */

/*首页轮播图*/
.banner-swiper .swiper-slide { overflow: hidden; }
.banner-swiper .swiper-slide .banner {
 padding-top: calc(710 / 1920 * 100%); display: block; transition: all 3s ease; }
.banner-swiper .swiper-slide .banner.phone { display: none; }
.banner-swiper .swiper-slide.swiper-slide-active .banner { transform: scale(1); }
.banner-swiper .banner-pagination { position: absolute; left: 0; bottom: 40px; width: 100%; z-index: 11; text-align: center; }
.banner-swiper .banner-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background-color: #fff; opacity: 1; margin: 0 20px; }
.banner-swiper .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #003f98; }
@media only screen and (max-width: 414px) {
.banner-swiper .swiper-slide .banner.pc {
 display: none;
}
.banner-swiper .swiper-slide .banner.phone {
 display: block;
 padding-top: 0;
 height: 35vh;
}
.banner-swiper .banner-pagination {
 bottom: 5%;
}
.banner-swiper .banner-pagination .swiper-pagination-bullet {
 margin: 0 6px;
 width: 6px;
 height: 6px;
}
}
/*首页产品类别*/
.inpclass-bg { padding-bottom: 80px; background-position: center; background-repeat: no-repeat; /*background-image: url(../images/inp_02.jpg);*/ -webkit-background-size: cover; background-size: cover; position: relative; }
.inpclass-bg .themebox { padding: 30px 0; position: relative; text-align: center; }
.inpclass-bg .themebox .theme { line-height: 50px; font-size: 	30px; color: 	#2c395f; }
.inpclass-bg .themebox .old { width: 290px; height: 60px; line-height: 60px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; font-size: 14px; color: #245caa; font-weight: bold; background-position: center; background-repeat: no-repeat; background-image: url(../images/old_03.png); -webkit-background-size: cover; background-size: cover; }
.inpclass-bg .pclassbox .twobox { width: 380px; float: left; margin-right: 20px; margin-bottom: 20px; }
.inpclass-bg .pclassbox .simg {  transition: all .5s ease;
}
.inpclass-bg .pclassbox .imgbox .title { font-size: 20px; color: #ffffff; position: absolute; left: 0; bottom: 20px; padding: 0 3%; text-align: center; width: 100%; }
.inpclass-bg .pclassbox .twobox.right { margin-right: 0; }
.inpclass-bg .pclassbox .twobox .imgbox .simg { height: 600px; }
.inpclass-bg .pclassbox .bigbox { width: calc(100% - 800px); float: left; margin-right: 20px; margin-bottom: 20px; }
.inpclass-bg .pclassbox .bigbox .imgbox .simg { height: 600px; }
.inpclass-bg .pclassbox .bottombox .imgbox { width: calc((100% - 420px) / 2); margin-right: 20px; float: left; }
.inpclass-bg .pclassbox .bottombox .imgbox .simg { height: 300px; position: relative; }
.inpclass-bg .pclassbox .bottombox .imgbox:last-child { width: 380px; margin-right: 0; }
.inpclass-bg .pclassbox .bottombox .imgbox .simg .all { }
 @media only screen and (min-width: 601px) {
.inpclass-bg .pclassbox .imgbox:hover .simg {
 transform: scale(1.1);
}
}
@media only screen and (max-width: 1280px) {
.inpclass-bg {
 padding-bottom: 60px;
}
.inpclass-bg .pclassbox .twobox {
 width: 100%;
 float: none;
 margin-right: 0;
 display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.inpclass-bg .pclassbox .twobox .imgbox {
 width: calc((100% - 20px) / 2);
}
.inpclass-bg .pclassbox .twobox .imgbox .simg {
 height: auto;
 padding-top: calc(300 / 380 * 100%);
}
.inpclass-bg .pclassbox .bigbox {
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 20px;
 float: none;
 width: 100%;
 max-width: 600px;
}
.inpclass-bg .pclassbox .bigbox .imgbox .simg {
 height: auto;
 padding-top: 100%;
}
}
@media only screen and (max-width: 1024px) {
.inpclass-bg {
 padding-bottom: 30px;
}
.inpclass-bg .themebox {
 padding: 20px 0;
}
.inpclass-bg .themebox .theme {
 font-size: 24px;
 line-height: 1.2;
 margin-bottom: 10px;
 display: block;
}
.inpclass-bg .themebox .old {
 position: relative;
 transform: translateY(0);
 margin: 0 auto;
}
.inpclass-bg .pclassbox .bottombox .imgbox {
 width: calc((100% - 20px) / 2);
 margin-bottom: 20px;
}
.inpclass-bg .pclassbox .bottombox .imgbox .simg {
 height: auto;
 padding-top: calc(300 / 380 * 100%);
}
.inpclass-bg .pclassbox .bottombox .imgbox:nth-child(2) {
 margin-right: 0;
}
.inpclass-bg .pclassbox .bottombox .imgbox:last-child {
 width: calc((100% - 20px) / 2);
}
}
@media only screen and (max-width: 414px) {
.inpclass-bg {
 padding-bottom: 5%;
}
.inpclass-bg .pclassbox .twobox {
 margin-bottom: 0;
 -ms-flex-direction: column;
 -webkit-flex-direction: column;
 flex-direction: column;
}
.inpclass-bg .pclassbox .twobox .imgbox {
 width: 100%;
 margin-bottom: 20px;
}
.inpclass-bg .pclassbox .bottombox .imgbox {
 width: 100%;
}
.inpclass-bg .pclassbox .bottombox .imgbox:last-child {
 width: 100%;
}
.inpclass-bg .themebox .theme {
 font-size: 18px;
}
.inpclass-bg .pclassbox .imgbox .title {
 font-size: 16px;
}
}
/*首页宣传片*/
.inmsgbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
.inmsgbox .mitem { width: 50%; position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; }
.inmsgbox .mitem .videobox { height: 530px; position: relative; }
.inmsgbox .mitem .videobox .mejs-container { position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; }
.inmsgbox .mitem .videobox .mejs-container img { display: block; }
.inmsgbox .mitem .videobox iframe { position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; }
.inmsgbox .mitem .text { position: absolute; top: 0; width: 100%; padding: 50px; z-index: 11; }
.inmsgbox .mitem .text .title { font-size: 30px; color: #ffffff; display: block; }
.inmsgbox .mitem .imgbox { height: 100%; /*position: absolute;*/ top: 0; left: 0; width: 100%; }
.inmsgbox .mitem .imgbox .mimg { height: 100%; }
.inmsgbox .mitem:nth-child(2) .text {
 height: 100%;
 display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
 -ms-flex-direction: column;
 -webkit-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.inmsgbox .mitem:nth-child(2) .text .main .bt {
 font-size: 18px;
 color: #fff;
 font-weight: bold;
 margin-bottom: 10px;
}
.inmsgbox .mitem:nth-child(2) .text .main .demo {
 font-size: 14px;
 color: #fff;
 line-height: 24px;
 margin-bottom: 15px;
 max-width: 500px;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail {
 display: block;
 width: 126px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background-color: #fff;
 cursor: pointer;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail span {
 padding-right: 20px;
 font-size: 15px;
 color: #108e9a;
 position: relative;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail span:after {
 content: "";
 width: 8px;
 height: 8px;
 border-style: solid;
 border-width: 1px;
 border-color: #108e9a #108e9a transparent transparent;
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -4px;
 transform: rotate(45deg);
}
@media only screen and (min-width: 601px) {
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover {
 background-color: #108e9a;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover span {
 color: #fff;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover span:after {
 border-color: #fff #fff transparent transparent;
}
}
@media only screen and (max-width: 1024px) {
.inmsgbox {
 -ms-flex-direction: column;
 -webkit-flex-direction: column;
 flex-direction: column;
}
.inmsgbox .mitem {
 width: 100%;
}
.inmsgbox .mitem .videobox {
 height: auto;
 padding-top: calc(530 / 960 * 100%);
}
.inmsgbox .mitem .imgbox {
 /*position: absolute;*/
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}
.inmsgbox .mitem:nth-child(2) .text {
 position: relative;
 padding: 30px;
}
.inmsgbox .mitem .text .title {
 font-size: 24px;
 margin-bottom: 20px;
}
}
@media only screen and (max-width: 414px) {
.inmsgbox .mitem:nth-child(2) .text {
 padding: 5% 3%;
}
.inmsgbox .mitem .text .title {
 font-size: 20px;
}
.inmsgbox .mitem:nth-child(2) .text .main .bt {
 font-size: 16px;
 font-weight: normal;
}
}
/*我们的优势*/
.insoft-bg { background-color: #192532; }
.insoft-bg .theme { height: 160px; line-height: 160px; font-size: 30px; color: #ffffff; font-weight: bold; text-align: center; }
.insoft-bg .insoft-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; position: relative; }
.insoft-bg .insoft-main:after { content: ""; width: 1600px; position: absolute; left: 50%; top: 130px; height: 2px; background-color: #3a4550; transform: translateX(-50%); }
.insoft-bg .insoft-main .mitem { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: -webkit-calc((100% - 900px) / 3); width: -moz-calc((100% - 900px) / 3); width: calc((100% - 900px) / 3); height: 630px; position: relative; overflow-x: hidden; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; }
.insoft-bg .insoft-main .mitem[data-on="on"] { width: 900px; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; }
.insoft-bg .insoft-main .mitem .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.insoft-bg .insoft-main .mitem .box { z-index: 11; position: absolute; left: 50%; top:50%; height: 94%; width: 800px; max-height: 450px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; overflow: hidden; }
.insoft-bg .insoft-main .mitem[data-on="on"] .box { text-align: left; height: auto; }
.insoft-bg .insoft-main .mitem .box .ico { width: 76px; height: 76px; display: inline-block;  *display: inline;
 *zoom: 1;
margin-bottom: 30px; }
.insoft-bg .insoft-main .mitem .box .titlebox { margin: 0 auto; width: 50px; overflow: hidden; }
.insoft-bg .insoft-main .mitem[data-on="on"] .box .titlebox { margin-bottom: 20px; width: auto; height: auto; }
.insoft-bg .insoft-main .mitem .box .titlebox .cn { font-size: 18px; width: 18px; color: #fff; line-height: 1.1; display: inline-block;  *display: inline;
 *zoom: 1;
}
.insoft-bg .insoft-main .mitem[data-on="on"] .box .titlebox .cn { float: none; width: 100%; }
.insoft-bg .insoft-main .mitem .box .demo { width: 310px; font-size: 14px; color: #ffffff; line-height: 2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; display: none; }
.insoft-bg .insoft-main .mitem[data-on="on"] .box .demo { display: block; }
.insoft-bg .insoft-main .mitem .link { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #ffffff; display: block; margin-top: 50px; position: relative; margin-left: auto; margin-right: auto; }
.insoft-bg .insoft-main .mitem .link:before { content: ""; width: 1px; height: 18px; position: absolute; left: 50%; background-color: #fff; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 12; }
.insoft-bg .insoft-main .mitem .link:after { content: ""; width: 1px; height: 18px; position: absolute; left: 50%; background-color: #fff; top: 50%; transform:translate(-50%, -50%) rotate(90deg); -ms-transform:translate(-50%, -50%) rotate(90deg); 	/* IE 9 */ -moz-transform:translate(-50%, -50%) rotate(90deg); 	/* Firefox */ -webkit-transform:translate(-50%, -50%) rotate(90deg); /* Safari 和 Chrome */ -o-transform:translate(-50%, -50%) rotate(90deg); 	/* Opera */ z-index: 12; }
.insoft-bg .insoft-main .mitem[data-on="on"] .box .link { margin-top: 96px; margin-left:0; }
.insoft-bg .mminsoft-main { display: none; }
 @media only screen and (min-width: 601px) {
.insoft-bg .insoft-class .classbox .item:hover {
 color: #00aff0;
}
}
@media only screen and (max-width:1600px) {
.insoft-bg .insoft-class {
 padding: 60px 0;
}
}
@media only screen and (max-width:1440px) {
.insoft-bg .insoft-class {
 padding: 40px 0;
}
.insoft-bg .theme {
 height: 120px;
 line-height: 120px;
}
}
@media only screen and (max-width:1280px) {
.insoft-bg .insoft-main .mitem {
 height: 560px;
}
.insoft-bg .theme {
 height: 100px;
 line-height: 100px;
}
}
@media only screen and (max-width:1024px) {
.insoft-bg .theme {
 height: 80px;
 line-height: 80px;
 font-size: 24px;
 font-weight: normal;
}
.insoft-bg .insoft-main {
 display: none;
}
.insoft-bg .mminsoft-main {
 display: block;
 background-color: #0e1e33;
}
.insoft-bg .mminsoft-main .item {
 width: -webkit-calc(100% / 2);
 width: -moz-calc(100% / 2);
 width: calc(100% / 2);
 float: left;
 position: relative;
}
.insoft-bg .mminsoft-main .item .color {
 padding-top: 100%;
 background-color: #006fa5;
}
.insoft-bg .mminsoft-main .item:nth-child(2) .color {
 background-color: #004b97;
}
.insoft-bg .mminsoft-main .item:nth-child(3) .color {
 background-color: #003965;
}
.insoft-bg .mminsoft-main .item:nth-child(4) .color {
 background-color: #0e1e33;
}
.insoft-bg .mminsoft-main .item .main {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 text-align: center;
}
.insoft-bg .mminsoft-main .item .main .inbox {
 width: 100%;
}
.insoft-bg .mminsoft-main .item .main .ico {
 width: 40px;
 height: 40px;
 display: inline-block;
 *display: inline;
 *zoom: 1;
 margin-bottom: 6%;
}
.insoft-bg .mminsoft-main .item .main .title {
 margin-bottom: 6%;
}
.insoft-bg .mminsoft-main .item .main .title .cn {
 font-size: 14px;
 line-height: 20px;
 color: #fff;
 max-width: 80%;
 margin-left: auto;
 margin-right: auto;
}
.insoft-bg .mminsoft-main .item .main .title .en {
 font-size: 1rem;
 color: rgba(255, 255, 255, .5);
}
.insoft-bg .mminsoft-main .item .main .link {
 height: 40px;
 width: 40px;
 border: 1px solid #fff;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 display: inline-block;
 *display: inline;
 *zoom: 1;
 position: relative;
}
.insoft-bg .mminsoft-main .item .main .link:before {
 content: "";
 width: 20px;
 height: 2px;
 background-color: #fff;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -10px;
 margin-top: -1px;
}
.insoft-bg .mminsoft-main .item .main .link:after {
 content: "";
 width: 2px;
 height: 20px;
 background-color: #fff;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -1px;
 margin-top: -10px;
}
}
@media only screen and (max-width:800px) {
.insoft-bg .insoft-class .classbox {
 white-space: nowrap;
}
.insoft-bg .insoft-class .classbox .item {
 min-width: auto;
 padding: 0 15px;
}
}
@media only screen and (max-width:414px) {
.insoft-bg .theme {
 height: 60px;
 line-height: 60px;
 font-size: 18px;
}
.insoft-bg .insoft-class {
 position: relative;
}
.insoft-bg .insoft-class .word {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 min-width: 140px;
 padding-right: 40px;
 position: relative;
 height: 30px;
line-height: 30px;
 border:1px solid #fff;
 font-size: 1.16rem;
 color: #00aff0;
}
.insoft-bg .insoft-class .word:after {
 content: "";
 width: 30px;
 height: 30px;
 background-position: center;
 background-repeat: no-repeat;
 background-image: url(../images/bjt.png);
 -moz-background-size: 30px;
 background-size: 30px;
 position: absolute;
 right: 0;
 top: 0;
}
.insoft-bg .insoft-class .classbox {
 position: absolute;
 left:0;
 top: 70px;
 z-index: 111;
 width: 100%;
 background-color: #000d1e;
 display: none;
}
.insoft-bg .insoft-class .classbox .item {
 display: block;
 border-right: none;
 border-bottom: 1px solid #fff;
}
.insoft-bg .mminsoft-main .item .main .ico {
 width: 35px;
 height: 35px;
 margin-bottom: 10px;
}
.insoft-bg .mminsoft-main .item .main .title .cn {
 font-size: 1.16rem;
 margin-bottom: 5px;
}
.insoft-bg .mminsoft-main .item .main .title {
 margin-bottom: 10px;
}
.insoft-bg .mminsoft-main .item .main .link {
 height: 25px;
 width: 25px;
}
.insoft-bg .mminsoft-main .item .main .link:before {
 width: 10px;
 margin-left: -5px;
}
.insoft-bg .mminsoft-main .item .main .link:after {
 height: 10px;
 margin-top: -5px;
}
}
/*首页新闻*/
.innews-bg { padding-top: 50px; padding-bottom: 80px; background-color: #fff; }
.innews-bg .themebox { height: 60px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.innews-bg .themebox .theme { font-size: 28px; color: #2c395f; font-weight: bold; }
.innews-bg .themebox .all { width: 100px; height: 36px; line-height: 36px; text-align: center; background-color: #108e9a; border-radius: 50px; position: relative; }
.innews-bg .themebox .all:after { content: ""; width: 100%; height: 100%; border-radius: 50px; border:1px solid #108e9a; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.innews-bg .themebox .all span { position: relative; padding-right: 16px; font-size: 14px; color: #fff; font-weight: bold; }
.innews-bg .themebox .all span:after { content: ""; width: 8px; height: 8px; border-style: solid; border-width: 1px; border-color: #fff #fff transparent transparent; position: absolute; right: 0; top: 50%; margin-top: -4px; transform: rotate(45deg); }
.innews-bg .innews-swiper .swiper-slide .imgbox { margin-bottom: 10px; }
.innews-bg .innews-swiper .swiper-slide .imgbox .nimg { 	/*padding-top: calc(213 / 370 * 100%);*/
	padding-top: calc(150 / 275 * 100%);
}
.innews-bg .innews-swiper .swiper-slide .time { font-size: 14px; color: #a2a2a2; line-height: 24px; }
.innews-bg .innews-swiper .swiper-slide .title { font-size: 18px; color: #2c395f; line-height: 28px; height: 56px; margin-bottom: 6px; display: block; font-weight: bold; }
.innews-bg .innews-swiper .swiper-slide .more { display: inline-block;  *display: inline;
 *zoom: 1;
position: relative; padding-right: 15px; height: 20px; line-height: 20px; font-size: 14px; color: #108e9a; font-weight: bold; }
.innews-bg .innews-swiper .swiper-slide .more:after { content: ""; width: 8px; height: 8px; border-style: solid; border-width: 1px; border-color: #108e9a #108e9a transparent transparent; position: absolute; right: 0; top: 50%; margin-top: -4px; transform: rotate(45deg); }
@media only screen and (min-width: 601px) {
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover {
 background-color: #108e9a;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover span {
 color: #fff;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover span:after {
 border-color: #fff #fff transparent transparent;
}
.innews-bg .themebox .all:hover {
 background-color: #fff;
}
.innews-bg .themebox .all:hover:after {
 transform: translate(-50%, -50%) scale(1);
}
.innews-bg .themebox .all:hover span {
 color: #108e9a;
}
.innews-bg .themebox .all:hover span:after {
 border-color: #108e9a #108e9a transparent transparent;
}
.innews-bg .innews-swiper .swiper-slide:hover .imgbox .nimg {
 transform: scale(1.1);
}
}
@media only screen and (max-width: 1280px) {
.innews-bg {
 padding-top: 40px;
 padding-bottom: 60px;
}
}
@media only screen and (max-width: 1024px) {
.innews-bg {
 padding-top: 30px;
 padding-bottom: 50px;
}
.innews-bg .innews-swiper .swiper-slide .title {
 font-size: 16px;
}
.innews-bg .themebox .theme {
 font-size: 24px;
}
}
@media only screen and (max-width: 414px) {
.innews-bg {
 padding-top: 5%;
 padding-bottom: 6%;
}
.innews-bg .themebox .theme {
 font-size: 20px;
}
.innews-bg .themebox .all {
 height: 30px;
 line-height: 30px;
}
}
/* =========

    通用内页大图

 ========= */
.allpage-banner { position: relative; overflow: hidden; }
.allpage-banner .md { position: absolute; bottom: 90px; }
.allpage-banner .abanner { height: 500px; }
.allpage-banner.about .abanner { height: 700px; }
.allpage-banner .theme { max-width: 1200px; position: absolute; left: 50%; top: 0; padding: 50px 0; transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
.allpage-banner .theme .num { width: 100px; font-size: 70px; color: #fff; font-family: "ziti1"; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1 }
.allpage-banner .theme .title { width: calc(100% - 100px); padding-left: 45px; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.allpage-banner .theme .title:after { content: ""; width: 5px; height: 60px; background-color: #fff; position: absolute; left: 0; top: 50%; transform:translateY(-50%) rotate(20deg); transform-origin: left bottom; }
.allpage-banner .theme .title .en { font-size: 18px; color: rgba(255, 255, 255, .5); font-family: "ziti"; }
.allpage-banner .theme .title .cn { font-size: 30px; color: #fff; font-weight: bold; }
@media only screen and (max-width: 1280px) {
.allpage-banner .abanner {
 height: 400px;
}
}
@media only screen and (max-width: 1024px) {
.allpage-banner .abanner {
 height: 360px;
}
.allpage-banner.about .abanner {
 height: 450px;
}
.allpage-banner .theme {
 padding: 30px 0;
}
.allpage-banner .theme .num {
 width: 70px;
 font-size: 48px;
}
.allpage-banner .theme .title {
 width: calc(100% - 70px);
 padding-left: 35px;
}
.allpage-banner .theme .title .cn {
 font-size: 24px;
}
.allpage-banner .theme .title:after {
 height: 50px;
}
}
@media only screen and (max-width: 640px) {
.allpage-banner .abanner {
 height: 300px;
}
.allpage-banner.about .abanner {
 height: 350px;
}
}
@media only screen and (max-width: 414px) {
.allpage-banner .abanner {
 height: 230px;
}
.allpage-banner.about .abanner {
 height: 250px;
}
.allpage-banner .theme {
 padding: 5% 0;
}
.allpage-banner .theme .num {
 width: 50px;
 font-size: 36px;
}
.allpage-banner .theme .title {
 width: calc(100% - 50px);
 padding-left: 35px;
}
.allpage-banner .theme .title .en {
 font-size: 16px;
}
.allpage-banner .theme .title .cn {
 font-size: 20px;
}
.allpage-banner .theme .title:after {
 height: 36px;
}
}
/* =========

    通用分页

 ========= */
.allfenye { font-size: 0; max-width: 1200px; }
.allfenye .btn { margin: 0 2px; width: 36px; height: 35px; line-height: 35px; display: inline-block;  *display: inline;
 *zoom: 1;
vertical-align: top; font-size: 14px; color: #5b5c5e; border:1px solid #b9bec6; border-radius: 5px; text-align: center; }
.allfenye .btn.on { background-color: #003f98; color: #fff; border:1px solid #003f98; }
.allfenye .link { padding: 0 15px; height: 35px; line-height: 35px; display: inline-block;  *display: inline;
 *zoom: 1;
position: relative; border:1px solid #b9bec6; font-size: 14px; color: #2c395f; border-radius: 5px; }
.allfenye .link.prev { margin-right: 5px; }
.allfenye .link.next { margin-left: 5px; }
/*跳转*/
.allfenye .fylink { position: absolute; right: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
.allfenye .fylink input { width: 60px; border:1px solid #dddddd; border-radius: 3px; text-align: center; height: 35px; }
.allfenye .fylink .go { width: 36px; height: 35px; line-height: 35px; font-size: 14px; color: #2c395f; text-align: center; border:1px solid #dddddd; background-color: #fff; margin-left: 6px; border-radius: 3px; cursor: pointer; }
 @media only screen and (min-width: 601px) {
.allfenye .btn:hover {
 background-color: #003f98;
 color: #fff;
 border:1px solid #003f98;
}
}
/* =========

    产品中心

 ========= */
.product-bg { padding-bottom: 100px; }
/*搜索*/
.product-bg .psearch { border-bottom: 1px solid #dadee3; background-color: #fff; }
.product-bg .psearch .sbox { padding-right: 45px; position: relative; }
.product-bg .psearch .sbox input[type="text"] { width: 100%; height: 45px; border:none; font-size: 14px; color: #999999; }
.product-bg .psearch .sbox input[type="submit"] { width: 45px; height: 45px; position: absolute; right: 0; top: 0; border:none; background-color: #fff; background-position: center; background-repeat: no-repeat; background-image: url(../images/ss_03.png); -webkit-background-size: 20px; background-size: 20px; cursor: pointer; }
/*分类*/
.product-bg .pclass-box { background-color: #fcfcfc; }
.product-bg .pclass-box .pclass-menu { padding: 15px 0 35px 0; }
.product-bg .pclass-box .pclass-menu .classbox .bbt { line-height: 56px; float: left; width: 90px; font-size: 14px; color: #1d1d1d; font-weight: bold; }
.product-bg .pclass-box .pclass-menu .classbox .menu { padding-top: 18px; font-size: 0; float: right; width: calc(100% - 90px); border-bottom: 1px solid #dadee3; max-height: 323px; overflow-y: auto; }
.product-bg .pclass-box .pclass-menu .classbox .menu::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #ffffff;
}
.product-bg .pclass-box .pclass-menu .classbox .menu::-webkit-scrollbar-track {
 background-color: #ffffff;
}
.product-bg .pclass-box .pclass-menu .classbox .menu::-webkit-scrollbar-thumb {
 background-color: #003f98;
}
.product-bg .pclass-box .pclass-menu .classbox .menu .mm { display: inline-block;  *display: inline;
 *zoom: 1;
padding-left: 20px; font-size: 14px; line-height: 20px; color: #1d1d1d; margin-bottom: 18px; padding-right: 30px; position: relative; width: calc(100% / 6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-bg .pclass-box .pclass-menu .classbox .menu .mm b { color: #ff0000; }
.product-bg .pclass-box .pclass-menu .classbox .menu .mm span { width: 12px; height: 12px; border:1px solid #1d1d1d; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.product-bg .pclass-box .pclass-menu .classbox .menu .mm.on span { border:1px solid #02adec; }
.product-bg .pclass-box .pclass-menu .classbox .menu .mm.on span:after { content: ""; width: 100%; height: 100%; background-color: #02adec; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.product-bg .pclass-box .pclass-menu .jintoubtn { text-align: center; font-size: 0; }
.product-bg .pclass-box .pclass-menu .showbtn { height: 34px; margin-left: auto; margin-right: auto; margin-top: 20px; display: inline-block; line-height: 34px; text-align: center; font-size: 16px; color: #ffffff; background-color: #108e9a; padding: 0 10px; }
@media only screen and (max-width: 1280px) {
 .product-bg .pclass-box .pclass-menu .classbox .menu .mm {
 width: calc(100% / 5);
}
}
@media only screen and (max-width: 1024px) {
 .product-bg .pclass-box .pclass-menu .classbox .menu .mm {
 width: calc(100% / 4);
}
}
@media only screen and (max-width: 800px) {
 .product-bg .pclass-box .pclass-menu .classbox .menu .mm {
 width: calc(100% / 3);
}
}
@media only screen and (max-width: 640px) {
 .product-bg .pclass-box .pclass-menu .classbox .menu .mm {
 width: calc(100% / 2);
}
}
@media only screen and (max-width: 414px) {
.product-bg .pclass-box .pclass-menu {
 padding-top: 3%;
 padding-bottom: 5%;
}
.product-bg .pclass-box .pclass-menu .classbox {
 margin-bottom: 2%;
}
.product-bg .pclass-box .pclass-menu .classbox .bbt {
 float: none;
 width: 100%;
 line-height: 30px;
}
.product-bg .pclass-box .pclass-menu .classbox .menu {
 width: 100%;
 padding-top: 3%;
}
.product-bg .pclass-box .pclass-menu .classbox .menu .mm {
 margin-bottom: 3%;
}
}
/*产品列表*/
.product-bg .product-list { padding-top: 80px; }
.product-bg .product-list .theme { font-size: 30px; color: #000000; margin-bottom: 20px; }
.product-bg .product-list .plist { overflow: hidden; }
.product-bg .product-list .plist .lip { width: calc((100% - 45px) / 4); margin-right: 15px; margin-bottom: 15px; float: left; }
.product-bg .product-list .plist .lip:nth-child(4n) {
 margin-right: 0;
}
.product-bg .product-list .plist .lip .imgbox:after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; }
.product-bg .product-list .plist .lip .imgbox .pimg {  padding-top: calc(240 / 290 * 100%);
 transition: all .5s ease;
}
.product-bg .product-list .plist .lip .imgbox .more { height: 30px; line-height: 30px; width: 94%; max-width: 130px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scaleY(0); background-color: #108e9a; border-radius:50px; text-align: center; font-size: 12px; color: #ebf0f3; font-family: "ziti"; }
.product-bg .product-list .plist .lip .title { height: 70px; line-height: 70px; background-color: #3c4255; font-size: 16px; color: #fff; padding: 0 10px; }
.product-bg .product-list .plist .lip .title b { color: #ff0000; }
 @media only screen and (min-width: 601px) {
.product-bg .product-list .plist .lip:hover .imgbox .pimg {
 transform: scale(1.1);
}
}
@media only screen and (max-width: 1280px) {
.product-bg {
 padding-bottom: 60px;
}
}
@media only screen and (max-width: 1024px) {
.product-bg {
 padding-bottom: 40px;
}
.product-bg .product-list {
 padding-top: 50px;
}
.product-bg .product-list .plist .lip .title {
 height: 50px;
 line-height: 50px;
}
.product-bg .product-list .theme {
 font-size: 24px;
}
}
@media only screen and (max-width: 768px) {
.product-bg .product-list .plist .lip {
 width: calc((100% - 30px) / 3);
}
.product-bg .product-list .plist .lip:nth-child(4n) {
 margin-right: 15px;
}
.product-bg .product-list .plist .lip:nth-child(3n) {
 margin-right: 0;
}
}
@media only screen and (max-width: 414px) {
.product-bg {
 padding-bottom: 5%;
}
.product-bg .product-list {
 padding-top: 5%;
}
.product-bg .product-list .plist .lip {
 width: calc((100% - 15px) / 2);
}
.product-bg .product-list .plist .lip:nth-child(4n) {
 margin-right: 0;
}
.product-bg .product-list .plist .lip:nth-child(3n) {
 margin-right: 15px;
}
.product-bg .product-list .plist .lip:nth-child(2n) {
 margin-right: 0;
}
.product-bg .product-list .plist .lip .title {
 height: 36px;
 line-height: 36px;
 font-size: 14px;
}
}
/* =========

    产品详情

 ========= */
.poducvt-view { padding-bottom: 130px; }
.poducvt-view .pd-top { padding-bottom: 50px; background-color: #fff; }
.poducvt-view .pd-top .tleft { width: 430px; float: left; padding-top: 50px; }
.poducvt-view .pd-top .tleft .title { font-size: 30px; color: #2c395f; font-weight: bold; }
.poducvt-view .pd-top .tleft .tt { font-size: 18px; color: #2c395f; font-weight: bold; margin-bottom: 30px; }
.poducvt-view .pd-top .tleft .demobox { margin-bottom: 150px; }
.poducvt-view .pd-top .tleft .demobox .bt { font-size: 14px; color: #108e9a; font-weight: bold; }
.poducvt-view .pd-top .tleft .demobox .demo { font-size: 14px; color: #2c395f; line-height: 2; }
.poducvt-view .pd-top .tleft .contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; font-weight: bold; }
.poducvt-view .pd-top .tleft .contact .btn { width: 214px; height: 40px; line-height: 40px; background-color: #108e9a; border-radius:50px; text-align: center; font-size: 14px; color: #fff; font-weight: bold; position: relative; margin-right: 30px; }
.poducvt-view .pd-top .tleft .contact .btn:after { content: ""; width: 23px; height: 23px; background-color: #fff; background-position: center; background-repeat: no-repeat; background-image: url(../images/ph_03.png); position: absolute; right: 10px; top: 50%; border-radius:50%; transform: translateY(-50%); }
.poducvt-view .pd-top .tleft .contact .bdshare-button-style0-16 .bds_more { background-position: center; background-repeat: no-repeat; background: url(../images/shaa_07.png); margin: 0; padding-left: 14px; margin-right: 6px; font-size: 14px; color: #2c395f; font-weight: bold; }
.poducvt-view .pd-top .imgbox { width: calc(97% - 430px); max-width: 600px; float: right; }
.poducvt-view .pd-top .imgbox .pimg {  padding-top: calc(500 / 600 * 100%);
}
/*标签*/
.poducvt-view .plabel-swiper { margin-top: -50px; position: relative; }
.poducvt-view .plabel-swiper { }
.poducvt-view .plabel-swiper .swiper-slide { width: auto!important; }
.poducvt-view .plabel-swiper .swiper-slide .aitem { height: 50px; line-height: 50px; padding: 0 28px; border-radius:3px 3px 0 0; border-style: solid; border-width: 1px; border-color: #d5d7df #d5d7df #d5d7df transparent; background-color: #ebf0f3; font-size: 15px; color: #2c395f; cursor: pointer; position: relative; display: block; }
.poducvt-view .plabel-swiper .swiper-slide:nth-child(1) .aitem {
 border-color: #d5d7df #d5d7df transparent #d5d7df;
}
.poducvt-view .plabel-swiper .swiper-slide:last-child .aitem:after { content: ""; width: 100vw; height: 1px; background-color: #d5d7df; position: absolute; left: 100%; bottom: 0; }
.poducvt-view .plabel-swiper .swiper-slide .aitem[data-on="on"] { background-color: #fff; font-weight: bold; }
.poducvt-view .plabel-swiper .swiper-slide .aitem[data-on="on"]:before { content: ""; width: 100%; height: 4px; background-color: #108e9a; border-radius:3px 3px 0 0; position: absolute; left: 0; top: -1px; }
.poducvt-view .labelbox { margin-bottom: 50px; border-style: solid; border-width: 1px; border-color:transparent #d5d7df #d5d7df #d5d7df; background-color: #fff; padding: 40px; display: none; }
.poducvt-view .labelbox[data-on="on"] { display: block; }
.poducvt-view .labelbox .bbt { font-size: 22px; color: #108e9a; margin-bottom: 20px; font-weight: bold; }
/*公司简介*/
.poducvt-view .labelbox .pl-desc { font-size: 16px; color: #2c395f; line-height: 2; margin-bottom: 60px; }
.poducvt-view .labelbox .pl-desc img { height: auto !important; }
/*型号参数*/
.poducvt-view .labelbox .tablebox { /*margin-top: 60px;*/
	/*padding-top: 50px;*/
}
.poducvt-view .labelbox .layui-table { width: 100%!important; }
.poducvt-view .labelbox .layui-table th { background-color: #108e9a; color: #fff; height: 60px; border:1px solid #66728f; }
.poducvt-view .labelbox .layui-table th:nth-child(2n) {
 background-color: #003f98;
}
.poducvt-view .labelbox .layui-table .layui-table-cell { text-align: center; overflow: visible; }
.poducvt-view .labelbox .layui-table td a { color: #4f5770; position: relative; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: block; }
.poducvt-view .labelbox .pl-desc table td a:hover { text-decoration: underline; }
/*文件下载*/
.poducvt-view .labelbox .recommod-box .lir { width: calc((100% - 120px) / 3); float: left; margin-right: 60px; margin-bottom: 60px; }
.poducvt-view .labelbox .recommod-box .lir:nth-child(3n) {
 margin-right: 0;
}
.poducvt-view .labelbox .recommod-box .lir .imgbox .rimg {
 padding-top: calc(220 / 320 * 100%); border:1px solid rgba(0, 0, 0, .1); }
.poducvt-view .labelbox .recommod-box .lir .title { height: 60px; line-height: 60px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, .1); font-size: 20px; color: #108e9a; padding: 0 10px; }
/*相关产品*/
.poducvt-view .product-around .theme { font-size: 24px; color: #2c395f; font-weight: bold; margin-bottom: 30px; text-align: center; }
.poducvt-view .product-around .around-swiper .swiper-slide .aitem { display: block; }
.poducvt-view .product-around .around-swiper .swiper-slide .aitem .imgbox .aimg { padding-top: 100%; }
.poducvt-view .product-around .around-swiper .swiper-slide .aitem .title { height: 56px; line-height: 56px; background-color: #3c4255; font-size: 16px; color: #fff; padding: 0 10px; text-align: center; }
.poducvt-view .product-around .around-swiper .swiper-slide .aitem .title b { color: #ff0000; }
@media only screen and (max-width: 1280px) {
.poducvt-view {
 padding-bottom: 100px;
}
}
@media only screen and (max-width: 1024px) {
.poducvt-view {
 padding-bottom: 50px;
}
.poducvt-view .labelbox {
 padding: 30px;
}
.poducvt-view .labelbox .tablebox {
 padding-top: 30px;
 margin-top: 40px;
}
.poducvt-view .pd-top .tleft .title {
 font-size: 24px;
}
}
@media only screen and (max-width: 768px) {
.poducvt-view .pd-top .imgbox {
 width: 100%;
 float: none;
 max-width: none;
}
.poducvt-view .pd-top .tleft {
 width: 100%;
 float: none;
 padding: 30px 0;
}
.poducvt-view .pd-top .tleft .demobox {
 margin-bottom: 50px;
}
.poducvt-view .labelbox .recommod-box .lir {
 width: calc((100% - 60px) / 2);
}
.poducvt-view .labelbox .recommod-box .lir:nth-child(3n) {
 margin-right: 60px;
}
.poducvt-view .labelbox .recommod-box .lir:nth-child(2n) {
 margin-right: 0;
}
}
@media only screen and (max-width: 414px) {
.poducvt-view {
 padding-bottom: 5%;
}
.poducvt-view .pd-top .tleft {
 padding: 5% 0;
}
.poducvt-view .pd-top .tleft .title {
 font-size: 18px;
 margin-bottom: 3%;
}
.poducvt-view .pd-top .tleft .tt {
 margin-bottom: 5%;
}
.poducvt-view .pd-top .tleft .demobox {
 margin-bottom: 5%;
}
.poducvt-view .pd-top .tleft .contact .btn {
 width: 50%;
}
.poducvt-view .labelbox {
 padding: 3%;
}
.poducvt-view .labelbox .tablebox {
 margin-top: 3%;
 padding-top: 3%;
}
.poducvt-view .labelbox .bbt {
 font-size: 18px;
}
.poducvt-view .labelbox .recommod-box .lir {
 width: 100%;
 margin-right: 0;
 margin-bottom: 5%;
}
.poducvt-view .labelbox .recommod-box .lir .title {
 height: 45px;
 line-height: 45px;
 font-size: 16px;
}
.poducvt-view .labelbox {
 margin-bottom: 5%;
}
.poducvt-view .product-around .theme {
 font-size: 20px;
}
.poducvt-view .labelbox .pl-desc .tpl-layui-row .tpl-layui-col-xs6 {
 width: 100%!important;
}
.poducvt-view .labelbox .pl-desc .tpl-layui-row .tpl-layui-col-xs4 {
 width: 100%!important;
}
}
/* =========

    倍率计算

 ========= */
.clac-top { padding: 70px 0; background-color: #108e9a; }
.clac-top .inbox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.clac-top .inbox .theme { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
.clac-top .inbox .theme .num { width: 100px; font-size: 70px; color: #fff; font-family: "ziti1"; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1 }
.clac-top .inbox .theme .title { width: calc(100% - 100px); padding-left: 45px; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.clac-top .inbox .theme .title:after { content: ""; width: 5px; height: 60px; background-color: #fff; position: absolute; left: 0; top: 50%; transform:translateY(-50%) rotate(20deg); transform-origin: left bottom; }
.clac-top .inbox .theme .title .en { font-size: 18px; color: rgba(255, 255, 255, .5); font-family: "ziti"; }
.clac-top .inbox .theme .title .cn { font-size: 30px; color: #fff; font-weight: bold; }
.clac-top .inbox .back { padding: 0 25px; background-color: #fff; height: 30px; line-height: 30px; font-size: 14px; color: #108e9a; border:1px solid #108e9a; }
.calc-main { padding-top: 50px; padding-bottom: 100px; }
.calc-main .clac-left { width: 250px; float: left; background-color: #f9f9f9; }
.calc-main .clac-left .theme { background: -webkit-linear-gradient(left, #108e9a, #1f81d1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #108e9a, #1f81d1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #108e9a, #1f81d1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #108e9a, #1f81d1); /* 标准的语法 */ height: 50px; line-height: 50px; font-size: 16px; color: #fff; font-weight: bold; padding: 0 10px; }
.calc-main .clac-left .clac-form { padding: 10px 10px 20px 10px; }
.calc-main .clac-left .clac-form .citem { margin-bottom: 15px; }
.calc-main .clac-left .clac-form .citem .my-label { font-size: 14px; color: #3b3b3b; display: block; margin-bottom: 5px; height: 24px; }
.calc-main .clac-left .clac-form .citem .my-label span { color: #108e9a; font-weight: bold; }
.calc-main .clac-left .clac-form .citem .my-label span.red { color: #FF0000; font-weight: 400; font-size: 20px; }
.calc-main .clac-left .clac-form .citem input[type="text"] { width: 100%; height: 40px; border:1px solid #dfdfdf; border-radius:3px; padding: 0 10px; }
.calc-main .clac-left .clac-form .citem select { width: 100%; height: 40px; border:1px solid #dfdfdf; border-radius:3px; padding: 0 10px; }
.calc-main .clac-left .clac-form .btn { display: flex; }
.calc-main .clac-left .clac-form .btn input[type=submit] { padding: 0 20px; height: 40px; background: -webkit-linear-gradient(top, #214bad, #183985); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom, #214bad, #183985); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom, #214bad, #183985); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom, #214bad, #183985); /* 标准的语法 */ border:none; font-size: 14px; color: #fff; font-weight: bold; border-radius:3px; cursor: pointer; margin-right: 10px; }
.calc-main .clac-left .clac-form .btn #fw { width: 60px; line-height: 40px; font-size: 14px; color: #2b2b2b; text-align: center; font-weight: bold; display: block; cursor: pointer; border-radius:3px; }
.calc-main .clac-right { width: calc(97% - 250px); max-width: 900px; float: right; }
.calc-main .clac-right .bannerbox { margin-bottom: 30px; position: relative; }
.calc-main .clac-right .bannerbox .banner {  padding-top: calc(500 / 898 * 100%);
}
/*.calc-main .clac-right .bannerbox .banner.mr{
	background-image: url(/phone/images/calc_10.jpg);
}*/
.calc-main .clac-right .bannerbox .banner.mr, .calc-main .clac-right .bannerbox .banner.chang, .calc-main .clac-right .bannerbox .banner.kuan, .calc-main .clac-right .bannerbox .banner.xy, .calc-main .clac-right .bannerbox .banner.range, .calc-main .clac-right .bannerbox .banner.changb { display: none; }
.calc-main .clac-right .bannerbox .banner.mr.on, .calc-main .clac-right .bannerbox .banner.chang.on, .calc-main .clac-right .bannerbox .banner.kuan.on, .calc-main .clac-right .bannerbox .banner.xy.on, .calc-main .clac-right .bannerbox .banner.range.on, .calc-main .clac-right .bannerbox .banner.changb.on { display: block; }
/*.calc-main .clac-right .bannerbox .banner.kuan{
	background-image: url(/phone/images/calc_12.jpg);
}
.calc-main .clac-right .bannerbox .banner.xy{
	background-image: url(/phone/images/calc_13.jpg);
}*/


.calc-main .clac-right .bbt { font-size: 14px; color: #108e9a; margin-bottom: 10px; }
.calc-main .clac-right .msgbox { margin-bottom: 10px; }
.calc-main .clac-right .msgbox .mm { width: calc((100% - 3px) / 4); float: left; margin-right: 1px; margin-bottom: 1px; background-color: #e0e0e0; display: flex; justify-content: space-between; padding: 0 10px; height: 50px; line-height: 50px; }
.calc-main .clac-right .msgbox .mm:nth-child(4n) {
 margin-right: 0;
}
.calc-main .clac-right .msgbox .mm.five { width: calc((100% - 4px) / 5); margin-right: 1px; }
.calc-main .clac-right .msgbox .mm.five:nth-child(4n) {
 margin-right: 1px;
}
.calc-main .clac-right .msgbox .mm:nth-child(9n) {
 margin-right: 0;
}
.calc-main .clac-right .msgbox .mm .label { font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calc-main .clac-right .msgbox .mm .text { font-size: 12px; color: #108e9a; font-weight: bold; display: none; }
.calc-main .clac-right .result-list .lir { width: calc((100% - 30px) / 4); float: left; margin-right: 10px; margin-bottom: 15px; }
.calc-main .clac-right .result-list .lir:nth-child(4n) {
 margin-right: 0;
}
.calc-main .clac-right .result-list .lir .imgbox { border:1px solid #e0e0e0; }
.calc-main .clac-right .result-list .lir .imgbox .rimg {  padding-top: calc(230 / 215 * 100%);
}
.calc-main .clac-right .result-list .lir .title { height: 50px; line-height: 50px; font-size: 16px; color: #108e9a; border-bottom: 1px solid #d4d4d4; display: block; }
.calc-main .clac-right .result-list .lir .rbt { height: 40px; line-height: 40px; font-size: 12px; color: #3b3b3b; font-weight: bold; border-bottom: 1px solid #d4d4d4; }
.calc-main .clac-right .result-list .lir .rcs { padding: 8px 0; line-height: 24px; font-size: 12px; color: #3b3b3b; height: 208px; }
.calc-main .clac-right .result-list .lir .more { border:1px solid #d4d4d4; height: 35px; line-height: 35px; text-align: center; font-size: 12px; color: #108e9a; display: block; }
@media only screen and (min-width: 601px) {
.calc-main .clac-right .result-list .lir:hover .more {
 background-color: #108e9a;
 color: #fff;
}
.clac-top .inbox .back:hover {
 border:1px solid #fff;
 background-color: #108e9a;
 color: #fff;
}
.calc-main .clac-left .clac-form .btn #fw:hover {
 background-color: #108e9a;
 color: #fff;
}
}
@media only screen and (max-width: 1280px) {
.calc-main {
 padding-bottom: 60px;
}
}
@media only screen and (max-width: 1024px) {
.clac-top {
 padding: 50px;
}
.clac-top .inbox .theme .num {
 font-size: 48px;
 width: 70px;
}
.clac-top .inbox .theme .title {
 width: calc(100% - 70px);
}
.clac-top .inbox .theme .title .cn {
 font-size: 24px;
}
.clac-top .inbox .theme .title:after {
 height: 50px;
}
.calc-main {
 padding-top: 30px;
 padding-bottom: 30px;
}
.calc-main .clac-right .result-list .lir {
 width: calc((100% - 20px) / 3);
}
.calc-main .clac-right .result-list .lir:nth-child(4n) {
 margin-right: 10px;
}
.calc-main .clac-right .result-list .lir:nth-child(3n) {
 margin-right: 0;
}
}
@media only screen and (max-width: 768px) {
 .showdiv[data-zhi=""] {
 display: none
}
.calc-main .clac-left {
 width: 100%;
 float: none;
 margin-bottom: 3%;
}
.calc-main .clac-left .clac-form .citem {
 width: calc(97% / 2);
 float: left;
}
.calc-main .clac-left .clac-form .citem:nth-child(2n) {
 float: right;
}
.calc-main .clac-left .clac-form .btn {
 float: left;
 margin-left: 10px;
 margin-top: 14px;
}
.calc-main .clac-right {
 width: 100%;
 float: none;
}
.calc-main .clac-right .msgbox .mm, .calc-main .clac-right .msgbox .mm.five {
 width: calc((100% - 1px) / 2);
}
.calc-main .clac-right .msgbox .mm.five:nth-child(4n) {
 margin-right: 0;
}
.calc-main .clac-right .msgbox .mm:nth-child(2n) {
 margin-right: 0;
}
}
@media only screen and (max-width: 414px) {
.clac-top {
 padding: 5% 0;
}
.clac-top .inbox {
 display: block;
}
.clac-top .inbox .theme {
 margin-bottom: 5%;
}
.clac-top .inbox .theme .num {
 font-size: 36px;
 width: 50px;
}
.clac-top .inbox .theme .title {
 width: calc(100% - 50px);
 padding-left: 30px;
}
.clac-top .inbox .theme .title .cn {
 font-size: 18px;
}
.clac-top .inbox .theme .title .en {
 font-size: 14px;
}
.clac-top .inbox .theme .title:after {
 height: 36px;
}
.clac-top .inbox .back {
 display: inline-block;
 *display: inline;
 *zoom: 1;
}
.calc-main {
 padding-top: 5%;
 padding-bottom: 6%;
}
.calc-main .clac-right .msgbox {
 display: none;
}
.calc-main .clac-right .result-list .lir {
 width: 100%;
}
.calc-main .clac-right .result-list .lir .title {
 height: 36px;
 line-height: 36px;
}
.calc-main .clac-right .result-list .lir .rbt {
 height: 36px;
 line-height: 36px;
}
}
/* =========

    通用类别

 ========= */
.allpage-class { border-bottom: 2px solid #cfd5dd; text-align: center; position: relative; }
.allpage-class .theme { display: none; }
.allpage-class .sub .item { display: inline-block;  *display: inline;
 *zoom: 1;
padding:0 20px 30px 20px; border-radius: 5px; position: relative; }
.allpage-class .sub .item.on:before { content: ""; width: 2px; height: 15px; background-color: #b1b9c6; position: absolute; left: 50%; bottom: 10px; margin-left: -1px; }
.allpage-class .sub .item.on:after { content: ""; width: 12px; height: 12px; border: 2px solid #0c9ed4; background-color: #ebf0f3; position: absolute; left: 50%; bottom: 0; margin-left: -6px; margin-bottom: -6px; z-index: 11; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.allpage-class .sub .item .word { display: inline-block;  *display: inline;
 *zoom: 1;
height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; color: #2c395f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 10px;  -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.allpage-class .sub .item.on .word { background-color: #108e9a; color: #fff; }
@media only screen and (min-width: 601px) {
.allpage-class .sub .item:hover .word {
 background-color: #108e9a;
 color: #fff;
}
}
@media only screen and (max-width:1280px) {
.allpage-class .sub .item {
 padding: 20px 10px;
}
.allpage-class .item.on:before {
 display: none;
}
}
@media only screen and (max-width:1024px) {
.allpage-class .theme {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 height: 45px;
 line-height: 45px;
 font-size: 15px;
 color: #2c395f;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding: 0 10px;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
 padding-right: 20px;
 position: relative;
}
.allpage-class .theme:after {
 content: "";
 width: 8px;
 height: 8px;
 border-style: solid;
 border-width: 1px;
 border-color: transparent #2c395f #2c395f transparent;
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -6px;
 transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.allpage-class[data-on="on"] .theme:after {
 margin-top: -2px;
 transform:rotate(225deg);
-ms-transform:rotate(225deg); 	/* IE 9 */
-moz-transform:rotate(225deg); 	/* Firefox */
-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg); 	/* Opera */
}
.allpage-class .sub {
 width: 50%;
 max-height: 480px;
 position: absolute;
 left: 50%;
 margin-left: -25%;
 background: #212121;
 display: none;
 z-index: 90;
}
.allpage-class .sub .item {
 display: block;
 padding: 0;
}
.allpage-class .sub .item .word {
 display: block;
 height: 40px;
 line-height: 40px;
 color: #666;
 position: relative;
}
.allpage-class .sub .item.on:after {
 display: none;
}
}
@media only screen and (max-width:414px) {
.allpage-class .sub .item .word {
 height: 35px;
 line-height: 35px;
}
}
/* =========

    应用方案

 ========= */
.project-bg { padding-top: 50px; padding-bottom: 100px; max-width: 1600px; margin: 0 auto; }
.project-bg .plist { overflow: hidden; padding-bottom: 15px; }
.project-bg .plist .lip { background-color: #fff; padding: 40px 0; }
.project-bg .plist .lip .pbox { width: 94%; max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
.project-bg .plist .lip .pbox .imgbox { width: 275px; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; }
.project-bg .plist .lip .pbox .imgbox .pimg {  padding-top: calc(175 / 275 * 100%);
}
.project-bg .plist .lip .pbox .main { width: calc(100% - 275px); padding-left: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; position: relative; }
.project-bg .plist .lip .pbox .main .text .title { display: block; font-size: 18px; color: #2c395f; margin-bottom: 15px; }
.project-bg .plist .lip .pbox .main .text .demo { font-size: 14px; color: #5b5c5e; line-height: 24px; }
.project-bg .plist .lip .pbox .main .more { position: absolute; width: 40px; height: 40px; background-color: #fff; right: 0; top: 50%; transform: translate(100%, -50%); }
.project-bg .plist .lip .pbox .main .more:after { content: ""; width: 8px; height: 8px; border-style: solid; border-width: 1px; border-color: #108e9a #108e9a transparent transparent; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
 @media only screen and (min-width: 601px) {
.project-bg .plist .lip:hover {
 background-color: #108e9a;
}
.project-bg .plist .lip:hover .pbox .imgbox .pimg {
 transform: scale(1.1);
}
.project-bg .plist .lip:hover .pbox .main {
 padding-right: 80px;
}
.project-bg .plist .lip:hover .pbox .main .text .title {
 color: #fff;
}
.project-bg .plist .lip:hover .pbox .main .text .demo {
 color: rgba(255, 255, 255, .5);
}
.project-bg .plist .lip:hover .pbox .main .more {
 transform: translate(0, -50%);
}
}
@media only screen and (max-width: 1280px) {
.project-bg {
 padding-top: 50px;
 padding-bottom: 80px;
}
}
@media only screen and (max-width: 1024px) {
.project-bg {
 padding-top: 40px;
 padding-bottom: 60px;
}
.project-bg .plist .lip {
 padding: 20px 0;
}
}
@media only screen and (max-width: 414px) {
.project-bg {
 padding-top: 5%;
 padding-bottom: 6%;
}
.project-bg .plist .lip {
 padding: 3% 0;
}
.project-bg .plist .lip .pbox {
 display: block;
}
.project-bg .plist .lip .pbox .imgbox {
 width: 100%;
 margin-bottom: 5%;
}
.project-bg .plist .lip .pbox .main {
 width: 100%;
 padding-left: 0;
}
.project-bg .plist .lip .pbox .main .text .title {
 font-size: 16px;
 margin-bottom: 3%;
}
}
/* =========

    应用方案详情

 ========= */
.pview-bg { padding-bottom: 100px; }
.pview-bg .themebox { height: 400px; background-position: center; background-repeat: no-repeat; background-image: url(../images/viewbg_02.jpg); -webkit-background-size: cover; background-size: cover; }
.pview-bg .themebox .theme { width: 94%; text-align: center; }
.pview-bg .themebox .theme .ptitle { font-size: 30px; color: #fff; margin-bottom: 10px; }
.pview-bg .themebox .theme .timebox { height: 30px; line-height: 30px; }
.pview-bg .themebox .theme .timebox .time { font-size: 12px; color: rgba(255, 255, 255, .6); margin-right: 8px; }
.pview-bg .themebox .theme .timebox .bdsharebuttonbox { font-size: 13px; color: #019ad2; }
.pview-bg .themebox .theme .timebox .bdsharebuttonbox .bds_more { height: 30px; margin: 0; margin-right: 6px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-position: center; background-repeat: no-repeat; background-image: url(../images/share_03.png); -webkit-background-size: 14px; -moz-background-size: 14px; -o-background-size: 14px; background-size: 14px; }
.pview-bg .main { max-width: 1000px; margin: 0 auto; background-color: #fff; margin-top: -60px; }
.pview-bg .main .pathbox { background-color: #252525; }
.pview-bg .main .pathbox .path { font-size: 0; width: 94%; max-width: 900px; margin: 0 auto; }
.pview-bg .main .pathbox .path .pp { display: inline-block;  *display: inline;
 *zoom: 1;
font-size: 14px; color: rgba(255, 255, 255, .75); vertical-align: top; height: 60px; line-height: 60px; }
.pview-bg .main .pathbox .path .pp span { width: 20px; display: inline-block;  *display: inline;
 *zoom: 1;
text-align: center; font-size: 18px; vertical-align: middle; }
.pview-bg .main .pview-content { width: 94%; max-width: 900px; margin: 0 auto; padding: 40px 0; font-size: 14px; color: #5b5c5e; line-height: 24px; }
.pview-bg .main .pview-content video { width: 100%!important; height: auto!important; max-height: 600px; background: #000; }
 @media only screen and (max-width: 1024px) {
 .pview-bg .main .pview-content img {
 height: auto!important;
}
}
/*上下页*/
.pview-bg .main .allpage-box { height: 70px; border-top: 1px solid #d8dce0; }
.pview-bg .main .allpage-box .inbox { width: 94%; max-width: 280px; position: relative; }
.pview-bg .main .allpage-box .inbox .line { content: ""; width: 1px; height: 36px; background-color: #d8dce0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.pview-bg .main .allpage-box .inbox .btn { font-size: 14px; color: #2c395f; font-family: "ziti1"; position: relative; }
.pview-bg .main .allpage-box .inbox .btn.prev { padding-left: 40px; float: left; }
.pview-bg .main .allpage-box .inbox .btn.next { padding-right: 40px; float: right; }
.pview-bg .main .allpage-box .inbox .btn span { width: 18px; height: 10px; position: absolute; top: 50%; transform: translateY(-50%); }
.pview-bg .main .allpage-box .inbox .btn.prev span { left: 0; }
.pview-bg .main .allpage-box .inbox .btn.next span { right: 0; transform: translateY(-50%) rotate(180deg); }
.pview-bg .main .allpage-box .inbox .btn span:before { content: ""; width: 8px; height: 8px; border-style: solid; border-width: 1px; border-color: #2c395f transparent transparent #2c395f; position: absolute; left: 0; top: 50%; margin-top: -4px; transform: rotate(-45deg); }
.pview-bg .main .allpage-box .inbox .btn span:after { content: ""; width: 16px; height:1px; background-color: #2c395f; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
@media only screen and (max-width: 1280px) {
.pview-bg {
 padding-bottom: 80px;
}
}
@media only screen and (max-width: 1024px) {
.pview-bg {
 padding-bottom: 60px;
}
.pview-bg .themebox {
 height: 360px;
}
.pview-bg .themebox .theme .ptitle {
 font-size: 24px;
}
.pview-bg .main {
 margin-top: -50px;
}
.pview-bg .main .pathbox .path .pp {
 height: 50px;
 line-height: 50px;
}
.pview-bg .main .pview-content {
 padding: 30px 0;
}
.pview-bg .main .allpage-box {
 height: 60px;
}
}
@media only screen and (max-width: 414px) {
.pview-bg .themebox {
 height: 280px;
}
.pview-bg .themebox .theme .ptitle {
 font-size: 18px;
 margin-bottom: 3%;
}
.pview-bg .main .pview-content {
 padding: 5% 0;
}
.pview-bg .main .allpage-box {
 height: 50px;
}
.pview-bg .main .allpage-box .inbox {
 max-width: 200px;
}
.pview-bg {
 padding-bottom: 6%;
}
}
/* =========

    技术支持

 ========= */
.service-class { padding-top: 50px; padding-bottom: 30px; max-width: 1200px; }
.service-class .lis { display: block; width: -webkit-calc((100% - 80px) / 3); width: -moz-calc((100% - 80px) / 3); width: calc((100% - 80px) / 3); float: left; margin-right: 40px; margin-bottom: 90px; padding-top: 30px; position: relative; }
.service-class .lis:after { content: ""; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); height: -webkit-calc(100% - 30px); height: -moz-calc(100% - 30px); height: calc(100% - 30px); background: #0aa0ee;  transition: all .5s;
background: -moz-linear-gradient(left bottom, #1f81d1 0%, #09b0f9 100%); background: -webkit-linear-gradient(left bottom, #1f81d1 0%, #09b0f9 100%); background: linear-gradient(to right top, #1f81d1 0%, #09b0f9 100%); position: absolute; left: 0; top: 0; z-index: 1; }
.service-class .lis:nth-child(3n) {
 margin-right: 0;
}
.service-class .lis .ico { display: inline-block;  *display: inline;
 *zoom: 1;
width: 90px; height: 90px; margin-bottom: 20px; position: relative; z-index: 2; margin-left: 30px;  transition: all .5s;
}
.service-class .lis .titlebox { position: relative; z-index: 2; padding: 15px 20px; background-color: #108e9a; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; margin-bottom: 25px; width: calc(100% - 30px);  transition: all .5s ease;
margin-left: 30px; }
.service-class .lis .titlebox .cn { font-size: 18px; color: #fff; font-weight: bold; margin-right: 10px; }
.service-class .lis .titlebox .en { font-size: 20px; color: rgb(255 255 255); font-family: "ziti"; text-transform:uppercase; }
.service-class .lis .demo { position: relative; z-index: 2; padding: 20px; background-color: #fff; font-size: 1.16rem; color: #666666; line-height: 2; height: 150px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; width: calc(100% - 30px); margin-left: 30px;  transition: all .5s ease;
}
@media only screen and (min-width: 601px) {
.service-class .lis:hover .ico {
 margin-left: 15px;
}
.service-class .lis:hover:after {
 border-radius: 25px;
}
.service-class .lis:hover .titlebox {
 margin-left: 45px;
 border-radius: 0 25px 25px 0;
}
.service-class .lis:hover .demo {
 margin-left: 0;
 border-radius: 0 0 25px 25px;
}
}
@media only screen and (max-width: 1024px) {
.service-class .lis {
 width: -webkit-calc((100% - 80px) / 2);
 width: -moz-calc((100% - 80px) / 2);
 width: calc((100% - 80px) / 2);
 margin-right: 80px;
 margin-bottom: 50px;
}
.service-class .lis:nth-child(3n) {
 margin-right: 80px;
}
.service-class .lis:nth-child(2n) {
 margin-right: 0;
}
}
@media only screen and (max-width: 768px) {
.service-class .lis {
 width: -webkit-calc((100% - 40px) / 2);
 width: -moz-calc((100% - 40px) / 2);
 width: calc((100% - 40px) / 2);
 margin-right: 40px;
 margin-bottom: 30px;
}
.service-class .lis:nth-child(3n) {
 margin-right: 40px;
}
}
@media only screen and (max-width: 414px) {
.service-class {
 padding-top: 5%;
 padding-bottom: 5%;
}
.service-class .lis {
 width: 100%;
 margin-right: 0;
}
}
/*下载中心*/
.support-path { height: 50px; line-height: 50px; background-color: #108e9a; }
.support-path .pp { display: inline-block;  *display: inline;
 *zoom: 1;
font-size: 14px; color: rgba(255, 255, 255, .75); }
.support-path .pp span { width: 20px; display: inline-block;  *display: inline;
 *zoom: 1;
text-align: center; font-size: 18px; vertical-align: middle; }
.support-path .pp>b { color: #ff0000 }
.support-banner { height: 400px; background-image: url(../images/sbanner_02.jpg); }
.sview-bg { padding-top: 40px; padding-bottom: 130px; position: relative; }
.sview-bg .md { position: absolute; top: -90px; }
.sview-bg .theme { margin-bottom: 40px; text-align: center; }
.sview-bg .theme .cn { font-size: 30px; color: #2c395f; font-weight: bold; margin-bottom: 3px; }
.sview-bg .theme .en { font-size: 18px; color: rgba(44, 57, 95, .3); font-family: "ziti"; }
.download-bg .dl-clsss { position: relative; margin-bottom: 25px; display: inline-block;  *display: inline;
 *zoom: 1;
}
.download-bg .dl-clsss .word { padding-left: 10px; padding-right: 40px; position: relative; font-size: 14px; color: #003f98; height: 40px; line-height: 40px; min-width: 240px; background-color: #fff; font-weight: bold; cursor: pointer; display: block; }
.download-bg .dl-clsss .word:after { content: ""; width: 8px; height: 8px; border-width: 1px; border-style: solid; border-color: transparent #003f98 #003f98 transparent; position: absolute; right: 15px; top: 50%; margin-top: -5px; transform:rotate(45deg); -ms-transform:rotate(45deg); 	/* IE 9 */ -moz-transform:rotate(45deg); 	/* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); 	/* Opera */ }
.download-bg .dl-clsss[data-on="on"] .word:after { transform:rotate(-135deg); -ms-transform:rotate(-135deg); 	/* IE 9 */ -moz-transform:rotate(-135deg); 	/* Firefox */ -webkit-transform:rotate(-135deg); /* Safari 和 Chrome */ -o-transform:rotate(-135deg); 	/* Opera */ }
.download-bg .dl-clsss .sub { position: absolute; left: 0; top: 100%; width: 100%; background-color:#fff; z-index: 11; display: none; }
.download-bg .dl-clsss .sub .sub-a { display: block; font-size: 1.16rem; color: #000; padding: 0 15px; height: 30px; line-height: 30px; }
/*下载列表*/
.download-bg .download-list { padding-bottom: 25px; }
.download-bg .download-list .lid { width: -webkit-calc((100% - 70px) / 2); width: -moz-calc((100% - 70px) / 2); width: calc((100% - 70px) / 2); float: left; margin-right: 70px; position: relative; padding-left: 90px; height: 90px; line-height: 90px; background-color: #fff; margin-bottom: 15px; font-size: 1.33rem; color: #444444; }
.download-bg .download-list .lid:nth-child(2n) {
 margin-right: 0;
}
.download-bg .download-list .lid .ico { width: 30px; height: 30px; position: absolute; left: 30px; top: 50%; margin-top: -15px; background-image: url(../images/down_05.png); }
@media only screen and (min-width: 601px) {
 .download-bg .dl-clsss .sub .sub-a:hover {
 background-color: #003f98;
 color: #fff;
}
 .download-bg .download-list .lid:hover {
 background-color: #003f98;
 color: #fff;
}
 .download-bg .download-list .lid:hover .ico {
 background-image: url(../images/down_03.png);
}
}
@media only screen and (max-width:1360px) {
.download-bg {
 padding-bottom: 65px;
}
.download-bg .download-list .lid {
 padding-left: 80px;
 height: 80px;
 line-height: 80px;
}
.download-bg .download-list .lid .ico {
 left:25px;
}
}
@media only screen and (max-width:1280px) {
.download-bg {
 padding-bottom:45px;
}
.download-bg .download-list .lid {
 padding-left: 70px;
 height: 70px;
 line-height: 70px;
}
.download-bg .download-list .lid .ico {
 left:20px;
}
.sview-bg {
 padding-bottom: 100px;
}
}
@media only screen and (max-width:1024px) {
.sview-bg {
 padding-bottom: 60px;
}
.sview-bg .theme .cn {
 font-size: 24px;
}
.support-banner {
 height: 350px;
}
.download-bg {
 padding-bottom: 3%;
}
.download-bg .dl-clsss {
 margin-bottom: 3%;
}
.download-bg.sview .download-list .lid {
 margin-bottom: 3%;
}
.download-bg .download-list .lid {
 width: -webkit-calc((100% - 35px) / 2);
 width: -moz-calc((100% - 35px) / 2);
 width: calc((100% - 35px) / 2);
 margin-right: 35px;
 padding-left: 60px;
 height: 60px;
 line-height: 60px;
 margin-bottom: 3%;
}
.download-bg .download-list .lid .ico {
 width: 26px;
 height: 26px;
 left: 20px;
 margin-top: -13px;
}
}
@media only screen and (max-width:800px) {
.download-bg .download-list .lid {
 width:100%;
 height: 50px;
 line-height: 50px;
}
.download-bg .download-list .lid .ico {
 left:15px;
}
}
@media only screen and (max-width:414px) {
.sview-bg {
 padding-top: 5%;
 padding-bottom: 6%;
}
.sview-bg .theme {
 margin-bottom: 5%;
}
.support-banner {
 height: 220px;
}
.sview-bg .theme .cn {
 font-size: 20px;
}
.sview-bg .theme .en {
 font-size: 16px;
}
}
/*技术问答*/
.technical-box { max-width: 1200px; margin: 0 auto; padding-bottom: 20px; }
.technical-box .lit { background-color: #fff; border-bottom: 1px solid #d8dde4; }
.technical-box .lit:last-child { border-bottom: none; }
.technical-box .lit .titlebox { padding: 0 20px; }
.technical-box .lit .inbox { padding: 50px 0 50px 60px; position: relative; cursor: pointer; }
.technical-box .lit .inbox:after { content: "Q"; font-size: 72px; color: #003f98; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-family: "ziti"; }
.technical-box .lit .inbox .title { font-size: 18px; color: #2c395f; margin-bottom: 20px; max-width: calc(100% - 50px) }
.technical-box .lit .inbox .demo { font-size: 14px; color: #565656; max-width: calc(100% - 50px); }
.technical-box .lit .inbox .click { width: 30px; height: 30px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.technical-box .lit .inbox .click:before { content: ""; width: 100%; height: 1px; background-color: #003f98; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.technical-box .lit .inbox .click:after { content: ""; width: 100%; height: 1px; background-color: #003f98; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(90deg); }
.technical-box .lit .sub { display: none; }
.technical-box .lit .sub .content { padding: 30px; font-size: 14px; color: #565656; line-height: 2; }
 @media only screen and (max-width: 1024px) {
 .technical-box .lit .sub .content img {
 height: auto !important;
}
}
@media only screen and (max-width: 414px) {
.technical-box .lit .titlebox {
 padding: 0 3%;
}
.technical-box .lit .inbox {
 padding: 5% 30px 5% 30px;
}
.technical-box .lit .inbox:after {
 font-size: 30px;
}
.technical-box .lit .inbox .title {
 font-size: 14px;
 margin-bottom: 3%;
}
.technical-box .lit .inbox .click {
 width: 20px;
 height: 20px;
}
.technical-box .lit .sub .content {
 padding: 3%;
}
}
/*视频中心*/
.video-list .liv { display: block; width: -webkit-calc((100% - 30px) / 2); width: -moz-calc((100% - 30px) / 2); width: calc((100% - 30px) / 2); float: left; margin-right: 30px; margin-bottom: 50px; cursor: pointer; }
.video-list .liv:nth-child(2n) {
 margin-right: 0;
}
.video-list .liv .item {
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.video-list .liv .item .img {
 padding-top: -webkit-calc(270 / 580 * 100%);
 padding-top: -moz-calc(270 / 580 * 100%);
 padding-top: calc(270 / 580 * 100%); position: relative; }
.video-list .liv .item .img .playbtn { position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; background-image: url(../images/playbtn.png); background-repeat: no-repeat; background-size: 100%; background-position: center; z-index: 11; transform: translate(-50%, -50%); border-radius: 50%;  transition: all .5s;
}
.video-list .liv .item .main { position: relative; padding: 25px 30px; background-color: #fff; }
.video-list .liv .item .main .title { font-size: 18px; color: #2c395f; margin-bottom: 5px; }
.video-list .liv .item .main .time { font-size: 16px; color: #808080; font-family: "ziti"; }
.video-list .liv .item .main .jt { width: 40px; height: 40px; position: absolute; right: 20px; top:50%; margin-top: -20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.video-list .liv .item .main .jt:after { content: ""; width: 10px; height: 10px; border-style: solid; border-width: 1px; border-color: #2653a0 #2653a0 transparent transparent; position: absolute; left: 50%; top:50%; margin-top: -5px; margin-left: -5px; transform:rotate(45deg); -ms-transform:rotate(45deg); 	/* IE 9 */ -moz-transform:rotate(45deg); 	/* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); 	/* Opera */ }
.layui-layer.video { max-width: 820px!important; max-height: 480px!important; -webkit-animation-name: none !important; animation-name: none !important; top: 50%!important; transform: translateY(-50%); }
.layui-layer-page .layui-layer-content { overflow: hidden!important; height: 100% !important; }
.layui-layer .videobox {
 padding-top: calc(440 / 740 * 100%); position: relative; overflow: hidden; }
.layui-layer .videobox .mejs-container { position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; }
.layui-layer .videobox .iframe { position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; }

:-webkit-full-screen-ancestor:not(iframe) {
 z-index: auto;
 position: static;
 opacity: 1;
 transform: none;
 filter: none;
 perspective: none;
 transform-style: flat;
 will-change: auto;
 -webkit-mask: none !important;
 transition: none !important;
}
 @media only screen and (min-width: 601px) {
 .video-list .liv:hover .item {
 -webkit-transform: translate3d(0, -8%, 0);
 -moz-transform: translate3d(0, -8%, 0);
 transform: translate3d(0, -8%, 0);
}
 .video-list .liv:hover .item .main .jt {
 background-color: #2653a0;
}
 .video-list .liv:hover .item .main .jt:after {
 border-color: #fff #fff transparent transparent;
}
 .video-list .liv .item:hover .img .playbtn {
 border: 1px solid #ffffff;
}
}
@media only screen and (max-width:1024px) {
.video-list {
 padding-top: 3%;
 padding-bottom: 3%;
}
.video-list .liv .item .main {
 padding: 3%;
}
.video-list .liv {
 margin-bottom: 3%;
}
.video-list .liv .item .img .playbtn {
 width: 50px;
 height: 50px;
}
}
@media only screen and (max-width:414px) {
.video-list .liv {
 width: 100%;
 float: none;
}
}
/*产品使用*/
.trial-box { max-width: 1000px; }
.trial-box .itembox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 30px; }
.trial-box .itembox .my-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; background-color: #fff; height: 60px; line-height: 60px; }
.trial-box .itembox.type1 .my-item { width: calc((100% - 40px) / 3); }
.trial-box .itembox.type2 .my-item { width: 100%; }
.trial-box .itembox .my-item .my-label { padding: 0 15px; font-size: 14px; color: #8e8e8e; text-align: center; }
.trial-box .itembox .my-item .my-label span { color: #ee0000; }
.trial-box .itembox .my-item .my-input { -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; }
.trial-box .itembox .my-item .my-input input[type="text"] { width: 100%; height: 100%; border:none; text-align: right; padding: 0 15px; font-size: 14px; }
.trial-box .itembox .my-item .my-input input[type="text"].left { text-align: left; }
.trial-box .itembox .my-item .my-select { width: 100%; position: relative; }
.trial-box .itembox .my-item .my-select:after { content: ""; border-style: solid; border-width: 5px; border-color: #003f98 transparent transparent transparent; position: absolute; right: 15px; top: 50%; margin-top: -2px; }
.trial-box .itembox .my-item .my-select select { width: 100%; height: 100%; border:none; padding: 0 15px; font-size: 14px; color: #8e8e8e; }
.trial-box .itembox .my-item .my-radio { -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; font-size: 0; text-align: center; overflow: hidden; }
.trial-box .itembox .my-item .my-radio .rr { display: inline-block;  *display: inline;
 *zoom: 1;
font-size: 14px; color: #2c395f; margin: 0 10px; padding-left: 20px; position: relative; cursor: pointer; }
.trial-box .itembox .my-item .my-radio .rr span { width: 14px; height: 14px; border-radius: 50%; border:1px solid #bababa; background-color: #e1e1e1; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.trial-box .itembox .my-item .my-radio .rr span:after { content: ""; width: 6px; height: 6px; background-color: #003f98; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top:-3px; margin-left:-3px; transform: scale(0); }
.trial-box .itembox .my-item .my-radio .rr[data-on="on"] span:after { transform: scale(1); }
.trial-box .itembox.type3 .my-item { width: 150px; }
.trial-box .itembox.type3 .my-item:nth-child(1) {
 width: calc(100% - 340px);
}
.trial-box .itembox.type4 .my-item { width: calc((100% - 40px) / 3); }
.trial-box .itembox.type4 .my-item:nth-child(1) {
 flex: 1;
 margin-right: 20px;
}
.trial-box .item-bottom { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
.trial-box .item-bottom .codebox { width: calc(97% - 320px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; line-height: 60px; }
.trial-box .item-bottom .codebox .code { max-width: 320px; width: 100%; margin-right: 20px; position: relative; }
.trial-box .item-bottom .codebox .code input { width: 100%; height: 60px; border:none; padding: 0 15px; }
.trial-box .item-bottom .codebox .code .codebtn { width: 86px; height: 32px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.trial-box .item-bottom .codebox .tie { font-size: 14px; color: #6d6d6d; }
.trial-box .item-bottom .btnbox { width: 320px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
.trial-box .item-bottom .btnbox .btn { width: calc((100% - 20px) / 2); height: 60px; line-height: 60px; border-radius: 50px; text-align: center; background-color: #c6cacf; border:none; font-size: 18px; color: #2c395f; cursor: pointer; }
.trial-box .item-bottom .btnbox .btn.tj { background-color: #003f98; color: #fff; }
@media only screen and (max-width: 768px) {
.trial-box .item-bottom {
 display: block;
}
.trial-box .item-bottom .codebox {
 width: 100%;
 margin-bottom: 3%;
}
}
@media only screen and (max-width: 414px) {
.trial-box .itembox {
 display: block;
 margin-bottom: 0;
}
.trial-box .itembox .my-item {
 height: 45px;
 line-height: 45px;
}
.trial-box .itembox.type1 .my-item {
 width: 100%;
 margin-bottom: 5%;
}
.trial-box .itembox.type2 .my-item {
 margin-bottom: 5%;
}
.trial-box .itembox.type3 .my-item {
 width: 100%;
 margin-bottom: 5%;
}
.trial-box .itembox.type4 .my-item {
 width: 100%;
 margin-bottom: 5%;
}
.trial-box .itembox.type3 .my-item:nth-child(1) {
 width: 100%;
}
.trial-box .item-bottom .codebox {
 display: block;
}
.trial-box .item-bottom .codebox .code {
 max-width: none;
}
.trial-box .item-bottom .codebox .tie {
 line-height: 40px;
 height: 40px;
}
.trial-box .item-bottom .btnbox .btn {
 height: 45px;
 line-height: 45px;
}
}
/* =========

    新闻资讯

 ========= */
.news-bg { padding-top: 50px; padding-bottom: 140px; }
.news-bg .nleft { width: calc(97% - 350px); max-width: 950px; float: left; }
.news-bg .nleft .nlist { overflow: hidden; margin-bottom: 36px; border-style: solid; border-width: 1px; border-color: transparent #d8dde4 #d8dde4 #d8dde4; }
.news-bg .nleft .nlist .lin { padding: 35px 0; background-color: #fff; }
.news-bg .nleft .nlist .lin .nbox { width: 94%; max-width: 880px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
.news-bg .nleft .nlist .lin .nbox .imgbox { -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; width: 275px; margin-right: 35px; }
.news-bg .nleft .nlist .lin .nbox .imgbox .nimg {  padding-top: calc(150 / 275 * 100%);
}
.news-bg .nleft .nlist .lin .nbox .main { width: calc(100% - 310px); position: relative; }
.news-bg .nleft .nlist .lin .nbox .main .title { display: block; font-size: 18px; color: #2c395f; margin-bottom: 10px; }
.news-bg .nleft .nlist .lin .nbox .main .demo { font-size: 14px; color: #5b5c5e; line-height: 24px; }
.news-bg .nleft .nlist .lin .nbox .main .time { position: absolute; left: 0; bottom: 0; font-size: 16px; color: #019ad2; font-family: "ziti1"; }
.news-bg .nright { width: 350px; float: right; max-width: 350px; }
.news-bg .nright .bbt { padding-bottom: 30px; line-height: 30px; font-size: 16px; color: #108e9a; font-weight: bold; border-bottom: 2px solid #253241; }
.news-bg .nright .stoplist .lis { display: block; padding: 20px 0; border-bottom: 1px solid #cdd4d8; }
.news-bg .nright .stoplist .lis .sbox { max-width: 310px; width: 94%; margin: 0 auto; padding-left: 80px; position: relative; }
.news-bg .nright .stoplist .lis .sbox .date { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #019ad2; }
.news-bg .nright .stoplist .lis .sbox .date .day { font-size: 26px; font-family: "ziti1"; }
.news-bg .nright .stoplist .lis .sbox .date .year { font-size: 12px; }
.news-bg .nright .stoplist .lis .sbox .title { font-size: 15px; color: #2c395f; line-height: 24px; height: 48px; }
 @media only screen and (min-width: 601px) {
.news-bg .nleft .nlist .lin:hover {
 background-color: #108e9a;
}
.news-bg .nleft .nlist .lin:hover .nbox .imgbox .nimg {
 padding-top: calc(150 / 275 * 100%);
 transform: scale(1.1);
}
.news-bg .nleft .nlist .lin:hover .nbox .main .title {
 color: #fff;
}
.news-bg .nleft .nlist .lin:hover .nbox .main .demo {
 color: #fff;
}
.news-bg .nright .stoplist .lis:hover {
 background-color: #fff;
 box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
}
@media only screen and (max-width: 1360px) {
.news-bg {
 padding-bottom: 100px;
}
}
@media only screen and (max-width: 1280px) {
.news-bg {
 padding-bottom: 80px;
}
}
@media only screen and (max-width: 1024px) {
.news-bg {
 padding-bottom: 60px;
}
.news-bg .nleft {
 width: 100%;
 float: none;
}
.news-bg .nright {
 display: none;
}
.news-bg .nleft .nlist .lin {
 padding: 25px 0;
}
}
@media only screen and (max-width: 414px) {
.news-bg {
 padding-top: 5%;
 padding-bottom: 6%;
}
.news-bg .nleft .nlist .lin {
 padding: 5% 0;
}
.news-bg .nleft .nlist .lin .nbox {
 display: block;
}
.news-bg .nleft .nlist .lin .nbox .imgbox {
 width: 100%;
 margin-bottom: 3%;
 margin-right: 0;
}
.news-bg .nleft .nlist .lin .nbox .main {
 width: 100%;
}
.news-bg .nleft .nlist .lin .nbox .main .title {
 font-size: 16px;
}
.news-bg .nleft .nlist .lin .nbox .main .time {
 position: relative;
 font-size: 14px;
 margin-top: 5%;
}
}
/* =========

    关于视清

 ========= */
.about-bg { padding-top: 50px; }
.about-bg .allpage-class { margin-bottom: 60px; }
.about-bg .atheme { margin-bottom: 40px; text-align: center; }
.about-bg .atheme .cn { font-size: 30px; color: #2c395f; font-weight: bold; margin-bottom: 3px; }
.about-bg .atheme .en { font-size: 18px; color: rgba(44, 57, 95, .3); font-family: "ziti"; }
/*公司简介*/
.about-bg .intro-box .content { padding-bottom: 150px; font-size: 15px; color: #3c3c3c; line-height: 2; }
@media only screen and (max-width: 1024px) {
.about-bg {
 padding-top: 30px;
}
.about-bg .allpage-class {
 margin-bottom: 50px;
}
.about-bg .atheme .cn {
 font-size: 24px;
}
.about-bg .intro-box .content img {
 height: auto !important;
}
}
@media only screen and (max-width: 414px) {
.about-bg {
 padding-top: 5%;
}
.about-bg .allpage-class {
 margin-bottom: 5%;
}
.about-bg .atheme {
 margin-bottom: 5%;
}
.about-bg .atheme .cn {
 font-size: 20px;
}
.about-bg .atheme .en {
 font-size: 16px;
}
.about-bg .intro-box .content {
 padding-bottom: 10%;
}
}
/*荣誉资质*/
.about-bg .honor-box { padding-bottom: 150px; }
.about-bg .honor-box .honor-swiper { margin-bottom: 60px; }
.about-bg .honor-box .honor-swiper .swiper-slide { max-width: 30%; }
.about-bg .honor-box .honor-swiper .swiper-slide .imgbox { padding-right: 15px; padding-bottom: 15px; position: relative; }
.about-bg .honor-box .honor-swiper .swiper-slide .imgbox:after { content: ""; width: calc(100% - 15px); height: calc(100% - 15px); background-color: #00b0ec; position: absolute; right: 0; bottom: 0; }
.about-bg .honor-box .honor-swiper .swiper-slide .imgbox .himg {
 padding-top: calc(450 / 317 * 100%); position: relative; z-index: 11; cursor: pointer; }
.about-bg .honor-box .function .btn { width: 44px; height: 44px; background-color: #108e9a; border-radius: 50%; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; cursor: pointer; }
.about-bg .honor-box .function .btn.honor-prev { background-image: url(../images/btn_03.png); }
.about-bg .honor-box .function .btn.honor-next { background-image: url(../images/btn_05.png); }
.about-bg .honor-box .function .honor-pagination { margin: 0 10px; height: 6px; white-space: nowrap; }
.about-bg .honor-box .function .honor-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 10px; background-color: #a4a8b3; opacity: 1;  transition: all .2s;
}
.about-bg .honor-box .function .honor-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #108e9a; }
.layui-layer.honor { max-width: 634px; max-height: 900px; }
.layui-layer.honor .layer-himg { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }
.layui-layer.honor .layer-himg img { max-width: 100%; max-width: 100%; }
@media only screen and (max-width: 1024px) {
.about-bg .honor-box {
 padding-bottom: 60px;
}
}
@media only screen and (max-width: 414px) {
.about-bg .honor-box {
 padding-bottom: 6%;
}
.about-bg .honor-box .honor-swiper {
 margin-bottom: 6%;
}
.about-bg .honor-box .honor-swiper .swiper-slide {
 max-width: none;
}
.about-bg .honor-box .function .btn {
 width: 35px;
 height: 35px;
}
}
/*人才招聘*/
.about-bg .join-table { margin-bottom: 150px; }
.about-bg .join-table .jhead { height: 50px; line-height: 50px; background-color: #253241; border-radius:5px 5px 0 0; }
.about-bg .join-table .jhead .th { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; }
.about-bg .join-table .jhead .hh { font-size: 16px; color: rgba(243, 243, 243, .5); }
.about-bg .join-table .jhead .hh.h1 { width: -webkit-calc(100% - 900px); width: -moz-calc(100% - 900px); width: calc(100% - 900px); padding-left: 40px; -webkit-flex: 1; -ms-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-box-flex: 1; }
.about-bg .join-table .jhead .hh.h2 { width: 180px; text-align: center; }
.about-bg .join-table .jbody { margin-bottom: 50px; }
.about-bg .join-table .jbody .lih { cursor: pointer; border-bottom: 1px solid #ced4dc; }
.about-bg .join-table .jbody .lih .hword { height: 50px; line-height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; }
.about-bg .join-table .jbody .lih .hword .dd { font-size: 14px; color: #2c395f;  -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.about-bg .join-table .jbody .lih .hword .dd.d1 { padding-left: 40px; width: -webkit-calc(100% - 900px); width: -moz-calc(100% - 900px); width: calc(100% - 900px); -webkit-flex: 1; -ms-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-box-flex: 1; }
.about-bg .join-table .jbody .lih .hword .dd.d2 { width: 180px; text-align: center; }
.about-bg .join-table .jbody .lih .hword .dd:last-child { color: #019ad2; }
.about-bg .join-table .jbody .lih[data-on="on"] .hword { background-color: #003f98; }
.about-bg .join-table .jbody .lih[data-on="on"] .hword .dd { color: #fff; }
.about-bg .join-table .jbody .lih .sub { display: none; background-color: #fff; }
.about-bg .join-table .jbody .lih .sub .content { font-size: 14px; color: #2c395f; line-height: 30px; overflow: hidden; padding: 30px 0; max-width: 1100px; margin: 0 auto; width: 94%; }
@media only screen and (max-width: 1024px) {
.about-bg .join-table {
 margin-bottom: 70px;
}
.about-bg .join-table .jhead .hh.h1 {
 width: calc(100% - 750px);
}
.about-bg .join-table .jhead .hh.h2 {
 width: 150px;
}
.about-bg .join-table .jbody .lih .hword .dd.d1 {
 width: calc(100% - 750px);
}
.about-bg .join-table .jbody .lih .hword .dd.d2 {
 width: 150px;
}
}
@media only screen and (max-width: 768px) {
.about-bg .join-table .jhead .hh.none {
 display: none;
}
.about-bg .join-table .jbody .lih .hword .dd.none {
 display: none;
}
}
@media only screen and (max-width: 414px) {
.about-bg .join-table {
 margin-bottom: 6%;
}
.about-bg .join-table .jhead .hh.h1 {
 padding-left: 3%;
}
.about-bg .join-table .jbody .lih .hword .dd.d1 {
 padding-left: 3%;
}
}
/*联系我们*/
.about-bg .contact-box .desc { padding-bottom: 80px; font-size: 13px; color: #3c3c3c; line-height: 24px; }
.about-bg .contact-box .mapdiv { position: relative; }
.about-bg .contact-box .allmap { height: 700px; }
.about-bg .contact-box .allmap img { max-width: none; }
.about-bg .contact-box .mapdiv .scroll { width: 100px; height: 100px; position: absolute; right: 5%; top: 5%; background-position: center; background-repeat: no-repeat; background-image: url(../images/scc.png); -webkit-background-size: cover; background-size: cover; z-index: 11; cursor: pointer; }
.about-bg .contact-box .mapdiv .scroll.top { top: 80%; transform: rotateX(180deg); }
@media only screen and (max-width: 1024px) {
.about-bg .contact-box .desc {
 padding-bottom: 60px;
}
.about-bg .contact-box .allmap {
 height: 500px;
}
}
@media only screen and (max-width: 768px) {
.about-bg .contact-box .allmap {
 height: 400px;
}
}
@media only screen and (max-width: 640px) {
.about-bg .contact-box .allmap {
 height: 300px;
}
}
@media only screen and (max-width: 414px) {
.about-bg .contact-box .desc {
 padding-bottom: 6%;
}
.about-bg .contact-box .allmap {
 height: 250px;
}
}
/* =========

    底部跳转

 ========= */
.inlink { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
.inlink .litem { width: 50%; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; height:5px; background-color: #108e9a; }
.inlink .litem:nth-child(2) {
 background-color: #108e9a;
}
.inlink .litem .inbox { height: 100%; padding-left: 140px; background-position: left; background-repeat: no-repeat; background-image: url(../images/lico_03.png); }
.inlink .litem:nth-child(2) .inbox {
 background-image: url(../images/lico_06.png);
 padding-left: 115px;
}
.inlink .litem .inbox .title { font-size: 16px; color: #fff; margin-bottom: 20px; }
.inlink .litem .inbox .more { width: 100px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #108e9a; font-family: "ziti"; background-color: #fff; border-radius: 50px; display: block; border:1px solid #108e9a; }
 @media only screen and (min-width: 601px) {
.inlink .litem .inbox .more:hover {
 color: #fff;
 border:1px solid #fff;
 background-color: #108e9a;
}
}
.nothing { font-size: 16px; color: #a3a3a3; text-align: center; height: 100px; line-height: 100px; position: relative; }
/* =========

    页脚

 ========= */
.footer { background-color: #fff; }
.footer .footer-top { padding: 60px 0; border-top: 1px solid #e6e6e6; }
.footer .footer-top .fnav-list { width: 890px; float: left; }
.footer .footer-top .fnav-list .lif { float: left; width: calc(100% / 5); }
.footer .footer-top .fnav-list .lif .fclass { font-size: 16px; color: #2c395f; margin-bottom: 15px; display: block; font-weight: bold; }
.footer .footer-top .fnav-list .lif .menu .mm { display: block; margin-bottom: 10px; font-size: 14px; color: #4c4c4c; }
.footer .footer-top .tright { width: -webkit-calc(100% - 890px); width: -moz-calc(100% - 890px); width: calc(100% - 890px); float: right; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; }
.footer .footer-top .tright .codebox { max-width: 150px; }
.footer .footer-top .tright .codebox .code { padding-top: 100%; position: relative; margin-bottom: 25px; border:1px solid #003f98; }
.footer .footer-top .tright .codebox .code:before { content: ""; border-style: solid; border-width: 10px 5px; border-color: #003f98 transparent transparent transparent; position: absolute; left: 30px; top:100%; }
.footer .footer-top .tright .codebox .code:after { content: ""; border-style: solid; border-width: 8px 3px; border-color: #fff transparent transparent transparent; position: absolute; left: 32px; top:100%; }
.footer .footer-top .tright .codebox .word { font-size: 14px; text-align: center; color: #003f98; }
.footer .footer-top .tright .fdesc { font-size: 14px; color: #2c395f; line-height: 24px; }
.footer .footer-bottom { border-top: 1px solid #ededed; padding: 30px 0; overflow: hidden; }
.footer .footer-bottom .wrap .content { font-size: 13px; color: #7d7d7d; line-height: 30px; }
@media only screen and (min-width: 601px) {
.footer .footer-top .fnav-list .lif .menu .mm:hover {
 color: #2c395f;
}
}
@media only screen and (max-width: 1024px) {
.footer .footer-top {
 padding: 40px 0;
}
.footer .footer-top .fnav-list {
 width: 100%;
 float: none;
 margin-bottom: 3%;
}
.footer .footer-top .tright {
 width: 100%;
 float: none;
 display: block;
}
.footer .footer-top .tright .codebox {
 margin-bottom: 3%;
}
.footer .footer-bottom {
 padding: 20px 0;
}
}
@media only screen and (max-width: 640px) {
.inlink {
display: block;
}
.inlink .litem {
 padding: 0 3%;
 width: 100%;
 -webkit-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.inlink .litem .inbox {
 width: 100%;
 -webkit-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.inlink .litem .inbox .more {
 margin-right: 0;
 margin-left: auto;
}
.footer .footer-top .fnav-list {
 display: none;
}
}
@media only screen and (max-width: 414px) {
.footer .footer-top {
 padding: 5% 0;
}
.footer .footer-bottom {
 padding: 3% 0;
}
.footer .footer-bottom .wrap .content {
 line-height: 2;
}
}
/* =========

    搜索

 ========= */
.search-box { padding-bottom: 100px; }
.search-box .themebox { background-color: #dadada; background-position: center; background-repeat: no-repeat; background-image: url(../images/sousuo_02.jpg); -webkit-background-size: cover; background-size: cover; }
.search-box .themebox .theme { height: 240px; text-align: center; color: #108e9a; }
.search-box .themebox .theme .cn { font-size: 36px; margin-bottom: 10px; }
.search-box .themebox .theme .en { font-size: 24px; }
.pathbox .typebox .count { line-height: 80px; position: relative; z-index: 11; font-size: 14px; color: #848484; }
.pathbox .typebox .count span { color: #108e9a; }
/*搜索时列表*/
.search-box .slist { padding-bottom: 20px; }
.search-box .slist .lis { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; position: relative; padding: 20px 0; border-bottom: 1px solid #e6e6e6; }
.search-box .slist .lis:after { content: ""; width: 0; height: 1px; background-color: #108e9a; position: absolute; left: 0; bottom: 0; }
.search-box .slist .lis .imgbox { display: block; width:150px; margin-right: 20px; border:1px solid #e6e6e6; -webkit-flex: 1; -ms-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-box-flex: 1; }
.search-box .slist .lis .imgbox .simg { width: 100%; }
.search-box .slist .lis .main { width: -webkit-calc(100% - 170px); width: -moz-calc(100% - 170px); width: calc(100% - 170px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }
.search-box .slist .lis .main .inbox .title { font-size: 18px; color: #2e2e2e; margin-bottom: 10px; display: block; }
.search-box .slist .lis .main .inbox .demo { font-size: 14px; color: #808080; line-height: 24px; }
.search-box .slist .lis .main .inbox .more-common { margin-top: 10px; }
.search-box .slist .lis .main .inbox .more-common:after { background-color: #108e9a; }
.search-box .slist .lis .main .inbox .more-common:after { background-color: #108e9a; }
 @media only screen and (min-width: 601px) {
.search-box .slist .lis:hover:after {
 width: 100%;
}
}
@media only screen and (max-width: 1280px) {
.search-box {
 padding-bottom: 80px;
}
}
@media only screen and (max-width: 1024px) {
.search-box {
 padding-bottom: 60px;
}
.search-box .themebox .theme {
 height: 200px;
}
}
@media only screen and (max-width: 768px) {
.search-box .themebox .theme {
 height: 180px;
}
}
@media only screen and (max-width: 414px) {
.search-box {
 padding-bottom: 5%;
}
.search-box .themebox .theme .cn {
 font-size: 24px;
}
.search-box .themebox .theme .en {
 font-size: 20px;
}
.search-box .slist .lis {
 padding: 3% 0;
 -ms-flex-direction: column;
 -webkit-flex-direction: column;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -moz-box-orient: vertical;
 -moz-box-direction: normal;
 flex-direction: column;
}
.search-box .slist .lis .imgbox {
 width: 100%;
 -webkit-box-flex: 1;
 -webkit-flex: auto;
 -moz-box-flex: 1;
 -ms-flex: auto;
 flex: auto;
 margin-right: 0;
 margin-bottom: 5%;
}
.search-box .slist .lis .main {
 width: 100%;
}
.pathbox .typebox .count {
 line-height: 60px;
}
}
/*工具栏*/
.kefu-box { position: fixed; right: 5px; top: 50%; margin-top: -82px; width: 40px; z-index: 555;  -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
-webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); opacity: 0; visibility: hidden; }
.kefu-box.in { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }
.kefu-box .kitem { position: relative;  -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
margin-bottom: 5px; }
.kefu-box .kitem:last-child { border:none; }
.kefu-box .kitem .ico { width: 40px; height: 36px; background-color: #108e9a; border-radius:3px; cursor: pointer;  -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.kefu-box .kitem.top .ico { background-image: url(../images/kfico_03.png); }
.kefu-box .kitem.support .ico { background-image: url(../images/kfico_06.png); }
.kefu-box .kitem.qq .ico { background-image: url(../images/kfico_12.png); }
.kefu-box .kitem.wx .ico { background-image: url(../images/kfico_14.png); }
.kefu-box .kitem .sub { position: absolute; right: 100%; top: 0; opacity: 0; visibility: hidden;  -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
width: 125px; }
.kefu-box .kitem .sub .link { width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); background-color: #fff; display: block; line-height: 36px; position: relative; border-radius:5px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .1); box-shadow: 0 0 20px rgba(0, 0, 0, .1); padding-left: 40px; background-position: 10px; background-repeat: no-repeat; background-image: url(../images/kfico_08.png); }
.kefu-box .kitem .sub .link:after { content: ""; border-style: solid; border-width: 5px; border-color: transparent transparent transparent #fff; position: absolute; left: 100%; top: 50%; margin-top: -5px; }
.kefu-box .kitem .sub .qqbox { border-radius:5px; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); background-color: #fff; margin-left: 0; position: relative; overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .1); box-shadow: 0 0 20px rgba(0, 0, 0, .1); }
.kefu-box .kitem .sub .qqbox:after { content: ""; border-style: solid; border-width: 5px; border-color: transparent transparent transparent #fff; position: absolute; left: 100%; top: 20px; }
.kefu-box .kitem .sub .qq { width: 130px; margin: 0 auto; display: block; height: 50px; line-height: 50px; font-size: 14px; color: #3e3e3e; padding-left: 24px; font-size: 14px; color: #1b1b1b; /*background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/sddsf2_03.png);*/
	border-bottom: 1px solid #eee; }
.kefu-box .kitem .sub .qq:last-child { border-bottom: none; }
.kefu-box .kitem .sub .codebox { text-align: right; }
 @media only screen and (min-width: 601px) {
.footer .footer-right .ftool .tt:hover .code {
 -webkit-transform: translateX(-50%) scale(1);
 -moz-transform: translateX(-50%) scale(1);
 -ms-transform: translateX(-50%) scale(1);
 -o-transform: translateX(-50%) scale(1);
 transform: translateX(-50%) scale(1);
}
.footer .footer-right .ftool .tt:hover .ico {
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 -ms-transform: scale(0.8);
 -o-transform: scale(0.8);
 transform: scale(0.8);
}
.footer .footer-right .friend-box .sub .ff:hover {
 color: #fff;
 background-color: #26a65c;
}
.kefu-box .kitem:hover .sub {
 opacity: 1;
 visibility: visible;
}
.kefu-box .kitem .sub .tel:hover {
 color: #fff;
 background-color: #26a65c;
}
}
@media only screen and (max-width: 1024px) {
.kefu-box {
 display: none;
}
}
.colorbox { text-align: center; }
.colorbox span { width: 16px; height: 16px; margin: 0 2px; display: inline-block;  *display: inline;
 *zoom: 1;
border-radius:50%; }
.colorbox span.border { border:1px solid #c0c0c0; }