@charset "utf-8";
/* CSS Document */
HTML, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, a, address, big, cite, code,del, dfn, em, font, img, q, s, small, strong, b, u, i, dl, dt, dd, ol, ul, li,fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font:12px \5b8b\4f53,Arial,sans-serif;_font-family:"SimSun";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input,textarea{outline-style:none;-webkit-appearance:none;}
table{border-collapse:collapse;}
ol, ul{ list-style: none;}
img{border:none; color:#fff}
.fl{ float:left;}.fr{float:right;}
.cl{clear:both; height:0; font:0/0 Arial; visibility:hidden;}
a{text-decoration:none; color:#003366; bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/}
a:hover{color:#990000; text-decoration:none }
.undis{ display:none}
.dis{ display:block}
body{ background:url(../images/bg.jpg) repeat-x top;}

.w980{ width:980px; margin:0 auto; overflow:hidden}
.c-head{ height:91px; padding:0 28px 0 14px;}
.c-head h1{ margin-top:36px; float:left}
.c-head h1 a{ background:url(../images/logo.png) no-repeat; width:386px; height:55px; display:inline-block}
.c-head ul.menu-tit{ float:right; background:url(../images/titbg.jpg) repeat-x; height:27px; border-top:none; border:#d3d3d3 solid 1px; border-left:none; line-height:27px;}
.c-head ul.menu-tit li{ float:left; color:#b6b6b6; display:inline-block}
.c-head ul.menu-tit li a,.c-head ul.menu-tit li a:hover{ color:#8b2200; padding:0 9px 0; display:inline-block;line-height:27px;}
.c-head ul.menu-tit li a:hover{ color:#ff3e00; text-decoration:none;}
.c-head ul.menu-tit li.menuLb{ border-left:#fff solid 1px; padding-left:10px;}
.c-head ul.menu-tit li.menuRb{ border-right:#fafafa solid 1px; padding-right:10px;}

/*nav*/
.nav{ height:39px; width:975px; margin:0 auto; padding-left:5px; }
.nav ul li{ float:left; color:#fff; font-size:12px; height:34px; line-height:34px; background:url(../images/line2.jpg) no-repeat right 9px; font-family:"微软雅黑"; position:relative; text-align:center; display:inline; }
.nav ul li a{ color:#fff; display:inline-block;font-family:"微软雅黑"; height:32px; padding-top:2px; line-height:34px; position:relative;}
.nav ul li a:hover,.nav ul li a.sel{ color:#8b2200; height:34px; line-height:28px; border:#8b2200 solid 1px; border-bottom:none; position:relative; top:1px;left:-1px;text-decoration:none; display:inline-block; background:#f1f1f1 url(../images/navBg.jpg) repeat-x bottom; position:relative; }
.nav ul li a:hover span,.nav ul li a.sel span{background:#f1f1f1;height:3px; display:inline-block; position:absolute; bottom:-2px; left:0px; z-index:1000}
.nav ul li.nav01,.nav ul li.nav01 a:hover,.nav ul li.nav01 a.sel,.nav ul li.nav01 a:hover span,.nav ul li.nav01 a.sel span{ width:81px; }
.nav ul li.nav02,.nav ul li.nav02 a:hover,.nav ul li.nav02 a.sel,.nav ul li.nav02 a:hover span,.nav ul li.nav02 a.sel span{ width:168px;}
.nav ul li.nav03,.nav ul li.nav03 a:hover,.nav ul li.nav03 a.sel,.nav ul li.nav03 a:hover span,.nav ul li.nav03 a.sel span{ width:131px;}
.nav ul li.nav04,.nav ul li.nav04 a:hover,.nav ul li.nav04 a.sel,.nav ul li.nav04 a:hover span,.nav ul li.nav04 a.sel span{ width:103px;}
.nav ul li.nav05,.nav ul li.nav05 a:hover,.nav ul li.nav05 a.sel,.nav ul li.nav05 a:hover span,.nav ul li.nav05 a.sel span{ width:103px;}
.nav ul li.nav06,.nav ul li.nav06 a:hover,.nav ul li.nav06 a.sel,.nav ul li.nav06 a:hover span,.nav ul li.nav06 a.sel span{ width:103px;}
.nav ul li.nav06{ background:none}

.tit{ padding:0 0 0 8px; font-weight:normal; height:34px; overflow:hidden }
.tit span{ background:url(../images/icon.png) no-repeat 0px 0px; width:17px; height:16px; display:inline-block; margin:8px 9px 0 0; float:left; cursor:pointer}
.tit a{ color:#6d6d6d; background:url(../images/dhbg.jpg) no-repeat 10px 1px; height:32px; line-height:3; display:inline-block; padding-left:35px; }
.tit a:hover{ color:#f60; text-decoration:none}
.banner{ width:980px; height:213px; margin:3px 0 8px 0; }

/*index*/
.indbannerbg{ background:url(../images/indbannerBg.png) no-repeat center bottom; padding-bottom:4px; margin-bottom:10px; margin:0 auto; text-align:center}
.a1{height:300px; margin:0 auto; width:100% }
.a4{display:none;}
.a4 span{ font-weight:bold; float:left; width:62px; height:113px; cursor:pointer; position:absolute; top:256px; z-index:100; }
.a4 span.pre{ background:url(../images/indlbtn.png) no-repeat; left:10px;}
.a4 span.next{ background:url(../images/indrbtn.png) no-repeat; right:10px;}
.a5{ position:relative;height:300px; overflow:hidden; width:100% }
.a6{  width:250000px; position:absolute; left:0px; }
.a6 ul li{ height:300px;float:left; width:100%; }
.a6 ul li img{ }

#left{background:url(../images/indlbtn.png) no-repeat; left:10px;width:62px; height:113px; cursor:pointer; position:absolute; top:256px; z-index:100;}
#right{background:url(../images/indrbtn.png) no-repeat; right:10px;width:62px; height:113px; cursor:pointer; position:absolute; top:256px; z-index:100;}

.newdt,.Product{ float:left; overflow:hidden; width:286px;}
.newdt h2,.Product h2{ background:url(../images/navbg1.jpg) repeat-x; height:23px; width:284px; border-bottom:#bebebe solid 2px; position:relative; border:#d96100 solid 1px; margin-top:11px;}
.newdt h2 img{ position:absolute; left:-3px; top:-9px; z-index:10}
.newdt h2 em,.Product h2 em{ background-color:#bebebe; width:286px; height:2px; position:absolute; bottom:-3px;_bottom:-4px; left:0px;overflow:hidden;}
.newdt h2 a,.newdt h2 a:hover,.Product h2 a,.Product h2 a:hover{ color:#fff; line-height:23px; float:right; margin-right:10px;}
.newdt ul{ margin:17px 0 0 8px;}
.newdt ul li{ border-bottom:#e3e3e3 dashed 1px; height:20px;_height:16px; padding:9px 0 0 0;*padding:7px 0 0 0;_padding:6px 0 0 0;  width:278px;color:#717171}
.newdt ul li span{ width:40px; border-right:#8b2200 solid 1px; height:13px; display:inline-block; color:#8b2200; margin:0 6px 0 0; float:left}
.newdt ul li span i{ width:2px; height:2px; background-color:#5a5a5a; display:inline-block; margin:5px 5px 3px 0; overflow:hidden; float:left }
.newdt ul li a.dtc1{ color:#717171;  width:225px; display:inline-block;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; float:left}
.newdt ul li a.dtc1:hover{color:#8b2200;}
.newdt ul li span  a.dtc,.newdt ul li span  a:hover.dtc{ color:#8b2200;line-height:13px;}

/*Product*/
.Product{ margin:0 9px 0 9px; width:426px; float:left; height:280px;}
.Product h2{ width:424px;}
.Product h2 img{ position:absolute; left:10px; top:-12px; z-index:10}
.Product h2 em{ width:425px;overflow:hidden;}

.bd_expro{clear:both; margin:24px auto 0px;  background:url(../images/productBg.jpg) no-repeat; width:425px; height:194px; display:inline-block; position:relative; }
.bd_expro ul {position:absolute; top:-14px; left:21px;}
.bd_expro ul li{ position:relative; float:left;width:30px; height:203px; overflow:hidden; cursor:pointer}



/*joinUs*/
.joinUs{ float:left;}
.joinUs h2{background:url(../images/navbg2.jpg) repeat-x; height:23px; width:243px;  position:relative; border:#b2b2b2 solid 1px; margin:11px 0 4px;}
.joinUs h2 img{ position:absolute; left:9px; top:-10px;}
.joinUs h2 a,.joinUs h2 a:hover{ color:#525252; float:right; line-height:23px; margin-right:8px;}
.joinUs h2 em{background-color:#dedede; width:243px; height:1px; position:absolute; bottom:-2px; left:0px;overflow:hidden;}
.joinUs h3{ margin:5px 0 0 10px;}
.joinUs h3 a{ color:#828282; font-weight:bold; margin:7px 0 7px; display:inline-block;}
.joinUs h3 a:hover,.joinUs h3 a.JUsel{ color:#ec5a1d;}
.joinUs h3.bdT{ border-top:#cdcdcd solid 1px; width:232px; }
.joinUs p{ width:245px; display:inline-block; padding-left:5px; overflow:hidden; margin:0px;}
.joinUs p a{ color:#777;  margin-right:8px; display:inline-block; float:left; line-height:1.6; white-space:nowrap; letter-spacing:0.1px; }
.joinUs p a i{ width:2px; height:2px; background-color:#777;display:inline-block; margin:0 5px 3px 0;overflow:hidden;}
.joinUs p a:hover{ color:#8b2200; text-decoration:none}
.joinUs p a:hover i{ background-color:#8b2200; }

.bannerR img{ background:url(../images/bannerbg.jpg) no-repeat; width:237px; height:69px; padding:4px; float:left; margin-top:5px; }

/*left*/
.c-left{ width:205px; float:left; margin:0 7px 0 0; display:inline;  top:0px; z-index:1000;}
.c-left h3{ background:url(../images/titbg01.jpg) no-repeat; width:205px; height:35px; text-indent:-999px;}
.c-lef02 h3.titbg{ background:url(../images/titbg02.jpg) no-repeat;}
.c-left .c-left01{ border:#e5e5e5 solid 1px;  background:#f5f7f6; width:183px; height:321px; margin-top:8px; padding:24px 0 0 20px;}
.c-left .c-left01 ul li{ width:117px; height:39px; background:url(../images/line.jpg) no-repeat bottom; text-align:center; line-height:35px; position:relative;}
.c-left .c-left01 ul li a{ color:#535353; line-height:35px;}
.c-left .c-left01 ul li a i{ background:url(../images/icon.png) no-repeat -26px -5px; width:6px; height:11px; display:inline-block; margin-left:137px; position:absolute; right:-20px; top:12px; overflow:hidden}
.c-left .c-left01 ul li a:hover,.c-left .c-left01 ul li a.selL{ color:#fd6d17; text-decoration:none; overflow:hidden}
.c-left .c-left01 ul li a:hover i,.c-left .c-left01 ul li a.selL i{background:url(../images/icon.png) no-repeat -19px -5px; overflow:hidden}

/*zhaopin*/
.c-right{ border:#b4b4b4 solid 1px; width:706px; background:url(../images/cont-bg.jpg) no-repeat right top; float:right; display:inline; margin-top:7px; padding:0 0 50px 60px; position:relative; min-height:400px;height:expression_r(this.scrollHeight>400 ? "400px" ,"auto");}
.c-right .Add{ color:#4a4a4a; line-height:2; padding-top:26px;}
.c-right .Add a{ color:#4a4a4a;}
.c-right .Add a:hover{ color:#a40000;}
.c-right .Add a.ceob{ margin:5px 0 0 0; display:inline-block; background:url(../images/ceobtn3.jpg) no-repeat; width:84px; height:30px; color:#fff; text-align:center; line-height:30px; text-indent:-999; overflow:hidden}
.c-right .Add a:hover.ceob{ background:url(../images/ceobtn2.jpg) no-repeat;}
.c-right .dt{ border:#999 solid 1px; background:#e1e1e1; padding:5px; position:absolute; top:20px; left:40px; z-index:100; width:410px; display:none}
.c-right .dt a{ color:#333; font-weight:bold; float:right; margin-bottom:10px; }
.c-right ul.nav-btn{ clear:both; height:70px;}
.c-right ul.nav-btn li{ float:left;}
.c-right ul.nav-btn li a,.c-right ul.nav-btn li a:hover,.c-right ul.nav-btn li a.selBtn{ background:url(../images/btn.jpg) no-repeat; color:#fff; width:75px; height:26px; display:inline-block; text-align:center; line-height:26px; text-decoration:none; margin:30px 0 14px 0;}
.c-right ul.nav-btn li a.selBtn,.c-right ul.nav-btn li a:hover.mhove,.c-right ul.nav-btn li a:hover.mr{ background:url(../images/btn1.jpg) no-repeat;}
.c-right ul.nav-btn li a.mr,.c-right ul.nav-btn li a#tab1,.c-right ul.nav-btn li a#tab2,.c-right ul.nav-btn li a#tab3,.c-right ul.nav-btn li a#tab4{ margin-right:67px;}
.c-right .rcont{ border:#e0e0e0 solid 1px; background:#f5f7f6 url(../images/line1.jpg) repeat-x 0 0; width:602px; position:relative; padding:20px 0 23px 43px;}
.c-right .rcont em{ width:644px; border-bottom:#b0b0b0 solid 1px; display:inline-block; position:absolute; bottom:0px;_bottom:-1px; left:1px;overflow:hidden;}
.c-right .rcont img{ position:absolute; top:-6px; left:176px;}
.c-right .rcont ul li{ width:549px; border-bottom:#bcbcbc dashed 1px; padding:9px 0; display:inline-block; position:relative}
.c-right .rcont ul li i{background-image:url(../images/jia.jpg); background-repeat:no-repeat;  width:13px; height:13px; display:inline-block; cursor:pointer; position:absolute; left:10px; top:8px; float:left}
.c-right .rcont ul li i.selli{background-image:url(../images/jian.jpg);}
.c-right .rcont ul li span,.c-right .rcont ul li a{ float:left;display:inline-block;}
.c-right .rcont ul li span.li01{ width:84px; padding-left:35px; cursor:pointer}
.c-right .rcont ul li span.li01:hover,.c-right .rcont ul li span.li02:hover{ color:#a40000}
.c-right .rcont ul li span.li02{ width:289px; cursor:pointer}
.c-right .rcont ul li a.li03,.c-right .rcont ul li a:hover.li03{ width:138px; color:#000; float:right;}
.c-right .rcont ul li a:hover.li03{ color:#a40000}
.c-right .rcont ul li .zhz{  text-align:left; padding-left:40px; padding-top:10px; display:inline-block}
.c-right .rcont ul li .zhz p{ line-height:1.8; margin:0px;}
.c-right .rcont ul li .zhz strong{ font-weight:bold; margin-top:8px;display:inline-block; color:#df5c0d}
.c-right p.cl{ overflow:hidden; height:0px; display:none}
.c-right .rcont p.cl{ display:block} 

/*shengming*/
.shmtit{ background:url(../images/line3.jpg) repeat-x; border-left:#b2b2b2 solid 1px;border-right:#b2b2b2 solid 1px; height:26px; position:relative;}
.shmtit img{ position:relative; top:-4px; left:17px; }
.shmCont,.linkCont,.growupC{ width:878px; border:#d8d8d8 solid 1px; padding:43px 55px 26px 45px; position:relative;}
.shmCont h2{ background:url(../images/font.jpg) no-repeat; border-bottom:#d5d5d5 solid 1px; height:37px; margin-bottom:7px;}
.shmCont a,.newCont a.top,.zhpmr a.top{ background:url(../images/icon1.jpg) no-repeat; width:17px; height:25px; display:inline-block; position:absolute; bottom:5px; right:6px;}
.shmCont .shmCont1{ width:870px; margin:0 auto;} 
.shmCont .shmCont1 h3{ font-weight:bold; font-size:14px; color:#595757; margin:25px 0 0 0; display:inline-block}
.shmCont .shmCont1 p{ line-height:2; color:#595757; margin:10px 0 0 0;}


/*jianjie*/
.jj{ border:#c6c6c6 solid 1px; padding:35px 51px 56px 48px; width:667px; float:left; display:inline; margin-top:7px;}
.jj h2{ background:url(../images/font1.jpg) no-repeat; border-bottom:#d5d5d5 solid 1px; height:36px; clear:both; margin-bottom:25px;}
.jj p{ margin-top:10px; line-height:2; color:#535353}
.jj img{ margin:80px 0 0 0; float:right;}

/*jian hu*/
.jh{ border:#c6c6c6 solid 1px; padding:35px 41px 56px 48px;_padding:35px 49px 56px 48px; width:665px; float:left; display:inline; margin-top:7px;}
.jh h2{background:url(../images/font10.jpg) no-repeat; border-bottom:#d5d5d5 solid 1px; height:36px; clear:both; margin-bottom:25px;}
.jh p{ color:#535353; line-height:2.2; margin-top:10px;}
.jh p span{ color:#fd6d17;}
.jh p a,.jh p a:hover{ color:#8b2200}
.jh .jhbg{ width:606px; height:450px; background-color:#f5f7f6; border:#c6c6c6 solid 1px; padding:30px 30px 0;}
.jh .jhbg strong{ color:#fd6d17; font-weight:bold;}
.jh .jhfot{ padding-top:20px;}
.jh .jhfot p{ float:right; text-align:right;}
.jh .jhfot a,.jh .jhfot a:hover{ color:#fd6d17}

.jh h2.lch{background:url(../images/font11.jpg) no-repeat;}
.jh .lchC { padding:20px 0 0 0;}
.jh .lchC .lchCImg{ background-color:#efefef; padding:22px 28px 23px 26px; margin-bottom:66px;}

.jh h2.shq{background:url(../images/font12.jpg) no-repeat;}
.jh p.shqF strong{ color:#fd6d17; font-weight:bold;}

.jh h2.hsh{background:url(../images/font13.jpg) no-repeat; height:35px;}

.jh h2.jk{background:url(../images/font14.jpg) no-repeat; height:35px;}

.jh h2.faq{background:url(../images/font15.jpg) no-repeat; height:35px;}

.jh .faqList{ width:666px; margin:0 auto;}
.jh .faqList li{ border-bottom:#535353 dashed 1px;}
.jh .faqList li .faqtit{ color:#ff7910; margin-bottom:-2px;}
.jh .faqList li p{ line-height:1.5;}

/*link*/
.linkCont{ padding-bottom:36px; margin-top:7px;}
.linkCont h2{background:url(../images/font2.jpg) no-repeat; border-bottom:#d5d5d5 solid 1px; height:38px; margin-bottom:14px;}
.linkCont a{ float:left; width:121px; height:50px; display:inline-block; margin:19px 9px 0;}
.linkCont p{ margin:32px 0 0 19px;}


/*growup*/
.growupC{border:#c6c6c6 solid 1px; padding:16px 42px 46px 45px; width:679px; float:left; display:inline; margin-top:7px;}
.growupC h2.growupCtit1,.growupC h2.growupCtit2{  height:28px;border-bottom:#d5d5d5 solid 1px; margin-top:45px;}
.growupC h2.growupCtit1{background:url(../images/font3.jpg) no-repeat;}
.growupC h2.growupCtit2{background:url(../images/font4.jpg) no-repeat;}
.growupC img{ border:#d5d5d5 solid 1px; margin:28px 18px 0;}

/*Course*/
.Course{ padding:35px 50px 11px 45px;border:#c6c6c6 solid 1px; float:left; display:inline; height:580px; margin-top:7px; width:671px;}
.Course h2{ background:url(../images/font5.jpg) no-repeat; height:35px;border-bottom:#d5d5d5 solid 1px; margin-bottom:17px; }
.Course .Coursebg{ background:url(../images/pic11.jpg) no-repeat; width:666px; height:311px; border:#b4b4b4 solid 1px; position:relative;}
.Course .Coursebg em{ background:url(../images/yinying.jpg) no-repeat; width:667px; height:16px; display:inline-block; position:absolute; left:0px; bottom:-17px;}
.Course .Coursebg a{ display:inline-block;position:absolute;}
.Course .Coursebg a.fzh1{ left:59px; top:208px; width:43px; height:76px; }
.Course .Coursebg a.fzh2{ left:104px; top:164px; width:44px; height:96px; }
.Course .Coursebg a.fzh3{ left:161px; top:183px; width:44px; height:65px;}
.Course .Coursebg a.fzh4{ left:210px; top:129px; width:43px; height:81px;}
.Course .Coursebg a.fzh5{ left:261px; top:102px; width:43px; height:76px;}
.Course .CourseC{ border:#c3c3c3 solid 1px; width:583px;  margin:18px 0 0 0; padding:11px 20px 12px 62px; position:relative; background-color:#f5f7f6}
.Course .CourseC .icon4{ position:absolute; top:-8px; left:71px;}
.Course .CourseC em{ background:url(../images/icon3.jpg) no-repeat; width:54px; height:26px; display:inline-block; position:absolute; top:8px; left:-6px; color:#0f1342; line-height:23px; padding-left:6px;}
.Course .CourseC p{ color:#535353; line-height:2;}

/*contactus*/
.lxustit img{position:relative; top:-3px; left:17px; }
.lxusCont{padding:44px 55px 19px 46px;border:#c6c6c6 solid 1px; float:left; display:inline; margin-top:7px; width:877px;}
.lxusCont h2{background:url(../images/font6.jpg) no-repeat; height:37px;border-bottom:#d5d5d5 solid 1px; margin-bottom:17px;}
.lxusCont .Prompt{ background:url(../images/line4.jpg) no-repeat left bottom; height:27px; color:#6d6d6d}
.lxusCont .lxusfont{ line-height:2.5; color:#4a4a4a;}
.lxusCont .lxusfont a{ position:relative;}
.lxusCont .lxusfont a i{ background:url(../images/djdt.jpg) no-repeat 5px; width:28px; height:31px; display:inline-block; position:absolute; left:8px;}
.lxusCont .lxusfont em{ background:url(../images/map.jpg) no-repeat; width:708px; height:338px; position:relative;display:inline-block;}
.lxusCont .lxusfont em a{ position:absolute; left:322px; top:100px; display:inline-block; width:80px; height:30px;}
.lxusCont .lxusfont img{ border:#b7b7b7 solid 1px;}
.lxusCont .lxusfont a{color:#4a4a4a;}
.lxusCont .lxusfont a:hover{ color:#a40000; text-decoration:none}

/*culture*/
.wh{ border:#d5d5d5 solid 1px; width:978px; position:relative;}
.wh h2{ margin:36px 55px 28px 47px; display:inline-block; background:url(../images/font7.jpg) no-repeat; height:35px;border-bottom:#d5d5d5 solid 1px; width:876px;}
.wh .whC{ width:919px; padding:30px 0 50px 59px; display:inline-block} 
.wh .whC h3{ font-weight:bold; padding:25px 0 0 0; height:15px;  display:inline-block;}
.wh .whC p{ padding:5px 0 0 0; margin:0}

.wh .whC ul li { border:0; background-color: transparent; float:left; display:inline-block; margin:0 10px 10px 0;}
.wh .whC ul a{ display:inline-block; position:relative; z-index:0; text-decoration:none;float:left }
.wh .whC ul a div { position: absolute; top:0; left:0;}
.wh .whC ul a:hover div{ position: absolute; top:0; left:0;}
.wh .whC ul li a .liwhcx01{z-index: 2;transform-style: preserve-3d;backface-visibility: hidden;transition: -webkit-transform .2s linear;backface-visibility: hidden;  -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .3s linear; -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: -moz-transform .3s linear; -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: -moz-transform .3s linear; }
.wh .whC ul li a:hover .liwhcx01{transform: rotateX(180deg);-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); }
.wh .whC ul li a .liwhcx02{ z-index: 1;transform: rotateX(-180deg);transform-style: preserve-3d;backface-visibility: hidden; -webkit-transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .3s linear; -moz-transform: rotateX(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: -moz-transform .3s linear; -o-transform: rotateX(-180deg); -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: -o-transform .3s linear; -ms-transform: rotateX(-180deg); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden; -ms-transition: -ms-transform .5s linear; }
.wh .whC ul li a:hover .liwhcx02{ z-index: 3; zoom: 1;transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); }


.wh .whC ul li a .liwhfx01 { z-index: 2;transform-style: preserve-3d;backface-visibility: hidden;transition: -webkit-transform .2s linear;  -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .2s linear; -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: -moz-transform .2s linear; -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: -moz-transform .2s linear; }
.wh .whC ul li a .liwhfx02 { z-index: 1;transform: rotateY(-180deg);transform-style: preserve-3d; backface-visibility: hidden; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .2s linear; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: -moz-transform .2s linear; -o-transform: rotateY(-180deg); -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: -o-transform .2s linear; -ms-transform: rotateY(-180deg); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden; -ms-transition: -ms-transform .2s linear; }
.wh .whC ul li a:hover .liwhfx01{transform: rotateY(180deg);-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.wh .whC ul li a:hover .liwhfx02 { z-index: 3; zoom: 1;transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }



.wh .whC ul a.liwh01,.wh .whC ul a.liwh02 div,.wh .whC ul a.liwh01-1{ width: 240px; height: 120px; }
.wh .whC ul a.liwh02,.wh .whC ul a.liwh02 div { width: 610px; height: 120px;}
.wh .whC ul a.liwh03,.wh .whC ul a.liwh03 div { width: 400px; height: 120px;}
.wh .whC ul a.liwh04,.wh .whC ul a.liwh04 div{ width:110px; height: 110px; margin:0 10px 10px 0;}
.wh .whC ul a.liwh05,.wh .whC ul a.liwh05 div{ width:120px; height: 110px;}
.wh .whC ul a.liwh06,.wh .whC ul a.liwh06 div{ width:240px; height: 110px; margin-bottom:10px;}
.wh .whC ul a.liwh07,.wh .whC ul a.liwh07 div{ width:240px; height: 100px;}
.wh .whC ul a.liwh08,.wh .whC ul a.liwh08 div{ width:130px; height: 100px; margin-right:10px;}
.wh .whC ul a.liwh09,.wh .whC ul a.liwh09 div{ width:100px; height: 100px;}

.wh .whC ul li .wewh{ width:360px; height:220px; background-color:#fff; margin:-2px 0 0 0;}
.wh .whC ul li .wewh a{ width:179px; height:109px; position:relative; z-index:3}
.wh .whC ul li .wewh a.liwh11{ margin:0 2px 2px 0}
.wh .whC ul li .wewh a.liwh13{ margin:0 2px 0 0}
.wh .whC ul li .whimg{ position:absolute; top:0px; left:0px; z-index:6;}
.wh .whC ul li .wewh{ position:absolute; top:-4px; left:0px; z-index:5;}
.wh .whC ul li .wewh11,.wh .whC ul li .wewh12,.wh .whC ul li .wewh13,.wh .whC ul li .wewh14{background:url(../images/wh10bg.jpg) repeat-y;height:160px; width:360px; color:#fff; font-family:"SimHei"; font-size:30px; line-height:1.3; padding:60px 0 0 0; text-align:center;position:absolute; top:0px; left:0px; z-index:4; display:none}
.wh .whC ul li a{ width:179px; height:109px; display:inline-block}
.wh .whC ul li.liwhc p a.liwh11{ background:url(../images/liwh11.jpg) no-repeat; width:179px; height:109px; display:inline-block}
.wh .whC ul li.liwhc p a:hover.liwh11{ background:url(../images/liwhh11.jpg) no-repeat;width:179px; height:109px; display:inline-block }
.wh .whC ul li a.liwh12{ background:url(../images/liwh12.jpg) no-repeat; }
.wh .whC ul li a:hover.liwh12{ background:url(../images/liwhh12.jpg) no-repeat; }
.wh .whC ul li a.liwh13{ background:url(../images/liwh13.jpg) no-repeat; }
.wh .whC ul li a:hover.liwh13{ background:url(../images/liwhh13.jpg) no-repeat; }
.wh .whC ul li a.liwh14{ background:url(../images/liwh14.jpg) no-repeat; }
.wh .whC ul li a:hover.liwh14{ background:url(../images/liwhh14.jpg) no-repeat; }
.wh .whC ul li.liwhc{width:360px; position:relative;}
.wh .whC ul li.liwhc .close1{ cursor:pointer}
.wh .whC ul li .wewh span em{ display:none; width:22px; height:22px; margin:4px 4px 0 0;float:right; cursor:pointer}
.wh .whC ul li .wewh span.liwhc11{position:absolute; z-index:100;left:0px; top:5px; background:url(../images/liwhc11.jpg) no-repeat;}
.wh .whC ul li .wewh span.liwhc12{position:absolute; z-index:100;right:0px; top:5px; background:url(../images/liwhc12.jpg) no-repeat;}
.wh .whC ul li .wewh span.liwhc13{position:absolute; z-index:100;left:0px; bottom:0px; background:url(../images/liwhc13.jpg) no-repeat;}
.wh .whC ul li .wewh span.liwhc14{position:absolute; z-index:100;right:0px; bottom:0px; background:url(../images/liwhc14.jpg) no-repeat;}


/*road*/
.road{padding:55px 50px 22px 44px;border:#c6c6c6 solid 1px; float:left; display:inline; margin-top:7px; width:671px; position:relative;}
.road .roadicon{ position:absolute; top:135px; right:78px;}
.road h2{ background:url(../images/font8.jpg) no-repeat; height:35px; border-bottom:#d5d5d5 solid 1px;}
.road .roadC{ margin:55px 0 0  75px; padding:0 0 20px 0; color:#535353; display:inline-block; clear:both}
.road .roadC h3{ font-size:25px; color:#535353; font-family:"微软雅黑" ; font-weight:bold; margin-bottom:20px;}
.road .roadC p{line-height:1.8;}
.road .roadl1{ background:url(../images/line5.jpg) no-repeat left bottom;}
.road .roadl2{ background:url(../images/line6.jpg) no-repeat left bottom;}
.road .roadC p strong{ width:3px; height:3px; background-color:#666; display:inline-block; margin:0 5px 4px 0}
.road .roadfont{ text-align:center; padding:26px 0 0 0;}

/*hezuo*/
.hezuoCont{padding:43px 55px 204px 45px;border:#c6c6c6 solid 1px; float:left; display:inline; margin-top:7px; width:878px; position:relative;}
.hezuoCont h2{ background:url(../images/font9.jpg) no-repeat; height:38px; border-bottom:#d5d5d5 solid 1px; margin-bottom:8px;}
.hezuoCont p{ margin-top:35px; line-height:2.1; color:#6d6d6d; text-align:left;}
.hezuoCont p em{ background:url(../images/line7.jpg) no-repeat left bottom; padding-bottom:5px; width:193px; display:inline-block; margin-bottom:3px;}

/*new*/
.newCont{padding:30px 110px 30px 110px;border:#c6c6c6 solid 1px; float:left; display:inline; margin-top:7px; width:758px; position:relative; background:url(../images/line8.jpg) repeat-x top; position:relative}
.newCont h2{ color:#676767; font-weight:600; font-size:24px; text-align:center}
.newCont .time{ background:url(../images/line9.jpg) no-repeat bottom; width:742px; text-align:center; line-height:2; font-size:13px; color:#676767; padding-top:20px;}
.newCont .pcont{ color:#676767; padding:12px 0 12px 0; }
.newCont .pcont em{ color:#676767; float:right;}
.newCont .pcont p{ line-height:1.8;}

.newlist{padding:35px 55px 33px;border:#c6c6c6 solid 1px; float:left; display:inline; margin-top:7px; width:650px; }
.newlist p span{ background:url(../images/newnav2.jpg) no-repeat; width:82px; height:31px; display:inline-block; color:#fff; text-align:center; line-height:26px; margin:0 11px 0 0; cursor:pointer}
.newlist p span.selBtn{background:url(../images/newnav1.jpg) no-repeat; width:82px; height:31px;display:inline-block;  }
.newlist .newlistC{ background-color:#f3f3f3; width:575px; padding:23px 31px 35px 42px; border:#dadada solid 1px; margin-top:7px;}
.newlist .newlistC ul li{width:575px; border-bottom:#bbb dashed 1px; height:42px; line-height:42px; color:#717171; background:url(../images/icon7.jpg) no-repeat 0 18px; padding-left:10px;}
.newlist .newlistC ul li a,.newlist .newlistC ul li a:hover{ color:#717171;line-height:42px;}
.newlist .newlistC ul li a:hover{ color:#8b2200}
.newlist .newlistC ul li span{ float:right;line-height:42px;}
.page{ text-align:center; margin:20px auto;}
.page a.pageBtn,.page a:hover.pageBtn{ background:url(../images/pageBtn.jpg) no-repeat; width:60px; height:26x; text-align:center; line-height:26px; color:#000; display:inline-block; font-weight:500; text-decoration:none;}
.page a{ color:#000; font-size:12px; margin:0 10px 0 0; width:18px; display:inline-block; overflow:hidden}
.page a:hover,.page a.sel{ font-weight:bold; color:#f00; }


/*zhpmr*/
.zhpmr a{ display:inline-block; height:285px;}
.zhpmr a img{ width:502px; margin:0 auto; height:284px; position:absolute; left:132px; top:27px; z-index:1000; }
.zhpmr{border:#c6c6c6 solid 1px; float:left; display:inline; margin-top:7px; width:766px; text-align:center; padding-top:27px; position:relative;}
.zhpmr .zhpbtn{ height:110px; overflow:hidden; text-align:center;}
.zhpmr .zhpbtn a.zhpbtn1 { background:url(../images/zhpbtn1-2.jpg) no-repeat; width:166px; height:50px; margin-right:80px;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/}
.zhpmr .zhpbtn a:hover.zhpbtn1{ background:url(../images/zhpbtn1-1.jpg) no-repeat; width:166px; height:50px;}
.zhpmr .zhpbtn a.zhpbtn2{ background:url(../images/zhpbtn2-2.jpg) no-repeat; width:166px; height:50px; }
.zhpmr .zhpbtn a:hover.zhpbtn2{ background:url(../images/zhpbtn2-1.jpg) no-repeat; width:166px; height:50px;}
.zhpmr .zhpbtn a.zhpbtn1,.zhpmr .zhpbtn a.zhpbtn2{display:inline-block; border:none; margin-top:30px; cursor:pointer}
.zhpmr .zhpbtn a input{ display:none;}
.zhpmr ul{ padding:0 0 0 10px;}
.zhpmr ul.shbp{ padding:0 0 38px 0; display:none}
.zhpmr ul li{ height:200px; text-align:center; width:579px; display:inline-block; padding:38px 28px 0 32px; background-color:#f5f7f6; border:#dfdfdf solid 1px; margin-bottom:10px;}
.zhpmr ul li img{ float:left}
.zhpmr ul li p span{ width:326px; display:inline-block; text-align:left; padding:0 0 7px 6px; color:#535353; line-height:1.4;}
.zhpmr ul li p a.shpbtn{ background:url(../images/btn.jpg) no-repeat; width:75px; height:26px; line-height:26px; display:inline-block; color:#fff; text-align:center; margin:0 10px 0 0;}
.zhpmr ul li p a:hover.shpbtn{ background:url(../images/btn1.jpg) no-repeat; width:75px; height:26px;}
.zhpmr .shmore a{ color:#333; font-size:14px; text-align:center; height:15px; margin-bottom:30px; display:inline-block }
.zhpmr .shmore a:hover{color:#ea3535;}

/*fot*/
.fot{ height:115px; background:#c6c6c6 url(../images/bot-line.jpg) repeat-x; margin-top:100px; padding:22px 0 0 13px; color:#595757}
.fot ul li{ float:left;color:#595757;}
.fot ul li a,.fot ul li span{ color:#595757; display:inline-block; margin:0 17px;}
.fot ul li a:hover{ color:#fff; text-decoration:none;}
.fot ul li a.ml{ margin-left:0px;}
.fot p{ width:950px; line-height:2.5; display:inline-block; float:left}
.fot p a{ float:left; margin-right:6px; cursor:pointer}
.fot p span{ float:left;line-height:2.5; margin-right:37px; display:inline-block; width:600px;}
.indfot{margin-top:0px; }

/*wx*/
.wx{ background:#eeeeee url(../images/wx-botbg.jpg) no-repeat bottom; width:800px; display:inline-block; padding:0 0 30px 0; display:none; z-index:100000; 
left:50%;/*FF IE7*/	top:37%;/*FF IE7*/margin-left:-400px!important;/*FF IE7 该值为本身宽的一半 */margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/	margin-top:0px;	position:fixed!important;/*FF IE7*/	position:absolute;/*IE6*/	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
	document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.wx a,.ceo a.clo{ background:url(../images/wxClose.jpg) no-repeat; width:58px; height:62px; float:right}
.wx h3{ background:url(../images/wxtit.jpg) no-repeat; display:inline-block; margin:29px 0 11px 409px; width:219px; height:27px;}
.wx dl{ padding-left:20px;}
.wx dl dt{ float:left; background:url(../images/wx-line.jpg) no-repeat right; width:220px; display:inline-block; text-align:center; line-height:1.7; }
.wx dl dt p{width:220px;}
.wx dl dt b{ color:#ea3535; font-weight:bold;}
.wx dl dd ul li{ float:left; margin:5px 43px 8px;}

.fla{ display:none; height:346px; z-index:100000; background-color:#fff;
left:43%;/*FF IE7*/	top:37%;/*FF IE7*/margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/	margin-top:0px;	position:fixed!important;/*FF IE7*/	position:absolute;/*IE6*/	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
	document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
.fla a{ background:url(../images/wxclose.png) no-repeat; width:48px; height:48px; position:absolute; top:-24px; right:-24px;z-index:100001;}
.black_overlay{background-color: #000;width: 100%;height: 100%;left:0;top:0;/*FF IE7*/filter:alpha(opacity=70);/*IE*/opacity:0.7;/*FF*/ z-index:10000;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
	document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ display:none}

.ceo{ background:#eeeeee url(../images/wx-botbg.jpg) no-repeat bottom center; width:400px; height:200px; padding:0 0 30px 0; display:none; z-index:100000; 
left:43%;/*FF IE7*/	top:37%;/*FF IE7*/margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/	margin-top:0px;	position:fixed!important;/*FF IE7*/	position:absolute;/*IE6*/	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
	document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.ceo p{ line-height:2.3; margin:50px 0 0 80px; display:inline-block; color:#333;}
.ceo p a.ceobtn{ display:inline-block; margin:5px 0 0 0; background:url(../images/ceobtn4.jpg) no-repeat; width:80px; height:30px; color:#fff; text-align:center; line-height:30px;}

/*product*/
.pr-right{ width:652px; border:#c6c6c6 solid 1px; float:right; padding:50px 57px 0; margin:7px 0 30px 0;}
.pr-right ul li{ width:626px; height:224px; border:#dfdfdf solid 1px; background-color:#f5f7f6;padding:14px 0 0 23px; margin:0 0 60px 0; display:inline-block; position:relative;}
.pr-right ul li .prc{ float:left; width:180px; text-align:left }
.pr-right ul li .prc h2{ float:left; background-color:#0F3}
.pr-right ul li p{ width:290px; color:#535353; float:left; line-height:1.6; padding:50px 0 0 0;white-space:normal;word-break: break-all;table-layout:fixed; overflow:hidden;}
.pr-right ul li p a{ background:url(../images/btn.jpg) no-repeat; width:75px; height:26px; display:inline-block; color:#fff; text-align:center; line-height:26px; margin:10px 0 0 0;}
.pr-right ul li p a:hover{background:url(../images/btn1.jpg) no-repeat; color:#fff;}
.pr-right ul li .pricon1{ padding:8px; border:#ececec solid 1px; background:#fff; position:absolute; bottom:40px;right:14px;}
.pr-right ul li .pricon2{ position:absolute; bottom:30px;right:14px;}
.pr-right ul li span.prli01{  background:url(../images/pricon01.jpg) no-repeat; position:absolute; right:-10px; top:-27px; display:inline-block; width:140px; height:170px;}
.pr-right ul li span.prli02{  background:url(../images/pricon02.jpg) no-repeat; position:absolute; right:-20px; top:-42px; display:inline-block; width:170px; height:175px;}
.pr-right ul li span.prli03{  background:url(../images/pricon03.jpg) no-repeat; position:absolute; right:-51px; top:-46px; display:inline-block; width:190px; height:185px;}
.pr-right ul li span.prli04{  background:url(../images/pricon04.jpg) no-repeat; position:absolute; right:-11px; top:-46px; display:inline-block; width:170px; height:177px;}
.pr-right ul li span.prli05{  background:url(../images/pricon05.jpg) no-repeat; position:absolute; right:-53px; top:-21px; display:inline-block; width:195px; height:185px;}
.pr-right ul li span.prli06{  background:url(../images/pricon06.jpg) no-repeat; position:absolute; right:5px; top:-45px; display:inline-block; width:148px; height:165px;}
.pr-right ul li span.prli07{  background:url(../images/pricon07.png) no-repeat; position:absolute; right:-15px; top:-45px; display:inline-block; width:190px; height:185px;}
.pr-right ul li a.qxbtn,.pr-right ul li a:hover.qxbtn{ background:url(../images/qxbtn.jpg) no-repeat; width:75px; height:26px; display:inline-block; text-align:center; line-height:26px;}