﻿@charset "utf-8";
/* CSS Document */
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1 {
	display: none;
	z-index: 1001;
	width: 398px;
	border: 1px solid #ccc;
	background: #fff;
	padding-bottom: 20px;
}
#mesbook1_c div, #mesbook1 div {
	border: 1px solid #E4E3E3;
	background: #EBECEB;
	height: 18px;
	padding: 4px .5em 0;
	margin-bottom: 10px;
}
#mesbook1_c dl.b1, #mesbook1 dl.b1 {
	width: 370px;
	margin: 0 auto;
}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {
	float: left;
	width: 105px;
	overflow: hidden;
}
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {
	width: 265px;
	float: right;
}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns {
	padding-bottom: 10px;
}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {
	margin-right: 20px;
}
/*banner*/
.banner {
	overflow: hidden;
	width: 100%;
	height: 639px;
	background: url(../img/banner.jpg) no-repeat center top;
	margin-top: -35px;
	position: relative;
	z-index: 1
}
#flashs {
	position: relative;
	height: 639px;
	overflow: hidden;
	z-index: 1;
	top: -35px;
	width: 100%;
}
#flashs .bgitem {
	z-index: 1;
	position: absolute;
	top: 0;
}
#flashs .btn {
	position: absolute;
	z-index: 7;
	bottom: 25px;
	left: 50%;
	margin-left: -95px;
	padding: 0px 6px;
}
#flashs .btn span {
	color: #fff;
	background: #333;
	cursor: pointer;
	display: inline-block;
	margin: 0 2px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
}
#flashs .btn span.cur {
	background: #e1251b;
}
.search {
	overflow: hidden;
	width: 100%;
	height: 69px;
	background: url(../img/search_bg.png) no-repeat center top;
	margin-top: -45px;
	position: relative;
	z-index: 3
}
.search p {
	float: left;
	line-height: 69px;
	font-size: 13px;
	color: #333;
}
.search p a {
	color: #666;
	margin: 0 15px;
}
.search .sbox {
	overflow: hidden;
	float: right;
	width: 280px;
	height: 42px;
	margin-top: 14px;
}
.search .sbox input {
	float: left;
	width: 210px;
	padding: 0 10px;
	height: 42px;
	border: none;
	outline: none;
	line-height: 42px;
	color: #999;
	font-size: 13px;
}
.search .sbox span {
	display: block;
	width: 50px;
	height: 42px;
	background: url(../img/search.jpg) no-repeat center;
	float: right;
	cursor: pointer
}
/*特点*/
.tedian {
	overflow: hidden;
	width: 100%;
	background-color: #ebebeb
}
.tedian h2 {
	text-align: center;
	font-size: 45px;
	color: #e1251b;
	margin-top: 60px;
	margin-bottom: 10px;
}
.tedian h3 {
	font-size: 26px;
	color: #fcf9a4;
	text-align: center;
	line-height: 47px;
	font-weight: bold;
	margin-bottom: 24px;
	background: url(../img/cjtbg01.png) no-repeat center;
}
.tedian .cpjs {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.tedian .cpjs_l {
	overflow: hidden;
	width: 500px;
	float: left;
    margin-right:20px;
}
.tedian .cpjs_l img {
    display: block;
    border: 10px solid #e1251b;
    margin-bottom: 15px;
 }
.tedian .cpjs_r {

	overflow: hidden;
	width: 480px;
	float: left;
}

.tedian .menu li {
	float: left;
	cursor: pointer;
	width: 249px;
	margin-right: 1px;
	height: 57px;
	background-color: #333;
	position: relative;
	text-align: center;
	line-height: 57px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
.tedian .menu li img {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: -5px;
}
.tedian .menu li.cur {
	background-color: #e1251b;
	color: #fff;
}
.tedian .menu li.cur img {
	display: block
}
.tedian .tdbox {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	height: 405px;
	position: relative
}
.tedian .tdbox ul {
	overflow: hidden;
	width: 4000px;
	height: 405px;
	position: absolute;
	left: 0;
	top: 0
}
.tedian .tdbox li {
	float: left;
	width: 1000px;
	height: 405px;
	overflow: hidden
}
/*pro*/
.pro {
	overflow: hidden;
	width: 1000px;
	margin: 60px auto;
}
.pro .proleft {
	overflow: hidden;
	width: 210px;
	float: left;
	background-color: #ebebeb;
}
.pro .proleft h2 {
	font-size: 20px;
	padding-left: 50px;
	height: 73px;
	line-height: 73px;
	width: 160px;
	background-color: #e1251b;
}
.pro .proleft h2 a {
	color: #fff;
}
.pro .proleft h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 15px 0;
	padding-left: 50px;
	background: url(../img/proleft01.png) no-repeat 20px center;
}
.pro .proleft h3 a {
	color: #3e3e3e;
}
.pro .proleft h3 img {
	display: inline-block;
}
.pro .proleft i {
	display: block;
	width: 100%;
	height: 2px;
	background: url(../img/proleft03.png) repeat center;
}
.pro .proleft ul {
	overflow: hidden;
	width: 160px;
	padding-left: 50px;
	margin: 15px 0
}
.pro .proleft li {
	padding-left: 20px;
	background: url(../img/proleft02.png) no-repeat left center;
	font-size: 13px;
	line-height: 35px;
}
.pro .proleft li a {
	color: #333;
}
.pro .proleft .plimg {
	overflow: hidden;
	width: 190px;
	padding: 40px 0 50px 0;
	background-color: #e0e0e0;
	padding-left: 20px;
}
.pro .proleft .plimg img {
	display: block;
	margin-bottom: 25px;
}
.pro .proleft .plimg .phone {
	overflow: hidden;
	padding-left: 40px;
	background: url(../img/phone.png) no-repeat left center;
}
.pro .proleft .plimg p {
	font-size: 18px;
	color: #ff5a00;
}
.pro .proleft .plimg span {
	display: block;
	font-size: 20px;
	color: #e1251b;
}
.pro .proright {
	overflow: hidden;
	float: right;
	width: 100%;
}
.pro .proright .ptop {
	overflow: hidden;
	width: 100%;
	margin-bottom: 28px;
	padding-bottom: 2px;
	border-bottom: 1px solid #e1251b;
	margin-top: 0;
}
.pro .proright .ptop h3 {
	float: left;
	font-size: 33px;
}
.pro .proright .ptop h3 a {
	color: #ff5a00;
	vertical-align: super;
}
.pro .proright .ptop p {
	float: right;
	font-size: 30px;
	color: #e1251b;
	font-family: Arial;
	font-weight: lighter;
	padding-left: 30px;
	background: url(../img/proright.png) no-repeat left center;
	line-height: 25px;
	margin-top: 30px;
}
.pro .proright ul {
	overflow: hidden;
	width: 110%;
}
.pro .proright li {
	float: left;
	width: 233px;
	height: 254px;
	margin-right: 20px;
}
.pro .proright li img {
	display: block;
	border: 10px solid #ebebeb;
	margin-bottom: 15px;
}
.pro .proright li span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #333
}
.pro .proright li a {
	display: block;
	text-decoration: none
}
.pro .proright li:hover img {
	border-color: #e1251b
}
.pro .proright li:hover span {
	color: #e1251b;
}
/*ad01*/
.ad01 {
	overflow: hidden;
	width: 100%;
	height: 194px;
	background: url(../img/ad03.jpg) no-repeat center;
}
.ad01 .phone {
	overflow: hidden;
	float: right;
	padding-left: 45px;
	background: url(../img/phone.png) no-repeat left top;
	margin-top: 55px;
}
.ad01 .phone p {
	font-size: 20px;
	color: #666;
}
.ad01 .phone span {
	display: block;
	font-size: 20px;
	color: #e1251b;
	font-family: Arial;
	margin-bottom: 20px;
}
.ad01 .phone a {
	display: block;
	margin-left: -45px;
	width: 167px;
	height: 40px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background-color: #ff5a00;
	line-height: 40px;
	text-decoration: none;
}
/*case*/
.case {
	overflow: hidden;
	width: 1000px;
	margin: 60px auto
}
.case h2 {
	text-align: center;
	font-size: 30px;
	color: #e1251b;
	margin-bottom: 10px;
}
.case h3 {
	margin-bottom: 5px;
	text-align: center;
	font-weight: normal;
	font-size: 25px;
	color: #333;
}
.case h3 em {
	color: #e1251b
}
.case p {
	font-size: 20px;
	color: #fcf9a4;
	text-align: center;
	margin-bottom: 30px;
	line-height: 47px;
	background: url(../img/cjtbg02.png) no-repeat center
}
.case .menu {
	overflow: hidden;
	width: 832px;
	margin: 0 auto;
	padding-bottom: 5px;
	margin-bottom: 25px;
}
.case .menu li {
	float: left;
	width: 207px;
	height: 53px;
	margin-right: 1px;
	position: relative;
	text-align: center;
	line-height: 53px;
	font-size: 16px;
	background-color: #ebebeb
}
.case .menu li a {
	display: block;
	text-decoration: none
}
.case .menu li img {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: -5px;
}
.case .menu li.cur {
	background-color: #e1251b;
}
.case .menu li.cur a {
	color: #fff;
}
.case .menu li.cur img {
	display: block
}
.case .caseBox {
	overflow: hidden;
	width: 100%;
	height: 280px;
	position: relative
}
.case .caseList {
	overflow: hidden;
	width: 100%;
	height: 280px;
	position: relative
}
.case .caseList ul {
	overflow: hidden;
	position: absolute
}
.case .caseList li {
	float: left;
	width: 320px;
	height: 280px;
	margin-right: 20px;
}
.case .caseList li img {
	display: block;
	border: 10px solid #ebebeb;
	margin-bottom: 10px;
}
.case .caseList li a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	color: #666;
}
/*优势*/
.youshi {
	overflow: hidden;
	width: 100%;
	padding: 60px 0;
	background-color: #ebebeb;
}
.youshi h2 {
	text-align: center;
	font-size: 45px;
	color: #e1251b;
	margin-bottom: 10px;
}
.youshi span {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #fcf9a4;
	height: 38px;
	line-height: 38px;
	margin-bottom: 35px;
	background: url(../img/cjtbg03.png) no-repeat center
}
.youshi .ysBox {
	overflow: hidden;
	width: 1000px;
	height: 956px;
	background: url(../img/ys_bg.jpg) no-repeat center top;
	margin: 0 auto;
}
.youshi h3 {
	font-size: 28px;
	color: #e1251b
}
.youshi h4 {
	font-weight: normal;
	font-size: 24px;
	color: #333;
	margin-bottom: 5px;
}
.youshi em {
	display: block;
	font-size: 14px;
	color: #ccc;
	margin-bottom: 30px;
}
.youshi p {
	font-size: 14px;
	color: #666;
	padding-left: 20px;
	background: url(../img/ys_s.png) no-repeat left center;
	line-height: 35px;
}
.youshi a {
	display: block;
	width: 140px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background-color: #ff5a00;
	font-size: 13px;
	color: #fff;
	margin-top: 20px;
}
.youshi a img {
	position: relative;
	margin-right: 5px;
	top: 5px;
}
.youshi .wen01 {
	margin-left: 140px;
	margin-top: 67px;
}
.youshi .wen02 {
	margin-left: 560px;
	margin-top: 85px;
}
.youshi .wen03 {
	margin-left: 140px;
	margin-top: 110px;
}
/*ad02*/
.ad02 {
	overflow: hidden;
	width: 100%;
	height: 194px;
	background: url(/upload/image/20230710/20230710160233_4789.jpg) no-repeat center;
}
.ad02 .phone {
	overflow: hidden;
	float: right;
	padding-left: 45px;
	background: url(../img/ad02-p.png) no-repeat left top;
	margin-top: 55px;
	margin-right: 188px;
}
.ad02 .phone p {
	font-size: 13px;
	color: #fff;
}
.ad02 .phone span {
	display: block;
	font-size: 20px;
	color: #fff;
	font-family: Arial;
	margin-bottom: 20px;
}
.ad02 .phone a {
	display: block;
	margin-left: -45px;
	width: 167px;
	height: 40px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background-color: #ff5a00;
	line-height: 40px;
	text-decoration: none;
}
/*about*/
.about {
	overflow: hidden;
	width: 100%;
	height: 783px;
	background: url(../img/about_bg.jpg) no-repeat center top;
}
.about .about_box {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	height: 314px;
	background-color: #fff;
	margin-bottom: 20px;
	margin-top: 60px;
}
.about .about_box img {
	display: block;
	float: left
}
.about .about_box .wen {
	float: right;
	width: 415px;
	margin-right: 30px;
	margin-top: 45px;
}
.about .about_box h3 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 24px;
}
.about .about_box h3 a {
	color: #e1251b;
}
.about .about_box p {
	font-size: 13px;
	color: #666;
	line-height: 22px;
	text-align: justify
}
.about .about_tu {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	height: 330px;
	background-color: #fff;
}
.about .menu {
	overflow: hidden;
	width: 340px;
	margin: 0 auto;
	padding-bottom: 5px;
	margin-top: 34px;
	margin-bottom: 23px;
}
.about .menu li {
	display: block;
	float: left;
	width: 169px;
	margin-right: 1px;
	height: 47px;
	text-align: center;
	line-height: 47px;
	font-size: 16px;
	background-color: #333;
	position: relative
}
.about .menu li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.about .menu li img {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: -5px;
}
.about .menu li.cur {
	background-color: #e1251b;
}
.about .menu li.cur img {
	display: block
}
.about .tubox {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
	height: 200px;
	position: relative
}
.about .tulist {
	overflow: hidden;
	width: 900px;
	height: 200px;
	position: relative
}
.about .tulist ul {
	overflow: hidden;
	position: absolute
}
.about .tulist li {
	float: left;
	width: 211px;
	height: 200px;
	margin-right: 18px;
}
.about .tulist li img {
	display: block;
	margin-bottom: 10px;
}
.about .tulist li a {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #333;
}
/*留言*/
.liuyan {
	overflow: hidden;
	width: 1000px;
	margin: 55px auto;
}
.liuyan .wen {
	overflow: hidden;
	float: left;
	width: 420px;
}
.liuyan .wen span {
	display: block;
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}
.liuyan .wen em {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
	display: block
}
.liuyan .wen b {
	display: block;
	width: 410px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 26px;
	color: #fff;
	background-color: #e1251b;
	margin-bottom: 10px;
}
.liuyan .phone {
	padding-left: 50px;
	background: url(../img/phone.png) no-repeat left center;
}
.liuyan .phone p {
	font-size: 13px;
	color: #666;
}
.liuyan .phone h3 {
	font-weight: normal;
	font-size: 20px;
	color: #e1251b;
	font-family: Arial
}
.liuyan ul {
	overflow: hidden;
	float: right;
	width: 554px;
}
.liuyan li {
	float: left;
	width: 267px;
	height: 44px;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	display: block;
}
.liuyan input {
	display: block;
	width: 205px;
	height: 42px;
*height:40px;
	border: 1px solid #c1c1c1;
	padding-left: 60px;
	line-height: 42px;
	font-size: 12px;
	color: #666;
	outline: none;
*margin-left:-10px;
}
.liuyan .comp {
	background: url(../img/liuyan01.png) no-repeat left center;
}
.liuyan .time {
	background: url(../img/liuyan02.png) no-repeat left center;
}
.liuyan .name {
	background: url(../img/liuyan03.png) no-repeat left center;
}
.liuyan .text {
	background: url(../img/liuyan04.png) no-repeat left center;
}
.liuyan .dianhua {
	background: url(../img/liuyan05.png) no-repeat left center;
}
.liuyan li span {
	display: block;
	width: 129px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	float: left
}
.liuyan li .s01 {
	background-color: #e1251b;
	margin-right: 9px;
}
.liuyan li .s02 {
	background-color: #ff5a00;
}
.xian {
	overflow: hidden;
	width: 100%;
	height: 3px;
	background-color: #e5e5e5
}
/*news*/
.news {
	overflow: hidden;
	width: 1032px;
	margin: 60px auto;
}
.news .newslist {
	overflow: hidden;
	float: left;
	width: 312px;
	margin: 0 16px;
	height: 360px;
}
.news .newslist h2 {
	overflow: hidden;
	font-size: 20px;
	padding-bottom: 22px;
	margin-bottom: 22px;
	border-bottom: 1px solid #e5e5e5;
}
.news .newslist h2 a {
	color: #333;
	display: block;
	float: left;
	padding-left: 12px;
	border-left: #e1251b 3px solid;
}
.news .newslist img {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
.news .newslist h3 {
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: normal;
	margin-bottom: 10px;
}
.news .newslist h3 a {
	color: #333
}
.news .newslist em {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 13px;
	color: #333;
	margin-bottom: 15px;
}
.news .newslist .list {
	overflow: hidden;
	width: 100%;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}
.news .newslist .list li {
*float:left;
	overflow: hidden;
	font-size: 14px;
	line-height: 34px;
	padding-left: 10px;
	width: 302px;
	background: url(../img/ys_s.png) no-repeat left center;
}
.news .newslist .list li a {
	display: block;
	float: left;
	width: 210px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-left: 6px;
}
.news .newslist .list li span {
	float: right;
	font-size: 12px;
	color: #333;
	font-family: Arial;
}
.news .wenda {
	overflow: hidden;
	width: 100%;
	height: 290px;
	position: relative
}
.news .wenda ul {
	overflow: hidden;
	width: 100%;
	position: absolute
}
.news .wenda li {
	overflow: hidden;
	width: 100%;
	height: 79px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 22px;
}
.news .wenda h5 {
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 15px;
	padding-left: 30px;
	background: url(../img/news_w.jpg) no-repeat left center;
	margin-bottom: 13px;
	line-height: 21px;
}
.news .wenda h5 a {
	color: #e1251b;
}
.news .wenda p {
	font-size: 14px;
	color: #333;
	padding-left: 30px;
	line-height: 21px;
	background: url(../img/news_da.jpg) no-repeat left center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
