* {
	margin: 0;
	padding: 0;
}

[v-cloak] {
	display: none;
}

body, html {
	position: relative;
	width: 100%;
	height: 100%;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
	color: #333;
}

/**
* 非大面积文字排版网站通常不需要列表项，如果需要可单独设置
*/
ul, li, ol {
	list-style: none;
	cursor: pointer;
}

span, i, img {
	cursor: pointer;
}

/* ==========================================================================
 链接
 ========================================================================== */

/**
/**
* 1. 去除链接默认的下划线，提高文字可读性
* 2. 去掉 IE 10+ 点击链接时的灰色背景
*/
a {
	cursor: pointer;
	text-decoration: none;
	/* 2 */
	color: #333;
	outline: 0;
	/* 1 */
	background-color: transparent;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

a, a:hover, a:active, a:visited, a:link, a:focus {
	-webkit-user-select: none;
	-moz-user-select: none;
	text-decoration: none;
	outline: none;
	background: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	-moz-user-focus: none;
}

/*去掉背景框*/
input, select, textarea, button {
	outline: none;
	font-family: 'Microsoft YaHei';
}

button:focus {
	outline: none;
}

.s3 {
	width: 100%;
}

/*去掉背景高亮*/
input::-webkit-input-placeholder {
	color: #e0e0e0;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #e0e0e0;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #e0e0e0;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #e0e0e0;
}

input, textarea {
	border: 0;
}

.p10 {
	padding-left: 10%;
}

.show {
	display: blcok;
}

.hide {
	display: none !important;
}

.clearfix {
	display: block;
	clear: both;
	height: 0;
	content: '.';
	vertical-align: middle;
}

.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.bg-img {
	width: 100%;
	background-size: 100%;
}

.container, .service{
	width: 100%;
	height: auto;
}

.header, .content, .content2, .serve, .second-part, .footer {
	width: 62%;
	height: auto;
	margin: auto;
}

.content3{
	width: 80%;
	height: auto;
	margin: auto;
}

.content4{
	width: 50%;
	height: auto;
	margin: auto;
	padding: 0 20px;
}

.header-next, .content-next, .content-next2, .serve-next,
	.second-part-next, .footer-next {
	width: 90%;
	height: auto;
	margin: auto;
}

.head-logo {
	box-sizing: border-box;
 	/* width: 36%;  */
}

.head-mains .head-logo {
	box-sizing: border-box;
	width: 30%;
}

.logo-img {
	width: 120px;
	height: auto;
}

.header .head-title{
	color: #CCC
}

.header ul {
	/* padding-right: 10%; */
	box-sizing: border-box;
	width: 64%;
	height: 20px;
}

.header .head-title,.header ul, .header .head-logo{
	display: table-cell;
	vertical-align: bottom;
}

.head-main {
	position: relative;
	z-index: 99;
	top: 0;
	left: 50%;
	width: 100%;
	height: auto;
	padding-top: 5px;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0);
}

.head-mains {
	position: relative;
	z-index: 99;
	top: 0;
	left: 50%;
	width: 100%;
	height: auto;
	padding-top: 30px;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0);
}

.header, .header-next {
	display: table; 
	padding-bottom: 20px;
	justify-content: space-between;
}

.head-mains .header, .head-mains .header-next {
	padding-bottom: 30px;
}

.fixed {
	position: fixed;
	background: rgba(255, 255, 255, .4);
}

.head-mains .p10 {
	padding-left: 0;
}

.head-mains .head_span {
	width: 20%;
	color: #919191;
}

.head-mains .head_span i {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #919191;
	margin-left: 18%;
}

.header ul li {
	font-size: 16px;
	line-height: 20px;
	float: left;
	width: 16.6%;
	height: 20px;
	text-align: center;
}

.head-mains .header ul li {
	font-size: 12px;
}

.head-main ol {
	width: 100%;
	box-shadow: 0 5px 15px #999;
}

.head-main ol li, .head-mains ol li {
	font-size: 16px;
	line-height: 60px;
	width: 100%;
	height: 60px;
	text-align: center;
	background: #fff;
}

.head-main ol li a {
	color: #666;
}

.head-main ol li:hover {
	color: #fff;
	background: #999;
}

