/*======================↓===================  banner  ======================↓====================*/
.ban { width: 100%; background: url(../images/index/ban_bg.jpg); padding: 16px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px 0; }
.ban .banblock { width: 100%; overflow: hidden;	/* height: 316px; */ }
.ban_lc { width: 100%; height: auto; padding-top: 50px; padding-bottom: 40px; padding-right: 80px; background: url(../images/index/ban_lc_bg.png) no-repeat top center; }
.ban_lc .wrap { position: relative; width: 1026px; height: 372px; margin: 0 auto; }
.ban_lc .wrap a { position: absolute; width: 102px; height: 100%; padding: 4px; padding-top: 239px; border-radius: 4px; border: 1px solid transparent; background: url(../images/index/ban_lc.png) no-repeat; line-height: 30px; font-size: 18px; color: #333; text-align: center; }
.ban_lc .wrap a:hover { background: url(../images/index/ban_lc_h.png) no-repeat; color: #0054a5; font-weight: bold; }
.ban_lc .wrap a.ban_lc_a { width: 164px; top: 0; left: 0; background-position: 0 0; }
.ban_lc .wrap a.ban_lc_b { width: 202px; top: 0; left: 190px; padding-top: 210px; background-position: -190px 0; }
.ban_lc .wrap a.ban_lc_c { width: 182px; top: 0; left: 426px; padding-top: 289px; background-position: -426px 0; }
.ban_lc .wrap a.ban_lc_d { width: 142px; top: 0; left: 654px; padding-top: 240px; background-position: -654px 0; }
.ban_lc .wrap a.ban_lc_e { width: 192px; top: 0; right: 0; padding-top: 299px; background-position: -836px 0; }

/* main */
.main { background: url(../images/index/main_bg1.jpg) top right no-repeat, url(../images/index/main_bg2.jpg) bottom left no-repeat; padding-bottom: 50px; }

/*.row*/
.row-title { width: 100%; margin: 0 auto; padding: 30px 0; line-height: 1.6em; color: #333; text-align: center; }
.row-title h1 { font-size: 26px; margin-bottom: 10px; line-height: 30px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7); }
.row-title h2 { font-size: 18px; margin-bottom: 10px; }
.row-title h3 { font-size: 13px; margin-bottom: 10px; }

/* serv */
.serv { padding-bottom: 30px; }
.serv .tag { width: 100%; }
.serv .tag .tag-head { position: relative; z-index: 2; height: 198px; width: 100%; }
.serv .tag .tag-head .tag-btn { width: 20%; text-align: center; float: left; cursor: pointer; border-bottom: 2px dashed #0054a5; }
.serv .tag .tag-head .tag-btn.on { border-bottom: 0; }
.serv .tag .tag-head .tag-btn .icon_serv { width: 180px; height: 120px; margin: 0 auto; transform: scale(.8); -o-transform: scale(.8); -webkit-transform: scale(.8); -ms-transform: scale(.8); -moz-transform: scale(.8); }
.serv .tag .tag-head .tag-btn.on .icon_serv, .serv .tag .tag-head .tag-btn:hover .icon_serv { opacity: 1; filter: opacity(100); transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); }
.icon_serv.serv_a { background-position: 0 -60px; }
.icon_serv.serv_b { background-position: -180px -60px; }
.icon_serv.serv_c { background-position: -360px -60px; }
.icon_serv.serv_d { background-position: -540px -60px; }
.icon_serv.serv_e { background-position: -720px -60px; }
.serv .tag .tag-head .tag-btn .name { width: 100%; height: 20px; line-height: 20px; font-size: 15px; color: #333; margin: 10px auto; }
.serv .tag .tag-head .tag-btn.on .name, .serv .tag .tag-head .tag-btn:hover .name { color: #0054a5; font-weight: bold; }
.serv .tag .tag-head .tag-btn .icon_plant { position: relative; width: 100%; height: 62px; margin: 0 auto; background-position: -240px -200px; margin-bottom: -26px; }
.serv .tag .tag-head .tag-btn.on .icon_plant { background-position: 0 -200px; }
.serv .tag .tag-body { position: relative; z-index: 1; width: 100%; min-height: 200px; /*! background: #fff; */ color: #333; font-size: 13px; border-radius: 0 0 10px 10px; border: 2px dashed #0054a5; /*! margin-top: -26px; */ padding: 40px; padding-top: 40px; border-top: none; }
.serv .tag .tag-body:after { position: absolute; content: ''; width: 90%; height: 2px; background: #fff; bottom: -2px; left: 5%; }
.serv .tag .tag-body .tag-body-wrap { position: relative; width: 100%; height: auto; overflow: hidden; }
.serv .tag .tag-body .tag-content { position: absolute; left: 105%; top: 0; width: 100%; height: auto; }
.serv .tag .tag-body .tag-content.on { position: relative; left: 0; top: 0; }

/* 推广 */
.banner_area { width: 420px; height: 100%; }
.tuig .tuig_head { font-size: 20px; color: #333; line-height: 30px; height: 30px; margin-bottom: 20px; }
.tuig_main { height: 310px; border: 1px solid #bbb; border-bottom: 0; }
.tuig_main .banner_area { width: 613px; height: 100%; border-bottom: 1px solid #bbb; }
.tuig_main .banner_blk { position: relative; z-index: 1; width: 100%;/*banner宽度*/ height: 309px;/*图片高度*/ overflow: hidden; }
.tuig_main .banner { position: absolute; top: 0px; left: 50%; z-index: 1; margin-left: -306.5px;/*-图片宽度/2*/ width: 613px;/*图片宽度*/ height: 100%; overflow: hidden; }
.tuig_main .banner .ban_w { width: 613px;/*图片宽度*/ height: 100%; text-align: center; font-size: 0px; }
.tuig_main .banner_button_blk { width: 100%; position: absolute; bottom: 0; height: 50px; z-index: 2; }
.tuig_main .banner_button { position: absolute; left: 0; bottom: 0px; z-index: 2; width: 100%; height: 50px; padding-right: 30px; line-height: 50px; text-align: right; }
.tuig_main .banner_button a { display: inline-block; margin: 0 3px; margin-bottom: 0; width: 16px; height: 16px; line-height: 16px; font-size: 12px; text-align: center; color: #fff; outline: none; background: #666; -moz-outline: none; blr: expression(this.onFocus=this.blur()); }
.tuig_main .banner_button a.activeSlide { background: #0054a5; }
.tuig_main .banner_button a:hover { background: #cc0000; }
.tuig_main .banner .ban_w .img_w { display: block; width: 100%; height: 100%; }
.tuig_main .banner .ban_w .img_w img { width: 100%; height: 100%; }
.tuig_main .link_area { width: 585px; height: 309px; }
.tuig_main .link_area ul { width: 100%; height: 100%; background: #fff; }
.tuig_main .link_area ul li { float: left; width: 194px; height: 103px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden; position: relative; z-index: 2; }
.tuig_main .link_area ul li:hover { z-index: 3; border: 1px solid #ddd; background: #fff; box-shadow: 0 0 14px #999; transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }
.tuig_main .link_area ul li a { display: block; width: 100%; height: 100%; }
.tuig_main .link_area ul li a img { max-width: 100%; max-height: 100%; }

/* 小banner */