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

.memberNav{height:42px; overflow:hidden; background:#f4f4f4;}
.memberNav li{float:left; height:42px; width:33.33%; overflow:hidden; text-align:center; background:url(../images/bg4.gif) right center no-repeat;}
.memberNav li a{display:block; height:42px; overflow:hidden; line-height:42px;}
.memberNav li a:hover, .memberNav li .aNow{background:#dfdddc; color:#5f5f5f;}

.memberNav2{height:42px; overflow:hidden; background:#f4f4f4;}
.memberNav2 li{float:left; height:42px; width:50%; overflow:hidden; text-align:center; background:url(../images/bg4.gif) right center no-repeat;}
.memberNav2 li a{display:block; height:42px; overflow:hidden; line-height:42px;}
.memberNav2 li a:hover, .memberNav2 li .aNow{background:#dfdddc; color:#5f5f5f;}

.company{ padding:10px;}
.company .content{line-height:20px;}
.history{ padding:10px 0;}
.history li{background:url(../images/History.gif) 40px top repeat-y; min-height:20px; position:relative; padding:10px 0 10px 90px; font-size:12px; line-height:24px; color:#5d5d5d;}
.history .time{position:absolute; left:0px; top:10px; white-space:nowrap;}
.history .content2{ position:relative; line-height:20px;}
.history .content2 img{ padding-left:5px;}
.history .imgDiv{ padding-top:5px;}
.history .imgDiv img{width:100%;}
.history li em{display:block; background:url(../images/ico1.gif) center no-repeat;  width:53px; height:19px; position:absolute; left:31px; top:12px;}
.history .name{color:#ef8200; font-size:16px; padding-bottom:5px;}
.history li.li_01 .time{position:absolute; left:0px; top:50%; white-space:nowrap;}
.history li.li_01 em{ display:block; background:url(../images/ico1.gif) center no-repeat;  width:53px; height:19px; position:absolute; left:31px; top:50%}

.honor{ padding:10px;}
.honor .name{ font-size:14px; color:#f8b500; height:30px; line-height:30px;}
.honor .content{ line-height:24px; padding-bottom:10px;}

.culture{ padding:10px;}
.culture li{ padding:10px 0; background:url(../images/line1.png) repeat-x bottom;}
.culture li p{ font-size:14px; color:#f8b500;}
.culture li .content{ padding:10px 0;} 
.culture li em{ padding-right:25px;}

.advantage{ text-align:center; padding:20px 10%;}
.advantage li{ float:left; width:47.44%; overflow:hidden; margin-right:5%; margin-bottom:5%;}
.advantage li.li_01{ width:47.44%; margin:0 26.28%}
.advantage li a{ display:block; overflow:hidden; text-align:center;  font-size:13px;}
.advantage li img{ width:100%;}

.advantageTech{ padding:10px;}
.advantageTech .content{ line-height:24px;} 
.advantageTech .list{ padding:10px 0;}
.advantageTech .list li{ background:url(../images/ico2.png) no-repeat left 10px; padding-left:15px; line-height:28px;}
.advantageTech .list2 li{ float:left; width:50%;}
.advantageTech .list2 .imgDiv{ padding-right:10px;}
.advantageTech .list2 img{ width:100%;}

.charity{ padding:10px;}
.charity .content{ line-height:24px;}
.charity .title{ font-size:16px; color:#fabf13; height:30px; line-height:30px;}

.charity2{ padding:10px;}
.charity2 .title{ font-size:16px; color:#f8b500; height:40px; padding-bottom:15px;}
.charity2 .content{ line-height:24px;}

.contact{ padding:10px;}
.contact li{ padding-bottom:10px;}
.contact h2{ height:30px; line-height:30px; border-bottom:#a4a4a4 solid 1px; color:#f8b500;}
.contact p{ line-height:24px; padding:10px 0;}
.contact .imgDiv img{ width:100%; border:#e0e0e0 solid 1px;}

.productShow{ padding:20px 10px;}
.productShow font{ background:#f8b500; padding:5px 15px; color:#fff; font-size:14px;}
.productShow .content{ padding:15px 0; line-height:24px;}
.productShow em{ color:#f8b500; font-size:14px;}
.productShow p{ padding:10px 0 20px 0; line-height:24px;}
.productShow .list{ padding:10px 0;}
.productShow .list li{ position:relative; padding-left:25px; padding-bottom:10px; line-height:24px;} 
.productShow .list li span{ width:16px; height:16px; background:url(../images/ico4.png) no-repeat; position:absolute; left:0px; top:5px; color:#fff; text-align:center; line-height:16px;}

.network{ padding:10px;}
.network input{ width:100%; height:50px; text-align:center; border:#b1b2b3 solid 1px; background:#e6e7e9 url(../images/limg27_1.png) no-repeat 40% center; border-radius:8px;
-moz-border-radius:8px;}
.network p{ padding:15px 0;}
.network p b{ color:#f8b500; padding-left:10px;}
.network .title{font-size:14px; height:40px; line-height:40px; cursor:pointer; position:relative; z-index:2; border-bottom:#a4a4a4 solid 1px; padding-left:10px;}
.network .title em{display:block; background:url(../images/ico5.png) center no-repeat; background-size:100%; width:13px; height:13px; position:absolute; top:13px; right:10px;}
.network .content{line-height:2em; text-align:justify; color:#555; padding:10px; position:relative; top:-1px; display:none;  border-bottom:#a4a4a4 solid 1px;}
.network .liNow .title{background:#f1f3f3; color:#000;}
.network .liNow .content{display:block;}

.technologyList{ padding:10px;}
.technologyList li{height:102px; overflow:hidden; position:relative; margin-bottom:10px; padding:0 15px 10px 110px; color:#565656; border-bottom:#cbcbcb solid 1px;}
.technologyList .imgDiv{position:absolute; left:0px; top:7px;}
.technologyList .imgDiv img{width:98px; float:left;}
.technologyList .name{font-size:16px; padding:5px 0 0 0; height:1.5em; height:1.5rem; overflow:hidden;}
.technologyList .name a{color:#000;}
.technologyList .content{padding-top:5px;  overflow:hidden; position:absolute; bottom:10px; line-height:18px;}

.technologyShow{ padding:10px;}
.technologyShow h2{ color:#f8b500; padding:12px 0 7px 0}
.technologyShow .content{ padding:10px 0; line-height:24px;}
.technologyShow .btnDiv{ text-align:right;}
.technologyShow p{ color:#000; font-size:14px; height:30px; background:url(../images/line1.png) repeat-x bottom;}
.technologyShow .list{ padding:15px 0;}
.technologyShow .list li{ padding-left:35px; position:relative; padding-bottom:10px;}
.technologyShow .list li span{ position:absolute; text-align:center; width:16px; height:16px; color:#fff; background:url(../images/ico4.png) no-repeat; top:0px; left:0px;}
.technologyShow .list li .imgDiv{ padding:10px 0;}

.caseList{ padding:10px;}
.caseList li{ margin-bottom:15px; position:relative;}
.caseList li .imgDiv img{ width:100%;}
.caseList li .content{ position:absolute; top:15%; left:0px; width:90%;}
.caseList li .name{ height:40px; line-height:40px; background:url(../images/bg1.png); width:100%; text-indent:10px;}
.caseList li .btnDiv{ width:40px; height:40px; background:#f8b500; text-align:center;  position:absolute; right:0px; top:0px;}

.caseShow{ padding:10px;}
.caseShow h2{ color:#f8b500; height:30px;}
.caseShow .content{ line-height:24px;}
.caseShow .content p{ color:#000; font-size:14px;}
.caseShow .btnDiv{ text-align:right;}

.newShow{ padding:10px;}
.newShow h2{ text-align:center; color:#f8b500; min-height:20px; _height:20px; padding-bottom:10px;}
.newShow .time{ text-align:center; border-bottom:#cbcbcb solid 1px; height:24px;}
.newShow .imgDiv{ padding:10px 0;}
.newShow .imgDiv img{ width:100%;}
.newShow .content{ padding-bottom:20px; line-height:24px;}
.newShow .btnDiv{ text-align:right;}

.exhibitionShow{ padding:10px;}
.exhibitionShow h2{ color:#f8b500; text-align:center; height:30px;}
.exhibitionShow .time{ text-align:center; border-bottom:#cbcbcb solid 1px; height:24px;}
.exhibitionShow .imgDiv{ padding:10px 0;}
.exhibitionShow .imgDiv img{ width:100%;}
.exhibitionShow .content{ padding:10px 0; line-height:24px;}
.exhibitionShow em{ background:#f8b500; padding:5px 15px; color:#fff; font-size:14px;}
.exhibitionShow p{ padding:15px 0;}
.exhibitionShow .btnDiv{ text-align:right;}

.signIn{padding:25px 10px;}
.signIn h2{ font-size:14px; color:#f8b500; height:30px;}
.signIn li{min-height:35px; _height:35px; line-height:35px; padding:0 0 8px 100px; position:relative;}
.signIn li em{position:absolute; left:0px; top:0px; white-space:nowrap; font-size:12px;}
.signIn .input1{width:100%; height:33px; line-height:33px; text-indent:10px; border:#e3e3e3 solid 1px;}
.signIn select{width:100%; height:33px; border:#e3e3e3 solid 1px; color:#888;}
.signIn .btn1{ height:20px; color:#FFF; font-size:12px; background:#f8b500; width:57px; cursor:pointer; margin-right:30px; border-radius:8px;
-moz-border-radius:8px;}
.signIn dd{float:left; white-space:nowrap; width:32%;}
.signIn dd input{float:left; position:relative; top:0px; height:30px;}
.signIn dd.dd_01{ width:100%;}
.signIn p{ color:#f8b500;}

.lybForm{padding:0 10px;}
.lybForm p{padding:10px 0; border-bottom:#cbcbcb solid 1px;}
.lybForm li{min-height:45px; _height:45px; line-height:30px; padding:0 0 0 71px; clear:both; position:relative;}
.lybForm em{position:absolute; left:0px; top:0px; white-space:nowrap; color:#000;}
.lybForm .input1, .lybForm textarea{float:left; width:100%; height:28px; line-height:28px; background:#FFF; border:#e0e0e0 solid 1px; text-indent:10px; position:relative; left:-1px;}
.lybForm textarea{height:87px;}
.lybForm .btn1{height:20px; color:#FFF; font-size:12px; background:#f8b500; width:57px; cursor:pointer; margin-right:30px; border-radius:8px;
-moz-border-radius:8px;}

.lyb{padding:14px;}
.lyb li{background:url(../images/lyb.gif) 6px top repeat-y; padding-bottom:12px;}
.lyb h5{height:26px; line-height:26px; overflow:hidden; background:url(../images/lybIco.png) left center no-repeat; padding-left:25px;}
.lyb .time{color:#999; padding:0 0 10px 25px; background:url(../images/ico7.png) 36px bottom no-repeat;}
.lyb .content{margin-left:25px; line-height:18px; padding:10px; background:#eeeeee;
border-radius:6px;
-moz-border-radius:6px;
}
.lyb .content b{color:#f8b500;}

.product{ padding:10px;}
.product em{ text-align:center; border-bottom:#ffffff solid 1px; height:30px;  display:block; font-size:14px; margin-bottom:10px; color:#fff;}
.product input{ width:100%; height:50px; text-align:center; border:#b1b2b3 solid 1px; background:#e6e7e9 url(../images/limg27_1.png) no-repeat 40% center; border-radius:8px;
-moz-border-radius:8px; background-size:5%}
.product .list{ padding:10px 0;}
.product li{ float:left; width:32.22%; overflow:hidden; margin-right:3px; margin-bottom:3px;}
.product li img{ width:100%; float:left;}

.navLayer{background:#fff; height:0; width:100%; overflow:hidden; position:fixed; z-index:50; left:0; top:100%;}
.navLayer p{ height:34px; line-height:34px; border-bottom:#cfcfd0 solid 1px; font-size:14px;}
.navLayer p a{ color:#000; background:url(../images/ico5.png) no-repeat right center; display:block;}
.navLayer .list{ margin:0 20px;}

.navLayer ul.ul01 li{ border-bottom:#ddddde solid 1px;}
.navLayer ul.ul01 li a{display:block; font-size:14px; color:#444444; height:34px; line-height:34px; position:relative; overflow:hidden; background:url(../images/ico8.png) no-repeat right center;}

.indexBox{  position:relative; width:320px; margin:0 auto;}
.indexBox img{ width:100%}
.indexLink{ position:absolute; left:0px; bottom:0px;  width:100%;}
.indexLink img{ width:100%;}

.indexBox2{ }
.indexBox2 img{ width:100%;}
.indexBox2 .xxx{ position:relative; width:320px; margin:0 auto;}
.indexBox2 .imgDiv{ position:absolute; bottom:0px; right:0px;}
.indexBox2 .imgDiv img{ width:100%;}
.indexBox2 .link1{ position:absolute; bottom:48px; left:0px;}
.indexBox2 .link1 img{ width:100%;}
.indexBox2 .link2{ position:absolute; bottom:11px; left:0px;}
.indexBox2 .link2 img{ width:100%;}
.indexBox2 .link3{ position:absolute; bottom:0px; left:0px;}
.indexBox2 .link3 img{ width:100%;}
.indexBox2 .link4{ position:absolute; bottom:0px; left:0px;}
.indexBox2 .link4 img{ width:100%;}




.indexNav{background:url(../images/indexNav.png) center top no-repeat; height:173px; width:100%; position:fixed; z-index:10; left:0px; bottom:0px; overflow:hidden;}
.indexNav ul{position:relative; top:12px;
    transform: rotate(-35deg) ;
    -webkit-transform: rotate(-35deg) ;
    -moz-transform: rotate(-35deg) ;
    -o-transform: rotate(-35deg) ;
    -ms-transform: rotate(-35deg) ;
}
.indexNav li{padding-bottom:0px;}
.indexNav a{display:block; height:30px;}
.indexNav .li_05{padding-top:5px;}
.indexNav .li_05 a{height:110px;}