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

html, body {
    width: 100%;
}

.banner {
    position: absolute;
    top: 80px;
    width: 100%;
    height: 500px;
    background-image:url(../img/images/about.jpg);
    background-position: center;
}

.co1{ width:1200px; height:594px; background:#fbfbfb; margin:auto; margin-top:40px;}
.co_img{ float:left;}
.co_text{ float:left; width:660px; margin-top:50px; margin-left:50px;}
.pa{ font-size:30px; color:#3baded;}
.pb{ font-size:20px; color:#3baded;}
.pc{ font-size:18px; color:#404040;}

.cont {
    width: 100%;
    height: 60px;
    margin-top: 500px;

}

.content_blue {
    width: 630px;
    margin: auto;
}

.nav {
    width: 1020px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    margin-top: -60px;
}

.nav a {
    color: #000;
    padding: 12px;
    line-height: 60px;
}

.nav a:hover {
    color: #009beb;
}

.nav_lev01 {
    float: left;
    position: relative;
}

.nav_lev0 {
    float: left;
    width: 140px;
    height: 66px;
	border-bottom:3px solid #009beb;
    text-align: center;
    line-height: 66px;
    position: relative;
}

.nav_lev {
    float: left;
    width: 140px;
    height: 66px;
    text-align: center;
    line-height: 66px;
    position: relative;
}

.nav_lev:hover {
border-bottom:3px solid #009beb;
}

.nav_lev0 a {
    color: #000;
    padding: 16px;
    line-height: 60px;
}
.nav_lev0 a:hover{
	color:#009beb;
	}

.zhong {
    text-align: center;
    margin-top: 60px;
}

.zhong1 {
    text-align: center;
}

.p {
    font-size: 36px;
    color: #333333;
}

.content1_img {
    float: left;
    margin-top: 30px;
}

.content1_text {
    float: left;
    width: 600px;
    height: 366px;
	background:url(../img/about/about_bk.png);
    margin-left: 40px;
}

.p1 {
    font-size: 18px;
    color: #005197;
    line-height: 30px;
}

.p2 {
    color: #666666;
    margin-top: 10px;
    line-height: 30px;
}

.p3 {
    color: #666666;
    text-indent: 30px;
    line-height: 30px;
}

.content2 {
    width: 100%;
    margin-top: 20px;
    padding-top: 1px;
}

.content2_t {
    text-align: center;
    margin-top: 40px;
}

.content2_t p {
    font-size: 36px;
    color: #333333;
}

.content2_img1 {
    width: 129px;
    height: 129px;
    float: left;
    background:url(../img/about/z1.png);
    margin-left: 6px;
}

.content2_img2 {
    width: 129px;
    height: 129px;
    float: left;
    background: url(../img/about/z2.png);
    margin-left: 61px;
}
.content2_img3 {
    width: 129px;
    height: 129px;
    float: left;
    background: url(../img/about/z3.png);
    margin-left: 61px;
}
.content2_img4 {
    width: 129px;
    height: 129px;
    float: left;
    background: url(../img/about/z4.png);
    margin-left: 61px;
}
.content2_img5 {
    width: 129px;
    height: 129px;
    float: left;
    background: url(../img/about/z5.png);
    margin-left: 61px;
}
.content2_img6 {
    width: 129px;
    height: 129px;
    float: left;
    background: url(../img/about/z6.png);
    margin-left: 61px;
}

.p4 {
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-top: 48px;
}

.content2_text1 {
    width: 142px;
    float: left;
    margin-top: 20px
}

.content2_text2 {
    width: 142px;
    float: left;
    margin-left: 48px;
    margin-top: 20px;
}

.p5 {
    text-align: center;
    color: #666666;
}

.p6 {
    font-size: 30px;
    color: #006699;
}

.content2_bk {
    width: 1100px;
    height: 1189px;
    margin: auto;
    margin-top: 60px;
    background: url(../img/about/about_11.jpg);
}

.content2_c {
    width: 914px;
    height: 230px;
    margin: 58px 100px;
}

.content2_l {
    width: 300px;
    float: left;
    margin-top: 138px;
}

.content2_r {
    width: 300px;
    float: right;
    margin-top: 20px;
}

.p7 {
    font-size: 24px;
    color: #fff;
}

.p8 {
    color: #fff;
}

.con4 {
    width: 100%;
    height: 518px;
    background: #f1f8fe;
}

.con4_i {
    text-align: center;
    margin-top: 60px;
}

.con5 {
    width: 1020px;
    height: 440px;
    margin: auto;
    margin-top: 60px;
}

.con5_i {
    width: 290px;
    height: 304px;
    background: url(../img/about/about_17.jpg);
    float: left;
}

.con5_i2 {
    width: 290px;
    height: 304px;
    background: url(../img/about/about_19.jpg);
    float: left;
    margin-left: 74px;
}

.con5_i3 {
    width: 290px;
    height: 304px;
    background: url(../img/about/about_21.jpg);
    float: left;
    margin-left: 74px;
}

.con5_box {
    width: 212px;
    text-align: center;
    margin: 120px 42px;;
}

.con5_box p {
    color: #fff;
}

.con6 {
    width: 100%;
    height: 646px;
    background: url(../img/about/about_26.png);
    padding-top: 10px;
}

.con6_box {
    width: 1100px;
    margin: auto;
    margin-top: 90px;
}

.con6_img {
    float: left;
    width: 456px;
}

.con6_i2 {
    width: 577px;
    height: 385px;
    background: url(../img/about/aboutz_06.png);
    float: right;
    margin: 40px 30px;
    z-index: 2
}

.con6_ul {
    margin: 38px 100px;
}

.con6 li {
    font-size: 14px;
    color: #666666;
    line-height: 42px;
}


.wm-banner{ width:100% ; height:842px; position:relative; background:url(../images/guanyuwm/beij.jpg) no-repeat 0 40px; }
.wbn-con{ width:1200px;position:relative; margin:0 auto}
.wm-ban{ width:1200px ; height:456px; margin:0 auto; line-height:40px; padding-top:96px; }
.wm-banner2{ width:100% ; height:482px; position:relative; background-color:#f0f0f0 }
.wm-banner2 .w2-1{ line-height:50px; padding-top:50px;font-size:26px; letter-spacing:4px; text-align:center}
.wm-banner2 .w2-2{position:absolute; width:600px; left:80px; top:180px; line-height:30px; font-size:14px; color:#666666}
.wm-banner2 .w2-3{ position:absolute; right:50px; top:130px; width:312px; height:309px;background:url(../images/guanyuwm/wenhua.png) no-repeat;}
@keyframes gn1
{
0%   { opacity:0;}
100% { opacity:1;}
}

@-moz-keyframes gn1 /* Firefox */
{
0%   { opacity:0;}
100% { opacity:1;}
}

@-webkit-keyframes gn1 /* Safari 和 Chrome */
{
0%   { opacity:0;}
100% { opacity:1;}
}

@-o-keyframes gn1 /* Opera */
{
0%   { opacity:0;}
100% { opacity:1;}
}
.wm-conter{width:100%; height:620px; background:#fff}
.wm-conna{  width:1200px;height:550px; position:absolute; top:26%; left:50%; margin-left:-600px}
.wm-connb{position:absolute;top:51px; width:1200px; left:20px; height:69px; }
.wm-connc{font-size:26px; padding-top:60px;letter-spacing:4px; text-align:center; width:100% }
.wm-cwz{ position:absolute; border-bottom:5px solid #009beb; left:100px; top:230px; line-height:50px; font-size:20px;}
.wm-connd{ display:none;position:absolute;top:202px;  right:-5px; }
.wm-connb .luk{height:28px; display:none; float:left; cursor:pointer; position:relative; background:url(../img/about/yuan3.png) no-repeat;}
.wm-connb .ta{ width:19px;}
.red{ color:#C60}
.wm-connb .tb{ width:97px; background-position:-23px 0;}
.wm-connb .luk .wc1{ position:absolute; top:30px; left:-10px; color:#222}
.wm-connb .luk span b{ width:66px; height:66px; text-align:center; line-height:66px; position:absolute;background:url(../img/about/yuan.png) no-repeat; z-index:909;  color:#ffffff }
.wm-connb .luk .wc1 b{left:-20px; top:-50px;}
.wm-connb .luk .wc2 b{left:-20px; top:10px;}
.wm-connb .luk .wc3 b{left:-20px; top:-50px;}
.wm-connb .luk .wc2{ position:absolute; top:-30px; left:70px; color:#222}
.wm-connb .luk .wc3{ position:absolute; top:30px; left:70px; color:#222}
.wn-sjx{ width:2px; height:2px;  position:absolute; top:-35px;}
.wm-jt{width:47px; height:36px;  position:absolute;top:220px; right:0px; background:url(../img/about/sjx.png) no-repeat;}
.wn-z{ position:absolute; border-radius:4px; color:#fff;background-color:#00b1e8; width:512px; height:146px; padding:20px 20px; right:60px; line-height:25px; font-size:14px;}
.wm-ban-se{ padding:210px 40px 30px 40px; }
.wm-a{ width:100%; height:450px;  padding-top:113px}
.wm-ab{ width:1128px; height:388px; margin:0  auto;position:relative }
.wm-ac{ width:310px; height:100px;  position:absolute;top:237px; font-size:14px; color:#87a34b; line-height:24px; }
.wm-ad{ width:438px; height:388px; background:url(../images/guanyuwm/3dian2.png) no-repeat;position:absolute; left:335px;}
.wm-gb{background:url(../images/guanyuwm/shaomiao.png) no-repeat; width:209px; height:197px; position:absolute; left:125px; top:0;}
.wm-gb{
	animation: 4s linear 0.2s normal none infinite running gundong;
	-moz-animation: 4s linear 0.2s normal none infinite running gundong;
	-webkit-animation: 4s linear 0.2s normal none infinite running gundong;
	-o-animation: 4s linear 0.2s normal none infinite running gundong;
    transform-origin: 102px 192px;
	-moz-transform-origin: 102px 192px;
	-webkit-transform-origin: 102px 192px;
	-o-transform-origin: 102px 192px;
   }
 @keyframes gundong
{
0%   { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}

@-moz-keyframes gundong /* Firefox */
{
0%   {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(360deg);}
}

@-webkit-keyframes gundong /* Safari 和 Chrome */
{
0%   {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}


@-o-keyframes gundong /* Opera */
{
0%   {-o-transform:rotate(0deg);}
100% {-o-transform:rotate(360deg);}
}
.wm-ae{ width:310px; height:100px; position:absolute; right:88px;font-size:14px; color:#1f9faa ;line-height:24px;}
.wm-af{ width:310px; height:100px; position:absolute;top:288px; right:0;font-size:14px; color:#d0a23c;line-height:24px;}
.wm-ag{ width:100%; height:827px; background:#f0f0f0;position:relative; padding-top:60px}
.wm-ah{ width:1130px; height:562px;  margin:0 auto}
.wm-ai{ text-align:center; font-size:24px; color:#636363; letter-spacing:3px; line-height:30px}
.wm-tr{ margin-top:50px; width:1130px;height:217px;}
.wm-td{ float:left; margin-right:45px; height:217px;}
.wm-tdaa{width:248px; height:16px; margin-top:15px; text-align:center; font-size:14px; color:#575757; letter-spacing:1px;  }
.wm-tdaa2{width:328px; height:16px; margin-top:15px; text-align:center; font-size:14px; color:#575757; letter-spacing:1px;  }
.wm-tdd{width:248px; float:left; text-align:center; height:217px; font-size:14px; color:#575757; letter-spacing:1px; }
.wm-tr2{ width:1130px;  margin:168px auto 0 auto}
.wm-db{ width:100%; height:618px; margin-top:100px;}
.wm-dba{ width:100%; height:9px; background:#209bc7}
.wm-dbb{ width:100%; height:610px; background:url(../images/guanyuwm/ditu.jpg) no-repeat;}
.wm-dbdt{width:1200px; height:610px; margin: 0  auto;position:relative}
.wm-dbdta{position:absolute; left:50px; top:90px;}
.wm-dbdtb{position:absolute; right:10px; top:142px;}
.wm-dbdtc{ width:360px; height:300px;position:absolute; right:150px; top:165px;}
.wm-dbdtc li{ line-height:45px;}
.wm-dbdtca{ font-size:12px; line-height:43px; color:#3c3c3c }
.pre{ position:relative}
.gongjiao{ position:absolute; right:-40px; bottom:1px; cursor:pointer; padding-right:30px; color:#ea4d37; font-size:14px; font-weight:bold;background:url(../images/guanyuwm/jtou.png) no-repeat right;}
.gongjiao{
	animation: zhiyin 1s infinite;
	-moz-animation: zhiyin 1s infinite;	/* Firefox */
	-webkit-animation: zhiyin 1s infinite;	/* Safari 和 Chrome */
	-o-animation: zhiyin 1s infinite;	/* Opera */
	}
@keyframes zhiyin
{
0%   {right:-40px;}
50% {right:-60px;}
100% {right:-40px;}
}

@-moz-keyframes zhiyin /* Firefox */
{
0%   {right:-40px;}
50% {right:-60px;}
100% {right:-40px;}
}

@-webkit-keyframes zhiyin /* Safari 和 Chrome */
{
0%   {right:-40px;}
50% {right:-60px;}
100% {right:-40px;}
}

@-o-keyframes zhiyin /* Opera */
{
0%   {right:-40px;}
50% {right:-60px;}
100% {right:-40px;}
}