﻿@charset "utf-8";

/* 首页 --------------------------------------------- */



/* 首页大图 ------------ */
#indBanner{width: 100%;clear: both;text-align: center;position: relative; margin:0 auto; height: 700px; min-width: 1200px;}
#indBanner .bd .con{display:none;}
#indBanner .bd .pic img{width:100%;  }
#indBanner .prev,#indBanner .next{ display: none;}
#indBanner .hd { height:6px; overflow:hidden; width:100%; position:absolute; left:0; bottom:160px; text-align:right; font-size:0; }
#indBanner .hd ul { width: 1200px; margin: 0 auto; }
#indBanner .hd li{display:inline-block; *display:inline; zoom:1; cursor: pointer; vertical-align: top; background-color: #fff; vertical-align:top; margin:0 3px; width:70px; height:6px;  transition:0.5s;  }
#indBanner .hd li span{display:none; }
#indBanner .hd .on{ background:#00c75b; }
#indBanner .bd li{ height:700px; min-width: 1200px; }

/* box-help ------------ */
.box-help { position: absolute; bottom: 6px; left: 0; width: 100%; height: 100px; z-index: 2; }
.box-help .icons-font { width: 1200px; margin: 0 auto; height: 100px;}
.box-help .icons-font li { float: left; margin-right: 4px; border-radius: 5px; overflow: hidden; position: relative; }
.box-help .icons-font li.last { margin-right: 0; }
.box-help .icons-font li span { display: block; width: 100%; height: 100px; position: absolute; top: 0; left: 0;  background-color: #3ab888;  border-radius: 5px;
	opacity: 0.7; filter: alpha(opacity=70); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all  0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.box-help .icons-font .li2 span { background-color: #5eadc7; }
.box-help .icons-font .li4 span { background-color: #3a91cf; }
.box-help .icons-font .li6 span { background-color: #e6bb39; }

.box-help .icons-font li:hover span { opacity: 1; filter: alpha(opacity=100); }
.box-help .icons-font li a { display: block; height: 100px; position: relative; z-index: 1; color: #fff; font-size: 20px; line-height: 100px; text-align: center; }

.box-help .icons-font .li1,.box-help .icons-font .li4 { width: 240px; }
.box-help .icons-font .li2,.box-help .icons-font .li3 { width: 200px; }
.box-help .icons-font .li5,.box-help .icons-font .li6 { width: 150px; }
.box-help .icons-font .li5 a,.box-help .icons-font .li6 a { line-height: 30px; }

/* 图标 */
.icons-font i.icon { background: url(../../Base/img/icons.png) no-repeat 0 -276px; display: inline-block; *display: inline; width: 41px; height: 40px; vertical-align: middle; margin-right: 15px;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all  0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
.icons-font li:hover i.icon {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}


.icons-font .li2 i.icon { background-position: 0 -364px; }
.icons-font .li3 i.icon { background-position: 0 -449px; }
.icons-font .li4 i.icon { background-position: 0 -534px; }
.icons-font .li5 i.icon { background-position: 0 -622px; display: block; margin: 15px auto 0; }
.icons-font .li6 i.icon { background-position: 0 -708px; display: block; margin: 15px auto 0; }


/* focusNews ------------ */
#focusNews { width: 450px; height: 300px; float: left; margin-right: 30px;}
.focusBox .bd .pic img { width: 450px; height: 300px;}


/* box-news ------------ */
.box-news { background-color: #f6f6f6; padding: 20px 30px; width: 1140px; float: left;}
.box-news .Thd { margin-bottom: 20px; height: 42px; }
.box-news .Thd h3 { float: left; width: 450px; margin-right: 30px; }
.box-news .Thd h3 a { font-size: 20px; color: #008641; border-bottom: 2px solid #008641; line-height: 40px; display: block; float: left; margin-right: 10px;}
.box-news .Thd .Eng {  color: #a0a0a0; position: relative; top: 8px; }
.box-news .Thd .Eng em { font-size: 18px; margin-right: 5px;}
.box-news .Thd li { float: left; font-size: 16px; padding: 15px 15px 0 0; margin-right: 15px; background: url(../../Base/img/line.png) no-repeat right 26px;}
.box-news .Thd li.last { background: none; margin-right: 0; }
.box-news .Thd li a { color: #666; }
.box-news .Thd li.on a { color: #00893f; }
.box-news .Tbd { clear: both; }
.box-news .Tbd .in { overflow: hidden; }


/* box-block----------------- */
.box-block { overflow: hidden; border: 1px solid #e1e1e1;}
.box-block li { height: 128px; border-bottom: 1px solid #e1e1e1; float: left; border-right: 1px solid #e1e1e1; width: 158px; padding: 10px;}
.box-block li.li2,.box-block li.li4 { border-right: none; width: 169px; }
.box-block li.li3,.box-block li.li4 { border-bottom: none; height: 129px; }
.box-block li.li3 { width: 168px; }
/* .box-block li.li2,.box-block li.li3,.box-block li.li4 { padding: 10px; } */

.box-block h3 { font-size: 15px; }


/* icon */
.box-block .icon { border: 1px solid #dcdcdc; float: left; width: 48px; height: 48px; display: block; background: url(../../Base/img/icons.png) no-repeat 11px -776px; margin-right: 15px;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all  0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
.box-block .li2 .icon { background-position: 12px -920px; }
.box-block .li3 .icon { background-position: 11px -1073px; }
.box-block .li4 .icon { background-position: 12px -1224px; }
.box-block li:hover .icon { -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg); }


.box-block .con { overflow: hidden; }
.box-block .intro { font-size: 12px; color: #999; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 15px; }

/* li1 */
/*
.box-block li.li1 { height: 148px; padding: 0; width: 188px;}
.box-block li.li1 .top { padding: 10px; height: 77px; }
.box-block li.li1 .con-1 { border-top: 1px solid #e1e1e1; height: 50px; line-height: 50px; text-align: center; }
.box-block li.li1 .con-1 span { background: url(../../Base/img/icons.png) no-repeat 0 -1495px; padding-left: 15px; margin: 0 5px;}
*/

.box-block li.li1 .icon {background: url(../../Base/img/icons-yy.png) no-repeat center; }

.box-block a.more { color: #00af55; background: url(../../Base/img/icons.png) no-repeat 70px -1372px; display: block; letter-spacing: 0; 
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all  0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.box-block a.more:hover { letter-spacing: 2px; }



/* 专题专栏----------------- */
.box-special { height: 80px; margin-bottom: 20px; }
.box-special .hd { width: 60px; height: 80px; float: left; background: url(../../Base/img/bg.png) repeat; text-align: center; }
.box-special .hd a { display: block; font-size: 20px; line-height: 26px; color: #fff; padding:12px 10px;}
.box-special .bd { overflow: hidden; border: 1px solid #dadada; border-left: none; height: 64px; padding: 7px 34px; position: relative;} 
.box-special .bd li { float: left; margin-right: 12px; }
.box-special .bd .title { display: none; }
.box-special .bd .pic img { width: 255px; height: 60px; padding: 1px; background-color: #fff; border: 1px solid #dedede; }
.box-special .bd li:hover .pic img { border-color: #00893f; }
.box-special .bd .arrow { display: block; width: 14px; height: 17px; position: absolute; top: 50%; margin-top: -8px; background: url(../../Base/img/icons.png) no-repeat 0 -2136px; cursor: pointer;}
.box-special .bd .next { right: 10px; background-position: 0 -2240px;}
.box-special .bd .prev { left: 10px; }
.box-special .bd .prev:hover { background-position: 0 -2173px; }
.box-special .bd .next:hover { background-position: 0 -2277px; }
.box-special .bd .tempWrap { width: 1072px !important; overflow: hidden; }

/* 图片经过效果 */
.box-special .bd .pic a{ display: block; position: relative;transition: all 200ms ease 0s;overflow: hidden;}
.box-special .bd .pic a:before{content: "";position: absolute;width: 100px;height: 100%;top: 0;left: -100%;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewX(-30deg);-moz-transform: skewX(-30deg);transform: skewX(-30deg);}
.box-special .bd .pic a:hover:before{left: 150%;transition: left 1s ease 0s}