.head-main ol li:hover a {
	color: #fff;
}

.header ul li a {
	color: #CCC;
	font-weight: 700;
	font-size: 18px;
}

.head-mains .header ul li a {
	color: #333;
}

.head-mains ol li {
	background: #333333;
	color: #fff;
}

.head-mains ol li a {
	color: #fff;
}

.head-mains ol li:hover {
	color: #333;
	background: #fff;
}

.head-mains ol li:hover a {
	color: #333;
}

.head-mains ol {
	width: 100%;
	box-shadow: 0 5px 25px #000000;
}

.header ul li a:hover {
	/* color: #0000ff; */
	color: #28ABFF;
}

.header ul li a.selected {
	/* color: #0000ff; */
	color: #28ABFF;
}

.slide-fade-enter-active {
	-webkit-animation: fadeInDown2 .6s 0s ease both;
	-moz-animation: fadeInDown2 .6s 0s ease both;
}

.slide-fade-leave-active {
	-webkit-animation: fadeInDown3 .6s 0s ease both;
	-moz-animation: fadeInDown3 .6s 0s ease both;
}

@
-webkit-keyframes fadeInDown2 { 0% {
	height: 0;
	opacity: 0;
}

100%
{
height
:
 
360
px
;


        
opacity
:
 
1;
}
}
@
-moz-keyframes fadeInDown2 { 0% {
	height: 0;
	opacity: 0;
}

100%
{
height
:
 
360
px
;


        
opacity
:
 
1;
}
}
@
-webkit-keyframes fadeInDown3 { 0% {
	height: 360px;
	opacity: 1;
}

100%
{
height
:
 
0;
opacity
:
 
0;
}
}
@
-moz-keyframes fadeInDown3 { 0% {
	height: 360px;
	opacity: 1;
}

100%
{
height
:
 
0;
opacity
:
 
0;
}
}
.content, .content-next {
	margin-top: 40px;
}

.content2, .content-next2 {
	margin-top: 140px;
	margin-bottom: 148px;
}

.content3, .content-next {
	margin-top: 40px;
}

.s1 {
	margin-top: 50px;
	margin-bottom: 90px;
}

.s4 {
	margin-bottom: 40px;
}

.case {
	width: 100%;
	height: 100%;
}

.content-title {
	position: relative;
	left: 50%;
	text-align: center; 
	/* width: 269px; */
	transform: translateX(-50%);
	color: #28ABFF;font-size: 18px;
}

.content-title2 {
	position: relative;
	left: 50%;
	/* width: 90%; */
	text-align: center;
	transform: translateX(-50%);
}

.content-title span, .content-title2 span{
    padding-right: 5px;
    /* color: #777; */
    font-family: "Microsoft Yahei", 微软雅黑, Tahoma, Arial, Helvetica, STHeiti;
    line-height: 20px;
    vertical-align: middle;
    color: #28ABFF;
    font-size: 20px;
}

.content ul.case-list, .content-next ul.case-list {
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
}

.content ul.case-list li {
	position: relative;
	float: left;
	width: 33.33%;
	margin-top: 40px;
}

.content-next ul.case-list li {
	position: relative;
	width: 100%;
	margin: auto;
	margin-top: 40px;
}

.content ul.case-list li a img, .content-next ul.case-list li a img {
	width: 100%;
}

.content ul.case-list li a p {
	font-size: 19px;
	font-weight: bold;
	line-height: 60px;
	color: #727171;
}

.content ul.case-list li a span {
	font-size: 14px;
	color: #5c5c5c;
}

.content-next ul.case-list li a p {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #727171;
}

.content-next ul.case-list li a span {
	font-size: 10px;
	line-height: 30px;
	color: #5c5c5c;
}

.moveImgBox {
	font-size: 20px;
	line-height: 220px;
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 340px;
	-webkit-animation: fadeInDown .6s .2s ease both;
	-moz-animation: fadeInDown .6s .2s ease both;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, .7);
}

