/*body{padding-bottom: 500px;}*/
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
/*公司简介开始*/
.aboutBanner,.aboutBanner img{width: 100%;}
.aboutNav{width: 100%;height: 73px;line-height: 70px;border-bottom: 1px solid #e5e5e5;}
.aboutNav .inner{width: 1200px;margin: 0 auto;height: 70px;}
.aboutNav .inner a{float: left;width: 200px;text-align: center;font-size: 16px;color: #666666;position: relative;}
.aboutNav .inner a:before{content: "";position: absolute;right: 0;top: 27.5px;width: 1px;height: 15px;background-color: #d4d4d4;}
.aboutNav .inner a.last:before{display: none;}
.aboutNav .inner a.on span{color: #ff4000;border-bottom: #ff4000 solid 3px; display:inline-block; padding:0 6px;}
.aboutNav .inner a.lindao:before{content: "";position: absolute;right: 0;top: 27.5px;width: 1px;height: 15px;background-color:#fff;}
.briefIntro{width: 100%;padding: 13px 0 76px;background-color: #fcfcfc;}
.aboutTitle{width: 100%;text-align: center;padding: 50px 0 0px; height:130px;}
.aboutTitle .p1{color: #ff4000;font-size: 30px;line-height: 67px;}
.aboutTitle .p2{width: 60px;height: 3px;margin: 0 auto;background-color: #ff4000;}
.briefIntro .main{width: 1200px;margin: 0 auto;font-size: 13px;text-align: center;}
.briefIntro .main .txt{height: 170px;overflow: hidden;}
.briefIntro .main .txt.on{height: auto;overflow: visible;}
.briefIntro .main p{line-height: 25px;color: #666666;text-align: left;}
.briefIntro .main .link{padding-right: 20px;font-size: 13px;line-height: 36px;color: #ff4000;background: url(../images/aboutarrow.png) right center no-repeat;}
.briefIntro .main .link:hover{text-decoration: underline;}
.aboutNav .inner  a:last-child::before{background: none;}

.briefIntro2{width: 1200px;margin: 0 auto;}
.aboutTitle .p3{font-size: 15px;line-height: 50px;}
.briefIntro2 .main{width: 100%;padding:17px 0 85px;}
.briefIntro2 .main .list{float: left;width: 25%;text-align: center;cursor: pointer;}
.briefIntro2 .main .list .img,.briefIntro2 .main .list .img img{width: 140px;height: 140px;margin: 0 auto;overflow: hidden;}
.briefIntro2 .main .list .p1{font-size: 18px;line-height: 56px;color: #333;}
.briefIntro2 .main .list .p2{width: 145px;margin: 0 auto;font-size: 13px;line-height: 24px;color: #888;}
.briefIntro2 .main .list .icon1,.briefIntro3 .main .list,.picScroll-top .bd li *,.leader li .img img,.elite .list .img1,.briefIntro .main .txt{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.briefIntro2 .main .list:hover .icon1{margin-top: -140px;}
.briefIntro2 .main .list:hover .p1{color: #ff4000;}

.briefIntro3{width: 100%;height: 750px;background: url(../images/aboutbg1.jpg) center top no-repeat;}
.briefIntro3 .aboutTitle,.briefIntro3 .aboutTitle .p1{color: #fff;}
.briefIntro3 .aboutTitle .p2{background-color: #fff;}
.briefIntro3 h2{font-size: 55px;height: 120px;overflow: hidden;line-height: 120px;font-weight: bold;color: #fff;text-align: center;width: 1200px;margin: 0 auto;}
.briefIntro3 h2 p{display: inline-block; width:830px;margin: 0 auto;}
.briefIntro3 h2 .span1{font-family: "MoolBoran";font-size: 120px; float:left;padding-top: 28px;}
.briefIntro3 h2 .span2{font-family: "新宋体";font-size: 70px;padding: 0 30px;float:left;padding-top:6px;}
.briefIntro3 h2 .span3{padding-right: 20px;font-family: "MoolBoran";font-size: 120px;color: #9e3000;float:left;padding-top: 28px;}
.briefIntro3 .main{width: 1228px;margin: 0 auto;padding: 50px 0 0;}
.briefIntro3 .main .list{float: left;width: 588px;height: 144px;margin: 0 13px 26px;background: url(../images/aboutbg2.png) center no-repeat;}
.briefIntro3 .main .list:hover{background-image: url(../images/aboutbgac2.png);}
.briefIntro3 .main .list .toi{display: block;padding: 0 40px;height: 100%;color: #fff;}
.briefIntro3 .main .list .p1{padding-top: 20px;font-size: 24px;line-height: 58px;}
.briefIntro3 .main .list .p1 span{font-size: 48px;font-weight: bold;padding-right: 25px;}
.briefIntro3 .main .list .p2{padding-top: 9px;font-size: 15px;line-height: 21px;}
.briefIntro3 .main .list .p2 span{padding-right: 12px;}

.briefIntro4{width: 1200px;margin: 0 auto;padding:20px 0 80px;}
.briefIntro4 .main{width: 100%;}
.briefIntro4 .main .left{float: left;width: 700px;height: 550px;}
.briefIntro4 .main img{width: 100%;height: 100%;}
.briefIntro4 .main .right{float: right;width: 490px;}
.briefIntro4 .main .right .top{width: 100%;height: 260px;}
.briefIntro4 .main .right .below{width: 100%;height: 277px;padding-top: 13px;}
.briefIntro4 .main .left.animatebox{ transform: translateX(-100px); -webkit-transform: translateX(-100px);-ms-transform: translateX(-100px); opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all;}
.briefIntro4 .main .left.animatebox.animate{ transform: translateX(0); -webkit-transform: translateX(0);-ms-transform: translateX(0);opacity: 1;}
.briefIntro4 .main .right.animatebox{ transform: translateX(100px); -webkit-transform: translateX(100px);-ms-transform: translateX(100px); opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all;}
.briefIntro4 .main .right.animatebox.animate{ transform: translateX(0); -webkit-transform: translateX(0);-ms-transform: translateX(0);opacity: 1;}
/*公司简介结束*/

/*发展历程开始*/
.history{width: 1200px;margin: 0 auto;}
.aboutTitle2{text-align: center;padding: 65px 0 50px;}
.aboutTitle2 .p1{font-size: 30px;line-height: 42px;color: #222222;}
.aboutTitle2 .p1 span{position: relative;}
.aboutTitle2 .p1 span:before,.aboutTitle2 .p1 span:after{content: "";position: absolute;left: -58px;top: 50%;width: 39px;height: 1px;background-color: #c9c9c9;}
.aboutTitle2 .p1 span:after{left: auto;right: -58px;}
.aboutTitle2 .p2{font-size: 14px;line-height: 24px;color: #838383;}
/* 本例子css */
.picScroll-top{ margin:0 auto 105px;  width:900px; position:relative;}
.picScroll-top .line{position: absolute;width: 1px;height: 100%;background-color: #f0f0f0;left: 97px;top: 0;}
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;position: absolute;left: 83px;top: -22px;  width: 28px; height: 15px; overflow:hidden;cursor:pointer; background:url("../images/aboutarrow2.png") left top no-repeat;}
.picScroll-top .hd .next{ top: auto;bottom: -22px;background-position: right top;}
.picScroll-top .hd .prev:hover{background-position: left bottom;}
.picScroll-top .hd .next:hover{background-position: right bottom;}
.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icocircle.gif") 0 -9px no-repeat; }
.picScroll-top .hd ul li.on{ background-position:0 0; }
.picScroll-top .bd{width: 100%;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{padding-bottom: 40px;cursor: pointer;}
.picScroll-top .bd .p1{padding-top: 22px;font-size: 28px;color: #6b6b6b;float: left;width: 88px;}
.picScroll-top .bd .p2{float: left;width: 19px;height: 19px;margin: 25px 75px 0 0;background: url(../images/abouticon5.png) right top no-repeat;position: relative;z-index: 1;}
.picScroll-top .bd .p3{float: left;width: 635px;font-size: 13px;line-height: 25px;color: #5f5f5f;padding: 18px 35px 0;min-height: 78px;}
.picScroll-top .bd ul li:hover .p1{color: #ff4d00;}
.picScroll-top .bd ul li:hover .p3{background-color: #ff4d00;color: #fff;}
.picScroll-top .bd ul li:hover .p2{background-position: left top;}
/*发展历程结束

/*企业荣誉开始*/
.honor{width: 1200px;margin: 0 auto;}
.honor .txt{padding-bottom: 45px;color: #333;}
.honor .txt .p1{font-size: 30px;line-height: 200%;}
.honorList{width: 1221px;margin: 0 auto;}
.honorList li{width: 385px;margin: 0 11px 22px;height: 261px;cursor: pointer;float: left;}
.honorList li img{width: 100%;height: 100%;}
.viewer-toolbar li,.viewer-toolbar .viewer-prev:before,.viewer-toolbar .viewer-next:before,.viewer-title{display: none;}
.viewer-toolbar .viewer-prev,.viewer-toolbar .viewer-next{display: block;width: 23px;height: 43px;background: url(../images/aboutarrow3.png) left top no-repeat;float: left;}
.viewer-toolbar .viewer-next{background-position: right top;float: right;}
.viewer-toolbar>li:hover{background-color: transparent;}
.viewer-footer{width: 980px;height: 44px;left: 50%;margin-left: -490px;top: 50%;margin-top: -35px;}
.viewer-toolbar{width: 100%;margin: 0;padding: 0;}
/*企业荣誉结束

/*领导关怀开始*/
.leader{width: 1221px;margin: 0 auto;}
.leader li{width: 385px;margin: 0 11px 22px;float: left;padding-bottom: 6px;height: 319px;overflow: hidden;text-align: center;cursor: pointer;}
.leader li .img,.leader li .img img{width: 100%;height: 258px;overflow: hidden;}
.leader li .txt{font-size: 15px;line-height: 55px;color: #333333;}
.leader li:hover .img img,.elite .list.animatebox:hover .img1{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*.leader li.animatebox,.elite .list.animatebox{transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); opacity: 0;transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all;}
.leader li.animatebox.animate,.elite .list.animatebox.animate{transform:scale(1,1); -webkit-transform:scale(1,1); opacity: 1;}
*//*领导关怀结束*/

/*团队风采开始*/
.elite{width: 1200px;margin: 0 auto; margin-bottom:30px;}
.elite .list{width:1200px;height:448px;float: left;overflow: hidden;position: relative;cursor: pointer;}
.elite .nth1 .p1{font-size: 0;padding-top: 15px;line-height: 48px;}
.elite .nth1 .p1 *{display: inline-block;vertical-align: middle;}
.elite .nth1 .p1 em{width: 40px;height: 1px;background-color: #d0d0d0;}
.elite .nth1 .p1 span{font-size: 26px;color: #ff4000;padding-left: 10px;}
.elite .nth1 .p2{width: 240px;font-size: 13px;line-height: 25px;color: #818181;}
.elite .list .img1{width: 100%;height: 100%;}
.elite .list .txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 33px;font-size: 15px;line-height: 33px;text-align: center;color: #fff;-webkit-background: rgba(0,0,0,.7);-moz-background: rgba(0,0,0,.7);-ms-background: rgba(0,0,0,.7);-o-background: rgba(0,0,0,.7);background: rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}
.elite .nth5{width: 582px;}
.elite .list{ margin-top:24px; height:448px;margin-bottom: 10px;}
.elite .list dl dt{ float:left; width:458px; background-color:#f6f6f6; height:448px;}
.elite .list dl dt .xm{width:364px; padding-left:70px; padding-top:104px;}
.elite .list dl dt .xm h3{font-size:26px; color:#333333; }
.elite .list dl dt .xm h3 span{font-size:14px; color:#d4d4d4; text-transform : uppercase; padding-top:10px; display:block;}
.elite .list dl dt .xm p{font-size:17px; color:#575757; line-height:36px; padding-top:16px;}
.elite .list dl dd{ float:left; width:742px;}
.elite .nth2 dl dt,.elite .nth4 dl dt{ background-color:#282828;}
.elite .nth2 dl dt .xm h3,.elite .nth4 dl dt .xm h3{ color:#fff;}
.elite .nth2 dl dt .xm h3 span,.elite .nth4 dl dt .xm h3 span{ color:#d4d4d4;}
.elite .nth2 dl dt .xm p,.elite .nth4 dl dt .xm p{ color:#adadad;}
.elite .nth4 dl dd{ width:740px;}
.elite .nth4 dl dt{ width:460px;}


.member{width: 1200px;margin: 0 auto;}
.member .list{float: left;width: 289px;padding-right: 23px;}
.member .list .img1{width: 100%;height: 516px;}
.member .list .txt,.member .right .list2 .txt{padding: 0 30px;width: 229px;height: 273px;background-color: #fafafa;line-height: 25px;color: #060606;}
.member .list .txt .p1,.member .right .list2 .txt .p1{padding: 45px 0 25px;font-size: 16px;font-weight: bold;}
.member .list .txt .p2,.member .right .list2 .txt .p2{font-size: 13px;}
.member .right{float: right;width: 576px;}
.member .right .list{width: 100%;padding-right: 0;padding-bottom: 26px;}
.member .right .list .img2{width: 100%;height: 300px;}
.member .right .list .txt{width: 516px;height: 190px;}
.member .right .list .txt .p1{padding: 25px 0 18px;}
.member .right .list2{width: 100%;height: 273px;}
.member .right .list2 .img1{width: 287px;height: 100%;float: left;}
.member .right .list2 .txt{float: left;width: 229px;}
.team .member .animatebox/*,.briefIntro .main.animatebox,.briefIntro .aboutTitle.animatebox*/,.briefIntro2 .main .list.animatebox,.briefIntro3 .main .list.animatebox/*,.team .team_t.animatebox,.team .aboutTitle2.animatebox*/,.team .nth1.animatebox,.team .nth2.animatebox,.team .nth3.animatebox,.team .nth4.animatebox{ transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all;}
.team .member .animatebox.animate,/*.briefIntro .main.animatebox.animate,*/.briefIntro2 .main .list.animatebox.animate,.briefIntro3 .main .list.animatebox.animate/*,.briefIntro .aboutTitle.animatebox.animate,.team .team_t.animatebox.animate,.team .aboutTitle2.animatebox.animate*/,.team .nth1.animatebox.animate,.team .nth2.animatebox.animate,.team .nth3.animatebox.animate,.team .nth4.animatebox.animate{ transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}

/* 本例子css */
.team{ width:1200px; margin:auto;} 
.team .team_t .team_tw{ height:152px; background-color:#fafafa;}
.team .team_t .team_tw h3{ float:left; font-size:30px; color:#333333; padding-right:32px; border-right:#dbdbdb solid 1px; margin:60px 44px;}
.team .team_t .team_tw h3 span{  font-size:14px; color:#d4d4d4; text-transform : uppercase; padding-top:10px; display:block;}
.team .team_t .team_tw p{ float:left; width:720px; font-size:14px; color:#848484; line-height:22px; padding-top:50px;}
.team .activity{ padding-bottom: 58px;height: 229px;width:1200px; margin: 0 auto;overflow:hidden; position:relative;}
.team .activity .hd .prev,.team .activity .hd .next{ position: absolute;left: 0; top: 83px;width: 38px; height: 68px; overflow:hidden;cursor:pointer; background:url("../images/aboutarrow4.jpg") left top no-repeat;z-index: 6;}
.team .activity .hd .next{left: auto;right: 0; background-position:right top;  }

.team .activity .bd{}
.team .activity .bd ul{ overflow:hidden; zoom:1; }
.team .activity .bd ul li{width: 554px;padding: 0 23px;}

/*团队风采结束*/


/*progress*/
.pro_230{width: 100%;height: 230px;}
.progress{padding-bottom: 196px;position: relative;width: 1200px;margin: auto;}
.progress .width1200{position: relative;}
.progress .pro_line{position: absolute;width: 97px;height: 100%;font-size: 0;left: 349px;top: 30px;}
.progress .pro_line p{width: 5px;height: 100%;background-color: #e3e3e3;margin: 0 auto;}
.progress .pro_box .imgbox{padding-top: 16px;}
.progress .pro_time{position: relative;margin-top: 50px;margin-left: 24px;}
.progress .pro_time span{font-size: 30px;color: #494949;border-bottom: 5px solid #e3e3e3;display: inline-block;width: 83px;padding-left: 5px;line-height: 50px;}
.progress .pro_time i{display: block;position: absolute;width: 20px;height: 20px;background: url(../images/pro14.png) no-repeat center center;right: -20px;bottom: -7px;}
.progress .pro_ul{padding-top: 196px;}
.progress .pro_ul li{margin-bottom: 37px;}
.progress .pro_ul li:hover i{background: url(../images/pro13.png) no-repeat center center;}
.progress .pro_ul li:hover span{color: #ff4d00;font-weight: bold;}
.progress .pro_ul li:hover p{ background:#ff4d00; color:#fff;}
.progress .pro_word{width:650px;padding:32px;background: #f6f6f6;font-size: 15px;color: #6a6a6a;line-height: 32px;}
.progress .pro_top{margin-top: 50px;}