@charset "utf-8";*{margin:0px;padding:0px;}
html,body,b,div,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td,div{margin:0px auto;padding:0;font-family: Arial,Helvetica,sans-serif!important;}
ul{list-style-type:none;}
a:link,a:visited{text-decoration:none;font-family: Arial,Helvetica,sans-serif!important;}
a:hover{text-decoration:none;border:0;font-family: Arial,Helvetica,sans-serif!important;}
img{ border:0;}
input,select{-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border:none; outline:none;}

.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.time2{transition:all ease-out .1s 0s;-webkit-transition:all ease-out .1s 0s;-moz-transition:all ease-out .1s 0s;-o-transition:all ease-out .1s 0s;}
.time3{transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;-moz-transition:all ease-out .5s 0s;-o-transition:all ease-out .5s 0s;}

.top{ width:100%; min-width:1200px; height:70px; position:fixed; left:0; top:0; z-index:2147483648;}
.top .left{ width:19%; height:70px; float:left; background:#000;}
.top .logo{ width:120px; height:70px; float:right; background:url(../images/logo.png) no-repeat; margin-right:26px; display:inline;}
.top .right{ width:81%; height:70px; float:left; background:#fff;}
.top .right .menu{ float:left; height:70px;  display:inline;}

.top .right .sss{ width:172px; height:28px; float:left; border:1px #e1e1e1 solid; margin:19px 0 0 25px; display:inline;}
.top .right .wzz{ width:144px; height:28px; float:left; color:#ccc; font-size:12px; text-align:center; line-height:28px;}
.top .right .ann{ width:28px; height:28px; float:right;}

.menu li{ width:105px; float:left; position:relative;}
.menu li .wz{ width:100%; height:70px; float:left; color:#434343; text-align:center; font:14px/70px "Arial";overflow:hidden;}
.menu li:hover .wz{ color:#fff; background:#434343;}
.menu li .about{ position:absolute; left:0; top:70px; width:434px; height:0; background:url(../images/menu_bj.png) repeat; overflow:hidden;}
.menu li:hover .about{ height:210px;}
.menu li .about .sk{ width:155px; float:left; margin:42px 0 0 40px; display:inline;}
.menu li .about .sk .pic,.menu li .about .sk .pic img{ width:155px; height:100px; float:left;}
.menu li .about .sk .m1{ width:100%; height:52px; float:left; font:14px/52px "Arial"; color:#fff; text-align:center;}
.menu li .product{ position:absolute; left:0; top:70px; width:auto; height:0; background:#fff; box-shadow:2px 2px 5px #444; -moz-box-shadow:2px 2px 5px #444; -webkit-box-shadow:2px 2px 5px #444; overflow:hidden;}
.menu li:hover .product{ height:auto;}
.menu li .product .sk{ width:180px; float:left; margin-top:10px; margin-left:9px; display:inline; background:url(../images/menu_bg02.jpg) no-repeat right;}
.menu li .product .sk .pic,.menu li .product .sk .pic img{ width:150px; height:136px; float:left;}
.menu li .product .sk .m1{ width:150px;float:left;height:30px; font:14px/20px "Arial"; color:#333; text-align:center;}
.menu li .service{ position:absolute; right:0; top:70px; width:630px; height:0; background:url(../images/menu_bj.png) repeat; overflow:hidden;}
.menu li:hover .service{ height:210px;}
.menu li .service .sk{ width:155px; float:left; margin:42px 0 0 40px; display:inline;}
.menu li .service .sk .pic,.menu li .service .sk .pic img{ width:155px; height:100px; float:left;}
.menu li .service .sk .m1{ width:100%; height:52px; float:left; font:14px/52px "Arial"; color:#fff; text-align:center;}

.bannar{ width:100%; min-width:1200px; margin-top:70px; display:inline; height:auto; float:left;}
.bannar li{ width:100%; height:auto;}
.fl_ny{ width:100%; min-width:1200px; margin-top:70px; display:inline; height:388px; float:left;}
.fl_ny li{ width:100%; height:388px; float:left;}
.fl_ny_job{ width:100%; min-width:1200px; margin-top:70px; display:inline; height:600px; float:left;}
.fl_ny_job .wz{ width:100%; height:104px; margin-top:250px; display:inline; float:left; text-align:center; font:20px/52px Arial, Helvetica, sans-serif; color:#fff;}
.fl_ny_job .wz span{ font-size:18px; display:block;}

.main{ width:1200px; overflow:hidden;}
.fd{ width:100%; min-width:1200px; float:left; background:#e4e4e4;}
.fd1{ width:100%; min-width:1200px; float:left; background:#f0f0f0;}
.fd2{ width:100%; min-width:1200px; float:left; background:#57c7d3;}

.a_left{ width:840px; height:306px; float:left; background:#f7f7f7; margin-top:44px; display:inline;}
.a_left .a_nr{ width:804px; height:270px; float:left; margin:16px 18px 0; display:inline; position:relative;}
.a_nr .bt{ width:100%; height:40px; float:left; background:#e3e2e2;}
.a_nr .bt .wa{ width:118px; height:40px; float:left; background:#d0cece; margin-right:2px; display:inline; text-align:center; font:14px/40px Arial, Helvetica, sans-serif; color:#666; cursor:pointer; overflow:hidden;}
.a_nr .bt .wa:hover{width:118px; height:40px; float:left; background:#000; margin-right:2px; display:inline; text-align:center; font:14px/40px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer; }

.a_nr .bt .wb{ width:118px; height:40px; float:left; background:#000; margin-right:2px; display:inline; text-align:center; font:14px/40px "Arial"; color:#fff; cursor:pointer; }
.a_nr .bt .more{ float:right; margin-right:10px; display:inline; font:12px/40px "Arial"; color:#666;}
.a_nr .bt .more:hover{text-decoration:underline; color:#000;}
.a_nr .pic{ width:278px; height:202px; float:left; margin-top:22px; display:inline;}
.a_nr .pic img{width:278px; height:202px; float:left;}
.a_nr .a_wz{ width:496px; height:210px; float:right; margin:12px 8px 0 0; display:inline; font:14px/35px "Arial"; color:#555; overflow:hidden;}
.a_list{ width:496px; height:210px; position:absolute; top:52px; right:8px; background:#f7f7f7;}
.a_list .mm1{ width:100%; height:82px; float:left; border-bottom:dotted 1px #ccc;}
.a_list .mm1 .wz1{ width:100%; height:30px; float:left; font:14px/30px "Arial"; color:#555; overflow:hidden;}
.a_list .mm1 .wz2{ width:490px; height:52px; float:left; margin-left:3px; display:inline; font:12px/26px "Arial"; color:#999; overflow:hidden;}
.a_list li{ width:100%; height:41px; float:left; border-bottom:dotted 1px #ccc;}
.a_list li a{ width:100%; height:41px; float:left;}
.a_list li a .wz{ width:80%; float:left; overflow:hidden; font:14px/41px "Arial"; color:#555;}
.a_list li a .date{ width:20%; float:right; overflow:hidden; font:14px/41px "Arial"; color:#999; text-align:right;}
.a_list li a:hover .wz,.a_list li a:hover .date,.a_list .mm1:hover .wz1,.a_list .mm1:hover .wz2{ color:#000;}

.a_right{ width:318px; height:306px; float:right; background:#f7f7f7; margin-top:44px; display:inline;}
.a_right .qq{ width:100%; height:111px; float:left; border-bottom:solid 1px #eaeaea;}
.qq .icon{ width:78px; height:78px; float:left; background:url(../images/qq.jpg); margin:15px 0 0 15px; display:inline;}
.qq .wz{ width:202px; float:right; font:16px/24px "Arial"; color:#333; margin:12px 4px 0 0; display:inline;}
.qq .chat{ width:65px; height:24px; float:left; background:url(../images/qq_chat.png) no-repeat; margin:10px 0 0 20px; display:inline;}
.a_right .wx{ width:100%; height:126px; float:left; border-bottom:solid 1px #eaeaea;}
.wx .icon{ width:92px; height:92px; float:left; background:url(../images/wx.jpg); margin:16px 0 0 10px; display:inline; position:relative;}
.wx .icon .big_icon{ width:0; height:180px; position:absolute; bottom:0; right:92px; overflow:hidden;}
.wx .icon .big_icon img{ width:180px; height:180px; float:left;}
.wx .icon:hover .big_icon{ width:180px;}
.wx .m1{ width:202px; float:right; font:18px/40px "Arial"; color:#e00602; margin:22px 4px 0 0; display:inline;}
.wx .m2{ width:202px; float:right; font:13px/30px "Arial"; color:#333; margin-right:4px; display:inline;}
.a_right .ali,.a_right .ali img{ width:100%; height:65px; float:left;}

.title{ width:1200px; height:50px; float:left; margin-top:32px; display:inline; text-align:center; background:url(../images/in_pro_bt.png) no-repeat; font:28px/50px "Arial"; color:#555;}
.x_list{ width:100%; height:516px; float:left; margin-top:42px; display:inline;}
.x_list .xl1{ width:330px; height:516px; float:left; position:relative;}
.x_list .pic1,.x_list .pic1 img{ width:330px; height:516px; float:left;}
.xl1 .wk{ width:330px; height:516px; background:url(../images/menu_bj.png); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.xl1:hover .wk{ opacity:1; filter:alpha(opacity=100);}
.xl1 .wk .wz1{width:100%;float:left; font:16px/36px "Arial"; color:#fff; text-align:center; margin-top:220px; display:inline;}
.xl1 .wk .wz2{width:106px; height:30px; background:#fff; float:left; font:14px/30px "Arial"; color:#444; text-align:center; margin:10px 112px 0; display:inline;overflow:hidden; }
.r_xl{ width:857px; height:516px; float:right;}
.r_xl .xl2{ width:428px; height:212px; float:left; position:relative;}
.x_list .pic2,.x_list .pic2 img{ width:428px; height:212px; float:left;}
.xl2 .wk{  width:428px; height:212px; background:url(../images/menu_bj.png); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.xl2:hover .wk{ opacity:1; filter:alpha(opacity=100);}
.xl2 .wk .wz1{width:100%;float:left; font:16px/36px "Arial"; color:#fff; text-align:center; margin-top:70px; display:inline;}
.xl2 .wk .wz2{width:106px; height:30px; background:#fff; float:left; font:14px/30px "Arial"; color:#444; text-align:center; margin:10px 161px 0; display:inline; overflow:hidden;}
.r_xl .xl3{ width:416px; height:212px; float:left; margin-left:11px; display:inline; position:relative;}
.x_list .pic3,.x_list .pic3 img{ width:416px; height:212px; float:left;}
.xl3 .wk{ width:416px; height:212px; background:url(../images/menu_bj.png); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.xl3:hover .wk{ opacity:1; filter:alpha(opacity=100);}
.xl3 .wk .wz1{width:100%;float:left; font:16px/36px "Arial"; color:#fff; text-align:center; margin-top:70px; display:inline;}
.xl3 .wk .wz2{width:106px; height:30px; background:#fff; float:left; font:14px/30px "Arial"; color:#444; text-align:center; margin:10px 155px 0; display:inline;overflow:hidden;}
.r_xl .xl4{ width:857px; height:288px; float:left; margin-top:16px; display:inline; position:relative;}
.x_list .pic4,.x_list .pic4 img{ width:857px; height:288px; float:left;}
.xl4 .wk{ width:857px; height:288px; background:url(../images/menu_bj.png); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.xl4:hover .wk{ opacity:1; filter:alpha(opacity=100);}
.xl4 .wk .wz1{width:100%;float:left; font:16px/36px "Arial"; color:#fff; text-align:center; margin-top:100px; display:inline;}
.xl4 .wk .wz2{width:106px; height:30px; background:#fff; float:left; font:14px/30px "Arial"; color:#444; text-align:center; margin:10px 375.5px 0; display:inline;overflow:hidden;}
.xl1 .wk .wz2:hover,.xl2 .wk .wz2:hover,.xl3 .wk .wz2:hover,.xl4 .wk .wz2:hover{ text-decoration:underline; color:#000;overflow:hidden;}

.s_title{ width:100%; float:left; text-align:center; margin-top:26px; display:inline; font:28px/70px "Arial"; color:#555;}
.s_list{ width:100%; float:left; margin-top:50px; display:inline;margin: 0 130px;}
.s_list .lia{ width:212px; height:230px; float:left; margin:0 14px; display:inline; position:relative;}
.s_list .lia .icon{ width:122px; height:122px; margin:0 45px; display:inline; float:left; background:#dcdcdc; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;}
.s_list .lib{ width:212px; height:230px; float:left; margin:0 14px; display:inline; position:relative;}
.s_list .lib .icon{ width:122px; height:122px; margin:0 45px; display:inline; float:left; background:#ca0202; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;}
.s_list .lia .wz1{ width:100%; float:left; margin-top:18px; display:inline; text-align:center; font:18px/30px "Arial"; color:#545454;}
.s_list .lia .wz2{ width:100%; height:52px; overflow:hidden; float:left; text-align:center; font:14px/26px "Arial"; color:#999;}
.s_list .lib .wz1,.s_list .lib .wz2{ display:none;}
.s_list li .more{ width:122px; height:30px; background:#ca0202; text-align:center; font:14px/30px "Arial"; color:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; position:absolute; left:45px; bottom:-30px;}
.s_list li:hover .more{ bottom:50px;}
.s_list .lia .icon .i1{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -80px 0;}
.s_list .lib .icon .i1{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -80px -55px;}
.s_list .lia .icon .i2{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -138px 0;}
.s_list .lib .icon .i2{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -138px -55px;}
.s_list .lia .icon .i3{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -196px 0;}
.s_list .lib .icon .i3{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -196px -55px;}
.s_list .lia .icon .i4{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -254px 0;}
.s_list .lib .icon .i4{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -254px -55px;}
.s_list .lia .icon .i5{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -312px 0;}
.s_list .lib .icon .i5{ width:58px; height:55px; margin:33px 33px 0; display:inline; float:left; background:url(../images/icon.png) no-repeat -312px -55px;}

.ny_title{ width:100%; float:left; text-align:center; margin-top:50px; display:inline;}
.ny_title .w_en{ font:30px/50px "Arial"; color:#0f0f0f; display:block; font-variant:small-caps;}
.ny_title .w_cn{ font:18px/35px "Arial"; color:#333; display:block;}
.line{ width:20px; height:2px; float:left; background:#666; margin:2px 590px 0; display:inline;}

.ny_title .w_en1{ font:30px/50px "Arial"; color:#fff; display:block; font-variant:small-caps;}
.ny_title .w_cn1{ font:18px/35px "Arial"; color:#fff; display:block;}
.line2{ width:20px; height:2px; float:left; background:#fff; margin:2px 590px 0; display:inline;}

.p_list{ width:100%; float:left;}
.p_list li{ width:350px; float:left; margin:50px 25px 0; display:inline; background:#fff;}
.p_list li a{width:350px; float:left;}
.p_list li a .pic,.p_list li a .pic img{ width:350px; height:320px; float:left;}
.p_list li a .mc{ width:100%; height:60px; float:left; text-align:center; font:16px/45px "Arial"; color:#333;}

.n_list{ width:1240px; float:left; margin-top:30px; display:inline;}
.n_list li{ width:276px; height:346px; margin:30px 29.5px 0 0; display:inline; float:left; border:solid 1px #e9e9e9; background:#fff;}
.n_list li:hover{ background:#555;}
.n_list li a{ width:250px; height:346px; margin:12px 13px 0; display:inline; float:left;}
.n_list li a .pic,.n_list li a .pic img{ width:250px; height:180px; float:left;}
.n_list li a .bt{ width:100%; height:30px; float:left; margin-top:5px; display:inline; font:18px/30px "Arial"; color:#333; overflow:hidden; text-overflow:ellipsis;}
.n_list li a .data{ width:100%; height:18px; float:left; font:12px/18px "Arial"; color:#999;}
.n_list li a .nr{ width:100%; height:66px; float:left; margin-top:8px; display:inline; overflow:hidden; text-overflow:ellipsis; font:14px/22px "Arial"; color:#c1c1c1;}
.n_list li:hover .bt,.n_list li:hover .data,.n_list li:hover .nr{ color:#fff;}

.news_t{ width:100%; float:left; margin-top:70px; text-align:center; font:22px/48px "Arial"; color:#000;}
.news_d{ width:100%; font:14px/24px "Arial"; color:#999; text-align:center;}
.news_d a{color:#999;}
.n_nr{ width:1178px; float:left; border:solid 1px #e0dfdf; margin-top:26px; display:inline; background:#fff;}
.n_txt{ width:964px; float:left; margin:44px 107px 0; padding-bottom:50px;display:inline; font:14px/38px "Arial"; color:#555;}

.pj_list{ width:1232px; float:left;}
.pj_list li{ width:276px; float:left; margin:50px 32px 0 0; display:inline; background:#fff;}
.pj_list li a{ width:276px; float:left;}
.pj_list li a .pic,.pj_list li a .pic img{ width:276px; height:190px; float:left;}
.pj_list li a .mc{ width:100%; height:50px; float:left; text-align:center; font:14px/50px "Arial";color:#333;overflow:hidden;}

.a_txt{ width:1110px; float:left; margin:42px 45px 0; display:inline; font:14px/38px "Arial"; color:#666;}

.f_lic{ width:1110px; height:100px; float:left; margin:48px 45px 0; display:inline; position:relative;}
.f_lic .l_jto{ width:18px; height:38px; float:left; background:url(../images/l_jto.png) no-repeat; margin:40px 0 0 2px; display:inline; cursor:pointer;}
.f_lic .r_jto{ width:18px; height:38px; float:right; background:url(../images/r_jto.png) no-repeat; margin:40px 2px 0 0; display:inline; cursor:pointer;}
.f_lic .line1{ width:1024px; height:2px; float:left; background:url(../images/line1.png) no-repeat; margin:58px 0 0 22px; display:inline;}
.f_list{ width:1024px; height:50px; position:absolute; left:42px; top:18px; overflow:hidden;}
.f_list .fla{ width:50px; height:50px; float:left; margin:0 31.5px 0; display:inline;}
.f_list .fla .sj{ width:50px; height:22px; float:left; text-align:center; font:20px/22px "Arial"; color:#333;}
.f_list .fla .poi{ width:14px; height:14px; float:left; margin:14px 18px 0; display:inline; border-radius:50%; background:#333;}
.f_list .flb{ width:50px; height:50px; float:left; margin:0 31.5px 0; display:inline;}
.f_list .flb .sj{ width:50px; height:22px; float:left; text-align:center; font:20px/22px "Arial"; color:#c00500;}
.f_list .flb .poi{ width:14px; height:14px; float:left; margin:14px 18px 0; display:inline;border-radius:50%;background:#c00500;}

.l_list{ width:100%; float:left; margin:32px 45px 0; display:inline;}
.l_list li{width:100%;height:50px;float:left;border-bottom:solid 1px #d9d9d9;list-style:disc inside;line-height:50px;color:#666; overflow:hidden;}
.l_list li span{ font:14px/50px "Arial"; margin-left:30px; display:inline;}

.msg{ width:1110px; float:left; margin:10px 45px 0; display:inline;}
.msg input{ width:100%; height:45px; float:left; background:#525656; font:14px/45px "Arial"; color:#fff; text-indent:18px; margin-top:20px; display:inline;}
.msg .tex{width:98%; height:110px; float:left; background:#525656;margin-top:20px; display:inline;}
.msg .tex textarea{ width:1074px; height:110px; margin-left:18px; display:inline; resize:none; font:14px/45px "Arial"; color:#fff; background:none; border:none;}
.msg .btn{ width:98%; height:70px; float:left; text-align:center; font:14px/70px "Arial"; color:#333; cursor:pointer;margin-top:20px; display:inline; background:#fff;}

.map{ width:100%; min-width:1200px; float:left; position:relative;}
.map .pic,.map .pic img{ width:100%; min-width:1200px; float:left;}
.cont{ width:370px; height:330px; position:absolute; top:15%; left:11.2%; background:#313131;}
.cont .name{ width:332px; height:42px; float:left; margin:15px 19px 0; display:inline; font:16px/42px "Arial"; color:#fff;}
.cont .jian{ width:332px; height:240px; float:left; margin:5px 19px 0; display:inline; font:14px/30px "Arial"; color:#fff; overflow:hidden;}

.j_list{ width:1335px; float:left; margin-top:20px; display:inline;}
.j_list li{ width:300px; height:82px; float:left; margin:35px 145px 0 0; display:inline;}
.j_list li .wa{ width:300px; height:82px; float:left;}
.j_list li .wa .cir{ width:82px; height:82px; float:left; background:#e3e2e2; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;}
.j_list li .wa .wz{ width:204px; float:right; margin-top:18px; display:inline; font:18px/26px "Arial"; color:#555;}
.j_list li .wa .wz span{ font:16px/20px "Arial"; color:#a9a9a9; display:block;}
.j_list li .wb{ width:300px; height:82px; float:left;}
.j_list li .wb .cir{ width:82px; height:82px; float:left; background:#b60500; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;}
.j_list li .wb .wz{ width:204px; float:right; margin-top:18px; display:inline; font:18px/26px "Arial"; color:#b60500;}
.j_list li .wb .wz span{ font:16px/20px "Arial"; color:#a9a9a9; display:block;}
.j_list li .wa .icon1{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon1a.png) no-repeat;}
.j_list li .wb .icon1{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon1b.png) no-repeat;}
.j_list li .wa .icon2{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon2a.png) no-repeat;}
.j_list li .wb .icon2{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon2b.png) no-repeat;}
.j_list li .wa .icon3{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon3a.png) no-repeat;}
.j_list li .wb .icon3{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon3b.png) no-repeat;}
.j_list li .wa .icon4{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon4a.png) no-repeat;}
.j_list li .wb .icon4{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon4b.png) no-repeat;}
.j_list li .wa .icon5{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon5a.png) no-repeat;}
.j_list li .wb .icon5{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon5b.png) no-repeat;}
.j_list li .wa .icon6{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon6a.png) no-repeat;}
.j_list li .wb .icon6{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon6b.png) no-repeat;}
.j_list li .wa .icon7{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon7a.png) no-repeat;}
.j_list li .wb .icon7{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon7b.png) no-repeat;}
.j_list li .wa .icon8{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon8a.png) no-repeat;}
.j_list li .wb .icon8{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon8b.png) no-repeat;}
.j_list li .wa .icon9{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon9a.png) no-repeat;}
.j_list li .wb .icon9{ width:40px; height:40px; float:left; margin:21px; display:inline; background:url(../images/job_icon9b.png) no-repeat;}

.p_nr{ width:1140px; float:left; border:solid 1px #e0dfdf; margin:26px 28px 0; display:inline; background:#fff;}
.p_txt{ width:1024px; float:left; margin:50px 58px 0; padding-bottom:50px;display:inline; font:14px/38px "Arial"; color:#555;}
.p_txt img{ width:100%; max-width:100%; margin:10px 0; display:inline;}

.s_t1{ width:100%; height:60px; float:left; text-align:center; margin-top:48px; display:inline; font:22px/60px "Arial"; color:#0f0f0f;}
.s_ts{ width:100%; float:left; font:16px/35px "Arial"; color:#333; text-align:center;}


.foot_qw{ width:100%; min-width:1200px; height:68px; float:left; background:#222;}
.foot_qw .wq{ display:table; margin:auto;}
.foot_qw .wq .qq{ width:40px; height:40px; float:left; background:url(../images/icon.png) no-repeat 0 0; margin:14px 10px 0; display:inline;}
.foot_qw .wq .wx{ width:40px; height:40px; float:left; background:url(../images/icon.png) no-repeat -40px 0; margin:14px 10px 0; display:inline; position:relative;}
.foot_qw .wq .wx .big_wx{ width:100px; height:0; position:absolute; left:-30px; top:40px; overflow:hidden;}
.foot_qw .wq .wx .big_wx img{ width:100px; height:100px; float:left;}
.foot_qw .wq .wx:hover .big_wx{ height:100px;}
.foot{ width:100%; min-width:1200px; height:165px; float:left; background:#2b2b2b;}
.foot .bq{ width:100%; float:left; margin-top:50px; display:inline; font:14px/35px "Arial"; color:#999; text-align:center;}
.foot .bq a{ color:#999;}
.foot .bq a:hover{ color:#fff;}

.hen{ width:100%; height:46px; float:left; display:block; clear:both;}
.hen1{ width:100%; height:84px; float:left; display:block; clear:both;}
.hen2{ width:100%; height:90px; float:left; display:block; clear:both;}
.hen3{ width:100%; height:60px; float:left; display:block; clear:both;}
.left-flexed {position: fixed;top: 29%;right: 5px;padding: 0 4px;/*width: 75px;*/background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
z-index: 10;padding: 8px 8px;border-radius: 8px;-webkit-border-radius: 8px;}
.shopping a{
    display: block;

}

.shopping a span{display: block;text-align: center;}

.shopping a span img{width: 30px;height: 30px;}

.shopping a span img{
  -webkit-animation: icon-big 0.6s infinite;
  -moz-animation: icon-big 0.6s infinite;
  -o-animation: icon-big 0.6s infinite;
  animation: icon-big 0.6s infinite;
}

.shopping a p{font-size: 8px;color: #000;}

.left-flexed li{
    position: relative;
}

.left-flexed li .erw-box{
    position: absolute;
    right: -286px;
    top: -10px;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);

    transition: all .5s ease;
}

.left-flexed li .erw-box h2{
    font-size: 14px;
    font-weight: inherit;
    text-align: center;
    color: #000;
}

.shopping:hover .erw-box{

  right: 54px;

}



@-webkit-keyframes icon-big {
  0%, 100% {
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }

  25% {
    -moz-transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
  }



  50% {
    -moz-transform: scale(1.07,1.07);
    -ms-transform: scale(1.07,1.07);
    -webkit-transform: scale(1.07,1.07);
    transform: scale(1.07,1.07);
  }

  75% {
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
  }


}