.container{display:block; margin:50px 30px 0px 30px; }
.container .category{display:block; width:100%; border:1px solid #e1e1e1;padding-top:8px;overflow:hidden;}
.container .category .title{ width:18%; margin-left:0.5%;}
.container .category .con{width:80%; padding-top:8px;}


.container .category .title ul{display:block; width:100%;}
.container .category .title ul li{display:block; width:100%; height:34px;}
.container .category .title ul li a{display:block;height:34px; font-size:13px; padding:0px 5px; border-bottom:1px solid #dadada; line-height:34px; background:url(../images/ar.jpg) no-repeat 97% center; overflow:hidden;}
.container .category .title ul li a:hover{ background:#02479d url(../images/arh.jpg) no-repeat 97% center; color:#fff;}
.container .category .title ul li a.current{ background:#02479d url(../images/arh.jpg) no-repeat 97% center; color:#fff;}
.container .category .title .more{display:block; font-size:13px; color:#02479d; font-weight:bold; padding-left:5px;}

.container .category .con ul{display:none; width:100%;}
.container .category .con ul li{float:left; width:31%; margin-right:2.3%; margin-bottom:15px;}
.container .category .con ul li .pic{float:left; width:50%;}
.container .category .con ul li .pic img{display:block; width:100%;}
.container .category .con ul li .wz{float:right; width:46%;}
.container .category .con ul li .wz .tit{display:block;width:100%;word-wrap:break-word; font-size:13px; line-height:18px; color:#282828; }
.container .category .con ul li .wz .tit:hover{color:#02479d; font-weight:bold; text-decoration:underline; }
.container .category .con ul li .wz .moret{display:block; width:80px; height:18px; line-height:18px; text-align:center; border:1px solid #282828; margin-top:25px;}
.container .category .con ul li .wz .moret:hover{background:#02479d; color:#fff; border:1px solid #02479d;}


.container .madvantage{display:block; width:100%; margin-top:50px; background:url(../images/ag_bg.jpg) repeat-x left top;  }
.container .madvantage .m_in{display:block; padding:50px 50px 0px 50px;}
.container .madvantage .m_in .dl01{float:left; width:36%;}
.container .madvantage .m_in .dl02{float:right; width:36%;}
.container .madvantage .m_in .mid{float:left; width:26%;}
.container .madvantage .m_in .mid img{display:block;width:100%;}
.container .madvantage .m_in dl dt{display:block; height:30px; }
.container .madvantage .m_in dl dt .num{float:left; width:40px; line-height:30px; height:30px; font-size:26px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.container .madvantage .m_in dl dt h4{float:left; height:30px; line-height:30px; background:#02479d; font-size:18px; color:#fff; padding:0px 7px; }
.container .madvantage .m_in dl dd{display:block; font-size:14px; line-height:22px; padding-left:40px; margin-top:20px; }


.container .products{display:block; width:92%; margin:0 auto; margin-top:40px;}
.container .products .title{display:block; height:50px; line-height:50px;}
.container .products .title h4{display:block; line-height:50px; font-size:32px; color:#282828; }
.container .products .title .more{float:right; line-height:50px; text-align:right; font-size:14px; color:#02479d; font-weight:bold; }
.container .products .con{display:block; width:100%; margin-top:12px;}
.container .products .con ul{display:block; width:100%;}
.container .products .con ul li{float:left; width:24%; margin-right:1%; position:relative; z-index:5; left:0; top:0; margin-bottom:16px; }
.container .products .con ul li img{display:block; width:100%;}
.container .products .con ul li .moret{display:block;  font-size:18px; line-height:20px; color:#fff; position:absolute; z-index:9; bottom:0px; left:0px;padding:8px 20% 8px 5%;  }
.container .products .con ul li .black{display:block;width:100%; position:absolute; left:0px; bottom:0px; height:60px; z-index:6; background:url(../images/black.png) repeat-x left bottom;}
.container .products .con ul li .blue{display:block; width:100%; background:url(../images/blue.png) repeat left top; height:3px; position:absolute; z-index:8; bottom:0px; left:0px; transition:all .5s linear 0s; -webkit-transition:all .5s linear 0s; -moz-transition:all .5s linear 0s; -o-transition:all .5s linear 0s;}
.container .products .con ul li:hover .moret{ background:url(../images/arrow.png) no-repeat 97% center; }
.container .products .con ul li:hover .blue{height:60px;  }
.container .products .con ul li:nth-child(1n){margin-right:1.33%;}
.container .products .con ul li:nth-child(2n){margin-right:1.33%;}
.container .products .con ul li:nth-child(3n){margin-right:1.33%;}
.container .products .con ul li:nth-child(4n){margin-right:0%;}

.container .minquiry{display:block; width:100%; margin-top:50px;  background:#02479d; }
.container .minquiry .m_in{display:block; padding:50px 15%;}
.container .minquiry .m_in h2{display:block; height:50px; line-height:50px; font-size:32px; color:#fff; text-align:center; }
.container .minquiry .m_in .tip{display:block; font-size:22px; color:#fff; text-align:center; line-height:24px; }
.container .minquiry .m_in ul{display:block;  margin-top:10px; width:100%;}
.container .minquiry .m_in ul li{float:left; margin-right:1%; }
.container .minquiry .m_in ul li input{background:none; border:none; background:#fff; height:44px; border-radius:4px; }
.container .minquiry .m_in ul li.m_name{width:34%;}
.container .minquiry .m_in ul li.m_name input{padding-left:2%; width:98%;}
.container .minquiry .m_in ul li.m_email{width:32%;}
.container .minquiry .m_in ul li.m_email input{padding-left:2%; width:98%;}
.container .minquiry .m_in ul li.m_phone{width:30%; margin-right:0%; }
.container .minquiry .m_in ul li.m_phone input{padding-left:2%; width:98%;}

.container .minquiry .m_in ul li.m_code{width:24%;}
.container .minquiry .m_in ul li.m_code input{width:38%; padding-left:2%;float:left; }
.container .minquiry .m_in ul li.m_code .zcode{margin-left:5px; float:left; padding:6px 0px; background:#fff;}
.container .minquiry .m_in ul li.m_btn{width:10%; }
.container .minquiry .m_in ul li.m_btn input{width:100%; font-size:16px; color:#02479d; text-align:center; cursor:pointer;}
.container .minquiry .m_in ul li.textarea{float:left; width:46%; margin-right:2%;}
.container .minquiry .m_in ul li.textarea textarea{display:block; background:none; border:none; background:#fff; width:98%; padding-left:2%;height:44px; border-radius:4px; font-family:Candara,Arial, Helvetica, sans-serif; line-height:44px;}

.container .minquiry .m_in .tel{display:block; width:100%; height:30px; font-size:24px; color:#fff; text-align:center; margin-top:25px; }
.container .minquiry .m_in .tel .code{font-size:24px; font-family:Arial, Helvetica, sans-serif; }

.container .about{display:block; width:100%; margin-top:50px; }
.container .about h2{display:block; height:50px; line-height:50px; font-size:32px; color:#282828; text-align:center; }
.container .about .con{display:block; width:92%; margin:0 auto; font-size:17px; line-height:24px; text-align:center; margin-top:20px;}
.container .about .con a{font-size:17px; line-height:24px;  color:#02479d; font-weight:bold; }
.container .about .con a:hover{text-decoration:underline; }


.container .news{display:block; width:100%; margin-top:50px; }
.container .news .title{display:block; height:50px; line-height:50px;}
.container .news .title h4{display:block; height:50px; line-height:50px;  font-size:32px; color:#282828; }
.container .news .title .more{float:right; line-height:50px; font-size:14px; text-align:right; font-weight:bold; color:#02479d; }
.container .news .con{display:block; width:100%; margin-top:10px; }
.container .news .con ul{display:block; width:100%; }
.container .news .con ul li{float:left; width:46%; padding:1%;  margin-right:2%; background:#f6f6f6; }
.container .news .con ul li .pic{width:40%;}
.container .news .con ul li .pic img{display:block; width:100%;}
.container .news .con ul li .wz{width:56%; padding-top:12px; }
.container .news .con ul li .wz .time{font-size:15px; color:#282828; font-family:Arial, Helvetica, sans-serif;}
.container .news .con ul li .wz .tit{display:block; font-size:21px; color:#282828; line-height:22px; margin-top:35px; }
.container .news .con ul li .wz .tit:hover{color:#02479d; text-decoration:underline; }
.container .news .con ul li:nth-child(1n){width:47%;}
.container .news .con ul li:nth-child(2n){float:right; width:47%; margin-right:0%; }