@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
/*banner图片*/
.about-banner{ background:url(../images/about/banner2.jpg) center no-repeat; background-size: cover; width: 100%; margin: 0 auto;  height: 450px; margin-top:80px;}

/*分类导航*/
.about-navig { padding-top:15px; background-color:#FFF; }
.about-navig .desc.desc-list {font-weight: 200px;width: 1200px;margin: 0 auto;margin-bottom: 50px; white-space: nowrap;overflow: hidden;text-align: center; }
.about-navig .industry {color: #999;padding: 10px 0;display: inline-block;border-bottom: 1px solid hsla(0,0%,85%,.4);width: 200px;}
.about-navig .industry .line{float:right;}
.about-navig .industry.active {padding-bottom: 10px;}
.about-navig .industry a { font-weight: 200;font-size: 20px; text-decoration:none; color:#333;}
.about-navig .industry.active a {font-size: 20px;font-weight: 200;color: #009fd9; border-bottom: 2px solid #009fd9;padding-bottom: 10px; text-decoration:none;}
/*内容区*/
.about-navig .case-container { position: relative;width:100%; margin-top:-50px;}
.about-navig .bg { background-color:rgb(250, 250, 250); }

.faq_tit{width:980px;margin:0 auto;border-bottom:1px solid #e6e8ee;height:78px;text-align: center;padding-top:60px; margin-bottom:30px;}
.faq_tit span{margin-bottom:22px;display: block;font-size: 14px;color: #a9a9a9; padding-top:10px;}
.faq_tit b{display: block;font-weight: normal;font-size: 30px;color: #2b2b2b;}
.faq_tit i{display:block;margin: 0 auto;width: 44px;height:2px;background-color: #009ced;}


/*公司简介*/
.company{width:1200px; margin:0 auto;}
.company .text{width:900px; margin:0 auto; height:620px;}
.company .text p{font-size:18px; line-height:32px; text-indent: 2em; color:#666;letter-spacing:2px;}
.culture{width:1200px;; height:580px; margin:0 auto;}
.culture .title{ width:1200px;height:78px;text-align: center;padding-top:50px; margin-bottom:20px;}
.culture .title b{display: block;font-weight: normal;font-size: 30px;color: #2b2b2b;}
.culture .img{float:left; width:340px; height:340px; margin-left:45px;}
.culture .img .p1{ width:340px; font-size:18px; margin-top:20px; line-height:30px; text-align:center; }

/*荣誉资质*/
.honor { padding-top:66px; background:#FFF; }
.honor .sub-title {margin-bottom: 32px;text-align: center;font-size: 30px;color: #2b2b2b;}
.honor .desc.desc-list {font-size:0; color: #3a3a3a;font-weight: 200px;width: 1200px;margin: 0 auto;margin-bottom: 45px; white-space: nowrap;overflow: hidden;text-align: center;}
/*荣誉分类*/
.honor .label {font-size: 20px;color: #999;padding: 8px 0;display: inline-block;border-bottom: 1px solid hsla(0,0%,85%,.4);width: 200px;}
.honor .label .first {padding-left: 0;}
.honor .label .last {padding-right: 0;}
.honor .label.active {padding-bottom: 8px;}
.honor .label span { font-weight: 400;font-size: 20px;text-decoration:none; color:#333;}
.honor .label.active span {font-size: 20px;font-weight: 400;color: #009fd9; border-bottom: 2px solid #009fd9;padding-bottom: 8px;}
/*内容*/
.honor .case{ position: relative;width: 1200px; margin: 0 auto; height:900px;;}
.honor .case-panel { position: absolute;z-index: 1;opacity: 0;overflow: hidden;padding-left: 10px;}
.honor .case-panel.active {z-index: 100;opacity: 1;-webkit-transition: all .2s ease-out .1s;transition: all .2s ease-out .1s;}

/*荣誉图片*/
.honor .case-honor {display: inline-block;vertical-align: top;margin-left:20px;margin-right:20px;;}
.honor .case-honor img {width: 250px;height:350px;}
.honor .honor-framework { z-index: 102; position: relative;}
.honor .honor-title {font-size:20px;  text-align:center; line-height:80px;}
.honor-more{width:1200px;height:50px; font-size:18px;margin-top:50px; text-align:center; }
.honor-more a{color:#009fd9; }


/*合作伙伴*/
.partaner{ width:1200px; margin:0 auto;}
.partaner .top{width:1200px; height:60px;}
.partaner .list{display: inline-block;vertical-align: top; margin:0 18px 30px 18px;}
.partaner .list img{width:200px;}
.partaner .list .title{font-size:16px; padding-top:10px; text-align:center;}


<!--发展历程-->
.history{width:1200px; margin:0 auto;}
.history .casecont{overflow: hidden;width: 1075px;margin:0 auto;margin-bottom:30px;padding:40px;}
.history .casecont a{transition:.5s;margin:0 17px 20px 0;background-color:#fff;float: left;width: 320px;}
.history .casecont a b{display: block;width: 320px;height:237px;overflow: hidden;}
.history .casecont a b img{transition:.5s;display: block;width: 100%;height:100%;}
.history .casecont a p{transition:.5s;color:#343434;font-size:14px;padding: 10px 17px 0 17px;height:55px;}
.history .casecont a p i{transition:.5s;margin-top:12px;display: block;width: 25px;height:2px;background-color: #009ced;;}
.history .casecont a.last_an{margin-right:0;}
.history .casecont a:hover{background-color:#009ced;;}
.history .casecont a:hover p{color: #fff;}
.history .casecont a:hover p i{background-color: #fff;}
.history .casecont a:hover b img{transform: scale(1.1);}


.his_cont{padding-bottom:38px;position:relative;background:url("../images/about/his_01.png") repeat-y 105px 0;width: 990px;margin: 0 auto;margin-top:50px;}
.year{margin-bottom:10px;border-radius:50%;display:block;margin-left:73px;width: 66px;height:66px;background-color: #0095e2;line-height: 66px;color: #fff;font-size:18px;text-align:center;}
.his_f1{margin:0 0 15px 100px;overflow: hidden;}
.his_f1 div{transition:.5s;-webkit-transition:.5s;color:#000;font-size:14px;line-height:24px;background-color:#f1f1f1;float: left;width: 720px;padding: 25px;}
.his_f1>span{transition:.5s;-webkit-transition:.5s;margin-top:28px;float: left;width: 36px;height:20px;background: url("../images/about/his_02.png") no-repeat ;}
.his_f1 div span{display: block;font-size: 18px;font-family: 'Conv_ProximaSansRegular';}
.bo{bottom:0;left:93px;background-color: #dfdfdf;height:27px;width: 27px;border-radius:50%;position: absolute;}
.his_f1:hover div{background-color: #0095e2;color: #fff;}
.his_f1:hover>span{background:url("../images/about/his_03.png") no-repeat;}
.his_f1 .nian{margin-bottom:8px;}
.jies{width: 980px;margin:0 auto;font-size: 14px;line-height: 28px;color: #666;text-indent: 2em; }


/* 售后服务*/
.service{width:1200px; height:500px; margin:0 auto;}
.servicebg{background:#FFF;}
.service .imgfloat{float:left; width:360px; height:350px; margin-left:30px;}
.service .imgfloat img{ width:360px;}
.service .imgfloat .p1{ width:360px; font-size:18px; margin-top:10px; line-height:30px;}
.service .imgfloat .p2{ width:360px; font-size:14px;}


/* 售后服务地图*/
.map-content {padding: 30px 0;}
.map-module {width: 1200px !important;margin: 0 auto;position: relative;transition: all .3s ease;}
.map-title {font-size: 30px; text-align: center;  height:100px; display: block;font-size: 30px;color: #2b2b2b;}
.map-branch .map-title {margin: 20px 0 0;z-index: 1;}
.map-content-info {position: relative;bottom: 50px;}
.branch-map-l {width: 849px;height: 575px; float:left;}
.map-content-box { width: 100%; height: 100%; background: url("../images/about/map-bj.jpg") no-repeat center; position: relative;}
.map-dot { position: absolute; text-align: center; font-size: 12px; cursor: pointer;}
.beijing { left: 545px; top: 200px;}
.tianjin { left: 560px; top: 214px;}
.hebei {left: 535px; top: 234px;}
.shanxi {left: 500px;top: 256px;}
.liaoning { left: 620px;top: 176px;}
.jilin {left: 656px; top: 147px;}
.heilongjiang {left: 636px;top: 86px;}
.shanghai {left: 615px;top: 335px;}
.jiangsu {left: 585px; top: 305px;}
.zhejiang {left: 610px; top: 375px;}
.anhui { left: 565px; top: 320px;}
.fujian { left: 585px; top: 418px;}
.jiangxi {left: 555px;top: 382px;}
.shandong {left: 570px;top: 264px;}
.henan { left: 522px; top: 296px;}
.hubei {left: 515px; top: 339px;}
.hunan {left: 505px;top: 389px;}
.guangdong {left: 535px;top: 470px;}
.guangxi {left: 466px;top: 455px;}
.chongqing { left: 455px; top: 344px;}
.sichuan {left: 385px;top: 334px;}
.guizhou {left: 444px;top: 404px;}
.yunnan {left: 365px;top: 442px;}
.shanxi1 {left: 462px;top: 292px;}
.map-dot:after { content: "";display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #009fd9; border-radius: 50%;}
.map-dot.beijing:after { width: 13px;height: 12px;border-radius: 0;background: url("../images/about/icon-star.png") no-repeat center;}
.branch-map-data { position: absolute; box-sizing: border-box; width: 430px; border: 1px solid #009fd9;box-shadow: 0 0 2px 2px #e9e9e9; background-color: #fff; padding: 10px 30px;z-index: 1;display: none;}
.branch-map-data-title { border-bottom: 1px solid #eee;}
.branch-map-data-title p { font-size: 18px; color: #333; line-height: 28px;}
.branch-map-data-info { max-height: 236px; overflow-y: auto;}
.data-branch { border-bottom: 1px dashed #eee; padding: 6px 0; box-sizing: border-box;}
.data-branch:last-child { border: none;}
a, button, input, textarea {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-transition: all .3s ease; -webkit-transition: all .3s ease;transition: all .3s ease;}
.data-branch .data-name { font-size: 14px; color: #666;line-height: normal; margin-bottom: 5px;}
.data-branch p { font-size: 12px; color: #999;line-height: 20px;}
.data-branch p {font-size: 12px; color: #999;line-height: 20px;}
.branch-map-data:before {content: "";position: absolute; left: -16px;top: 50%; transform: translateY(-50%);width: 0; height: 0; border: 8px solid; border-color: transparent #009fd9 transparent transparent;}
.branch-map-data:after {content: ""; position: absolute; left: -15px; top: 50%;transform: translateY(-50%); width: 0; height: 0; border: 8px solid;border-color: transparent #fff transparent transparent;}
.map-dot.cur:before { content: ""; position: absolute;left: 50%;bottom: -3px;transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%;border: 1px solid #009fd9;animation: dot 4s infinite;}
@keyframes dot {
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: .1;
    }
}
.map-content-info .text{width: 350px;height: 575px; float:right;}