.about_title{width:100%;}
.about_title span{display:block;width:100px;height:40px;text-align: center; border-bottom:2px solid #ffc527;font-size:24px;font-family: 微软雅黑;padding-right:5px;}
.about_title label{margin-left:105px;line-height:44px;text-align: left; font-size:24px;font-family: 微软雅黑;padding-left:5px;}
.index_about{width:770px;font-size:14px;color:#5a5a5a;line-height:180%;padding-top:26px;}
.index_top{width:100%;height:450px;position:relative;/*border:1px solid red;*/z-index:999;margin-bottom:60px;}

.company_data{width:800px;height:60px;background:url(../images/about_data_bg.jpg) repeat-y center;margin-top:30px;margin-left:-20px;}
.company_data dl{width:200px;height:60px;text-align:center;float:left;}
.company_data dt{font-size:24px;font-weight:bold;color: rgb(34, 34, 34);line-height:32px;}
.company_data dd{margin-top:6px;font-size:14px;color:rgb(153, 153, 153);}

#baojia_title{height:110px;width:354px;position:absolute;top:-176px;right:0px;z-index:1000;background:url(../images/xie.png) no-repeat 40px 25px;background-color:rgb(60, 120, 216);}
#baojia_title dl{height:110px;width:100%;}
#baojia_title span{display:block;width:150px;height:56px;border-left:1px solid white;margin-left:130px;margin-top:26px;padding-left:30px;font-size:20px;color:white;line-height:28px;}

#baojia{width:354px;height:464px;background:rgb(249, 249, 249);position:absolute;right:0px;top:-66px;}
#baojia dl{width:320px;margin:auto;line-height:38px;margin-top:12px;color:#5a5a5a;font-size:12px;}
#baojia input{width:308px;height:26px;border:1px solid #e4e4e4;padding:5px;}
#baojia textarea{width:308px;height:70px;border:1px solid #e4e4e4;padding:5px;}
#baojia button{width:320px;height:48px;background:#2e2e2e;color:white;border:0px;padding:0px;margin-top:10px;}


.item_title{width:100%;padding-top:30px;padding-bottom:30px;}
.item_title dl{width:298px;margin:auto;text-align: center;}
.item_title dt{color: rgb(50, 50, 50); font-family: "微软雅黑"; font-size: 36px; line-height: 50.4px;}
.item_title img{margin-top:10px;margin-bottom:10px;}
.item_title dd{font-size: 18px; line-height: 25.2px; color: rgb(153, 153, 153);}

.liucheng{text-align:center;}
.liucheng .icon{width:1200px;margin:auto;height:100%;overflow:hidden;}
.liucheng dl{width:240px;height:320px;float:left;margin-top:25px;}
.liucheng dt{padding-bottom:25px;width:240px;height:70px;display:table-cell;vertical-align: middle;text-align: center;}

.youshi{width:1200px;margin:auto;padding-top:40px;}

.anli_index{margin-top:0;margin-bottom:0;padding-top:0}
.anli_index a{margin-bottom:20px;}
.anli_index{width:1300px;margin-bottom:30px;margin-top:30px;overflow-x:hidden;padding-top:15px;}
.anli_index a{display:block;width:360px;float:left;border:1px solid rgb(238, 238, 238);margin-right:57px;margin-bottom:50px;}
.anli_index a:hover{border-color:#ffc527;}
.anli_index dl{width:330px;margin:15px;}
.anli_index dt{width:330px;height:230px;margin-bottom:10px;}
.anli_index dd.title{width:330px;line-height:20px;height:20px;overflow:hidden;font-size:14px;color:#5a5a5a;text-align:left;float:left;}
.anli_index dd.class{color:#999999;font-size:12px;}

.news_index{width:100%;height:300px;margin-bottom:30px;position:relative;}
.news_index .left{position:relative;width:490px;height:300px;}
.news_index .left a{display:block;position:absolute;bottom:0px;right:0px;width:105px;height:50px;border:2px solid white;background:#ffc527;font-size:30px;color:white;text-align:center;font-weight:bold;-moz-transition:background-color 0.4s ease 0s;-webkit-transition:background-color 0.4s ease 0s;-o-transition:background-color 0.4s ease 0s;transition:background-color 0.4s ease 0s;}
.news_index .left a:hover{background-color:rgba(255,0,0,1);}
.news_index .top_news{border-bottom:1px dotted #eee;padding-bottom:18px;margin-bottom:18px;}
.news_index .top_news table{width:640px;margin:auto;}
.news_index .top_news h2{color:#f1c232;font-size:22px;font-weight: 500;}
.news_index .top_news div.desc{color:#666666;line-height:160%;height:72px;overflow:hidden;}
.news_index .top_news div.time{text-align:right;color:#9F9F9F;}
.news_index .top_news a:hover h2{color:#ffc527;}
.news_index .top_news a:hover div.desc{color:#999999;}
.news_index .right{position:absolute;top:0px;right:0px;width:660px;font-size:15px;}
.news_index .right dl{width:640px;line-height:200%;margin:auto;}
.news_index .right dt{width:540px;float:left;}
.news_index .right dt a{color:#666666;}
.news_index .right dt a:hover{color:#ffc527;}
.news_index .right dd{width:100px;float:left;color:#9F9F9F;text-align:right;}

.tuandui_index{width:1300px;margin-bottom:15px;overflow-x:hidden;}
.tuandui_index dl{width:310px;float:left;padding-bottom:10px;}
.tuandui_index dt{width:256px;height:318px;margin-bottom:15px;position:relative;display: inline-block;perspective:300px;overflow:hidden;/*border:1px solid red;background:url(/images/link_bg.jpg) no-repeat center center;*/}
.tuandui_index a{display:block;width:256px;height:318px;border: 0px solid #ffc527;}
/*.tuandui_index a:hover img{display:none;}*/
.tuandui_index dd{width:256px;line-height:24px;text-align:center;font-size:16px;}
.anli_item{position: relative;width:256px;height:318px;list-style:none;margin: 5px;display: inline-block;perspective:300px;}

.hezuo{border: 0;width: 1200px;height: 610px;position: relative;overflow: hidden;border-top:1px solid rgb(217, 217, 217);border-bottom:1px solid rgb(217, 217, 217);}
.hezuo ul{overflow: hidden;position:absolute;width: 1600px;left: 0;top: 15px;_height:1px;}
.hezuo ul li{float: left;width: 200px;list-style-type:none;}

.more{width:100%;padding-top:25px;padding-bottom:35px;}
.more a{display:block;width:162px;height:42px;border:2px solid rgba(47,47,47,1);text-align:center;line-height:42px;color: rgba(47,47,47,1);font-family: arial;font-size: 14px;font-weight: bold;margin:auto;}
.more a:hover{background:#ffc527;color:white;}

/*添加动画*/
.animate-style{position:relative;}
.langyi-first{height:42px;}
.langyi-first span{position:absolute;left:-100px;height:42px;line-height:42px;top:0;z-index:2;}
.langyi-second{position:absolute;left:-770px;top:auto;z-index:2;height:100%;}
.langyi-third{position:absolute;left:0px;top:380px;z-index:3;}
.langyi-third1{position:absolute;left:-220px;top:0px;z-index:3;}
.langyi-third2{position:absolute;left:-220px;top:0px;z-index:3;}
.langyi-third3{position:absolute;left:-220px;top:0px;z-index:3;}
.langyi-third4{position:absolute;left:-220px;top:0px;z-index:3;}
.langyi-four1{font-size:12px}
.langyi-four2{-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.langyi-four3{font-size:12px}
.langyi-seven,.langyi-last{position:relative;height:46px;}
.langyi-seven a,.langyi-last a{position:absolute;left:50%;margin-left:-81px;top:100px;}
.langyi-animate1{-moz-animation:langyianimate1 .4s; /* Firefox */-webkit-animation:langyianimate1 .4s; /* Safari and Chrome */-o-animation:langyianimate1 .4s; /* Opera */animation:langyianimate1 .4s; animation-fill-mode: forwards;}
.langyi-animate2{-moz-animation:langyianimate2 1s; /* Firefox */-webkit-animation:langyianimate2 1s; /* Safari and Chrome */-o-animation:langyianimate2 1s; /* Opera */animation:langyianimate2 1s; animation-fill-mode: forwards;}
.langyi-animate31{-moz-animation:langyianimate31 1s; /* Firefox */-webkit-animation:langyianimate31 1s; /* Safari and Chrome */-o-animation:langyianimate31 1s; /* Opera */animation:langyianimate31 1s; animation-fill-mode: forwards;}
.langyi-animate32{-moz-animation:langyianimate32 1s; /* Firefox */-webkit-animation:langyianimate32 1s; /* Safari and Chrome */-o-animation:langyianimate32 1s; /* Opera */animation:langyianimate32 1s; animation-fill-mode: forwards;}
.langyi-animate33{-moz-animation:langyianimate33 1s; /* Firefox */-webkit-animation:langyianimate33 1s; /* Safari and Chrome */-o-animation:langyianimate33 1s; /* Opera */animation:langyianimate33 1s; animation-fill-mode: forwards;}
.langyi-animate34{-moz-animation:langyianimate34 1s; /* Firefox */-webkit-animation:langyianimate34 1s; /* Safari and Chrome */-o-animation:langyianimate34 1s; /* Opera */animation:langyianimate34 1s; animation-fill-mode: forwards;}
.langyi-animate41{-moz-animation:langyianimate41 1s; /* Firefox */-webkit-animation:langyianimate41 1s; /* Safari and Chrome */-o-animation:langyianimate41 1s; /* Opera */animation:langyianimate41 1s; animation-fill-mode: forwards;}
.langyi-animate51{-moz-animation:langyianimate51 1s; /* Firefox */-webkit-animation:langyianimate51 1s; /* Safari and Chrome */-o-animation:langyianimate51 1s; /* Opera */animation:langyianimate51 1s; animation-fill-mode: forwards;}
.langyi-animate7{-moz-animation:langyianimate7 1s; /* Firefox */-webkit-animation:langyianimate7 1s; /* Safari and Chrome */-o-animation:langyianimate7 1s; /* Opera */animation:langyianimate7 1s; animation-fill-mode: forwards;}
.langyi-animate8{-moz-animation:langyianimate8 1s; /* Firefox */-webkit-animation:langyianimate8 1s; /* Safari and Chrome */-o-animation:langyianimate8 1s; /* Opera */animation:langyianimate8 1s; animation-fill-mode: forwards;}

/*关于我们标题动画*/
@-ms-keyframes langyianimate1
{
from {left: -100px;}
to {left: 0;}
}
@-o-keyframes langyianimate1
{
from {left: -100px;}
to {left: 0;}
}
@-webkit-keyframes langyianimate1
{
from {left: -100px;}
to {left: 0;}
}
@-moz-keyframes langyianimate1
{
from {left: -100px;}
to {left: 0;}
}
@keyframes langyianimate1
{
from {left: -100px;}
to {left: 0;}
}
/*关于我们内容动画*/
@-ms-keyframes langyianimate2
{
from {left: -770px;}
to {left: 0;}
}
@-o-keyframes langyianimate2
{
from {left: -770px;}
to {left: 0;}
}
@-webkit-keyframes langyianimate2
{
from {left: -770px;}
to {left: 0;}
}
@-moz-keyframes langyianimate2
{
from {left: -770px;}
to {left: 0;}
}
@keyframes langyianimate2
{
from {left: -770px;}
to {left: 0;}
}
/*我们的优点动画*/
@-ms-keyframes langyianimate31
{
from {left: -220px;}
to {left: 0;}
}
@-o-keyframes langyianimate31
{
from {left: -220px;}
to {left: 0;}
}
@-webkit-keyframes langyianimate31
{
from {left: -220px;}
to {left: 0;}
}
@-moz-keyframes langyianimate31
{
from {left: -220px;}
to {left: 0;}
}
@keyframes langyianimate31
{
from {left: -220px;}
to {left: 0;}
}
/*32*/
@-ms-keyframes langyianimate32
{
from {left: -220px;}
to {left: 200px;}
}
@-o-keyframes langyianimate32
{
from {left: -220px;}
to {left: 200px;}
}
@-webkit-keyframes langyianimate32
{
from {left: -220px;}
to {left: 200px;}
}
@-moz-keyframes langyianimate32
{
from {left: -220px;}
to {left: 200px;}
}
@keyframes langyianimate32
{
from {left: -220px;}
to {left: 200px;}
}
/*33*/
@-ms-keyframes langyianimate33
{
from {left: -220px;}
to {left: 400px;}
}
@-o-keyframes langyianimate33
{
from {left: -220px;}
to {left: 400px;}
}
@-webkit-keyframes langyianimate33
{
from {left: -220px;}
to {left: 400px;}
}
@-moz-keyframes langyianimate33
{
from {left: -220px;}
to {left: 400px;}
}
@keyframes langyianimate33
{
from {left: -220px;}
to {left: 400px;}
}
/*34*/
@-ms-keyframes langyianimate34
{
from {left: -220px;}
to {left: 600px;}
}
@-o-keyframes langyianimate34
{
from {left: -220px;}
to {left: 600px;}
}
@-webkit-keyframes langyianimate34
{
from {left: -220px;}
to {left: 600px;}
}
@-moz-keyframes langyianimate34
{
from {left: -220px;}
to {left: 600px;}
}
@keyframes langyianimate34
{
from {left: -220px;}
to {left: 600px;}
}
/*服务流程标题动画*/
@-ms-keyframes langyianimate41
{
from {-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
to {-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
}
@-o-keyframes langyianimate41
{
from {-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
to {-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes langyianimate41
{
from {-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
to {-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
}
@-moz-keyframes langyianimate41
{
from {-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
to {-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes langyianimate41
{
from {-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
to {-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
}


/*图片旋转动画*/
@-ms-keyframes langyianimate51
{
from {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* Internet Explorer */
	-moz-transform:rotate(0deg); /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); /* Opera */
  }
to {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* Internet Explorer */
	-moz-transform:rotate(360deg); /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); /* Opera */
  }
}
@-o-keyframes langyianimate51
{
from {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* Internet Explorer */
	-moz-transform:rotate(0deg); /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); /* Opera */
  }
to {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* Internet Explorer */
	-moz-transform:rotate(360deg); /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); /* Opera */
  }
}
@-webkit-keyframes langyianimate51
{
from {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* Internet Explorer */
	-moz-transform:rotate(0deg); /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); /* Opera */
  }
to {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* Internet Explorer */
	-moz-transform:rotate(360deg); /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); /* Opera */
  }
}
@-moz-keyframes langyianimate51
{
from {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* Internet Explorer */
	-moz-transform:rotate(0deg); /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); /* Opera */
  }
to {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* Internet Explorer */
	-moz-transform:rotate(360deg); /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); /* Opera */
  }
}
@keyframes langyianimate51
{
from {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* Internet Explorer */
	-moz-transform:rotate(0deg); /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); /* Opera */
  }
to {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* Internet Explorer */
	-moz-transform:rotate(360deg); /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); /* Opera */
  }
}
/*more的动画*/
@-ms-keyframes langyianimate7
{
from {top: 100px;}
to {top: 25px;}
}
@-o-keyframes langyianimate7
{
from {top: 100px;}
to {top: 25px;}
}
@-webkit-keyframes langyianimate7
{
from {top: 100px;}
to {top: 25px;}
}
@-moz-keyframes langyianimate7
{
from {top: 100px;}
to {top: 25px;}
}
@keyframes langyianimate7
{
from {top: 100px;}
to {top: 25px;}
}
/*add*/
@-ms-keyframes langyianimate8
{
from {bottom: -100px;}
to {bottom: 0px;}
}
@-o-keyframes langyianimate8
{
from {bottom: -100px;}
to {bottom: 0px;}
}
@-webkit-keyframes langyianimate8
{
from {bottom: -100px;}
to {bottom: 0px;}
}
@-moz-keyframes langyianimate8
{
from {bottom: -100px;}
to {bottom: 0px;}
}
@keyframes langyianimate8
{
from {bottom: -100px;}
to {bottom: 0px;}
}


.picBox{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform-style: preserve-3d;
transform-origin: 50% 50% -128px;
animation: 200ms ease-out 0ms 1 normal forwards;
}

.show,
.hide{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.hide{
    color:#fff;
    background-color:#000;
    text-align:center;
    line-height:180px;
    transform: translate3d(0,0,-1px);
    /* 3D空间内移动一个元素的位置 */
}


.in-top .hide,
.out-top .hide
 {
    transform-origin: 0% 100%;
    transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
}
.in-top .picBox{
    animation-name: in-top;
    animation-play-state: running;
}
.out-top .picBox{
    animation-name: out-top;
    animation-play-state: running;
}
@keyframes in-top {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(-1,0,0,90deg)}
} 

@keyframes out-top {
    from {transform: rotate3d(-1,0,0,90deg)}
    to   {transform: rotate3d(0,0,0,0deg)}
}
.in-right .hide,
.out-right .hide {
          transform-origin: 0% 0%;
          transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
}
.in-right .picBox{
    animation-name: in-right;
    animation-play-state: running;
}
.out-right .picBox{
    animation-name: out-right;
    animation-play-state: running;
}
@keyframes in-right {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(0,-1,0,90deg)}
}

@keyframes out-right {
    from  {transform: rotate3d(0,-1,0,90deg)}
    to    {transform: rotate3d(0,0,0,0deg)}
}

.in-bottom .hide,
.out-bottom .hide {
          transform-origin: 0% 0%;
          transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
}
.in-bottom .picBox{
    animation-name: in-bottom;
    animation-play-state: running;
}
.out-bottom .picBox{
    animation-name: out-bottom;
    animation-play-state: running;
}
@keyframes in-bottom {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(1,0,0,90deg)}
}
@keyframes out-bottom {
    from  {transform: rotate3d(1,0,0,90deg)}
    to    {transform: rotate3d(0,0,0,0deg)}
}
.in-left .hide,
.out-left .hide {
          transform-origin: 100% 0;
          transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
}
@keyframes in-left {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(0,1,0,90deg)}
}
@keyframes out-left {
    from  {transform: rotate3d(0,1,0,90deg)}
    to    {transform: rotate3d(0,0,0,0deg)}
}
.in-left .picBox{
          animation-name: in-left;
          animation-play-state: running;
}
.out-left .picBox{
          animation-name: out-left;
          animation-play-state: running;
}