@charset "UTF-8";


/*----*/


.yxwz_04wrap {
	background-color: #ffffff;
	margin-top: 35px;
}
.yxwz_04 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.yxwz_04_t {
	background-image: url(ix.gif);
	background-repeat: repeat-x;
	background-position: center center;
	line-height: 30px;
	height: 30px;

}
.index_04_tt {
	margin-top: 20px;
}
.yxwz_04_t span {
	font-size: 29px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	background-color: #fff;
	text-align: center;
}
.yxwz_043_t {
	background-image: url(ix.gif);
	background-repeat: repeat-x;
	background-position: center center;
	line-height: 30px;
	height: 30px;
}
.yxwz_043_t span {
	font-size: 29px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	background-color: #ffffff;
	text-align: center;
}
.yxwz_044_t {
	background-image: url(ix2.gif);
	background-repeat: repeat-x;
	background-position: center center;
	line-height: 30px;
	height: 30px;
}
.yxwz_044_t span {
	font-size: 29px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	background-color: #f3f3f3;
	text-align: center;
}
.yxwz_045_t {
	background-image: url(ix.gif);
	background-repeat: repeat-x;
	background-position: center center;
	line-height: 30px;
	height: 30px;
}
.yxwz_045_t span {
	font-size: 29px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	background-color: #ffffff;
	text-align: center;
}
.yxwz_046_t {
	background-image: url(ix.gif);
	background-repeat: repeat-x;
	background-position: center center;
	line-height: 30px;
	height: 30px;
}
.yxwz_046_t span {
	font-size: 29px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	background-color: #ffffff;
	text-align: center;
}
.yxwz_047_t {
	background-image: url(ix.gif);
	background-repeat: repeat-x;
	background-position: center center;
	line-height: 30px;
	height: 30px;
}
.yxwz_047_t span {
	font-size: 29px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	background-color: #ffffff;
	text-align: center;
}
.yxwz_048_t {
	background-image: url(ix.gif);
	background-repeat: repeat-x;
	background-position: center center;
	line-height: 30px;
	height: 30px;
}
.yxwz_048_t span {
	font-size: 29px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	background-color: #ffffff;
	text-align: center;
}

.yxwz_04_c {
	padding-top: 35px;

}
.yxwz_04_c_ri {
	margin-top: 30px;
	padding-right: 25px;
}
.yxwz_04_c_le {
	width: 550px;
}
.yxwz_04_c_le_01 {
	font-size: 40px;
	line-height: 73px;
	color: #ff6600;
}
.yxwz_04_c_le_02 {
	font-size: 24px;
	line-height: 38px;
}
.yxwz_04_c_le_03 {
	font-size: 17px;
	line-height: 30px;
	color: #444444;
	margin-top: 10px;
}


.fl {
    float: left;
}

.fr {
    float: right;
}

/* Architecture Wide */
.container {
    width: 1150px;
    margin: 0 auto;
    overflow: hidden;
	padding-left: 0px;
	padding-right: 0px;
}
.container2 {
    padding-left: 0px;
	padding-right: 0px;
	margin-top: 30px;
}
i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**/
.content {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}
.detectwrap {
    margin-top: 0px;
	top: 20px;
	background: #f3f3f3;
}
.contit {
    text-align: center;
    position: relative;
    display: block;
	padding-top: 0px;
	margin-top: 10px;
}
.contit2 {
    margin-top: 30px;
}
.contit .btit {
    font-size: 30px;
    color: #333;
    font-weight: 500;
}
.contit .subtit {
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    position: relative;
}
.content .detail {
    margin-top: 30px;
}
.content3 .detail {
    margin-top: 30px;
}
.detailimg {
    text-align: center;
    font-size: 0;
    margin: 0 auto;
}
.detailimg2 {
    margin-left: 40px;
}

.conbottom {
    margin: 0px auto;
    margin-top: 70px;
    text-align: center;
    position: relative;
    width: 190px;
    height: 50px;
}
.conbottom .conbtn {
    border: 1px solid #999;
    color: #666;
    font-size: 16px;
    padding: 14px 62px;
}
.conbottom .conbtn:before {
    content: "";position: absolute;top: -15px;left: 0px;height: 100%;width: 0px;z-index: -1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;
}
.conbottom .conbtn:hover:before{
    width: 100%;background-color: #339900;
}
.conbottom .conbtn:hover {
    border: 1px solid #339900;
    color: #fff;
}
/**/

