@charset "utf-8";

.splt{border-left:1px solid #004827;}

.bannerZone{float:left;width:100%;min-width:1260px;height:550px; background-color:#999999;}
.bannerAD{margin:auto;min-width:1260px;max-width:1920px;height:550px;}
.demo{width:100%;min-width:1260px; height:550px; position:relative; overflow:hidden; }
.num{position:absolute;right:50px; top:450px; z-index:10;}
.num a{width:16px; height:16px; display:inline-block; line-height:16px;text-align:center; margin:0 3px; cursor:pointer;background:#e6e6e6;}
.num a.cur{background:#c40f00;color:#fff;}
.demo ul{position:relative; width:100%;max-width:1920px;z-index:5;}
.demo ul li{position:absolute;width:100%;max-width:1920px; display:none;} 
.demo ul li div{width:100%;height:100%;} 
.demo ul li div img{width:100%;max-width:1920px;min-width:1440px;height:550px;}

.indexz_area{float:left;width:100%;min-height:1px;}
.indexz{margin:auto;width:1100px;min-height:90px;}
.indexz_zone{float:left;width:1100px;min-height:90px;}

.topnewszone{float:left;width:100%;min-height:60px;margin-top:3px;}
.topnews{margin:auto;width:1100px;min-height:60px; text-align:center;}
.topnews .topico {float:left;width:130px;height:60px;background:#12335f;text-align:center;line-height:60px;color:#FFFFFF;}
.topnews .topico A{font-size:18pt; font-weight:bold;color:#FFFFFF;}
.topnews .top1{float:left;width:750px;height:60px;line-height:60px;text-align:center; background:#f1f5f8;}
.topnews .top1 A{font-size:18pt; font-weight:bold; }
.topnews .tops {float:right;width:220px;height:60px;}
.topnews .tops img{max-width:220px;max-height:60px;}

.topnews .top2{float:left;width:1100px;min-height:30px;text-align:center;margin:10px 0 0 0;}
.topnews .top3{float:left;width:1100px;height:14px;background:url(/site/images/i_ico_topbar_bg.png) no-repeat center bottom;}

.recentzone{float:left;width:100%;min-height:420px;margin-top:10px; }
.recent{margin:auto;width:1100px;min-height:420px; background-color:#FFF;}
.recent .imgcenter{float:left;width:660px;min-height:440px;text-align:left; background-color:#CCC;margin:0px 0 0 0px;}
.recent .recentlist{float:right;width:430px;min-height:440px;text-align:left;margin:0px 0px 0 0px;}

.bar_recent{float:left;width:430px;height:440px; margin:0px 0 0 0px;} 
.bar_recent .bhead{float:left;height:40px; margin:0px 0 0 0; width:100%; text-align:left;padding:0px; display:inline; border-bottom:1px solid #004827; }
.bar_recent .bhead .bname{float:left;height:40px; line-height:40px; color:#0360bf; font-size:16px; font-weight:bold; width:80px;margin:0px 0 0 15px;text-align:center;display:inline;}
.bar_recent .bhead .bname A{font-size:16px; font-weight:bold;color:#0360bf;}
.bar_recent .bhead .sub_tabs{float:left;height:40px;line-height:40px;width:400px;text-align:center;margin:0px 0 0 0; }
.bar_recent .bhead .sub_tab{float:left;height:40px;line-height:40px;width:130px; border-right:1px solid #004827;}
.bar_recent .bhead .sub_tab A{font-size:13pt;font-weight:bold;color:#004827;}
.bar_recent .bhead .sub_tab_selected{float:left;height:40px;line-height:40px;width:130px; background-color:#004827;color:#FFFFFF;}
.bar_recent .bhead .sub_tab_selected A{color:#FFFFFF;font-size:13pt;font-weight:bold;}
.bar_recent .bhead .more{float:right;height:16px;width:42px; text-align:center;margin:12px 8px 0 0; background-image:url(/site/images/i_ico_more.gif);display:inline;}
.bar_recent .bcontent{float:left;min-height:220px;width:100%;display:inline;}
.bar_recent .bcontent ul{float:left;width:100%;height:40px;}
.bar_recent .bcontent li{float:left;height:40px;line-height:40px;width:350px;display:inline;position:relative;text-indent:13px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} 
.bar_recent .bcontent li A{font-size:16px;}
.bar_recent .bcontent li:hover{} 
.bar_recent .bcontent li:hover A{color:#0056a8;}
.bar_recent .bcontent dt{display:block;float:right;height:40px;line-height:40px;width:70px;text-align:right;overflow:hidden;margin:0px 0px 0 0px;text-align:right;font-size:12px;display:inline}
.bar_recent .bcontent .tdy{display:block;float:right;height:40px;line-height:40px;width:70px;text-align:right;overflow:hidden;margin:0px 0px 0 0px;text-align:right;font-size:12px;display:inline;color:#F30;font-weight:bold;}

.bar_recent .bcontent ul:nth-child(1){font-weight:bold;margin-top:10px;} 
.bar_recent .bcontent ul:nth-child(1) li A{font-weight:bold;} 

.bar_recent .bcontent ul:nth-child(6){font-weight:bold;margin-top:q0px;} 
.bar_recent .bcontent ul:nth-child(6) li A{font-weight:bold;}

.bar_0{float:left;width:450px;height:450px;} 
.bar_0 .bhead{float:left;height:40px; margin:10px 0 0 0; width:450px; text-align:left;padding:0px; display:inline; background:url(/site/images/bgs/i_img_dot.png) repeat-x bottom; }
.bar_0 .bhead .bname{float:left;height:25px; color:#0056a8; font-size:15px; font-weight:bold; width:80px;margin:5px 0 0 15px;text-align:center;display:inline;}
.bar_0 .bhead .bname A{font-size:15px; font-weight:bold;color:#07aedb;}
.bar_0 .bhead .more{float:right;height:16px;width:42px; text-align:center;margin:8px 10px 0 0; background-image:url(/site/images/i_ico_more.gif);display:inline;}
.bar_0 .bcontent{float:left;min-height:290px;width:450px;padding-top:10px; display:inline;}
.bar_0 .bcontent li{float:left;height:22px;line-height:22px;width:400px;overflow:hidden;margin:2px 0 0 7px;display:inline;position:relative;} 
.bar_0 .bcontent li A{font-size:13px;}
.bar_0 .bcontent li:hover{} 
.bar_0 .bcontent li:hover A{color:#0056a8;font-size:13px;}
.bar_0 .bcontent em{display:block;float:left;height:16px;width:9px;text-align:right;overflow:hidden;margin:7px 0 0 1px;text-align:right;background-color:#FFFFFF;display:inline}
.bar_0 .bcontent dt{display:block;float:right;height:20px;width:30px;text-align:right;overflow:hidden;margin:3px 3px 0 0px;text-align:right;font-size:10px;display:inline}

.recent1zone{float:left;width:100%;min-height:76px;margin-top:10px;}
.recent1{margin:auto;width:1100px;min-height:76px;}

.bar_0_1{float:left;width:660px;height:76px;} 
.bar_0_1 .bhead{float:left;height:76px; margin:0px; width:130px; text-align:center;background:#12335f;}
.bar_0_1 .bhead .bname{float:left;height:76px; line-height:76px; width:130px; text-align:center; }
.bar_0_1 .bhead .bname A{font-size:16pt; font-weight:bold; color:#FFFFFF; } 
.bar_0_1 .bcontent{float:left;height:76px;width:520px;margin-left:10px;display:inline;overflow:hidden;  }
.bar_0_1 .bcontent li{float:left;height:38px;line-height:38px;width:450px;list-style-type:disc;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 
.bar_0_1 .bcontent li A{font-size:16pt;}
.bar_0_1 .bcontent li:hover{} 
.bar_0_1 .bcontent li:hover A{color:#0056a8;font-size:16pt;} 
.bar_0_1 .bcontent .cnew{float:left;width:10px;height:38px;line-height:38px; display:table-cell; vertical-align:middle;list-style-type:none;}
.bar_0_1 .bcontent dt{display:block;float:right;height:38px;width:70px;line-height:38px;text-align:right;overflow:hidden;text-align:right;font-size:10px;display:inline}
.bar_0_1 .bcontent .tdy{display:block;float:right;height:38px;line-height:38px;width:70px;text-align:right;overflow:hidden;margin:0px 0px 0 0px;text-align:right;font-size:12px;display:inline;color:#F30;font-weight:bold;}

.bar_0_2{float:right;width:430px;height:76px;} 
.bar_0_2 .bhead{float:left;height:76px; margin:0px; width:130px; text-align:center;padding:0px; display:inline; }
.bar_0_2 .bcontent{float:left;height:76px;width:430px;display:inline; overflow:hidden;}
.bar_0_2 .bcontent li{float:left;height:22px;line-height:22px;width:290px;overflow:hidden;margin:5px 0 0 7px;display:inline;} 
.bar_0_2 .bcontent li A{font-size:13px;}
.bar_0_2 .bcontent li:hover{} 
.bar_0_2 .bcontent li:hover A{color:#0056a8;font-size:13px;}
.bar_0_2 .bcontent em{display:block;float:left;height:16px;width:9px;text-align:right;overflow:hidden;margin:7px 0 0 1px;text-align:right;background-color:#FFFFFF;display:inline}
.bar_0_2 .bcontent dt{display:block;float:right;height:20px;width:30px;text-align:right;overflow:hidden;margin:3px 3px 0 0px;text-align:right;font-size:10px;display:inline}

.index_zoneabout_bg{float:left;width:100%;min-height:200px;padding:30px 0 30px 0;}
.index_zoneabout_model{margin:auto;width:1300px;min-height:160px;}
.index_zoneabout{float:left;width:100%;min-height:80px;border-radius:5px;}
.index_zoneabout .itop{float:left;width:100%;height:1px;text-align:center; } 
.index_zoneabout .itop:hover{ background:url(icos/i_ico_about_1.png) left no-repeat ;}
.index_zoneabout .iarea{float:left;width:100%;height:160px;}

.recent_btnzone{float:left;width:100%;min-height:120px;margin:30px 0 0 0;}
.recent_btns{margin:auto;width:100%;min-height:120px;}
.recent_btns .recent_btn{float:left; width:22%;padding-bottom:10%; cursor:pointer; border-bottom:0px solid #800080; position:relative;border-radius:5px;}
.recent_btnH{margin-left:0px;}
.recent_btnM{margin-left:4%;}
.icbtn1{background:url(/site/images/icos/i_btn_bt1.png?v=1);}
.icbtn2{background:url(/site/images/icos/i_btn_bt2.png?v=1);}
.icbtn3{background:url(/site/images/icos/i_btn_bt3.png?v=1);}
.icbtn4{background:url(/site/images/icos/i_btn_bt4.png?v=1);}

.recent_btns .recent_btn .tt{float:right;position:absolute;left:0px;top:50px;height:40;width:100%;font-size:16pt;font-weight:bold;text-align:center;color:#fff;}
.recent_btns .recent_btn ul{float:right;position:absolute;left:0px;top:0px;height:100%;width:100%;transition:.6s; background:rgba(204,102,204,.8); filter:alpha(opacity=0); opacity:0; transition:.6s;z-index:1;}
.recent_btns .recent_btn ul .et{float:left;width:100%;height:30px;margin-top:40px;transition:.3s; filter:alpha(opacity=0); opacity:0;font-size:16px;text-align:center;color:#FFFFFF;}
.recent_btns .recent_btn ul .ct{float:left;width:90%;height:60px;margin:15px 5% 0 5%; transition:.9s; filter:alpha(opacity=0); opacity:0;font-size:14px; text-indent:20px;color:#FFFFFF;}
.recent_btns .recent_btn ul:hover{box-shadow:0 0 12px rgba(0,0,0,.4); background-size:100%; filter:alpha(opacity=100); opacity:1;  }

.recent_btns .recent_btn ul:hover .et{transform:translate(0,-20px); filter:alpha(opacity=100); opacity:1;}
.recent_btns .recent_btn ul:hover .ct{transform:translate(0,-30px); filter:alpha(opacity=100); opacity:1;}

.recent_btns .recent_btn:hover .tt{ filter:alpha(opacity=0); opacity:0; transition:.6s;}

.recent_modelzone{float:left;width:100%;min-height:290px;margin:20px 0 0 0;}
.recent_model{margin:auto;width:1100px;min-height:290px;}

.bar_m{float:left;width:350px;height:350px; margin:25px 0 0 16px;} 
.bar_m .bhead{float:left;height:40px; margin:10px 0 0 0; width:100%; text-align:left;padding:0px; display:inline; border-bottom:1px solid #004827; }
.bar_m .bhead .bname{float:left;height:40px; line-height:40px; font-size:16px; font-weight:bold; width:110px;text-align:center; background:#004827;}
.bar_m .bhead .bname A{font-size:16pt;font-weight:bold;color:#FFFFFF;}
.bar_m .bhead .sub_tabs{float:left;height:25px;line-height:25px;width:220px;text-align:center;margin:15px 0 0 0; }
.bar_m .bhead .sub_tab{float:right;height:25px;line-height:25px;min-width:65px;margin:0px 0 0 3px;}
.bar_m .bhead .sub_tab_selected{float:right;height:25px;line-height:25px;min-width:65px;margin:0px 0 0 3px; background-color:#0360bf;color:#FFFFFF;}
.bar_m .bhead .sub_tab_selected A{color:#FFFFFF;}
.bar_m .bhead .more{float:right;height:18px;width:45px; text-align:center;margin:20px 0px 0 0; background-image:url(/site/images/i_img_more.gif);display:inline;}
.bar_m .bcontent{float:left;min-height:220px;width:100%;padding-top:10px; display:inline;}
.bar_m .bcontent .settop{float:left;width:100%;height:140px;}
.bar_m .bcontent .settop .imgul{float:left;width:210px;height:140px;}
.bar_m .bcontent .settop .stimg{float:left;width:100%;height:140px; text-align:left;}
.bar_m .bcontent .settop .stimg img{max-width:210px;max-height:140px; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.bar_m .bcontent .settop .stimg img:hover{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.bar_m .bcontent .settop .sttitle{float:left;width:100%;height:20px;line-height:20px;margin:-20px 0 0 0;text-align:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:rgba(0,0,0,0.6);text-indent:4px;filter: Alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.bar_m .bcontent .settop .sttitle A{font-size:12px;color:#FFFFFF;}
.bar_m .bcontent .settop .stremark{float:right;width:130px;height:140px;line-height:24px;}
.bar_m .bcontent .settop .stremark a{font-size:14px;}
.bar_m .bcontent li{float:left;height:30px;line-height:30px;width:280px;list-style-type:disc;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } 
.bar_m .bcontent li A{font-size:12pt;}
.bar_m .bcontent li:hover{} 
.bar_m .bcontent li:hover A{color:#0056a8;font-size:12pt;}
.bar_m .bcontent dt{display:block;float:right;height:30px;line-height:30px;width:70px;text-align:right;overflow:hidden;margin:0px 0px 0 0px;text-align:right;font-size:12px;display:inline}
.bar_m .bcontent .tdy{display:block;float:right;height:30px;line-height:30px;width:70px;text-align:right;overflow:hidden;margin:0px 0px 0 0px;text-align:right;font-size:12px;display:inline;color:#F30;font-weight:bold;}


.bar_index_vedio_area{float:left;width:100%;min-height:1px;margin-top:10px; }
.bar_index_vedio{float:right;width:1100px;height:180px;}
.bar_index_vedio .bhead{float:left;height:180px; margin:0px; width:46px; text-align:center;padding:0px; display:inline; background:#548493; }
.bar_index_vedio .bhead .bname{float:left;height:180px;width:20px; margin:15px 0 0 13px;line-height:30px;text-align:center;display:inline;}
.bar_index_vedio .bhead .bname A{font-size:14pt; font-weight:bold; color:#FFFFFF; } 
.bar_index_vedio .bcontent{float:left;height:180px;width:1050px;display:inline;margin:0px 0 0 0px;}
.bar_index_vedio .bcontent ul{float:left;height:180px;width:255px;overflow:hidden;margin:0px 0 0 5px;position:relative;}
.bar_index_vedio .bcontent ul .timg{float:left;height:180px;width:260px;overflow:hidden;}
.bar_index_vedio .bcontent ul .timg img{float:left;height:180px;width:260px;overflow:hidden;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.bar_index_vedio .bcontent ul .timg img:hover{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.bar_index_vedio .bcontent ul .play{position:absolute;height:55px;width:55px;overflow:hidden;left:100px;top:60px;background:url(/site/images/ico_play.png);}
.bar_index_vedio .bcontent ul .text{float:left;height:20px;width:100%;margin:-20px 0 0 0; text-align:center; background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;}
.bar_index_vedio .bcontent ul .text A{font-size:12px;color:#FFFFFF;}
.bar_index_vedio .bcontent ul:hover{}
.bar_index_vedio .bcontent ul:hover .play{filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;}
.bar_index_vedio .bcontent .ifrmvi{width:1050px;height:180px;}

 
.bar_index_subject_area{float:left;width:100%;min-height:1px;margin-top:10px;}
.bar_index_subject{float:left;width:1100px;height:180px;}
.bar_index_subject .infos{float:left;width:560px;height:180px;}
.bar_index_subject .infos iframe{width:100%;height:100%;}

.bar_index_fengc{float:right;width:520px;height:180px;}
.bar_index_fengc .bhead{float:left;height:180px; margin:0px; width:46px; text-align:center;padding:0px; display:inline; background:#548493; }
.bar_index_fengc .bhead .bname{float:left;height:180px;width:20px; margin:15px 0 0 13px;line-height:30px;text-align:center;display:inline;}
.bar_index_fengc .bhead .bname A{font-size:14pt; font-weight:bold; color:#FFFFFF; } 
.bar_index_fengc .bcontent{float:left;height:180px;width:470px;display:inline;margin:0px 0 0 0px;}
.bar_index_fengc .bcontent iframe{float:left;height:180px;width:470px;}

.bar_ivideoc_zone{float:left;width:100%;min-height:1px;margin-top:10px;}
.bar_ivideoc{float:left;width:1100px;height:260px; margin:0px 0 0 0px;} 
.bar_ivideoc .bhead{float:left;height:40px; margin:0px 0 0 0; width:100%; text-align:left;padding:0px; display:inline; border-bottom:1px solid #004827; }
.bar_ivideoc .bhead .bname{float:left;height:40px; line-height:40px; color:#0360bf; font-size:16px; font-weight:bold; width:80px;margin:0px 0 0 15px;text-align:center;display:inline;}
.bar_ivideoc .bhead .bname A{font-size:16px; font-weight:bold;color:#0360bf;}
.bar_ivideoc .bhead .sub_tabs{float:left;height:40px;line-height:40px;width:100%;text-align:center;margin:0px 0 0 0; }
.bar_ivideoc .bhead .sub_tab{float:left;height:40px;line-height:40px;width:155px;border-right:1px solid #004827;}
.bar_ivideoc .bhead .sub_tab A{font-size:13pt;font-weight:bold;color:#004827;}
.bar_ivideoc .bhead .sub_tab_selected{float:left;height:40px;line-height:40px;width:155px; border-left:1px solid #004827; background-color:#004827;color:#FFFFFF;}
.bar_ivideoc .bhead .sub_tab_selected A{color:#FFFFFF;font-size:13pt;font-weight:bold;}
.bar_ivideoc .bhead .more{float:right;height:16px;width:42px; text-align:center;margin:12px 8px 0 0; background-image:url(/site/images/i_ico_more.gif);display:inline;}
.bar_ivideoc .bcontent{float:left;height:220px;width:100%;} 

.ivimages{float:left;width:100%;height:100%;position:relative;}
.ivimages .i{float:left; width:100px; height:110px;margin:5px 0 0 10px;}
.ivimages .i .vi{float:left;width:100%;height:66px; text-align:center; }
.ivimages .i .vi img{ max-width:100px; max-height:66px; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.ivimages .i .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.ivimages .i .t{float:left; width:100%; height:24px; line-height:24px;text-align:center;font-size:10pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ivimages .i .t A{display:block;float:left;width:100%;height:25px;font-size:10pt; } 
.ivimages .i .t1{float:left; width:100%; height:20px; line-height:20px;text-align:left;font-size:10px;color:#999;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} 

.ivimages .i1{float:left; width:330px; height:220px;margin:2px 0 0 0px; }
.ivimages .i1 .vi{float:left;width:100%;height:220px; text-align:center; overflow:hidden;}
.ivimages .i1 .vi img{ max-width:330px; max-height:220px; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.ivimages .i1 .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.ivimages .i1 .t{float:left; width:100%; height:30px; line-height:30px;margin-top:-50px;text-align:left;font-size:12pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;}
.ivimages .i1 .t A{display:block;float:left;width:100%;height:30px;font-size:12pt;color:#FFFFFF;} 
.ivimages .i1 .t1{float:left; width:100%; height:20px; line-height:20px;margin-top:-20px; text-align:left;font-size:10px;color:#999;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;} 
.ivimages .vmore{position:absolute;width:100px; height:100px;right:0;top:120px; background:#e9eaec;line-height:110px; text-align:center;}
.ivimages .vmore A{font-size:14pt;font-weight:bold;}

.ivlist{float:left;width:100%;min-height:200px; clear:both;margin-top:30px;} 
.ivlist .uContent{float:left;width:1300px;min-height:360px;}
.ivlist .unit{float:left;width:550px;min-height:80px;margin:15px 0px 0px 20px; } 
.ivlist .unit .utitle{float:left;width:470px;height:60px;overflow:hidden;margin:0px 0 0 10px;margin:10px 0 0 5px;}
.ivlist .unit .utitle li{float:left;width:100%;height:23px;overflow:hidden;}
.ivlist .unit .utitle li A{font-size:11pt;font-weight:bold;}
.ivlist .unit .utitle .remark{float:left;width:100%;height:57px;lin-height:19px;font-size:12px;overflow:hidden;color:#999999;} 
.ivlist .unit:hover .utitle{float:left;width:470px;height:60px;overflow:hidden;margin:0px 0 0 10px;margin:10px 0 0 5px;color:#FFFFFF;}
.ivlist .unit:hover .utitle li{float:left;width:100%;height:23px;overflow:hidden;color:#FFFFFF;}
.ivlist .unit:hover .utitle li A{font-size:11pt;font-weight:bold;color:#FFFFFF;}
.ivlist .unit:hover .utitle .remark{float:left;width:100%;height:57px;lin-height:19px;font-size:12px;overflow:hidden;color:#999999;color:#FFFFFF;}

.bar_subclass{float:left;width:370px;height:240px; margin:25px 0 0 20px;} 
.bar_subclass .bhead{float:left;height:40px; margin:10px 0 0 0; width:370px; text-align:left;padding:0px; display:inline; border-bottom:1px solid #0360bf; }
.bar_subclass .bhead .bname{float:left;height:40px; line-height:40px; color:#0360bf; font-size:16px; font-weight:bold; width:70px;margin:0px 0 0 10px;text-align:center;display:inline;}
.bar_subclass .bhead .bname A{font-size:16px; font-weight:bold;color:#0360bf;} 
.bar_subclass .bhead .more{float:right;height:16px;width:42px; text-align:center;margin:20px 0px 0 0; background-image:url(/site/images/i_ico_more.gif);display:inline;}
.bar_subclass .bcontent{float:left;min-height:220px;width:370px; display:inline;}
.bar_subclass .bcontent ul{float:left;height:90px; width:170px;margin:10px 0 0 10px;}
.bar_subclass .bcontent .img{float:left;height:90px;width:100%;display:inline;position:relative;border:1px solid #0360bf; overflow:hidden;} 
.bar_subclass .bcontent .img img{float:left;max-height:130px;width:100%;max-width:170px;} 
.bar_subclass .bcontent .img:hover{border:1px solid #FF0000;}  
.bar_subclass .bcontent .ttitle{float:left;height:25px;width:100%;margin:-25px 0 0 0; background-color:#000; color:#FFFFFF; filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; text-align:center; } 
.bar_subclass .bcontent ul:hover{filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;} 

.recent_scroll_img_zone{float:left;width:100%;min-height:240px; margin:20px 0 0 0 ;}
.recent_scroll_img{margin:auto;width:1100px;min-height:240px; background-color:#FFFFFF;}

.bar_img{float:left;width:1160px;height:240px;margin:20px 0 0 20px;} 
.bar_img .bhead{float:left;height:40px; margin:0px 0 0 0; width:1160px; text-align:left;padding:0px; display:inline;border-bottom:1px solid #0360bf; }
.bar_img .bhead .bname{float:left;height:37px; line-height:37px; color:#0056a8; font-size:16px; font-weight:bold; width:216px;margin:0px 0 0 0px;text-align:center;display:inline;border-bottom:3px solid #fb810a; }
.bar_img .bhead .bname A{font-size:16px; font-weight:bold;color:#0360bf;}
.bar_img .bhead .more{float:right;height:16px;width:42px; text-align:center;margin:8px 10px 0 0; background-image:url(/site/images/i_ico_more.gif);display:inline;}
.bar_img .bcontent{float:left;min-height:190px;width:1160px;display:inline;}
.bar_img .bcontent ul{float:left;height:180px;width:218px;overflow:hidden;margin:10px 0 0 12px;border:1px solid #EFEFEF; position:relative;}
.bar_img .bcontent ul .timg{float:left;height:150px;width:218px;overflow:hidden;}
.bar_img .bcontent ul .timg img{float:left;height:150px;width:218px;overflow:hidden;} 
.bar_img .bcontent ul .text{float:left;height:30px;line-height:30px;width:218px; margin:0px 0 0 0; text-align:center; background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;}
.bar_img .bcontent ul .text A{font-size:16px;color:#FFFFFF;}
.bar_img .bcontent ul:hover{border:1px solid #0CF;}

.index_classad_zone{float:left;width:100%;min-width:1300px;}
.index_classad_model{margin:auto;width:1300px;}
.index_classad_bar{float:left;width:100%;}
.index_classad_bar img{max-width:1300px;}

.index_zone{float:left;width:100%;padding:10px 0 10px 0 ;}
.index_zone_model{margin:auto;width:98%;max-width:1900px;min-height:250px;overflow:hidden;}
.index_zone_bar{float:left;width:100%;min-height:80px;margin-top:0px;padding-bottom:10px;border-radius:5px;}
.index_zone_bar .itop{float:left;width:100%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:1px solid #e5e5e5;position:relative;}
.index_zone_bar .iname{float:left;min-height:40px;font-size:14pt; text-align:center;border-bottom:1px solid var(--mainColor);}
.index_zone_bar .iname A{font-size:14pt;color:var(--mainColor);}
.index_zone_bar .itop .morev{position: absolute;top:5px;right:5px;height:35px;width:35px;line-height:35px;border-radius:50%;font-size:12px;background:var(--mainColor);color:var(--shadowColor); text-align: center;transition: 0.5s;}
.index_zone_bar .itop .morev:hover{ transform:scale(1.2,1.2);transition:0.5s;}

@media only screen and (max-width: 760px) {

.index_zone{width:100%;}
.index_zone_model{width:100%;}
.index_zone_bar{width:100%;}
.index_zone_bar .itop{width:100%;}
.index_zone_bar .iname{width:100%;} 

.index_classad_zone{width:100%;min-width:0px;}
.index_classad_model{width:100%;} 
.index_classad_bar img{width:100%;} 
.index_zone_model{width:100%;}

.index_zone_bar .iname{line-height:42px;font-size:14pt;}
.index_zone_bar .iname A{font-size:14pt;}

.index_zone_bar .iname_shop{line-height:50px;font-size:14pt;}
.index_zone_bar .iname_shop A{font-size:14pt;}

}

.index_zone_bar .sub_tabs{margin:auto;height:42px;line-height:42px;text-align:right;overflow:hidden;}
.index_zone_bar .sub_tab{height:40px;line-height:40px;padding:0px 20px 0 20px;display: inline-block;font-size:16px;cursor:pointer;}
.index_zone_bar .sub_tab A{font-size:16px;}
.index_zone_bar .sub_tab_selected{height:40px;line-height:40px;padding:0px 20px 0 20px;display: inline-block;background:var(--mainBG);border-radius:5px;font-size:16px;cursor:pointer;}
.index_zone_bar .sub_tab_selected A{font-size:16px;font-weight:bold;color:var(--mainColor);}

.index_zone_bar .i_remark{float:left;width:100%;min-height:10px;}
.index_zone_bar .i_remark li{float:left;width:90%;min-height:0px;margin:10px;color:#999;}
.index_zone_bar .iarea{float:left;width:calc(100%);min-height:0px; position:relative;padding:0 0 0px 0;overflow:hidden;}
.index_zone_bar .iarea .info{float:right;min-height:280px;width:100%;display:inline; position:relative;}
.index_zone_bar .iarea .info shape{display:block;min-height:120px;width:100%;overflow:hidden;}
.index_zone_bar .iarea .info shape1{display:block;height:480px;width:100%;overflow:hidden;}
.index_zone_bar .iarea .info shapeexpert{display:block;min-height:320px;width:100%;overflow:hidden;padding-bottom:40px;}

.index_zone_bar .iarea .morev{position: absolute;top:5px;right:5px;height:35px;width:35px;line-height:35px;border-radius:50%;font-size:12px;background:var(--mainColor);color:var(--shadowColor); text-align: center;transition: 0.5s;}
.index_zone_bar .iarea .morev:hover{ transform:scale(1.2,1.2);transition:0.5s;}

@media only screen and (max-width: 760px) { 

.index_zone_bar .sub_tabs{height:30px;line-height:30px;text-align:center;width:100%;}
.index_zone_bar .sub_tab{height:30px;line-height:30px;width:20%;font-size:14px;padding:0px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.index_zone_bar .sub_tab A{font-size:14px;}
.index_zone_bar .sub_tab_selected{height:30px;line-height:30px;width:20%;font-size:14px;padding:0px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.index_zone_bar .sub_tab_selected A{font-size:14px;}
 
.index_zone_bar .iarea .info{float:right;min-height:30px;width:100%;display:inline; position:relative;}
.index_zone_bar .iarea .info shape{min-height:380px;height:auto;overflow:hidden;}
.index_zone_bar .iarea .info shape1{min-height:480px;height:auto;overflow:hidden;}
.index_zone_bar .iarea .info shapeexpert{height:500px;}
}

.IndexColumnTitle {float:left;width:100%;position:relative;margin:3% 0 3% 0;}
.IndexColumnTitle .visitmore{position:absolute;right:5px;width:50px;height:40px;line-height:40px;text-align:center;top:8px;font-size:12pt;background-color:var(--mainColor);color:var(--mainBG);border-radius:5px;border:1px solid #FFF;}
.IndexColumnTitle .visitmore:hover{background-color:var(--mainBG);color:var(--mainColor);}
.pagesection .IndexColumnTitle{transform:translate(0px,-100px);opacity:0; transition:all 1s ease 0s;} 
.active .IndexColumnTitle{transform:translate(0,0);opacity:100;transition:all 2s ease 0s;} 

.IndexColumnTitle::before {display: block;content: "";position: absolute;left: 50%;top: 0; background: url(/site/images/index/djCommonTitleIcon1.png) no-repeat center center;width: 400px;height: 70px;z-index: 0;margin-left: -200px;margin-top: -16px;}
.IndexColumnTitle .title {line-height: 45px;height: 45px;font-size: 36px;color: #595959;font-family: "ËÎÌå";font-weight: bold; position: relative; z-index: 2;text-align:center;}
.IndexColumnTitle .title span { display: inline-block; padding: 0 128px; position: relative;}
.IndexColumnTitle .title span::before {display: block;content: "";width: 120px;height: 10px;position: absolute;margin-top: -5px;left: 0px;top: 50%;z-index: 1;
    background: url(/site/images/index/djCommonTitleIcon2.png) no-repeat center center;}
.IndexColumnTitle .title span::after {display: block;content: "";width: 120px;height: 10px;position: absolute;margin-top: -5px;right: 0;top: 50%;z-index: 1;
    background: url(/site/images/index/djCommonTitleIcon3.png) no-repeat center center;}

@media only screen and (max-width: 760px) { 
	.IndexColumnTitle {float:left;width:100%;position:relative;margin:4% 0 4% 0;}
	.pagesection .IndexColumnTitle{transform:translate(0px,-100px);opacity:0; transition:all 1s ease 0s;} 
	.active .IndexColumnTitle{transform:translate(0,0);opacity:100;transition:all 2s ease 0s;} 

	.IndexColumnTitle::before {background: url() no-repeat center center;}
	.IndexColumnTitle .title {line-height: 45px;height: 45px;font-size:12pt;}
	.IndexColumnTitle .title span {padding: 0 100px; }
	.IndexColumnTitle .title span::before {width: 100px;background: url(/site/images/index/djCommonTitleIcon2.png) no-repeat center center;}
	.IndexColumnTitle .title span::after {width: 100px;background: url(/site/images/index/djCommonTitleIcon3.png) no-repeat center center;}    
}

.index_bg_1{background:url(/site/images/middle_bn.jpg) #7e93cc no-repeat;background-position:bottom; position:relative;}
.index_bg_1 bg{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.6;background-color:#1e78cd;transition:all .5s ease 0s;border-radius:10px;}
.index_bg_1:hover bg{opacity:0.4;}

.index_news_zone{float:left;width:100%;min-height:300px;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; background-color:#FFF;}
.index_news_zone_model{margin:auto;width:1300px;min-height:300px;}
.index_news_zone_bar{float:left;width:100%;min-height:530px;margin-top:20px;padding-bottom:10px;} 
.index_news_zone_bar .itop{float:left;width:100%;height:70px;border-bottom:1px solid #e94707;} 
.index_news_zone_bar .itop .iname{float:left;width:240px;height:70px;text-align:center; background:url(/site/images/icos/i_ico_news.png) left no-repeat;} 
.index_news_zone_bar .itop .iname:hover{ background:url(/site/images/icos/i_ico_news_1.png) left no-repeat        ;} 
.index_news_zone_bar .itop .subs{float:right;width:900px;height:70px;text-align:left;} 
 
.index_news_zone_bar .itop .sub_tabs{float:left;height:40px;line-height:40px;width:700px;text-align:center;margin:20px 0 0 280px; }
.index_news_zone_bar .itop .sub_tab{float:left;height:40px;line-height:40px;width:98px;margin-left:40px;}
.index_news_zone_bar .itop .sub_tab A{font-size:16px;font-weight:bold;}
.index_news_zone_bar .itop .sub_tab_selected{float:left;height:40px;line-height:40px;width:98px;margin-left:40px; background-color:#0360bf;color:#FFFFFF;}
.index_news_zone_bar .itop .sub_tab_selected A{color:#FFFFFF;font-size:16px;font-weight:bold;}

.index_news_zone_bar .iarea{float:left;width:100%;min-height:70px;} 

.index_news_zone_bar .iarea .bcontent{float:right;min-height:220px;width:100%;}
.index_news_zone_bar .iarea .bcontent .imgcenter{float:left;width:600px;height:400px;text-align:left; margin:25px 2% 0 0px;}
.index_news_zone_bar .iarea .bcontent .imgcenter .ifrm_class{margin:auto;width:600px;height:400px;}
.index_news_zone_bar .iarea .bcontent .info{float:right;min-height:390px;width:50%;padding-top:10px; display:inline;margin-top:10px; position:relative;}
.index_news_zone_bar .iarea .bcontent .info li{float:left;height:34px;line-height:34px;width:85%;overflow:hidden;display:inline;position:relative; background:url(/site/images/i_ico_line_dot.png) left no-repeat; text-indent:13px;} 
.index_news_zone_bar .iarea .bcontent .info li A{font-size:16px;}
.index_news_zone_bar .iarea .bcontent .info li:hover{background:url(/site/images/i_ico_line_dot_1.png) left no-repeat; text-indent:13px;} 
.index_news_zone_bar .iarea .bcontent .info li:hover A{color:#0056a8;}
.index_news_zone_bar .iarea .bcontent .info .imore{position:absolute; left:0px; bottom:-30px;height:30px;line-height:30px;width:85%;background:url() left no-repeat; text-align:right;}
.index_news_zone_bar .iarea .bcontent .info .imore A{font-weight:bold;}
.index_news_zone_bar .iarea .bcontent .info em{display:block;float:left;height:34px;line-height:34px;width:2%;text-align:right;overflow:hidden; text-align:right;display:inline; background:url(/site/images/new.gif) center no-repeat;}
.index_news_zone_bar .iarea .bcontent .info dt{display:block;float:right;height:34px;line-height:34px;width:13%;text-align:right;overflow:hidden; text-align:right;font-size:14px;display:inline}

.index_news_zone_bar .iarea .bcontent .info .topone{float:left;width:100%;height:110px;}
.index_news_zone_bar .iarea .bcontent .info .topone li{background:url();text-indent:0px;}
.index_news_zone_bar .iarea .bcontent .info .topone .title{float:left;width:90%;height:40px;font-size:16px;font-weight:bold;line-height:40px;}
.index_news_zone_bar .iarea .bcontent .info .topone .remark{float:left;width:90%;height:60px;font-size:12px;line-height:20px;color:#999999;text-indent:24px;}
.index_news_zone_bar .iarea .bcontent .info .udate{float:right;width:9%;height:60px;border:1px solid #b4b9bb; text-align:center;margin:10px 0 0 0;}
.index_news_zone_bar .iarea .bcontent .info .udate li{float:left;height:30px;line-height:30px;width:100%;font-size:12pt;font-weight:bold;}
.index_news_zone_bar .iarea .bcontent .info .udate .uyear{float:left;height:30px;line-height:30px;width:100%;font-size:10pt;font-weight:normal;color:#999999;}

.index_news{float:left;width:100%;margin-top:30px;padding:0px;text-align:center;}

.index_ico_zone_bar{float:left;width:50%;min-height:80px;margin-top:0px;padding-bottom:10px;}
.index_ico_zone_bar .itop{float:left;width:100%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:1px solid #e5e5e5;}
.index_ico_zone_bar .iname{float:left;width:100px;min-height:40px;font-size:16pt;font-weight:bold;text-align:center;border-bottom:2px solid var(--mainColor);}
.index_ico_zone_bar .iname A{font-size:16pt;font-weight:bold;color:var(--mainColor);}

.noticeContent{float:right;width:48%;min-height:280px;margin:2% 2% 2% 0%;} 
.pagesection .noticeContent{transform:translate(200px,0);opacity:0; transition:all 1s ease 0s;} 
.active .noticeContent{transform:translate(0px,0);opacity:100;transition:all 2s ease 0s;} 

.noticeContent .itop{float:left;width:100%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:0px solid #e5e5e5;position:relative;}
.noticeContent .iname{float:left;min-height:40px;line-height:40px;font-size:14pt; text-align:center;border-bottom:1px solid var(--mainColor);padding:0 10px 0 10px;}
.noticeContent .iname A{font-size:14pt; color:var(--mainColor);}
.noticeContent .itop .morev{position: absolute;top:5px;right:5px;height:28px;line-height:28px;padding:0 10px 0 10px;border-radius:5px;font-size:12px;background:linear-gradient(#ebf5fe 0%,#dbf3f5 100%);color:#1f79cf;border:1px solid #d1eafe;text-align: center;transition: 0.5s;}
.noticeContent .itop .morev:hover{ background:linear-gradient(#d1eafe 0%,var(--mainColor) 100%); color:#FFF; transition:0.5s;}

.noticeContent .unit{float:left;width:99%;min-height:70px;margin:0px 0px 0px 0px; padding-top:10px; border-bottom:1px dotted #CCC;}
.noticeContent .unit .udate{float:left;width:60px;height:60px;border:0px solid #b4b9bb; text-align:center;margin:0px 0 0 5px;}
.noticeContent .unit .udate li{float:left;height:30px;width:100%;font-size:16pt;font-weight:bold;margin-top:5px;}
.noticeContent .unit .udate .uyear{float:left;height:20px;width:100%;font-size:10pt;font-weight:normal;color:#999999;margin-top:0px;}

.noticeContent .unit .utitle{float:left;width:calc(100% - 80px );height:70px;overflow:hidden;margin:0px 0 0 10px;}
.noticeContent .unit .utitle li{float:left;width:100%;height:30px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.noticeContent .unit .utitle li A{font-size:11pt;font-weight:bold;color:#000;}
.noticeContent .unit .utitle .remark{float:left;width:100%;height:38px;lin-height:19px;font-size:12px;overflow:hidden;color:#cccccc;}

.noticeContent .unit:hover{background-color:#0099ff;}
.noticeContent .unit:hover .udate{border:0px solid #0099ff; color:#FFFFFF; background-color:#0099ff;}
.noticeContent .unit:hover .udate li{color:#FFFFFF;}
.noticeContent .unit:hover .udate .uyear{color:#FFFFFF;}

.noticeContent .unit:hover .utitle{color:#FFFFFF;}
.noticeContent .unit:hover .utitle li{color:#FFFFFF;}
.noticeContent .unit:hover .utitle li A{color:#FFFFFF;}
.noticeContent .unit:hover .utitle .remark{color:#FFFFFF;}

.noticeContent content{display:block;float:left;width:98%;margin:2%px 0 0 1%;}
.noticeContent msg{display:block;float:left;min-height:40px;line-height:40px;width:100%;border-bottom:0px dotted #CCC;padding:1% 0 1% 0;}
.noticeContent msg A{float:left;display:inline-block;width:calc(100% - 5px);height:40px;line-height:40px;font-size:12pt;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.noticeContent dt{display:inline-block;float:right;width:40px;height:36px;line-height:36px;}
.noticeContent newstopone{display:block;float:left;width:98%;margin:2% 0 0 1%;}
.noticeContent newstopone ntitle{display:block;float:left;height:50px;line-height:50px;width:100%;border-bottom:0px dotted #CCC;margin-top:1%;padding:2% 0 2% 0;}
.noticeContent newstopone ntitle A{float:left;display:inline-block;width:calc(100% - 5px);height:50px;line-height:50px;font-size:16pt;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:bold;}
.noticeContent newstopone nremark{display:block;float:left;min-height:60px;line-height:30px;width:100%;color:#999;border-bottom:0px dashed #CCC;margin:0 0 10px 0;position:relative;}
.noticeContent newstopone nremark .viewmore{display:block;float:right;margin-right:10px;height:25px;width:25px;text-align:center;line-height:25px;border:1px solid var(--mainColor);border-radius:50%;font-size:14pt;color:var(--mainColor);transition:0.5s;}
.noticeContent newstopone nremark .viewmore:hover{margin-right:20px;background-color:var(--mainBG);color:var(--mainColor);transition:0.5s;}

.bar_class1{float:left;width:98%;min-height:180px;} 
.bar_class1 .itop{float:left;width:100%;min-height:60px; padding:0px 0 0px 0; text-align:left;border-bottom:0px solid #e5e5e5;position:relative;}
.bar_class1 .iname{float:left;min-height:60px;line-height:60px;font-size:14pt; text-align:center;border-bottom:1px solid var(--mainColor);padding:0 10px 0 10px;}
.bar_class1 .iname A{font-size:14pt; color:var(--mainColor);}
.bar_class1 .itop .morev{position: absolute;top:10px;right:5px;height:28px;line-height:28px;padding:0 10px 0 10px;border-radius:5px;font-size:12px;background:linear-gradient(#ebf5fe 0%,#dbf3f5 100%);color:#1f79cf;border:1px solid #d1eafe;text-align: center;transition: 0.5s;}
.bar_class1 .itop .morev:hover{ background:linear-gradient(#d1eafe 0%,var(--mainColor) 100%); color:#FFF; transition:0.5s;}
.bar_class1 content{display:block;float:left;width:100%;padding-bottom:40px;}
 
CUnit1{float:left;display:block;width:100%;min-height:180px;padding:10px 0 10px 0;transition:all .5s ease 0s;}
.bar_class1:hover CUnit1{transform:scale(1.03,1.03); transition:all .5s ease 0s;}

CUnit1 .fh {float:left;height:40px;line-height:40px;width:16.66%;text-align:left;position:relative; margin:10px 0px 10px 0%; font-size:12pt;border-right:0px solid #d1eafe ;bbackground-color:#ebf5fe;color:#086dc7;padding-bottom:10%;} 
CUnit1 .fh A{display:block;position:absolute;color:#086dc7;left:0px;top:0px;width:100%;height:100%;}
CUnit1 .fh:hover{border:0px solid #086dc7 ;background-color:#086dc7; color:#FFF;}
CUnit1 .fh:hover A{color:#FFF;}

CUnit1 .viewmore{display:block;float:right;margin-right:10px;margin-top:5px;height:30px;width:30px;text-align:center;line-height:30px;border:1px solid var(--mainColor);border-radius:50%;font-size:10pt;color:var(--mainColor);transition:0.5s;}
CUnit1 .viewmore:hover{margin-right:20px;background-color:var(--mainColor);color:#FFF;transition:0.5s;} 

CUnit2{float:left;display:block;width:100%;height:100%;min-height:180px;padding:0px 0 0px 0;transition:all .5s ease 0s;}
.bar_class1:hover CUnit2{transform:scale(1.03,1.03); transition:all .5s ease 0s;}

CUnit2 .fh {float:left;height:100%;line-height:80px;width:100%;text-align:left;position:relative; margin:0px 0px 0px 0%; font-size:20pt;border-right:0px solid #d1eafe ;color:#086dc7;} 
CUnit2 .fh A{color:#FFF;}
CUnit2 .fh imgtxt{display:block;position:absolute;color:#FFF;left:0px;top:0px;width:100%;height:100%;color:#FFF;}

CUnit2 .viewmore{display:block;float:right;margin-right:10px;margin-top:5px;height:30px;width:30px;text-align:center;line-height:30px;border:1px solid var(--mainColor);border-radius:50%;font-size:10pt;color:var(--mainColor);transition:0.5s;}
CUnit2 .viewmore:hover{margin-right:20px;background-color:var(--mainColor);color:#FFF;transition:0.5s;} 


icotxt{width:100%;height:100%;display:table;}
icotxt it{width:100%;height:100%;display:table-cell;vertical-align:middle; transition:all .5s ease 0s; }
icotxt it ico{display:block;width:calc(100% - 1px);height:60px;line-height:60px;text-align:center;font-size:30pt; }
icotxt it txt{display:block;width:calc(100% - 1px);height:60px;line-height:60px;text-align:center;font-size:25pt; }
icotxt it remark{display:block;width:calc(100% - 1px);height:20px;line-height:20px;text-align:center;font-size:12pt; }
icotxt it myitem{display:block;width:calc(100% - 1px);min-height:50px;line-height:50px;text-align:center;font-size:12pt; }
icotxt it myitem A{display:inline-block;border-top:1px dotted rgba(255,255,255,0.5);border-bottom:1px dotted rgba(255,255,255,0.5);height:30px;line-height:30px;padding:0 10px 0 10px;color:#FFF;}

icotxt it:hover{transform:scale(1.3,1.3); transition:all .5s ease 0s; } 
icotxt it:hover ico{border-right:0px;}
icotxt it:hover txt{border-right:0px;}

.index_column_bg{min-height:400px;background:url(/site/images/index_column_bg.jpg);tpadding-top:20px;}
.index_column_bg_main{min-height:400px;background:url(/site/images/index_column_bg_main.jpg);height:100%;tpadding-top:20px;}

.shadow{  
	box-shadow: 0 2px 13px 1px rgba(0,89,189,0.2);
	-webkit-box-shadow: 0 2px 13px 1px rgba(0,89,189,0.2);
	transition: all 0.3s linear;
}

.shadow:hover{  
	box-shadow: 0 2px 13px 2px rgba(0,89,189,0.6);
	-webkit-box-shadow: 0 2px 13px 2px rgba(0,89,189,0.6);
	transition: all 0.3s linear;
}

.shadow_1{  
	box-shadow: 1px 2px 8px 1px rgba(0,89,189,0.1);
	-webkit-box-shadow: 1 2px 8px 1px rgba(0,89,189,0.1);
	transition: all 0.3s linear;
}

.shadow_1:hover{  
	box-shadow: 1px 2px 8px 2px rgba(0,89,189,0.2);
	-webkit-box-shadow: 1 2px 8px 2px rgba(0,89,189,0.2);
	transition: all 0.3s linear;
}


@media only screen and (max-width: 760px) {

.updateList{width:98%;} 

}

about{display:block;float:left;width:100%;min-height:1px;background:#FFF;}
.pagesection about{transform:translate(0,100px);opacity:0; transition:all 1s ease 0s;} 
.active about{transform:translate(0,0);opacity:100;transition:all 2s ease 0s;} 

about headinfo{float:left;width:46%;height:160px;background:url(/site/images/index_info_bg.png) no-repeat bottom;background-size:100% auto;position:relative;margin-left:0%;}
about headinfo bg{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;transition:all .5s ease 0s;background-color:var(--mainColor);opacity:0.2;}
about headinfo instname{position:absolute;width:90%;left:3%;top:10px;height:50px;line-height:50px;text-indent:10px;transition:all .5s ease 0s;font-size:18pt;font-weight:bold;z-index:2;color:#FFF;}
about headinfo instremark{position:absolute;width:94%;bottom:20px;left:3%;height:80px;line-height:25px;z-index:2;transition:all .5s ease 0s;color:#FFF;}
about headinfo instremark A{display:inline-block;border:1px solid #FFF;width:25px;height:25px;border-radius:50%;text-align:center;color:#FFF;}
about headinfo instremark A:hover{color:#FFF;}
about headinfo btns{position:absolute;width:94%;bottom:5px;left:3%;height:35px;color:#FFF;text-align:right;z-index:2;transition:all .5s ease 0s;}
about headinfo btns btn{display:inline-block;height:30px;margin-right:2%;line-height:30px;padding:0 20px 0 20px;border-radius:10px;border:1px solid #FFF;color:#FFF;}

about:hover headinfo bg{opacity:0.5;transition:all .5s ease 0s;}
about:hover headinfo instname{top:0px;transition:all .5s ease 0s;}
about:hover headinfo instremark{bottom:30px;transition:all .5s ease 0s;}
about:hover headinfo btns{left:6%;transition:all .5s ease 0s;}

about info{float:right;width:100%;position:relative;padding-bottom:6%;}
about info datas{sfloat:left;position:absolute;width:100%;height:100%;}

about info datas unit{float:left;width:calc( 20% - 2px) ;height:calc( 100% - 1px) ;border-right:1px dotted #CCC;border-top:0px solid #CCC;display:table;}
about info datas unit content{width:100%;height:100%;display:table-cell;vertical-align:middle;}
about info datas unit data{display:block;width:100%;border-radius: 5px; font-family: arial; font-size:25pt;  font-weight: bold; position: relative; line-height:45px;text-align: center;color:var(--mainColor);}
about info datas unit remark{display:block;width:100%;height:20px;line-height:20px;font-size:10pt;color:#999;text-align: center;}
about info datas unit:nth-child(5n){border-right:0px solid #CCC;}
about info datas unit:hover{background-color:#f0f4f7;}

@media only screen and (max-width: 760px) {
 about headinfo{width:100%;}
 about headinfo instname{height:30px;line-height:30px;top:10px;font-size:14pt;}
 about headinfo instremark{bottom:30px;line-height:20px;}
 about:hover headinfo instremark{bottom:50px;line-height:20px;}

 about info{width:100%;min-height:180px;height:auto;}
 about info datas unit{ width:calc( 33.3% - 1px); border-right:1px dotted #CCC;border-bottom:1px dotted #CCC; height:calc( 50% - 1px) }
 about info datas unit data{ font-size:14pt; line-height:35px;} 

 about info datas unit:nth-child(4){ width:calc( 50% - 1px);}
 about info datas unit:nth-child(5){ width:calc( 50% - 1px);}

}

indexAbout{display:block;width:100%;min-height:0px;float:left;background-color:#FFF;}

.IndexAboutZone{float:left;width:45%;margin-top:30px;} 
.pagesection .IndexAboutZone{transform:translate(0px,-50px);opacity:0; transition:all 1s ease 0s;} 
.active .IndexAboutZone{transform:translate(0px,0);opacity:100;transition:all 3s ease 0s;} 

.bar_about{float:left;width:100%;min-height:76px;} 
.bar_about .bhead{float:left;min-height:100px; margin:0px; width:100%; text-align:left;}

.bar_about .bhead .bname0{float:left;width:100%;height:30px;line-height:30px;font-size:18pt;color:#ff9999;font-family:Rubik-Regular;text-indent:20px;}
.bar_about .bhead .bname{float:left;height:40px; line-height:40px; width:100%; text-align:left;font-size:16pt;text-indent:20px;} 
.bar_about .bhead .bname1{float:left;height:20px; line-height:20px; width:100%; color: #dddddd;font-family: arial;font-size: 18px;text-indent:20px;}

.bar_about .bcontent{float:left;min-height:76px;width:100%;text-align:left;}
.bar_about .bcontent info{float:left;display:block;line-height:36px;font-family: "Noto Sans SC", "Microsoft YaHei", arial, ËÎÌå;color: rgb(51, 51, 51);font-size:14px;width:90%;padding:0 5% 0 5%;height:70%;max-height:250px;overflow:hidden;text-indent:20px;}

.bar_about .bcontent li{float:left;height:38px;line-height:38px;width:100%;list-style-type:disc;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 
.bar_about .bcontent li A{font-size:16pt;}
.bar_about .bcontent li:hover{} 
.bar_about .bcontent li:hover A{color:#0056a8;font-size:16pt;} 
.bar_about .bcontent .cnew{float:left;width:10px;height:38px;line-height:38px; display:table-cell; vertical-align:middle;list-style-type:none;}
.bar_about .bcontent dt{display:block;float:right;height:38px;width:70px;line-height:38px;text-align:right;overflow:hidden;text-align:right;font-size:10px;display:inline}
.bar_about .bcontent .tdy{display:block;float:right;height:38px;line-height:38px;width:70px;text-align:right;overflow:hidden;margin:0px 0px 0 0px;text-align:right;font-size:12px;display:inline;color:#F30;font-weight:bold;}

.bar_about .bcontent1{float:left;min-height:60px;width:100%;text-align:left;padding-top:15px;}
.bar_about .bcontent1 info{display:block;line-height:50px;width:90%;padding:0 5% 0 5%;text-align:center;}
.bar_about .bcontent1 info btn{display:inline-block;height:40px;line-height:40px;padding:0px 30px 0 30px;border:1px solid var(--mainColor);margin:5px;font-size:12pt;border-radius:10px;}
.bar_about .bcontent1 info btn:hover{border:1px solid var(--mainBG);background:var(--mainBG);color:var(--mainColor);} 

.indexAboutICO{float:right;width:54%;tmargin:60px 1% 1% 0;margin:0px;} 
.pagesection .indexAboutICO{transform:scale(0.5,0.5);opacity:0; transition:all 1s ease 0s;} 
.active .indexAboutICO{transform:scale(1,1);opacity:100;transition:all 2s ease 0s;} 

.indexAboutICO a1ico{display:block;float:left;width:100%; padding-bottom:30%;background:url(/site/images/about/bg1.jpg) center; background-size:100% auto; position:relative;transition: .4s;}
.indexAboutICO a1ico:hover{ background-size:120% auto;transition: .4s;}

.indexAboutICO a2ico{display:block;float:left;width:50%;  padding-bottom:25%;  background:url(/site/images/about/bg2.jpg) center; background-size:100% auto; position:relative;transition: .4s;}
.indexAboutICO a2ico:hover{ background-size:120% auto;transition: .4s;}

.indexAboutICO a3ico{display:block;float:left;width:50%;  padding-bottom:25%;  background:url(/site/images/about/bg3.jpg) center; background-size:100% auto; position:relative;transition: .4s;}
.indexAboutICO a3ico:hover{ background-size:120% auto;transition: .4s;}

.acontent {	width: 100%;	position: absolute;	left: 0;	bottom: 0;	z-index: 1;	color: #fff; padding: 0 0% 11% 0%;	-webkit-transition: .4s;	transition: .4s; text-align:center;}
.acontent:hover{ bottom: 6%;}
.acontent .tit { font-size: 30px;	font-weight: lighter;	margin: 0;}
.acontent .text {height: 38px;	margin: 20px 0 10px 0;position:relative;}
.acontent .mores {	position: relative;	padding-right: 45px;}
.acontent .mores::after {	content: ""; position: absolute;	right: 5px;	top: 6px;	width: 25px;	height: 5px;	background: url(../images/icon02.png) no-repeat;}

.acontent  play{display:block;position:absolute;width:100%;height:100%;left:0; top:0;font-size:30pt;color:#FFF;background:rgba(0,0,0,0);line-height:calc( 100% - 1px );text-align:center;}
.acontent:hover  play{background:rgba(0,0,0,0);}
.acontent  play span{display:block;width:20%;height:20%;margin:auto;transition:all .8s ease 0s;}
.acontent:hover  play span{transform:scale(1.5,1.5);transition:all .8s ease 0s;}

@media only screen and (max-width: 760px) {
	.IndexAboutZone{float:left;width:100%;margin-top:10px; } 
	.bar_about .bhead{min-height:30px;}
	.bar_about .bcontent img{width:100%;}
	.indexAboutICO{float:right;width:100%;margin:10px 0 0 0;}  
	.acontent{padding: 0 0% 1% 0%;}
	.acontent:hover{ bottom: 6%;}

.indexAboutICO a1ico{ padding-bottom:50%;  background-size:100% 100%; } 
.indexAboutICO a2ico{ width:50%;  padding-bottom:40%;  background-size:100% 100%;  }
.indexAboutICO a3ico{ width:50%;  padding-bottom:40%;  background-size:100% 100%;  }

.indexAboutICO a1ico:hover{ background-size:100% 100%; }
.indexAboutICO a2ico:hover{ background-size:100% 100%; }
.indexAboutICO a3ico:hover{ background-size:100% 100%; }

}

.tabs_subs{float:right;height:30px;line-height:30px;text-align:center;margin:12px 0 0 0; font-size:14pt;}
.tabs_subs .sub_tab{float:left;height:30px;line-height:30px;padding:0px 10px 0 10px;cursor:pointer;display:inline-block;font-size:12pt; }
.tabs_subs .sub_tab:first-child{} 
.tabs_subs .sub_tab_selected{float:left;height:30px;line-height:30px;padding:0px 10px 0 10px;background:linear-gradient(#4ac5ff 0%,var(--mainColor) 100%);border-radius:5px 5px 0 0; color:#FFFFFF;cursor:pointer;display:inline-block;font-size:12pt;} 

.noticeUnit{float:left;width:48%;height:380px;border:1px dotted var(--mainColor);border-radius:5px;padding:5px;} 
.noticeUnit:nth-child(2n){float:right;} 

.noticeUnit .itop{float:left;width:100%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:1px solid #e5e5e5;position:relative;}
.noticeUnit .iname{float:left;min-height:40px;padding:0 10px 0 10px;line-height:40px;font-size:16pt;font-weight:bold;text-align:center;border-bottom:2px solid var(--mainColor);}
.noticeUnit .iname A{font-size:16pt;font-weight:bold;color:var(--mainColor);}
.noticeUnit .itop .morev{position: absolute;top:5px;right:5px;height:30px;width:30px;line-height:30px;padding:0 10px 0 10px;border-radius:5px;font-size:12px;background:var(--mainColor);color:var(--shadowColor); text-align: center;transition: 0.5s;}
.noticeUnit .itop .morev:hover{ transform:scale(1.2,1.2);transition:0.5s;}

.noticeUnit .unit{float:left;width:99%;min-height:70px;margin:0px 0px 0px 0px; padding-top:10px; border-bottom:1px dotted #CCC;}
.noticeUnit .unit .udate{float:left;width:60px;height:60px;border:0px solid #b4b9bb; text-align:center;margin:0px 0 0 5px;}
.noticeUnit .unit .udate li{float:left;height:30px;width:100%;font-size:16pt;font-weight:bold;margin-top:5px;}
.noticeUnit .unit .udate .uyear{float:left;height:20px;width:100%;font-size:10pt;font-weight:normal;color:#999999;margin-top:0px;}

.noticeUnit .unit .utitle{float:left;width:calc(100% - 80px );height:70px;overflow:hidden;margin:0px 0 0 10px;}
.noticeUnit .unit .utitle li{float:left;width:100%;height:30px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.noticeUnit .unit .utitle li A{font-size:11pt;font-weight:bold;color:#000;}
.noticeUnit .unit .utitle .remark{float:left;width:100%;height:38px;lin-height:19px;font-size:12px;overflow:hidden;color:#cccccc;}

.noticeUnit .unit:hover{background-color:#0099ff;}
.noticeUnit .unit:hover .udate{border:0px solid #0099ff; color:#FFFFFF; background-color:#0099ff;}
.noticeUnit .unit:hover .udate li{color:#FFFFFF;}
.noticeUnit .unit:hover .udate .uyear{color:#FFFFFF;}

.noticeUnit .unit:hover .utitle{color:#FFFFFF;}
.noticeUnit .unit:hover .utitle li{color:#FFFFFF;}
.noticeUnit .unit:hover .utitle li A{color:#FFFFFF;}
.noticeUnit .unit:hover .utitle .remark{color:#FFFFFF;}

.noticeUnit msg{display:block;float:left;min-height:40px;line-height:40px;width:98%;border-bottom:1px dotted #CCC;}
.noticeUnit msg A{float:left;display:inline-block;width:calc(100% - 70px);height:40px;line-height:40px;font-size:11pt;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.noticeUnit dt{display:inline-block;float:right;width:70px;height:40px;line-height:40px;}

.bar_2_1r{margin-right:1%} 
.bar_2_1c{float:left;width:49%;min-height:310px;margin-top:10px;} 
.bar_2_1c .bhead{float:left;margin:0px; width:100%;height:58px; line-height:58px; text-align:left;font-weight:bold; font-size:12pt;text-indent:25px;tcolor:#FFF;tbackground: url(/site/images/barbg/i_bar_5_img_1.jpg);border-radius: 5px 5px 0 0;}
.bar_2_1c .bhead A.more {float: right;display: inline-block; height: 100%;width: 50px; background: url(/site/images/i_img_more.gif) no-repeat center;margin-right:5px;}
.bar_2_1c .bcontent{float:left;height:280px;width:calc(100% - 2px);display:inline;overflow:hidden; tbackground:#fff; border-radius:0 0 5px 5px; tborder:1px solid #22549d;}
.bar_2_1c .bcontent msg{display:block;min-height:36px;line-height:36px;width:98%;text-indent:10px;border-bottom:1px dotted #CCC;margin-left:1%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 
.bar_2_1c .bcontent msg A{font-size:11pt;}
 
@media only screen and (max-width: 760px) {

.noticeContent{width:96%;} 

.index_ico_zone_bar{width:100%;}
.index_ico_zone_bar .itop{width:100%;}
.index_ico_zone_bar .iname{width:100%;} 
.index_ico_zone_model{width:100%;}
.index_ico_zone_bar .iname{line-height:30px;font-size:14pt;}
.index_ico_zone_bar .iname A{font-size:14pt;}
 
.bar_2_1r{margin-right:0} 
.bar_2_1c{width:100%;} 

}

.index_product_zone{float:left;width:100%;height:450px; background:url(/site/images/bgs/i_img_product_bg.png) center;}
.index_product_model{margin:auto;width:1300px;height:450px;}
.index_product{float:left;width:100%;min-height:80px;margin-top:20px;padding-bottom:10px;border-radius:5px;}
.index_product .itop{float:left;width:100%;height:50px;text-align:center;}
.index_product .itop .iname{float:left;width:200px;height:30px; margin:20px 0 0 0px; display:inline;font-size:16pt;letter-spacing:10px;color:#FFFFFF;}
.index_product .itop .iname A{font-size:18pt;letter-spacing:10px;color:#FFFFFF;}
.index_product .itop .subs{float:right;width:900px;height:30px;margin:20px 10px 0 0 ;}
.index_product .itop .subs li{float:right;min-width:80px;height:30px;line-height:30px;margin:0px 10px 0 0 ;}
.index_product .itop .subs li A{color:#FFFFFF;}
.index_product .iarea{float:left;width:100%;min-height:70px;margin-top:20px;} 
 
.index_zoneserv_model{margin:auto;width:1300px;min-height:300px;}
.index_zoneserv{float:left;width:100%;min-height:80px;margin-top:20px;padding-bottom:10px;border-radius:5px;}
.index_zoneserv .itop{float:left;width:100%;height:50px;text-align:center;}
.index_zoneserv .iname{float:left;width:100%;height:30px; margin:20px 0 0 0px; display:inline;font-size:18pt;font-weight:bold;letter-spacing:10px;}
.index_zoneserv .iname A{font-size:18pt;font-weight:bold;letter-spacing:10px;}
.index_zoneserv .i_remark{float:left;width:100%;min-height:10px;}
.index_zoneserv .i_remark li{float:left;width:90%;min-height:0px;margin:10px;color:#999;}
.index_zoneserv .iarea{float:left;width:100%;min-height:70px;} 

.index_dtl{float:left;width:100%;clear:both;color:#FF0000;}
.index_dtl img{max-width:700px;}
.index_dtl h1{float:left;height:40px;width:100%; text-align:center;font-size:18px; font-weight:bold;margin:10px 0px 0px 0px;border:1px solid #FF0000;} 
.index_dtl .ai{float:left;min-height:100px;width:100%; text-align:center;}
.index_dtl .v{float:left;width:100%;line-height:30px;font-size:16px; margin:10px 0px 10px 0px; text-align:left;color:#000000; text-indent:25pt;}
.index_dtl .v .pageimg{float:left;margin:10px 20px 10px 10px;max-width:450px;max-height:300px;}
.index_dtl .v .spn_more{ background-color:#09F;padding:5px 40px 5px 20px;float:right;text-align:center;}
.index_dtl .v .spn_more A{ color:#FFF;}

.index_dtl_contact{float:left;width:100%;min-height:200px; clear:both;color:#FF0000;}  
.index_dtl_contact .v{float:left;min-height:200px;width:50%;line-height:25px;font-size:12pt; margin:10px 0px 10px 0px; text-align:left;color:#000000;}
.index_dtl_contact .m{float:left;min-height:200px;width:50%;line-height:25px;font-size:12pt; margin:10px 0px 10px 0px; text-align:left;color:#000000;}

.index_images{float:left;width:100%;min-height:150px; clear:both;margin-top:20px;position:relative;}
.img_scroll{height:300px;}
@media only screen and (max-width: 760px) {
.img_scroll{min-height:300px;height:auto;}
}

.index_images .i{float:left;width:20%;padding-bottom:calc( 15% + 60px ) ; text-align:center;display:inline;position:relative;}
.index_images .i ul{}
.index_images .i ul .shape{position:absolute;width:100%;height:100%;left:0px;top:0px;padding-bottom:0px;text-align:center;}

.index_images .i .vi{margin:auto;width:90%;height:70%;text-align:center;overflow:hidden;position:relative;}
.index_images .i .vi img{ width:100%; height:auto; transition:all .8s ease 0s;}
.index_images .i .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index_images .i .t{margin:auto;width:90%; height:40px; line-height:20px;text-align:center;font-size:12pt;text-overflow:ellipsis; overflow:hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;}
.index_images .i .t A{font-size:13pt;color:var(--textColor);}  

.index_images .i mybg { display:block;  width:100%;  position: absolute;    right: 0;    top: 0;    left: 0;    height: 0; transition: all .1s; }
.index_images .i:hover mybg { height:100%;}

.index_images .si:hover .t{color:#FFF;}
.index_images .si:hover .t A{color:#FFF;}  

.index_images .i:nth-child(5n+1) mybg { background: #ba292e; }
.index_images .i:nth-child(5n+2) mybg { background: #1599a5; }
.index_images .i:nth-child(5n+3) mybg { background: #5e904d; }
.index_images .i:nth-child(5n+4) mybg { background: #5d4378; }
.index_images .i:nth-child(5n+5) mybg { background: #ba292e; }

@media only screen and (max-width: 760px) {

.index_images .i{width:50%;padding-bottom:53%;} 
.index_images .i .t{height:30px;} 
}

shapeico{display:block;height:220px;width:100%;overflow:hidden;}
.index_icos{float:left;width:100%;height:200px; clear:both;margin-top:20px;position:relative;}
@media only screen and (max-width: 760px) {
.index_icos{min-height:300px;height:auto;}
}
.index_icos .i{float:left;width:20%;padding-bottom:calc( 15% + 20px ) ; text-align:center;display:inline;position:relative;}
.index_icos .i ul{}
.index_icos .i ul .shape{position:absolute;width:100%;height:100%;left:0px;top:0px;padding-bottom:0px;text-align:center;}

.index_icos .i .vi{margin:auto;width:90%;height:70%;text-align:center;overflow:hidden;position:relative;display:table;}
.index_icos .i .vi A{font-size:50pt;display:table-cell;vertical-align:middle;}
.index_icos .i .t{margin:auto;width:90%; height:40px; line-height:20px;text-align:center;font-size:12pt;text-overflow:ellipsis; overflow:hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;}
.index_icos .i .t A{font-size:13pt;color:var(--textColor);}  
.index_icos .i:hover A{color:var(--mainColor);}

.color_ff9900{color:#ff9900;}
.color_0066ff{color:#0066ff;}
.color_6633ff{color:#6633ff;}
.color_669933{color:#669933;}
.color_0066ff{color:#0066ff;}
.color_0acfe1{color:#0acfe1;}

.index_icos .i mybg { display:block;  width:100%;  position: absolute;    right: 0;    top: 0;    left: 0;    height: 0; transition: all .1s; }

.index_icos .si:hover .t{color:#FFF;}
.index_icos .si:hover .t A{color:#FFF;} 

@media only screen and (max-width: 760px) {
.index_icos .i{width:50%;padding-bottom:53%;} 
.index_icos .i .t{height:30px;} 
}



.index_text_list{float:left;width:250px;height:100px;margin:20px;}
.index_text_list .title{float:left; width:100%; height:100%; text-align:center;display:inline; line-height:100px;font-size:10pt;border:1px solid #128c05;}  
.index_text_list .title  A {font-size:14pt; font-weight:bold; color:#128c05;} 

.index_images_txt{float:left;width:100%;min-height:250px; clear:both;}
.index_images_txt .i{float:left; width:20%;padding-bottom:23%; height:auto;text-align:center;display:inline;position:relative;}
.index_images_txt .shape{position:absolute;width:95%;height:95%;left:5%;top:5%;padding:0px;}
.index_images_txt .i .vi{float:left;width:100%;height:calc( 100% - 100px) ; text-align:center;}
.index_images_txt .i .vi img{ max-width:90%; max-height:95%;  -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.index_images_txt .i .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index_images_txt .i .t{float:left; width:100%; height:40px; line-height:18px;text-align:center;margin:10px 0 0 0;}
.index_images_txt .i .t A{font-size:10pt;font-weight:bold;}
.index_images_txt .i .r{float:left; width:100%; height:60px; line-height:18px;text-align:left;color:#888080;font-size:12px;}
.index_images_txt .i .r A{color:#888080;font-size:10pt;}

@media only screen and (max-width: 760px) {
	.index_images_txt .i{width:50%;padding-bottom:53%;}
}

/* images text */ 
.index_img_text{float:left;width:100%;min-height:150px; clear:both;border-radius:5px;} 
.index_img_text  .i{float:left; width:550px; height:160px;margin:20px 0px 0px 20px; display:inline;border:1px solid rgba(255,0,0,0); border-radius:5px;}
.index_img_text  .i .vi{float:left;width:210px;height:160px; text-align:center;}
.index_img_text  .i .vi img{max-width:200px; max-height:150px;margin:0px 0px 0px 8px;}
.index_img_text  .i .t{float:left; width:320px; height:160px; line-height:18px;text-align:center;  display:inline;margin:0px 0px 0px 20px;}
.index_img_text  .i .t .title{float:left;width:310px;min-height:30px; text-align:left;margin:5px 0px 0px 0px}
.index_img_text  .i .t .title A{font-size:14px; font-weight:bold;}
.index_img_text  .i .t .text{float:left;width:310px; height:120px; text-align:left;color:#666666;font-size:12px;line-height:22px;}
.index_img_text  .i .t .tmore{float:left;width:310px;height:20px; text-align:right;margin-top:-20px;}
.index_img_text  .i .t .tmore a{color:#666666; font-weight:bold;}
.index_img_text  .i:hover{border:1px solid #f08300;border-radius:5px;}  

/* index c */
.index_subc{float:left;width:100%;min-height:10px; padding-bottom:20px;}
.index_subc .i{float:left; width:22%;padding-bottom:calc(12% + 30px);position:relative;margin:0px 0 20px 2%;}

.index_subc .i mybg { display:block;  width:100%;  position: absolute;    right: 0;    top: 0;    left: 0;    height: 0; transition: all .5s; }
.index_subc .i:hover mybg { height:100%;}

.index_subc .i:nth-child(1) mybg { background: #ba292e; }
.index_subc .i:nth-child(2) mybg { background: #1599a5; }
.index_subc .i:nth-child(3) mybg { background: #5e904d; }
.index_subc .i:nth-child(4) mybg { background: #5d4378; }

.index_subc .i .vi{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.index_subc .i .vi .imgs{width:100%; height:calc(100% - 30px);position:relative;overflow:hidden;text-align:center;}
.index_subc .i .vi .imgs img{height:100%;border-radius:10%; transition:all .3s ease 0s;}
.index_subc .i .vi .imgs img:hover{transform:scale(1.3,1.3);} 
.index_subc .i .vi .title{width:100%;height:30px;line-height:30px;text-align:center;font-size:11pt;}  
.index_subc .i .vi .title_en{width:100%;height:30px;line-height:30px;text-align:center;font-size:12pt;}  
.index_subc .i .vi .remark{padding-top:10px;width:100%;height:70px;line-height:23px;font-size:12px;color:var(--remarkColor);} 
.index_subc .i:hover .vi .title{color:var(--echoColor);}  
.index_subc .i:hover .vi .title_en{color:var(--echoColor);}  

.index_subc .ew{float:left; width:48%;padding-bottom:calc(25% + 30px);position:relative;margin:0px 0 10px 2%;}

.index_subc .ew mybg { display:block;  width:100%;  position: absolute;    right: 0;    top: 0;    left: 0;    height: 0; transition: all .5s; }
.index_subc .ew:hover mybg { height:100%;}

.index_subc .ew:nth-child(1) mybg { background: #ba292e; }
.index_subc .ew:nth-child(2) mybg { background: #1599a5; }
.index_subc .ew:nth-child(3) mybg { background: #5e904d; }
.index_subc .ew:nth-child(4) mybg { background: #5d4378; }

.index_subc .ew .vi{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.index_subc .ew .vi .imgs{width:100%; height:calc(100% - 30px);position:relative;overflow:hidden;text-align:center;}
.index_subc .ew .vi .imgs img{height:100%;border-radius:10%; transition:all .8s ease 0s;}
.index_subc .ew .vi .imgs img:hover{transform:scale(1.1,1.1);} 
.index_subc .ew .vi .title{width:100%;height:30px;line-height:30px;text-align:center;font-size:11pt;}  
.index_subc .ew .vi .title_en{width:100%;height:30px;line-height:30px;text-align:center;font-size:12pt;}  
.index_subc .ew .vi .remark{padding-top:10px;width:100%;height:70px;line-height:23px;font-size:12px;color:var(--remarkColor);} 
.index_subc .ew:hover .vi .title{color:var(--echoColor);}  
.index_subc .ew:hover .vi .title_en{color:var(--echoColor);}  

.index_subc .t{float:left; width:250px;min-height:150px;margin:0px 0px 0px 30px; text-align:center;display:inline;}
.index_subc .t .vi{float:left;width:248px;min-height:150px;border:1px solid rgba(255,0,0,0); text-align:center;}
.index_subc .t .vi:hover{color:#FF0000;border:1px solid #fd9704;} 
.index_subc .t .vi .title{float:left;width:100%;height:150px; font-size:18pt;line-height:150px;} 
.index_subc .t .vi .title A{font-size:14pt;} 
.index_subc .t .vi .title:hover A{color:#FF0000;font-weight:bold;}

.index_subc1 .i{float:left; width:18%;padding-bottom:calc(11% + 70px);;position:relative;margin-left:1%;}
.index_subc1 .i .vi{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.index_subc1 .i .vi .imgs{width:100%; height:calc(100% - 70px);position:relative;overflow:hidden;text-align:center;}  
.index_subc1 .i .vi .imgs img{height:100%;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} 
.index_subc1 .i .vi .imgs img:hover{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} 
.index_subc1 .i .vi .title{width:100%;height:40px;line-height:40px;text-align:center;font-size:14pt;}  
.index_subc1 .i .vi .title_en{width:100%;height:30px;line-height:30px;text-align:center;font-size:12pt;}  
.index_subc1 .i .vi .remark{padding-top:10px;width:100%;height:70px;line-height:23px;font-size:12px;color:var(--remarkColor);} 
.index_subc1 .i:hover .vi .title{color:#FFF;}  
.index_subc1 .i:hover .vi .title_en{color:#FFF;}  

.index_subc1 .i mybg { display:block;  width:100%;  position: absolute;    right: 0;    top: 0;    left: 0;    height: 0; transition: all .1s; }
.index_subc1 .i:hover mybg { height:100%;}

.index_subc1 .i:nth-child(1) mybg { background: #ba292e; }
.index_subc1 .i:nth-child(2) mybg { background: #1599a5; }
.index_subc1 .i:nth-child(3) mybg { background: #5e904d; }
.index_subc1 .i:nth-child(4) mybg { background: #5d4378; }
.index_subc1 .i:nth-child(5) mybg { background: #ba292e; }

/* video text */ 
.index_video_text{float:left;width:100%;min-height:150px; clear:both;border-radius:5px;} 
.index_video_text  .v{float:left; width:550px; height:160px;margin:20px 0px 0px 20px; display:inline;border:1px solid rgba(255,0,0,0); border-radius:5px;}
.index_video_text  .v .vi{float:left;width:200px;height:160px; text-align:center;}
.index_video_text  .v .vi img{float:left;width:200px; max-height:160px;margin:0px 0px 0px 8px;}
.index_video_text  .v .t{float:left; width:320px; height:160px; line-height:18px;text-align:center;  display:inline;margin:0px 0px 0px 20px;}
.index_video_text  .v .t .title{float:left;width:310px;height:30px; text-align:left;margin:5px 0px 0px 0px}
.index_video_text  .v .t .title A{font-size:14px; font-weight:bold; color:#FE9B00;}
.index_video_text  .v .t .text{float:left;width:310px; height:120px; text-align:left;color:#666666;font-size:12px;line-height:22px;}
.index_video_text  .v .t .tmore{float:left;width:310px;height:20px; text-align:right;margin-top:-20px;}
.index_video_text  .v .t .tmore a{color:#666666; font-weight:bold;}
.index_video_text  .v:hover{border:1px solid #f08300;border-radius:5px;}  

.annList{float:right;width:25%;min-height:305px;background-color: #ffffff;margin:0px 0 0px 0%;} 
.annList .itop{float:left;width:98%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:0px solid #e5e5e5;position:relative;margin-left:1%;}
.annList .iname{float:left;min-height:40px;line-height:40px;font-size:14pt;text-align:center;border-bottom:1px solid var(--mainColor);padding:0 10px 0 10px;}
.annList .iname A{font-size:14pt;color:var(--mainColor);}
.annList .itop .morev{position: absolute;top:10px;right:5px;height:28px;line-height:28px;padding:0 10px 0 10px;border-radius:5px;font-size:12px;background:linear-gradient(#ebf5fe 0%,#dbf3f5 100%);color:#1f79cf;border:1px solid #d1eafe;text-align: center;transition: 0.5s;}
.annList .itop .morev:hover{ background:linear-gradient(#d1eafe 0%,var(--mainColor) 100%); color:#FFF; transition:0.5s;}
.annList content{display:block;float:left;width:98%;height:240px;overflow:hidden;margin:10px 0 0 1%;}
.annList msg{display:block;float:left;min-height:40px;line-height:40px;width:100%;border-bottom:0px dotted #CCC;margin-left:1%;}
.annList msg A{float:left;display:inline-block;width:calc(100% - 5px);min-height:40px;line-height:40px;font-size:11pt;}
.annList dt{display:inline-block;float:right;width:70px;height:36px;line-height:36px;}


.updateList{float:left;width:27.33%;height:300px;margin:5% 0 5% 4%;border-radius:5px;border:1px solid rgba(255,255,255,0.5);position:relative;}
.updateList:hover{border:1px solid rgba(255,255,255,1);}
.updateList .itop{float:left;width:98%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:0px solid #e5e5e5;position:relative;margin-left:1%;margin-top:15px;}
.updateList .iname{float:left;min-height:40px;line-height:40px;font-size:14pt;text-align:center;border-bottom:0px solid var(--mainColor);padding:0 10px 0 10px;}
.updateList .iname A{font-size:14pt;color:#FFF;}
.updateList .itop .morev{position: absolute;top:10px;right:5px;height:28px;line-height:28px;padding:0 10px 0 10px;border-radius:5px;font-size:12px;background:linear-gradient(#ebf5fe 0%,#dbf3f5 100%);color:#1f79cf;border:1px solid #d1eafe;text-align: center;transition: 0.5s;}
.updateList .itop .morev:hover{ background:linear-gradient(#d1eafe 0%,var(--mainColor) 100%); color:#FFF; transition:0.5s;}
.updateList content{display:block;float:left;width:98%;margin-left:1%;}
.updateList msg{display:block;float:left;min-height:35px;line-height:35px;width:98%;border-bottom:1px dotted #F7F7F7;margin-left:1%;}
.updateList msg A{float:left;display:inline-block;width:calc(100% - 5px);height:35px;line-height:35px;font-size:11pt;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.updateList dt{display:inline-block;float:right;width:70px;height:36px;line-height:36px;}
.updateList bg{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.5;background-color:#1e78cd;transition:all .5s ease 0s;border-radius:10px;}
.updateList:hover bg{opacity:0.3;transition:all .5s ease 0s;}

@media only screen and (max-width: 760px) { 
	.updateList{width:92%;}
}

.index_list{float:left;width:100%;min-height:160px; clear:both;}
.recent_list{float:left;width:100%;min-height:310px; clear:both;background-color:#FFF;}

.pagesection .recent_list .uContent{float:left;width:46%;min-height:280px;margin:2% 0 2% -10%;opacity:0;transition:all 1s ease 0s;}
.active .recent_list .uContent{float:left;width:46%;min-height:280px;margin:2% 0 2% 2%;opacity:100;transition:all 1s ease 0s;}

.recent_list .scrlImg{float:left;width:95%;padding-bottom:calc( 66.66% );position:relative;}
.recent_list .scrlImg .icontent{position:absolute;width:100%;height:100%;left:0px;top:0px;}

.index_list .unit{float:left;width:99%;min-height:70px;margin:0px 0px 0px 0px; padding-top:10px; border-bottom:1px dotted #CCC;}
.index_list .unit .udate{float:left;width:60px;height:60px;border:0px solid #b4b9bb; text-align:center;margin:0px 0 0 5px;}
.index_list .unit .udate li{float:left;height:30px;width:100%;font-size:16pt;font-weight:bold;margin-top:5px;}
.index_list .unit .udate .uyear{float:left;height:20px;width:100%;font-size:10pt;font-weight:normal;color:#999999;margin-top:0px;}

.index_list .unit .utitle{float:left;width:calc(100% - 80px );height:70px;overflow:hidden;margin:0px 0 0 10px;}
.index_list .unit .utitle li{float:left;width:100%;height:30px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.index_list .unit .utitle li A{font-size:11pt;font-weight:bold;color:#000;}
.index_list .unit .utitle .remark{float:left;width:100%;height:38px;lin-height:19px;font-size:12px;overflow:hidden;color:#cccccc;}

.index_list .unit:hover{background-color:#0099ff;}
.index_list .unit:hover .udate{border:0px solid #0099ff; color:#FFFFFF; background-color:#0099ff;}
.index_list .unit:hover .udate li{color:#FFFFFF;}
.index_list .unit:hover .udate .uyear{color:#FFFFFF;}

.index_list .unit:hover .utitle{color:#FFFFFF;}
.index_list .unit:hover .utitle li{color:#FFFFFF;}
.index_list .unit:hover .utitle li A{color:#FFFFFF;}
.index_list .unit:hover .utitle .remark{color:#FFFFFF;}

.index_list .uContentF{float:left;width:100%;min-height:340px;}
.index_list .uContentF .unitF{float:left;min-height:30px;}
.index_list .uContentF .unitF .utitleF{float:left;width:100%;height:35px;line-height:35px;overflow:hidden;}
.index_list .uContentF .unitF .utitleF li{float:left;width:99%;height:35px;line-height:35px;overflow:hidden;margin-left:1%;}
.index_list .uContentF .unitF .utitleF li A{font-size:16px;}

@media only screen and (max-width: 760px) {
.recent_list{width:100%;}
.recent_list .scrlImg{float:left;width:100%;min-height:0px;padding-bottom:calc( 63.33% + 20px );}
.recent_list .scrlImg .icontent{width:100%;min-height:0px;}
.recent_list .uContent{width:100%;min-height:0px;height:auto;}
.pagesection .recent_list .uContent{width:100%;min-height:0px;height:auto;}
.active .recent_list .uContent{width:96%;min-height:0px;height:auto;}

.index_list .unit{width:100%;margin:0px;}
.index_list .unit:hover{width:100%;margin:0px;}
.index_list .unit .utitle{width:76%;margin:0px 0 0 5px;}
.index_list .unit:hover .utitle{width:76%;margin:0px 0 0 5px;}
.annList {width: 100%;}
}

.index_list_remark{float:left;width:100%;min-height:200px; clear:both;margin-top:20px;} 
.index_list_remark .uContent{float:left;width:1300px;min-height:360px;}

.index_list_remark .unit{float:left;width:550px;min-height:80px;margin:10px 0px 0px 10px; }
.index_list_remark .unit .udate{float:left;width:60px;height:60px;border:1px solid #b4b9bb; text-align:center;margin:10px 0 0 5px;}
.index_list_remark .unit .udate li{float:left;height:25px;width:100%;font-size:12pt;font-weight:bold;margin-top:5px;}
.index_list_remark .unit .udate .uyear{float:left;height:20px;width:100%;font-size:10pt;font-weight:normal;color:#999999;margin-top:0px;}

.index_list_remark .unit .utitle{float:left;width:470px;height:60px;overflow:hidden;margin:10px 0 0 5px;}
.index_list_remark .unit .utitle li{float:left;width:100%;height:23px;overflow:hidden;}
.index_list_remark .unit .utitle li A{font-size:11pt;font-weight:bold;}
.index_list_remark .unit .utitle .remark{float:left;width:100%;height:57px;lin-height:19px;font-size:12px;overflow:hidden;color:#999999;}

.index_list_remark .unit:hover{float:left;width:550px;min-height:80px;margin:10px 0px 0px 10px; background-color:#98b71c}
.index_list_remark .unit:hover .udate{float:left;width:60px;height:60px;border:1px solid #b4b9bb; text-align:center;margin:10px 0 0 5px;color:#FFFFFF; background-color:#698206;}
.index_list_remark .unit:hover .udate li{float:left;height:25px;width:100%;font-size:12pt;font-weight:bold;margin-top:5px;color:#FFFFFF;}
.index_list_remark .unit:hover .udate .uyear{float:left;height:20px;width:100%;font-size:10pt;font-weight:normal;color:#999999;margin-top:0px;color:#FFFFFF;}

.index_list_remark .unit:hover .utitle{float:left;width:470px;height:60px;overflow:hidden;margin:10px 0 0 5px;color:#FFFFFF;}
.index_list_remark .unit:hover .utitle li{float:left;width:100%;height:23px;overflow:hidden;color:#FFFFFF;}
.index_list_remark .unit:hover .utitle li A{font-size:11pt;font-weight:bold;color:#FFFFFF;}
.index_list_remark .unit:hover .utitle .remark{float:left;width:100%;height:57px;lin-height:19px;font-size:12px;overflow:hidden;color:#999999;color:#FFFFFF;}

@media only screen and (max-width: 760px) {
.index_list_remark{margin-top:5px;} 
.index_list_remark .uContent{width:100%;}
.index_list_remark .unit{width:100%;margin:10px 0px 0px 0px; }
.index_list_remark .unit .utitle{width:76%;margin:10px 0 0 5px;}

.index_list_remark .unit:hover{width:100%;margin:10px 0px 0px 0px;}
.index_list_remark .unit:hover .utitle{width:76%;margin:10px 0 0 5px;}

}

.i_list_remark{float:left;width:100%;min-height:200px; clear:both;margin-top:10px;} 
.i_list_remark .uContent{float:left;width:100%;padding:20px 0 30px 0;}

.i_list_remark .unit{float:left;width:100%;margin-top:15px;padding:10px 0px 10px 0px; border-bottom:1px dotted #999;position:relative; background-color:#FFF; transition:0.5s;bbox-shadow: 0 4px 10px #CBCBCB;}

.i_list_remark .unit .uimg{float:left;width:16%;min-height:0px;text-align:center;margin:10px 0 0 10%;}
.i_list_remark .unit .uimg li{width:100%;padding-bottom:66.6%;position:relative;overflow:hidden;}
.i_list_remark .unit .uimg img{position:absolute;width:100%;height:100%;left:0;top:0;}

.i_list_remark .unit .udate{position:absolute;left:5px;top:20px;width:calc( 10% - 10px );border:1px solid #FFF; transition:0.5s;}
.i_list_remark .unit .udate li{width:100%;padding-bottom:120%;color:#999999;text-align:center;position:relative;}
.i_list_remark .unit .udate d{display:block;position:absolute;height:60px;line-height:60px;width:100%;font-size:22pt;vertical-align: middle;}
.i_list_remark .unit .udate ym{display:block;position:absolute;bottom:10px;height:40px;line-height:40px;width:100%;font-size:14pt;} 

.i_list_remark .unit .utitle{float:right;min-height:120px; padding:0px 0 0 10px;margin:10px 0 0 5px;} 
.utitle1{width:72%;}
.utitle2{width:90%;}
.i_list_remark .unit .utitle li{float:left;width:100%;height:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:11pt;}
.i_list_remark .unit .utitle li A{font-size:14pt;font-weight:bold;}
.i_list_remark .unit .utitle .remark{float:left;width:100%;height:75px;line-height:25px;font-size:12px;overflow:hidden;color:#999999;} 
.i_list_remark .unit .utitle info{display:block;float:left;width:100%;height:25px;color:#999999;text-align:right;}
.i_list_remark .unit .utitle info span{display:inline-block;height:25px;line-height:25px;padding:0 20px 0 20px;text-indent:10px;}

.i_list_remark .unit .udate_new{float:left;width:65px;height:80px;border:1px solid #FF0000; text-align:center;margin:10px 0 0 5px;} 
.i_list_remark .unit .udate_new li{float:left;height:25px;width:100%;font-size:12pt;font-weight:bold;margin-top:5px;}
.i_list_remark .unit .udate_new .uday{float:left;height:40px;line-height:40px;width:100%;font-size:12pt;font-weight:normal;color:#FF0000;margin-top:0px;}
.i_list_remark .unit .udate_new .umonth{float:left;height:40px;line-height:40px;width:100%;font-size:11pt;font-weight:normal;color:#FF0000;margin-top:0px;font-weight:bold;}
.i_list_remark .unit .udate_new .uyear{float:left;height:30px;line-height:30px;width:100%;font-size:10pt;font-weight:normal;color:#FF0000;margin-top:0px;}

.i_list_remark .unit:hover{background-color:var(--mainBG);transition:0.5s; }
.i_list_remark .unit:hover .udate{border:1px solid var(--mainBG);color:var(--mainBG);transition:0.5s;}
.i_list_remark .unit:hover .udate li{color:var(--mainColor);}
.i_list_remark .unit:hover .udate .uyear{color:var(--mainColor);}

.i_list_remark .unit:hover .utitle{color:var(--mainColor);}
.i_list_remark .unit:hover .utitle li{color:var(--mainColor);}
.i_list_remark .unit:hover .utitle li A{color:var(--mainColor);}
.i_list_remark .unit:hover .utitle .remark{color:var(--mainColor);}
.i_list_remark .unit:hover .utitle info{color:var(--mainColor);}
.i_list_remark .unit:hover .utitle info span{color:var(--mainColor);}

@media only screen and (max-width: 760px) {
.i_list_remark .unit .uimg{width:100%;height:auto;min-height:10px;max-height:1000px;margin:10px 0 0 0;overflow:hidden;}
.i_list_remark .unit .uimg img{width:100%;max-height:1000px;}

.i_list_remark .unit .udate{float:left;position:relative;width:calc( 22% - 2px ) ;}
.i_list_remark .unit .utitle{float:right;width:calc( 78% - 15px );}  
.utitle1{width:75%;}
.utitle2{width:75%;}
}

/* video center ========================================= */

.bar_recent_v{float:left;width:430px;height:440px; margin:0px 0 0 0px;} 
.bar_recent_v .bhead{float:left;height:40px; margin:0px 0 0 0; width:100%; text-align:left;padding:0px; display:inline; border-bottom:1px solid #004827; }
.bar_recent_v .bhead .bname{float:left;height:40px; line-height:40px; color:#0360bf; font-size:16px; font-weight:bold; width:80px;margin:0px 0 0 15px;text-align:center;display:inline;}
.bar_recent_v .bhead .bname A{font-size:16px; font-weight:bold;color:#0360bf;}
.bar_recent_v .bhead .sub_tabs{float:left;height:40px;line-height:40px;width:400px;text-align:center;margin:0px 0 0 0; }
.bar_recent_v .bhead .sub_tab{float:left;height:40px;line-height:40px;width:130px;}
.bar_recent_v .bhead .sub_tab A{font-size:13pt;font-weight:bold;color:#004827;}
.bar_recent_v .bhead .sub_tab_selected{float:left;height:40px;line-height:40px;width:130px; background-color:#004827;color:#FFFFFF;}
.bar_recent_v .bhead .sub_tab_selected A{color:#FFFFFF;font-size:13pt;font-weight:bold;}
.bar_recent_v .bhead .more{float:right;height:16px;width:42px; text-align:center;margin:12px 8px 0 0; background-image:url(/site/images/i_ico_more.gif);display:inline;}
.bar_recent_v .bcontent{float:left;min-height:220px;width:100%;padding-top:10px; display:inline;}
.bar_recent_v .bcontent li{float:left;height:35px;margin-top:10px;line-height:35px;width:99%;display:inline;position:relative;text-indent:13px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} 
.bar_recent_v .bcontent li A{font-size:16px;font-weight:bold;}
.bar_recent_v .bcontent li:hover{} 
.bar_recent_v .bcontent li:hover A{color:#0056a8;}
.bar_recent_v .bcontent em{display:block;float:left; height:32px;line-height:32px;width:9px; text-align:right;overflow:hidden;margin:7px 0 0 1px;text-align:right;background-color:#FFFFFF;display:inline}
.bar_recent_v .bcontent dt{display:block;float:right;height:32px;line-height:32px;width:30px;text-align:right;overflow:hidden;margin:3px 3px 0 0px;text-align:right;font-size:10px;display:inline}
.bar_recent_v .bcontent .remark{float:left;width:95%;height:80px;font-size:12px; color:#999;margin:0 0 0 10px;}


.vi_ivideoc_zone{float:left;width:100%;min-height:1px;margin-top:10px;}
.vi_ivideoc{float:left;width:1100px;height:280px; margin:20px 0 0 0px;} 
.vi_ivideoc .bhead{float:left;height:40px; margin:0px 0 0 0; width:100%; text-align:left;padding:0px; display:inline; border-bottom:1px solid #004827; }
.vi_ivideoc .bhead .bname{float:left;height:40px; line-height:40px; color:#0360bf; font-size:16px; font-weight:bold; width:80px;margin:0px 0 0 15px;text-align:left;display:inline;}
.vi_ivideoc .bhead .bname A{font-size:16px; font-weight:bold;color:#0360bf;}
.vi_ivideoc .bhead .sub_tabs{float:left;height:40px;line-height:40px;width:155px;text-align:center;margin:0px 0 0 0; }
.vi_ivideoc .bhead .sub_tab{float:left;height:40px;line-height:40px;width:155px;border-left:5px solid #004827; text-indent:10px;text-align:left;}
.vi_ivideoc .bhead .sub_tab A{font-size:13pt;font-weight:bold;color:#004827;}
.vi_ivideoc .bhead .sub_tab_selected{float:left;height:40px;line-height:40px;width:155px; border-left:1px solid #004827; background-color:#004827;color:#FFFFFF;}
.vi_ivideoc .bhead .sub_tab_selected A{color:#FFFFFF;font-size:13pt;font-weight:bold;}
.vi_ivideoc .bhead .more{float:right;height:16px;width:42px; text-align:center;margin:12px 8px 0 0; background-image:url(/site/images/i_ico_more.gif);display:inline;}
.vi_ivideoc .bcontent{float:left;height:240px;width:100%;} 

.vi_vimages{float:left;width:100%;height:100%;position:relative;}
.vi_vimages .i{float:left; width:170px; height:114px;margin:5px 0 0 12px; background-color:#000;}
.vi_vimages .i .vi{float:left;width:100%;height:112px; text-align:center;overflow:hidden; }
.vi_vimages .i .vi img{height:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.vi_vimages .i .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.vi_vimages .i .t{float:left; width:100%; height:24px; line-height:24px;margin-top:-24px;text-align:center;font-size:10pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;}
.vi_vimages .i .t A{display:block;float:left;width:100%;height:24px;font-size:10pt;color:#FFFFFF;} 
 
.vi_vimages .i1{float:left; width:350px; height:240px;margin:2px 0 0 0px;background-color:#000;}
.vi_vimages .i1 .vi{float:left;width:100%;height:240px; text-align:center;overflow:hidden; }
.vi_vimages .i1 .vi img{ max-width:350px; max-height:240px; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.vi_vimages .i1 .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.vi_vimages .i1 .t{float:left; width:100%; height:30px; line-height:30px;margin-top:-50px;text-align:left;font-size:12pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}
.vi_vimages .i1 .t A{display:block;float:left;width:100%;height:30px;font-size:12pt;color:#FFFFFF;} 
.vi_vimages .i1 .t1{float:left; width:100%; height:20px; line-height:20px;margin-top:-20px; text-align:left;font-size:10px;color:#FFFFFF;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;} 
 
.floating_ct{float:left;width:360px;height:170px;position:fixed;bottom:5px;right:5px; background-color:#FFF;z-index:99999;border:1px solid #12335f;} 
.floating_ct .bhead{float:left;height:40px; margin:0px 0 0 0; width:100%; text-align:left;padding:0px; display:inline; border-bottom:1px dotted #004827; position:relative;}
.floating_ct .bhead .bname{float:left;height:40px; line-height:40px; font-size:14px; font-weight:bold; width:110px;text-align:center; background:#004827;}
.floating_ct .bhead .bname A{font-size:16pt;font-weight:bold;color:#FFFFFF;}
.floating_ct .bhead .fclose{float:right;height:40px; line-height:40px;width:40px; text-align:center; font-size:14px; font-weight:bold;}
.floating_ct .bhead .fclose A{color:red};
.floating_ct .bcontent{float:left;height:120px;width:100%;margin-top:10px; overflow:hidden;}
.floating_ct .bcontent li{float:left;height:30px;line-height:30px;width:280px; text-indent:3px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } 
.floating_ct .bcontent li A{font-size:11pt;}
.floating_ct .bcontent li:hover{} 
.floating_ct .bcontent li:hover A{color:#0056a8;font-size:11pt;}
.floating_ct .bcontent .cnew{float:left;width:10px;height:30px;line-height:30px; display:table-cell; vertical-align:middle;list-style-type:none;text-indent:0px;}
.floating_ct .bcontent dt{display:block;float:right;height:30px;line-height:30px;width:70px;text-align:right;overflow:hidden;margin:0px 0px 0 0px;text-align:right;font-size:12px;display:inline}
.floating_ct .bcontent .tdy{display:block;float:right;height:30px;line-height:30px;width:70px;text-align:right;overflow:hidden;margin:0px 0px 0 0px;text-align:right;font-size:12px;display:inline;color:#F30;font-weight:bold;}


.frlogoLink_zone{float:left;width:100%;min-height:20px; margin:20px 0 0 0 ;}
.frlogoLink_area{margin:auto;width:1100px;min-height:20px; background-color:#FFFFFF;}
.frlogoLink{float:left;width:200px;height:70px;margin:10px 18px 0px 0px; text-align:center;border:1px solid #EFEFEF}
.frlogoLink img{max-width:200px;max-height:70px;}

.ordersave_shape1{float:left;width:60%;min-height:300px;}
.ordersave_shape2{float:left;width:50%;min-height:300px;}
.ordersave{float:left;width:100%;min-height:300px;margin-top:20px;}
.ordersave ul{float:left;width:100%;min-height:300px;}
.ordersave ul li{float:left;width:100%;height:50px;line-height:50px;border-bottom:1px solid #EEEEEE;text-align:left;padding-left:0px; text-indent:20px;}
.ordersave ul li .text{float:right;width:500px;height:40px;line-height:40px;margin-top:5px;}
.ordersave ul li .option{float:right;width:500px;height:50px;line-height:50px;}
.ordersave ul li span{color:#F00}
.ordersave ul li .text_ewm{float:right;width:400px;height:40px;line-height:40px;margin-top:5px;}
.ordersave ul li .ewm{float:right;height:40px;margin-top:5px;}
.ordersave ul li .subbtn{float:left;margin-left:300px;text-align:center; height:40px;margin-top:5px; width:200px; color:#FFFFFF; background:#09F;border:0px;}
.ordersave ul li:last-child{border-bottom:0px;}

 .order_step{ float: left;width: 100%;min-width: 1300px;min-height: 300px; background-color: #EFEFEF;margin: 0px 0 0px 0; text-align:center; }


.orderEWM{float:left;width:40%;min-height:300px;}
.orderEWM li{float:left;width:100%;text-align:center;margin:10px;} 
.orderEWM li A{font-size:12px;color:#aeaeae;}
.orderEWM li img{width:150px;height:150px;}


.orderEWM1{float:left;width:50%;min-height:300px;}
.orderEWM1 li{float:left;width:100%;text-align:center;margin:20px;} 
.orderEWM1 li A{font-size:12px;color:#aeaeae;}
.orderEWM1 li img{width:370px;}

.index_zone_video_bg_bak{background:url(/site/images/index_v_bg_6.jpg);overflow:hidden;padding-bottom:0px;position:relative;} 
.index_zone_video_bg{background:url(/site/images/index-about-bg.jpg);overflow:hidden;padding-bottom:0px;position:relative;} 

.index_zone_video_bg .bgcover{position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;transition:0.5s;}
.index_zone_video_bg:hover .bgcover{filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3; transition:0.5s;}
.index_zone_video_bg .index_zone_bar .sub_tab{color:#FFFFFF;}

.index_zone_bar .playarea{position: absolute;left:calc( 50% - 420px );top:calc( 50% - 150px );z-index:2;width:800px;height:360px;text-align:center;color:#FFF;font-size:14pt;line-height:30px;}

.index_zone_bar .play { position: absolute;left:calc( 50% - 60px );top:calc( 50% - 60px );z-index:2;cursor:pointer; width:120px; height:120px; background: url(/site/images/playbg.png) center no-repeat;background-size:100% 100%;opacity:0.5; transition:0.5s;}
.index_zone_video_bg:hover .play {transform:scale(1.2,1.2); opacity:1; transition:0.5s;}

.index_zone_bar .vtop{float:left;width:100%;height:40px;text-align:center;}
.index_zone_bar .vname{display:block;position:absolute;left:calc( 50% - 50px );z-index:5;height:80px;line-height:80px;font-size:18pt;font-weight:bold;color:#fff;}
.index_zone_video_bg .info1{    float: right;    min-height: 400px;    width: 100%;    display: inline;    position: relative; }
.index_zone_video_bg .info1 img{max-width:700px;}


.middlec7zone{float:left;width:100%;min-height:50px;margin-top:0px;}
.friendlink{margin:auto;width:98%;max-width:1900px;height:50px; background-color:var(--mainBG);border-radius:10px 10px 0 0 ;} 
.friendlink .flleft{float:left;height:50px;width:9px; padding:0px;}
.friendlink .fname{float:left;height:30px;width:140px;padding-top:15px; text-align:center; font-size:12pt; color:#FFF; font-weight:bold;}
.friendlink li{float:left;height:30px;width:25%;padding-top:15px; text-align:center;} 

.friendlink li A{font-size:12px;} 
.friendlink li .sel{width:200px;}
.friendlink .flright{float:right;height:50px;width:9px; padding:0px; background-image:url(/images/bgs/bar_bg_1.3.png);}

@media only screen and (max-width: 760px) {
.friendlink{width:100%;} 
.friendlink .fname{width:100%;text-align:center;} 
.friendlink .flleft{display:none;} 
.friendlink .flright{display:none;} 
.friendlink {width:100%;}
.friendlink li{width:100%;}
}


.Buttons{float:left;width:100%;height:100px;margin:20px 0 20px 0px;text-align:center;border-radius:5px;}
.Buttons ul{margin:auto;width:1300px;height:100%;white-space:nowrap;text-align:center; }
.Buttons ul li{display:inline-block;position:relative;height:100px;width:calc( 16.666% - 0px ); text-align:center;line-height:100px;tborder-right:1px solid #8bc9ed;background-color:#FFF;
tbackground:linear-gradient(#ebf5fe 0%,#FFF 100%); color:#086dc7;transition:all .8s ease 0s;}  
.Buttons ul li:nth-child(2){tborder-right:1px solid #cbeef0;bbackground-color:#e6f7f8;}
.Buttons ul li:nth-child(2) A{color:#26a7ae;border-right:1px solid #cbeef0;}
.Buttons ul li:nth-child(2):hover{border-right:1px solid #26a7ae ;background-color:#26a7ae; color:#FFF;}

.Buttons ul li:nth-child(3){tborder-right:1px solid #c9f3b4;bbackground-color:#eafae1;}
.Buttons ul li:nth-child(3) A{color:#52b22a;border-right:1px solid #c9f3b4;}
.Buttons ul li:nth-child(3):hover{border-right:1px solid #52b22a ;background-color:#52b22a; color:#FFF;}

.Buttons ul li:nth-child(4){tborder-right:1px solid #80f18e;bbackground-color:#c8f5ce;}
.Buttons ul li:nth-child(4) A{color:#0eb623;border-right:1px solid #80f18e;}
.Buttons ul li:nth-child(4):hover{border-right:1px solid #80f18e ;background-color:#80f18e; color:#FFF;}

.Buttons ul li:nth-child(5){tborder-right:1px solid #f1ca6b;bbackground-color:#f8edd4;}
.Buttons ul li:nth-child(5) A{color:#da9d08;border-right:1px solid #f1ca6b;}
.Buttons ul li:nth-child(5):hover{border-right:1px solid #da9d08 ;background-color:#da9d08; color:#FFF;}

.Buttons ul li:nth-child(6){border-right:0px solid #eba97c;bbackground-color:#f5d9c7;}
.Buttons ul li:nth-child(6) A{color:#d36012;border-right:0px solid #f1ca6b;}
.Buttons ul li:nth-child(6):hover{border-right:1px solid #d36012 ;background-color:#e1935e; color:#FFF;}

.Buttons ul li A{font-size:14pt;color:#086dc7;display:block;width:calc(100% - 1px ); height:40px;line-height:40px;border-right:1px solid #8bc9ed;margin-top:30px;}


.Buttons ul li:hover{background:#086dc7; color:#FFF;transform:scale(1.1,1.1); transition:all .8s ease 0s;z-index:1;}
.Buttons ul li:hover A{color:#FFF;border-right:0px;}

.Buttons ul .selected{background:#086dc7; color:#FFF;}
.Buttons ul .selected A {color:#FFF;} 

.headName{float:left;width:100%;height:60px;margin:20px 0 20px 0px;text-align:left;border-radius:5px;}
.headName ul{margin:auto;width:1300px;height:100%;white-space:nowrap;text-align:left; }
.headName ul li{display:inline-block;position:relative;height:60px;width:calc( 16.666% - 0px ); text-align:center;line-height:60px;color:#086dc7;transition:all .8s ease 0s;}  
.headName ul li A{font-size:14pt;color:#086dc7;}
.headName ul li:hover{background:#086dc7; color:#FFF;transform:scale(1.1,1.1); transition:all .8s ease 0s;z-index:1;}
.headName ul li:hover A{color:#FFF;border-right:0px;}
.headName ul .selected{background:#086dc7; color:#FFF;}
.headName ul .selected A {color:#FFF;} 

@media only screen and (max-width: 760px) {

.headName{height:auto;}
.headName ul{ height:auto;width:100%;white-space:normal;}
.headName ul li{ width:20%; padding:0px 0px 0px 0px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.headName ul .selected{ width:20%; }
.headName ul .selected A {font-size:16px;}

}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; }
.slide-sum .swiper-pagination{text-align: center;left:0;position:relative;padding-top:10px;}
.slide-sum .swiper-pagination-bullet{width:15px;height:15px;background:var(--mainBG);opacity:1;}
.slide-sum .swiper-pagination-bullet-active{width:30px;border-radius:30px ;background: var(--mainColor);opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets.slide-sum .swiper-pagination-bullet{margin:0 3px;}

.slide-sum-sample .swiper-pagination{text-align: center;left:0;position:relative;padding-top:10px;}
.slide-sum-sample .swiper-pagination-bullet{width:15px;height:15px;background:var(--mainBG);opacity:1;}
.slide-sum-sample .swiper-pagination-bullet-active{width:30px;border-radius:30px ;background: var(--mainColor);opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets.slide-sum-sample .swiper-pagination-bullet{margin:0 3px;}

.slide-sum-honor .swiper-pagination{text-align: center;left:0;position:relative;padding-top:10px;}
.slide-sum-honor .swiper-pagination-bullet{width:15px;height:15px;background:var(--mainBG);opacity:1;}
.slide-sum-honor .swiper-pagination-bullet-active{width:30px;border-radius:30px ;background: var(--mainColor);opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets.slide-sum-honor .swiper-pagination-bullet{margin:0 3px;}

.power{width:100%;padding:10px 0 30px 0;min-height:200px;} 

.bar_powerUnit{float:left; width:49%;text-align:center;display:inline;height:auto;margin-right:1%;}
.pagesection .bar_powerUnit{transform:scale(0.5,0.5);opacity:0; transition:all 1s ease 0s;} 
.active .bar_powerUnit{transform:scale(1,1);opacity:100;transition:all 3s ease 0s;} 

.bar_powerUnit ul{width:100%;padding-bottom:66.66%;position:relative;height:auto;}
.bar_powerUnit ul .shape{position:absolute;width:100%;height:100%;left:0%;top:0%;padding:0px;z-index:2;}
.bar_powerUnit ul .shape .vi{float:left;width:100%;height:100%;text-align:center;overflow:hidden;border-radius:0px;position:relative;background-color:#FFF;}
.bar_powerUnit ul .shape .vi img{ width:100%; transition:all .8s ease 0s;}
.bar_powerUnit ul .shape .t{position:absolute;width:100%;left:0px; height:30px; bottom:10px; line-height:30px;text-align:left;text-indent:10px;font-size:12pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;z-index:2;  transition:all .8s ease 0s;}
.bar_powerUnit ul .shape .t A{font-weight:bold;color:var(--mainColor);}
.bar_powerUnit ul .shape .viewgo{position:absolute;width:20px;right:3px; height:20px; bottom:15px; border-radius:50%;border:1px solid #FFF;color:#FFF; line-height:20px;text-align:center;font-size:12pt;z-index:2;  transition:all .8s ease 0s;}
.bar_powerUnit ul .shape bg{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.1;background-color:var(--mainBG);z-index:1;transition:all .5s ease 0s;bborder-radius:10px;}

.bar_powerUnit:hover ul .shape .vi img { transform:scale(1.1,1.1); transition:all .8s ease 0s;}
.bar_powerUnit:hover ul .shape bg{opacity:0.1; transition:all .8s ease 0s;}
.bar_powerUnit:hover ul .shape .t{left:-10px; transition:all .8s ease 0s;}
.bar_powerUnit:hover ul .shape .viewgo{right:10px;transform:scale(1.1,1.1);transition:all .8s ease 0s;}

.bar_powerUnit ul .shape .vi s:nth-child(2){transition:0.5s;display:block;position:absolute;top:10%;left:10%; height:60%;width:10%;border-top:1px solid #fff;border-left:1px solid #fff; border-bottom:1px solid #fff;}
.bar_powerUnit ul .shape .vi s:nth-child(3){transition:0.5s;display:block;position:absolute;top:10%;right:10%;height:60%;width:10%;border-top:1px solid #fff;border-right:1px solid #fff; border-bottom:1px solid #fff;}

.bar_powerUnit:hover ul .shape .vi s:nth-child(2){transition:0.5s;left:5%; height:70%;opacity:0.1}
.bar_powerUnit:hover ul .shape .vi s:nth-child(3){transition:0.5s;right:5%;height:70%;opacity:0.1}

@media only screen and (max-width: 760px) {
.power{height:auto;min-height:160px;padding:10px 0 10px 0;} 
.bar_powerUnit{width:48%;margin-top:2%;}
.bar_powerUnit ul .shape .vi s:nth-child(2){height:50%;}
.bar_powerUnit ul .shape .vi s:nth-child(3){height:50%;}
}


.IndexColumnTitle1 {float:left;width:100%;position:relative;margin:3% 0 3% 0;}
.pagesection .IndexColumnTitle1{transform:translate(0px,-100px);opacity:0; transition:all 1s ease 0s;} 
.active .IndexColumnTitle1{transform:translate(0,0);opacity:100;transition:all 2s ease 0s;} 
.IndexColumnTitle1 .title {line-height:40px;height:40px;font-size:16px;color: #595959;font-family: "ËÎÌå";font-weight: bold; position: relative; z-index: 2;text-align:center;}


indexpagefoot{display:block;width:100%;margin:2% 0 2% 0;}

indexHonor{display:block;float:left;width:50%;}
@media only screen and (max-width: 760px) {
	indexHonor{width:100%;}  
}

honor{display:block;float:left;width:100%;padding-bottom:44%;position:relative;overflow:hidden;} 
honor .bar_honor{position:absolute;width:96%;height:100%;margin-left:2%;}
.pagesection .bar_honor{transform:scale(0.5,0.5);opacity:0; transition:all 1s ease 0s;} 
.active .bar_honor{transform:scale(1,1);opacity:100;transition:all 3s ease 0s;} 

.bar_honorUnit{float:left; width:49%;text-align:center;display:inline;height:auto;margin-right:1%;}
.bar_honorUnit ul{width:100%;padding-bottom:66.66%;position:relative;height:auto;}
.bar_honorUnit ul .shape{position:absolute;width:100%;height:100%;left:0%;top:0%;padding:0px;z-index:2;}
.bar_honorUnit ul .shape .vi{float:left;width:100%;height:100%;text-align:center;overflow:hidden;border-radius:0px;position:relative;background-color:#FFF;}
.bar_honorUnit ul .shape .vi img{ width:100%; transition:all .8s ease 0s;}
.bar_honorUnit ul .shape .t{position:absolute;width:100%;left:0px; height:30px; bottom:10px; line-height:30px;text-align:left;text-indent:10px;font-size:12pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;z-index:2;  transition:all .8s ease 0s;}
.bar_honorUnit ul .shape .t A{color:#FFF;font-weight:bold;}
.bar_honorUnit ul .shape .viewgo{position:absolute;width:20px;right:3px; height:20px; bottom:15px; border-radius:50%;border:1px solid #FFF;color:#FFF; line-height:20px;text-align:center;font-size:12pt;z-index:2;  transition:all .8s ease 0s;}
.bar_honorUnit ul .shape bg{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0.1;background-color:var(--mainBG);z-index:1;transition:all .5s ease 0s;bborder-radius:10px;}

.bar_honorUnit:hover ul .shape .vi img { transform:scale(1.1,1.1); transition:all .8s ease 0s;}
.bar_honorUnit:hover ul .shape bg{opacity:0.1; transition:all .8s ease 0s;}
.bar_honorUnit:hover ul .shape .t{left:-10px; transition:all .8s ease 0s;}
.bar_honorUnit:hover ul .shape .viewgo{right:10px;transform:scale(1.1,1.1);transition:all .8s ease 0s;}

.bar_honorUnit ul .shape .vi s:nth-child(2){transition:0.5s;display:block;position:absolute;top:10%;left:10%; height:60%;width:10%;border-top:1px solid #fff;border-left:1px solid #fff; border-bottom:1px solid #fff;}
.bar_honorUnit ul .shape .vi s:nth-child(3){transition:0.5s;display:block;position:absolute;top:10%;right:10%;height:60%;width:10%;border-top:1px solid #fff;border-right:1px solid #fff; border-bottom:1px solid #fff;}

.bar_honorUnit:hover ul .shape .vi s:nth-child(2){transition:0.5s;left:5%; height:70%;opacity:0.1}
.bar_honorUnit:hover ul .shape .vi s:nth-child(3){transition:0.5s;right:5%;height:70%;opacity:0.1}

@media only screen and (max-width: 760px) {
.bar_honorUnit{width:48%;margin-top:2%;}
.bar_honorUnit ul .shape .vi s:nth-child(2){height:50%;}
.bar_honorUnit ul .shape .vi s:nth-child(3){height:50%;}
}

IndexMap{display:block;float:left;width:50%;}
imap{float:left;width:100%;padding-bottom:44%;}
imap content{position:absolute;width:100%;height:100%;}
.pagesection imap{transform:scale(0.5,0.5);opacity:0; transition:all 1s ease 0s;} 
.active imap{transform:scale(1,1);opacity:100;transition:all 3s ease 0s;} 

@media only screen and (max-width: 760px) {
	IndexMap{width:100%;}  
}

content .settop{float:left;width:90%;position:relative;padding-bottom:50%;margin-left:5%;border-radius:10px;}
content .settop .imgul{position:absolute;left:0px;top:0px;width:100%;height:100%;}
content .settop .stimg{float:left;width:100%;height:100%;overflow:hidden;position:relative;}
content .settop .stimg img{width:100%; transition:all .8s ease 0s;}
content .settop:hover .stimg img{transform:scale(1.1,1.1);transition:all .8s ease 0s;}
content .settop .stimg play{display:block;position:absolute;width:100%;height:100%;left:0; top:0;font-size:30pt;color:#FFF;background:rgba(0,0,0,0.5);line-height:calc( 100% - 1px );text-align:center;transition:all .5s ease 0s;}
content .settop:hover .stimg play{background:rgba(0,0,0,0.2);transition:all .5s ease 0s;}
content .settop .stimg play span{display:block;width:20%;height:20%;margin:20% 0 0 40%;transition:all .8s ease 0s;}
content .settop:hover .stimg play span{transform:scale(1.5,1.5);transition:all .8s ease 0s;}

content .settop .sttitle{float:left;width:100%;height:30px;line-height:30px;margin:0px 0 0 0;text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;z-index:1;position:relative;}
content .settop .sttitle A{font-size:11pt;color:#FFFFFF;}


.load{
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.loadC {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -57px;
    text-align: center;
}

.loadTop, .loadBottom {

    position: absolute;
    width: 100%;
    height: 50%;
    /*background: url(/site/images/top/logo.png) center ; background-repeat:no-repeat; */
	background-color:#ffffff; 
	 opacity: 0.7;
    left: 0;

}
.loadTop .divBg, .loadBottom .divBg{
    position: absolute;
    width:100%;
    height:445px;
    background-image: url(/site/images/loadingbg.png);
    background-repeat: no-repeat;
    left: 0;
}
.loadTop .divBg{
    background-position:center top;
    bottom: 0;
}
.loadBottom .divBg{
    background-position:center bottom;
    top:0;
}
.loadLogo {
    text-align: center;
    width: 100%;
	color:#000;
}
.loadLogo img{height:60px;}

.loadTop {
    top: 0;
}
.loadBottom {
    bottom: 0;
}
.loadLoading {
    display:inline-block;
    font-size:0px;
    padding:0px;
}
.loadLoading span {
    vertical-align:middle;
    /* border-radius:100%; */
    display:inline-block;
    width:15px;
    height:15px;
    margin:3px 2px;
    background:#1d208c;
    -webkit-animation:loader1 0.8s linear infinite alternate;
    animation:loader1 0.8s linear infinite alternate;
}
.loadLoading span:nth-child(1) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
}
.loadLoading span:nth-child(2) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
}
.loadLoading span:nth-child(3) {
    -webkit-animation-delay:-0.26666s;
    animation-delay:-0.26666s;
}
.loadLoading span:nth-child(4) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
}
.loadLoading span:nth-child(5) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
}
@keyframes loader1 {
    from {
        transform: scale(0, 0);
    }
    to {
        transform: scale(1, 1);
    }
}
@-webkit-keyframes loader1 {
    from {
        -webkit-transform: scale(0, 0);
    }
    to {
        -webkit-transform: scale(1, 1);
    }
}