/*Partner*/
.Best-Partner-info{ float:left; width:100%; }
.Best-Partner-info .info{ float:left; width:100%; color:#fff; font-size:60px; line-height:84px; padding:20% 0 21.9% 20%;}

.Best-Partner{ float:left; width:100%; padding:55px  0 77px 0;}
.Best-Partner-list{ float:left; width:100%; padding:58px  0 62px 0;}
.Best-Partner-list ul{ margin:0 -14px;}
.Best-Partner-list ul li{ float:left; width:33.3333%; padding:0 14px;}
.Best-Partner-list .Partner-Info{ float:left; width:100%; border:2px solid #D42f36; border-radius:35px; text-align:center; padding:93px 0 48px 0;}
.Best-Partner-list .Partner-Info .title{ float:left; width:100%; color:#666464; font-size:38px; line-height:48px;}
.Best-Partner-list .Partner-Info .Info{ float:left; width:100%; color:#666464; font-size:18px; line-height:28px; margin:6px 0 45px 0; letter-spacing:1px;}
.Best-Partner-list .Partner-Info .join-but{ float:left; width:100%; margin-top:159px;}
.Best-Partner-list .Partner-Info .join-but a{ display:block; margin:0 auto; width:142px; height:42px; color:#fff; font-size:16px; line-height:42px; background:#d32e36; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}

.Best-Partner-list .Partner-Info .join-but a:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.3);}
.Best-Partner-list .Partner-Info:hover{ background:#D42f36;}
.Best-Partner-list .Partner-Info:hover .title{ color:#fff;}
.Best-Partner-list .Partner-Info:hover .Info{ color:#fff;}
.Best-Partner-list .Partner-Info:hover .mainSub span{ background:#fff;}
.Best-Partner-list .Partner-Info:hover .join-but a{ background:#fff; color:#D42f36;}


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

.Best-Partner-info .info{ font-size:40px; line-height:56px; padding:20% 0 21.9% 20%;}

.Best-Partner-list .Partner-Info .title{ font-size:30px; line-height:40px;}
.Best-Partner-list .Partner-Info .Info{ font-size:14px; line-height:24px;}

}

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

.Best-Partner-info .info{ font-size:30px; line-height:42px; padding:10% 0 10% 10%;}

.Best-Partner{ padding:20px  0 20px 0;}
.Best-Partner-list{ padding:20px  0 30px 0;}
.Best-Partner-list ul{ margin:0 -6px;}
.Best-Partner-list ul li{ padding:0 6px;}
.Best-Partner-list .Partner-Info{ border-radius:15px; padding:30px 0 24px 0;}
.Best-Partner-list .Partner-Info .title{ font-size:20px; line-height:30px;}
.Best-Partner-list .Partner-Info .Info{ letter-spacing:0; margin:0 0 30px 0;}
.Best-Partner-list .Partner-Info .join-but{ margin-top:30px;}
.Best-Partner-list .Partner-Info .join-but a{ width:120px; height:36px; font-size:14px; line-height:36px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

}

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

.Best-Partner-info .info{ font-size:24px; line-height:36px; padding:10% 0 10% 10%;}

.Best-Partner-list{ padding:10px  0 16px 0;}
.Best-Partner-list ul li{ width:100%; margin:4px 0;}
.Best-Partner-list .Partner-Info{ padding:20px 0}
.Best-Partner-list .Partner-Info .Info{ margin:0 0 20px 0;}
.Best-Partner-list .Partner-Info .join-but{ margin-top:20px;}


}


/*contact us*/
.contact-us{ float:left; width:100%; border-top:1px solid #8b8a8b; padding:59px 0 27px 0;}
.contact-us .content{ float:left; width:100%; text-align:center;}
.contact-us .content ul{ display:inline-block; *display:inline; *zoom:1;}
.contact-us .content ul li{ float:left; width:300px; padding:30px 0; margin:0 50px; text-align:center;}
.contact-us .content ul li .ico{ float:left; width:100%; line-height:0; position:relative;}
.contact-us .content ul li .ico img{ width:178px; height:178px;}
.contact-us .content ul li .ico .img2{ position:absolute; left:50%; top:0; margin-left:-89px;opacity:0; filter:alpha(opacity=00);}
.contact-us .content ul li .info{ float:left; width:100%; color:#595757; font-size:16px; line-height:25px; min-height:50px; margin-top:28px;}
.contact-us .content ul li.hover{cursor:pointer;}
.contact-us .content ul li.hover .info{ line-height:50px;}
.contact-us .content ul li.hover:hover .ico .img1{opacity:0; filter:alpha(opacity=00);}
.contact-us .content ul li.hover:hover .ico .img2{opacity:1; filter:alpha(opacity=100);}



.bdmap{ float:left; width:100%; height:799px;}
.contact-us-info{ float:left; width:100%;}
.contact-us-info .content{ float:left; width:100%; padding:53px 82px 56px 105px;}
.contact-us-info .content .On-line{ float:left;} 
.contact-us-info .content .On-line a{ float:left; line-height:48px; padding-left:53px; color:#D42f36; font-size:28px; position:relative; font-weight:bold;}
.contact-us-info .content .On-line a img{ float:left; width:47px; height:41px;  position:absolute; left:0; top:50%; margin-top:-20px;}
.contact-us-info .content .On-line a .img1{opacity:1; filter:alpha(opacity=100); animation: Twinkle1 3s infinite;}
.contact-us-info .content .On-line a .img2{opacity:0; filter:alpha(opacity=00); animation: Twinkle2 3s infinite;}

.contact-us-info .content .tel-line{ float:right; padding-left:44px; line-height:48px; padding-left:44px; color:#D42f36; font-size:28px; font-weight:bold; background:url(../images/cont6.png) left center no-repeat;}


@keyframes Twinkle1 {
  0% {
    
	opacity:1; filter:alpha(opacity=100);
  }
  25% {
     opacity:0; filter:alpha(opacity=00);
  }
  50% {
     opacity:1; filter:alpha(opacity=100);
  }
  75% {
     opacity:0; filter:alpha(opacity=00);
  }
  100% {
     opacity:1; filter:alpha(opacity=100);
  }
}
.Twinkle1 {
  -webkit-animation-name: Twinkle1;
          animation-name: Twinkle1;
}

@keyframes Twinkle2 {
  0% {
    
	opacity:0; filter:alpha(opacity=00);
  }
  25% {
     opacity:1; filter:alpha(opacity=100);
  }
  50% {
     opacity:0; filter:alpha(opacity=00);
  }
  75% {
     opacity:1; filter:alpha(opacity=100);
  }
  100% {
     opacity:0; filter:alpha(opacity=00);
  }
}
.Twinkle2 {
  -webkit-animation-name: Twinkle2;
          animation-name: Twinkle2;
}




@media screen and (max-width:1229px ) {
.contact-us .content ul li{ margin:0 30px; width:260px;}	
.contact-us .content ul li .ico img{ width:120px; height:120px;}
.contact-us .content ul li .ico .img2{ margin-left:-60px;}
.contact-us-info .content{ padding:43px 0 45px 0;}

}

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


.contact-us{ padding:20px 0;}
.contact-us .content ul li{ margin:0 20px; width:192px; padding:30px 0;}
.contact-us .content ul li .ico img{ width:80px; height:80px;}
.contact-us .content ul li .ico .img2{ margin-left:-40px;}
.contact-us .content ul li .info{ font-size:12px; line-height:20px; min-height:40px; margin-top:10px;}
.contact-us .content ul li.hover .info{ line-height:40px;}

.bdmap{ height:400px;}
.contact-us-info .content{ padding:20px 0;}
.contact-us-info .content .On-line a{ font-size:18px; line-height:38px; padding-left:35px;}
.contact-us-info .content .On-line a img{ float:left; width:30px; height:26px; margin-top:-12px;}
.contact-us-info .content .tel-line{ font-size:18px; line-height:38px; padding-left:29px; background-size:24px 24px;}

}
@media screen and (max-width:767px ) {

.contact-us .content ul li{ margin:0; width:115px; padding:12px 2px;}
.contact-us .content ul li .ico img{ width:60px; height:60px;}
.contact-us .content ul li .ico .img2{ margin-left:-30px;}
.contact-us .content ul li .info{ line-height:18px; min-height:54px;}
.contact-us .content ul li.hover .info{ line-height:18px;}

.contact-us-info .content{ padding:15px 0;}
.contact-us-info .content .On-line{ width:100%;}
.contact-us-info .content .On-line a img{ width:24px; height:21px; margin-top:-10px;}
.contact-us-info .content .On-line a{ font-size:16px; line-height:30px; padding-left:29px;}
.contact-us-info .content .tel-line{ width:100%; font-size:16px; line-height:30px; padding-left:25px; background-size:20px 20px;}

}
@media screen and (max-width:374px ) {

.contact-us .content ul li{ width:92px;}

}





/*20180919--ะยิ๖*/
.free-hotline-Popup{ display:none; float:left; width:100%; position:fixed; left:0; top:88px; z-index:22; background:#fff; border-top:1px solid #bdbdbd;box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.hotline-Popup{ float:left; width:100%; padding:125px 0 117px 0; position:relative;}
.hotline-left{ float:left; width:598px; padding:0 0 0 32px;}
.hotline-left .ico{ float:left; width:100%; line-height:0;}
.hotline-left .title{ float:left; width:100%; color:#d32e36; font-size:48px; line-height:58px; text-transform:uppercase; margin:5px 0 0 0;}
.hotline-left .info{ float:left; width:100%; color:#666464; font-size:43px; line-height:57px;}
.hotline-right{ float:right; width:535px;}
.hotline-right .title{ float:left; width:100%; color:#595757; font-size:34px; line-height:36px;}
.hotline-right .Tips{ float:left; width:100%; color:#595757; font-size:24px; line-height:29px; margin:23px 0 24px 0; font-weight:500;}
.hotline-right .info{ float:left; width:100%; color:#595757; font-size:20px; line-height:25px; font-weight:500; }
.hotline-right .form{ float:left; width:100%; padding-right:60px;}
.hotline-right .form .txt{ float:left; width:100%;color:#b5b5b6;font-size:18px;border: 0px;background: #efefef; padding:0 16px;height:55px;line-height:55px; margin-top:22px;}
.hotline-right .form .txt::-webkit-input-placeholder { color:#b5b5b6; }
.hotline-right .form .txt:-moz-placeholder{color:#b5b5b6}
.hotline-right .form .txt::-moz-placeholder{color:#b5b5b6}
.hotline-right .form .txt:-ms-input-placeholder{color:#b5b5b6}
.hotline-right .form .but{ float:left; width:100%;color:#fff;font-size:18px;border: 0px;background: #d32e36;height:57px;line-height:57px; margin-top:9px;}
.hotline-right .form .but:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}

.PopupBtn{ float:right; width:48px; height:30px; cursor: pointer; text-align: center; margin:29px 0; position:absolute; right:37px; top:40px; z-index:8;}
.PopupBtn .point {  display: inline-block;  width: 48px;  height:30px; position: relative; vertical-align:top;}
.PopupBtn .navbtn {  position: absolute;  top: 12px;  right: 0;  display: inline-block;  width:48px;  height: 5px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #717071;  background: transparent;  }
.PopupBtn .navbtn::after,
.PopupBtn .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 48px;  height: 5px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #717071;  }
.PopupBtn .navbtn::after {  top: -13px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: navBtn(45deg);  transform: rotate(45deg);  top: 0px; background:#D42f36; }
.PopupBtn .navbtn::before {  top: 13px;  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  background:#D42f36;  }


@media screen and (max-width:1229px ) {
.PopupBtn{ right:20px;}
.hotline-left{ width:400px; padding:0;}
.hotline-right{width:460px;}
.hotline-left .ico img{ width:275px;}
.hotline-left .title{ font-size:32px; line-height:42px;}
.hotline-left .info{ font-size:28px; line-height:38px;}
.hotline-right .form{ padding-right:0;}
.hotline-right .form .txt{ height:40px; line-height:40px; font-size:16px;margin-top:15px;}
.hotline-right .form .but{ height:40px; line-height:40px; font-size:16px; margin-top:8px;}
.hotline-right .Tips{ font-size:20px; line-height:22px; margin:12px 0 10px 0;}
.hotline-right .info{ padding-right:0; font-size:16px; line-height:23px;}
.hotline-right .title{ font-size:24px; line-height:22px;}

}