@charset "utf-8";
/* CSS Document */



.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:40px auto 50px;background: #fff;}
.TabsHull{height: 74px;}
.contactTabsHd{padding: 0;background: #fff;position: fixed;width: 100%;top: 67px;z-index: 9;}
.contactTabsHd ul{ overflow: hidden;}
.contactTabsHd li{position: relative;/* width: 25%; */float: left;padding: 20px 20px 20px 0;}
.contactTabsHd li:before{content: '';width: 1px;height: 12px;/* background: #cfcfcf; */position: absolute;left: -1px;top: 50%;margin-top: -6px;}
.contactTabsHd li a{display: block;line-height: 34px;height: 34px;text-align: center;font-size: 14px;color: #303031;padding: 0 20px;position: relative;}
.contactTabsHd li a:hover,.contactTabsHd li.on a{color: #fff;background: #ff6237;}
.contactTabsHd li.on a:before{content:'';width: 10px;height: 10px;background: #ff6237;position: absolute;left: 50%;margin-left: -5px;bottom: -5px;transform: rotate(45deg);}
.contactTabsHd li:first-of-type a{/* padding-left:0 */}

/*联系*/
.Page-Contact{}
.Page-Contact .section1{padding: 60px 0 20px 0;}
.Page-Contact .section1 .item{
    background: #f7f7f7;
    padding: 60px 0 0 0;
    min-height: 290px;
}
.Page-Contact .section1 .title{
    text-align: center;
    line-height: 1;
    color: #000;
    padding: 0 0 50px;
}
.Page-Contact .section1 .title h2{
    font-size: 38px;
    font-weight: lighter;
    margin-bottom: 20px;
}
.Page-Contact .section1 .title p{
    font-size: 24px;
    font-weight: lighter;
}
.Page-Contact .section1 ul{
    margin: 0 -10px;
}
.Page-Contact .section1 li{
    float: left;
    width: 33.3333%;
    text-align: center;
    padding: 0 10px;
}
.Page-Contact .section1 li img{}
.Page-Contact .section1 li h3{
    font-size: 24px;
    line-height: 1;
    color: #1d2023;
    padding: 27px 0 13px;
}
.Page-Contact .section1 li p{
    font-size: 18px;
    line-height: 32px;
    color: #575d6c;
}
.Page-Contact .section1 li a{
    background: #ff6237;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    padding: 0 20px;
    border-radius: 20px;
}


.Page-Contact .section2{background: #f7f7f7;}
.Page-Contact .section2 img{float: right;max-width: 56%;}
.Page-Contact .section2 .left{float: left;width: 44%;padding: 105px 0px 0 80px;}
.Page-Contact .section2 h2{font-size: 24px;line-height: 1;color: #1d2023;margin-bottom: 60px;}
.Page-Contact .section2 span{line-height: 1;font-size: 24px;color: #1d2023;padding: 0 0 20px 0;display: block;}
.Page-Contact .section2 p{font-size: 18px;line-height: 28px;color: #575d6c;}

.Page-Contact .section3{padding: 0 0px 75px;text-align: center;}
.Page-Contact .section3 h3{font-size: 35px;color: #000;text-align: center;line-height: 1;padding: 100px 0 35px;}
.Page-Contact .section3 ul{
    background: #f7f7f7;
    padding: 60px 75px;
}
.Page-Contact .section3 li{float:left;width: 22%;padding: 0 6px 10px;}
.Page-Contact .section3 li.last{width: 40%;}
.Page-Contact .section3 li.lastSub{width: 15%;}
.Page-Contact .section3 li .text{border: 1px solid #eee;background: #fff;line-height: 40px;font-size: 18px;color: #838383;width: 100%;padding: 0 15px;border-radius: 4px;}
.Page-Contact .section3 li .text2{border: 1px solid #eee;background: #fff;font-size: 18px;color: #838383;width: 100%;padding: 10px 15px 0;border-radius: 4px;resize: none;height: 40px;line-height: 20px;vertical-align: middle;}
.Page-Contact .section3 li .btn{display: inline-block;width: 100%;height: 40px;line-height: 40px;background: #ff6237;border: none;color: #fff;font-size: 20px;border-radius: 4px;}

/*简介*/
.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; }