@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0;}

a{ text-decoration:none;

-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

img{ border:none;}

ul,li{ list-style-type:none;}

.f_left{ float:left;}

.f_right{ float:right;}

body{ background-color:#212121; font-family:"微软雅黑";} 

#wrapper{ width:100%; background-color:#212121; min-width:1200px; background:url(../images/bg1.jpg) repeat-x; background-position:top center; overflow:hidden;}

#wrap{ width:100%; min-width:1200px; background:url(../images/bg2.gif) repeat-x; background-position:bottom center; overflow:hidden;}

.wrap{ width:1200px; overflow:hidden; margin:0 auto;}

.top{ width:1200px; height:94px; overflow:hidden; background:url(../images/topbg.jpg) no-repeat;}

.nav{ width:630px; height:20px; margin:45px 0 0 510px; overflow:hidden;}

.navul{ position: relative; height: 20px; width: 630px; background-color:#212121;}

.navul li { float: left;  list-style: none; width:90px; background-color:#212121;}

.navul li.back { background: url(../images/navli.jpg) no-repeat; background-color:#212121; width: 9px; height:20px; z-index: 8; position: absolute;}

.navul li a {font: normal 14px arial; width:90px; height:20px; text-decoration: none; color: #fff; outline: none; text-align: center; text-transform: uppercase; letter-spacing: 0;  z-index: 10; display: block; text-align:center; line-height:20px; float: left;   position: relative; overflow: hidden;}

.navul li a:hover, .navul li a:active, .navul li a:visited { border: none; }   

.navul li a span{ display:none;}

.navul li a:hover span{ display:block; font-size:14px; font-family:"微软雅黑"; color:#fff;}



.banner{ width:1200px; height:372px; overflow:hidden;}     

.main{ width:1200px; overflow:hidden; margin-top:20px;}

.indbox{ width:1200px; overflow:hidden;}

.indbox ul{ width:1300px; display:block; overflow:hidden;}

.indbox li{ width:374px; height:266px; padding:6px; display:block; overflow:hidden; float:left; margin:0 18px 18px 0; display:inline;}

.indbox li .indimg{ width:374px; height:210px; overflow:hidden;}

.indbox li .inddiv{ width:358px; height:48px; overflow:hidden; background-color:#00abcd; padding:4px 8px; }

.indbox li .inddiv a{ display:block; font-size:16px; font-family:Arial, Helvetica, sans-serif;color:#dee4e6;}

.indbox li .inddiv a span{ font-size:20px; color:#dee4e6; font-family:"微软雅黑";}

.indbox li .inddiv a:hover{ color:#fff;}

.indbox li .inddiv a:hover span{ color:#fff;}

.indbox li .inddiv2{ width:358px; height:48px; overflow:hidden; background-color:#00abcd; padding:4px 8px; }

.indbox li .inddiv2 .a1{ width:278px; float:left; display:block; font-size:16px; font-family:Arial, Helvetica, sans-serif;color:#dee4e6;}

.indbox li .inddiv2 .a1 span{ font-size:16px; color:#dee4e6; font-family:"微软雅黑";}

.indbox li .inddiv2 .a1:hover{ color:#fff;}

.indbox li .inddiv2 .a1:hover span{ color:#fff;}

.indbox li .inddiv2 .a2{ width:80px; height:56px; display:block; float:right; text-align:center; line-height:56px; font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif;}



.bd1{ border:1px #5f5f5f solid;}

.bd2{ border:1px #fff solid;} 

.foot{ width:1200px; height:130px; background:url(../images/footbg.jpg) no-repeat;}

.foot1{ width:1200px; height:34px; text-align:center;}

.foot1div{ margin:0 auto; height:30px;width:auto; text-align:center; padding:2px 0;}

.foot1div ul{ padding-left:380px; padding-left: 380px;display: none;}

.foot1div li{ width:28px; height:28px; display:block; float:left; margin:0 30px; display:inline; position:relative;}

.foot1div li .f1div{ width:28px; height:28px; overflow:hidden;}

.foot1div li .f1div a{ width:28px; height:28px; display:block; overflow:hidden;}

.foot1div li .f1div a span{ width:28px; height:28px; display:block; background-color:#212121;}

.foot1div li .f1div a:hover span{ margin-top:-28px;}

.foot1div li .f1div img{ width:28px; height:28px; display:block;}

.foot1div li .fshow{ display:none; position:absolute; z-index:1000; bottom:28px; left:-39px;}

.fshowtop{ width:94px; overflow:hidden; background-color:#2a2a2a; border:1px #bdbdbd solid; border-bottom:none; padding:5px; font-size:12px; color:#fff;}

.fshowtop a{ font-size:12px; color:#fff;}

.fshowbot{ width:106px; height:12px; background:url(../images/fshowbot.png) no-repeat; overflow:hidden;}



.foot2{ width:1200px; overflow:hidden; text-align:center; font-size:12px; color:#dadada; padding:10px 0; line-height:20px;}

.foot2 a{ font-size:14px; color:#e3e3e3; font-family:"微软雅黑";}

.foot2 a:hover{ color:#01abce;}

.foot2 span{ font-size:12px; color:#e3e3e3; padding:0 15px; font-family:"宋体";}

.foot2 .font1{ font-size:11px;}

        

/*内页*/

.nylm{ width:1200px; height:64px;  background-color:#2a2a2a;}

.nylmul{ position: relative; height:49px; margin-top:15px; margin-top:15px; padding-left:20px; background:url(../images/nylmulbg.jpg) repeat-x; float:left;}

.nylmul li { float: left;  list-style: none; width:150px; height:49px; background:url(../images/nylmli.jpg) no-repeat; padding-left:12px;}

.nylmul li.back { background: url(../images/nylmli2.png) no-repeat 10px 0; width: 9px; height:24px; z-index: 8; position: absolute;}

.nylmul li a { font-size:16px; width:126px; height:24px; text-decoration: none; color: #fff; outline: none; text-align: center; text-transform: uppercase; letter-spacing: 0;  z-index: 10; display: block; text-align:center; line-height:22px; float: left;   position: relative; overflow: hidden; }

.nylmul li a:hover, .nylmul li a:active, .nylmul li a:visited { border: none;}   

.nybanner{ width:1186px; height:318px; padding:6px; border:1px #5c5c5c solid; margin-top:10px;}

.nymain{ width:1200px; overflow:hidden; margin-top:30px;}

.aboutcont1{ width:1200px; height:336px; overflow:hidden;}

.aboutcont1div{ width:462px; height:336px; overflow:hidden; float:left; margin-left:35px; display:inline; font-size:14px; color:#e3e3e3; line-height:34px; font-family:"微软雅黑";}

.aboutcont1img{ width:660px; height:318px; padding:8px; border:1px #5c5c5c solid; float:right;}

.aboutbg1{ width:1200px; height:50px; margin:12px 0; background:url(../images/aboutbg1.jpg) no-repeat;}

.aboutbg2{ width:1200px; height:50px; margin:12px 0; background:url(../images/aboutbg2.jpg) no-repeat;}

.aboutcont2{ width:1200px; height:336px; overflow:hidden;}

.aboutcont2img{ width:660px; height:318px; padding:8px; border:1px #5c5c5c solid; float:left;}

.aboutcont2div{ width:462px; height:336px; overflow:hidden; float:left; margin-left:35px; display:inline; font-size:14px; color:#e3e3e3; line-height:40px;} 

.teamlm{ width:1200px; height:26px; overflow:hidden;}

.teamlmul{ width:900px; padding-left:300px; position: relative; height: 26px; display:block; background-color:#2a2a2a;}

.teamlmul li { float: left;  list-style: none; width:74px;}

.teamlmul li.back { background: url(../images/nylmulli.jpg) no-repeat; width: 9px; height:26px; z-index: 8; position: absolute;}

.teamlmul li a {font: normal 14px '微软雅黑'; width:74px; height:26px; text-decoration: none; color: #fff; outline: none; text-align: center; text-transform: uppercase; letter-spacing: 0;  z-index: 10; display: block; text-align:center; line-height:26px; float: left;   position: relative; overflow: hidden; }

.teamlmul li a:hover, .teamlmul li a:active, .teamlmul li a:visited { border: none; }

.jrwlz{ width:1200px; height:40px; border-bottom:1px #2e2e2e solid;}

.jrwlz a{ width:153px; height:38px; display:block; float:right; text-align:center; line-height:40px; font-size:20px; color:#fff; border:1px #5a5a5a solid;}

.jrwlz a:hover{ border:1px #fff solid; background-color:#00abcd;}   

.tdlb{ width:1116px; overflow:hidden;}

.tdlb ul{ width:1116px; overflow:hidden;}

.tdlb li{ width:1116px; padding:25px 0; display:block; border-bottom:1px #2e2e2e solid; overflow:hidden;}

.tdlb li .tdimg{ width:214px; height:194px; padding:5px; border:1px #5c5c5c solid; float:left;}

.tdlb li .tddiv{ width:800px;  overflow:hidden; float:left; margin-left:50px; display:inline;}

.tdlb li .tddiv1{ width:800px; height:50px; overflow:hidden; font-size:20px; color:#00b5f0;}

.tdlb li .tddiv1 a{ font-size:20px; color:#00b5f0;}

.tdlb li .tddiv1 a:hover{ text-decoration:underline;}

.tdlb li .tddiv2{ width:800px; overflow:hidden; font-size:16px; color:#e9e9e9;}

.tdlb li .tddiv3{ width:800px; overflow:hidden; font-size:14px; color:#e0e0e0; line-height:24px; padding-top:6px;}

.tdlb li .tddiv4{ padding-top:15px;}

.tdlb li .tddiv4 a{ font-size:14px; color:#fff;}

.tdlb li .tdzpdiv{ width:640px; padding:10px; overflow:hidden; border:1px #252525 solid; background-color:#21343a; margin:5px 0 0 24px; display:none;}

.tdlb li .tdzpdiv a{ font-size:14px; line-height:24px; color:#fff;}

.tdlb li .tdzpdiv a:hover{ color:#0d849d;}

.fy{ width:1200px; overflow:hidden; margin:10px auto; text-align:center;}

.xwlb{ width:1116px; overflow:hidden;}

.xwlb ul{ width:1116px; overflow:hidden;}

.xwlb li{ width:1116px; height:160px; display:block; padding:24px 0; border-bottom:2px #343434 solid;}

.xwlb li .xwtb{ width:45px; height:160px; overflow:hidden; float:left;}

.xwlb li .xwimg{ width:228px; height:128px; padding:3px; border:1px #5c5c5c solid; float:left; margin-top:24px; display:inline;}

.xwlb li .xwdiv{ width:650px; height:110px; overflow:hidden; float:left; margin:35px 0 0 32px; display:inline;}

.xwlb li .xwdiv1{ width:650px; height:50px; overflow:hidden;}

.xwlb li .xwdiv1 a{ font-size:20px; color:#fff;}

.xwlb li .xwdiv1 a:hover{ color:#00accc}

.xwlb li .xwdiv2{ width:650px; height:60px; font-size:14px; color:#fff; line-height:20px;}

.xwlb li .xwsj{ width:139px; height:30px; background:url(../images/xwsjbg.jpg) no-repeat; float:right; margin-top:35px; display:inline; text-align:center; line-height:30px; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.xwnr{ width:1116px; overflow:hidden;}

.xwnr1{ width:1116px; height:50px;}

.xwnr1_lef{ width:220px; height:50px; float:left; overflow:hidden;}

.xwnr1_lef a{ display:block; float:left; margin-left:60px; display:inline; font-size:14px; color:#9c9c9c;}

.xwnr1_lef a:hover{ color:#fff;}

.xwnr1_rig{ height:50px; float:right; overflow:hidden; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:50px;}

.xwnr1_rig span{ padding-right:8px;}

.xwnr1_rig img{ margin:0 6px;}

.xwnr2{ width:1116px; height:64px; overflow:hidden; border-bottom:1px #343434 solid;}

.xwnr2_lef{ height:64px; background:url(../images/tb8.jpg) no-repeat; padding-left:60px; font-size:20px; color:#fff;  line-height:64px; float:left;}

.xwnr2_rig{ width:139px; height:30px; float:right; margin:16px 16px 0 0; display:inline; text-align:center; line-height:30px; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:url(../images/sjbg2.jpg) no-repeat;}

.xwnr3{ width:940px; overflow:hidden; margin-left:60px; padding:10px 0; font-size:15px; color:#fff; line-height:40px;}

.xwnr3 img{ padding:4px; border:1px #ffffff solid;}

.nylmul2{ position: relative; height:49px; margin-top:15px; margin-top:15px; padding-left:20px; float:left;}

.nylmul2 li { float: left;  list-style: none; width:115px; height:49px; background:url(../images/nylmli3.jpg) no-repeat; }

.nylmul2 li.back { background: url(../images/nylmli4.png) no-repeat 0px 0; width: 9px; height:24px; z-index: 8; position: absolute;}

.nylmul2 li a { font-size:15px; width:101px; height:24px; text-decoration: none; color: #fff; outline: none; text-align: center; text-transform: uppercase; letter-spacing: 0;  z-index: 10; display: block; text-align:center; line-height:22px; float: left;   position: relative; overflow: hidden;}

.nylmul2 li a:hover, .nylmul2 li a:active, .nylmul2 li a:visited { border: none;}

.wkfx{ width:1200px; overflow:hidden; height:50px; overflow:hidden; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:50px; text-align:right;}

.wkfx span{ padding-right:8px;}

.wkfx img{ margin:0 6px;}

.fixed{z-index:1000;}

.wklef{ width:437px; overflow:hidden; float:left; }

.wklef1{ width:437px; overflow:hidden; border-bottom:1px #3e3e3e solid; padding-bottom:30px;}

.wklef1tb{ width:45px; overflow:hidden; float:left;}

.wklef1div{ width:392px; overflow:hidden; float:left;}

.wklef1div .font1{ font-size:22px; color:#fff; padding-top:8px;}

.wklef1div .font2{ font-size:14px; color:#fff; padding-bottom:20px;}

.wklef1div .font3{ font-size:14px; color:#fff; line-height:30px;}

.wklef1div .font4{ width:392px; overflow:hidden; font-size:14px; color:#e3e3e3; line-height:20px;}

.wklef1div .font4 p{ text-indent:2em;}

.wklef2{ width:437px; overflow:hidden; margin-top:30px;}

.wklef2tb{ width:45px; overflow:hidden; float:left;}

.wklef2div{ width:392px; overflow:hidden; float:left;}

.wklef2div1{ width:392px; overflow:hidden; padding-top:8px;}

.wklef2div1 a{ font-size:18px; color:#fff;}

.wklef2div2{ width:392px; overflow:hidden; padding-top:45px; text-align:right;}

.wklef2div2 span{ padding-left:60px;}

.wklef2div2 span a{ font-size:14px; color:#9c9c9c;}

.wklef2div2 span a:hover{ color:#fff;}

.wkrig{ width:736px; overflow:hidden; float:right;}

.wkbox{ width:722px;  overflow:hidden; padding:6px; border:1px #8b8b8b solid; margin-bottom:10px;}

.wkboxdiv{width:722px; overflow:hidden; position:relative;}

.wkboxdiv a{ width:70px; height:70px; display:block; background:url(../images/playBtn1-bg.png) no-repeat; position:absolute; z-index:100; top:45%; left:330px;}

.wkboxdiv a:hover{ background:url(../images/playBtn1-hover-bg.png) no-repeat;}

.wkboxswf{ width:720px; height:460px; overflow:hidden; display:none;}

.hx{ width:736px; overflow:hidden; border-top:1px #3f3f3f solid; font-size:30px; color:#e9e9e9; line-height:60px; margin-top:30px;}

.fwxm{ width:1116px; overflow:hidden;}

.fwxm ul{ width:1116px; overflow:hidden;}

.fwxm li{ width:1116px; padding:35px 0; display:block; overflow:hidden; border-bottom:1px #4b4b4b solid;}

.fwxm li .fwtb{ width:60px; overflow:hidden; float:left;}

.fwxm li .fwdiv{ width:1028px; overflow:hidden; float:right;}

.fwxm li .fwdiv1{ width:995px; overflow:hidden; font-size:14px; color:#e3e3e3; line-height:40px;}

.fwxm li .fwdiv1 a{ font-size:20px; color:#fff;}

.fwxm li .fwmore{ text-align:right; padding-top:20px;}

.fwlc{ width:1120px; overflow:hidden; padding:10px 0; margin:0 auto;}

.fwlc img{ max-width:1120px;}

.hz{ width:1200px; overflow:hidden; margin-top:20px;}

.hz ul{ width:1300px; overflow:hidden;}

.bd3{ border:1px #5a5a5a solid;}

.bd4{ border:1px #fff solid;}

.hz li{ width:185px; height:123px; display:block; float:left; padding:3px; float:left; margin:0 8px 8px 0; display:inline;}

.hz li a{ width:185px; height:123px; display:block;}

.hz li a img{ max-width:185px; max-height:123px;}

.hz li a:hover{ background-color:#00abcd;}

.lxwm{ width:1184px; height:640px; padding:7px; border:1px #686868 solid; background-color:#00abcd}

.lxwmdiv{ width:742px; height:482px; overflow:hidden; margin:80px 0 0 30px; background:url(../images/lxwmbg2.png) no-repeat;}

.lxwmdiv1{ width:340px; height:340px; overflow:hidden; float:left; margin:75px 0 0 35px; display:inline; font-size:14px; color:#fff; line-height:20px;}

.lxwmdiv1 td{ padding:8px 0;}

.lxlj{ width:340px; overflow:hidden;}

.lxlj a{ width:30px; height:30px; display:block; float:left; margin-right:35px; display:inline;}

.lxlj a.a1{ background:url(../images/lxtb1.jpg) no-repeat;}

.lxlj a.a1:hover{ background:url(../images/lxtb11.jpg) no-repeat;}

.lxlj a.a2{ background:url(../images/lxtb2.jpg) no-repeat;}

.lxlj a.a2:hover{ background:url(../images/lxtb22.jpg) no-repeat;}

.lxlj a.a3{ background:url(../images/lxtb3.jpg) no-repeat;}

.lxlj a.a3:hover{ background:url(../images/lxtb33.jpg) no-repeat;}

.lxlj a.a4{ background:url(../images/lxtb4.jpg) no-repeat;}

.lxlj a.a4:hover{ background:url(../images/lxtb44.jpg) no-repeat;}

.lxlj a.a5{ background:url(../images/lxtb5.jpg) no-repeat;}

.lxlj a.a5:hover{ background:url(../images/lxtb55.jpg) no-repeat;}



.lxwmdiv2{ width:300px; overflow:hidden; float:left; margin:75px 0 0 20px; display:inline; font-size:14px; color:#fff; line-height:28px;}

.lx1{ width:300px; overflow:hidden;}

.lx1 a{ width:180px; height:40px; display:block; text-align:center; line-height:40px; background:#e9e9e9; font-size:14px; color:#000; letter-spacing:2px;}

.lx1 a:hover{ background-color:#fff;}

.lx2{ width:300px; height:185px; background-color:#fff; overflow:hidden;}

.txt1{ width:244px; height:34px; border:1px #4d4d4d solid; background-color:#1a3f4a; padding:0 5px; font-size:14px; color:#fff; line-height:34px; vertical-align:top; overflow:hidden;}

.txt2{ width:574px; height:154px; padding:5px; border:1px #4d4d4d solid; background-color:#1a3f4a; overflow:hidden; font-size:14px; color:#fff; line-height:34px;}

.btn1{ width:54px; height:36px; border:1px #4d4d4d solid; background-color:#106b89; text-align:center; line-height:34px; font-size:16px; color:#98b1bd; padding:0 3px; font-family:"微软雅黑"; cursor:pointer;}

.btn2{ width:206px; height:52px; border:1px #fff solid; background-color:#00abcd; font-size:35px; color:#e9e9e9; text-align:center; line-height:42px; cursor:pointer; font-family:"微软雅黑";}



.btn3{ width:180px; height:40px; border:1px #fff solid; background-color:#00abcd; font-size:24px; color:#e9e9e9; text-align:center; cursor:pointer; font-family:"微软雅黑"; margin-top:5px; vertical-align:middle;}



.khly{ width:1200px; overflow:hidden;}

.khlytop{ width:1200px; height:62px; overflow:hidden;}

.khlytop1{ width:43px; height:62px; float:left;}

.khlytop2{ width:187px; height:62px; float:left; background:url(../images/khlytop2.jpg) no-repeat; text-align:center; line-height:50px;}

.khlytop2 span{ font-size:18px; color:#e9e9e9;}

.khlybot{ width:1120px; overflow:hidden; padding:40px; font-size:18px; color:#e9e9e9;}

.khlybot p{ padding:2px 0}

.khlybot span{ font-size:30px; color:#00abcd; padding-left:10px; line-height:36px;}

.job1{ width:1200px; height:336px; overflow:hidden;}

.job1div{ width:430px; height:336px; float:left; margin-left:43px; display:inline; font-size:14px; color:#e3e3e3; line-height:20px;}

.job1img{ width:660px; height:318px; padding:8px; border:1px #5c5c5c solid; float:right;}

.job2{ width:1200px; height:336px; overflow:hidden;}

.job2img{ width:660px; height:318px; padding:8px; border:1px #5c5c5c solid; float:left;}

.job2div{ width:470px; height:336px; overflow:hidden; float:left; margin-left:35px; display:inline; font-size:14px; color:#e3e3e3; line-height:40px;} 

/*.job2div .job2div1{ width:126px; height:24px; overflow:hidden; margin:10px auto; text-align:center; line-height:24px; background:url(../images/jobzwbg.jpg) no-repeat; font-size:18px; color:#e9e9e9;}*/

.job2div .job2div1{ width:470px; height:24px; overflow:hidden; margin:10px auto; text-align:center; }

.job2div .job2div1 span{ height: 24px; padding: 0 10px; display:inline-block; *display:inline; *zoom:1; line-height:24px; font-size:17px; color:#e9e9e9; background-color: #01abce; vertical-align: top;}

.job2div .job2div1 img{ vertical-align: top;}

.job2div .job2div2{ width:460px; height:260px; overflow:hidden; font-size:14px; color:#e3e3e3; line-height:20px;}

.job2div .job2div3{ width:470px; height:24px; text-align:right;}

.job2div .job2div3 a{ font-size:14px; color:#fff;}

.webbanner{ width:1186px; height:150px; padding:6px; border:1px #5c5c5c solid; margin-top:10px;}

.nylm2{ width:1200px; overflow:hidden; margin-top:10px;}

.nylmul3{ width:1140px; overflow:hidden; float:right; }

.nylmul3 li{ width:144px; height:40px; display:block; overflow:hidden; float:left; background:url(../images/nylmli5.jpg) no-repeat;}

.nylmul3 li a{ width:135px; height:21px; display:block; margin:6px 0 0; text-align:center; line-height:20px; font-size:14px; color:#e9e9e9;}

.nylmul3 li .ul3hv{ background:url(../images/nylmli6.png) no-repeat;}

.weblist{ width:1032px; margin:10px auto;}

.weblist ul{ width:1100px; overflow:hidden;}

.weblist li{ width:172px; height:15px; display:block; float:left; margin:0 0 15px 0; display:inline; border-left:2px #525252 solid; text-align:center; line-height:15px; overflow:hidden;}

.weblist li a{ font-size:12px; color:#888;}

.weblist li a:hover{ color:#e9e9e9;}

.weblist li.bdr{ border-right:2px #525252 solid;}



.mainhs{ width:1200px; overflow:hidden; background-color:#2a2a2a; padding-bottom:10px;}

.wztab{ width:1110px; overflow:hidden; margin:25px auto;}

.wzbox{ width:1020px; overflow:hidden; margin-bottom:12px;}

.wzboxtop{ width:1020px; overflow:hidden; height:30px; overflow:hidden;}

.wzboxtop a{ font-size:20px; color:#e9e9e9;}

.wzboxtop a:hover{ color:#fff;}

.wzboxbot{ overflow:hidden; border-bottom:1px #5f5f5f solid; padding-bottom:12px;}

.wzboxbot ul{ overflow:hidden;}

.wzboxbot li{ width:130px; height:16px; display:block; overflow:hidden; float:left; margin:10px 2px 0 12px; display:inline; border-right:1px #fff solid; line-height:16px;}

.wzboxbot li a{ font-size:15px; color:#e9e9e9;}

.wzboxbot li a:hover{ color:#fff;}

.honor{ width:1020px; overflow:hidden;}

.honor ul{ width:1030px; overflow:hidden;}

.honor li{ width:465px; height:260px; display:block; padding:4px; border:1px #5f5f5f solid; float:left; margin:18px 35px 18px 0; display:inline;}

.hide{ display:none;}

.service{ width:1030px; overflow:hidden; margin-left:36px; padding-bottom:20px;}

.ser1{ width:1030px; height:40px; overflow:hidden; margin-top:20px; border-bottom:1px #404040 solid;}

.ser1 a:hover{ background-color:#CCC;}

.ser1 .menu_jia{ width:1030px; height:40px; display:block; font-size:18px; color:#fff; line-height:40px; background:url(../images/xjt.png) no-repeat 100% 85%;}

.ser1 .menu_jian{ width:1030px; height:40px; display:block; font-size:20px; color:#00abcd; line-height:40px; background:url(../images/sjt.png) no-repeat 100% 85%;}

.ser2{ width:1030px; padding:10px 0; overflow:hidden; border-bottom:1px #404040 solid;}

.ser2div{ width:1030px; overflow:hidden; padding:0 0 10px 0; font-size:14px; color:#b4b4b4;}

.ser2div img{ max-width:1000px; padding:5px; border:1px #5f5f5f solid;}





.casesWrapper {

    overflow: hidden;

}     



.caseVideo {

    position: relative;



    width: 720px;



}



.caseVideo img {

    width:720px;

}



.caseVideo .playBtn {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 70px;

    height: 70px;

    margin-top: -35px;

    margin-left: -35px;

    background: url(../images/playBtn1-bg.png) no-repeat left top;

    text-indent: -1000em;

    overflow: hidden;

}    



.caseVideo .playBtn:hover {

    background: url(../images/playBtn1-hover-bg.png) no-repeat left top;    

}



.video-loading {

/*	background: url(images/icon-loading.gif) no-repeat center center #000;   */ 

	background: url(../images/emotion-load.jpg) no-repeat center center;     

	background: url(../images/youku.jpg) no-repeat center center;

}                           



.caseSummary {

    position: absolute;

    top: 30px;

    left: 0;  

    margin-left: 392px; 

    width: 358px;

    height: 204px;

    font-family: "宋体",Arial,sans-serif;

    overflow: hidden;  

}



.caseSummary h3 {

    padding: 4px 0 2px 0;

    font-weight: bold;

    font-size: 16px;   

    font-family: "Microsoft YaHei",Arial,sans-serif;

    color: #626266;

}



.caseSummary h3 a {

    color: #626266;

    text-decoration: none;

}



.caseSummary h3 a:hover {

  text-decoration: underline;

}



.caseSummary .date {

    padding-bottom: 6px; 

    font-weight: bold; 

    font-size: 12px;  

    font-family: "Microsoft YaHei",Arial,sans-serif;

    color: #9f9f9f;  

}



.caseSummary p {

    font-size: 12px;

    line-height: 1.5em;

    color: #626266;

}



.caseSummary .playBtn {

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 6px 9px 6px 36px;  

    background: url(../images/playBtn2-bg.png) no-repeat 3px center;

    font: 13px "Arial Rounded MT Bold","Arial Bold",Arial,sans-serif;

    text-decoration: none;

    color: #333333; 

}



.caseSummary .playBtn:hover {  

    text-decoration: underline;

}



.caseSummary .playBtn-js:hover {

    background-color: transparent;

}



.casesWrapper .dashBottom {

    position: relative;   

}



.casesWrapper .closeBtn {

    display: none;

    position: absolute;

    right: 0;

    bottom: 24px;     

    padding: 6px 0px 6px 36px;

    background: url(../images/playBtn2-bg.png) no-repeat 3px center;

    font: 13px "Arial Rounded MT Bold","Arial Bold",Arial,sans-serif;

    text-decoration: none;

    color: #333333;

    opacity: 0;

} 



.casesWrapper .closeBtn:hover {

    text-decoration: underline;

}



.moreCases {

    padding: 24px 0;

    text-align: right;

}



.blackBtn {

    display: inline-block;

    height: 30px;

    padding: 0px 10px;

    background-color: #000;

    font: 18px/30px Arial,sans-serif;

    text-decoration: none;

    text-align: center;

    color: #fff;

}



.blackBtn-cn {

	padding: 0px 20px;

	font: 16px/28px 'microsoft yahei';

}



.blackBtn:hover {

    background-color: #e60012;

    color: #000;

}



.blackBtn-js:hover {

    background-color: #000; 

    color: #fff;   

}



.aboutWrapper {

    padding-top: 30px;

    font: 12px "宋体",Arial,sans-serif;

    overflow: hidden;

    zoom: 1;

}



.leftCol {

    float: left;

    width: 390px;

}



.rightCol {

    margin-left: 414px;

}







.black_overlay{  display: none;  position:fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%; background:url(../images/overlay.png) repeat;  z-index:100000002; _position:absolute;  _width:1423px;  _height:700px; _margin:0 auto;}  

.white_content{  display: none;  position:fixed; width:600px; height:360px; top:50%; margin-top:-180px; left:50%; margin-left:-300px; background-color:#fff;  z-index:100000003; _width:1440px; _height:700px; overflow:hidden;

animation:white_content 1s;

-webkit-animation:white_content 1s;

-moz-animation:white_content 1s;

-o-animation:white_content 1s;}

@keyframes white_content{

0% { opacity:0;}

90% { opacity:0.9;}

100% { opacity:1;}

}

@-webkit-keyframes white_content{

0% { opacity:0;}

90% { opacity:0.9;}

100% { opacity:1;}

}

@-moz-keyframes white_content{

0% { opacity:0;}

90% { opacity:0.9;}

100% { opacity:1;}

}

@-o-keyframes white_content{

0% { opacity:0;}

90% { opacity:0.9;}

100% { opacity:1;}

}  

.white_content_div{width:600px; height:360px; overflow:hidden; background-color:#fff;}

.over_close{ width:740px; height:22px; text-align:right; padding:30px 1px 0 0;}



.fixed2{ position:relative; z-index:1000001; top:0;}

.newsec{ width:1200px; overflow:hidden; height:30px; position:fixed; top:155px; left:50%; margin-left:-600px; display:none; background-color:#2a2a2a; padding:10px 0;}

.newsec span{ height:25px; display:inline-block; *display:inline; *zoom:1; padding:0 10px; margin-right:10px; margin-left:5px; font-size:14px; color:#fff; cursor:pointer;}

.newsec span:hover{ background-color:#00abcd; border-radius:2px;}

.newsec span.hover{ background-color:#00abcd; border-radius:2px;}