@charset "utf-8";
/* CSS Document */
body{background: #f5f5f7}


.contact_top{ background:url(../img/001.jpg?2) no-repeat center center #6c97ff; min-height:824px;}
.contact_top p{ font-size:18px; line-height:30px; color:#fff; height:352px; padding:215px 0 0 0; text-align:center}
.contact_top ul{ text-align:center;}
.contact_top li{ width:300px; height:420px; display:inline-block; background:#fff; border:1px solid #b4d0ff; border-radius:10px; margin:0 40px; padding:25px 0 0 0; text-align:center;}
.contact_top li img{display:block; margin:0 auto;}
.contact_top li .QR{ margin-top:30PX ;}
.contact_top li p{ text-align:center; padding:0; height:auto; font-size:18px;line-height:34px;}
.contact_top li p.t1{color:#4184ff;  padding:45px 0 0 0;}
.contact_top li p.t2{color:#b2b2b2; padding:0 0 15px;}
.contact_top li p.t3,.contact_top li a{color:#4c4c4c; line-height:31px;}
.contact_top li p.t3{ padding:0 0 10px;}
.contact_top li a:hover{ color:#4184ff;}

.contact_map{ margin:105px 17px 60px; border:1px solid #f6f6f6;}
.contact_map .hd{ line-height:52px; color:#414141; font-size:18px; border-bottom:1px solid #f6f6f6; text-indent:20px;}
.contact_map .bd{padding:22px;}


.banner{height: 430px;/* background-repeat: no-repeat; */background-position: 50% 50%;position: relative;}
.banner .bd{position: absolute;left: 0;bottom: 0;height: 58px;background: rgba(51, 51, 51, .7);width: 100%;}
.banner li{float: left; width: 25%; text-align: center; color: #fff; font-size: 18px; line-height: 58px;}

.contactTabs{margin: 0px auto 50px;background: #fff; border-radius: 20px;}
.TabsHull{height: 60px;}
.contactTabsHd{padding: 0;background: #f5f5f7;position: fixed;width: 100%;top: 67px;z-index: 9;font-family: "OPPOSans-R";}
.contactTabsHd ul{ overflow: hidden;}
.contactTabsHd li{position: relative;/* width: 25%; */float: left;}
.contactTabsHd li:before{content: '';width: 1px;height: 14px;background: #cfcfcf;position: absolute;left: -1px;top: 50%;margin-top: -7px;}
.contactTabsHd li a{display: block;line-height: 60px;text-align: center;font-size: 18px;color: #000;padding: 0 25px;}
.contactTabsHd li a:hover,.contactTabsHd li.on a{color: #43b3c6;}
.contactTabsHd li:first-of-type a{/* padding-left:0; */}

/*联系*/
.Page-Contact{border-radius: 20px;}
.Page-Contact .section1{ padding: 0 0 70px;}
.Page-Contact .section1 ul{}
.Page-Contact .section1 li{float: left; padding: 0 50px;width: 33.333%; text-align: center;}
.Page-Contact .section1 .title{ padding: 70px 0 30px 0; border-bottom: 1px solid #ececec; margin-bottom: 28px;}
.Page-Contact .section1 .title i{font-size: 40px;color: #d2d2d2; line-height: 1; height: 50px; display: inline-block;}
.Page-Contact .section1 .title h3{font-size: 20px; color: #333; line-height: 1;}
.Page-Contact .section1 .QR{padding: 15px ; border: 1px solid #ececec; border-radius: 8px; display: inline-block;}
.Page-Contact .section1 .QR img{max-width: 230px;}
.Page-Contact .section1 .tel{ line-height: 1;}
.Page-Contact .section1 .tel .t1{padding: 20px 0 0 0;font-size: 18px; color: #333;}
.Page-Contact .section1 .tel .t2{padding: 10px 0 34px 0;font-size: 15px; color: #6e6e6e;}
.Page-Contact .section1 .tel img{display: block;margin: 20px auto 6px;}
.Page-Contact .section1 .tel a{display: inline-block;height: 37px;line-height: 35px;border: 1px solid #dde0e4;border-radius: 8px;padding: 0 20px;font-size: 15px;color: #555;}
.Page-Contact .section1 .tel a i{padding: 0 10px 0 0;font-size: 22px;color: #c9c9ca;}
.Page-Contact .section1 .tel a:hover{ border-color: #5bb1b1; color: #5bb1b1;}
.Page-Contact .section1 .tel a:hover i{color: #5bb1b1;}
.Page-Contact .section2{ background: #fcfcfd}
.Page-Contact .section2 img{ float: right; width: 61%;}
.Page-Contact .section2 .left{float: left; width: 39%; padding: 60px 90px 0 90px}
.Page-Contact .section2 h3{font-size: 28px; line-height: 1; color: #272930; border-bottom: 1px solid #ececec; padding: 0 0 25px; margin-bottom: 35px;}
.Page-Contact .section2 .name{line-height: 1; font-size: 20px; color: #272930; padding: 0 0 45px 0;}
.Page-Contact .section2 .name span{font-size: 12px; color: #505050; display: block; padding: 10px 0 0 0 ;}
.Page-Contact .section2 p{font-size: 16px; line-height: 30px; color: #555; padding: 0 0 12px}
.Page-Contact .section2 p span{ display: block; padding: 0 0 0 30px; position: relative;}
.Page-Contact .section2 p i{ position: absolute; left: 0; top: 5px; width: 20px; height: 20px; background: url("../img/mapIcon.png") no-repeat;}
.Page-Contact .section2 p .i1{ background-position: 0 0;}
.Page-Contact .section2 p .i2{background-position: -20px 0;}
.Page-Contact .section2 p .i3{background-position: -40px 0;}
.Page-Contact .section3{padding: 0 330px 45px;text-align: center;}
.Page-Contact .section3 h3{font-size: 28px;color: #272930;text-align: center;line-height: 1;padding: 50px 0 25px;border-bottom: 1px solid #ececec;margin-bottom: 40px;}
.Page-Contact .section3 ul{ margin: 0 -4px;}
.Page-Contact .section3 li{float:left; width: 50%; padding: 0 4px 10px;}
.Page-Contact .section3 li.last{width:100%}
.Page-Contact .section3 li .text{border: 1px solid #d2d2d2;background: #fafafa;line-height: 40px;font-size: 18px;color: #838383;width: 100%;padding: 0 15px;border-radius: 4px;}
.Page-Contact .section3 li .text2{border: 1px solid #d2d2d2;background: #fafafa;font-size: 18px;color: #838383;width: 100%;padding: 10px 15px 0;border-radius: 4px;resize: none;height: 130px;line-height: 20px;vertical-align: middle;}
.Page-Contact .section3 li .btn{display: inline-block;width: 100px;height: 40px;line-height: 40px;background: #858585;border: none;color: #fff;font-size: 20px;border-radius: 4px;margin-top: 35px;}

/*简介*/
.Page-About{ }
.about{text-align: center;line-height: 1;}
.about .wrap{position:relative;}
.about .desc{position: absolute;left: 0;top: 0;width: 100%;color: #fff;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);}
.about h2{font-size: 38px;margin: 0;line-height: 1;font-weight: lighter;padding: 80px 0 35px 0;}
.about p{font-size: 16px;line-height: 32px;max-width: 1040px; margin: auto;}
.about img{}
.shiLi{background: url("../img/company/shiLi-bg.jpg") no-repeat 50% 50% #f7f8f9;padding: 80px 0 0px;}
.shiLi-tit{ line-height: 1; text-align: center;}
.shiLi-tit h2{font-size: 38px;color: #333;margin: 0;font-weight: lighter;}
.shiLi-tit p{font-size: 16px;color: #333;padding: 40px 0 80px;}
.shiLi-list {position: relative;z-index: 2;display: block;/* display: inline-block; */width: 100%;/* padding: 80px 0 180px; */}
.shiLi-img a {display: block;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition: transform .3s;-moz-transition: transform .3s;-ms-transition: transform .3s;-o-transition: transform .3s;transition: transform .3s}
.shiLi-img a:hover {transform: translateY(-3px);-ms-transform: translateY(-3px);-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px)}
.shiLi-img img {width: 100%;display: block;box-shadow: rgba(0,0,0,.25) 0 0 5px}
.shiLi-p1 {width: 39.5833%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.shiLi-p2,.shiLi-p3 {width: 29.1666%}
.shiLi-p2 .shiLi-img,.shiLi-p3 .shiLi-img {width: 50%;box-sizing: border-box}
.shiLi-p2 {float: left}
.shiLi-p3 {float: right}
.shiLi-p2 .shiLi-img:nth-child(1) {float: left;padding-right: 1.7857%}
.shiLi-p2 .shiLi-img:nth-child(2) {float: right;margin-top: 5.2631%;padding-left: 1.7857%}
.shiLi-p2 .shiLi-img:nth-child(3) {float: right;padding-left: 1.7857%;margin-top: 3.7037%}
.shiLi-p3 .shiLi-img:nth-child(1) {float: right;padding-left: 1.7857%}
.shiLi-p3 .shiLi-img:nth-child(2) {float: left;margin-top: 5.2631%;padding-right: 1.7857%}
.shiLi-p3 .shiLi-img:nth-child(3) {float: left;margin-top: 3.7037%;padding-right: 1.7857%}
.shiLi .more{ text-align:center; padding: 60px 0;}
.shiLi .more a{display: inline-block; font-size: 18px; color: #333; border: 1px solid #626262; border-radius: 5px; padding: 0 15px;}



/*荣誉资质*/
.Page-honor{}
.rongYu{text-align: center;line-height: 1;background: url("../img/honor/rongYu-bg.jpg") no-repeat 50% 50%; background-size: cover;}
.rongYu .wrap{position: relative;}
.rongYu .desc{/* position: absolute; */width: 100%;/* top: 87px; *//* left: 0; */color: #333;padding: 88px 0 60px;}
.rongYu h2{line-height: 1;font-size: 38px;font-weight: lighter;margin: 0 0 35px;}
.rongYu ul{ display: inline-block;}
.rongYu li{float: left;line-height: 37px;padding: 0 55px;font-size: 24px;}
.rongYu li img{vertical-align: top;margin: 0 10px 0 0px;}
.zhengShu{text-align: center;background: url("../img/honor/zhengShu-bg.jpg") no-repeat 50% 50%;background-size: cover;padding: 88px 0 70px;}
.zhengShu .wrap{position: relative;}
.zhengShu h2{/* position: absolute; *//* left: 0; *//* top: 87px; */line-height: 1;width: 100%;text-align: center;font-size: 38px;color: #333;font-weight: lighter;margin: 0;padding: 0 0 80px;}
.zhengShu img{vertical-align: middle;}










/*团队*/
.Page-Team{ padding: 80px 0 45px 0;}
.Page-Team ul{ padding: 0 160px;}
.Page-Team li{ padding: 0 0 55px 310px;}
.Page-Team li.even{padding:0 310px 55px 0; text-align: right;}
.Page-Team li img{float:left; margin-left: -310px;}
.Page-Team li.even img{float: right; margin: 0 -310px 0 0;}
.Page-Team h2{font-size: 32px; color: #272930; padding: 25px 0 10px 0; font-weight: 500;}
.Page-Team h3{ font-size: 20px; color: #424242; font-weight: normal; padding: 0 0 20px; }
.Page-Team p{line-height: 31px; color: #676767;}

/*合作*/
.Page-partners{max-width: 1015px;margin: 0 auto;padding: 0 0 100px;}
.Page-partners h2{ line-height: 1; text-align: center; font-size: 28px; color: #333; padding: 75px 0 45px;}
.Page-partners .tabs{position: relative;}
.Page-partners .tabs .hd{position: absolute;bottom: -40px;width: 100%;text-align: center;height: 12px;}
.Page-partners .tabs .hd ul{display: inline-block;vertical-align: top;}
.Page-partners .tabs .hd li{display: block; width: 14px; height: 14px; border-radius: 14px; background: #fff; border: 1px solid #00b6b6; float: left; margin: 0 6px; text-indent: -999999px; cursor: pointer; box-shadow: 0px 1px 4.9px 0.1px rgba(0, 0, 0, 0.2);}
.Page-partners .tabs .hd li.on{ background: #00b6b6;}
.Page-partners .tabs .bd{position: relative;}
.Page-partners .tabs .bd .desc{position: absolute;left: 40px;bottom: 20px;right: 40px;background: #fff;height: 110px;padding: 30px 0 0 180px;line-height: 1;}
.Page-partners .tabs .bd .desc img{ float: left; margin-left: -177px; border-right: 1px solid #ddd;}
.Page-partners .tabs .bd .desc h4{font-size: 24px;color: #222;}
.Page-partners .tabs .bd .desc p{font-size: 15px;color: #222;padding: 10px 0 0 0;}
.Page-partners .tabs .prev, .Page-partners .tabs .next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background: none; color: #fff; font-size: 30px; text-align: center; width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(19, 22, 28, .2); left: 40px;}
.Page-partners .tabs .prev:hover, .Page-partners .tabs .next:hover { background: rgba(19, 22, 28, .5);/* border-color: #1bb8ce; */ }
.Page-partners .tabs .next { left: inherit; right: 40px; }