/*!
 * bid css in 2018
 * cj modify */

 .blank {height:20px;width:100%;}  
 .btn-mini {font-size:12px; padding:2px 10px;}
/* ------page advise-----*/ 

.page-advise {}
 
.page-advise .mod-title { padding:1px;font-size:20px; text-align:left; font-weight:bold; position:relative;padding-left:60px;}
.page-advise .mod-title p {font-size:15px; font-weight:normal; line-height:1.42;padding-top:5px;}
.page-advise .mod-title .bottom { display:block;margin:10px 0; width:30px;height:3px; background-color:#297EFE; }
.page-advise .mod-title .icon { position:absolute; font-weight:normal; width:50px;height:50px;top:7px;left:0; background-color:#4484e4;
 line-height:50px; text-align:center;color:#fff; font-size:24px;border-radius:50%; overflow:hidden;}
 
@media (min-width: 768px) {
.page-advise .mod-title { font-size:38px;padding-left:120px; font-weight:normal;}	
.page-advise .mod-title p {font-size:20px; }
.page-advise .mod-title .bottom {width:55px;height:4px; }
.page-advise .mod-title .icon {width:90px;height:90px;line-height:90px;font-size:40px;}
}
@media (min-width: 992px) {
.page-advise .mod-title { font-size:44px;}	
} 


/*banner*/
.mod-banner {background-image:url(../images/bannerbg1.jpg); background-size:350%; background-repeat:no-repeat; background-color:#F8F8F8;
padding-bottom:30px; background-position:center top; }
.mod-banner .head { text-align:center; color:#fff;padding-top:60px; font-size:30px; }
.mod-banner .desc {color:#fff; text-align:center;margin:0 auto; width:85%;max-width:550px; font-size:14px;padding-top:20px; line-height:1.6;}
.mod-banner .step { position:relative;padding-top:50px;padding-left:10px;padding-right:10px;}
.mod-banner .step .each {position:relative; background-color:#fff;border-radius:10px;padding:40px 20px;margin-bottom:30px; box-shadow:0 0 20px rgba(0,0,0,0.1);  text-align:center; 
transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.mod-banner .step .icon {margin:0 auto; }
.mod-banner .step .iconfont { font-size:50px; line-height:1;color:#297EFE;}
.mod-banner .step h3 {font-size:18px; font-weight:bold;margin-top:25px;margin-bottom:15px;color: #333;}
.mod-banner .step p {  max-width:260px;margin:0 auto; line-height:1.6; font-size:15px; }
.mod-banner .step .bottom { position:absolute;bottom:0;left:50%;width:40px;height:3px; margin-left:-20px;    background-color: #297EFE;}
@media (min-width: 768px) {
.mod-banner {background-size:250%; padding-bottom:40px;  }
.mod-banner .head {  padding-top:150px;	font-size:64px; font-weight:100; }
.mod-banner .desc { font-size:20px;padding-top:30px;}
.mod-banner .step {  padding-top:65px;}
.mod-banner .step .each { padding:50px 20px 60px 20px;margin-top:15px;margin-bottom:35px;box-shadow:0 0 30px rgba(0,0,0,0.1); }
.mod-banner .step .iconfont { font-size:56px; }
.mod-banner .step h3 { font-size:22px; margin-top:40px; }

}
@media (min-width: 992px) { 
.mod-banner {background-size:auto;}
.mod-banner .step { padding-top:95px;padding-left:0;padding-right:0;}
.mod-banner .step .col-md-4 {padding:0 25px;}
.mod-banner .step .each {height:300px; overflow:hidden;border-radius:0; }	
}
@media (min-width: 1200px) {
.mod-banner .step .each:hover {margin-top:1px;}	
.mod-banner .step .each:hover .iconfont { color:#FFC926;}
.mod-banner .step .each:hover .bottom {background-color:#FFC926;}
}


/*advise*/
.mod-advise {padding-top:50px; padding-bottom:50px; background-image:url(../images/modbg2.jpg); background-repeat:repeat-x; background-position: left top;}
.mod-advise .head {padding:20px;background-color:#2B8FE6;  background-image: linear-gradient(to right, #4484E4 0%, #00A0E9 100%); 
 margin-bottom:30px;border-radius:10px; margin-top:30px; line-height:1.8;font-size:14px;color:#fff; position:relative; /*box-shadow:0 5px 20px rgba(150,150,150,0.1);*/}
 .mod-advise .head:before {  width:0; position:absolute;left:20px;top:-6px;content:' '; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #1b8cca;}
.mod-advise .desc { line-height:1.8;margin-bottom:30px;font-size:14px;padding:0 10px;}
.mod-advise .desc strong {color: #FFC926;}
.mod-advise .img-wrap { position:relative;width:80%;margin:0 auto;}
.mod-advise .img-wrap .imga {width:100%;height:auto; position:relative;z-index:1;}
.mod-advise .img-wrap .imgb {width:100%;height:auto; position:absolute; left:0;top:0; z-index:2;}
.mod-advise .img-wrap .imgc {width:100%;height:auto; display:block;margin-top:20px;}
.mod-advise .img-wrap .imgd {width:100%;height:auto; display:block; }
@media (min-width: 768px) {
	.mod-advise {padding-top:100px; padding-bottom:120px;}
	.mod-advise .mod-content {padding-top:10px;}
	.mod-advise .head {font-size:16px; margin-top:40px; margin-bottom:50px; }
	.mod-advise .desc {font-size:16px;  }
	 .mod-advise .head:before {left:40px;top:-8px;
	 border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #1b8cca;}
}
@media (min-width: 992px) {
.mod-advise .head { border-radius:0;}		
}
@media (min-width: 1200px) {
.mod-advise.mod-c .img-wrap {width:95%; }	
}
@media (min-width: 1500px) {
.mod-advise.mod-c .img-wrap { margin-top:-80px;}	
}


/*man*/
.mod-man {padding-top:50px; background-color:#212121; background-image:url(../images/manbg.jpg); 
background-size:cover; background-repeat:no-repeat; background-position:left top;}
.mod-man .mod-content { position:relative;padding:30px 5px 50px 5px; }
.mod-man .mod-title {color:#fff; text-align:center;padding:0; }
.mod-man .mod-title .bottom {margin:10px auto;}
.mod-man .man-desc { line-height:1.8; margin:0 auto; color:#fff;padding:0 10px;}
.mod-man .man-desc strong { font-size:20px; display:block;padding-bottom:10px;padding-top:40px; text-align:center; font-weight:normal;}
.mod-man .man-img { text-align:center; width:50%;margin:0 auto;}
.mod-man .man-desc p {margin-bottom:15px;  }
@media (min-width: 768px) {
.mod-man {padding-top:110px; }	
.mod-man .mod-content { padding:30px 15px 90px 15px; }
.mod-man .man-desc { font-size:16px;padding:0 20px; }	 
.mod-man .man-desc strong {font-size:36px;padding-bottom:30px; }
.mod-man .mod-title { font-weight:normal}
  
 .mod-man .man-img { width:80%;max-width:307px;}
}
@media (min-width: 992px) {
.mod-man .man-desc strong {  padding-top:0;  text-align:left;}	
	
}



/*contanct*/

.mod-contact {padding-top:50px;padding-bottom:80px; }
.mod-contact .mod-title { text-align:center;padding:0;  }
.mod-contact .mod-title .bottom {margin:10px auto;}
.each-contact {margin-top:30px; background:#fff; box-shadow:0 5px 10px #eee;padding:20px 15px; border-radius:10px; position:relative;
transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.each-contact strong {  font-size:17px; padding-bottom:5px; display:block;}
.each-contact p { font-size:14px; line-height:1.6;}


@media (min-width: 768px) {
.mod-contact {padding-top:90px; padding-bottom:120px;}	
.mod-contact .mod-content {padding-top:30px;}
.each-contact { padding:30px;height:240px;}
.each-contact strong { font-size:20px;padding-bottom:10px;}
.each-contact p { font-size:16px;}
.mod-contact .mod-title {font-weight:normal;}
}

@media (min-width: 1200px) {
.each-contact { height:200px; border-radius:0; overflow:hidden;box-shadow:0 5px 15px #eee; }
.each-contact:hover {margin-top:15px;margin-bottom:15px; background-color:#076298; color:#fff;}	
}

/*-----page estate-------*/
.page-estate {}
.page-estate .mod-contact {    background-color: #f2f5f7;}
.page-estate .mod-contact .mod-title { text-align:center;padding:0;  }
.page-estate .mod-contact .mod-title .bottom {margin:10px auto;}
.page-estate .mod-man .mod-title { text-align:center;padding:0;  }
.page-estate .mod-man .mod-title .bottom {margin:10px auto;}
 


.page-estate .mod-title { padding:1px;font-size:20px; text-align:left; font-weight:bold; position:relative;padding-left:60px;}
.page-estate .mod-title p {font-size:15px; font-weight:normal; line-height:1.42;padding-top:5px;}
.page-estate .mod-title .bottom { display:block;margin:10px 0; width:30px;height:3px; background-color:#297EFE; }
.page-estate .mod-title .icon { position:absolute; font-weight:normal; width:50px;height:50px;top:7px;left:0; background-color:#4484e4;
 line-height:50px; text-align:center;color:#fff; font-size:24px;border-radius:50%; overflow:hidden;}
 
@media (min-width: 768px) {
.page-estate .mod-title { font-size:38px;padding-left:120px; font-weight:normal;}	
.page-estate .mod-title p {font-size:20px; }
.page-estate .mod-title .bottom {width:55px;height:4px; }
.page-estate .mod-title .icon {width:90px;height:90px;line-height:90px;font-size:40px; font-weight:100; }
}
@media (min-width: 992px) {
.page-estate .mod-title { font-size:44px;}	
} 


.page-estate .mod-banner {background-image:url(../images/bannerbg2.jpg);}
 
 
/*build*/
.mod-build {padding-top:30px;padding-bottom:40px;background-image:url(../images/modbg2.jpg); background-repeat:repeat-x; background-position: left top;}
.mod-build .head {padding:20px;padding-bottom:140px; background-color:#2B8FE6;  background-image: linear-gradient(to right, #4484E4 0%, #00A0E9 100%); position:relative;
 border-radius:10px; margin-top:30px; line-height:1.8;font-size:14px;color:#fff; }
.mod-build .head .img { position:absolute;right:50%;bottom:-20px;width:200px;margin-right:-100px; z-index:2;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.mod-build .head .img img {width:100%;height:auto;}
.mod-build .head:before {  width:0; position:absolute;left:20px;top:-6px;content:' '; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #1b8cca;}	
.mod-build .desc { padding:40px 5px 40px 5px;line-height:1.8;  }
.mod-build .desc strong {color: #FFC926;}
.mod-build .icon-wrap { position:relative; }
.mod-build .icon-wrap .each {position:relative; padding:10px 10px 10px 45px; margin-bottom:10px; border-radius:10px; 
border-bottom:3px solid #cae0f3; background-color: #f5f8fc;text-align:left;display:table;width:100%;  
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.mod-build .icon-wrap .each .icon { color:#4484e4; font-size:20px;position:absolute; z-index:2;left:15px;top:10px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.mod-build .icon-wrap .each p {   height:30px; display:table-cell; vertical-align:middle; }

@media (min-width: 768px) {
.mod-build {padding-top:100px;padding-bottom:10px;}	
.mod-build .head {font-size:16px; margin-top:40px;padding:20px 30px 240px 20px;}
.mod-build .head .img {width:300px;margin-right:-150px;}
.mod-build .head:before {left:40px;top:-8px;
	 border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #1b8cca;}
.mod-build .desc { font-size:16px;padding:50px 5px 50px 5px; }

.mod-build .icon-wrap .each {padding:0 25px 0 60px; height:80px; border-radius:1px;  }
.mod-build .icon-wrap .each .icon {font-size:32px;top:16px;left:20px; }
.mod-build .icon-wrap .each p {font-size:16px;  }

}
@media (min-width: 992px) {
.mod-build .head {padding:20px 310px 20px 30px;border-radius:0; }
.mod-build .head .img {right:-15px;bottom:-30px; margin:0;}
 
}
@media (min-width: 1200px) {
.mod-build .icon-wrap .each:hover { border-bottom:3px solid #FFC926; background-color:#fdfaea;  }	
.mod-build .icon-wrap .each:hover .icon { color: #FFC926;}
.mod-build:hover .head .img { 	-webkit-animation:img 1s infinite;
            animation: img 1s infinite;}
}

@-webkit-keyframes img {
0% {
bottom:-30px;
}
50% {
bottom:20px;
}

100% {
bottom:-30px;
}
}

@keyframes img {
0% {
bottom:-30px;
}
50% {
bottom:20px;
}

100% {
bottom:-30px;
}
}
 
 /*brand*/
 
.mod-brand {padding-top:60px;padding-bottom:60px; }
.mod-brand .mod-title { text-align:center;padding:0;  }
.mod-brand .mod-title .bottom {margin:10px auto;}
.mod-brand .mod-content {padding-top:30px;}
.mod-brand .desc { font-size:15px; line-height:1.8;padding:0 10px;margin-bottom:40px;}
.brand-list { overflow:auto; }
.brand-list li { width:33.3%;padding:0 8px; float:left; text-align:center;}
.brand-list li p { font-size:12px;height:38px; text-align:center;margin-top:6px;}
.brand-list li img { border:1px solid #ddd;width:100%;height:auto;}

@media (min-width:768px) { 
.mod-brand {padding-top:40px;padding-bottom:10px;}
.mod-brand .mod-content {padding-top:60px;}
.brand-list li { width:25%; padding:0 15px;}
.brand-list li p { height:70px; font-size:14px; margin-top:10px; }
.mod-brand .desc { font-size:16px;padding:0 20px; }
}
 @media (min-width:992px) { 
.brand-list li { width:20%;}  
 }
 @media (min-width:1200px) { 
 .brand-list li { width:16.6%;}   
 }
 
/*-----page contact-------*/
.page-contact {}
.page-contact .mod-contact { background-color:#f6f6f6;padding-top:20px;}
 
.mod-contact-banner {padding:40px 0 35px 0; color:#fff; background-image:url(../images/contactbg.jpg); background-size:cover; background-repeat:no-repeat;  background-position:center center; }
.mod-contact-banner h3 { margin:0;font-size: 22px; font-weight: 200;padding-left:10px; }
.mod-contact-banner p {font-size: 18px;font-weight:100;color:#52b1ff;padding-left:10px; }

@media (min-width:768px) { 
.page-contact .mod-contact {padding-top:50px;}
.mod-contact-banner {padding:60px 0; background-position:center center;}
.mod-contact-banner h3 {  font-size: 36px;  }
.mod-contact-banner p {font-size: 31px; }
}

@media (min-width:1200px) {
.mod-contact-banner { padding:80px 0; background-position:center center;}
}



/*-----page consult-------*/
.page-consult {}
.page-consult .mod-banner { background-image: url(../images/bannerbg3.jpg);}

@media (min-width:1200px) {
.page-consult .mod-banner .desc {    max-width: 850px;}

}

.mod-consult-a {padding-top:50px; padding-bottom:50px; background-image:url(../images/modbg2.jpg); background-repeat:repeat-x; background-position: left top;}
.mod-consult-a .mod-title { padding:1px;font-size:20px; text-align:left; font-weight:bold; position:relative;padding-left:60px;}
.mod-consult-a .mod-title p {font-size:15px; font-weight:normal; line-height:1.42;padding-top:5px;}
.mod-consult-a .mod-title .bottom { display:block;margin:10px 0; width:30px;height:3px; background-color:#297EFE; }
.mod-consult-a .mod-title .icon { position:absolute; font-weight:normal; width:50px;height:50px;top:7px;left:0; background-color:#4484e4;
 line-height:50px; text-align:center;color:#fff; font-size:24px;border-radius:50%; overflow:hidden;}
 .mod-consult-a .desc {padding:20px; background-color:#2B8FE6;  background-image: linear-gradient(to right, #4484E4 0%, #00A0E9 100%); position:relative;
 border-radius:10px; margin-top:30px; line-height:1.8;font-size:14px;color:#fff; text-align:justify; }
 .mod-consult-a .desc strong {color:#ffd659; font-size:17px; display:block;padding-bottom:5px;} 
 .mod-consult-a .text {padding:30px 10px 0 10px; line-height:1.8;font-size:14px; text-align:justify; }
 .mod-consult-a .text strong {color:#ffb426; font-weight:bold;} 
 .mod-consult-a .text i {color:#1b8cca; font-style:normal;} 
 
 
@media (min-width: 768px) {
.mod-consult-a {padding-top:60px; padding-bottom:80px; }
.mod-consult-a .mod-title { font-size:38px;padding-left:120px; font-weight:normal;}	
.mod-consult-a .mod-title p {font-size:20px; }
.mod-consult-a .mod-title .bottom {width:55px;height:4px; }
.mod-consult-a .mod-title .icon {width:90px;height:90px;line-height:90px;font-size:40px;}
.mod-consult-a .desc { border-radius:0; font-size:16px; margin-top:40px; margin-bottom:50px; }
 .mod-consult-a .desc strong {font-size:18px;}
 .mod-consult-a .text {font-size:16px;padding:50px 20px 0 20px; }
}
@media (min-width: 992px) {
.mod-consult-a .mod-title { font-size:44px;}	
} 



.step-content {padding-left:2%;padding-top:40px;} 
.step-content .each-step { position:relative;margin-bottom:30px;  }
.step-content .each-step.last { background-image:none;}
.step-content .each-step .hd { height:40px; padding-left:50px;line-height:40px;border-radius:30px; overflow:hidden;width:90%; font-size:16px;background-color:#297EFE; color:#fff;
transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.step-content .each-step .hd .num { position:absolute; left:4px;top:4px;width:32px;height:32px;line-height:32px;  background-color:#72a9fd; border-radius:50%; 
overflow:hidden; text-align:center;transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.step-content .each-step .bd { text-align:center;background-color:#fff; width:90%; border-radius:10px;  margin-top:10px; padding:30px 10px;}
.step-content .each-step .bd p {font-size:13px;margin-top:20px;margin-bottom:10px; line-height:1.6; }
.step-content .each-step .bd .iconfont { font-size:40px;margin:0 auto; display:block; color:#4484e4; line-height:1; 
transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
	
 @media (min-width: 768px) {

.step-content .each-step .hd { height:50px; padding-left:60px;line-height:50px;border-radius:0;  font-size:18px;width:82%;}
.step-content .each-step .hd .num {width:50px;height:50px;line-height:50px;border-radius:0; left:0; top:0;}
.step-content .each-step .bd { width:82%; padding:40px 15px; margin-top:0;border-radius:0; }
.step-content .each-step .bd p {font-size:15px;margin-top:25px;}
.step-content .each-step .bd .iconfont { font-size:50px; }
}

@media (min-width: 992px) {
.step-content .each-step { background-image:url(../images/stepbg.png);  background-repeat:no-repeat; background-position:right 10px;}	 
.step-content .each-step:hover .bd .iconfont { color:#FFC926; } 	
.step-content .each-step:hover .hd {background-color:#FF9501;}
.step-content .each-step:hover .hd .num {background-color:#FFC926;}   
.step-content .each-step .bd { height:212px; overflow:hidden;}
}
@media (min-width: 1500px) {
.step-content .each-step .hd { padding-left:80px;}	
}