.detestimg {
    text-align: center;
    margin-top: 40px;
    position: relative;
    display: block;
}
.detestimg img {
    width: 828px;
}
.decell2 {
    width: 276px;
    height: 364px;
    position: relative;
    display: block;
    margin-right: 6px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.decell2:hover {
    background: #339900;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.decell2:nth-child(4)
{
    margin-right: 0;
}
.decimg2 {
    width: 100%;
}
.aboutimg .decimg2 img {
    width: 276px;
    height: 268px;
}
.decell2:hover .dectit2 {
    color: #fff;
}
.dectit2 {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
    margin-left: 15px;
    padding-bottom: 8px;
}
.decell2:hover .decstit2 {
    color: #fff;
}
.decstit2 {
    margin-top: 5px;
    font-size: 14px;
    color: #888;
    margin-left: 15px;
}
.decell2:hover .decnum1,.decell2:hover .decnum2,.decell2:hover .decnum3,.decell2:hover .decnum4{
    background-size: 100px 43px;
    width: 100px;
    height: 43px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.de-gas-list li {
    width: 562px;
    height: 92px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.de-gas-list li:nth-child(4)
{
    margin-bottom: 0;
}
.de-gas-list li a .tit {
    font-size: 22px;
    color: #333333;
    width: 80px;
    text-align: center;
    height: 40px;
    border-right: 1px solid #ccc;
    line-height: 40px;
    font-weight: 500;
	margin-top: 15px;
}
.de-gas-list li a .minicell {
    margin-left: 15px;
    line-height: 25px;
    margin-top: 10px;
}
.de-gas-list li a .minicell .stit, .de-gas-list li a .minicell .words {
    font-size: 14px;
    color: #333333;
}
.de-gas-list li:hover {
    background: #339900;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.de-gas-list li:hover a .tit {
    border-right: 1px solid #fff;
}
.de-gas-list li:hover a .tit,.de-gas-list li:hover a .minicell .stit, .de-gas-list li:hover a .minicell .words
{
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.de-stand-tit {
    font-size: 24px;
    color: #333;
}
.de-stand-words {
    font-size: 15px;
    color: #888;
    line-height: 25px;
    margin-bottom: 30px;
}

.de-zysb {
    width: 100%;
    display: block;
    position: relative;
	margin-top: 10px;
	text-align: center;
	margin-left: 15px
}
.de-zysb li{
    width: 360px;
    height: 313px;
    background: none;
    margin-right: 18px;
    padding: 15px;
    text-align: center;
    float: left;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.de-zysb li:nth-child(3)
{
    margin-right: 0;
}
.zysbline,.zysbimg,.zysbtit {
    margin-bottom: 12px;
}
.zysbtit {
    font-size: 18px;
    font-weight: 500;
    color: #666;
	
}
.de-zysb li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
/**/

.product {
    margin-top: 30px;
	width: 100%;
    position: relative;
    overflow: hidden;
}
.container3 {
    margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.deindp li{
    width: 354px;
    height: 227px;
    float: left;
    position: relative;
    background: #f1f1f1;
    margin-right: 29px;
    margin-bottom: 40px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;

}
.deindp li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #f1f1f1;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    top:-8px;
}
.deindp li:nth-child(3),.deindp li:nth-child(6) {
    margin-right: 0;
}

.content3 {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
.iconservice,.iconhome,.icontruck,.iconbottle,.iconfile,.iconpenciel {
    background: url(../img/icons/icon-de-service.png) no-repeat center;
    background-size: 145px 100px;
    width: 354px;
    height: 224px;
}
.indoicon{
    text-align: center;
    margin-top: 0px;
}
.iconservice {
    background: url(icons_service_1.jpg) no-repeat center;
}
.iconhome {
    background: url(icons_service_2.jpg) no-repeat center;
}
.icontruck {
    background: url(icons_service_3.jpg) no-repeat center;
}
.iconbottle {
    background: url(icons_service_4.jpg) no-repeat center;
}
.iconfile {
    background: url(icons_service_5.jpg) no-repeat center;
}
.iconpenciel {
    background: url(icons_service_6.jpg) no-repeat center;
}
.deindp li:hover .iconservice {
   
}
.deindp li:hover .iconhome {
   
}
.deindp li:hover .icontruck {
   
}
.deindp li:hover .iconbottle {
   
}
.deindp li:hover .iconfile {
  
}
.deindp li:hover .iconpenciel {
  
}
.indpinfo {
    width: 354px;
    word-break: break-all;
    text-align: center;
    position: relative;
}
.indpinfo .tit{
    font-size: 22px;
    color: #333333;
    margin-top: 12px;
    font-weight: 500;
}

.indpinfo .des {
    color: #999;
    font-size: 13px;
    margin-top: 10px;
    line-height: 22px;
}
.deindp li:hover .tit, .deindp li:hover .des{
    color: #333333;
}

.preparebg {
  
    width: 100%;
    height: 400px;
}

.depreparelists li{
    color: #666;
    font-size: 14px;
    width: 100%;
    height: 55px;
    margin-bottom: 30px;
}
.preparetit {
    color: #339900;
    font-size: 30px;
    height: 55px;
    border-left: 1px solid #339900;
    width: 80px;
    text-align: center;
    line-height: 55px;
	margin-left: 0px;
}
.preparecont {
	font-size: 16px;
    width: 500px;
    line-height: 20px;
  
	margin-left: 0px; 
	margin-top: 16px;
}
.detectinfo {
    width: 600px;
	margin-left: 0;	
}
.detailimg2 {
   margin-left: 30px;
}
.detailimg3 {
   margin-left: 49px;
}