.header {
    width: 100%;
    height: 180px;
    position: relative;
    z-index: 9999;
}

.header .header_top {
    height: 120px;
}

.header .header_top .logo {
    margin-top: 25px;
}
.header .header_top .chat{margin-top: 15px;width: 89px;height: 89px;}
.header .header_top .phone {
    display: inline-block;
    margin-top: 25px;
}

.header .header_top .phone .txt1 {
    padding-left: 38px;
    height: 29px;
    line-height: 29px;
    font-size: 18px;
    background: url(../images/h1.png) no-repeat left center;
}

.header .header_top .phone h3 {
    font-size: 24px;
    color: #de2d3f;
}

.header .header_nav {
    height: 60px;
    background: #333;
    text-align: center;
    margin: 0 auto;
}

.header .header_nav li {
    width: 223px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
}

.header .header_nav li a {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: white;
}

.header .header_nav li.hover,
.header .header_nav li:hover {
    background: url(../images/nav_bg.png) no-repeat center center;
}


/*search*/
.search {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    margin: 8px auto;
}

.search .hot .keywd {
    color: #333333;
}

.search .keywds {
    float: left;
    line-height: 32px;
}

.search .keywds a {
    margin: 0 5px;
    color: #6c6e6f;
}

.search .keywds a:hover {
    color: black;
}

.search form {
    overflow: hidden;
    display: block;
    position: relative;
}

.search .txt {
    width: 208px;
    height: 30px;
    line-height: 30px;
    color: #a1a1a1;
    border: 1px solid #ccc;
    background: none;
    padding-left: 15px;
    border-radius: 15px;
}