@
-webkit-keyframes fadeInDown { 0% {
	height: 0;
	opacity: 0;
}

100%
{
height
:
 
340
px
;


        
opacity
:
 
1;
}
}
@
-moz-keyframes fadeInDown { 0% {
	height: 0;
	opacity: 0;
}

100%
{
height
:
 
340
px
;


        
opacity
:
 
1;
}
}
.case-menu {
	line-height: 40px;
	display: block;
	width: 162px;
	height: 40px;
	margin: 80px auto 40px;
	text-align: center;
	color: #1fb8eb;
	border: 2px solid #1fb8eb;
}

.case-menu2 {
	margin: 40px auto 40px;
}

/*服务*/
.service {
	padding: 40px 0;
}

.service2 {
	padding: 30px 0 60px;
}

.serve ul{
	display: flex;
	width: 100%;
	margin-top: 30px;
	justify-content: center;
}

.material ul{
	display: flex;
	width: 100%;
	margin-top: 30px;
	justify-content: center;
}

.serve ul li {
	position: relative;
	top: 0;
	float: left;
	width: 360px;
	height: 420px;
	transition: top .3s linear 0s, background .5s linear 0s;
	text-align: center;
	background-color: #FBDBD0;
}

.material ul li {
	position: relative;
	top: 0;
	float: left;
	width: 240px;
	height: 176px;
	transition: top .3s linear 0s, background .5s linear 0s;
	text-align: center;
	background-color: #FFF;
}

.serve ul li, .material ul li{
	margin: 0 20px;
}

.serve ul li img{
	margin: 70px 0 36px;
}

.serve ul li p{
	font-size: 20px;
	color: #000;
}

.serve ul li i{
	display: block;
	width: 60%;
	height: 1px;
	margin: 40px auto;
	background: #777;
}

.serve ul li span{
	line-height: 26px;
	display: block;
	color: #777;
}

.serve ul li .move-img {
	transition: opacity 1s linear 0s;
	opacity: 1;
	width: 54px;
}

.material ul li .static-img {
	width: 240px;
}

.material ul li img{
	margin: 5px 0 8px;
}

.material ul li span {
    line-height: 26px;
    display: block;
    color: rgb(119, 119, 119);
}

.serve ul li:hover ,.material ul li:hover {
	top: -10px;
	box-shadow: 0 5px 15px #999;
}

