/*special common style*/
.bg {display:block;width: 100%;height:575px;overflow: hidden;background-position: center center; background-repeat: no-repeat;}
.hmtitlelf {float: left;} .hmtitlert {float: right;}
.hmtitlelf,.hmtitlert {margin: 60px 0 40px;}
.hmtitlelf h3 {font-size: 2.6em; line-height: 1.8em;}
.hmtitlelf p,.hmtitlert p {font-size: 1.3em; color: #626060;}
.hmtitlelf a,.hmtitlert a {font-size: 1.0em; color: #626060;}
.hmtitlelf a:hover,.hmtitlert a:hover {color: #c70008;}
.hmtitlert p {margin-top: 3.53em;}
.hmtitlered {color: #c70008!important; margin-left: 20px;}
.pgintro {height: 400px; background-color: #fff;clear: both;margin-bottom: 80px; font-size: 1.4em; line-height: 1.8em; overflow: hidden;}
.pgintro .img,.pgintro .text {width: 50%;float: left; }
.pgintro .text {margin-top: 30px;}
.pgintro .text p {padding: 10px 40px 10px;}
.pgintro .text .btn a {display: inline-block; width: 138px; text-align: center; margin-top: 50px;}
.pgintro .text .btn a.oline { background-color: #c70008; margin: 0 64px 0 130px; line-height: 38px;color: #f1f1f1;}
.pgintro .text .btn a.head-phone {color: #c70008; border: 1px solid #c70008;line-height: 36px;}
.pgintro .text .btn a:hover {font-weight: bold;}
.zgadv {font-size: 1.4em;font-weight: normal;text-align: center;line-height: 2em;padding: 2em 0;}
.probtrela {margin-bottom: 60px; float: left;}
.probtrela li {float: left; margin-right: 20px; width: 285px; height: 260px;}
.probtrela li:first-child {background: url("./adv01.jpg") no-repeat center;}
.probtrela li:first-child+li {background: url("./adv02.jpg") no-repeat center;}
.probtrela li:first-child+li+li {background: url("./adv03.jpg") no-repeat center;}
.probtrela li:first-child+li+li+li {background: url("./adv04.jpg") no-repeat center;margin-right: 0;}
.probtrela li a {display: block;  position: relative; width: 100%; height: 100%;}
.probtrela li a em {display: block; z-index:9; background-color: #fff;width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0, 0, 0, 0.6);filter:alpha(opacity=60);}
.probtrela li a h4 {text-align: center;clear: both; font-size: 1.8em;position: relative;font-weight: normal;}
.probtrela li a h4:after {content: "";border: 1px solid #ffffff;width: 3rem;height: 0;margin: 0 auto;position: absolute;top: 35px;left: 118px;display: none;}
.probtrela li a div,.probtrela li h4 {position: relative; z-index: 99; color: #f0f0f0;}
.probtrela li a div {float: left;width: 50px; height: 47px; padding-top:3px; margin: 40px 0 10px 117px; border-radius:25px; background-color: #fff;behavior:url(./PIE.htc);}
.probtrela li a div i {color: #626060; font-size: 30px; margin: 10px 0 0 10px;}
.probtrela li a:hover em {background:rgba(199, 0, 8, 0.8); transition: all .3s;}
.probtrela li a:hover div i {color: #c70008;}
.probtrela li a:hover h4:after {display: block;}
.probtrela li a:hover .psmall {display: block;}
.probtrela .psmall {text-align: center;clear: both; font-size: 1.4em;padding: 30px 10px 0;display: none;}
.bio_box { width: 100%; overflow: hidden;}
.bio_box dl .con, .bio_box dl .chat { display: inline-block; width: 78px; height: 24px; color: #626060; border: 1px solid #999; border-radius: 4px; margin-right: 15px; font-size: 1.0em; line-height: 24px; font-weight: normal; text-align: center; transition: all .2s; }
.bio_box dl .con:hover { background: #c70008; border-color: #c70008; color: #FFFFFF; }
.bio_box dl .chat { border-color: #c70008; background: #c70008; color: #FFFFFF; margin-right: 0; }
.bio_box dl .pat { display: block; font-size: 1.4em; color: #333333; }
.bio_box dl .pat:hover { color: #c70008; }
.bio_box dl:after { content: " "; display: block; width: 0; height: 1px; background: #c70008; position: absolute; bottom: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); }
.bio_box dl:hover:after { width: 100%;}
.bio_box dl { width: 580px; height: 200px; background: #f7f7f7; margin: 0 40px 40px 0; position: relative; overflow: hidden; float: left;}
.bio_box dl:first-child+dl,.bio_box dl:first-child+dl+dl+dl,.bio_box dl:first-child+dl+dl+dl+dl+dl,.bio_box dl:first-child+dl+dl+dl+dl+dl+dl+dl,.bio_box dl:first-child+dl+dl+dl+dl+dl+dl+dl+dl+dl { margin-right: 0; }
.bio_box dt { width: 300px; height: 200px; float: left; overflow: hidden;}
.bio_box dd { width: 262px; padding-top: 15px; float: right;}
.bio_box img { width: 100%; }
.bio_box span { display: block; text-indent: -8px; color: #999;}
.bio_box p { margin: 15px 0; line-height: 1.8em; font-size: 1.4em; color: #626060;}
.bio_box dl .pat { display: block; font-size: 1.8em; color: #333333; margin: 7px 0 3px;}
.bio_box dl .pat:hover { color: #c70008; }
.bio_box dl .con, .bio_box dl .chat { display: inline-block; width: 78px; height: 24px; color: #999999; border: 1px solid #999; border-radius: 4px; margin-right: 15px; font-size: 1.2em; line-height: 24px; font-weight: normal; text-align: center; transition: all .2s; }
.bio_box dl .con:hover { background: #c70008; border-color: #c70008; color: #fff; }
.bio_box dl .chat { border-color: #c70008; background: #c70008; color: #FFFFFF; margin-right: 0; }
.bio_box dl:after { content: " "; display: block; width: 0; height: 1px; background: #c70008; position: absolute; bottom: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); }
.bio_box dl:hover:after { width: 100%; }
.bgcases { background: url(bg_case.jpg) top center no-repeat; padding-bottom: 60px; overflow: hidden;background-size: cover;}
.bgcases .hmtitlelf p,.bgcases .hmtitlert p,.bgcases .hmtitlelf h3,.bgcases .hmtitlelf a,.bgcases .hmtitlert a {color: #f1f1f1;}
.bgcslist li { display: inline-block;width: 384px;margin-right: 16px;background: #f7f7f7;margin-bottom: 30px;overflow: hidden;vertical-align:top; }
.bgcslist li:nth-child(3n){ margin-right:0;}
.bgcslist li h2 { font-size: 1.6em;margin: 20px 0;padding-top:15px;height:40px; text-align: center;}
.bgcslist li p { font-size: 1.4em;margin: 20px 0;padding:15px;}
.bgcslist li p span { border:1px solid #dcdcdc;padding:5px 10px;color: #626060;border-radius: 5px; }
.bgcslist li p i { display: inline-block;float: right; }
.bgcslist li img { cursor: pointer;transition: all 0.6s; }
.bgcslist li:hover img { transform: scale(1.05); }
.bgcslist li:hover span { border-color: #dcdcdc;color: #c70008; }
.pspecial dl {display: inline-block;width: 378px;height: 368px; margin-right:29px;margin-bottom: 80px;background: #f7f7f7;overflow: hidden;}
.pspecial dl div { overflow: hidden; }
.pspecial dl:hover {background: #eeeeee;transition: all .3s;}
.pspecial dl:nth-child(3n) {margin-right: 0;}
.pspecial dl dt { font-size: 1.6em;font-weight: 600; margin: 40px 0 20px 0;padding-left: 15px; }
.pspecial dl dd { font-size: 1.4em;padding:0 15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }
.pspecial dl img{ cursor: pointer;transition: all 0.6s;}
.pspecial dl img:hover{ transform: scale(1.1);}

@media (max-width:540px) {
.bg {margin-top:55px;height:160px;background-size: cover;}
.pgintro {height: 750px;}
.pgintro .text p {padding: 10px;}
.pgintro .img, .pgintro .text {width: 100%;float: none;}	
.pgintro .img img {display: block;margin: 0 auto;}
.pgintro .text .btn a.oline {margin: 0 10px 0 5px;}
.pgintro .text {margin: 30px 0;}
.w900 {width: 100%;}
.bio_box { margin-bottom: 0; }
.bio_box dl { width: 100%; height: auto;padding-bottom: 20px; }
.bio_box dt { width: 100%;height: auto;float: none; }
.bio_box dd { width: 100%;float: none;text-align: center; }
.bio_box dl .pat { font-size: 1.5em; }
.bio_box p { font-size: 1.3em;padding-left: 8px;padding-right: 8px; }
.bio_box img { border-radius: 10px; }
.bgcases {background: #f7f7f7;}
.bgcases .hmtitlelf h3 {color: #333;}
.bgcases .hmtitlelf p {color: #626060;}
.bgcslist li { width: 99%;margin-right: 0; background: #ffffff;}
.bgcslist li img { display: block;margin: 0 auto;border-radius: 5px; }
.pspecial dl { display: block; width: 100%;height: 330px;text-align: center;margin-bottom: 20px; }
.pspecial dl:nth-child(4n) { margin-right: auto; }
.pspecial dl img { border-radius: 10px; }
.pspecial dl dt { margin:20px 0; }
}


@media (min-width: 540.7px) and (max-width: 768.7px){
.pgintro {height: auto;}
.probtrela li {width: 229px;height: 260px;}
.w900 {width: 100%;}
.pgintro .img, .pgintro .text {width: 100%;float: none;}	
.pgintro .img img {display: block;margin: 0 auto;}
.pgintro .text .btn a.oline {margin: 0 110px 0 75px;}
.pgintro .text {margin: 30px 0;}
.bg {margin-top:55px;height:300px;background-size: cover;}
.bio_box { margin-bottom: 0; }
.bio_box dd {width: 262px;padding-right: 15px;}
.bio_box dl { width: 100%; }
.bio_box dt { width: 40%;padding-top: 20px; }
.bio_box dl .pat { font-size: 1.5em; }
.bio_box p { font-size: 1.3em; }
.bgcslist li { width: 48%; }
.probtadva dd {width: 145px;}
.probtadva dd img {padding: 60px 45px 70px;}
.probtadva dd:nth-child(4){margin-right: 0;}
.bgcslist li:nth-child(2n){margin-right: 0;}
.bgcslist li:nth-child(3){margin-right: 16px;}
.bgcslist li h2 {font-size: 1.4em;margin: 10px 0;padding-top:15px;height:40px;text-align: center;}
.bgcslist li img { display: block;margin: 0 auto; }
.probtrela li a div {margin-left: 90px;}
.probtrela li a h4::after {left: 90px;}
.pspecial dl:nth-child(3n) { margin-right: 29px; }
.pspecial dl:nth-child(2n) { margin-right: 0; } 
.pspecial dl { width: 46%;height: 278px;margin-bottom:20px; }
.pspecial dl dt {padding-left: 0;text-align: center; margin:20px auto; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
}


@media (min-width: 768px) and (max-width: 991.7px) {
.pgintro {height: auto;}
.pgintro .img, .pgintro .text {width: 100%;float: none;}	
.pgintro .img img {display: block;margin: 0 auto;}
.pgintro .text .btn a.oline {margin: 0 110px 0 175px;}
.pgintro .text {margin: 30px 0;}
.probtrela li {margin-bottom: 20px; width: 236px;}
.probtrela li a h4::after {left: 90px;}
.probtrela li a div {margin-left: 90px;}
.probtrela li:nth-child(3n){margin-right: 0;}
.probtrela li:nth-child(4){display: none;}
.bgcslist li {width: 236px;}
.bgcslist li:nth-child(3n){margin-right: 0;}
.bgcslist li h2 {height: 60px;padding: 15px 10px 5px;}
.w900 {width: 70%;}
.w300 {width: 30%;}
.bg {margin-top:55px;height:400px;background-size: cover;}
.bio_box dl { width: 370px;height: 120px; margin-right: 10px; }
.bio_box dt { width: 180px;padding-top: 0px;height: auto; }
.bio_box dd { width: 165px; }
.bio_box p {margin-top: 12px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.bio_box span { display: none; }
.bio_box dl .con, .bio_box dl .chat { width: 53px; }
.bio_box dl .pat { font-size:1.4em;height:30px; } 
.bgcslist li { width: 234px; }
.bgcslist li:nth-child(4n) { margin-right: 17px; }
.bgcslist li:nth-child(3n) { margin-right: 0; }
.bgcslist li { margin-right: 17px; }
.bgcslist li h2 { margin: 0; }
.bgcslist li p { margin: 0; }
.pspecial dl:nth-child(3n) { margin-right: 29px; }
.pspecial dl:nth-child(2n) { margin-right: 0; } 
.pspecial dl { width: 358px;height: 350px; }
.pspecial dl dt { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
}


@media (min-width: 992px) and (max-width: 1199.7px){
.bg {height:450px;background-size: cover;}
.pgintro {height: 327px;}	
.pgintro .text .btn a.oline { margin: 0 64px 0 82px;}	
.w300 {width: 30%}
.w900 {width: 70%}
.bio_box p {font-size: 1.2em;;}
.bio_box dl { width: 470px; height: 157px;}
.bio_box dt { width: 235px;height: auto; }
.bio_box dd { width: 210px; }
.bio_box dl .pat { font-size:1.6em; }
.bgcslist li { width: 228px;}
.pspecial dl { width: 304px;height: 350px;}
.probtrela li {margin-bottom: 20px; width: 230px;}
.probtrela li a div {margin: 40px 0 10px 90px;}
.hmtitlert p {margin-top: 46px;}
.bgcslist li {width: 313px;}
.probtadva dd {width: 143px;}
.probtadva dd img {padding: 60px 44px 70px;}
.probtrela li a h4::after {left: 90px;}
}


@media (min-width: 1200px) {

}