.banner{ padding: 8% 0; text-align: center;color: #fff; position: relative; margin-bottom: 40px;}
.breadCt{ font-size: 0; padding-top: 35px; white-space: nowrap;}
.breadUL{ display: inline-block; *display: inline;*zoom: 1; border: 1px solid #fff;}
.breadUL>li{ display: inline-block; }
.breadUL>li>a{ display: block; line-height: 38px;font-size: 16px; padding: 0 25px; position: relative;}
.breadUL>li.on>a{background: #d10a0a;}
.breadUL>li>a:before{ position: absolute; left: 0;top: 0;bottom: 0;border-left: 1px solid #fff;content: '';}
.breadUL>li:nth-child(1)>a:before{ display: none;}
.aboutDefault_1{ padding:2% 0 3% 0; color: #666;}

.newsUL{list-style:none;}
.newsUL li{ padding: 3% 0; border-bottom: 1px dashed #ddd; list-style:none;}
.newsUL li .fr{ width: 280px; display: block; float:left; margin-right: 3%; position: relative;}
.newsUL li .overHidden{ padding-top: 0;}
.fiveTxt{text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height:100px; font-size: 14px; line-height: 1.8; margin-top: 6px; position: relative;}
.fiveTxt a{ position: absolute; right: 0;bottom: 0;}
.newsUL li.newIcon .fr:before{z-index: 3; position: absolute; left: 0px;top: 0;width: 45px;height: 70px;background-size: contain;content: '';}
.newsUL a:hover{color: #d10a0a;}
.newsUL .colorGreen:hover{text-decoration: underline;}


.pagination-centered{ text-align: center;padding:4% 0 5% 0; }
.pagination-centered a,.pagination-centered span{ display: inline-block; font-size: 14px;color: #888; transition: .4s; cursor: pointer; width: 36px; line-height: 36px; border: 1px solid #ddd; border-radius: 4px;}
.pagination-centered .current{color: #fff;background: #d10a0a; border-color: #d10a0a;}
.pagePrev,.pageNext{ font-family:'宋体'}

.detailsH1{ padding: 25px 0 0 0; line-height: 1.3;}

.conTop h1{ font-size: 30px; font-weight: normal; line-height: 1.3;}
.conTop .date{color: #888; position: relative; background: #f8f8f8; padding: 15px;line-height: 20px; font-size: 14px;}
.conTop .date .inline,.conTop .date span{ display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; padding-right: 18px;}
.conTop .date .fh{ position: absolute; right: 0px; top: 50%; margin-top: -10px;}
.conTop .xx{border-bottom: 1px dashed #ddd; list-style:none;}
.conTop .bq{ padding: 15px 0;border-bottom: 1px solid #ededed;}
.conTop .bq span{display: inline-block;*display: inline;*zoom: 1;padding: 0 5px 0 10px; margin-right: 20px; background: #ededed;line-height: 28px;border-radius: 3px;position: relative;}
.conTop .bq span em{ color: #fff; position: relative; top: -1px;}
.conTop .bq span:before{ position: absolute;content: '';left: 100%;top:50%;margin-top: -6px;border-width: 5px;width: 0;height: 0;border-style: solid;border-color:transparent transparent transparent #EDEDED ;}
.contactTxt{ color: #666666; font-size: 16px; line-height: 1.8; padding: 3% 0;}
.contactTxt >*{ text-indent:2em;padding:5px 0;}
.contactTxt p,.contactTxt div{ color: #333 !important;}
.contactTxt img{ max-width: 100%; height: auto !important; margin: 20px 0;}
/*.contactTxt img{ max-width: 100%; height: auto !important; display: block;margin: 20px 0;}*/
.contactTxt h6{ font-weight: bold;color: #333; font-size: 16px;}



/*自义定列表*/

.cp_2{ padding: 3% 0;}
.cpDL { width: 102%;}
.cpDL .dd{ float: left; width: 31%;margin-right: 2%;}
/*.cpDL .dd{ float: left; width: 48%; margin-right: 2%;}*/
.cpDL .dd .more{transition: .5s; -webkit-transition: .5s; display: inline-block; vertical-align: top; line-height: 34px;background: #60A511;color: #fff;position: relative; padding: 0 25px;}
.cpDL .dd .more:before{ position: absolute; left: 0; top: 0;content: '';border-right:10px solid transparent; border-top: 10px solid #1b5630 ;}
.cpDL .dd >a{ display: block; padding: 2% 0 0  0;}
.cpDetails{background: #f4f4f4;}
.cpDetails .fl{ width: 45%; margin-right: 5%;}
/*.cpDetails .frTxts{ padding: 3% 0 3% 0;}*/
.frTxts .dt{ padding-top: 3%; font-size: 14px;color: #666;}
.lben{ padding-bottom:47px;}

.industryOL{ width: 102%; padding-bottom: 5%;}
.industryOL li{ float: left; width: 23%; margin: 0 2% 1% 0;}
.industryOL li a{ display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; padding: 0 40px 0 20px; position: relative; line-height: 50px;background: #d10a0a;color: #fff;}
.industryOL li i{ position: absolute; right: 20px; top: 0;}
/*自义定列表end*/

.fankuiTxt >*{padding:5px 0;}
.company{display:block; margin:0 auto; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; line-height:30px; padding-top:5px; overflow:hidden;}
.lxwm_T{display:block; height:34px; line-height:34px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:16px; color:#9b9b9b;}
.lxwm_inp1{display:block; width:99.8%; border:1px solid #dbdbdb; font-size:14px;line-height:40px; padding:0px; overflow:hidden; background:none; margin-bottom:15px;}
.lxwm_inp2{display:block; width:99.8%; height:176px; border:1px solid #dbdbdb; line-height:22px; padding:5px 10px; overflow:hidden; background:none;}
.lxwm_btn{display:block; width:100%; height:40px; background:#d10a0a; margin-top:5px; font-family:'Microsoft YaHei'; font-size:14px; color:#ffffff;}


@media only screen and (min-width:1700px ) {
	.serviceDefault_2 .tit span{ font-weight: bold; font-size: 17px; padding: 0 25px;}
}

@media only screen and (max-width:1600px ) {
	.serviceDefault_2 .tit span{  font-size: 14px; padding: 0 10px; line-height: 34px;}
}

@media only screen and (max-width:1300px ) {
	.serviceDefault_2 .tit span{ border-radius: 2px; line-height: 20px; font-size: 12px; padding: 5px 10px; border: 0; white-space: normal;}
}


@media only screen and (min-width:1200px ) {
	.breadUL>li:hover>a{background: #d10a0a;}
	.bujuUL li img,.kekaoUL li img,.bujuUL li ,.kekaoUL li,.numberUL li p{ transition: .5s; -webkit-transition: .5s;}
	.bujuUL li:hover img,.kekaoUL li:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
	.bujuUL li:hover ,.kekaoUL li:hover{color: #d10a0a;}
	.numberUL li:hover p{ transform: translate(0,-10px);color: #d10a0a; -webkit-transform: translate(0,-10px);}
	body{ font-size: 16px;}
	.cultureUL li,.cultureUL .topbg,.cultureUL .topbg .iconp,.cpOL li img,.caseDL .imgs,.zhiliOL li a i{transition: .5s; -webkit-transition: .5s;}
	.cultureUL li:hover{ border-color:#d10a0a; transform: translate(0,-10px); -webkit-transform: translate(0,-10px);}
	.cultureUL li:hover .topbg{background: #d10a0a;color: #fff;}
	.cultureUL li:hover .topbg .iconp{color: #fff; border-color: #fff;}
	.pagination-centered ul li span:hover{color: #d10a0a; border-color: #d10a0a;}
	.serviceDefault_2 dd:hover .tit{ opacity: 0; margin-top: -40px;}
	.serviceDefault_2 dd:hover .txt{ opacity: 1;}
	.serviceDefault_2 dd:hover:before{ height: 100%;}
	.overScroll li:hover{background: #eee;}
	.industryOL li a:hover,.detailsTable table a:hover{background: #880a0a;}
	.zpInfo dd a:hover p{ padding: 20px 10px;background: rgba(204,204,204,.8);}
	.zpInfo dd a:hover p span{ top: 20px; background: #fff;color: #cccccc;}
	.xyzp a:hover{background: #fff;color: #cccccc;border: 2px solid #d10a0a;}
	.clickMore a:hover{background: #cccccc;border-color: #cccccc;color: #fff;}
	
	.fiveTxt{ }
	.cpOL li:hover a{color: #60A511;}
	.cpDL .dd .more:hover,.productSearch .searchKind:hover,.publicBtn:hover{background: #880a0a;}
	.cpOL li:hover img{ border-color: #60A511; box-shadow: 8px 8px 10px -5px #60A511;}
	.caseDL .imgs:hover{ opacity: .8;}
	.baogaoOL li a:hover{color: #60A511;}
	.zhiliOL li a:hover{color: #fff;background: #60A511;border-color: #60A511;}
	.zhiliOL li a:hover i{color: #fff;}
}

@media only screen and (max-width:1200px ) {
	.newsUL li .overHidden{ padding-top: 0;}
	.fiveTxt{ margin-top: 5px;}
	.hotLine .txt{ line-height: 1.5;}
	.styleOur .styleBtn_left{ left:0;}
	.styleOur .styleBtn_Right{ right: 0;}
	.cpOL{ left: -3%;}
	.cp_1 .frCp{ width: 54.5%;}
	.cpOL li{ font-size: 14px;}
	.cpOL li img{ height: 65px;}
	.cpDetails .fl{ margin-right: 2%;}
	.touziz .fr{ top: 10px;right: 10px;bottom: 10px; left: 55%;}
	.touziz .fl{ width: 55%;}
}

@media only screen and (min-width:1200px ) {
	.videoDL dd:hover .scaleImg img{ opacity: 1;}
	.videoDL dd .scaleImg i,.serviceDefault_2 .tit,.serviceDefault_2 .txt{ transition: .5s; -webkit-transition: .5s;}
	.videoDL dd:hover .scaleImg i{ color: #d10a0a; transform: scale(1.5) rotate(180deg); -webkit-transform: scale(1.5) rotate(180deg); opacity: 1;}
}

@media only screen and (max-width: 960px) {
	.numberUL li{ width: 48%; padding: 0 1%;}
	.numberUL li:nth-child(odd){ margin-bottom: 2%; border: 0;}
	.bujuUL li img{ height: 60px;}
	.kekaoUL li{ width: 48%; margin: 0 0 2% 0;}
	.centerLogo{ bottom: -20px;}
	.breadCt{ padding-top: 10px;}
	.centerLogo img{ height: 40px;}
	.bujuUL li .font18{ font-size: 16px;}
	.cultureUL .topbg .iconp{margin-bottom: 5px; font-size: 30px; width: 60px;height: 60px;line-height: 60px;}
	.cultureUL .topbg .iconp{color: #fff; border-color: #fff;}
	.newsFR,.newsFL{ width: auto; float: none; margin-bottom: 2%;}
	.serviceDefault_2 dd{ width: 25%;}
	.contactFour dl{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.contactFour dl dd{ width: 49%; margin-bottom: 2%;}
	.hotLine .fl,.hotLine .fr{ float: none; width: auto; overflow: hidden;}
	.hotLine .txt{ position: relative;z-index: 2; left: 0; bottom: 0;}
	.hotLine .fr{ padding: 20px;}
	.hotLine .fr img{ position: absolute; right: 0; top: 0;width: auto;}
	.map{ height: 360px;}
	.industry .overHidden{ padding-top: 0;}
	.cultureUL .topbg .sm img{ height: 50px;}
	.cpOL li img{ height: 50px;}
	
	.imgdt .cons{width: 90%; left: 5%; top: 10%; margin-top: 0; margin-left: 0;}
}

@media only screen and (max-width:767px ) {
	.cp_1 .flCp{ float: none; width: auto; text-align: center; padding: 4% 0;}
	.cp_1 .frCp{ float: none; width: auto;}
	.cpOL{ text-align: left; left: 0; margin-top: 2%;}
	.cpDetails .fl{ width: auto; margin: 0; float: none;}
	.productSearch{ margin-bottom: 0;}
	.touziz{ padding-bottom: 10px;}
	.touziz .fl{ width: auto; float: none;}
	.touziz .fr{ position: static; float: none; margin: 10px 10px 0 10px; padding: 15px; padding-bottom: 25px;}
	.contactItems dl dd{ display:block; padding:0 10px; margin-left:0; width:auto;}
	.contactItems h5{ padding-left:10px; font-size:16px;}
	.contactItems dl dd h6{ font-size:16px; padding:6px 0;}
	.contactItems dl dd p{ margin-bottom:3px;}
	
}

@media only screen and (max-width:640px ) {
	.banner{ padding-bottom: 10%; margin-bottom: 20px;}
	.banner:before{ position: absolute; left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.3);}
	.banner h1,.banner .breadCt,.breadCt .centerLogo{ position: relative;z-index: 2;}
	.fangan .fl{float: none; width: auto; padding-left: 0;}
	.numberUL, .bujuUL{ white-space: normal;}
	.bujuUL li{ width: 50%; margin-bottom: 2%;}
	.aboutDefault_5 .blockImg{ width: auto; min-height: 210px;}
	.kekaoUL li img{ margin: 0 auto 0 auto;}
	.kekaoUL li{ min-height: 0; padding: 15px 0;}
	.kekaoUL li{ font-size: 14px;}
	.numberUL li .font18{ font-size: 12px;}
	.historyUL li .txts{ font-size: 14px;}
	.historyUL li .imgs .icons{ margin-top: 8px; width: 8px;height: 8px;margin-right: -5px;}
	.historyUL li .imgs .icons:after{ right: 8px;}
	.historyUL li:nth-child(even) .imgs .icons{ margin-left: -5px;}
	.historyUL li:nth-child(even) .imgs .icons:after{ left: 8px;}
	.cultureUL li{ width: 49%; margin-bottom: 2%;}
	.cultureUL .botbg{ padding: 10px 5px 10px 10px;}
	.newsUL li .fr{ width:200px;}
	
	.conTop .date{ padding: 10px;}
	.serviceDefault_2 .txt span{ display: none;}
	.service_4 .clearfix>.fr{ width: auto; float: none; margin-bottom: 15px;}
	.service_1,.service_3{ min-height: 0;}
	
	.service_6 .fr,.service_7 .fl,.service_8 .fr{ float: none; padding: 0; max-width: 100%; margin-bottom: 2%;}
	.fanganUL li{ width: 45%; margin-top: 20px;}
	.itemOL{ margin-bottom: 4%;}
	.fanganUL li p{ margin-top: 13px;}
	.serviceDefault_1 .bujuUL li{ width: 25%;}
	.contactFour dl dd i{ margin: 0 10px 0 10px; font-size: 20px;}
	.map{ height: 260px;}
	.selectCSS_2 .items{ float: none; width: auto; margin-bottom: 10px; margin-right: 0;}
	.selectCSS_2 { padding: 15px;}
	.selectCSS_2 .dd{ margin-bottom: 10px;}
	
	.industry .scaleImg{ float: none; width: auto; margin: 0 0 2.5% 0;}
	.industry .overHidden h5{ margin-bottom: 0;}
	.industryOL li{ width: 31.33%;}
	.industryOL li a{ line-height: 40px; padding: 0 20px 0 10px;}
	.industryOL li i{ right: 5px;}
	
	.linianOL li{ width: 100%; margin-bottom: 4%;}
	.styleOur .txt{ font-size: 12px; padding: 10px; line-height: 1.5;}
	
	.zpInfo dd{ width: 49%; padding-top: 24%;}
	.zpInfo dd:nth-child(1){ padding-top: 49%;}
	.detailsTable table tr td:last-child{ width: 70px;}
	.detailsTable table tr td{ padding: 10px;}
	.detailsTable table a{white-space: nowrap; padding:  0 15px; line-height: 34px; font-size: 14px;}
	.detailsTable table thead td{ font-size: 15px;}
	.detailsTable table tr td{ font-size: 13px;}
	.baoga_1 span{ display: block;}
	.baoga_1 em{ padding: 0 10px 0 0}
	.baoga_1,.baoga_1 a{ line-height: 30px;}
	.baoga_1 a{ padding: 0 10px;}
	.itemOL li{ display: none; float:none; width:auto}
	.itemOL li.on{ display: block;}
}

@media only screen and (max-width:480px ) {
	.breadUL>li>a{ font-size: 14px; padding: 0 15px; line-height: 34px;}
	.historyUL li .txts{ font-size: 12px;}
	.historyUL li .txts h5{ margin-bottom: 2px;}
	.newsUL li .fr{ float: none; width: auto; margin: 0 0 10px 0;}
	.pagination-centered ul li span{ font-size: 12px; width: 26px;line-height: 26px;height: 26px;}
	.videoDL dd .txt p{ position: static;}
	.videoDL dd .txt{ margin-top: 10px;}
	.noBread{ padding: 23px 0;}
	.submitBtn input{ width: 100%;}
	.contactFour dl dd{ text-align: center;}
	.contactFour dl dd i{ display: block; margin: auto; float: none; text-align: center;}
	.industryOL li{ width: 48%;}
	.zpInfo dd a p span{ display: none;}
	.zpInfo dd a p{ padding: 0 10px;}
	.zpInfo dd a p:before{ position: absolute;right: 5px; top: 0;content: 'more';text-transform: uppercase;color: #aaa;}
	
	.detailsTable table tr td:nth-child(3),.detailsTable table tr td:nth-child(4),.detailsTable table tr td:nth-child(5){ display: none;}
	.detailsTable table a{font-size: 12px; line-height: 28px; padding: 0 10px;}
	.detailsTable table tr td{ min-width: 70px;}
	.baogaoOL{ width: auto;}
	.baogaoOL li{ width: auto; float: none; margin: 0 0 3% 0;}
	.baogaoOL .scaleImg2 img{ transform: scale(1); -webkit-transform: scale(1);}
	.zhiliOL li{ width: 48%;}
	.zhiliOL li i{ font-size: 50px; margin-right: 0;}
}

@media only screen and (max-width:365px ) {
	.cpOL li{ font-size: 12px;}
	.breadUL>li>a{ padding: 0 10px; font-size: 13px;}
}