arset "utf-8";
/*create by 2015-07-07*/
body{ background:#f7f7f7; font:14px/1.15 "Microsoft Yahei",Arial,Helvetica,sans-serif; position:relative; overflow-x:hidden;}
.head{width:960px; height:100px; margin:0 auto; overflow:hidden;}
.head .logo{float:left; width:272px; overflow:hidden;}
.head .logo a{float:left; width:300px; height:100px; margin:23px 10px 0 1px; overflow:hidden;}
.head .logo var{ float:left; width:1px; height:23px; background:url(images/base-bg.png) no-repeat 0 0;margin-top:32px;}
.head .logo p{float:left; width:115px; height:46px; padding-left:12px; margin-top:28px; }
.head .logo p font{ display:block; white-space:nowrap; font-size:12px; }

/*nav*/
.nav{ float:right; width:650px; height:38px; margin:23px auto 0; }
.nav .nav-menu{ display:block; width:650px;  height:38px;}
.nav .nav-menu li{ float:left; width:90px; height:38px; position:relative;}
.nav .nav-menu li a{ display:block; width:100%; height:100%; text-align:center; line-height:38px; font-size:14px; color:#363636; font-weight:bold; outline:none;  position:relative;}
.nav .nav-menu li a:link,.nav .nav-menu li a:visited{color:#363636; text-decoration:none;}
.nav .nav-menu li a:hover{color:#e9474b;}
.nav .nav-menu li.on{color:#e9474b;}
.nav .nav-menu li.on a.nav-link,.nav .nav-menu li.hover a.nav-link{color:#e9474b;}
.nav .nav-menu a{float:left; width:65px; height:50px; line-height:50px;  text-align:center;  white-space:nowrap; font-size:14px; overflow:hidden;  cursor:pointer;}
.nav .nav-menu li span{ display:none; width:100%; position:absolute; top:27px; left:0; z-index:9;}
.nav .nav-menu li.hover span{ display:block;} 
.nav .nav-menu li span a{ display:block; width:100%; height:27px; margin-top:0px; position:relative;color:#fff;}
.nav .nav-menu li span a.selected,.nav .nav-menu li span a:hover{color:#f39800;}
.nav .nav-menu li span a var{ display:block; width:100%; height:27px; background:#444444; filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9; }
.nav .nav-menu li span a b{ display:block; width:100%; height:27px; line-height:27px;font-weight:normal; position:absolute; top:0; left:0; text-align:center; z-index:9;}
.head .tab-web{ float:right; width:90px; height:18px; overflow:hidden; margin:33px 0 0 0;}
.head .tab-web a{float:left; width:20px; height:18px; margin-right:12px;  background-repeat:no-repeat; text-indent:-999em; cursor:pointer;}
.head .tab-web a.cn{background:url(images/base-sprite.png) no-repeat 0 0;}
.head .tab-web a.hk{background:url(images/base-sprite.png) no-repeat -32px 0;}
.head .tab-web a.en{background:url(images/base-sprite.png) no-repeat -62px 0; margin-right:0;}

.head .tab-web a.cn:hover{background:url(images/base-sprite.png) no-repeat -87px 0;}
.head .tab-web a.hk:hover{background:url(images/base-sprite.png) no-repeat -119px 0;}
.head .tab-web a.en:hover{background:url(images/base-sprite.png) no-repeat -149px 0; margin-right:0;}

element.style { height: 270px;}

.x-slide{width:100%;  margin:0 auto; position:relative;}
.x-slide ul{display:block; width:100%; overflow:hidden;}
.x-slide li{display:block; width:100%;  position:absolute; top:0; left:0;}
.x-slide li img{display:block; width:100%;  border:0;}
.x-slide .btn{ width:100%; position:absolute; bottom:7px; left:0; text-align:center;}
.x-slide .btn span{ display:inline-block; *display:inline; *zoom:1;  vertical-align:middle; width:10px; height:10px; margin:0 5px; border-radius:50px; -webkit-border-radius:50px;  background:rgba(255,255,255,0.5);  overflow:hidden;  margin-right:5px; cursor:pointer; }
.x-slide .btn span.current{background:#fff; width:14px; height:14px;}

.content{ width:100%; margin:0 auto; background:#f7f7f7;}
.game-img{ width:964px; margin:0 auto; padding-top:22px;}
.game-img .av-img{float:left; width:226px; height:180px; margin:0 20px 20px 0; border-radius:8px; -webkit-border-radius:8px; overflow:hidden; position:relative;}
.game-img .av-img1{ width:472px;}
.game-img .av-img3{ margin-right:0;}
.game-img .av-img6{ width:472px; margin-right:0;}
.game-img .av-img img{height:180px; }
.game-img .av-img .cover{display:none; width:100%; height:100%; line-height:210px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; top:0; left:0; z-index:9; border-radius:8px; -webkit-border-radius:8px;}
.game-img .av-img:hover .cover{display:block;}


.game-img .more{clear:both; display:block; width:964px; margin:2px auto 23px;}
.game-img .more a{display:block; width:111px; height:39px; margin:0 auto; background:url(images/base-sprite.png) no-repeat 0 -26px; text-indent:-999em; overflow:hidden; cursor:pointer;}
.game-img .more a:hover{background:url(images/base-sprite.png) no-repeat -114px -26px;}

.fy-txt{width:964px; margin:0 auto; height:428px; border-radius:8px; -webkit-border-radius:8px; background:#fff;}
.fy-zixun{float:left; width:673px; padding:18px 0 0 21px; position:relative;}
.fy-media{float:right; width:205px; padding:18px 21px 0 0; position:relative;}
.fy-txt .f-head{width:100%; height:26px; overflow:hidden;} 
.fy-txt .f-head h1{display:block; width:100%; height:26px; position:relative;}
.fy-txt .f-head h1 var{ display:block; width:155px; height:26px; background-image:url(images/base-bg.png); overflow:hidden; text-indent:-999em;}
.fy-txt .fy-zixun .f-head h1 var{ background-position:0 -21px;}
.fy-txt .fy-media .f-head h1 var{ background-position:0 -48px;}
.fy-txt .fy-zixun .f-body{padding-top:16px; height:328px;}
.fy-txt .fy-zixun dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.fy-txt .fy-zixun dl{display:inline-block;}
.fy-txt .fy-zixun dl{display:block; height:96px; margin-bottom:18px; overflow:hidden;}
.fy-txt .fy-zixun dl dt{float:left; width:121px; height:81px; overflow:hidden;}
.fy-txt .fy-zixun dl dt img{ display:block; width:121px; height:81px; border:0;}
.fy-txt .fy-zixun dl dd{float:left; width:530px; padding-left:22px; overflow:hidden;}
.fy-txt .fy-zixun dl dd a,.fy-txt .fy-zixun dl dd a:link,.fy-txt .fy-zixun dl dd a:hover{ display:block; font-size:12px; color:#959595;}
.fy-txt .fy-zixun dl dd a b{display:block; font-size:14px; color:#626262; font-weight:bold;}
.fy-txt .fy-zixun dl dd a:link b,.fy-txt .fy-zixun dl dd a:visited b{color:#626262;}
.fy-txt .fy-zixun dl dd a:hover b{color:#e9474b;}
.fy-txt .fy-zixun dl dd a em{display:block; padding:8px 0;}
.fy-txt .fy-zixun dl dd a font{display:block; line-height:18px;  font-size:12px; }
.fy-txt .fy-media .f-body{padding-top:16px; height:328px; overflow:hidden;}
.fy-txt .fy-media p:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.fy-txt .fy-media p{display:inline-block;}
.fy-txt .fy-media p{display:block; height:80px;  overflow:hidden;}
.fy-txt .fy-media p.p2{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; padding:20px 0;}
.fy-txt .fy-media p var{float:left; width:5px; height:8px; margin-top:5px; background:url(images/base-bg.png) no-repeat -195px 0; overflow:hidden;}
.fy-txt .fy-media p a{float:left; width:190px; padding-left:5px;}
.fy-txt .fy-media p a,.fy-txt .fy-media p a:link,.fy-txt .fy-media p a:hover{ display:block; color:#959595;}
.fy-txt .fy-media p a b{display:block; font-size:14px; color:#626262; font-weight:bold;}
.fy-txt .fy-media p a:hover b{color:#e9474b;}
.fy-txt .fy-media p a em{display:block; padding:8px 0; font-size:12px; }
.fy-txt .fy-media p a font{display:block; line-height:20px;}
.fy-txt .fy-media p.p3{ padding-top:20px;}

.fy-txt a.more{ display:block; width:100px; height:26px; line-height:27px; color:#b7b7b7; font-size:12px; font-family:Helvetica; white-space:nowrap; overflow:hidden; text-decoration:none; position:absolute; top:15px; right:-50px; z-index:9;}
.fy-txt a.more var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-right:5px; background:url(images/base-bg.png) no-repeat -195px 0;}
.fy-txt a.more:link,.fy-txt a.more:visited{color:#b7b7b7; text-decoration:none;}
.fy-txt a.more:hover{color:#e9474b;}
.fy-txt a.more:hover var{background:url(images/base-bg.png) no-repeat -195px -23px;}


.fy-hd{width:964px; margin:23px auto 0; }
.fy-hd .f-tab{float:left; width:718px; height:267px; overflow:hidden; border-radius:8px; -webkit-border-radius:8px; background:#fff;}
.fy-hd .f-tab .f-head{width:100%; height:55px; overflow:hidden;}
.fy-hd .f-tab .f-head h1{display:block; width:100%; height:100%;}
.fy-hd .f-tab .f-head h1 a{float:left; width:238px; height:54px; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}
.fy-hd .f-tab .f-head h1 a.a3{ border-right:0;}
.fy-hd .f-tab .f-head h1 a var{ display:block; width:238px; height:54px; margin:0 auto; background-image:url(images/base-bg.png); background-repeat:no-repeat; overflow:hidden; text-indent:-999em;}
.fy-hd .f-tab .f-head h1 a var.v1{ background-position:0 -81px;}
.fy-hd .f-tab .f-head h1 a var.v2{ background-position:0 -136px;}
.fy-hd .f-tab .f-head h1 a var.v3{ background-position:0 -191px;}
.fy-hd .f-tab .f-head h1 a:hover .v1,.fy-hd .f-tab .f-head h1 a.on .v1{height:53px; border-bottom:2px solid #2c6ed5;}
.fy-hd .f-tab .f-head h1 a:hover .v2,.fy-hd .f-tab .f-head h1 a.on .v2{height:53px; border-bottom:2px solid #ff8300;}
.fy-hd .f-tab .f-head h1 a:hover .v3,.fy-hd .f-tab .f-head h1 a.on .v3{height:53px; border-bottom:2px solid #9bdd07;}
.fy-hd .fy-join{float:right; width:226px;height:267px; overflow:hidden;}
.fy-hd .fy-join a img{ display:block; border:0; width:226px; height:267px;}
.fy-hd .f-tab .f-body{ width:100%; height:212px; overflow:hidden;}
.fy-hd .f-tab .f-body .c:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.fy-hd .f-tab .f-body .c{display:inline-block;}
.fy-hd .f-tab .f-body .c{display:block;}
.fy-hd .f-tab .f-body .c{ display:none;  min-height:150px; _height:150px;}
.fy-hd .f-tab .f-body .on{ display:block;}
.fy-hd .f-tab .f-body .gd-pic{float:right; width:313px; height:171px; padding:20px 30px 0 0; overflow:hidden; position:relative;}
.fy-hd .f-tab .gd-txt{float:left; width:305px; height:165px; padding:20px 0 0 30px; position:relative;}
.fy-hd .f-tab .gd-txt p{display:block; margin-bottom:10px; overflow:hidden;}
.fy-hd .f-tab .gd-txt p var{float:left; width:5px; height:8px; margin-top:5px; background:url(images/base-bg.png) no-repeat -195px 0; overflow:hidden;}
.fy-hd .f-tab .gd-txt p a{float:left; width:260px; padding-left:5px;}
.fy-hd .f-tab .gd-txt p a,.fy-hd .f-tab .gd-txt p a:link,.fy-hd .f-tab .gd-txt p a:hover{ display:block; color:#959595;}
.fy-hd .f-tab .gd-txt p a b{display:block; font-size:14px; color:#626262; font-weight:bold;}
.fy-hd .f-tab .gd-txt p a em{display:block; padding:5px 0; font-size:12px; line-height:18px;}
.fy-hd .f-tab .gd-txt p a font{display:block; line-height:20px;}
.fy-hd .f-tab .gd-txt .ck-btn{display:block; color:#2c6ed5; width:80px; height:16px; text-align:left; line-height:16px; position:absolute; bottom:3px; left:40px;}
.fy-hd .f-tab .gd-txt .ck-btn:link,.fy-hd .f-tab .f-body .gd-pic .ck-btn:visited{color:#2c6ed5; text-decoration:none;}
.fy-hd .f-tab .gd-txt .ck-btn:hover{color:#f05a00;}
.fy-hd .f-tab .gd-txt .ck-btn:hover var{background:url(images/base-bg.png) no-repeat -195px -23px; }

.fy-hd .f-tab .gd-txt .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-left:5px; background:url(images/base-bg.png) no-repeat -202px -23px; }
.fy-hd .f-tab .fy{width:718px; height:212px; position:relative;}
.fy-hd .f-tab .fy-pe .ck-btn{display:block; color:#ed1c24; width:80px; height:16px; text-align:left; line-height:16px;}
.fy-hd .f-tab .fy-pe .ck-btn{position:absolute; top:160px; right:40px;}
.fy-hd .f-tab .fy-pe .ck-btn:link,.fy-hd .f-tab .fy-pe .ck-btn:visited{color:#ff8300; text-decoration:none;}
.fy-hd .f-tab .fy-pe .ck-btn:hover{color:#ed1c24;}
.fy-hd .f-tab .fy-pe .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-left:5px; background:url(images/base-bg.png) no-repeat -195px -12px; }
.fy-hd .f-tab .fy-pe .ck-btn:hover var{background:url(images/base-bg.png) no-repeat -195px -23px; }


.fy-hd .f-tab .fy-zc .ck-btn{display:block; color:#fff; width:400px; height:16px; text-align:left; line-height:16px;}
.fy-hd .f-tab .fy-zc .ck-btn{position:absolute; top:178px; left:51px;}
.fy-hd .f-tab .fy-zc .ck-btn:link,.fy-hd .f-tab .fy-zc .ck-btn:visited{color:#fff; text-decoration:none;}
.fy-hd .f-tab .fy-zc .ck-btn:hover{color:#fff;}
.fy-hd .f-tab .fy-zc .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:13px; height:13px; margin:3px 0 0 5px; background:url(images/base-bg.png) no-repeat -195px -38px; }
.fy-hd .f-tab .fy-zc .ck-btn:hover var{background:url(images/base-bg.png) no-repeat -212px -38px; }



.fy-hd .f-tab .fy-pu .ck-btn{position:absolute; top:160px; left:40px;}
.fy-hd .f-tab .fy-pu .ck-btn:link,.fy-hd .f-tab .fy-pu .ck-btn:visited{color:#9bdd07; text-decoration:none;}
.fy-hd .f-tab .fy-pu .ck-btn:hover{color:#ed1c24;}
.fy-hd .f-tab .fy-pu .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-left:5px; background:url(images/base-bg.png) no-repeat -38px -23px;}
.fy-hd .f-tab .fy-pu .ck-btn:hover var{background:url(images/base-bg.png) no-repeat -38px -212px; }

/*product*/
.j-page-banner{ width:100%; height:76px; overflow:hidden; background:#e9474b;}
.j-page-banner .j-img{ width:964px; height:76px; margin:0 auto;}
.j-page-main{width:964px; margin:0 auto;}
.j-page-main .p-head{width:964px; height:65px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px; position:relative;}
.j-page-main .p-body{width:964px; margin:20px auto 0;}
.j-page-main .p-body .c{ display:none;}
.j-page-main .p-body .on{ display:block;}
.j-page-main .p-body ul{display:block; margin:0 -26px;}

.j-product .p-head span{ display:block; width:417px; height:65px; margin:0 auto; background:url(images/base-sprite.png) no-repeat 0 -191px; overflow:hidden;}
.j-product .p-head a{float:left; width:94px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-product .p-head a:hover,.j-product .p-head a.on{ background-image:url(images/base-sprite.png);}
.j-product .p-head a.a1{background-position:0 -125px;}
.j-product .p-head a.a2{background-position:-163px -125px; margin:0 66px 0 69px;}
.j-product .p-head a.a3{background-position:-323px -125px;}
.j-product .p-head span a var{ display:block; width:0%; position:absolute; height:3px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-product .p-head span a:hover var,.j-product .p-head span a.on var{ width:100%;}

.j-product .p-body ul li{float:left; width:304px; height:350px; margin:0 0 26px 26px; overflow:hidden;}
.j-product .p-body ul li a{display:block; width:304px; height:215px; border:0; position:relative;}
.j-product .p-body ul li a .cover{display:none; width:100%; height:100%; line-height:210px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; top:0; left:0; z-index:9; border-radius:8px; -webkit-border-radius:8px;}
.j-product .p-body ul li a:hover .cover{display:block;}


.j-product .p-body ul p{display:block; padding:0; background:#fff; height:135px; border-bottom-left-radius:6px; -webkit-border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px; }
.j-product .p-body ul p strong{ display:block; padding:0 18px; height:54px; line-height:54px; font-weight:normal; font-size:18px; color:#535353; white-space:nowrap;}
.j-product .p-body ul p:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-product .p-body ul p{display:inline-block;}
.j-product .p-body ul p{display:block;}
.j-product .p-body ul p font{display:block; color:#c2c2c2; font-size:12px; padding:0 0 20px 18px; border-bottom:1px solid #f6f6f6;}
.j-product .p-body ul p font em.e1{padding-right:12px;}
.j-product .p-body ul p span.s1{display:block; width:180px; height:25px; margin:9px 0 0 9px; }
.j-product .p-body ul p span a{float:left; width:87px; height:25px; margin-right:4px; background-image:url(images/blank.gif); cursor:pointer; position:relative;}
.j-product .p-body ul p span a b{ display:block; width:100%; height:100%; text-indent:-999em;}
.j-product .p-body ul p span a em{display:none; width:95px; height:95px; position:absolute; top:-124px; box-shadow:1px 2px 10px rgba(0, 0, 0, 0.5);  background:#fff; padding:5px; border-radius:8px; -webkit-border-radius:8px;}
.j-product .p-body ul p span a em.e1{left:-1px;}
.j-product .p-body ul p span a em img{ display:block; border:0;width:95px; height:95px;}
.j-product .p-body ul p span a em i{display:block; width: 0; height: 0;  border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff; position:absolute; top:105px; left:49px;}


.j-product .p-body ul p span a.down{background:url(images/base-sprite.png) no-repeat 0 -70px;}
.j-product .p-body ul p span a.down:hover{ background:url(images/base-sprite.png) no-repeat 0 -97px;}
.j-product .p-body ul p span a.site{background:url(images/base-sprite.png) no-repeat -91px -70px;margin-right:0;}
.j-product .p-body ul p span a.site:hover{ background:url(images/base-sprite.png) no-repeat -91px -97px; }
.j-product .p-body ul p span.s2{display:block; width:180px; height:25px; margin:9px 0 0 9px; }
.j-product .p-body ul p span b{display:block; font-weight:normal; color:#959595; padding-left:9px;}

.j-news .p-head span{ display:block; width:217px; height:65px; margin:0 auto; background:url(images/base-sprite.png) no-repeat 0 -418px; overflow:hidden;}
.j-news .p-head span a{float:left; width:77px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-news .p-head span a:hover,.j-news .p-head span a.on{ background-image:url(images/base-sprite.png);}
.j-news .p-head span a.a1{background-position:0 -484px;}
.j-news .p-head span a.a2{background-position:-138px -484px; margin-left:61px;}
.j-news .p-head span a.a3{background-position:-276px -484px;}
.j-news .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-news .p-head span a:hover var,.j-news .p-head span a.on var{ width:100%;}
.j-news .p-head .year-sec{width:113px; height:40px; border-left:1px solid #eee; position:absolute; top:13px; right:10px; z-index:9;}
.j-news .p-head .year-sec p{ display:block; width:85px; height:40px;  text-align:left; padding-left:23px; line-height:40px;  color:#646363; font-size:14px; overflow:hidden; cursor:pointer; position:relative;}
.j-news .p-head .year-hover-sec p{background:url(images/up.png) no-repeat right center; color:#fb6b14;}
.j-news .p-head .year-sec p var{ display:block; width:5px; height:8px; background:url(images/base-bg.png) no-repeat -195px 0; position:absolute; top:17px; right:0;}
.j-news .p-head .year-hover-sec p var{width:8px; height:5px; background:url(images/base-bg.png) no-repeat -202px 0;}
.j-news .p-head .year-sec .year-sec-con{ display:none; width:76px; border:1px solid #eee; background:#fff; box-shadow:0px 0px 7px rgba(160,160,160,0.35);  border-radius:5px; position:absolute; top:36px; left:14px;}
.j-news .p-head .year-sec .year-sec-con a{ display:block; height:30px; line-height:30px; text-align:center; font-size:12px; color:#6f6e6e; border-bottom:1px dotted #eee;}
.j-news .p-head .year-sec .year-sec-con a:hover,.wrap .x-head .year-sec .year-sec-con a.current{ background:#eee; color:#acacac;}


.j-news .p-body{background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-news .p-body ul{ padding:15px 55px 0; min-height:500px; _height:500px;}
.j-news .p-body ul li:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-news .p-body ul li{display:inline-block;}
.j-news .p-body ul li{display:block; padding:10px 0; line-height:36px; font-size:14px; border-bottom:1px solid #eee;}
.j-news .p-body ul li span{float:left; width:578px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.j-news .p-body ul li span a,.j-news .p-body ul li span a:link,.j-news .p-body ul li span a:visited{ color:#626262; text-decoration:none;}
.j-news .p-body ul li span a:hover{color:#e9474b; text-decoration:none;}
.j-news .p-body ul li var{float:right; color:#b7b7b7;}
.j-news .p-body ul li span a:hover,.j-news .p-body ul li.highlight span a:hover,.j-news .p-body ul li.highlight span a,.j-news .p-body ul li.highlight span a:link,.j-news .p-body ul li.highlight span a:visited,.j-news .p-body ul li.highlight var{ color:#fb6a00;}
.j-news .p-body ul li.on span a:hover,.j-news .p-body ul li.on span a:hover,.j-news .p-body ul li.on span a,.j-news .p-body ul li.on span a:link,.j-news .p-body ul li.on span a:visited,.j-news .p-body ul li.on var{ color:#fb6a00;}
.j-news .p-body ul li.empty{ display:block; text-align:center; color:#b7b7b7; border-bottom:0;}
.j-news .p-body dl{}
.j-news .p-body dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-news .p-body dl{display:inline-block;}
.j-news .p-body dl{display:block; padding:15px; background:#fff; border-radius:8px; -webkit-border-radius:8px; margin-bottom:18px; overflow:hidden;}
.j-news .p-body dl dt{float:left; width:180px; height:110px; overflow:hidden;}
.j-news .p-body dl dt img{ display:block; width:180px; height:110px; border:0;}
.j-news .p-body dl dd{float:left; width:730px; padding-left:22px; overflow:hidden;}
.j-news .p-body dl dd a,.j-news .p-body dl dd a:link,.j-news .p-body dl dd a:hover{ display:block; font-size:12px; color:#b7b7b7;}
.j-news .p-body dl dd a b{display:block; font-size:14px; color:#e9474b; font-weight:bold;}
.j-news .p-body dl dd a em{display:block; padding:8px 0 24px;}
.j-news .p-body dl dd a font{display:block; line-height:18px;  font-size:12px; }
.j-news .empty,.j-news .list-loading{ text-align:center; height:45px; line-height:45px; color:#b7b7b7; background:#e5e5e5; border-radius:8px; -webkit-border-radius:8px; overflow:hidden;} 
.j-news .p-body .con{ padding:20px 0; color:#434343; font-size:14px; line-height:26px;}
.j-news .p-body .con h1{display:block; height:120px; border-bottom:1px solid #eee; margin-bottom:20px;}
.j-news .p-body .con h1 strong{display:block; height:56px; line-height:56px; font-size:24px; color:#313131; padding-left:60px; white-space:nowrap;}
.j-news .p-body .con h1 span{display:block;line-height:26px; color:#bcbcbc; font-size:12px; padding-left:60px;}
.j-news .p-body .con p{ display:block; padding:0 60px; line-height:26px;}
.j-news .p-body .con img{display:block; margin:0 auto;}
.j-news .p-body .paging{ margin:30px auto; padding:30px 401px 0; height:30px;  border-top:1px solid #eee;} 
.j-news .p-body .paging a{display:block; width:74px; height:30px; background:url(images/blank.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer;}
.j-news .p-body .paging a.paging-up{float:left; background:url(images/base-sprite.png) no-repeat 0 -855px;}
.j-news .p-body .paging a.paging-up:hover{background:url(images/base-sprite.png) no-repeat 0 -887px;}
.j-news .p-body .paging a.paging-down{float:right;background:url(images/base-sprite.png) no-repeat -88px -855px;}
.j-news .p-body .paging a.paging-down:hover{float:right;background:url(images/base-sprite.png) no-repeat -88px -887px;}

 
.j-about .p-head span{ display:block; width:546px; height:65px; margin:0 auto; overflow:hidden;}
.j-about .p-head a{float:left; width:73px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-about .p-head .a1{background:url(images/base-sprite.png) no-repeat 0 -569px;}
.j-about .p-head .a1:hover,.j-about .p-head .a1.on{background:url(images/base-sprite.png) no-repeat 0 -636px;}
.j-about .p-head .a2{background:url(images/base-sprite.png) no-repeat -123px -569px; margin:0 46px 0 50px;}
.j-about .p-head .a2:hover,.j-about .p-head .a2.on{background-position:-123px -636px; }
.j-about .p-head .a3{display:none; background:url(images/base-sprite.png) no-repeat -242px -569px;}
.j-about .p-head .a3:hover,.j-about .p-head .a3.on{background-position:-242px -636px; }
.j-about .p-head .a4{background:url(images/base-sprite.png) no-repeat -354px -569px; margin:0 46px 0 0;}
.j-about .p-head .a4:hover,.j-about .p-head .a4.on{background-position:-354px -636px;}
.j-about .p-head .a5{background:url(images/base-sprite.png) no-repeat -476px -569px;}
.j-about .p-head .a5:hover,.j-about .p-head .a5.on{background-position:-476px -636px;}


.j-about .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-about .p-head span a:hover var,.j-about .p-head span a.on var{ width:100%;}
.j-about .p-body{width:964px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-about .p-body .c{ padding:50px 56px;} 
.j-about .p-body .intro{}
.j-about .p-body .intro .feiyu{ border-bottom:1px solid #eee; padding-bottom:75px;}
.j-about .p-body .intro .feiyu img{display:block; width:405px; height:107px; border:0; margin:30px auto 20px;}
.j-about .p-body .intro .info{ padding-top:24px;}
.j-about .p-body .intro .info p{display:block; line-height:30px; padding-bottom:28px;}
.j-about .p-body .develop{}
.j-about .p-body .develop h3{display:block; width:204px; height:64px; background:url(images/base-bg.png) no-repeat 0 -334px; border-right:2px solid #eee; position:relative;}
.j-about .p-body .develop em{ display:block; width:100%; height:100%; text-indent:-999em;}
.j-about .p-body .develop var{display:block; width:22px; height:28px; background:url(images/base-bg.png) no-repeat -205px -334px; position:absolute; top:0; right:-10px;}
.j-about .p-body .develop dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-about .p-body .develop dl{display:inline-block;}
.j-about .p-body .develop dl{display:block;}
.j-about .p-body .develop dl dt{float:left; width:204px; height:70px; line-height:70px; text-align:right;}
.j-about .p-body .develop dl dt font{ display:block; padding:0 20px 0 0; font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; font-size:18px; color:#e9474b;}
.j-about .p-body .develop dl dd{float:left; width:570px; padding-left:20px; line-height:70px;  border-left:2px solid #eee;}
.j-about .p-body .develop dl dd font{ display:block; line-height:70px; color:#898989; border-bottom:1px solid #eee;}

.j-about .p-body .honor{}
.j-about .p-body .honor h3{display:block; width:155px; height:56px; border-right:2px solid #eee; padding-bottom:30px; position:relative;}
.j-about .p-body .honor h3 em{ display:block; width:155px; height:56px; background:url(images/base-bg.png) no-repeat 0 -408px; text-indent:-999em;}
.j-about .p-body .honor h3 var{display:block; width:22px; height:28px; background:url(images/base-bg.png) no-repeat -156px -408px; position:absolute; top:0; right:-12px;}
.j-about .p-body .honor dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-about .p-body .honor dl{display:inline-block;}
.j-about .p-body .honor dl{display:block;}
.j-about .p-body .honor dl dt{float:left; width:155px; text-align:right;}
.j-about .p-body .honor dl dt font{ display:block; padding:10px 20px 0 0; font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; font-size:18px; color:#f4a219;}
.j-about .p-body .honor dl dd{float:left; width:615px; padding:0 0 0 20px;  min-height:50px; _height:50px;  border-left:2px solid #eee;}
.j-about .p-body .honor dl dd p{ display:block; color:#898989; border-bottom:1px solid #eee; padding:0 0 20px;}
.j-about .p-body .honor dl dd p font{display:block; line-height:38px; color:#898989;}

.j-about .p-body .vi{}
.j-about .p-body .vi .feiyu-pic{text-align: center;}
.j-about .p-body .vi .feiyu-logo{text-align: center; border-bottom: 1px solid #eee; padding: 42px 0 40px;}
.j-about .p-body .vi .info{ margin: 40px auto 10px;}
.j-about .p-body .vi .info .row{ margin-bottom: 30px;}
.j-about .p-body .vi .info dl{ float: left; width: 206px; height: 266px; border: 1px solid #eee; margin: 0 38px;}
.j-about .p-body .vi .info img{ display: block; width: auto; margin: 0 auto;}
.j-about .p-body .vi .info dl dt{ display: block; width: 100%; height:97px;}
.j-about .p-body .vi .info dl a{ display: block; width: 100%; height:54px; border-top: 1px solid #eee; }
.j-about .p-body .vi .info dt img{ padding-top: 26px;}
.j-about .p-body .vi .info dl a img{padding-top: 6px;}
.j-about .p-body .vi .info p{ float: left; width: 208px; height: 118px; margin: 0 38px 20px;}
.j-about .p-body .vi .info .fy-style{border-top: 1px solid #eee; padding-top: 40px;}
.j-about .p-body .vi .info .fy-style,.j-about .p-body .vi .info .fy-style p{ margin-bottom: 0;}


.j-about .p-body .management{}
.j-about .p-body .management dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-about .p-body .management dl{display:inline-block;}
.j-about .p-body .management dl{display:block; margin-bottom:20px;}
.j-about .p-body .management dl dt{float:left; width:160px; height:160px; border:1px solid #f4f4f4;}
.j-about .p-body .management dd{float:right; width:660px;}
.j-about .p-body .management dd strong{display:block; color:#434343; font-size:18px; height:36px; line-height:36px; font-weight:normal; overflow:hidden;}
.j-about .p-body .management dd font{ display:block; font-size:12px; color:#ababab; height:23px; line-height:23px; overflow:hidden;}
.j-about .p-body .management dd p{ display:block; font-size:12px; color:#ababab; padding-top:10px; line-height:23px; padding-bottom:27px; border-bottom:1px solid #f6f6f6;}

.j-feiyu{background:#ff8300; height:75px;}
.f-a{width:964px; height:361px; background:url(images/base-feiyu.png) no-repeat 0 0; margin:14px auto 0; overflow:hidden;}
.f-a .a-txt{float:left; width:609px;}
.f-a .a-txt h1{display:block; padding:53px 0 0 35px;}
.f-a .a-txt h1 font{display:block; font-size:18px; color:#ff8300; line-height:23px; white-space:nowrap;}
.f-a .a-txt h1 span{display:block; font-size:48px; color:#ff8300; white-space:nowrap;}
.f-a .a-txt p{display:block; padding:30px 47px 0 35px; line-height:25px; color:#959595; font-size:12px;}
.f-a .a-pic{float:left; width:258px;}
.f-frag{width:964px; height:190px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px; overflow:hidden;}
.f-frag h2{display:block; height:42px; line-height:42px; padding:0 25px; overflow:hidden;}
.f-frag h2 span{float:left; width:250px; color:#636363;}
.f-frag h2 a{ float:right; width:50px; padding-right:15px; text-align:right; color:#a0a0a0; white-space:nowrap; position:relative;}
.f-frag h2 a:link,.f-frag h2 a:visited{color:#a0a0a0; text-decoration:none;}
.f-frag h2 a:hover{color:#ef9757; text-decoration:none;}
.f-frag h2 a var{ display:block; width:5px; height:8px; overflow:hidden; background:url(images/base-bg.png) no-repeat -195px 0; position:absolute; top:18px; right:0;}
.f-frag h2 a:hover var{ background:url(images/base-bg.png) no-repeat -195px -12px;}
.f-frag ul{ display:block;}
.f-frag ul li{float:left; width:160px; margin-left:28px;}
.f-frag ul li img{display:block;  width:160px; height:90px; margin-bottom:10px;}
.f-frag ul li a font,.f-frag ul li a:link font,.f-frag ul li a:visited font{ display:block; color:#959595; line-height:17px; font-size:12px;}
.f-books{ width:964px; height:340px; margin:35px auto 0; overflow:hidden;}
.f-collect{width:964px; margin:0 auto; overflow:hidden;}
.f-collect .f-box{background:#fff; border-radius:8px; -webkit-border-radius:8px; margin:20px auto 0;overflow:hidden;}
.f-collect .f-box dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.f-collect .f-box dl{display:inline-block;}
.f-collect .f-box dl{display:block; float:left; width:240px; height:230px; padding-bottom:20px; border-left:1px solid #ebebeb; margin-left:-1px;}
.f-collect .f-box dl dt{ float:left; width:125px;}
.f-collect .f-box dl dt h3{ display:block; padding-left:10px; color:#555; font-size:14px; white-space:nowrap; height:62px; line-height:62px; overflow:hidden;}
.f-collect .f-box dl dt img{ display:block; box-shadow:0 0 0 rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3), 3px 0 8px rgba(0, 0, 0, 0.3);}
.f-collect .f-box dl dd{ float:left; width:98px; height:230px; position:relative;}
.f-collect .f-box dl dd span{display:block; text-align:right; height:66px; overflow:hidden;}
.f-collect .f-box dl dd span a{ display:block; padding-top:22px; color:#959595;}
.f-collect .f-box dl dd span a:link,.f-collect .f-box dl dd span a:visited{color:#b7b7b7; text-decoration:none;}
.f-collect .f-box dl dd span a:hover{color:#b7b7b7;}
.f-collect .f-box dl dd p{display:block; color:#b7b7b7; position:absolute; bottom:0; left:0;}
.f-collect .f-box dl dd p a,.f-collect .f-box dl dd p a:link,.f-collect .f-box dl dd p a:visited{ color:#b7b7b7; text-decoration:none;}
.f-collect .f-box dl dd p a:hover{color:#e9474b;}

.j-pu{background:#9bdd07; height:75px;}
.f-p{width:964px; margin:35px auto 0; overflow:hidden;}
.f-p .p-pic{width:964px; height:301px; overflow:hidden;}
.f-p .p-txt{width:964px; height:243px; background:#22ac38;}
.f-p .p-txt h1{display:block; padding:24px 0 23px 32px; border-bottom:1px solid #009944; font-size:18px; color:#fff; font-weight:normal;}
.f-p .p-txt h1 var{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:115px; height:34px; margin-right:5px; overflow:hidden; text-indent:-999em; background:url(images/base-sprite.png) no-repeat -785px -47px;}
.f-p .p-txt p{display:block; padding:30px 32px 0; line-height:20px; color:#fff; font-size:12px;}
.f-p .p-heart{ width:964px; margin:23px auto 0;}
.f-p .p-library{ margin:20px 0 0; background:#fff; border-radius:8px; -webkit-border-radius:8px; padding-bottom:10px;}
.f-p .p-library h1{display:block; padding:24px 0 23px 32px; border-bottom:1px solid #e5e5e5; font-size:18px; color:#434343; font-weight:normal;}
.f-p .p-library h1 var{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:115px; height:34px; margin-right:5px; overflow:hidden; text-indent:-999em; background:url(images/base-sprite.png) no-repeat -785px -84px;}
.f-p .p-library ul{display:block; padding:38px 0 10px 32px;}
.f-p .p-library ul li{ float:left; width:284px; height:213px; margin:0 21px 0 0;}
.f-p .p-library p{display:block; padding:10px 32px; font-size:12px; line-height:23px; color:#434343;}


.j-competition{background:#2c6ed5; height:75px;}
#j-competition{ background:url(images/j-com-bg.jpg) no-repeat center 0;}
.w-slide{width:964px; height:410px; margin:0 auto; position:relative;}
.w-slide ul{display:block; width:100%; height:410px; overflow:hidden;}
.w-slide li{display:block; width:100%; height:410px; position:absolute; top:0; left:0;}
.w-slide li img{display:block; width:100%; height:410px; border:0;}
.w-slide .btn{ width:100%; position:absolute; bottom:7px; left:0; text-align:center;}
.w-slide .btn span{ display:inline-block; *display:inline; *zoom:1;  vertical-align:middle; width:10px; height:10px; margin:0 5px; border-radius:50px; -webkit-border-radius:50px;  background:rgba(255,255,255,0.5);  overflow:hidden;  margin-right:5px; cursor:pointer; }
.w-slide .btn span.current{background:#fff; width:14px; height:14px;}
.j-works{background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-works .p-head{ height:84px;  border-bottom:1px solid #f7f7f7; margin:0 auto;}
.j-works .p-head span{ display:block; width:301px; height:70px; margin:0 auto; background:url(images/base-sprite.png) no-repeat 0 -782px; overflow:hidden;}
.j-works .p-head span a{float:left; width:108px; height:70px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-works .p-head span a:hover,.j-works .p-head span a.on{ background-image:url(images/base-sprite.png);}
.j-works .p-head span a.a1{background-position:0 -708px;}
.j-works .p-head span a.a2{background-position:-193px -708px; margin:0 0 0 85px;}
.j-works .p-head span a.a3{background-position:-388px -708px; margin-right:82px;}
.j-works .p-head span a.a4{background-position:-578px -708px;}
.j-works .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#2c6ed5; position:absolute; bottom:0; left:0;}
.j-works .p-head span a:hover var,.j-works .p-head span a.on var{ width:100%;}
.j-works .p-body .c{ padding:35px 60px 0;}
.j-works .p-body .c .empty{ min-height:150px; _height:150px; text-align:center;}
.j-works .p-body .intro{padding:35px 60px 0;}
.j-works .p-body .r h1{ display:block; width:112px; height:44px; overflow:hidden; background-image:url(images/base-sprite.png); text-indent:-999em;}
.j-works .p-body .g-js h1{background-position:0 -933px;}
.j-works .p-body .g-xs h1{background-position:0 -978px;}
.j-works .p-body .g-fz h1{background-position:0 -1023px;}
.j-works .p-body .g-js{ height:210px; border-bottom:1px solid #eee; padding-bottom:20px; position:relative;}
.j-works .p-body .g-js p{display:block; float:left; width:577px; height:110px; margin-top:20px; line-height:26px; color:#252525; font-size:14px;}
.j-works .p-body .g-js .video{ float:right; width:200px; height:200px; margin-top:-65px;}
.video-box{ width:800px; height:450px;  position:absolute; top:30%; left:50%; margin-left:-400px; z-index:999;}
.video-box span{ display:block; width:26px; height:26px; background:url(images/job-sprite.png) no-repeat -913px -81px; position:absolute; top:4px; right:-26px; text-indent:-999em; cursor:pointer;}
.player{ width:800px; height:450px; margin:5px auto;}

.j-works .p-body .g-xs{border-bottom:1px solid #eee; padding:44px 0 20px;}
.j-works .p-body .c-step{ background:url(images/base-sprite.png) no-repeat 0 -1069px; width:833px; height:191px; margin:48px auto 0;}
.j-works .p-body .g-fz{padding:44px 0 20px;}
.j-works .p-body .g-fz .f-txt{ width:885px; height:262px; margin:0 auto; position:relative;}
.j-works .p-body .g-fz .f-txt p{ display:block; width:260px; height:130px; overflow:hidden;}
.j-works .p-body .g-fz .f-txt p span{ display:block; font-size:14px; padding-bottom:10px; font-weight:normal;}
.j-works .p-body .g-fz .f-txt p span font{ font-size:36px; font-weight:normal;}
.j-works .p-body .g-fz .f-txt p.p1{ position:absolute; top:56px; left:0;}
.j-works .p-body .g-fz .f-txt p.p2{ position:absolute; top:160px; left:0;}
.j-works .p-body .g-fz .f-txt p.p4{ position:absolute; top:80px; right:0;}
.j-works .p-body .g-fz .f-txt p.p3{ width:256px; height:243px; position:absolute; top:0; left:340px;}
.j-works .p-body .g-fz .f-txt p.p4 a{ display:block; width:140px; height:29px; margin-top:5px; background:url(images/base-sprite.png) no-repeat 0 -1264px; overflow:hidden; text-indent:-999em;}
.j-works .p-body .g-fz .f-txt p.p4 a:hover{ background:url(images/base-sprite.png) no-repeat 0 -1292px; }
.j-works .p-body .g-fc{display:block; padding:0 0 40px; margin:0 auto;}
.j-works .p-body .g-fc li{float:left;}
.j-works .p-body .g-fc li a{cursor:default;}
.j-works .p-body .g-fc li span{display:block; text-align:center; font-size:12px; color:#bfbfbf; line-height:36px;}
.j-works .p-body .previous{padding:0 0 0 55px;}
.j-works .p-body .previous .r{ padding-bottom:30px;}
.j-works .p-body .previous dl{ display:block; padding:37px 0 40px; border-bottom:1px solid #eee;}
.j-works .p-body .previous dl dt{float:left;}
.j-works .p-body .previous dd{float:right; width:745px; }
.j-works .p-body .previous dd p{display:block; line-height:22px; font-size:12px; padding:0 53px 28px 0; margin-bottom:28px; border-bottom:1px solid #eee; color:#252525;}
.j-works .p-body .previous dd span.s1{float:left; width:244px;}
.j-works .p-body .previous dd span.s2{float:left; width:470px;}
.j-works .p-body .previous dd span b{display:block; font-size:14px; padding-bottom:20px; color:#2c6ed5; white-space:nowrap;}
.j-works .p-body .previous dd span.s1 ul,.j-works .p-body .previous dd span.s2 ul{ display:block; float:left; line-height:26px; font-size:12px; width:222px; margin:0 auto;}
.j-works .p-body .previous dd span.s2 ul{ margin:0 13px 13px 0;}
.j-works .p-body .previous dd span.s3{ float:left; width:373px;}
.j-works .p-body .previous dd span.s4{ float:left; width:360px;}
.j-works .p-body .previous dd span.s3 ul,.j-works .p-body .previous dd span.s4 ul{ display:block; font-size:12px; line-height:26px; width:372px; margin:0;}
.j-works .p-body .j-act-pic h2{display:block; width:112px; height:44px; text-indent:-999em; margin:0 auto; background:url(images/base-sprite.png) no-repeat -788px 0;}
.j-works .p-body .j-act-pic ul{display:block; margin:10px 0 0;}
.j-works .p-body .j-act-pic ul li{ float:left;}
.j-works .p-body .j-act-pic ul li a{ cursor:default;}
.j-works .p-body .j-act-pic ul li img{ display:block; width:281px; height:187px; border:0; margin:0 6px 7px 0;}

.j-contact{ width:964px; height:620px; margin:24px auto 0; position:relative;}
.j-contact .c-head{ width:303px; height:57px; background:#fff; border-radius:8px; -webkit-border-radius:8px; position:absolute; top:18px; left:20%; z-index:9;}
.j-contact .c-head span{ display:block; width:245px; height:36px; margin:21px auto 0; overflow:hidden;}
.j-contact .c-head span a{float:left; color:#555; width:32px; height:36px; text-align:center; overflow:hidden; cursor:pointer; position:relative;}
.j-contact .c-head span a:link,.j-contact .c-head span a:visited{color:#555;}
.j-contact .c-head span a:hover,.j-contact .c-head span a.on{ color:#e9474b; font-weight:bold;}
.j-contact .c-head span a.a2{margin:0 38px;}
.j-contact .c-head span a.a3{margin-right:38px;}
.j-contact .c-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-contact .c-head span a:hover var,.j-contact .c-head span a.on var{ width:100%;}
.j-contact .c-body .c{ width:303px; position:absolute;  top:90px; left:20%; z-index:8; }
.j-contact .c-body .txt{ width:303px;}
.j-contact .c-body .txt .r1{ width:303px; height:201px; background:rgba(233,71,75,0.9); border-radius:8px; -webkit-border-radius:8px;}
.j-contact .c-body .txt .r1 h1{ display:block; font-size:18px; height:70px; font-weight:bold; color:#fff; padding:33px 10px 0 31px; overflow:hidden;}
.j-contact .c-body .txt .r1 p{ display:block;padding:10px 10px 0 31px; color:#fff; font-size:14px;}
.j-contact .c-body .txt .r1 p var{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:50px; overflow:hidden;}
.j-contact .c-body .txt .r1 p font{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:208px;}

.j-contact .c-body .txt .r2{ width:303px; height:303px; margin:13px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-contact .c-body .txt .r2 dl{display:block; padding:25px 0; margin:0 24px;}
.j-contact .c-body .txt .r2 dl dt{float:left; width:76px; line-height:20px; text-align:left; overflow:hidden;}
.j-contact .c-body .txt .r2 dl dd{float:left; width:180px; text-align:left; font-size:14px;}
.j-contact .c-body .txt .r2 dl dd p{display:block; line-height:23px;}
.j-contact .c-body .txt .r2 dl dd p em{ font-family:"Helvetica";}

.j-contact .c-body .c{ display:none;}
.j-contact .c-body .on{ display:block;}

#map{ height:620px;}

.t-mask{ display:none; width:100%; height:100%; background:#000; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8; position:absolute; top:0; left:0; z-index:1;}
.pop-layer{ display:none; width:900px; position:absolute; top:5%; left:50%; padding:0; margin-left:-450px; z-index:9;} 
.pop-layer a.close{display:block; width:20px; height:20px; cursor:pointer; overflow:hidden; position:absolute; top:10px; right:10px; z-index:2;}
.pop-layer a:hover img{transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}
.pop-layer a.rotate img{transform:rotate(-270deg);-moz-transform:rotate(-270deg); -webkit-transform:rotate(-270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

.pop-layer .p-head{ width:900px; height:421px; position:relative;}
.pop-layer .p-head .g-info{ width:281px; height:215px; position:absolute; top:175px; left:43px; z-index:1;}
.pop-layer .p-head .g-info h1{display:block; font-size:24px; color:#fff;}
.pop-layer .p-head .g-info h1 font{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:12px; padding:3px 10px; margin-left:5px; background:rgba(0,0,0,0.3); border-radius:8px; -webkit-border-radius:8px;}
.pop-layer .p-head .g-info p{display:block; font-size:12px; color:#fff; line-height:23px; padding:13px 0;}
.pop-layer .p-head .g-btn{ width:650px; height:40px;}
.pop-layer .p-head .g-btn a{ float:left; width:130px; height:40px; border-radius:6px; -webkit-border-radius:6px; cursor:pointer; position:relative;}
.pop-layer .p-head .g-btn a b{ display:block; width:130px; height:40px; text-indent:-999em;}
.pop-layer .p-head .g-btn a.down{background:rgba(0,0,0,0.5) url(images/base-sprite.png) no-repeat 6px -333px;margin-right:7px;}
.pop-layer .p-head .g-btn a.down:hover{background:rgba(0,0,0,0.65) url(images/base-sprite.png) no-repeat 6px -368px;}
.pop-layer .p-head .g-btn a.site{background:rgba(0,0,0,0.5) url(images/base-sprite.png) no-repeat -122px -335px;}
.pop-layer .p-head .g-btn a.site:hover{background:rgba(0,0,0,0.65) url(images/base-sprite.png) no-repeat -122px -370px;}

.pop-layer .p-head .g-btn a.ewm{ width:50px; background:rgba(0,0,0,0.5) url(images/base-sprite.png) no-repeat -293px -335px; margin-left:7px;}
.pop-layer .p-head .g-btn a.ewm:hover{background:rgba(0,0,0,0.65) url(images/base-sprite.png) no-repeat -293px -367px;}

.pop-layer .p-head .g-btn em{display:none; width:95px; height:95px; position:absolute; top:-124px; box-shadow:1px 2px 10px rgba(0, 0, 0, 0.5);  background:#fff; padding:5px; border-radius:8px; -webkit-border-radius:8px;}
.pop-layer .p-head .g-btn em.e1{left:15px;}
.pop-layer .p-head .g-btn em.e2{left:-27px;}
.pop-layer .p-head .g-btn em img{ display:block; border:0;width:95px; height:95px;}
.pop-layer .p-head .g-btn em i{display:block; width: 0; height: 0;  border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff; position:absolute; top:105px; left:49px;}


.pop-layer .p-head .luobo-info h1{color:#29a1f8;}
.pop-layer .p-head .luobo-info h1 font{background:#ffa240;}
.pop-layer .p-head .luobo-info p{color:#525451;}
.pop-layer .p-head .luobo-info .g-btn a.down{background:rgba(41,137,211,0.65) url(images/base-sprite.png) no-repeat 0 -333px;margin-right:7px;}
.pop-layer .p-head .luobo-info .g-btn a.down:hover{background:rgba(41,137,211,0.75) url(images/base-sprite.png) no-repeat 0 -368px;}
.pop-layer .p-head .luobo-info .g-btn a.site{background:rgba(41,137,211,0.65) url(images/base-sprite.png) no-repeat -122px -335px;}
.pop-layer .p-head .luobo-info .g-btn a.site:hover{background:rgba(41,137,211,0.75) url(images/base-sprite.png) no-repeat -122px -370px;}



.pop-layer .p-body{ background:#fff;}
.pop-layer .p-body dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.pop-layer .p-body dl{display:inline-block;}
.pop-layer .p-body dl{display:block; padding:65px 0; border-bottom:1px solid #ebebeb;}
.pop-layer .p-body dl.d1 span{float:left; width:368px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d1 p{float:right; width:310px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d1 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d1 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}

.pop-layer .p-body dl.d2 span{float:right; width:485px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d2 p{float:left; width:260px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d2 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d2 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}

.pop-layer .p-body dl.d3 span{float:left; width:471px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d3 p{float:right; width:228px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d3 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d3 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}

.pop-layer .p-body dl.d4{ border-bottom:0;}
.pop-layer .p-body dl.d4 span{float:left; width:368px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d4 p{float:right; width:310px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d4 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d4 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}


.pop-layer .p-foot{ height:100px; padding:0 40px; background:#f5f5f5; border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px;}
.pop-layer .p-foot .f-l{float:left; width:650px; padding-top:30px;}
.pop-layer .p-foot .f-l a{float:left; width:133px; margin-right:45px;}
.pop-layer .p-foot .f-l p{float:left; line-height:20px; color:#a9a9a9;}
.pop-layer .p-foot .f-r{float:right; line-height:20px; color:#a9a9a9;}



.pop-layer .p-foot .f-wx{float:left; width:115px; height:33px; margin:35px 0 0 0; position:relative;}
.pop-layer .p-foot .f-wx a{display:block; width:115px; height:33px; background:url(images/base-sprite.png) no-repeat -238px -264px; text-indent:-999em; cursor:pointer;}
.pop-layer .p-foot .f-wx a:hover{background:url(images/base-sprite.png) no-repeat -238px -299px;}
.pop-layer .p-foot .f-wx em{display:block;}
.pop-layer .p-foot .f-wx em{display:none; width:95px; height:95px; position:absolute; top:-40px; left:120px; background:#fff; padding:3px; border-radius:8px; -webkit-border-radius:8px;}
.pop-layer .p-foot .f-wx em img{ display:block; border:0;width:95px; height:95px;}
.pop-layer .p-foot .wx-show em{display:block;}
.pop-layer .p-foot .f-btn{float:right; width:237px; height:33px; margin:35px 0 0;  overflow:hidden;}
.pop-layer .p-foot .f-btn a{ float:left; width:115px; height:33px; overflow:hidden; text-indent:-999em; cursor:pointer;}
.pop-layer .p-foot .f-btn a.down{background:url(images/base-sprite.png) no-repeat 0 -264px; margin-right:7px;}
.pop-layer .p-foot .f-btn a.down:hover{background:url(images/base-sprite.png) no-repeat 0 -299px;}
.pop-layer .p-foot .f-btn a.site{background:url(images/base-sprite.png) no-repeat -122px -264px;}
.pop-layer .p-foot .f-btn a.site:hover{background:url(images/base-sprite.png) no-repeat -122px -299px;}




/*分页CSS开始*/
.pagination {clear:both;color:#cbcbcb;cursor:default;padding:25px 26px; text-align:right;}
.pagination a,.pagination span.current,.pagination span.disabled,.pagination em{*display:inline-block;margin:0 3px;padding:4px 10px;*line-height:1.2;*vertical-align: middle; background-color:#fff; border:1px solid #eee; border-radius:6px; -webkit-border-radius:6px;}
.pagination a {text-decoration:none;color:#b7b7b7;}
.pagination a:hover,.pagination a.current{text-decoration:none;background-color:#eee; color:#bebebe;}
.pagination span.current {display:inline !important;background-color:#eee; color:#bebebe;cursor:default;}
.pagination a.disabled,.pagination em{color:#999; cursor:default; background-color:#999; border:1px solid #666;}
.pagination input{width:44px;margin:0 5px;padding: 2px 3px;text-align: center;}
/*分页CSS结束*/



 
 
/*footer*/
.footer{ width:100%; margin:20px auto 0; padding:22px 0; line-height:26px; background:#f2f2f2; }
.footer .fy-info,.footer .f-copy{width:964px; margin:0 auto;  padding:20px 0; position:relative;}
.footer .fy-info{border-bottom:1px solid #dedede;}
.footer .fy-info dl{float:left; width:160px;}
.footer .fy-info dl.d6 dt{padding-left:6px;}
.footer .fy-info dl dt{display:block; font-size:14px; color:#999; font-weight:bold; white-space:nowrap;}
.footer .fy-info dl dd{display:block; padding-top:5px;}
.footer .fy-info dl dd a{display:block; color:#999; font-size:12px; height:32px; line-height:32px; position:relative;}
.footer .fy-info dl dd a:link,.footer .fy-info dl dd a:visited{color:#999; text-decoration:none;}
.footer .fy-info dl dd a:hover{color:#ff8300;}
.footer .fy-info dl dd a var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:26px; height:26px; overflow:hidden; background-image:url(images/base-bg.png); background-repeat:no-repeat;}
.footer .fy-info dl dd a var.icon-tel{background-position:0 -248px;}
.footer .fy-info dl dd a var.icon-qq{background-position:0 -278px;}
.footer .fy-info dl dd a var.icon-email{background-position:0 -305px;}
.footer .fy-info .f-gz{float:right; width:160px; height:30px;}
.footer .fy-info .f-gz strong{float:left; line-height:30px; margin-right:10px;}
.footer .fy-info .f-gz a{float:left; width:30px; height:30px; margin-right:5px;  background-repeat:no-repeat; position:relative;}
.footer .fy-info .f-gz a font{ display:block;width:30px; height:30px; text-indent:-999em; background:url(images/blank.gif) no-repeat 0 0;}
.footer .fy-info .f-gz a.icon-xl{ background:url(images/base-bg.png) no-repeat -33px -248px;}
.footer .fy-info .f-gz a.icon-wx{ background:url(images/base-bg.png) no-repeat -71px -248px;}
.footer .fy-info .f-gz a.icon-xl:hover{ background:url(images/base-bg.png) no-repeat -33px -279px;}
.footer .fy-info .f-gz a.icon-wx:hover{ background:url(images/base-bg.png) no-repeat -71px -279px;}
.footer .fy-info .f-gz a.icon-wx em{display:none; width:95px; height:95px; position:absolute; top:33px; left:20px; background:#fff; padding:5px; border-radius:8px; -webkit-border-radius:8px; z-index:9;}
.footer .fy-info .f-gz a.icon-wx img{ display:block; width:95px; height:95px; border:0;}
.footer .fy-info .f-gz a.wx-show em{display:block;}

.footer .f-copy .f-l{float:left; width:650px;}
.footer .f-copy .f-l a{float:left; width:133px; margin-right:15px;}
.footer .f-copy .f-l p{float:left; line-height:20px; color:#a9a9a9;}
.footer .f-copy .f-r{float:right; line-height:20px; color:#a9a9a9;}