.search .btns {
    position: absolute;
    top: 7px;
    right: 11px;
    z-index: 9999;
    background: url(../images/public/btnbg.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
}

/*product*/
.product {
    margin: 0 auto;
    display: block;
}
.product .title {
    height: 64px;
    background: url("../images/p1.png") no-repeat left center;
    margin: 33px auto 25px;
}
.product .title .txt {
    width: 1125px;
    height: 64px;
}
.product .title .txt p {
    line-height: 32px;
    font-size: 18px;
    text-align: right;
    color: #999999;
}
.product .title .txt p.tel{
    font-size: 16px;
    color: #2f2f30
}
.product .title .txt p.tel span {
    color: #de2e3e;
}
.product .title .more {
    display: block;
    width: 64px;
    height: 64px;
    background: url("../images/p2.png") no-repeat;
}

.multipleColumn {
    overflow: hidden;
    position: relative;
    width: 1200px;
}

.multipleColumn .bd {
    padding: 0;
    overflow: hidden;
}

.multipleColumn .bd ul {
    overflow: hidden;
    zoom: 1;
    width: 308px;
    float: left;
    _display: inline;
}

.multipleColumn .bd ul li {
    margin: 10px 0;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.multipleColumn .bd ul li img {
    width: 274px;
    height: 360px; 
    display: block;
    border: 1px solid #d6d6d6;
}

.multipleColumn .bd ul li .pic {
    width: 276px;
    height: 44px;
    background: #e5e5e5;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
}

.multipleColumn .bd ul li .pic a {
    color: #4c4c4c;
}

.multipleColumn .bd ul li:hover .pic {
    background: #f8d5d9;
}

.pro_txt ul li {
    width: 274px;
    height: 40px;
    border: 1px solid #ADACAC;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    float: left;
    margin-left: 32px;
    margin-top: 10px;
}
.pro_txt ul li a {
    color: #454546;
}
.pro_txt ul li:hover {
    border: 1px solid #de2d3f;
    background: #f8d5d9;
}
.pro_txt ul li:hover a {
    color: #de2d3f;
}

/*about*/
.about {
    margin-top: 50px;
    width: 100%;
    height: 500px;
    background: url("../images/a2.jpg") no-repeat center;
}
.about .wrap{position: relative;}
.about .box .about_txt {
    width: 584px;
    height: auto;
    font-size: 16px;
    padding-top: 85px;
}

.about .box .about_txt p {
    line-height: 35px;
    color: #fff;
}
.about .box img{padding-top:44px}
.about .about_more{width: 340px;position: absolute;top:400px;left: 358px;}
.about .about_more p{color: #fff;text-align: right;font-size: 18px;}
.about .about_more p span{font-size: 24px;font-weight: 700;}
.about .about_more a {
    display: block;
    width: 57px;
    height: 57px;
    background: url(../images/a1.jpg) no-repeat;
}

.avantage{margin-top: 40px;}
.advan_title{text-align: center;}
.advan_title h2{font-size: 36px;color: #333333;line-height:68px}
.advan_title em{color: #de2d3f;font-size:60px;}
.advan_title p{font-size: 18px;color: #666;line-height:38px}
.advan_con{margin-top: 20px;}
.advan_text{width: 675px;height: 662px;border-left: 1px dashed #999999}
.advan_text dl{margin-left: 42px;padding: 18px 0;}
.advan_text dt{font-size: 24px;color: #de2d3f;line-height: 56px;}
.advan_text dt img{float: left;margin-right: 16px;}
.advan_text dd{font-size: 16px;color: #4c4c4c;padding-left: 25px;margin-top: 10px;line-height: 32px;}
/*news*/
.news {
    width: 100%;
    background: url("../images/n_bg.jpg") no-repeat top center;
    margin-top: 50px;
}
.news .news_title{text-align: center;padding-top: 50px;}
.news .news_title h2{font-size: 36px;color: #fff;line-height:68px}
.news .news_title p{font-size: 18px;color: #fff;line-height:38px}
.news .news_title .news_tel p{height: 25px;line-height: 25px;font-size: 18px;text-align: right}
.news .news_title .news_tel .txt1 {
    width: 112px;
    padding-left: 27px;
    background: url(../images/news_tel.png) no-repeat left center;
}
.news .news_title .news_tel .txt2 span {
    font-size: 24px;
    font-weight: 700;
    color: #de2d3f;
}
.news .box {
    margin: 0 auto;
    margin-top: 20px;
    border: 1px solid #b8b8b8;
    background: #fff;
    padding: 32px 64px;
}
.news .box .top {
    width: 100%;
    height: 238px;
    background: url("../images/n1.png") no-repeat left center;
}
.news .box .top ul {
    width: 864px;
    height: auto;
    float: right;
}
.news .box .top ul li {
    width: 263px;
    height: auto;
    margin-left: 25px;
}
.news .box .top ul li .txt1 {
    font-size: 16px;
    margin-bottom: 30px;
}
.news .box .top ul li .txt1 a {
    color: black;
}
.news .box .top ul li .more {
    display: block;
    width: 138px;
    height: 43px;
    background: url("../images/n2.png") no-repeat;
    margin-top: 40px;
}
.news .box .bottom {
    width: 100%;
    margin-top: 10px;
}
.news .box .bottom li {
    width: 500px;
    height: auto;
    float: left;
    margin-left: 70px;
    margin-top: 30px;
}
.news .box .bottom li .fl {
    width: 93px;
    height: auto;
    color: #B3B3B3;
}
.news .box .bottom li .fl .txt1 {
    font-size: 60px;
    line-height: 65px;
}
.news .box .bottom li .fl .txt2 {
    font-size: 19px;
}
.news .box .bottom li .fr {
    width: 400px;
}
.news .box .bottom li .fr .txt3 {
    font-size: 16px;
    padding-top: 7px;
}
.news .box .bottom li .fr .txt3 a {
    color: black;
}
.news .box .bottom li .fr .txt4 {
    margin-top: 5px;
}
.news .box .news_more {
    display: block;
    width: 186px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    color: white;
    background: #de2d3f;
    margin: 46px auto 0;
    letter-spacing: 5px;
}

/*footer*/
.footer {
	width: 100%;
	background: #242323;
	margin-top: 50px;
}
.footer .title {
	width: 200px;
	height: 35px;
	background: url("../images/f1.png") no-repeat bottom left;
	color: #ADAEAF;
	margin: 40px 0 15px 0;
    font-size: 16px;
    letter-spacing: 1px;
}

.footer .left {
	width: 820px;
	height: auto;
	color: #ADAEAF;
}
.footer .left .txt {
	background: url("../images/f6.png") no-repeat left top;
}
.footer .left .txt p {
	height: 46px;
	line-height: 46px;
	padding-left: 35px;
}
.footer .left .chat{text-align: center;margin-top: 40px; margin-left: 152px}
.footer .left .chat p{font-size: 16px;line-height: 40px}
.footer .left ul{margin-top: 45px;}
.footer .left ul li {
    width: 100px;
    text-align: center;
    font-size: 16px;
    border-right: 1px solid #ADAEAF;
}
.footer .left ul li a {
	color: #ADAEAF;
}
.footer .right {
	width: 336px;
	height: auto;
	color: #BFBFBF;
}
.footer .right .ipt {
	width: 100%;
	height: 32px;
	line-height: 32px;
	color: #BFBFBF;
	margin-bottom: 10px;
	border-bottom: 1px solid #BFBFBF;
}
.footer .right .ipt input {
	width: 286px;
	height: 30px;
	border: 1px solid transparent;
	background: 0;
	color: white;
}
.footer .right .texar {
	width: 334px;
	height: 70px;
	border: 1px solid #BFBFBF;
	background: 0;
	color: white;
	margin-top: 5px;
}
.footer .right .btnt {
	width: 95px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #de2d3f;
	color: white;
	letter-spacing: 5px;
	display: block;
	margin: 10px auto 0;
	cursor: pointer;
}
.footer_bottom {
	width: 100%;
	height: 50px;
	border-top: 1px solid #2C2B2B;
	line-height: 50px;
	text-align: center;
	margin-top: 30px;
}
.footer_bottom strong {
	font-weight: 500;
	color: #BFBFBF;
	padding: 0 20px;
}
.footer_bottom strong a {
	color: #BFBFBF;
}
