@charset 'sut-8';

.tittle { padding: 40px 0 15px; margin-bottom: 30px; width: 100%; border-bottom: 1px solid #e8e8e8; clear: both;}
.tittle h2 { position: relative; float: left; color: #626262; font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: normal;}
.tittle h2 em { position: relative; margin-right: 8px; color: #000; font-size: 18px;}
.tittle h2:before { content: ""; position: absolute; bottom: -16px; left: 0; width: 222px; height: 2px; background: #02aa47;}
.tittle h2 em:before { content: ""; position: absolute; bottom: -16px; left: 0; width: 100%; height: 2px; background: #626262;}
.tittle a.more { float: right; width: 19px; height: 19px; background: url(../images/icon-1.png) no-repeat; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.tittle a.more:hover {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg); transform: rotate(360deg);}

.i-product-list { position: relative; width: 1000px; margin: 0 auto;}
.i-product-list .tempWrap { width: 1008px !important; overflow: hidden;}
.i-product-list li { float: left; width: 290px; margin-right: 67px;}
.i-product-list li img { border: 1px solid #1d4bb6;}
.i-product-list li .text { margin-bottom: 18px; padding: 23px 0 16px; border-bottom: 1px solid #e1e1e1;}
.i-product-list li .text h3 {color: #1d4bb6; font-size: 18px; line-height: 18px;}
.i-product-list li .text h4 {color: #1d4bb6; font-size: 14px; line-height: 14px; font-weight: normal;}
.i-product-list li .text p { padding-top: 10px; color: #626262; font-size: 12px; line-height: 18px;}
.i-product-list li a.more { display: block; width: 86px; height: 24px; background: url(../images/icon-2.png) no-repeat;}
.i-product-list li:hover a.more { background: url(../images/icon-2-on.png) no-repeat;}
.i-product-list li:hover img { border: 1px solid #02aa47;}
.i-product-list li:hover .text h3,.i-product-list li:hover .text h4 { color: #02aa47;}

.i-product-list a.prev,.i-product-list a.next { position:absolute; left:-33px; top:90px; display:block; width:24px; height:47px; background: url(../images/prev.png) no-repeat; cursor:pointer; }
.i-product-list a.next { right:-38px; left:auto; background: url(../images/next.png) no-repeat; }
.i-product-list a.prev:hover {  background: url(../images/prev-on.png) no-repeat; }
.i-product-list a.next:hover {  background: url(../images/next-on.png) no-repeat; }

.i-case-list { position: relative; width: 1000px; margin: 0 auto;}
.i-case-list .tempWrap { width: 1008px !important; overflow: hidden;}
.i-case-list li { float: left; width: 227px; height: 340px; padding-top: 33px; margin-right: 31px; background: #e8e8e8; text-align: center;}
.i-case-list li .img { display: block; width: 133px; height: 133px; margin: 0 auto}
.i-case-list li h3 { display: table; margin: 0 auto; padding: 23px 0 13px; border-bottom: 1px solid #626262; color: #626262; font-size: 18px; line-height: 18px; font-weight: normal;}
.i-case-list li p { margin: 13px auto 0; width: 183px; height: 77px; color: #626262; font-size: 12px; line-height: 18px;}
.i-case-list li a.more { display: block; margin: 0 auto; width: 79px; height: 22px; border: 1px solid #a2a2a2; color: #02aa47; font-size: 12px; line-height: 22px;}
.i-case-list li:hover { background: #02aa47;}
.i-case-list li:hover a.more { border: 1px solid #fff; color: #fff;}
.i-case-list li:hover h3 { color: #fff; border-bottom: 1px solid #fff;}
.i-case-list li:hover p { color: #fff;}
.i-case-list a.prev,.i-case-list a.next { position:absolute; left:-33px; top:160px; display:block; width:24px; height:47px; background: url(../images/prev.png) no-repeat; cursor:pointer; }
.i-case-list a.next { right:-38px; left:auto; background: url(../images/next.png) no-repeat; }
.i-case-list a.prev:hover {  background: url(../images/prev-on.png) no-repeat; }
.i-case-list a.next:hover {  background: url(../images/next-on.png) no-repeat; }

.main1{ width: 1000px; padding-bottom: 50px; margin: 0 auto; clear: both; overflow: hidden;}
.news { float: left;}
.news .hd{float: right;height: 184px;background: url(../images/hd.png) 0 center no-repeat;}
.news .hd ul{margin-top: 13px;}
.news .hd ul li{z-index: 2; position: relative; cursor: pointer; margin-bottom: 53px;padding-left: 18px;background: url(../images/li.png) 1px center no-repeat;}
.news .hd ul li.on{background: url(../images/li_on.png) 0 center no-repeat;}
.news .hd ul li.on:after{display: none; left: -13px;top: 0px; content: "";background: url(../images/jiao.png) no-repeat;width: 13px;height: 16px; display: block;position: absolute;}
.news .bd{float: right; margin-left: 5px;}
.news .bd ul li{border-radius: 10px; box-shadow: 0 0 5px #d4d4d4; width: 567px;height: 145px;padding: 20px 18px;margin-right: 10px; border: 1px solid #d4d4d4;position: relative; background: #fff;}
.news .bd ul li .news_top{overflow: hidden;}
.news .bd ul li .news_top img {float: left;margin-right: 13px;}
.news .bd ul li .news_top .text { float: left; width: 457px;}
.news .bd ul li .news_top h3 { color: #000; font-size: 17px; font-weight: normal;}
.news .bd ul li .news_top p { padding-top: 10px; height: 47px; color: #626262; font-size: 12px; line-height: 18px; border-bottom: 1px solid #d3d3d3;overflow: hidden;}
.news .bd ul li >a{display: block;line-height: 22px;padding-left: 6px; color: #727272;}
.news .bd ul li >a:hover{color: #02aa47;}
.news .bd ul li >a:before{content: ">";display: inline-block;width: 10px;}
.news .bd ul li .news_top +a,.news .bd ul li .info_top +a{margin-top: 9px;}
.news .bd ul li >a span{float: right;}

.i-video { float: right; width: 282px; height: 181px;}