@charset "utf-8";

/* banner */
.slide-box{ width: 100%; height: 851px; }


/* 联系我们小挂件 */

.contact{ width: 120px; position: absolute;top: 5%;right: 5%; z-index: 999; /*background-color: #fff;*/ }
.contact .container{ width: 100%;  margin: -4px auto 5px auto; /*background-color: #fff;*/ }


.contact .container .line{ width: 110px; height: 22px; border-left: 2px solid #CACACA; border-right: 2px solid #CACACA; position: absolute;left: 50%;top: -18px; margin-left: -62px; z-index: 999; }


.contact .container .top{ width: 100%; font-weight: 500; background-color: #5f5f5f; position: relative;  }
  .contact .container .top .circular{ width: 12px; height: 12px; border: 20px solid #00A8FF; border-radius: 50%; position: absolute;left: 50%;top: -30px; margin-left: -26px; }
  .contact .container .top .tit{ text-align: center; line-height: 60px; color: #fff; font-size: 16px; display: block; font-weight: 600; letter-spacing: 1px; z-index: 999;}


.contact .container .telOrMail{ width: 100%; /*border: 2px solid #CACACA;*/ text-align: center; padding: 10px 0; position: relative; background-color: #00a8ff;}
  .contact .container .telOrMail p{ font-size: 16px; color: #fff; letter-spacing: 1px;}
  .contact .container .telOrMail span{ font-size: 12px; color: #fff; }


.contact .container .WeChat{ width: 100%; /*border: 2px solid #CACACA;*/ text-align: center; margin-top: 3px; position: relative; margin-bottom: 2px; background-color: #fff;padding: 10px 0;}
  .contact .container .WeChat p{ color: #636363;  font-size: 16px; letter-spacing: 1px; }
  .contact .container .WeChat .img{ width: 80px; /*height: 60px; */margin: 0 auto;overflow: hidden;/* padding: 10px 0;*/ }
  .contact .container .WeChat .img img{ width: 100%; height: 100%; }

.contact .bottom-line{ width: 100%; height: 4px; background-color: #1F1C25; position: absolute;left: 50%; margin-left: -62px;}
.bottom-line2-box{width: 100%; height: 1px;background-color: #00a8ff;}
.bottom-line2{width: 80%; height: 1px;background-color: #fff;margin: 0 auto;}
.gradMod1{background: linear-gradient(-45deg, transparent 10px, #fff 0 )!important;}
.gradMod2{background: linear-gradient(-45deg, transparent 10px, #00a8ff 0 )!important;}

.contact .line1{width: 2px; height: 100px; background-color: #246EB5; position: absolute; top: -240px; }
.contact .line2{width: 2px; height: 120px; background-color: #FCFFFA; position: absolute; top: -140px; }
.contact .line1,.contact .line2{position: absolute;left: 50%; margin-left: -1px;}