@charset "utf-8";
/* CSS Document */
.banner{width: 1200px;height: 270px;overflow: hidden;}
.boxe{height:270px;width:1200px;margin: 0 auto;position: relative;}
.imgbox a { display:block;height:270px;width:1200px}


.main1 { height:300px; margin-top:20px; border:1px $e4e4e4 solid; overflow:hidden;}
#banner { position: relative; width: 440px; height: 300px; overflow: hidden; }
#banner_list img { border: 0px; }
#banner_bg { position: absolute; bottom: 0; background-color: #000; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; z-index: 1000; cursor: pointer; width: 440px; }
#banner_info { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer }
#banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }
#banner ul { position: absolute; list-style-type: none; z-index: 1002; margin: 0; padding: 0; bottom: 5px; right: 3px; }
#banner ul li { padding: 2px 7px; margin-right:5px; font-size:12px; float: left; border-radius:2px; display: block; font-weight:bold; color: #333; background: #d6d6d6; cursor: pointer; }
#banner ul li.on { background-color: #ffd117; color:#a8491b;}
#banner_list a { position: absolute; }

.main-news { width:390px; height:300px; margin:0 15px;}
/**新闻**/
.tab-rank{width:100%;}
.tab-rank .hd{height:38px;line-height:38px;border-bottom:2px #48a43f solid; background-color:#f6f6f6;}
.tab-rank .hd h3{float:left;width:130px;overflow:hidden;text-align:center; font-size:16px; font-weight:normal; text-decoration:none;}
.tab-rank .hd h3 a{color:#333; font-size:16px;}
.tab-rank .hd span a{color:#333; font-size:12px; float:right; padding-right:10px; color:#666;}
.tab-rank .hd h3.on{background-color:#48a43f;height:38px;}
.tab-rank .hd h3.on a{display:block;color:#ffffff; font-size:16px; font-weight:normal; text-decoration:none;}
.tab-rank .bd{clear:both;}
.tab-rank .bd ul{padding-top:10px;}
.tab-rank .bd ul li { width:100%; height:31px;}
.ulList li em {
  height:31px;
  width:10px;
  margin-right:5px;
  display:block;
  float:left;
  display:block;
  line-height:30px;
  font-size: 12px;
  color:#999;
  font-style: normal;
}
.tab-rank .bd ul li span { width:50px; height:31px; display:block; float:left; line-height:30px; color:#999;}
.tab-rank .bd ul li a { width:315px; height:31px; display:block; line-height:31px; overflow:hidden; float:left;}

/**业务体系**/
.main-yw { width:340px; height:300px;}
.main-yw .yw-title { height:40px; width:100%;}
.main-yw .yw-title span { font-size:22px; color:#27a230; line-height:40px; padding-right:10px;}
.main-yw .yw-title font { font-size:14px; color:#CCC;}
.main-yw dl { width:100%; height:80px; position:relative;}
.main-yw dl:nth-child(2) { background-color:#5d9ed6;}
.main-yw dl:nth-child(3) { background-color:#ea9431; margin:10px auto;}
.main-yw dl:nth-child(4) { background-color:#27a230;}
.main-yw dl dt { width:100px; height:80px; float:left; display:block; font-size:46px; line-height:80px; text-align:center;  font-family: "iconfont" !important;  color:#fff;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; background:rgba(255,255,255,.1);}
.main-yw dl dd { width:240px; height:80px; display:block; float:left;}
.main-yw dl dd p { padding:10px;}
.main-yw dl dd p { line-height:22px; color:#fff;}
.main-yw dl dd p strong { display:block; font-size:16px; font-weight:lighter;}
.main-yw dl a { position:absolute;opacity:0; filter:alpha(opacity=0); }
.main-yw dl:hover a { text-align:center; line-height:80px; text-decoration:none; color:#fff;opacity:1; filter:alpha(opacity=100); position:absolute; right:0; top:0; display:block; width:100px; height:80px; float:right;animation:myfirst 1s;-moz-animation:myfirst 1s; /* Firefox */-webkit-animation:myfirst 1s; /* Safari and Chrome */-o-animation:myfirst 2s; /* Opera */ background:#ff4802;}
@keyframes myfirst
{
from {opacity:0; filter:alpha(opacity=0);}
to {opacity:1; filter:alpha(opacity=95);}
}
@-moz-keyframes myfirst
{
from {opacity:0; filter:alpha(opacity=0); background:none;}
to {opacity:1; filter:alpha(opacity=95);}
}
.main2 { width:1178px; height:360px; margin-top:20px; padding:10px; border:1px #e4e4e4 solid; overflow:hidden;}
.main2-jj { width:260px; height:360px;}
.jj-title { height:40px; width:100%; background-color:#f0f0f0;}
.jj-title span { width:100px; height:40px; float:left; display:block; background-color:#28b453; font-size:18px; color:#fff; line-height:40px; text-align:center;}
.jj-title a { width:100px; height:40px; display:block; padding-right:10px; float:right; text-align:right; line-height:40px; color:#999;}
.jj-c { width:100%; height:320px; background-color:#fbfbfb;}
.jj-c p { font-size:14px; line-height:22px; color:#444; text-align:justify; text-indent:2em; padding:10px 10px 0 10px;}

.main2-gd { width:900px; height:360px; margin-left:18px;}

/**滚动 图**/
.module-banner-tab-list {width: 100%; height:90px; background-color:#fafafa;}
.module-banner-tab-list .module-tab-nav li {background: #eee; text-align:center;}
.module-banner-tab-list .module-tab-nav li i {
  font-family: "iconfont" !important;
  height:60px;
  display:block;
  line-height:30px;
  line-height:60px;
  padding-top:5px;
  font-size:50px;
  color:#2a85d4;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;	
}
.module-banner-tab-list .module-tab-nav .module-t { background-color:#fe4902; color:#fff; width:105px; height:90px; text-align:center; float:left; font-size:16px; line-height:90px;}
.module-banner-tab-list ul li {color: #fff;	width:152px;height:90px;float:left; margin-left:5px;cursor: pointer;text-align: center;position: relative;	-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on {opacity: 1;	width:152px; background-color:#2a85d4;}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on p { color:#fff;}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on i { color:#fff;}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon {display: inline-block;}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover { width:152px; background-color:#3780bf;}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover i { color:#fff;}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover {opacity: 1;width:152px;}
.module-banner-tab-list-box {float: right;width: 100%;height:270px;overflow: hidden;position: relative;}
.module-tab-box-ma {width:100%;opacity: 1;z-index: 1;	-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;	-ms-transition: opacity 0.5s;	-o-transition: opacity 0.5s;transition: opacity 0.5s;position: absolute;}

.roll-wrap { width:100%; height:255px; margin-top:15px;}
.roll-wrap ul { width:1000%; height:255px; overflow:hidden; display:block;}
.roll-wrap ul li { width:210px; height:251px; margin:0 5px; float:left; border:2px #f0f0f0 solid; background-color:#fafafa; border-radius:3px;}
.roll-wrap ul li img { display:block; width:210px; height:170px; border-radius:3px;}
.roll__list { position:absolute; left:0;}
.roll-wrap ul li p a span { display:block; height:26px; font-size:14px; line-height:26px; overflow:hidden;}
.roll-wrap ul li p a { color:#8c8c8c; font-size:12px;}
.roll-wrap ul li p { padding:0 6px; text-align:justify; font-size:12px; line-height:18px;}

.main3 { height:327px; margin-top:20px; overflow:hidden;}
.main3-links { width:886px; height:327px; border-radius:2px;}
.floor-side-list { height:45px; background-color:#fafafa;}
.floor-side-list ul { width:100%; height:45px; padding-left:10px;}
.floor-side-list ul li { width:120px;float: left;height:36px; margin-top:9px; margin-right:10px;cursor: pointer; text-align:center; line-height:36px; font-size:14px; background-color:#e2f4e8; border-top-left-radius:3px; border-top-right-radius:3px; color:#444;}
.floor-side-list ul .on {background-color:#39bd62; color:#fff;}
.floor-side-list ul a { width:170px; height:36px; display:block; margin-top:9px; line-height:36px; font-size:12px; text-align:center; float:right;}
.floor-side-body { border:3px #82db9d solid; height:270px;padding-top:6px;}
.floor-side-body ul { padding-left:2px;}
.floor-side-body ul li { width:201px; height:70px; margin:8px 8px; display:block; float:left; overflow:hidden; border:1px #e1e1e1 solid; border-radius:5px; background-color:#fff;}
.floor-side-body ul li i { height:46px; width:100%; display:block;}
.floor-side-body ul li img { display:block; width:203px; height:46px; margin:0 auto;}
.floor-side-body ul li span { width:100%; height:24px; display:block; clear:both; text-align:center; line-height:24px; background-color:#fafafa; color:#666;}

.gs-list { width:294px; height:327px; margin-left:20px;}
.gs-list-t { height:46px; width:100%; background-color:#28b453;}
.gs-list-t span { font-size:16px; color:#fff; height:24px; width:100px; display:block; float:left; margin-left:10px;margin-top:11px; padding-left:5px; border-left:2px #fff solid; line-height:24px;}
.gs-list-t a { display:block; float:right; line-height:46px; font-size:12px; color:#fafafa; padding-right:10px;}
.gs-list ul { width:287px; height:279px; padding-left:5px; display:block; border:1px #e4e4e4 solid;}
.gs-list ul li { height:30px; line-height:30px; width:272px; overflow:hidden;}
.gs-list ul li em {
  height:31px;
  width:10px;
  margin-right:5px;
  display:block;
  float:left;
  display:block;
  line-height:30px;
  font-size: 12px;
  color:#999;
  font-style: normal;
}
.al { display:none;}

@media screen and (max-width: 800px) and (min-width: 0px){
.banner { width:100%; height:12rem; margin-top:3.7rem; background:url(../images/mbanner.jpg) no-repeat center; background-size:100% 100%;}	
.imgbox { width:100%; height:12rem;}
.boxe { width:100%; height:12rem;}
.imgbox img { display:block; width:100%; height:12rem;}
.main1 { margin-top:1rem; height:auto;}
.main-piclist { display:none;}
.main-news { width:97%; margin:0; float:none; height:28rem; margin-top:0rem;}

/**新闻**/
.tab-rank{width:100%;}
.tab-rank .hd{height:3rempx;line-height:3rem;border-bottom:2px #48a43f solid; background-color:#f6f6f6;}
.tab-rank .hd h3{float:left;width:10rem;overflow:hidden;text-align:center; font-size:1rem; font-weight:normal; text-decoration:none;}
.tab-rank .hd h3 a{color:#333; font-size:1.2rem;}
.tab-rank .hd span a{color:#333; font-size:1.2rem; float:right; padding-right:.3rem; color:#666;}
.tab-rank .hd h3.on{background-color:#48a43f;height:3.2rem;}
.tab-rank .hd h3.on a{display:block;color:#ffffff; font-size:1.2rem; font-weight:normal; text-decoration:none;}
.tab-rank .bd{clear:both;}
.tab-rank .bd ul{padding-top:.1rem;}
.tab-rank .bd ul li { width:98%; height:3rem; padding-right:2%; overflow:hidden;}
.ulList li em {
  height:3rem;
  width:1rem;
  margin-right:.2rem;
  margin-left:.3rem;
  display:block;
  float:left;
  display:block;
  line-height:3rem;
  font-size: 1.1rem;
  color:#ccc;
  font-style: normal;
}
.tab-rank .bd ul li span { display:none;}
.tab-rank .bd ul li a { width:calc(100% - 4rem); position:absolute; height:3rem; display:inline-block; line-height:3rem; padding-left:.5rem; overflow:hidden;}


/**业务体系**/
.main-yw { width:100%; height:22rem; float:none; clear:both;}
.main-yw .yw-title { height:3rem; width:100%;}
.main-yw .yw-title span { font-size:1.8rem; line-height:3rem; padding-right:.3rem; padding-left:.5rem;}
.main-yw .yw-title font { font-size:1.4rem;}
.main-yw dl { width:100%; height:6rem; clear:both;}
.main-yw dl:nth-child(3) {margin:.5rem auto;}
.main-yw dl dt { width:7rem; height:6rem; float:left; display:block; font-size:4rem; line-height:6rem; text-align:center;  font-family: "iconfont" !important;  color:#fff;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; background:rgba(255,255,255,.1);}
.main-yw dl dd { width:20rem; height:6rem; display:inline-block; float:left; position:relative;}
.main-yw dl dd p { padding:.5rem;}
.main-yw dl dd p { line-height:1.6rem; color:#fff;}
.main-yw dl dd p strong { display:block; font-size:1.4rem; font-weight:lighter;}
.main-yw dl a { position:absolute; height:6rem; width:7rem; font-size:1.1rem; text-align:center; right:0;opacity:1; line-height:6rem; background:rgba(255,255,255,.1); }

.main2 { width:100%; padding:0; margin:0; border:0; height:auto;}
.main2-jj { width:100%; height:18rem; margin-top:1rem;}
.jj-title { height:3rem;}
.jj-title span { background-color:#fe4902; line-height:3rem; height:3rem; width:10rem;}
.jj-title a { width:9rem; height:3rem; line-height:3rem; padding-right:.5rem; font-size:1.1rem;}
.jj-c { height:auto; padding-bottom:1rem;}
.jj-c p { font-size:1.2rem; line-height:1.4rem; padding:.5rem;}
.main2-gd { display:none;}
.al { display:block;}

/**滚动 图**/
.al {width: 100%; height:13rem; clear:both; background-color:#fafafa;}
.al li {background: #eee; text-align:center;}
.al li i {
  font-family: "iconfont" !important;
  height:60px;
  display:block;
  line-height:30px;
  line-height:60px;
  padding-top:5px;
  font-size:50px;
  color:#fff;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1; background-color:#2a85d4;
}
.al .module-t { width:100%; height:3rem; font-size:1.6rem; line-height:3rem; color:#444; float:left; text-align:center;}
.al ul li {color: #fff;	width:31.333%;height:9rem;float:left; margin:0 1%; background-color:#2a85d4;cursor: pointer;text-align: center;position: relative;opacity: 1; background-color:#2a85d4;}
.al ul li a { color:#fff;}
.al .on {opacity: 1; background-color:#2a85d4;}
.al .on a { color:#fff;}
.al .on i { color:#fff;}
.al .on .icon {display: inline-block;}
.module-banner-tab-list-box {float: right;width: 100%;height:270px;overflow: hidden;position: relative;}
.module-tab-box-ma {width:100%;opacity: 1;z-index: 1;	-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;	-ms-transition: opacity 0.5s;	-o-transition: opacity 0.5s;transition: opacity 0.5s;position: absolute;}
.main3 { width:100%; height:auto;}
.main3-links { display:none;}
.gs-list { width:100%; height:auto; padding:0; margin:0; border:none;}
.gs-list-t { height:3rem; line-height:3rem;}
.gs-list-t span { width:10rem; height:1.3rem; line-height:1.3rem; margin-left:.5rem; margin-top:.7rem; font-size:1.3rem;}
.gs-list-t a { font-size:1.1rem; line-height:3rem; padding-right:.5rem;}
.gs-list ul { width:98%; margin:0 auto; border:0; height:auto;}
.gs-list ul li { width:100%; height:2.4rem; line-height:2.4rem;}
.gs-list ul li em {
height:3rem;
  width:1rem;
  margin-right:.2rem;
  margin-left:.3rem;
  display:block;
  float:left;
  display:block;
  line-height:3rem;
  font-size: 1.1rem;
  color:#ccc;
  font-style: normal;
}
.gs-list ul li a { font-size:1.2rem;}
}





