.serve-next ul,.material-next ul {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.serve-next ul li,.material-next ul li {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 30px;
	padding-top: 40px;
	text-align: center;
	background: #fff;
}

.serve-next ul li p:nth-child(2), .material-next ul li p:nth-child(2){
	font-weight: bold;
	margin-top: 10px;
}

.serve-next ul li i,.material-next ul li i{
	display: block;
	width: 60%;
	height: 1px;
	margin: 10px auto;
	background: #d3d3d3;
}

/*客户*/
.custom {
	margin: 40px 0 60px;
}

ul.custom-list {
	display: flex;
	padding-bottom: 112px;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-grow: 1;
}

ul.custom-list li {
	float: left;
	width: 16.6%;
	/* margin-right: 20px; */
	margin-bottom: 65px;
}

.content-next ul.custom-list {
	margin-top: 20px;
	padding-bottom: 40px;
}

.content-next ul.custom-list li {
	float: left;
	width: 33.33%;
	/* margin-right: 20px; */
	margin-bottom: 65px;
}

ul.custom-list li:nth-child(6n) {
	margin-right: 0;
}

ul.custom-list li a {
	display: flex;
	justify-content: center;
}

ul.custom-list li a img {
	width: 75%;
	height: 75%;
	background-size: 75%;
}

/**查询相关**/
.search-box{
	position: relative;
    display: inline-block;
}
.ui-textbox {
    font-size: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.state-disabled{
    color: #999;
    cursor: not-allowed;
}
.ui-button-x {
    padding: 0 10px;
}
.ui-button {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    color: rgb(16, 140, 238);
    background-color: rgb(234, 246, 254);
    font-family: "Microsoft Yahei", 微软雅黑, Tahoma, Arial, Helvetica, STHeiti;
    user-select: none;
    display: inline-block;
    zoom: 1;
    cursor: pointer;
}
.ui-textbox-input-area {
    display: inline-block;
    position: relative;
}
.search-box .search-tb input {
    padding-right: 30px;
    width: 150px;
}
.ui-button-x .iconfont {
    font-size: 16px;
    margin: 0 2px;
}
.ui-textbox-x input {
    line-height: 1;
}
.ui-textbox input, .ui-textbox textarea {
    font-size: 12px;
    background: #FFF;
    vertical-align: middle;
    color: #333;
    border: 1px solid #ccc;
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
    font-family: 'Microsoft Yahei',Arial,Helvetica,sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
.ui-textbox input:hover, .ui-textbox textarea:hover {
    border-color: #2468f2;
}
.icon-search:before {
    content: "\e799";
}
.icon-camera{
	position: absolute;
    right: 40px;
    top: 1px;
    padding: 5px;
    cursor: pointer;
}
.search-box .search-file {
    position: absolute;
    right: 290px;
 	top: 1px;
    padding: 5px;
    cursor: pointer;
}
.search-box .search-img {
    position: absolute;
    top: 1px;
    left: 50px;
    width: 172px;
    height: 28px;
    padding-left: 10px;
    line-height: 28px;
    cursor: pointer;
}
.search-box .search-img img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

/*案例*/
.case-content {
	margin-bottom: 80px;
}

ul.title-ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

ul.title-ul li {
	font-size: 16px;
	margin-right: 10px;
	padding: 10px 20px;
	border: 1px solid #6e6e6e;
}

ul.title-ul li.titleSelect {
	border: 1px solid #ffeb00;
	background: #ffeb00;
}

ul.title-ul li:hover {
	border: 1px solid #ffeb00;
	background: #ffeb00;
}

div.title-ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

div.title-ul .swiper-slide {
	font-size: 16px;
	line-height: 30px;
	position: relative;
	width: 100%;
	height: auto;
	margin-right: 10px;
	padding: 4px;
	text-align: center;
	border: 1px solid #6e6e6e;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
}

div.title-ul .swiper-slide:hover {
	border: 1px solid #ffeb00;
	background: #ffeb00;
}

.case-content div.title-ul .swiper-slide:hover {
	border: 1px solid #6e6e6e;
	background: #ffffff;
}

div.title-ul .titleSelect, .container .case-content div.title-ul .titleSelect
	{
	border: 1px solid #ffeb00;
	background: #ffeb00;
}

/*案例详情*/
.content .detail-img {
	width: 100%;
	margin-top: -130px;
}

.content-next .detail-img {
	width: 100%;
	margin-top: -86px;
}

.part-title {
	position: relative;
	left: 50%;
	margin: 92px 0;
	transform: translateX(-50%);
}

ul.color-part {
	display: flex;
	flex-direction: row;
	width: 70%;
	margin: 0 auto 108px;
	justify-content: space-between;
}

ul.color-part li {
	width: 60px;
	height: auto;
}

ul.color-part li .colorBox {
	display: block;
	width: 60px;
	height: 32px;
}

ul.color-part li .color1 {
	background: #1bbc9b;
}

ul.color-part li .color2 {
	background: #cd5755;
}

ul.color-part li .color3 {
	background: #e5e5e5;
}

ul.color-part li p {
	margin-top: 10px;
	text-align: center;
}

.second-part ul {
	display: flex;
	flex-direction: row;
	width: 70%;
	margin: 0 auto 108px;
	justify-content: space-between;
}

.second-part ul.details29 {
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
}

.second-part ul.details29 li {
	width: 16.43%;
	margin-bottom: 40px;
}

.second-part-next ul {
	display: flex;
	flex-direction: row;
	width: 90%;
	margin: 0 auto 108px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.second-part ul.details29, .second-part-next ul.details29, .second-part ul.details37,
	.second-part-next ul.details37 {
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
}

.second-part-next ul.details3 {
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
}

.second-part ul.details29 li, .second-part-next ul.details3 li {
	width: 16.43%;
	margin-bottom: 40px;
}

.second-part ul.details37 li {
	width: 20%;
	margin-bottom: 40px;
}

.content .part-img {
	position: relative;
	display: block;
	margin: 0 auto 260px;
	width: 100%;
}

.content-next .part-img {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 160px;
}

/*404*/
.negative {
	margin-bottom: -4px;
}

.negative a {
	display: block;
}

/*contact*/
.content2:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.address1 {
	position: relative;
	width: 40%;
	float: left;
}

.address {
	position: relative;
}

.address>img {
	width: 100%;
	display: block;
}

.ads {
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
}

.ads>img {
	margin-bottom: 10px;
}

.ads div {
	margin-top: 30px;
}

.ads div p:first-child {
	color: #999999;
	font-size: 12px;
}

.ads div p:last-child {
	color: #ffffff;
	margin-top: 10px;
}

.demand-select1 {
	float: right;
	width: 50%;
}

.demand-select>p:nth-child(1) {
	font-size: 30px;
	font-weight: bold;
}

.demand-select>p:nth-child(2) {
	line-height: 30px;
}

.eamil-text>div:nth-child(-n+2){
	display: flex;
	flex-direction: row;
	justify-content: space-between;	
}

.eamil-text {
	margin-top: 30px;
	width: 100%;
}

.eamil-text>div {
	width: 100%;
	margin-top: 20px;
}

.eamil-text>div>div {
	width: 47%;
}

.eamil-text>div input[type="text"] {
	border: 1px solid #eeeeee;
	background: #edf1f4;
	border-radius: 50px;
	height: 34px;
	width: 100%;
	padding: 4px 10px;
	box-sizing: border-box;
}

.eamil-text>div input[type="radio"] {

}

.eamil-text>div textarea {
	border: 1px solid #eeeeee;
	background: #edf1f4;
	border-radius: 5px;
	height: 80px;
	width: 100%;
	padding: 4px 10px;
	box-sizing: border-box;
}

.eamil-text>div p, .eamil-text>div label{
	padding-left: 10px;
	box-sizing: border-box;
	color: #c2c2c2;
	line-height: 30px;
}

.contact-btn {
	display: block;
	width: 70%;
	height: 46px;
	background: #ffeb00;
	line-height: 46px;
	text-align: center;
	border-radius: 50px;
	border: none;
	margin: 5% auto 0;
	color: #666666;
	cursor: pointer;
}

/*回到顶部*/
.fix {
	position: fixed;
	bottom: 5%;
	right: 3%;
	display: flex;
	flex-direction: column;
}

.fix img {
	margin-bottom: 10px;
}

.required {
    color: red;
    display: inline-block;
    padding-left: 5px;
}


.channel-banner {
    height: 350px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
}
.channel-banner .banner-info {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 0;
    right: 0;
    z-index: 3;
}
.channel-banner .banner-info h3 {
    font-size: 40px;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
}
.text-center {
    text-align: center;
}
.text-white {
    color: #fff;
}

/* 软件介绍 */
.soft-info-container {
    width: 1141px;
    margin: 20px auto 0px;
}
.soft-info-list {
    display: flex;
    margin-top: 6px;
}
.soft-info-left {
    width: 571px;
    min-height: 312.8px;
    padding: 34px 43px 39px 0px;
}
.soft-info-img {
    width: 520px;
    height: 240px;
}
.soft-info-right {
    width: 570px;
    min-height: 312.8px;
    padding: 34px 0px 39px 50px;
}
.soft-info-text {
    width: 425px;
    padding-top: 55px;
}
.soft-info-text-line {
    margin-bottom: 25px;
    list-style: none;
    font-size: 14px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
}
.pic {
    width: 100%;
    height: 100%;
}
img {
    border: 0;
    border-style: none;
    vertical-align: bottom;
}
.formula-left {
	display: inline-block;
    width: 250px;
    height: 230px;
    margin: 0 5px 5px 0;
    vertical-align: top;
}
.formula-right {
	display: inline-block;
    margin: 0 5px 5px 0;
    vertical-align: top;
}
.formula-right table{
	width:700px;border-collapse: collapse; border: solid 1px; border-color:#495057, margin: 0px auto 0;
}
.formula-right tr{
	height: 30px;
}
.formula-right td, .formula-right th{
	border: solid 1px; border-color:#495057,
}

.formula-table {
    margin: 0 auto;
    vertical-align: top;
}
.formula-table table{
	width:1000px;border-collapse: collapse; border: solid 1px; border-color:#495057, margin: 0px auto 0;
}
.formula-table tr{
	height: 30px;
}
.formula-table td, .formula-table th{
	border: solid 1px; border-color:#495057,
}
.formula-table input{
	width:80%;
	text-align: center;
}

.coating-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}
.coating-list {
    width: 250px;
    height: 230px;
    margin: 0 5px 5px 0;
}
/** 粉末色块 **/
.formula-color{
	width: 230px;
    height: 140px;
    border-radius: 3px;
    border: none;
}
.formula-text{
	display: block;
 	text-align: center;
 	line-height: 28px;
}
.formula-text-large{
	display: block;
 	text-align: center;
 	line-height: 28px;
 	font-weight: bold;
}
.title-c h3 {
    position: relative;
    font-size: 30px;
    text-transform: uppercase;
    margin: 20px auto;
    font-weight: 600;
    color: #55606a;
}
.lab{
	font-size: 100px;
	text-align: center;
	font-weight: 600;
	color: #55606a;
}
.lab img{
	vertical-align: middle;	
}
.input-group{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-addon {
	display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
}
.form-control {
    display: inline-block;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.search-label{
	margin-right: 2%;
}
@font-face {font-family:'Glyphicons Halflings';src:url("fonts/glyphicons-halflings-regular.eot");src:url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),url("fonts/glyphicons-halflings-regular.woff") format("woff"),url("fonts/glyphicons-halflings-regular.ttf") format("truetype"),url("glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")}
.glyphicon {position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.glyphicon-search:before {
    content: "\e003";
}
.glyphicon-remove:before {
    content: "\e014";
}
.btn {
	cursor: pointer;
    border-radius: 3px;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    order: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    user-select: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* 提示符 */
.prompt-text{color: #28ABFF;font-size: 18px;}


/** drop zone **/
.dropzone {
    padding: 2px !important;
    border: 1px solid rgba(0,0,0,0.3) !important;
}
.dropzone .dz-message .dz-button {padding: 62px 0 0 !important;}
.dropzone .dz-preview .dz-remove {color: #28ABFF !important;}
.dropzone .dz-preview {margin: 8px 8px 0 !important;}



/*浏览器窗口大于 750px */
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.header, .content, .content2, .serve, .second-part, .footer {
		width: 62%;
		height: auto;
		margin: auto;
	}
	.content, .content-next {
		margin-top: 40px;
	}
	.content2, .content-next2 {
		margin-top: 140px;
		margin-bottom: 148px;
	}
	.content3, .content-next {
		margin-top: 40px;
	}	
	.head-mains .header {
		width: 72%;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	.head-mains .head_span i {
		margin-left: 10%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
	.header, .content, .content2, .serve, .second-part, .footer {
		width: 100%;
		height: auto;
		margin: auto;
	}
	.content, .content-next {
		margin-top: 40px;
	}
	.content2, .content-next2 {
		margin-top: 140px;
		margin-bottom: 148px;
	}
	.content3{
		width: 80%;
		height: auto;
		margin: auto;
	}
}

@media only screen and (min-width: 414px) and (max-width: 768px) {
	.content-next ul.case-list li a p {
		font-size: 24px;
	}
	.content-next ul.case-list li a span {
		font-size: 18px;
	}
	.service-p p{
		font-size: 18px;
		line-height: 38px;
	}
	.service-p a{
		font-size: 18px;
	}
	.content, .content-next {
		margin-top: 40px;
	}
	.content2, .content-next2 {
		margin-top: 140px;
		margin-bottom: 148px;
	}
	.content3, .content-next {
		margin-top: 40px;
	}
	.head-mains {
		padding-top: 20px;
	}
	.head-mains .header, .head-mains .header-next {
		padding-bottom: 10px;
	}
}

/*浏览器窗口小于 750px */
@media only screen and (max-width: 414px) {
	.content-next ul.case-list li a p {
		font-size: 16px;
	}
	.content-next ul.case-list li a span {
		font-size: 12px;
	}
	.service-p p{
		font-size: 14px;
		line-height: 30px;
	}
	.service-p a{
		font-size: 14px;
	}
	.content, .content-next {
		margin-top: 40px;
	}
	.content2, .content-next2 {
		margin-top: 40px;
		margin-bottom: 148px;
	}
	.content3, .content-next {
		margin-top: 40px;
	}
	.head-mains {
		padding-top: 20px;
	}
	.head-mains .header, .head-mains .header-next {
		padding-bottom: 10px;
	}
}