@import url("base.css");
.tit,.vmore,#item_tab,#item_,.itit{position:relative;z-index:21}
.itit h2{font-size:32px;display:inline-block;position:relative;color:rgba(0,0,0,1);padding:0 12px}
.itit h2:after{position:absolute;width:100%;bottom:0;height:12px;background:rgba(0,54,120,.1);content:"";left:0}
.itit h5{font-size:14px;color:#ccc;font-weight:normal;text-transform:uppercase}
#htool{margin-top:-50px;position:relative;z-index:21;padding-bottom:24px;background:rgba(0,0,0,.02)}
#htool li{width:18%;margin:0 1%;float:left;background-color:rgba(255,255,255,0.97);box-shadow:0 0 10px 0 rgba(0,0,0,.2);transition:.4s all;position:relative;z-index:19}
#htool li:hover,#htool li.active{box-shadow:0 0 10px 0 rgba(0,0,0,.44)}
#htool li:before{position:absolute;width:0;height:100%;transition:.5s all;background:rgba(0,54,120,0);top:0;left:0;content:"";z-index:20}
#htool li:hover:before,#htool li.active:before{width:100%;background:rgba(0,54,120,.88)}
#htool li span{width:80px;height:48px;background-color:rgba(0,0,0,0);display:block;margin:10px 14px;background-image:url(../img/qbar.svg);background-repeat:no-repeat;background-size:246px 1208px;position:relative;z-index:21;transition:.4s all}
#htool li#box_1 span{background-position:0 -388px}
#htool li:hover#box_1 span,#htool li#box_1.active span{background-position:-195px -388px}
#htool li#box_2 span{background-position:0 -196px}
#htool li:hover#box_2 span,#htool li#box_2.active span{background-position:-195px -194px}
#htool li#box_3 span{background-position:0 -290px}
#htool li:hover#box_3 span,#htool li#box_3.active span{background-position:-195px -290px}
#htool li#box_4 span{background-position:0 -100px}
#htool li:hover#box_4 span,#htool li#box_4.active span{background-position:-195px -100px}
#htool li#box_5 span{background-position:0 -486px}
#htool li:hover#box_5 span,#htool li#box_5.active span{background-position:-195px -486px}
#htool li h2{padding:0 14px 0;position:relative;z-index:21;transition:.4s all}
#htool li:hover h2,#htool li.active h2{color:white}
#htool li h5{padding:2px 14px 12px;color:#aaa;position:relative;z-index:21;text-transform:uppercase;font-weight:normal;font-size:12px}
.iboxs{padding:30px 0}
#notice{background:rgba(0,0,0,.02);padding-top:2px}
#notice_ li{width:48%;float:left;overflow:hidden;white-space:nowrap;height:36px;line-height:36px;text-overflow:ellipsis;position:relative}
#notice_ li:after{width:0;left:0;height:100%;content:"";top:0;background:rgba(0,54,120,0);transition:.5s all;position:absolute;transition:.8s all}
#notice_ li:hover:after{width:100%;background:rgba(0,54,120,.08)}
#notice_ li:hover{}
#notice_ li a{padding-left:32px;position:relative;z-index:21}
#notice_ li a:before{position:absolute;left:6px;top:1px;width:24px;height:24px;content:"";background:url('../img/qbar.svg')no-repeat 0px -278px;background-size:100px 495px}
#notice_ li:nth-child(2n){float:right}
.vmore{padding:30px 0 10px}
.vmore .iviewmore{padding:6px 30px;border:2px solid rgba(0,54,120,.66);color:rgba(0,54,120,.86);position:relative;transition:.6s all}
.vmore .iviewmore big{font-size:16px;position:relative;z-index:21}
.vmore .iviewmore:after{position:absolute;width:0;height:100%;content:"";background:rgba(0,54,120,0);top:0;left:0;transition:.5s all;z-index:19}
.vmore .iviewmore:hover:after{width:100%;background:rgba(0,54,120,.64)}
.vmore .iviewmore:hover{color:white;border:2px solid rgba(0,54,120,.68)}
/*item step   */
#item{background:url(../img/world_map.png) no-repeat center center rgba(0,54,120,.1);background-size:cover;background-size:106% 106%;position:relative}
#item:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:rgba(255,255,255,.66);z-index:19}
#item_tab li{display:inline-block;padding:7px 20px;position:relative}
#item_tab li:after{position:absolute;width:0;height:100%;content:"";z-index:19;background:rgba(0,54,120,.98);left:0;top:0;transition:.5s all}
#item_tab li:hover:after,#item_tab li.active:after{background:rgba(0,54,120,.98);width:100%}
#item_tab li.active,#item_tab li:hover a{color:white}
#item_tab li a{display:block;font-size:18px;position:relative;z-index:21}
#item_tab li.active a{color:white}
#item_{margin-top:14px}
#item .upon span{padding-left:27px;position:relative;margin-left:20px;color:#666;line-height:28px}
#item .upon span:before{position:absolute;left:0;top:-1px;content:"";width:27px;height:27px;background:url(../img/qbar.svg) no-repeat 0px -380px;background-size:121px;opacity:.8}
.item_c{width:60%}
.item_c li{padding:10px 20px;border-left:3px solid rgba(0,54,120,0);Box-shadow:0 0 10px 0 rgba(0,0,0,0);transition:.5s all;margin:10px 4%;border-bottom:0px solid rgba(0,54,120,.02);background:rgba(255,255,255,.02);position:relative}
.item_c li:after{position:absolute;content:"";width:0;height:100%;background:rgba(0,54,120,0);left:0;top:0;transition:.7s all;z-index:19}
.item_c li:hover:after{background:rgba(0,54,120,.09);width:100%}
.item_c li:hover{background:rgba(255,255,255,.9);Box-shadow:0 0 10px 0 rgba(0,0,0,.24);border-left:3px solid rgba(0,54,120,1)}
.item_c li h2{font-size:22px;height:32px;line-height:32px;color:rgba(0,54,120,1);position:relative;z-index:21}
.item_c li h5{font-size:14px;font-weight:normal;color:#999;height:40px;overflow:hidden;position:relative;z-index:21;text-overflow:ellipsis;text-align:justify;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
.item_s{width:38%;Box-shadow:-9px 0px 10px -8px rgba(0,0,0,.14);padding-left:1.4%;background:rgba(255,255,255,.08)}
.item_s li{height:44px;line-height:44px;padding:0;position:relative;z-index:19;border-bottom:1px solid rgba(0,54,120,.12);width:46.5%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item_s li a{position:relative;z-index:21;padding-left:32px}
.item_s li:before{position:absolute;content:"";width:30px;height:30px;left:0;top:0;z-index:21;background:url(../img/qbar.svg) no-repeat 5px -411px;background-size:100px;transition:.5s all}
.item_s li:after{position:absolute;content:"";width:0;height:100%;left:0;top:0;z-index:19;background-color:rgba(0,54,120,.14);transition:.6s all}
.item_s li:hover:after{width:100%;background-color:rgba(0,54,120,.14)}
.item_s li:nth-child(2n){float:right}
.item_s li:nth-child(n+18),.item_s li:nth-child(n+17){border-bottom:0}
.item_s li:nth-child(n+19){display:none}
.upon{display:inline-block;background:rgba(255,255,255,.66);margin:0 auto;padding:6px 20px 6px 0;Box-shadow:4px 4px 4px 0px rgba(0,0,0,.03);border-radius:10%}
/*threeBoxLise_*/
.LiseBox{width:30%;margin:18px 1.5%;Box-shadow:0 0 10px 0 rgba(0,0,0,.08);padding:0;background:rgba(255,255,255,1);transition:.5s all;border-top:3px solid rgba(0,54,120,1)}
.LiseBox:hover{Box-shadow:0 0 10px 0 rgba(0,0,0,.18)}
.LiseBox .itit_,.LiseBox .vmore{background:rgba(0,54,120,.08);padding-top:12px;margin-bottom:16px;position:relative;transition:.5s all}
.LiseBox .itit_:after{background:rgba(0,54,120,0);transition:.6s all;content:"";position:absolute;width:0;height:100%;left:0;top:0;z-index:19}
.LiseBox:hover .itit_:after{background:rgba(0,54,120,1);width:100%}
.LiseBox .vmore{padding:12px 0;margin:16px 0 16px;transition:.5s all;background:rgba(0,54,120,.0)}
.LiseBox:hover .vmore{background:rgba(0,54,120,0)}
.LiseBox h3{font-size:24px;text-align:center;padding-bottom:10px;transition:.5s all;position:relative;z-index:21;font-weight:normal;color:rgba(0,54,120,1)}
.LiseBox:hover h3{color:white}
.LiseBox>ul{margin:0 14px}
.LiseBox li{padding:0px 4%;white-space:nowrap;height:36px;line-height:36px;text-overflow:ellipsis;position:relative;overflow:hidden;padding-left:32px;border-bottom:1px solid rgba(0,54,120,.12)}
.LiseBox li:nth-last-child(1){border:0}
.LiseBox li:before{position:absolute;content:"";width:26px;height:26px;left:6px;top:5px;background:url(../img/qbar.svg) no-repeat 4px -296px;background-size:86px 424px}
.LiseBox li:after{position:absolute;content:"";width:0;background:rgba(0,54,120,0);height:100%;left:0;top:0;transition:.5s all;z-index:19}
.LiseBox li:hover:after{width:100%;background-color:rgba(0,54,120,.1)}
.LiseBox li a{text-overflow:ellipsis;position:relative;z-index:21}
/*PhotoGraph*/
#PhotoGraph{background:url(../img/GraphBG.png) no-repeat right top rgba(0,0,0,.035);background-size:420px;padding:30px 0;position:relative}
#PhotoGraph #LeftArr,#PhotoGraph #RightArr{position:absolute;width:100px;height:100px;background:url(../img/qbar.svg) no-repeat 14px -1364px rgba(0,54,120,.07);background-size:360px;bottom:200px;content:"";border-radius:10%;cursor:pointer;transition:.5s all}
#PhotoGraph #LeftArr:hover,#PhotoGraph #RightArr:hover{background-color:rgba(0,54,120,.35);background-position:-274px -1364px}
#PhotoGraph #LeftArr{left:50%;margin-left:-680px;transform:rotate(180deg)}
#PhotoGraph #RightArr{right:50%;margin-right:-680px}
#PhotoGraph_ li{float:left;width:248px;Box-shadow:0 0 10px 0 rgba(0,0,0,.08);margin:20px 12px 20px;overflow:hidden;padding:15px 14px;transition:.5s all;background:rgba(255,255,255,1);border-top:0px solid rgba(90,54,120,1);position:relative}
#PhotoGraph_ li:before{content:"";width:0;height:3px;left:0;top:0px;background:rgba(0,54,120,0);position:absolute;transition:.66s all;z-index:21}
#PhotoGraph_ li:hover:before{background:rgba(0,54,120,1);width:100%}
/*#PhotoGraph_ li:nth-child(n+5){display:none}*/
#PhotoGraph_ li:hover{Box-shadow:0 0 10px 0 rgba(0,0,0,.3)}
#PhotoGraph_ li label{display:block;height:170px;overflow:hidden;background:rgba(0,0,0,.08);position:relative}
#PhotoGraph_ li label>img{width:100%;opacity:.76;height:auto;transition:.4s all}
#PhotoGraph_ li:hover label>img{opacity:1}
#PhotoGraph_ li h2{margin:12px 0 2px;font-size:16px;color:rgba(0,0,0,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.5s all}
#PhotoGraph_ li:hover h2{color:rgba(0,54,120,.89)}
#PhotoGraph_ li h5{color:#999;display:inline-block;border-top:2px solid rgba(0,54,120,.6);margin:6px 0 0;line-height:28px;font-weight:normal;font-size:14px}
#scrollPhoto li{margin-bottom:20px}
#scrollPhoto{height:310px}
#scrollPhoto_loading{width:100%;height:310px;display:table}
#scrollPhoto_loading img{display:inline-block}
#scrollPhoto_loading .loadimg{display:table-cell;vertical-align:middle;}
.imglist{display:none}
/*ibanner*/
.banner{height:500px}
/*.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0}*/
.banner .ban_nav{display:none;position:absolute;z-index:22}
.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../img/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px}
.banner .Left{margin-right:-450px;background-position:5px 0}
.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#e6292f}
.bann_ext{position:relative}
.frontCover{position:absolute;bottom:10px;padding:0 0 16px;border-bottom:0px solid #de0000;z-index:22;right:0;display:none}
.frontCover li{float:left;width:30px;height:28px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer}
.frontCover p{text-align:center;height:30px;line-height:30px;overflow:hidden;margin:0}
.frontCover .img{position:relative;height:24px;overflow:hidden;display:none}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;display:none}
.frontCover .open{background:#e60013}
.wrap{width:1200px;margin-left:auto;margin-right:auto}
/*幻灯片(组件)*/
.slide{position:relative;width:100%}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.ban_c img{width:100%;height:100%}
.album .btext{position:absolute;bottom:60px;left:50%;margin-left:-550px;width:1100px;z-index:21;color:rgba(0,0,0,1);height:200px;text-align:center;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -1px 0 0,#fff 0 -1px 0;-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -1px 0 0,#fff 0 -1px 0;-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -1px 0 0,#fff 0 -1px 0;*filter: Glow(color=#fff, strength=2)}
.album h1{font-size:46px}
.album h2{font-size:24px}
.album h3{font-size:30px}
.banner h1{color:rgba(208,0,0,1);text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -1px 0 0,#fff 0 -1px 0;-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -1px 0 0,#fff 0 -1px 0;-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -1px 0 0,#fff 0 -1px 0;*filter: Glow(color=#fff, strength=2)}
.banner #for{text-align:center;height:170px}
.banner .link a{font-size:16px;border:2px solid rgba(0,54,120,1);padding:7px 30px;color:rgba(255,255,255,.9);position:relative;background:rgba(0,54,120,1);text-shadow:none;-webkit-text-shadow:none;transition:.5s all;margin:0 10px}
.banner .link{padding-top:28px}
.banner .link a:after{position:absolute;width:0;height:100%;content:"";background:rgba(0,54,120,0);left:0;top:0;z-index:20;transition:.5s all}
.banner .link a:hover:after{width:100%;background:rgba(208,0,0,1)}
.banner .link a:hover{background:rgba(255,255,255,1);color:white;border:2px solid rgba(208,0,0,1)}
.banner .link a span{position:relative;z-index:24}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc}
.ban_nav .on{background:#f90;color:#fff}
.Left,.Right{cursor:pointer}