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

body { font-size:14px; font-family:"Microsoft Yahei"; color:#000; background:#fff;  -webkit-tap-highlight-color:transparent;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, {font-family:"Microsoft Yahei";  -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#000; cursor:pointer;  -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#d6000e; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1200px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] ,input[type=submit],input[type=button],button{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#666; }
textarea::-webkit-input-placeholder { color:#666; }
input::-webkit-input-speech-button { display: none; }



/**index**/
.index-main{ background: #f4f1e8; min-height:100vh;}
.index-head{ position:relative; padding:24px 0 20px 0; text-align:center; z-index:10;}
.index-head .menuBtn{  width:20px; height:13px; position:absolute; cursor:pointer; left:0; bottom:25px; }
.index-head .menuBtn span{ display:block; background:#606060; width:20px; height:1px; position:absolute; left:0; transition:all ease 0.35s;}
.index-head .menuBtn span:nth-of-type(1){ top:0;}
.index-head .menuBtn span:nth-of-type(2){ top:6px;}
.index-head .menuBtn span:nth-of-type(3){ top:12px;}
.index-head .menuBtn.active span:nth-of-type(1){top:6px;transform:rotate(45deg)}
.index-head .menuBtn.active span:nth-of-type(2){width:0}
.index-head .menuBtn.active span:nth-of-type(3){top:6px;transform:rotate(-45deg)}

.index-banner{ width:100%; overflow:hidden; position:relative;}
.index-banner li img{ width:100%; display:block;}
.index-banner .swiper-pagination{ bottom:22px !important;}
.index-banner .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; margin:0 6px !important; opacity:.5;}
.index-banner .swiper-pagination-bullet-active{ background:none; border:1px #fff solid; opacity:1;}

.index-footer .qsfooter{ color:#a07c55;}
.index-footer .qsfooter a{  color:#a07c55;}


.menuPup{ background:rgba(255, 255, 255, 0.92); overflow:hidden; position:fixed; z-index:6; width:100%; height:100%; top:0; left:0; padding-top:149px; -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); -ms-transform:translateY(-200%); -o-transform:translateY(-200%); transform:translateY(-200%); -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -ms-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.menuPup.active { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
.menuPup-list{ width:1200px; margin:auto; padding-left:34px;}
.menuPup-list li{ margin-top:40px; position:relative;}
.menuPup-list li a.far{ display:block; font-size:18px;}
/*.menuPup-list li.active a.far{ color:#d6000e;}*/
.menuPup-list li .subNav{ width:auto; position:absolute; left:185px; top:0; display:none; z-index:2;}
.menuPup-list li .subNav a{ display:block; font-size:18px; margin-top:40px;}
.menuPup-list li .subNav a:first-child{ margin-top:0;}


/**千树简介**/
.qsHead{ padding:24px 0 20px 0; position:relative; text-align:center; z-index:10; border-bottom:1px #c0c1c1 solid;}
.qsHead.active{ border:0;}
.qsHead .menuBtn{  width:20px; height:13px; position:absolute; cursor:pointer; left:0; bottom:25px; }
.qsHead .menuBtn span{ display:block; background:#343434; width:20px; height:1px; position:absolute; left:0; transition:all ease 0.35s;}
.qsHead .menuBtn span:nth-of-type(1){ top:0;}
.qsHead .menuBtn span:nth-of-type(2){ top:6px;}
.qsHead .menuBtn span:nth-of-type(3){ top:12px;}
.qsHead .menuBtn.active span:nth-of-type(1){top:6px;transform:rotate(45deg)}
.qsHead .menuBtn.active span:nth-of-type(2){width:0}
.qsHead .menuBtn.active span:nth-of-type(3){top:6px;transform:rotate(-45deg)}


.qsfooter{  text-align:center; line-height:30px; padding:40px 0; color:#666;}
.qsfooter a{ color:#666;}


.pmain{ padding:50px 0; min-height:calc(100vh - 290px);}
.pmain-title{ text-align:center; font-size:24px; padding-bottom:40px;}

.pabout-info{ line-height:32px; color:#666; text-align:justify;}
.pabout-devel{ position:relative;}
.pabout-devel:before{ content:''; background:#eaeaea; width:1px; height:100%; position:absolute; left:50%; top:0;}
.pabout-devel li{ overflow:hidden; padding-top:30px;}
.pabout-devel li:first-child{ padding-top:0;}
.pabout-devel li .li-box{ width:555px; float:right; position:relative;}
.pabout-devel li .li-box .dot{ background:#fff; width:17px; height:17px; display:inline-block; position:absolute; left:-53px; top:11px; border:1px #eaeaea solid; border-radius:50%;}
.pabout-devel li .li-box .dot:before{ content:''; background:#d6000e; width:9px; height:9px; position:absolute; left:3px; top:3px; border-radius:50%;}
.pabout-devel li .li-box .year{ font-size:36px; display:block; line-height:1; font-weight:bold;}
.pabout-devel li .li-box .pic{ margin-top:20px;}
.pabout-devel li .li-box .txt{ line-height:32px; color:#666; margin-top:18px;}
.pabout-devel li:nth-child(2n+2) .li-box{ float:left; text-align:right;}
.pabout-devel li:nth-child(2n+2) .li-box .dot{ left:auto; right:-54px;}


.pabout-honor{ background:#f3f3f3; padding:15px 11px;}
.pabout-honor li{ width:25%; float:left; padding:15px;}
.pabout-honor li .pic{ background:#fff; height:270px; position:relative;}
.pabout-honor li .pic img{ max-height:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pabout-honor li .tit{ background:#a0a0a0; padding:25px 20px; font-size:16px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s;}
.pabout-honor li:hover .tit{ background:#d6000e;}


.pabout-honor-news{ width:1000px; margin:auto;}
.pabout-honor-news li{ padding:25px 0; border-bottom:2px #d6000e solid;}
.pabout-honor-news li .year{ font-size:16px; color:#d6000e; display:inline-block;}
.pabout-honor-news li .name{ font-size:18px; font-weight:bold; color:#626366; margin-top:18px;}
.pabout-honor-news li .details{ font-size:18px; color:#626366; margin-top:5px;}


/**案例展示**/
.pcase-tab{ text-align:center;}
.pcase-tab a{ font-size:18px; color:#666; margin:0 25px;}
.pcase-tab a.active{ color:#d6000e;}

.pcase-list{ margin-left:-45px; position:relative;}
.pcase-list li{ width:calc(33.33% - 45px); float:left; margin:45px 0 0 45px; display:inline-block;}
.pcase-list li .pic{ position:relative; padding-top:278px;}
.pcase-list li .pic img{ width:100%; height:100%; position:absolute; left:0; top:0;}
.pcase-list li .pic .play{ background:url(../images/play.png) no-repeat; width:50px; height:50px; position:absolute; left:17px; bottom:14px; z-index:2;}
.pcase-list li .txt{ padding:8px 0; transition:all 0.4s;}
.pcase-list li .txt .t{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pcase-list li .txt .c{ font-size:12px; color:#999; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pcase-list li:hover .txt{ background:#626366; padding-left:15px;}
.pcase-list li:hover .txt .t{ color:#fff;}
.pcase-list li:hover .txt .c{ color:#fff;}

.pcase-detaHead{ width:1100px; margin:auto; padding:60px 0 18px 0; position:relative;}
.pcase-detaHead .name{ font-size:18px;}
.pcase-detaHead .city{ font-size:12px; color:#999; margin-top:10px;}
.pcase-detaHead .close{ background:url(../images/close.png) no-repeat; width:21px; height:21px; position:absolute; right:0; bottom:41px;}

.pcase-detaSider{ overflow:hidden; position:relative; padding-bottom:23px;}
.pcase-detaSider li.swiper-slide{ width:70%; position:relative;}
.pcase-detaSider li.swiper-slide img{ width:100%;}
.pcase-detaSider li.swiper-slide:before{ content:''; background:rgba(255,255,255,.5); width:100%; height:100%; position:absolute; left:0; top:0;}
.pcase-detaSider li.swiper-slide-active:before{ display:none;}
.pcase-detaSider .swiper-button-next, .pcase-detaSider .swiper-button-prev{  background:url(../images/pcase-next.png) no-repeat center; width:72px; height:72px; margin-top:-36px; transition:all 0.4s; border-radius:5px;}
.pcase-detaSider .swiper-button-prev{ left:10%; transform:rotate(180deg);}
.pcase-detaSider .swiper-button-next{ right:10%; }
.pcase-detaSider .swiper-button-prev:hover{ background:url(../images/pcase-prev.png) no-repeat center; transform:none;}
.pcase-detaSider .swiper-button-next:hover{ background:url(../images/pcase-prev.png) no-repeat center ; transform:rotate(180deg);}
.pcase-detaSider .swiper-pagination{ width:1100px !important; left:50% !important; margin-left:-550px; text-align:left;}
.pcase-detaSider .swiper-pagination-bullet{ background:#5c5c5c; width:8px; height:8px; margin:0 5px 0 0 !important; opacity:1;}
.pcase-detaSider .swiper-pagination-bullet-active{ background:#d6000e;}



/**新闻资讯**/
.pnews-list li{ padding:24px 0; color:#666; line-height:27px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  border-bottom:2px #e5e5e5 solid;}
.pnews-list li span{ font-size:16px; color:#666; float:left; min-width:135px;}
.pnews-list li a{ font-size:18px; color:#666;}
.pnews-list li a:hover{ color:#d6000e;}

.pnews-detaTop{ text-align:center; padding-bottom:15px; position:relative; border-bottom:1px solid #ddd;}
.pnews-detaTop .t{ font-size:24px; line-height:36px; font-weight:bold; padding-bottom:20px;}
.pnews-detaTop .c span{ margin:0 10px; color:#8c8c8c;}
.pnews-detaTop .close{ background:url(../images/close.png) no-repeat; width:21px; height:21px; position:absolute; right:0; bottom:27px;}
.pnews-detaInfo{ font-size:16px; line-height:36px; color:#666; text-align:justify; padding:30px 0;}
.pnews-detaPage{  line-height:32px; padding-top:20px; border-top:1px solid #ddd;}


/**人才招聘**/
.pjoin{ width:1000px; margin:auto;}

.pjoin-title{ margin-top:30px; padding-left:30px; font-size:16px; color:#666;}
.pjoin-title span { float:left; width:185px;}

.pjoin-list .jt { background:#666; padding:0 30px; line-height:48px; color:#fff; position:relative; margin-top:11px; cursor:pointer;}
.pjoin-list .jt span { width:185px; float:left; font-size:16px;}
.pjoin-list .jt .arrow{ width:28px; height:28px; position:absolute; right:30px; top:10px; border:1px #fff solid; border-radius:50%;}
.pjoin-list .jt .arrow:before{ content:''; background:#fff; width:14px; height:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjoin-list .jt .arrow:after{ content:''; background:#fff; width:2px; height:14px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjoin-list .jc { line-height:30px; color:#888; padding:20px 30px; border:1px #e5e5e5 solid; display:none;}
.pjoin-list .jt.jt-act{ background:#d6000e;}
.pjoin-list .jt.jt-act .arrow:after{ display:none;}


/**联系我们**/
.pcontact-name{ background:#ebebeb; padding:40px 60px; font-size:30px; font-weight:bold;}
.pcontact-info{ background:#ebebeb; padding-bottom:45px;}
.pcontact-info li{ overflow:hidden; padding:25px 90px;}
.pcontact-info li:nth-child(2n+1){ background:#f6f6f6;}
.pcontact-info li dl{ width:50%; float:left;}
.pcontact-info li dl dt{ width:48px; float:left;}
.pcontact-info li dl dd{ overflow:hidden; padding-left:17px; font-size:16px;}
.pcontact-info li dl dd p:first-child{ font-weight:bold; padding-bottom:12px;}

.pcontact-map{ margin-top:50px;}



/**发展历程**/
.pcourse-figure{ width:1000px; margin:auto;}
.pcourse-year{ background:#fff; position:relative; width:100%; }
.pcourse-year-pop{ background:#fff; width:100%; position:relative; left:0;  z-index:10; padding:50px 0; }
.pcourse-year-pop.popUp{ position:fixed; box-shadow:0 0 5px rgba(0,0,0,.06);}
.pcourse-year-box { position:relative; width:1000px; margin:auto; margin-bottom:0 !important; height:auto !important; display:flex; justify-content:space-between; align-items:stretch; padding:0px 40px; }
.pcourse-year-box li { position:relative; border-top:1px solid #626366; transition: all 0.4s; z-index:1; margin-top:10px; overflow:visible!important; }
.pcourse-year-box li a { padding-top:30px; display:block; width:100%; text-align:center; line-height:1; font-size:16px;}
.pcourse-year-box li:after { content: ""; position:absolute; width:8px; height:8px; border-radius:50%; background:#626366; top: -4px; transition:all 0.4s; left:50%; margin-left:-4px; cursor:pointer; }
.pcourse-year-box li.current, .pcourse-year-box li:hover { border-top:1px solid #d6000e; z-index: 8; }
.pcourse-year-box li.current a, .pcourse-year-box li:hover a { display: block; color:#d6000e; font-style:italic; font-weight: bold; }
.pcourse-year-box li.current:after, .pcourse-year-box li:hover:after { background: url(../images/cir_bg.png) center no-repeat; width:15px; height:15px; background-size:100% 100%; top: -8px; }


.pcourse-info{ width:1000px; margin:auto; position:relative;}
.pcourse-info:before{ content:''; background:#eaeaea; width:1px; height:100%; position:absolute; left:120px; top:0;}
.pcourse-info li{ margin-top:70px; overflow:hidden;}
.pcourse-info li .date{ width:120px; font-size:36px; position:relative; line-height:1; color:#d6000e; float:left;}
.pcourse-info li .date:before{ content:''; background:url(../images/info-cir.png) no-repeat; width:17px; height:17px; position:absolute; right:-9px; top:0;}
.pcourse-info li .word{ font-size:16px; line-height:36px; width:450px; padding-left:40px;}
.pcourse-info li .figure{ width:380px;}