@charset "UTF-8";
/*------------// Overall //------------------*/
body{font-family: "Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; color:#333; margin:0;line-break: 100%;background-color: transparent;}
body {font-weight: 400\0; font-family: "Microsoft YaHei"; padding-top: 0.1px;font-size: 14px;}
html,body{-webkit-text-size-adjust:none;vertical-align: baseline;position: relative;min-height: 100%;background-color: #fff;z-index: 1;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; border-collapse:collapse;border-spacing:0;}
th, td { border-collapse:collapse; text-align:center;font-weight:normal;vertical-align:middle;}
/* a:link{text-decoration:none; color:#666;} */
/* a:visited{text-decoration:none; color:#666;} */
a{text-decoration:none; color:#666;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
img{vertical-align: middle; border:0;-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0); display: inline-block; outline: none;max-width:100%;max-height:100%;}
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,span,em,i{margin:0;padding:0;vertical-align: baseline;box-sizing: border-box;}
img{vertical-align: middle;}
ol,ul,li{list-style-type:none;vertical-align: baseline;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;vertical-align: baseline;}
input[type=button]{-webkit-appearance:none;outline:none;}
a, input{-webkit-tap-highlight-color: rgba(0,0,0,0);vertical-align: baseline;}
input,select,textarea{outline:none; border:none; background:none;vertical-align: baseline;}
select::-ms-expand{display:none;}
input::-ms-expand{display:none;}
button{overflow: hidden;outline: none;background-color: transparent;border: none;padding: 0;margin: 0;font-family: 'Microsoft YaHei';font: 400 14px Microsoft YaHei;}
::-webkit-input-placeholder{font-size: 14px;color: #aaa;}
q,blockquote{quotes:none}
/* a {transition: all 0.5s ease-in-out;} */
textarea {font-family: '微软雅黑';}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.container{width:100%; margin:0px auto;position: relative;min-width: 1200px;max-width: 1920px;margin: 0 auto;}
.container-main{width: 1200px; margin:0px auto;position: relative;z-index: 1;padding-top: 20px;padding-bottom: 35px;}
.container-main01{padding-bottom: 140px;}
.container-main02{padding-bottom: 170px;}
.clearfix{clear:both;content:"";display:table;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.container_bg{background-color: #eee;}
.none{display: none!important;}
.block{display: block!important;}
.wow,.ani{visibility: visible;}
.open{overflow: hidden;}
a:hover, a:focus{text-decoration: none;}
/* @font-face {font-family: Century Gothic; src: url("./../font/GOTHIC.TTF")} */

body {
	background-position: center 240px;
	background-repeat: no-repeat;
	background-image: url('./../bg01.png');
}

/* 首页 */
.head {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
}
.head-top {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #303030;
}
.head-top ul {
	float: right;
	overflow: hidden;
	background-color: #0699d0;
}
.head-top ul li {
	float: left;
}
.head-top ul a {
	display: block;
	width: 68px;
	line-height: 25px;
	height: 25px;
	position: relative;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	color: #fff;
}
.head-top ul a span {
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	color: #fff;
}
.head-top ul a i {
	display: inline-block;
	width: 13px;
	height: 13px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon01.png');
	position: relative;
	top: 2px;
	margin-right: 10px;
}
.head-top ul li:nth-of-type(1) a::after {
	position: absolute;
	top: 7px;
	right: 0;
	content: '';
	width: 1px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.5);
}
.head-main {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 24px;
	padding-bottom: 27px;
}
.logo {
	float: left;
	width: 295px;
	font-size: 0;
}
.head-search {
	float: left;
	margin-top: 16px;
	overflow: hidden;
	margin-left: 155px;
}
.head-search input[type="text"] {
	float: left;
	display: block;
	width: 260px;
	height: 40px;
	border: 1px solid #eee;
	background-color: #f9f9f9;
	box-sizing: border-box;
	padding: 0 12px;
	border-right: none;
	font-size: 14px;
	color: #666;
}
.head-search input[type="text"]::-webkit-input-placeholder {
	font-size: 14px;
	color: #999;
}
.head-search input[type="text"]::-moz-input-placeholder {
	font-size: 14px;
	color: #999;
}
.head-search input[type="text"]::-ms-input-placeholder {
	font-size: 14px;
	color: #999;
}
.head-search input[type="submit"] {
	float: left;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../icon02.png');
	cursor: pointer;
	background-color: #0699d0;
}
.head-hot {
	width: auto;
	float: right;
	overflow: hidden;
	margin-top: 12px;
} 
.head-hot .icon {
	float: left;
	width: 36px;
	font-size: 0;
	overflow: hidden;
	margin-top: 3px;
}
.head-hot .txt {
	float: left;
	overflow: hidden;
	margin-left: 10px;
}
.head-hot .txt p:nth-of-type(1) {
	font-size: 12px;
	line-height: 18px;
	color: #666;
}
.head-hot .txt p:nth-of-type(2) {
	color: #0699d0;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	font-family: 'Arial';
}
.head-menu {
	width: 1200px;
	background-color: #303030;
	margin: 0 auto;
	position: relative;
}
.head-menu>ul>li {
	float: left;
	width: 125px;
	position: relative;
}
.head-menu>ul>li>a {
	display: block;
	position: relative;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	transition: all 0.5s ease-in-out;
}
.head-menu>ul>li>a:hover,
.head-menu>ul>li>a.shover,
.head-menu>ul>li>a.active {
	background-color: #f79647;
}
.head-menu>ul>li>a::after {
	position: absolute;
	width: 1px;
	height: 14px;
	content: '';
	top: 16px;
	left: 0;
	background-color: #1c1c1c;
	transition: all 0.5s ease-in-out;
}
.head-menu>ul>li>a::before {
	position: absolute;
	width: 1px;
	height: 14px;
	content: '';
	top: 16px;
	left: 1px;
	background-color: #4a4a4a;
	transition: all 0.5s ease-in-out;
}
.head-menu>ul>li:nth-of-type(1)>a::after,
.head-menu>ul>li:nth-of-type(1)>a::before {
	opacity: 0;
}
.head-menu>ul>li>a:hover::after,
.head-menu>ul>li>a.shover::after,
.head-menu>ul>li>a.active::after,
.head-menu>ul>li>a:hover::before,
.head-menu>ul>li>a.shover::before,
.head-menu>ul>li>a.active::before {
	background-color: #f79647;
}
.head-dropdown {
	/* width: auto; */
	position: absolute;
	z-index: 1319;
	top: 45px;
	background-color: #303030;
	/* min-width: 730px; */
	/* min-height: 220px; */
	white-space: nowrap;
	max-width: 1200px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	display: none;
}
.dropdown-list {
	width: 100%;
	padding: 32px 0px 22px 48px;
	overflow: hidden;
	display: none;
}
.head-nav {
	float: left;
	margin-right: 48px;
	overflow: hidden;
}
.head-nav:nth-of-type(4n) {
	/* margin-right: 0; */
}
.head-nav .title {
	width: 100%;
	overflow: hidden;
	font-size: 0;
	margin-bottom: 8px;
}
.head-nav .title a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 0;
	line-height: normal;
	text-align: left;
}
.head-nav .title a span {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #f79647;
	transition: all 0.5s ease-in-out;
}
.head-nav .title a::after,
.head-nav .title a::before {
	opacity: 0;
}
.head-nav .title a i {
	display: inline-block;
	width: 7px;
	height: 11px;
	margin-left: 9px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	background-image: url('./../icon04.png');
}
.head-nav .list {
	width: 100%;
	overflow: hidden;
}
.head-nav .list ul {
	width: 100%;
	overflow: hidden;
}
.head-nav .list li {
	float: none;
	width: auto;
	margin-bottom: 8px;
}
.head-nav .list a {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #e8e8e8;
	transition: all 0.5s ease-in-out;
}
.head-nav .list a:hover {
	color: #fff;
}

.banner {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.banner-swiper {
	width: 1200px;
	margin: 0 auto;
}

.index-nav {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
}
.index-nav-main {
	width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 20px;
}
.index-nav ul {
	width: 100%;
	overflow: hidden;
}
.index-nav li {
	float: left;
	width: 285px;
	height: 100px;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 1px solid #e5e5e5;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon05.png');
	transition: all 0.5s ease-in-out;
}
.index-nav li:nth-of-type(4n) {
	margin-right: 0;
}
.index-nav li:hover {
	background-image: url('./../icon06.png');
}
.index-nav a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index-nav .icon {
	float: left;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	width: 56px;
	height: 56px;
	margin-left: 25px;
	margin-top: 22px;
}
.index-nav .icon img {
	display: block;
	transition: all 0.5s ease-in-out;
}
.index-nav a:hover .icon img {
	transform: translate(0px, -56px) 
}
.index-nav .txt {
	float: left;
	overflow: hidden;
	margin-left: 38px;
	margin-top: 22px;
	max-width: 55%;
}
.index-nav .title {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 18px;
	line-height: 28px;
	color: #666;
	font-weight: bold;
	transition: all 0.5s ease-in-out;
}
.index-nav a:hover .title {
	color: #f7984f;
}
.index-nav .desc {
	width: 100%;
	overflow: hidden;
	margin-top: 6px;
}
.index-nav .desc span {
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	transition: all 0.5s ease-in-out;
}
.index-nav a:hover .desc span {
	color: #fff;
}
.index-nav .desc i {
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 4px;
	margin-left: 8px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon07.png');
	transition: all 0.5s ease-in-out;
}
.index-nav a:hover .desc i {
	background-image: url('./../icon08.png');
}

.index-list {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.index-list-main {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 35px;
}
.index-list ul {
	width: 100%;
	/* overflow: hidden; */
}
.index-list li {
	float: left;
	width: 285px;
	margin-right: 20px;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 3px solid #6f6f6f;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.0);
	transition: all 0.5s ease-in-out;
	padding-bottom: 46px;
}
.index-list li:nth-of-type(4n) {
	margin-right: 0;
}
.index-list li:hover {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	border-bottom-color: #f79647;
}
.index-list a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.index-list .img {
	width: 100%;
	line-height: 197px;
	height: 197px;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}
.index-list .img img {
	transform: scale(1.0, 1.0);
	transition: all 0.5s ease-in-out;
}
.index-list a:hover .img img {
	transform: scale(1.04, 1.04);
}
.index-list .txt {
	width: 100%;
	position: relative;
	padding: 71px 20px 0px;
	text-align: center;
}
.index-list .icon {
	position: absolute;
	top: -53px;
	left: 50%;
	font-size: 0;
	width: 106px;
	height: 106px;
	overflow: hidden;
	border-radius: 53px;
	margin-left: -53px;
	border: 8px solid #eee;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
	transition: all 0.5s ease-in-out;
}
.index-list a:hover .icon {
	border-color: #f7984a;
}
.index-list .icon img {
	display: block;
	transition: all 0.5s ease-in-out;
}
.index-list a:hover .icon img {
	transform: translate(0px, -90px);
}
.index-list .title {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	line-height: 28px;
	color: #666;
	font-weight: bold;
	margin-bottom: 14px;
	transition: all 0.5s ease-in-out;
}
.index-list a:hover .title {
	color: #f7984a;
}
.index-list .desc {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.footer {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.footer-main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 28px;
	background-color: #393939;
}
.footer-left {
	float: left;
	overflow: hidden;
	margin-left: 50px;
}
.footer-logo {
	font-size: 0;
	width: 100%;
	overflow: hidden;
}
.footer-hot {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.footer-hot p:nth-of-type(1) {
	font-size: 14px;
	line-height: 24px;
	color: #ccc;
}
.footer-hot p:nth-of-type(2) {
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	font-family: 'Arial';
}
.footer-hot a {
	display: block;
	width: 160px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	background-color: #0699d0;
	margin-top: 26px;
	font-size: 14px;
	transition: all 0.5s ease-in-out;
}
.footer-hot a:hover {
	background-color: #f7984a;
}
.footer-middle {
	float: left;
	margin-left: 115px;
	overflow: hidden;
}
.footer-list {
	float: left;
	margin-right: 80px;
	overflow: hidden;
}
.footer-list:last-child {
	margin-right: 0;
}
.footer-list .item {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.footer-list .item:nth-of-type(1) {
	margin-top: 0;
}
.footer-list .title {
	font-size: 16px;
	width: 100%;
	overflow: hidden;
	line-height: 26px;
	color: #fff;
	margin-bottom: 6px;
}
.footer-list .title a {
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	float: left;
}
.footer-list .list {
	width: 100%;
	overflow: hidden;
}
.footer-list .list li {
	width: 100%;
	overflow: hidden;
}
.footer-list .list a {
	    display: block;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    transition: all 0.5s ease-in-out;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.footer-list .list a:hover {
	color: #fff;
}
.footer-right {
	float: right;
	overflow: hidden;
	margin-right: 50px;
}
.footer-right .title {
	font-size: 16px;
	width: 100%;
	overflow: hidden;
	line-height: 26px;
	color: #fff;
	margin-bottom: 15px;
}
.footer-right .code {
	font-size: 0;
	width: 120px;
	overflow: hidden;
	margin-bottom: 15px;
}
.footer-right .share {
	width: 100%;
	overflow: hidden;
}
.footer-right .share a {
	float: left;
	background: none;
	width: 27px;
	height: 27px;
	margin: 0;
	margin-right: 5px;
	line-height: normal;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer-right .share a:last-child {
	margin-right: 0;
}
.footer-right .share a:hover {
	opacity: 1;
}
.footer-right .share a.bds_fbook {
	background-image: url('./../icon33.png');
}
.footer-right .share a.bds_sqq {
	background-image: url('./../icon34.png');
}
.footer-right .share a.bds_tsina {
	background-image: url('./../icon35.png');
}
.footer-right .share a.bds_weixin {
	background-image: url('./../icon36.png');
}
.copyright {
	width: 100%;
	background-color: #313131;
	margin-top: 30px;
	overflow: hidden;
}
.copyright p {
	font-size: 14px;
	color: #999;
	line-height: 40px;
	height: 40px;
}
.copyright p:nth-of-type(1) {
	float: left;
	margin-left: 50px;
}
.copyright p:nth-of-type(2) {
	float: right;
	margin-right: 50px;
}
.copyright p a {
	font-size: 14px;
	line-height: 40px;
	color: #999;
	transition: all 0.5s ease-in-out;
}
.copyright p a:hover {
	color: #fff;
}
/* 首页 End */

/* 案例展示 */
.container-nav {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 20px;
}
.container-nav a {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	transition: all 0.5s ease-in-out;
}
.container-nav a:hover {
	color: #f7984a;
}
.container-nav span {
	padding: 0 3px;
}
.container-nav i {
	display: inline-block;
	width: 13px;
	height: 13px;
	position: relative;
	top: 1px;
	margin-right: 14px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon37.png');
}

.left {
	float: left;
	width: 200px;
	overflow: hidden;
}
.left-top {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 3px;
	text-align: center;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon38.png');
}
.left-menu {
	width: 100%;
	overflow: hidden;
}
.left-menu ul {
	width: 100%;
	overflow: hidden;
}
.left-menu li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 3px;
}
.left-menu a {
	display: block;
	width: 100%;
	height: 45px;
	overflow: hidden;
	position: relative;
	background-color: #303030;
	transition: all 0.5s ease-in-out;
}
.left-menu a:hover,
.left-menu a.active,
.left-menu a.shover {
	background-color: #f79647;
}
.left-menu a span {
	float: left;
	line-height: 45px;
	height: 45px;
	margin-left: 25px;
	max-width: 115px;
	font-size: 14px;
	color: #ccc;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.5s ease-in-out;
}
.left-menu a:hover span,
.left-menu a.active span,
.left-menu a.shover span {
	color: #fff;
}
.left-menu a i {
	float: right;
	height: 45px;
	width: 56px;
	position: relative;
	overflow: hidden;
}
.left-menu a i em {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	margin-left: -8px;
	transition: all 0.5s ease-in-out;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon39.png');
}
.left-menu a.shover i em {
	transform: rotate(90deg);
}
.left-menu ul ul {
	background-color: #303030;
	display: none;
	padding-bottom: 15px;
	padding-top: 10px;
}
.left-menu ul ul li {
	margin-bottom: 0;
}
.left-menu ul ul a {
	padding: 0 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #ccc;
	line-height: 30px;
	height: 30px;
}
.left-menu ul ul a:hover {
	background-color: transparent;
	color: #f79647;
}
.right {
	float: right;
	width: 975px;
	border-top: 2px solid #0699f0;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('./../icon40.png');
	padding: 15px 25px 0;
}
.right-title {
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	color: #666;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 22px;
}
.cases-list {
	width: 100%;
}
.cases-list li {
	float: left;
	width: 220px;
	/* overflow: hidden; */
	margin-bottom: 40px;
	margin-right: 15px;
	background-color: #fff;
	transition: all 0.5s ease-in-out;
}
.cases-list li:nth-of-type(4n) {
	margin-right: 0;
}
.cases-list a {
	display: block;
	width: 100%;
	height: 100%;
}
.cases-list .img {
	width: 100%;
	overflow: hidden;
	font-size: 0;
	text-align: center;
	height: 229px;
	line-height: 229px;
}
.cases-list .img img {
	transition: all 0.5s ease-in-out;
	transform: scale(1.0, 1.0);
}
.cases-list a:hover .img img {
	transform: scale(1.04, 1.04);
}
.cases-list .title {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
	line-height: 50px;
	height: 50px;
	color: #666;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.12);
	transition: all 0.5s ease-in-out;
}
.cases-list a:hover .title {
	color: #fff;
	background-color: #f79647;
}
.cases-page {
	width: 100%;
	overflow: hidden;
}
.cases-page ul {
	width: 100%;
	overflow: hidden;
}
.cases-page li {
	float: left;
	margin-right: 3px;
}
.cases-page a {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 38px;
	height: 38px;
	background-color: #f9f9f9;
	border: 1px solid #eee;
	line-height: 36px;
	font-size: 14px;
	color: #999;
	transition: all 0.5s ease-in-out;
}
.cases-page li:hover a,
.cases-page li.active a {
	background-color: #f79647;
	border-color: #f79647;
	color: #fff;
}
.cases-page li.prev a span,
.cases-page li.next a span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 12px;
	margin-top: -6px;
	margin-left: -3.5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: all 0.5s ease-in-out;
}
.cases-page li.prev a span {
	background-image: url('./../icon41.png');
}
.cases-page li.prev:hover a span {
	background-image: url('./../icon42.png');
}
.cases-page li.next a span {
	background-image: url('./../icon43.png');
}
.cases-page li.next:hover a span {
	background-image: url('./../icon44.png');
}
/* 案例展示 End */

/* 产品中心 */
.products-tabs {
	width: 100%;
	position: relative;
}
.products-tabs ul {
	width: 100%;
}
.products-tabs li {
	float: left;
	position: relative;
	width: 131px;
	margin-right: 1px;
	margin-bottom: 1px;
}
.products-tabs li:nth-of-type(7n) {
	margin-right: 0;
}
.products-tabs .title {
	width: 100%;
	height: 50px;
	overflow: hidden;
	text-align: center;
	position: relative;
	background-color: #bdddf3;
	font-size: 14px;
	line-height: 18px;
	color: #333;
 	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.products-tabs .select {
	width: 100%;
	background-color: #e9f3f9;
	height: 50px;
	position: relative;
}
.products-tabs .txt {
	width: 100%;
	height: 50px;
	position: relative;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 22px;
	cursor: pointer;
}
.products-tabs .txt span {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 18px;
	width: 100%;
	overflow: hidden;
	font-family: 'Arial';
}
.products-tabs .txt i {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 28px;
	right: 6px;
	z-index: 3;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon45.png');
	transition: all 0.6s ease-in-out;
}
.products-tabs li.active .txt i {
	transform: rotate(180deg);
}
.products-tabs .selectScroll {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 13;
	background-color: #e9f3f9;
	overflow: hidden;
	max-height: 210px;
	border: 1px solid #97c3e1;
	display: none;
}
.products-tabs .selectScroll li {
	width: 100%;
	float: none;
	/* margin: 0; */
	text-align: center;
	/* overflow: hidden; */
	font-size: 14px;
	/* height: 35px; */
	/* line-height: 35px; */
	color: #666;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	cursor: pointer;
	font-family: 'Arial';
	transition: all 0.5s ease-in-out;
	/*新增*/
	margin-top: 10px;
	margin-bottom: 10px;
}
.products-tabs .selectScroll li:hover {
	background-color: #97c3e1;
	color: #333;
}
.products-tabs .mCSB_container {
	margin-right: 0;
}
.products-tabs .mCustomScrollBox>.mCSB_scrollTools {
	width: 8px;
	opacity: 1;
	filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.products-tabs .mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	background: #000;
    background: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}
.products-tabs .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background: #97c3e1;
    background: rgba(151,195,225,1.0);
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.products-list {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.products-swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.products-swiper .swiper-wrapper{
	-webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.products-swiper .swiper-slide {
	width: auto;
}
.products-scrollbar {
	width: 100%;
	position: relative;
	height: auto;
	margin-bottom: 20px;
	/* padding: 0 15px; */
}
.products-scrollbar .scrollbar {
	height: 6px;
	background-color: #e5e5e5;
	border-radius: 3px;
	width: 100%;
	margin: 0 auto;
}
.products-scrollbar .swiper-scrollbar-drag {
	background-color: #333;
	cursor: pointer;
}
.products-scrollbar .prev {
	position: absolute;
	top: 50%;
	left: 0;
	cursor: pointer;
	margin-top: -5px;
	width: 6px;
	height: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon71.png');
	display: none;
}
.products-scrollbar .next {
	position: absolute;
	top: 50%;
	right: 0;
	cursor: pointer;
	margin-top: -5px;
	width: 6px;
	height: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon72.png');
	display: none;
}
.products-list .line {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	top: 0;
	left: 0;
	display: none;
}
.products-list .top {
	width: 100%;
	overflow: hidden;
	/*width: 1847px;*/
	position: relative;
	z-index: 13;
}
.products-list .top ul {
	width: 100%;
	overflow: hidden;
}
.products-list .top li {
	float: left;
	width: 131px;
	margin-right: 1px;
	background-color: #bdddf3;
	height: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer;
}
.products-list .top li:last-child {
	margin-right: 0;
}
.products-list .top .title {
	font-size: 12px;
	line-height: 18px;
	color: #333;
	padding-right: 20px;
	overflow: hidden;
	padding-left: 5px;
}
.products-list .top .icon {
	position: absolute;
	top: 47px;
	right: 9px;
	z-index: 3;
}
.products-list .top .icon span {
	display: block;
	width: 11px;
	height: 7px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon47.png');
	margin-bottom: 2px;
	transition: all 0.5s ease-in-out;
}
.products-list .top .icon span:nth-of-type(2) {
	transform: rotate(180deg);
}
.products-list .top li.rise .icon span:nth-of-type(1) {
	background-image: url('./../icon49.png');
}
.products-list .top li.rise .icon span:nth-of-type(2) {
	opacity: 0;
}
.products-list .top li.drop .icon span:nth-of-type(2) {
	background-image: url('./../icon49.png');
}
.products-list .top li.drop .icon span:nth-of-type(1) {
	opacity: 0;
}
.products-list .list {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 13;
	/* border-left: 1px solid #eee; */
	/* border-right: 1px solid #eee; */
}
.products-list::after {
	width: 1px;
	background-color: #eee;
	position: absolute;
	z-index: 2;
	content: '';
	top: 50px;
	right: 0;
	bottom: 30px;
	opacity: 0;
}
.products-list::before {
	width: 1px;
	background-color: #eee;
	position: absolute;
	z-index: 2;
	content: '';
	top: 50px;
	left: 0;
	bottom: 30px;
	opacity: 0;
}
.products-list .list ul {
	width: 100%;
	overflow: hidden;
}
.products-list .list li {
	width: 100%;
	overflow: hidden;
}
.products-list .list li div {
	float: left;
	width: 131px;
	margin-right: 1px;
	overflow: hidden;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	height: 100px;
	/* border-top: 1px solid #eee; */
	border-bottom: 1px solid #eee;
	transition: all 0.5s ease-in-out;
	font-family: 'Arial';
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
}
.products-list .list li:first-child div {
	border-top: 1px solid #eee;
}
.products-list .list li div:last-child {
	margin-right: 0;
}
.products-list .list li:nth-of-type(even) div {
	background-color: #f9f9f9;
}
.products-list .list li div a {
	font-size: 14px;
	width: 100%;
	line-height: 20px;
	color: #666;
	transition: all 0.5s ease-in-out;
	word-wrap: break-word;
}
.products-list .list li div a:hover {
	color: #f79647;
	text-decoration: underline;
}
.productsDetails-title {
	width: 100%;
	overflow: hidden;
	padding-bottom: 8px;
	margin-bottom: 12px;
	border-bottom: 1px solid #eee;
}
.productsDetails-title i {
	float: left;
	width: 16px;
	height: 17px;
	margin-top: 5px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon51.png');
}
.productsDetails-title span {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #0699d0;
	line-height: 26px;
	margin-left: 9px;
}
.productsDetails-txt01 {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	padding-bottom: 16px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.productsDetails-txt02 {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
}
/* 产品中心 End */

/* 关于我们 */
.introduction-title {
	width: 100%;
	overflow: hidden;
	margin-bottom: 12px;
}
.introduction-title .title {
	float: left;
	overflow: hidden;
}
.introduction-title .title p {
	width: 100%;
	font-size: 24px;
	line-height: 34px;
	color: #444;
	margin-bottom: 15px;
}
.introduction-title .title span {
	width: 40px;
	display: block;
	height: 2px;
	background-color: #0699d0;
}
.introduction-title .desc {
	float: right;
	font-size: 22px;
	line-height: 34px;
	font-family: 'KaiTi';
	color: rgba(68, 68, 68, 0.5);
}
.introduction-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	color: #666;
	font-size: 14px;
	line-height: 28px;
}
.introduction-con {
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}
.introduction-left {
	float: left;
	overflow: hidden;
}
.introduction-left ul {
	width: 100%;
	overflow: hidden;
}
.introduction-left li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.introduction-left .icon {
	float: left;
	width: 60px;
	font-size: 0;
}
.introduction-left .txt {
	float: left;
	margin-left: 25px;
	width: 365px;
	overflow: hidden;
}
.introduction-left .title {
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	line-height: 26px;
	color: #0699d0;
	margin-bottom: 2px;
}
.introduction-left .desc {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.introduction-right {
	float: right;
	font-size: 0;
	width: 405px;
	overflow: hidden;
}
.certification-list {
	width: 100%;
	overflow: hidden;
}
.certification-list ul {
	width: 100%;
	overflow: hidden;
}
.certification-list li {
	float: left;
	margin-bottom: 40px;
	overflow: hidden;
	width: 220px;
	margin-right: 15px;
}
.certification-list li:nth-of-type(4n) {
	margin-right: 0;
}
.certification-list .img {
	text-align: center;
	font-size: 0;
	overflow: hidden;
	height: 150px;
	line-height: 150px;
	background-color: #f4f4f4;
	border: 1px solid #eee;
	cursor: pointer;
}
.certification-list .title {
	width: 100%;
	overflow: hidden;
	height: 35px;
	line-height: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #f4f4f4;
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	transition: all 0.5s ease-in-out;
}
.certification-list li:hover .title {
	color: #fff;
	background-color: #f79647;
}
/* 关于我们 End */

/* 技术支持 */
.problem-list {
	width: 100%;
	overflow: hidden;
	margin-bottom: 35px;
}
.problem-list ul {
	width: 100%;
	overflow: hidden;
}
.problem-list li {
	width: 100%;
	overflow: hidden;
	background-color: #f4f4f4;
	padding: 0 20px;
}
.problem-list li:nth-of-type(2n) {
	background-color: #fff;
}
.problem-list .top {
	width: 100%;
	overflow: hidden;
	cursor: pointer;
	padding: 18px 0;
}
.problem-list .top .icon {
	float: left;
	width: 25px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	background-color: #0699d0;
	border-radius: 3px;
	margin-top: 2px;
}
.problem-list .top .title {
	float: left;
	margin-left: 20px;
	max-width: 840px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.problem-list .con {
	width: 100%;
	overflow: hidden;
	padding: 0;
	display: none;
	padding-bottom: 20px;
}
.problem-list li:nth-of-type(1) .con {
	display: block;
}
.problem-list .con .icon {
	float: left;
	width: 25px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	background-color: #f79647;
	border-radius: 3px;
	margin-top: 5px;
}
.problem-list .con .txt {
	float: left;
	margin-left: 20px;
	max-width: 840px;
	font-size: 14px;
	line-height: 30px;
	color: #999;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
}
.download-list {
	width: 100%;
	overflow: hidden;
	margin-bottom: 32px;
}
.download-list ul {
	width: 100%;
	overflow: hidden;
}
.download-list li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 6px;
}
.download-list .txt {
	float: left;
	overflow: hidden;
	background-color: #f9f9f9;
	height: 45px;
	width: 790px;
	transition: all 0.5s ease-in-out;
}
.download-list li:hover .txt {
	background-color: #eee;
}
.download-list .icon {
	float: left;
	width: 15px;
	height: 13px;
	margin-left: 16px;
	margin-top: 15px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../icon55.png');
}
.download-list .title {
	float: left;
	max-width: 725px;
	overflow: hidden;
	line-height: 45px;
	font-size: 14px;
	color: #777;
	margin-left: 16px;
}
.download-list .btn {
	float: right;
	height: 45px;
	width: 125px;
	line-height: 45px;
	font-size: 12px;
	color: #666;
	text-align: center;
	background-color: #eee;
	transition: all 0.5s ease-in-out;
}
.download-list .btn a {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	color: #666;
	text-align: center;
	background-color: #eee;
	transition: all 0.5s ease-in-out;
}
.download-list .btn:hover,
.download-list .btn:hover a {
	color: #fff;
	background-color: #f79647;
}
/* 技术支持 End */

/* 联系我们 */
.contact-con {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	padding: 25px 30px;
}
.contact-left {
	float: left;
	max-width: 300px;
	overflow: hidden;
}
.contact-left .item {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.contact-left .item:nth-of-type(1) {
	margin-top: 0;
}
.contact-left .title {
	font-size: 16px;
	color: #0699d0;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 5px;
}
.contact-left .item:nth-of-type(1) .title {
	color: #f79647;
}
.contact-left .txt {
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.contact-left .txt p {
	overflow: hidden;
}
.contact-left .txt span {
	float: left;
}
.contact-left .txt span:nth-of-type(2) {
	float: none;
	margin-left: 42px;
	display: block;
}
.contact-right {
	float: right;
	font-size: 0;
	width: 507px;
	text-align: center;
}
.feedback-con {
	width: 100%;
	overflow: hidden;
}
.feedback-left {
	float: left;
	width: 580px;
	overflow: hidden;
}
.feedback-item {
	float: left;
	margin-bottom: 12px;
	width: 280px;
	height: 50px;
	border: 1px solid #eee;
	background-color: #fff;
	overflow: hidden;
}
.feedback-item:nth-of-type(2n) {
	float: right;
}
.feedback-item .icon {
	float: left;
	width: 20px;
	font-size: 0;
	margin-left: 15px;
	margin-top: 14px;
}
.feedback-item .title {
	display: none;
}
.feedback-item .txt {
	float: left;
	margin-left: 12px;
	width: 220px;
	overflow: hidden;
	margin-top: 4px;
}
.feedback-item .txt input {
	display: block;
	width: 100%;
	height: 40px;
	font-size: 14px;
	color: #666;
}
.feedback-item .txt input::-webkit-input-placeholder {
	font-size: 14px;
	color: #999;
}
.feedback-item .txt input::-moz-input-placeholder {
	font-size: 14px;
	color: #999;
}
.feedback-item .txt input::-ms-input-placeholder {
	font-size: 14px;
	color: #999;
}
.feedback-content {
	width: 100%;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
}
.feedback-content textarea {
	display: block;
	width: 100%;
	resize: none;
	padding: 10px 16px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 125px;
	box-sizing: border-box;
}
.feedback-content textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.feedback-content textarea::-moz-input-placeholder {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.feedback-content textarea::-ms-input-placeholder {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.feedback-btn {
	width: 280px;
	height: 50px;
	color: #fff;
	background-color: #0699d0;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	cursor: pointer;
	margin-top: 26px;
	transition: all 0.5s ease-in-out;
}
.feedback-btn:hover {
	background-color: #f79847;
}
.feedback-right {
	float: right;
	font-size: 0;
	width: 305px;
	overflow: hidden;
}
.feedback-right img {
	display: none;
}
.feedback-right img:nth-of-type(1) {
	display: block;
}
/* 联系我们 */

/* 人才招聘 */
.recruitment-top {
	width: 100%;
	overflow: hidden;
	margin-bottom: 17px;
	background-color: #eee;
}
.recruitment-top .post {
	float: left;
	min-width: 82px;
	text-align: center;
	margin-left: 20px;
	line-height: 50px;
	height: 50px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
}
.recruitment-top .experience {
	float: left;
	min-width: 82px;
	text-align: center;
	line-height: 50px;
	height: 50px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
	margin-left: 100px;
}
.recruitment-top .number {
	float: left;
	min-width: 82px;
	text-align: center;
	line-height: 50px;
	height: 50px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
	margin-left: 110px;
}
.recruitment-top .address {
	float: left;
	min-width: 82px;
	text-align: center;
	line-height: 50px;
	height: 50px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
	margin-left: 125px;
}
.recruitment-top .date {
	display: none;
}
.recruitment-top .details {
	float: right;
	min-width: 92px;
	text-align: center;
	margin-left: 20px;
	line-height: 50px;
	height: 50px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
	margin-right: 20px;
}
.recruitment-list {
	width: 100%;
	overflow: hidden;
	margin-bottom: 22px;
}
.recruitment-list ul {
	width: 100%;
	overflow: hidden;
}
.recruitment-list li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 8px;
	transition: all 0.5s ease-in-out;
}
.recruitment-list li.active {
	background-color: #fff;
}
.recruitment-list .top {
	width: 100%;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #fff;
	cursor: pointer;
}
.recruitment-list .top .post {
	float: left;
	min-width: 150px;
	text-align: left;
	margin-left: 20px;
	line-height: 55px;
	height: 55px;
	color: #666;
	font-size: 16px;
}
.recruitment-list .top .experience {
	float: left;
	min-width: 82px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	color: #666;
	font-size: 16px;
	margin-left: 32px;
}
.recruitment-list .top .number {
	float: left;
	min-width: 82px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	color: #666;
	font-size: 16px;
	margin-left: 110px;
}
.recruitment-list .top .address {
	float: left;
	min-width: 82px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	color: #666;
	font-size: 16px;
	margin-left: 125px;
}
.recruitment-list .top .date {
	display: none;
}
.recruitment-list .top .icon {
	float: right;
	margin-top: 13px;
	margin-right: 46px;
	width: 27px;
	height: 27px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	background-image: url('./../icon61.png');
	transition: all 0.5s ease-in-out;
}
.recruitment-list li.active .top .icon {
	background-image: url('./../icon60.png');
}
.recruitment-list .line {
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: #eee;
}
.recruitment-list .content {
	display: none;
	width: 100%;
	padding: 20px 28px 30px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	overflow: hidden;
	border-bottom: 2px solid #0699d0;
}
.recruitment-list li:nth-of-type(1) .content {
	display: block;
}
/* 人才招聘 End */

/* 样品申请 */
.application-con {
	width: 100%;
	/* overflow: hidden; */
}
.application-item {
	width: auto;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}
.applicationEmail,
.applicationAddress {
	margin-right: 0;
}
.application-item .title {
	float: left;
	line-height: 40px;
	height: 40px;
	margin-right: 15px;
	width: 82px;
	color: #666;
	overflow: hidden;
	position: relative;
	display: -ms-flex;
	display: flex;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
}
.application-item .title i {
	color: #c33;
	font-style: normal;
}
.application-item .txt {
	float: left;
	width: 190px;
	height: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	position: relative;
}
.application-item .txt input {
	display: block;
	width: 170px;
	margin-left: 9px;
	height: 30px;
	margin-top: 4px;
	font-size: 14px;
	color: #666;
}
.application-item .txt input::-webkit-input-placeholder {
	font-size: 14px;
	color: #ccc;
}
.application-item .txt input::-moz-input-placeholder {
	font-size: 14px;
	color: #ccc;
}
.application-item .txt input::-ms-input-placeholder {
	font-size: 14px;
	color: #ccc;
}
.application-item .txt input[type="number"] {
    -ms-appearance: textfield;
    -moz-appearance: textfield;
    -o-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}
.application-item .txt input[type="number"]::-webkit-outer-spin-button,
.application-item .txt input[type="number"]::-webkit-inner-spin-button {
    -ms-appearance: none;
    -moz-appearance: none;
    -0-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.applicationModel .txt {
	display: -ms-flex;
	display: flex;
	-ms-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
}
.applicationModel .Modeltxt {
	width: 100%;
	height: 100%;
	display: -ms-flex;
	display: flex;
	-ms-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	cursor: pointer;
}
.applicationModel .txt span {
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
}
.applicationModel .txt i {
	width: 12px;
	height: 8px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon62.png');
	transition: all 0.5s ease-in-out;
	margin-right: 10px;
}
.applicationModel .active i {
	transform: rotate(180deg);
}
.applicationScroll {
	width: 100%;
	position: absolute;
	top: 39px;
	left: 0;
	z-index: 13;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
	border-top: none;
	max-height: 150px;
	display: none;
}
.applicationScroll ul {
	width: 100%;
	overflow: hidden;
}
.applicationScroll li {
	width: 100%;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	text-align: center;
	transition: all 0.5s ease-in-out;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
.applicationScroll li:last-child {
	border-bottom: none;
}
.applicationScroll li:hover {
	background-color: #0699d0;
	color: #fff;
	border-bottom-color: #0699d0;
}
.applicationScroll .mCSB_container {
	margin-right: 0;
}
.applicationScroll .mCustomScrollBox>.mCSB_scrollTools {
	width: 8px;
	opacity: 1;
	filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.applicationScroll .mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	background: #000;
    background: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}
.applicationScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background: #999;
    background: rgba(153,153,153,1.0);
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.application-tip {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #c33;
	margin-top: 10px;
	margin-bottom: 20px;
}
.application-btn {
	width: 285px;
	line-height: 45px;
	height: 45px;
	text-align: center;
	background-color: #0699d0;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	transition: all 0.5s ease-in-out;
}
.application-btn:hover {
	background-color: #f79847;
}
/* 样品申请 End */



.phone-icon01,
.phone-icon02,
.phone-icon03,
.phone-nav,
.phone-search,
.banner-swiper001,
.cases-more {
	display: none;
}


@media screen and (max-width: 750px) {
	.head-top,
	.head-menu,
	.head-search,
	.head-hot,
	.banner-swiper,
	.footer-left,
	.footer-middle,
	.footer-right,
	.container-nav,
	.left-top,
	.cases-page,
	.recruitment-nav,
	.recruitment-top,
	.recruitment-list .top .experience,
	.recruitment-list .top .number,
	.recruitment-list .top .address {
		display: none;
	}
	body {
		background-image: none;
	}
	.phone {
		max-width: 750px;
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
	}
	.head,
	.banner,
	.index-nav,
	.index-list,
	.footer,
	.container {
		min-width: 100%;
		max-width: 100%;
		position: relative;
	}
	.head-main,
	.banner-swiper,
	.index-nav-main,
	.index-list-main,
	.footer-main,
	.container-main {
		width: 100%;
		position: relative;
	}
	.head-main {
		padding: 0;
	}
	.logo {
		width: 2.70rem;
		margin-left: 0.30rem;
		margin-top: 0.18rem;
	}
	.phone-icon01 {
		float: right;
		height: 1.00rem;
		position: relative;
		width: 1.00rem;
		overflow: hidden;
		display: block;
	}
	.phone-icon01 span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0.41rem;
		height: 0.37rem;
		margin-top: -0.185rem;
		margin-left: -0.205rem;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url('./../icon65.png');
		transition: all 0.5s ease-in-out;
	}
	.phone-icon01.active span {
		width: 0.32rem;
		height: 0.32rem;
		margin-top: -0.16rem;
		margin-left: -0.16rem;
		background-image: url('./../icon66.png');
	}
	.phone-icon02 {
		float: right;
		height: 1.00rem;
		position: relative;
		width: 1.00rem;
		overflow: hidden;
		display: block;
	}
	.phone-icon02 span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0.36rem;
		height: 0.36rem;
		margin-top: -0.18rem;
		margin-left: -0.18rem;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url('./../icon64.png');
	}
	.phone-icon03 {
		float: right;
		height: 1.00rem;
		position: relative;
		width: 1.00rem;
		overflow: hidden;
		display: block;
	}
	.phone-icon03 a {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.phone-icon03 span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0.40rem;
		height: 0.40rem;
		margin-top: -0.20rem;
		margin-left: -0.20rem;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		/* background-image: url('./../icon63.png'); */
	}
	.phone-icon03.zh span {
		background-image: url('./../icon63.png');
	}
	.phone-icon03.en span {
		background-image: url('./../icon67.png');
	}
	.phone-nav {
		width: 100%;
		position: absolute;
		top: 1.00rem;
		left: 0;
		bottom: 0;
		z-index: 131;
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.phone-nav-close {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.phone-nav-con {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background-color: #fff;
		z-index: 1319;
		overflow: hidden;
		border-top: 0.01rem solid #eee;
		padding: 0 0.30rem;
	}
	.phone-nav-con ul {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.phone-nav-con li {
		width: 100%;
		border-bottom: 0.01rem dashed #eee;
	}
	.phone-nav-con li:last-child {
		border-bottom: none;
	}
	.phone-nav-con a {
		display: block;
		width: 100%;
		overflow: hidden;
		text-align: center;
		font-size: 0.24rem;
		color: #444;
		line-height: 0.90rem;
		height: 0.90rem;
	}
	.phone-search {
		width: 100%;
		position: absolute;
		top: 1.00rem;
		left: 0;
		bottom: 0;
		z-index: 131;
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.phone-search-close {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.phone-search-con {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background-color: #fff;
		z-index: 1319;
		overflow: hidden;
		border-top: 0.01rem solid #eee;
		padding: 0.25rem 0.30rem;
	}
	.phone-search-con .con {
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #f9f9f9;
		border-radius: 0.05rem;
	}
	.phone-search-con .icon {
		float: left;
		width: 0.60rem;
		height: 0.72rem;
		position: relative;
		overflow: hidden;
	}
	.phone-search-con .icon span {
		position: absolute;
		width: 0.27rem;
		height: 0.27rem;
		top: 50%;
		left: 50%;
		margin-top: -0.135rem;
		margin-left: -0.135rem;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url('./../icon68.png');
	}
	.phone-search-con .txt {
		float: left;
		margin-left: 0.05rem;
		width: 6.00rem;
		overflow: hidden;
	}
	.phone-search-con .txt input {
		height: 0.72rem;
		width: 100%;
		display: block;
		font-size: 0.22rem;
		color: #666;
	}
	.phone-search-con .txt input::-webkit-input-placeholder {
		font-size: 0.22rem;
		color: #999;
	}
	.phone-search-con .txt input::-moz-input-placeholder {
		font-size: 0.22rem;
		color: #999;
	}
	.phone-search-con .txt input::-ms-input-placeholder {
		font-size: 0.22rem;
		color: #999;
	}
	.banner-swiper001 {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.index-nav-main {
		padding: 0.35rem 0.30rem 0.25rem;
	}
	.index-nav li {
		float: left;
		width: 3.30rem;
		height: 1.15rem;
		margin-right: 0;
		margin-bottom: 0.25rem;
		border: 0.01rem solid #e5e5e5;
	}
	.index-nav li:nth-of-type(2n) {
		float: right;
	}
	.index-nav .icon {
		width: 0.78rem;
		height: 0.78rem;
		margin-left: 0.24rem;
		margin-top: 0.15rem;
	}
	.index-nav a:hover .icon img {
		transform: translate(0, -0.78rem);
	}
	.index-nav .txt {
		margin-left: 0.40rem;
		margin-top: 0.20rem;
	}
	.index-nav .title {
		font-size: 0.24rem;
		line-height: 0.34rem;
	}
	.index-nav .desc {
		margin-top: 0.04rem;
	}
	.index-nav .desc span {
		font-size: 0.18rem;
		line-height: 0.28rem;
	}
	.index-nav .desc i {
		width: 0.20rem;
		height: 0.20rem;
		margin-top: 0.04rem;
		margin-left: 0.12rem;
	}
	.index-list-main {
		padding: 0.0rem 0.30rem 0.25rem;
	}
	.index-list li {
		width: 3.30rem;
		margin-right: 0;
		margin-bottom: 0.30rem;
		background-color: #fff;
		border-bottom: none;
		padding-bottom: 0.40rem;
		box-shadow: 0 0 0.15rem 0 rgba(0, 0, 0, 0.1);
	}
	.index-list li:nth-of-type(2n) {
		float: right;
	}
	.index-list .img {
		line-height: 2.27rem;
		height: 2.27rem;
	}
	.index-list .txt {
		padding: 0.60rem 0.30rem 0.0rem;
	}
	.index-list .icon {
		top: -0.53rem;
		width: 1.06rem;
		height: 1.06rem;
		border-radius: 0.53rem;
		margin-left: -0.53rem;
		border: 0.08rem solid #eee;
		box-shadow: 0 0 0.15rem 0 rgba(0, 0, 0, 0.08);
	}
	.index-list .title {
		font-size: 0.24rem;
		line-height: 0.34rem;
		color: #0699d0;
		margin-bottom: 0.12rem;
	}
	.index-list .desc {
		font-size: 0.18rem;
		line-height: 0.32rem;
		height: 0.64rem;
	}
	.footer-main {
		padding: 0;
	}
	.copyright {
		margin-top: 0;
		padding: 0.22rem 0.30rem;
	}
	.copyright p {
		text-align: center;
		float: none;
		font-size: 0.22rem;
		line-height: 0.44rem;
		height: auto;
	}
	.copyright p a {
		font-size: 0.22rem;
		line-height: 0.44rem;
		height: auto;
	}
	.copyright p:nth-of-type(1),
	.copyright p:nth-of-type(2) {
		float: none;
		margin: 0;
	}
	.container {
		border-top: 0.01rem solid #eee;
	}
	.container-main {
		padding: 0.60rem 0.30rem 0.40rem;
	}
	.left {
		float: none;
		width: 100%;
		overflow: visible;
		margin-bottom: 0.40rem;
	}
	.left-menu {
		overflow: visible;
	}
	.left-menu ul {
		overflow: visible;
	}
	.left-menu ul::after {
		clear: both;
		display: block;
		height: 0;
		content: '';
	}
	.left-menu li {
		width: 3.35rem;
		margin-bottom: 0.20rem;
		float: left;
		overflow: visible;
		position: relative;
	}
	.left-menu li:nth-of-type(2n) {
		float: right;
	}
	.left-menu a {
		height: 0.70rem;
		background-color: #f4f4f4;
	}
	.left-menu a:hover {
		background-color: #f4f4f4;
	}
	.left-menu a.active,
	.left-menu a.shover {
		background-color: #0699d0;
	}
	.left-menu a span {
		float: none;
		display: block;
		width: 100%;
		height: 0.70rem;
		line-height: 0.70rem;
		max-width: 100%;
		padding: 0 0.45rem;
		margin: 0;
		text-align: center;
		font-size: 0.24rem;
		color: #666;
	}
	.left-menu a:hover span {
		color: #666;
	}
	.left-menu a.active span,
	.left-menu a.shover span {
		color: #fff;
	}
	.left-menu a i {
		float: none;
		position: absolute;
		top: 0.24rem;
		right: 0.20rem;
		z-index: 5;
		width: 0.22rem;
		height: 0.22rem;
	}
	.left-menu a i em {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0 auto;
		background-image: url('./../icon69.png');
	}
	.left-menu a:hover i em {
		background-image: url('./../icon69.png');
	}
	.left-menu a.active i em,
	.left-menu a.shover i em {
		background-image: url('./../icon70.png');
	}
	.left-menu a.shover i em {
		transform: rotate(180deg);
	}
	.left-menu ul ul {
		width: 100%;
		overflow: hidden;
		/* display: block; */
		background-color: #f4f4f4;
		position: absolute;
		top: 0.70rem;
		z-index: 131;
		left: 0;
		padding: 0.15rem 0.0rem;
	}
	.left-menu ul ul li {
		width: 100%;
		float: none;
		overflow: hidden;
	}
	.left-menu ul ul li:nth-of-type(2n) {
		float: none;
	}
	.left-menu ul ul a {
		width: 100%;
		line-height: 0.50rem;
		height: 0.50rem;
		font-size: 0.22rem;
		color: #666;
		padding: 0 0.45rem;
		text-align: center;
	}
	.right {
		background-image: none;
		float: none;
		width: 100%;
		padding: 0;
		padding-top: 0.20rem;
		/* margin-top: 0.40rem; */
		border-top: 0.02rem solid #0699d0;
	}
	.right-title {
		font-weight: normal;
		font-size: 0.26rem;
		line-height: 0.36rem;
		margin-bottom: 0.30rem;
	}
	.cases-list ul::after {
		clear: both;
		display: block;
		height: 0;
		content: '';
	}
	.cases-list li {
		width: 3.25rem;
		margin-bottom: 0.40rem;
		margin-right: 0;
	}
	.cases-list li:nth-of-type(2n) {
		float: right;
	}
	.cases-list .img {
		height: 3.37rem;
		line-height: 3.37rem;
	}
	.cases-list .title {
		line-height: 0.70rem;
		height: 0.70rem;
		font-size: 0.24rem;
		box-shadow: 0.02rem 0.03rem 0.08rem 0 rgba(0, 0, 0, 0.12);
	}
	.cases-more {
		display: block;
		font-size: 0;
		text-align: center;
		overflow: hidden;
		/* opacity: 0; */
	}
	.cases-more i {
		display: inline-block;
	    width: 0.30rem;
	    height: 0.30rem;
	    background-position: center center;
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    background-image: url('./../loading01.gif');
	    position: relative;
	    top: 0.06rem;
	    margin-right: 0.10rem;
	}
	.cases-more span {
		display: inline-block;
	    font-size: 0.26rem;
	    line-height: 0.36rem;
	    color: #666;
	}
	.products-tabs li {
		width: 1.71rem;
		margin-right: 0.01rem;
		margin-bottom: 0.01rem;
	}
	.products-tabs li:nth-of-type(7n) {
		margin-right: 0.01rem;
	}
	.products-tabs li:nth-of-type(4n) {
		margin-right: 0;
	}
	.products-tabs .title {
		/*height: 0.70rem;*/
		height: 1.0rem;
		font-size: 0.22rem;
		line-height: 0.24rem;
	}
	.products-tabs .select {
		height: 0.70rem;
	}
	.products-tabs .txt {
		height: 0.70rem;
		padding: 0 0.30rem;
	}
	.products-tabs .txt span {
		font-size: 0.22rem;
		line-height: 0.24rem;
	}
	.products-tabs .txt i {
		width: 0.16rem;
		height: 0.16rem;
		right: 0.14rem;
		top: 0.25rem;
	}
	.products-tabs .selectScroll {
		top: 0.70rem;
		max-height: 2.50rem;
		border: 0.01rem solid #97c3e1;
	}
	.products-tabs .selectScroll li {
		font-size: 0.20rem;
		/*line-height: 0.50rem;*/
		/*height: 0.50rem;*/
		/*新增*/
		margin-top: 0.15rem;
		margin-bottom: 0.15rem;
		word-wrap: break-word;
	}
	.products-tabs .mCustomScrollBox>.mCSB_scrollTools {
		width: 0.08rem;
	}
	.products-tabs .mCSB_scrollTools .mCSB_draggerRail {
		width: 0.02rem;
	}
	.products-tabs .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		width: 0.04rem;
	}
	.products-tabs .select .mCSB_inside > .mCSB_container {
		margin-right: 0;
	}
	.products-list {
		margin-top: 0.50rem;
		margin-bottom: 0.10rem;
		overflow: hidden;
		overflow-x: scroll;
		background-color: #fff;
		border-left: 0.01rem solid #eee;
		border-right: 0.01rem solid #eee;
	}
	.products-scrollbar {
		margin-top: 0.10rem;
		margin-bottom: 0.30rem;
		padding: 0;
	}
	.products-scrollbar .scrollbar {
		height: 0.10rem;
	}
	.products-list::before {
		width: 0.0rem;
		top: 0.70rem;
		bottom: 0.00rem;
		border-left: 0.01rem solid #eee;
		opacity: 0;
	}
	.products-list::after {
		width: 0.0rem;
		top: 0.70rem;
		bottom: 0.00rem;
		border-left: 0.01rem solid #eee;
		opacity: 0;
	}
	.products-list .top {
		/*width: 24.08rem;*/
		position: relative;
	}
	.products-list .top li {
		margin-right: 0.01rem;
		width: 1.71rem;
		/*height: 0.70rem;*/
		height: 1.0rem;
	}
	.products-list .top .title {
		font-size: 0.22rem;
		line-height: 0.24rem;
		padding-right: 0.25rem;
	}
	.products-list .top .icon {
		right: 0.08rem;
		top: 0.6rem;
		width: 0.14rem;
	}
	.products-list .top .icon span {
		width: 0.14rem;
		height: 0.10rem;
		margin-bottom: 0.02rem;
	}
	.products-list .list {
		/*width: 24.08rem;*/
	}
	.products-list .list li div {
		width: 1.71rem;
		margin-right: 0.01rem;
		/*height: 0.70rem;*/
		height: 1.50rem;
		font-size: 0.22rem;
		line-height: 0.30rem;
		border-bottom: 0.01rem solid #eee;
	}
	.products-list .list li:first-child div {
		border-top: 0.01rem solid #eee;
	}
	.products-list .list li div a {
		font-size: 0.22rem;
		line-height: 0.30rem;
		color: #0699d0;
	}
	.products-list .mCSB_scrollTools {
		opacity: 1;
    	filter: "alpha(opacity=100)";
    	-ms-filter: "alpha(opacity=100)";
	}
	.products-list .mCSB_scrollTools.mCSB_scrollTools_horizontal {
		height: 0.20rem;
	}
	.products-list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.products-list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
		opacity: 0;
	}
	.products-list .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
		margin: 0;
	}
	.products-list .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
	.products-list .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		-webkit-border-radius: 0.02rem;
    	-moz-border-radius: 0.02rem;
    	border-radius: 0.02rem;
	}
	.products-list .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.products-list .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
		height: 0.06rem;
		margin: 0.07rem 0;
	}
	.products-list .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.products-list .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
		height: 0.08rem;
		margin: 0.06rem 0;
	}
	.ms {
		position: absolute;
		top: 0;
		left: 2.00rem;
		right: 0.30rem;
		z-index: 100000;
		display: none;
	}
	.productsDetails-title {
		border-bottom: 0.01rem solid #eee;
		padding-bottom: 0.18rem;
		margin-bottom: 0.16rem;
	}
	.productsDetails-title i {
		width: 0.24rem;
		height: 0.25rem;
		margin-top: 0.06rem;
	}
	.productsDetails-title span {
		margin-left: 0.14rem;
		font-weight: normal;
		font-size: 0.26rem;
		line-height: 0.36rem;
	}
	.productsDetails-txt01 {
		border-bottom: none;
		font-size: 0.24rem;
		padding-bottom: 0;
		line-height: 0.48rem;
		margin-bottom: 0.40rem;
	}
	.productsDetails-txt02 {
		font-size: 0.24rem;
		line-height: 0.48rem;
	}
	.introduction-title {
		margin-bottom: 0.08rem;
	}
	.introduction-title .title {
		float: none;
	}
	.introduction-title .title p {
		font-size: 0.28rem;
		line-height: 0.38rem;
		margin-bottom: 0.25rem;
	}
	.introduction-title .title span {
		width: 0.40rem;
		height: 0.02rem;
	}
	.introduction-title .desc {
		float: none;
		margin-top: 0.22rem;
		overflow: hidden;
		font-size: 0.24rem;
		line-height: 0.34rem;
	}
	.introduction-txt {
		font-size: 0.24rem;
		line-height: 0.48rem;
	}
	.introduction-con {
		margin-top: 0.38rem;
	}
	.introduction-left {
		float: none;
		width: 100%;
	}
	.introduction-left li {
		margin-bottom: 0.20rem;
	}
	.introduction-left .icon {
		width: 0.80rem;
		margin-top: 0.12rem;
	}
	.introduction-left .txt {
		margin-left: 0;
		float: right;
		width: 5.60rem;
	}
	.introduction-left .title {
		font-size: 0.24rem;
		line-height: 0.34rem;
		margin-bottom: 0.00rem;
	}
	.introduction-left .desc {
		font-size: 0.24rem;
		line-height: 0.48rem;
	}
	.introduction-right {
		width: 100%;
		float: none;
		margin-top: 0.30rem;
	}
	.certification-list li {
		width: 3.25rem;
		margin-right: 0;
		margin-bottom: 0.35rem;
	}
	.certification-list li:nth-of-type(2n) {
		float: right;
	}
	.certification-list .img {
		height: 2.10rem;
		line-height: 2.10rem;
		border: none;
	}
	.certification-list .title {
		height: 0.60rem;
		line-height: 0.60rem;
		font-size: 0.24rem;
		margin-top: 0.15rem;
	}
	.problem-list {
		margin-bottom: 0.30rem;
	}
	.problem-list li {
		padding: 0 0.17rem;
	}
	.problem-list .top {
		padding: 0.23rem 0;
	}
	.problem-list .top .icon {
		width: 0.35rem;
		height: 0.28rem;
		line-height: 0.28rem;
		font-size: 0.18rem;
		border-radius: 0.03rem;
		margin-top: 0.03rem;
	}
	.problem-list .top .title {
		margin-left: 0.17rem;
		font-size: 0.24rem;
		line-height: 0.34rem;
		max-width: 6.00rem;
	}
	.problem-list .con {
		padding-bottom: 0.30rem;
	}
	.problem-list .con .icon {
		width: 0.35rem;
		height: 0.28rem;
		line-height: 0.28rem;
		font-size: 0.18rem;
		border-radius: 0.03rem;
		margin-top: 0.10rem;
	}
	.problem-list .con .txt {
		margin-left: 0.17rem;
		font-size: 0.24rem;
		line-height: 0.48rem;
		max-width: 6.00rem;
	}
	.download-list {
		margin-bottom: 0.30rem;
		overflow: visible;
	}
	.download-list ul {
		overflow: visible;
	}
	.download-list ul::after {
		clear: both;
		display: block;
		height: 0;
		content: '';
	}
	.download-list li {
		margin-bottom: 0;
		overflow: visible;
		border-bottom: 0.01rem dashed #eee;
	}
	.download-list li::after {
		clear: both;
		display: block;
		height: 0;
		content: '';
	}
	.download-list .txt {
		background-color: #fff;
		height: 0.90rem;
		width: 6.35rem;
	}
	.download-list .icon {
		width: 0.25rem;
		height: 0.22rem;
		margin-top: 0.32rem;
	}
	.download-list .title {
		line-height: 0.90rem;
		height: 0.90rem;
		max-width: 5.50rem;
		font-size: 0.24rem;
		margin-left: 0.18rem;
	}
	.download-list .btn {
		width: 0.45rem;
		background-color: #fff;
		height: 0.45rem;
		line-height: 0.45rem;
		font-style: 0;
		margin-top: 0.22rem;
		position: relative;
		box-shadow: 0 0 0.15rem 0 rgba(0, 0, 0, 0.1);
	}
	.download-list .btn a {
		width: 0.45rem;
		line-height: 0.45rem;
		font-size: 0;
		background-color: #fff;
		height: 0.45rem;
		margin-top: 0.0rem;
		position: relative;
		box-shadow: 0 0 0.15rem 0 rgba(0, 0, 0, 0.1);
	}
	.download-list .btn span {
		display: block;
	}
	.download-list .btn i {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0.19rem;
		height: 0.20rem;
		margin-left: -0.095rem;
		margin-top: -0.10rem;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url('./../icon73.png');
	}
	.contact-con {
		padding: 0;
	}
	.contact-left {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.contact-left .item {
		margin-top: 0.52rem;
	}
	.contact-left .title {
		font-size: 0.26rem;
		line-height: 0.36rem;
		font-weight: normal;
		margin-bottom: 0.05rem;
	}
	.contact-left .txt {
		font-size: 0.24rem;
		line-height: 0.48rem;
	}
	.contact-left .txt span:nth-of-type(2) {
		margin-left: 0.72rem;
	}
	.contact-right {
		float: none;
		width: 100%;
		height: 4.10rem;
		margin-top: 0.38rem;
	}
	.feedback-right {
		width: 100%;
		float: none;
	}
	.feedback-right img:nth-of-type(1) {
		display: none;
	}
	.feedback-right img:nth-of-type(2) {
		display: block;
	}
	.feedback-left {
		width: 100%;
		float: none;
		margin-top: 0.45rem;
	}
	.feedback-item {
		margin-bottom: 0.20rem;
		float: none;
		width: 100%;
		border: none;
		height: 0.85rem;
		background-color: #f6f6f6;
	}
	.feedback-item .icon {
		display: none;
	}
	.feedback-item .title {
		display: block;
		line-height: 0.85rem;
		height: 0.85rem;
		float: left;
		font-size: 0.24rem;
		color: #666;
		width: 1.05rem;
		text-align: center;
	}
	.feedback-item .txt {
		margin-left: 0.15rem;
		margin-top: 0;
		width: 5.30rem;
	}
	.feedback-item .txt input {
		height: 0.85rem;
		font-size: 0.24rem;
	}
	.feedback-item .txt input::-webkit-input-placeholder {
		font-size: 0.24rem;
	}
	.feedback-item .txt input::-moz-input-placeholder {
		font-size: 0.24rem;
	}
	.feedback-item .txt input::-ms-input-placeholder {
		font-size: 0.24rem;
	}
	.feedback-content {
		border: none;
		background-color: #f6f6f6;
	}
	.feedback-content textarea {
		padding: 0.18rem 0.28rem;
		font-size: 0.24rem;
		line-height: 0.34rem;
		height: 2.00rem;
	}
	.feedback-content textarea::-webkit-input-placeholder {
		font-size: 0.24rem;
		line-height: 0.34rem;
	}
	.feedback-content textarea::-moz-input-placeholder {
		font-size: 0.24rem;
		line-height: 0.34rem;
	}
	.feedback-content textarea::-ms-input-placeholder {
		font-size: 0.24rem;
		line-height: 0.34rem;
	}
	.feedback-btn {
		margin-top: 0.50rem;
		width: 100%;
		height: 0.90rem;
		line-height: 0.90rem;
		font-size: 0.26rem;
	}
	.recruitment-list {
		margin-bottom: 0.20rem;
	}
	.recruitment-list li.active {
		background-color: #f9f9f9;
	}
	.recruitment-list li {
		margin-bottom: 0.20rem;
	}
	.recruitment-list .top {
		background-color: #f9f9f9;
		margin-bottom: 0.0rem;
	}
	.recruitment-list .top .post {
		max-width: 33.33%;
		width: 33.33%;
		text-align: left;
		font-size: 0.26rem;
		line-height: 0.80rem;
		height: 0.80rem;
		margin-left: 0.25rem;
		color: #444;
	}
	.recruitment-list .top .date {
		text-align: center;
		width: 26%;
		float: left;
		display: block;
		line-height: 0.80rem;
		height: 0.80rem;
		font-size: 0.22rem;
		color: #999;
	}
	.recruitment-list .top .icon {
		width: 0.40rem;
		height: 0.40rem;
		margin-top: 0.20rem;
		margin-right: 0.15rem;
	}
	.recruitment-list .line {
		height: 0.01rem;
		border-top: 0.01rem solid #eee;
		background-color: transparent;
		opacity: 0;
		transition: all 0.5s ease;
	}
	.recruitment-list li.active .line {
		opacity: 1;
	}
	.recruitment-list .content {
		font-size: 0.22rem;
		line-height: 0.48rem;
		border-bottom: none;
		padding: 0.15rem 0.25rem 0.38rem;
	}
	.application-item {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.20rem;
		background-color: #f6f6f6;
		display: -ms-flex;
	    display: flex;
	    -ms-justify-content: center;
	    justify-content: center;
	    -ms-align-items: center;
	    align-items: center;
	    -ms-flex-direction: row;
	    flex-direction: row;
	}
	.application-item .title {
		font-size: 0.24rem;
		height: 0.85rem;
		line-height: 0.85rem;
		width: 1.35rem;
		margin-right: 0.65rem;
		margin-left: 0.30rem;
	}
	.application-item .txt {
		width: auto;
		height: 0.85rem;
		border: none;
		background-color: transparent;
		flex: 1;
	}
	.applicationModel .txt span {
		font-size: 0.24rem;
		line-height: 0.34rem;
		text-align: left;
		height: 0.34rem;
	}
	.applicationModel .txt i {
		width: 0.11rem;
		height: 0.21rem;
		background-image: url('./../icon74.png');
		margin-right: 0.18rem;
	}
	.applicationModel .active i {
		transform: rotate(90deg);
	}
	.applicationScroll {
		top: 0.85rem;
		border: 0.01rem solid #eee;
		max-height: 3.00rem;
	}
	.applicationScroll li {
		height: 0.60rem;
		line-height: 0.60rem;
		font-size: 0.22rem;
		border-bottom: 0.01rem solid #eee;
	}
	.products-tabs .mCustomScrollBox>.mCSB_scrollTools {
		width: 0.10rem;
	}
	.products-tabs .mCSB_scrollTools .mCSB_draggerRail {
		width: 0.04rem;
	}
	.products-tabs .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		width: 0.08rem;
	}
	.application-item .txt input {
		font-size: 0.24rem;
		width: 100%;
		margin: 0;
		height: 0.50rem;
		margin-top: 0.18rem;
	}
	.application-item .txt input::-webkit-input-placeholder {
		font-size: 0.24rem;
	}
	.application-item .txt input::-moz-input-placeholder {
		font-size: 0.24rem;
	}
	.application-item .txt input::-ms-input-placeholder {
		font-size: 0.24rem;
	}
	.application-tip {
		margin-top: 0.15rem;
		margin-bottom: 0.50rem;
		font-size: 0.24rem;
		line-height: 0.34rem;
	}
	.application-btn {
		width: 100%;
		height: 0.90rem;
		line-height: 0.90rem;
		font-size: 0.26rem;
	}
}



.casesDetails-title {
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 34px;
	color: #666;
}
.casesDetails-date {
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	margin-top: 8px;
	margin-bottom: 12px;
}
.casesDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 14px;
	line-height: 28px;
	color: #666;
}
.casesDetails-other {
	width: 100%;
	border-top: 1px solid #eee;
	margin-top: 30px;
	padding-top: 22px;
	overflow: hidden;
}
.casesDetails-nav {
	float: left;
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.casesDetails-nav p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.casesDetails-nav p a {
	font-size: 14px;
	line-height: 30px;
	color: #666;
	transition: all 0.5s ease-in-out;
}
.casesDetails-nav p a:hover {
	color: #f79647;
}
.casesDetails-return {
	float: right;
	overflow: hidden;
}
.casesDetails-return a {
	display: block;
	width: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	position: relative;
	transition: all 0.5s ease-in-out;
	padding-left: 23px;
}
.casesDetails-return a:hover {
	color: #f79647;
}
.casesDetails-return a i {
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 14px;
	height: 12px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../casesDetails-icon01.png');
}

@media screen and (max-width: 750px) {
	.casesDetails-title {
		font-size: 0.30rem;
		line-height: 0.40rem;
	}
	.casesDetails-date {
		font-size: 0.24rem;
		line-height: 0.34rem;
		margin-top: 0.10rem;
		margin-bottom: 0.10rem;
	}
	.casesDetails-txt {
		font-size: 0.24rem;
		line-height: 0.48rem;
	}
	.casesDetails-other {
		margin-top: 0.30rem;
		padding-top: 0.20rem;
		border-top: 0.01rem solid #eee;
	}
	.casesDetails-nav {
		width: 100%;
		max-width: 100%;
		float: none;
	}
	.casesDetails-nav p,
	.casesDetails-nav p a {
		font-size: 0.24rem;
		line-height: 0.50rem;
	}
	.casesDetails-return {
		display: none;
	}
}