﻿
a { color: #666; }
.home_mar { padding: 90px 0; padding-bottom: 0}
.ind_pro_title h5 { text-transform: uppercase; }
.clm5 { margin: 0px -5px; }
.clp5 { padding: 0px 5px; }

/*contact*/
.contact_left { width: 66.666%; position: relative;}
.outline_v input { border: none; border-bottom: 1px solid #dfdfdf; height: 40px; width: 100%; }
.outline { padding: 0px 25%; }
.outline_v textarea { border: none; border-bottom: 1px solid #dfdfdf; height: 120px; width: 100%; line-height: 30px; resize: none; }
.outline_tit { font-size: 30px; margin-bottom: 10px; padding-top: 40px; }
.outline_btn input { background: none; border: 1px solid #d6000f; color: #d6000f; margin-top: 20px; padding: 5px 30px; }
.outline_btn { text-align: right; }
.contact_con { position: relative; }
.contact_right { position: absolute; background: rgba(21, 106, 210, 0.8);
	right: 0; bottom: 0; width: 45%; padding: 35px 45px; color: #fff;
}
/*about*/
.about_left{ float: left; width:0%; position: relative;background: #2e89e0;}
.about_left_img{ position: absolute; top:60px; left:60px; width:100%;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.about_title h5 {
	margin: 0;
	margin-bottom: 30px;
	position: relative;
	font-family: 'museosanscyrl-100-webfont', arial;
	z-index: 2;
}
.about_title h5:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 1px;
	background: #dfdfdf;
}
.about_title h5 span {
	display: inline-block;
	font-size: 38px;
	color: #333;
	background: #fff;
	padding-right: 10px;
}
.about_title h5 span b {
	color: #d6000f;
	font-weight: normal;
}
.about_right{ float: right; width:55%;}

.about_right_text{line-height: 25px;text-indent: 2em;height: 305px;overflow: hidden}
.about_more a{ color: #2e89e0!important; display: inline-block; margin-top:70px; position: relative;float: right;}
.about_more a:after{ position: absolute; right:110%; top:50%; height:1px; width:50px;
background: #2e89e0; content: '';
}
.about_right_tx{ display: none;}
/*about*/

/*about_bg*/
.about_bg {
	width: 100%;
	position: relative;
	background: url(../Images/ind_bg2.jpg) center no-repeat fixed;
	background-size: cover;
}
.about_bg .container{ position: relative; height:100%;}
.about_bg_text {
	width: 100%;
	text-align: center;
	position: relative;
	top: 50%; color: #fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.about_bg_text .text{font-size: 30px;}
.about_bg_text .tx{font-size: 18px; color: #efefef; margin-top:10px;}
.ins-navbox {
    height: 75px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    width:90%;
    margin:0 auto;
}
.ins-navbox ul{padding:0px;overflow: hidden;}
.ins-navbox li {
    margin-right: 23px;
    font-size: 16px;
    line-height: 74px;
    list-style: none;
    float: left;
}
.ins-navbox li a {
    display: block;
    padding: 0 18px;
}
.ins-navbox li a:hover, .ins-navbox li a.hover {
    color: #156ad2;
    border-bottom: 2px solid #156ad2;
    position: relative;
    /*margin-bottom: -1px;*/
    transition: all 0.3s ease 0s;
}
/*about_bg*/
/**/
textarea {
    color: #000;
    line-height: 2em;
    width: 100%;
    padding: 10px;
    margin: 1em auto;
    height: 200px;
    border: 1px solid #e1e1e1;
    outline: none;
    resize: none;
}
.banner img{
    min-height: 250px;
}
/*企业文化*/
/*quality*/
.quality_box{ position: relative;}
.quality_img{  width:55%; position: absolute; top:40px; bottom:40px; overflow: hidden; z-index:2;
background: url("../Images/aq1.png") no-repeat center center;background-size: cover;
}
.quality_img_bg{ position: absolute; left:-100%; top:0; width:100%; height:100%;background: #2e89e0;}
.quality_img_bg:after{position: absolute; left:100%; top:0; width:100%; height:100%;background: #f5f5f5; content: '';}
.quality_text{ float: right; width:55%;background: #6b6b6b; color: #fff;
	padding: 10% 8% 10% 18%; position: relative; overflow: hidden;
}
.quality_text .text{line-height: 25px; color: #e5e5e5;}
.quality_text .tit{font-size: 30px;}
.quality_text .title{font-size: 24px;margin-bottom: 40px;text-transform: uppercase;
	font-family: 'museosanscyrl-100-webfont', arial;
}

.quality_text_bg{position: absolute; left:0%; top:0; width:100%; height:100%;background: #fff;}

/*quality*/
/*地图*/
#dituContent {
    position: absolute;
    left: 0;
    top: 0;
}
.contact_img {
    position: relative;
}
/*.contact_right {
    position: absolute;
    background: rgba(214, 0, 15, 0.8);
    right: 0;
    top: 40%;
    width: 45%;
    padding: 35px 45px;
    color: #fff;
}*/
.contact_right .title {
    font-family: 'Abril Fatface';
    font-size: 80px;
}
.contact_right .text {
    font-size: 16px;
    line-height: 30px;
}
.container1 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.content_tx {
    width: 100%;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    color: #F7F7F7;
    font: 28em/1 "Abril Fatface", serif;
    text-align: center;
    position: absolute;
}
/*解决方案*/
.met-index-body {
    padding: 50px 0 40px;
    background: #fff;
}
.met-index-service .services-bg {
    background: #fff;
    z-index: 9;
}
.container {
    max-width: 100%;
}
.container, .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.animation-slide-bottom {
    -webkit-animation-name: slide-bottom;
    -o-animation-name: slide-bottom;
    animation-name: slide-bottom;
}
[class*=animation-] {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.met-index-service .services-box {
    height: auto;
    padding: 20px;
    margin-bottom: 6px;
    background: #f4f6f8;
    transition: all .3s ease;
    overflow: hidden;
    width: 100%
}
.met-index-service .services-box:hover {
    color: #fff;
    background: #d68b37;
}
.met-index-body h3 {
    font-size: 22px;
    margin-top: 0;
    text-align: left;
    font-weight: 700;
    margin-bottom: 29px!important;
}
.met-index-body h3 a {
    color: #2a333c;
    position: relative;
}
.met-index-body p.desc {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    color: #666;
    margin: 0 auto 47px;
}
.met-index-body h3 a:after {
    background: #d68b37;
    content: "";
    height: 3px;
    width: 30%;
    left: 0;
    top: 35px;
    position: absolute;
}
.met-index-service .services-box img {
    background: #fff;
    padding: 8px;
    margin-right: 30px;
    float: left;
    margin-top: 3px;
    width: 22%;
}
@media (min-width: 1200px){
    .container {
        width: 1170px;
    }
}
@media (min-width: 992px){
    .container {
        width: 970px;
    }
}
@media (min-width: 768px){
.container {
    width: 750px;
}
}
/**/
.footer_all li{
    list-style: none;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
}
/**/
.list-title{display:none;}
@media (max-width: 1000px){
.ins-navbox{border:none;height:auto;}
.list-title{display:block;font-size:16px;height:74px;line-height:74px;background:url(../Images/jian3.png) no-repeat right center;background-size:24px auto;cursor:pointer;border-bottom: 1px solid #e5e5e5;}
.list-titleed{background:url(../Images/jian2.png) no-repeat right center;background-size:24px auto;}
.ins-navbox ul{display:none;padding:0px;width: 100%}
.ins-navbox ul li{width:100%;}
.ins-navbox li{line-height:50px;border-bottom: 1px solid #e5e5e5;}
.ins-navbox li a:hover, .ins-navbox li a.hover{border:none;}

}
@media only screen and (max-width: 1024px) and (min-width: 768px){
    .banner {
        margin-top: 5%;
        margin-bottom: 0;
        position: relative;
    }
}