﻿/*

  COLORS
  Better default colors for the web

*/
/* 

   VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/
/*

   SKINS
   - Backgrounds
   - Colors
   - Border colors
   - SVG fills
   - SVG Strokes

*/
/* Backgrounds */
.bg-navy { background-color: #001F3F; }
.bg-blue { background-color: #0074D9; }
.bg-aqua { background-color: #7FDBFF; }
.bg-teal { background-color: #39CCCC; }
.bg-olive { background-color: #3D9970; }
.bg-green { background-color: #2ECC40; }
.bg-lime { background-color: #01FF70; }
.bg-yellow { background-color: #FFDC00; }
.bg-orange { background-color: #FF851B; }
.bg-red { background-color: #FF4136; }
.bg-fuchsia { background-color: #F012BE; }
.bg-purple { background-color: #B10DC9; }
.bg-maroon { background-color: #85144B; }
.bg-white { background-color: #FFFFFF; }
.bg-gray { background-color: #AAAAAA; }
.bg-silver { background-color: #DDDDDD; }
.bg-black { background-color: #111111; }
/* Colors */
.navy { color: #001F3F; }
.blue { color: #0074D9; }
.aqua { color: #7FDBFF; }
.teal { color: #39CCCC; }
.olive { color: #3D9970; }
.green { color: #2ECC40; }
.lime { color: #01FF70; }
.yellow { color: #FFDC00; }
.orange { color: #FF851B; }
.red { color: #FF4136 !important; }
.fuchsia { color: #F012BE; }
.purple { color: #B10DC9; }
.maroon { color: #85144B; }
.white { color: #FFFFFF; }
.silver { color: #DDDDDD; }
.gray { color: #AAAAAA; }
.black { color: #111111; }
/* Border colors 

   Use with another border utility that sets border-width and style 
   i.e .border { border-width: 1px); border-style: solid); }     
*/
.border--navy { border-color: #001F3F; }
.border--blue { border-color: #0074D9; }
.border--aqua { border-color: #7FDBFF; }
.border--teal { border-color: #39CCCC; }
.border--olive { border-color: #3D9970; }
.border--green { border-color: #2ECC40; }
.border--lime { border-color: #01FF70; }
.border--yellow { border-color: #FFDC00; }
.border--orange { border-color: #FF851B; }
.border--red { border-color: #FF4136; }
.border--fuchsia { border-color: #F012BE; }
.border--purple { border-color: #B10DC9; }
.border--maroon { border-color: #85144B; }
.border--white { border-color: #FFFFFF; }
.border--gray { border-color: #AAAAAA; }
.border--silver { border-color: #DDDDDD; }
.border--black { border-color: #111111; }
/* Fills for SVG */
.fill-navy { fill: #001F3F; }
.fill-blue { fill: #0074D9; }
.fill-aqua { fill: #7FDBFF; }
.fill-teal { fill: #39CCCC; }
.fill-olive { fill: #3D9970; }
.fill-green { fill: #2ECC40; }
.fill-lime { fill: #01FF70; }
.fill-yellow { fill: #FFDC00; }
.fill-orange { fill: #FF851B; }
.fill-red { fill: #FF4136; }
.fill-fuchsia { fill: #F012BE; }
.fill-purple { fill: #B10DC9; }
.fill-maroon { fill: #85144B; }
.fill-white { fill: #FFFFFF; }
.fill-gray { fill: #AAAAAA; }
.fill-silver { fill: #DDDDDD; }
.fill-black { fill: #111111; }
/* Strokes for SVG */
.stroke-navy { stroke: #001F3F; }
.stroke-blue { stroke: #0074D9; }
.stroke-aqua { stroke: #7FDBFF; }
.stroke-teal { stroke: #39CCCC; }
.stroke-olive { stroke: #3D9970; }
.stroke-green { stroke: #2ECC40; }
.stroke-lime { stroke: #01FF70; }
.stroke-yellow { stroke: #FFDC00; }
.stroke-orange { stroke: #FF851B; }
.stroke-red { stroke: #FF4136; }
.stroke-fuchsia { stroke: #F012BE; }
.stroke-purple { stroke: #B10DC9; }
.stroke-maroon { stroke: #85144B; }
.stroke-white { stroke: #FFFFFF; }
.stroke-gray { stroke: #AAAAAA; }
.stroke-silver { stroke: #DDDDDD; }
.stroke-black { stroke: #111111; }

.center {
	text-align:center;
}

.form .vxg-jrmw-list,.form .vxg-jrmw-search>div:last-child {
	border:none;
}
.form .vxg-jrmw-list .title {
	display:inline-block;
	width:80px;
	overflow:hidden;
}
.vxg-jrmw-list h6 .submit {
	margin-left:180px;
	width:120px;
}
.bold {
	font-weight:bold !important;
}



.l_button {
    background-size:100% 100%;  
    width: 960px;
    height:700px;
}

.form label {
	font-size:14px !important;
}
.form .error {
	padding-left:10px;
	color:#FF4136;
}

.icon-color-gray { 
    -webkit-filter: grayscale(3%) brightness(357%);
    -moz-filter: grayscale(3%) brightness(357%);
    -ms-filter: grayscale(3%) brightness(357%);
    -o-filter: grayscale(3%) brightness(357%);
    
    filter:grayscale(3%) brightness(357%)
}

#employee-img{
	height:320px;
	margin-top:80px;
}

.productSize {
	width:500px;
	height:310px;
}

.hidden {
	display:none;
}
.pdtb20{
	padding:20px;
}
.V-jrmw-padding{
	width: 1260px;
    margin: 0 70px 0 150px;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}
.ind_ab_note a.ind_index_more{
	width: 160px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #80a3ce;
    display: block;
    text-align: center;
    /* margin-top: 50px; */
}

.V-jrmw-index_words {
    margin-left: 30%;
}
.V-jrmw-left img {
    width: 100%;
    transition: all 1s ease-in-out;
    height:333px;
}
.custom_service .vxg-form-qq{
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../images/icon_qq.png);
    display: inline-block;
    z-index: 9;
   
}
.custom_service .vxg-form-tel{
    width: 30.5px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(../images/icon_tel.png);
    display: inline-block;
    z-index: 9;
   
}
.custom_service .vxg-form-top{
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../images/icon_top.png);
    display: inline-block;
    z-index: 9;
}
.swiper-wrapper .videoD {
    color: #fff;
    font-size: 14px;
    padding: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.6);
}
a.green-color:hover{  
	color: #f4f5f9 !important;
}

