a { transition: 0.5s; -webkit-transition: 0.5s; }
/* img { vertical-align: middle; max-width: 100%; } */
.scaleImg, .scaleImg2 { overflow: hidden; display: block;position:relative; }
.scaleImg img, .scaleImg2 img { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; }
.scaleImg2 img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.scaleImg img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.scaleImg2 img:hover { transform: scale(1); -webkit-transform: scale(1); }

nav {display: block; overflow: hidden;}

/* .autowidth {width: 1200px; margin: auto; } */
.containMain {padding: 0 45px; }

.nyBanner img{ width: 100%;display: block;}
.breadTit .wp {background: #fff; height: 50px; line-height: 20px; padding: 15px; box-sizing: border-box;-webkit-box-sizing: border-box; margin-top: -50px;position: relative;z-index: 2;}
.breadTit .l {float: left;}
.breadTit .r {float: right; }
.breadTit .l a{ color: #666; }
.breadTit .l a:hover{ color: #e40019;}
.breadTit .r a {display: inline-block; background-color: #ddd; padding: 4px 15px;}
.breadTit .r a.active {background-color: #dc161b; color: #fff;}


.publicH2,.publicH3{color: #000;line-height: 1.5; font-size: 34px;font-weight: bold;position: relative;padding-bottom: 15px;margin-bottom: 25px;}
.publicH2:before,.publicH3:before{ position: absolute; left: 0;bottom: 0;height: 3px;width: 80px;background: #E6001F;content: '';}
.publicH3{ font-size: 28px;}
.publicH3:before{ width: 60px;}

.caseDD dd{margin-bottom: 50px; overflow: hidden;}
.caseDD dd h2{ font-size: 30px;color: #333;}
.caseDD .font16{ font-size: 16px;line-height: 1.8; margin-bottom: 10px;}
.caseDD .more{ margin-top: 25px;}
.caseDD  .right{ padding-top: 0px;}
.caseDD dd:nth-child(even) .left{ float: left; width: 57%;margin-right: 4%;}
.caseDD dd:nth-child(even) .right{ overflow: hidden;}
.caseDD dd:nth-child(odd) .left{float: right; width: 57%;margin-left: 4%;}
.caseDD dd:nth-child(odd) .right{ overflow: hidden;}


/* about */
.textCon {padding-bottom: 4em; line-height: 1.8;}


/* news */
.historyDL{ width: 102%; padding: 2% 0;}
.historyDL dd{ float: left; width: 31.333%;margin:0 2% 2% 0;}
.historyDL dd a{ display: block;}
.historyDL dd .txt{ border: 1px solid #ccc;border-top: 0; padding: 15px;}
.historyDL dd .txt .tit{ font-size: 18px; margin-bottom: 15px; he/* ight: 56px; */overflow: hidden;line-height: 1.6;}
.historyDL dd .time{ color: #888;position: relative; padding: 10px 0 0 0;}

.historyDL dd .time:before{ position: absolute; left: 0; top: 0;height: 2px;background: #E6001F;content: '';width: 30px;transition: 0.3s;-webkit-transition: 0.3s;}
.dateBorder{ border-top: 1px solid #aaa; margin: 30px 0;}
.dateBorder span{ display: inline-block;background: #a5a5a5;color: #fff;line-height: 40px; padding: 0 20px; position: relative;}
.dateBorder span:after{ left: 100%; top: 0; position: absolute;content: '';width: 0;height: 0;border-width: 20px 10px;border-style: solid;border-color:#A5A5A5 transparent transparent  #A5A5A5 ; }


.proDL{ width: 102%; padding: 2% 0; overflow: hidden;}
.proDL dd { float: left; width: 31.333%;margin:0 2% 2% 0;}
.proDL dd a{ display: block;}
.proDL dd .txt{ border: 1px solid #ccc;border-top: 0; padding: 15px;}
.proDL dd .txt .tit{ font-size: 18px; margin-bottom: 15px; he/* ight: 56px; */overflow: hidden;line-height: 1.6;}
.proDL dd .time{ color: #888;position: relative; padding: 10px 0 0 0;}
.proDL dd .time:before{ position: absolute; left: 0; top: 0;height: 2px;background: #E6001F;content: '';width: 30px;transition: 0.3s;-webkit-transition: 0.3s;}
.proDL dd img{height:350px;}


#phonemenu { padding-top: 5%;}
#phonemenu li {line-height: normal; padding-top: 0.8em; padding-bottom: 0.6em;}
#phonemenu li .oneA {font-size: 16px; padding-left: 5%; font-weight: 600; color: #333;}
#phonemenu li div a {display: block; border-bottom: 1px solid #eee; color: #888; font-size: 14px; padding-left: 5%; padding-top:6px; padding-bottom: 4px;}



@media only screen and (min-width:960px ) {

.historyDL dd:hover .time:before{ width: 70px;}
.historyDL dd:hover .txt{background: #f9f9f9;border-color: #f9f9f9;box-shadow: 5px 5px 10px -5px #ccc;}

.historyDL dd img{height:230px;}
.proDL dd img{height:350px;}

}


@media only screen and (max-width:960px ) {

.breadTit .r {display: none;}

.font18{ font-size: 16px;}
.containMain{ padding: 0 5%;}

.historyDL dd:hover .time:before{ width: 70px;}
.historyDL dd:hover .txt{background: #f9f9f9;border-color: #f9f9f9;box-shadow: 5px 5px 10px -5px #ccc;}

.historyDL dd img{height:130px;}
.proDL dd img{height:180px;}

.proDL dd { float: left; width: 50%; margin:0;}
.proDL dd a {padding:0 4% 0 0;}

}


@media only screen and (max-width:740px ) {
	.breadTit .autowidth{ margin-top: 0; padding: 10px 2%;width: 100%;}
	.containMain{ padding: 0;}

	.caseDD .odd .left,.caseDD .even .left{ float: none; width: auto;margin: 0;}
	.caseDD .left{ margin-bottom: 15px !important;}
	.caseDD .bianjiTxt{ height: auto;max-height:75px;}
	.caseDD .more{ margin-top: 10px;}
	.caseDD dd{ margin-bottom: 5%;}

}


@media only screen and (max-width:640px ) {
	.downDL{ width: 102%;}
	.downDL dd{ width: 48%;margin-right: 2%;}
	.downDL dd .txt{ margin-bottom: 0;}
	.downList >h3{ font-size: 18px;}
	.downList{ padding-top: 25px;}
	.newsDL dd{ margin-bottom: 5%;}
	.historyDL dd{ width: 48%;}
	.formTit{ font-size: 18px; padding: 5% 0;text-align: center;}
	.loginForm .o-interface-animations { display: block; margin: auto;text-align: center;}
	.loginForm{ padding-bottom: 4%;}
	.registBtn input{ width: auto; padding: 0 20px;font-size: 16px;}
	.jsxDL dd{ line-height: 40px;}
	.jsxDL dd h6{ font-size: 15px;}
	.jsxDL dd .downs a{ font-size: 14px;margin-right: 15px;}
	.shimingDT .clearfix .fl{float: none;width: auto;}
	.floatCot{ padding: 10px 0;}
	.searchTxt{ position: relative; padding-right: 20px;}
	.searchTxt .dd{ width: 100%; margin-bottom: 10px; position: relative;}
	.searchCenter{ position: absolute; right: -8px; top:0;}
	.detailsTxt{ font-size: 15px;}
	.xuanggOL li{ width: auto; float: none;}
	.font16{ font-size:14px;}
	.sections .lunboImg{ width:75%;}
    .sections .lunboImg2{ width:280px;}
	.sections .lunboImg2 .imgP{ float:none; height:200px; width:auto;}
	.sections .lunboImg2 .item .txt{ padding: 10px;}
}

@media only screen and (max-width:480px ) {
	.publicH2{ font-size: 24px;margin-bottom: 15px;}
	.publicH3,.caseDD dd h2{ font-size: 20px;}
	.Txt .font34{ font-size:18px ;}
	.publicH3:before{ width: 40px;}
	.map .fr{ height: 250px;}
	.map .fl,.detailsTxt,.pianA p{ font-size: 14px;}
	.caseInfo .fl h2{ font-size: 18px;}
	.caseInfo p{ font-size: 12px;}
	.caseInfo{ padding: 15px 0;margin: 15px 0;}
	.storeDL dd h6{ padding-left: 12px; line-height: 40px;}
	.storeDL dd .paddings{ padding: 12px;}
	.newsDL dd .txt{ line-height: 1.8; height: 69px;font-size: 13px;}
	.historyDL dd .txt{ padding: 8px;}
	.historyDL dd .txt .tit{ font-size: 15px;}
	.dateBorder{ margin: 15px 0;}
	.dateBorder span{ line-height: 30px;}
	.dateBorder span:after{border-width: 15px 10px;}
    .searchDL dd .tit{ font-size: 16px;}	
    .searchDL dd a{ font-size: 14px;}
}





.title2 {padding: 40px 0 50px; position: relative;}
.title2 h3 {font-size: 25px; margin-top: -25px; margin-bottom: 0;}
.title2 h5 {font-size: 26px; color: #414A4E; position: relative; opacity: 0.25; text-transform: capitalize;}
.title2 {padding: 0 0 20px;}
.title2 h3 span {color: rgb(230, 0, 31);}



.futitle {background-color: #f6f6f6; padding:10px 15px;}
.cplist {padding: 15px 0 20px;}
.cplist .col-xs-4 {background-color: rgb(247, 247, 247);}
.cplist .item {width: 31%; float: left; margin-right: 14px; margin-bottom:15px;}
.cplist .item:nth-child(3) {margin-right: 0;}
.cplist .item a {display: block; padding-bottom: 9px; background-color: rgb(247, 247, 247);}
.cplist .item .thumb {border: 5px solid rgb(247, 247, 247);}
.cplist .item .thumb img {max-width: 100%;}
.cplist .item .text {padding: 2px 5px 0;}
.cplist .item p {margin: 0 6px; line-height: 7px;}

.btnmore {text-align: center;}
.btnmore a {display: inline-block; width: 144px; height:40px; line-height: 40px; background: url(../img/btnbg.png) no-repeat center center;}
.btnmore a span {padding-right: 33px;}

.gdbox {}
.gdbox .item {margin: 0 15px 15px;}
.gdbox .item a {display: flex; overflow: hidden; background: #fff; padding: 15px;}
.gdbox .item .thumb {width: 40%; height: 134px; overflow: hidden; text-align: center;}
.gdbox .item .thumb img {height: 100%; display: inline-block;}
.gdbox .item .text {width: 60%; padding-left: 2%;}
.gdbox .item .more {text-align: right;}
.gdbox .item .more span {display: inline-block; border: 1px solid #eee; padding:3px 5px;}
.gdbox .item .more span img {width: 16px;}

.f6f6f6 {
    background-color: #f6f6f6;
}
.f6f6f6 .btnmore {margin-bottom: 20px;}

.wkpro .gdbox .item {margin: 0 0 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);}
/* .wkpro .gdbox .item a {padding: 0;} */

.wkpro .cplist .item {border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);}
.wkpro .cplist .item a { background: #fff; }
.wkpro .cplist .item .thumb {border: none;}
.wkpro .cplist .item .text {text-align: center;}
.wkpro .cplist .item:nth-child(4) {margin-right:0;}
.wkpro .cplist .item:nth-child(3) {margin-right:0px;}

.rdbox {padding: 0 7px 0px;}
.rdbox .item {width: 33%; float: left; }
.rdbox .item a {padding: 15px; background: #fff; display: block; margin: 0px 8px 15px; border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);}
.rdbox .item .thumb {width: 100%; overflow: hidden;}
.rdbox .item h4 {font-size: 16px; text-align:center;}


.sxbox {padding-bottom: 30px;}
.sxbox .gdbox .item {margin: 0 0 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);}


.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}


.pro_box .ptb1 {margin-bottom:15px;}

@media (min-width:980px ) {

.rdbox .item .thumb {min-height:386px; }

#cp27 .item .thumb {height:386px; background:#fff; text-align:center;}
#cp27 .item .thumb img {height:100%;}

}

@media (max-width:980px ) {


#cp27 .item .thumb {height:155px; background:#fff; text-align:center;}
#cp27 .item .thumb img {height:100%;}

}