@charset "utf-8";
/* CSS Document */

/*以下是环境监测样式表*/
.c_1200_4 {
	width: 1200px;
	position: relative;
	z-index: 88;
	margin:-50px auto 0;
}
.c_1200_4 ul {
	float: left;
	margin-left: 8px;
	width: 1250px;
}
.c_1200_4 ul li {
	float: left;
	width: 309px;
	height: 110px;
	background-image:url(../images/main_img8.png);
	background-repeat:no-repeat;
	margin-left: -8px;
	position: relative;
}
.c_300 {
	float: left;
	width: 300px;
	height: 110px;
	border-right: 1px solid #e1e0e0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1001;
}
.c_85 {
	float: left;
	width: 85px;
	height: 85px;
	padding: 8px 10px 0 18px;
}

.intro_4 {
	float: left;
	font-size: 18px;
	color: #333333;
	line-height: 26px;
	margin-top: 31px;
}
.intro_4 span {
	font-family: Arial, Helvetica, sans-serif;
	color: #787878;
	line-height: 19px;
	font-size: 12px;
}
.z_bj6 {
	width: 309px;
	height: 110px;
	background-image:url(../images/main_img9.png);
	background-repeat:no-repeat;
	position: absolute;
	display: none;
	z-index: 1005;
}
.c_1200_4 ul li:hover .z_bj6 {
	top: 0;
	left: 0;
	display: block;
}

/*公司简介样式表开始*/
.company{
	width:1200px;
	margin:0 auto;
	padding:30px 0 0 0;
}
.com_bot{
	width:100%;
}
.com_bot_left{
	width:40%;
	float:left;
	padding:20px 0;
}
.com_bot_right{
	width:60%;
	float:right;
	text-align:center;
	padding:30px 0;
}
.com_bot_right > p{
	font-size:14px;
	text-align:justify;
	text-indent:24px;
	line-height:30px;
	padding:0 0 0 30px;
}
.p_1 > a{
	color:#f41e03;
}
/*新闻中心*/
.c_1200_1 {
	float: left;
	width: 1200px;
	padding: 22px 0 48px 0;
	margin:0 auto;
}
.line_3 {
	float: left;
	width: 100%;
	height: 42px;
	border-bottom: 1px solid #e1e0e0;
}
.line_3 .tit_5 {
	width: 200px;
	height: 41px;
	border-bottom: 2px solid #66cc33;
	text-align: center;
	line-height: 41px;
	font-size: 24px;
	color: #000;
	margin: 0 auto;
}
.c_585 {
	float: left;
	width: 585px;
}
.c_585 li {
	float: left;
	width: 585px;
	margin-top: 32px;
	height: 79px;
	overflow: hidden;
}
.c_585_1 {
	float: left;
	width: 585px;
	height: 79px;
}
.c_66 {
	float: left;
	width: 66px;
	border-right: 1px solid #e1e0e0;
	height: 79px;
	font-size: 38px;
	color: #dadada;
	line-height: 79px;
}
.c_496 {
	float: right;
	width: 496px;
	margin-top: 6px;
}
.tit_6 {
	float: left;
	width: 496px;
	line-height: 25px;
}
.tit_6 a {
	float: left;
	width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #333333;
}
.tit_6 span {
	float: right;
	font-size: 14px;
	color: #333333;
}
.intro_1 {
	float: left;
	width: 496px;
	color: #979797;
	font-size:14px;
	line-height: 24px;
}
.c_585_2 {
	float: left;
	width: 519px;
	height: 79px;
	background: #bcd400;
	padding: 0 40px 0 26px;
}
.tit_7 {
	float: left;
	width: 519px;
	line-height: 25px;
	padding-top: 15px;
}
.tit_7 a {
	display: block;
	width: 519px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #000000;
}
.intro_2 {
	float: left;
	width: 519px;
	color: #464646;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 22px;
}
.c_585 li:hover .c_585_1 {
	display: none;
}
/*index-最新动态右活动*/
.c_583 {
	float: right;
	width: 583px;
	margin-top: 32px;
}
.c_583_1 {
	float: left;
	width: 583px;
	height: 238px;
}
.tit_8 {
	float: left;
	width: 583px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 27px;
	margin-top: 19px;
}
.tit_8 a {
	color: #333333;
}
.tit_8 a:hover {
	color: #bcd400;
}
.intro_3 {
	float: left;
	width: 583px;
	font-size:14px;
	line-height: 19px;
	color: #969696;
	overflow: hidden;
	text-overflow: ellipsis;
}
.c_1200_2 {
	float: left;
	width: 1200px;
	height: 261px;
	margin-top: 32px;
	position: relative;
}
.c_190 {
	width: 190px;
	position: absolute;
	left: 50%;
	margin-left: -95px;
	top: 97px;
}
.c_190 a {
	display: block;
	width: 68px;
	height: 67px;
	background: url(../Images/main_img3.png) no-repeat;
	margin: 0 auto;
}
.c_190 .tit_9 {
	text-align: center;
	line-height: 21px;
	color: #fff;
}

/*三青开始样式表*/

#partner {
  background: url(../images/4.png) 50% 50% no-repeat;
  background-size: cover;
  height:264px;
}

#partner {
  color: #fff;
  text-align: center;
  margin:40px 0;
}  
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
} 
.center {
  text-align: center;
  height:20px;
}

.partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.partners ul li{
  display: inline-block;
  float: left;
  width: 50%;
}

/*最新动态样式表*/
.col-xs-6{
	width:600px;
	float:left;
	margin:0 auto;
}
.row{
	width:1200px;
	margin:0 auto;
}
.home-section {
	height:390px;
	display:block;
    position:relative;
    z-index:120;
}
.service-box:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	margin-top: -20px;
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpLeft.go { 
    -webkit-animation-name: rotateInUpLeft; 
    animation-name: rotateInUpLeft; 
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownLeft.go { 
    -webkit-animation-name: rotateInDownLeft; 
    animation-name: rotateInDownLeft; 
}
.rotateInDownLeft{
    opacity:0;
}