@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:1200px;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:1200px;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:1200px;}
.index_classad_model{margin:auto;width:1200px;}
.index_classad_bar{float:left;width:100%;}
.index_classad_bar img{max-width:1200px;}

.index_zone{float:left;width:100%;padding:10px 0 10px 0 ;}
.index_zone_model{margin:auto;width:1200px;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:16pt;font-weight:bold;text-align:center;border-bottom:2px solid var(--mainColor);}
.index_zone_bar .iname A{font-size:16pt;font-weight:bold;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:52px;line-height:50px;text-align:center;overflow:hidden;}
.index_zone_bar .sub_tab{height:50px;line-height:50px;width:130px;display: inline-block;font-size:16px;cursor:pointer;}
.index_zone_bar .sub_tab A{font-size:16px;font-weight:bold;}
.index_zone_bar .sub_tab_selected{height:50px;line-height:50px;width:130px;display: inline-block;font-size:16px;border-radius:5px ;cursor:pointer;}
.index_zone_bar .sub_tab_selected A{font-size:16px;font-weight:bold;}

.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:320px;width:100%;display:inline; position:relative;}
.index_zone_bar .iarea .info shape{display:block;height:420px;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;}
}

.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_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:left;width:48%;min-height:280px;} 
.noticeContent .itop{float:left;width:100%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:1px solid #e5e5e5;position:relative;}
.noticeContent .iname{float:left;min-height:40px;line-height:40px;font-size:16pt;font-weight:bold;text-align:center;border-bottom:2px solid var(--mainColor);padding:0 10px 0 10px;}
.noticeContent .iname A{font-size:16pt;font-weight:bold;color:var(--mainColor);}
.noticeContent .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;}
.noticeContent .itop .morev:hover{ background:linear-gradient(#d1eafe 0%,var(--mainColor) 100%); color:#FFF; transition:0.5s;}

.noticeContent recent{display:block;float:left;width:100%;height:152px;overflow:hidden;}

.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 msg{display:block;float:left;min-height:37px;line-height:37px;width:98%;border-bottom:1px dotted #CCC;}
.noticeContent msg A{float:left;display:inline-block;width:calc(100% - 70px);min-height:37px;line-height:37px;font-size:11pt;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.noticeContent dt{display:inline-block;float:right;width:70px;height:36px;line-height:36px;}

.noticeContent msg1{display:block;float:left;min-height:37px;line-height:37px;width:98%;border-bottom:1px dotted #CCC;}
.noticeContent msg1 A{float:left;display:inline-block;width:calc(100% - 70px);min-height:37px;line-height:37px;font-size:11pt;}
.noticeContent dt{display:inline-block;float:right;width:70px;height:36px;line-height:36px;}


.index_column_bg{min-height:400px;background:url(/site/images/index_column_bg.jpg);padding-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.4);
	-webkit-box-shadow: 0 2px 13px 2px rgba(0,89,189,0.4);
	transition: all 0.3s linear;
}


.updateList{float:left;width:32.33%;min-height:380px;background-color: #ffffff;margin:15px 0 15px 1%;} 
.updateList .itop{float:left;width:98%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:1px solid #e5e5e5;position:relative;margin-left:1%;}
.updateList .iname{float:left;min-height:40px;line-height:40px;font-size:14pt;font-weight:bold;text-align:center;border-bottom:2px solid var(--mainColor);padding:0 10px 0 10px;}
.updateList .iname A{font-size:14pt;font-weight:bold;color:var(--mainColor);}
.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 msg{display:block;float:left;min-height:37px;line-height:37px;width:98%;border-bottom:1px dotted #CCC;margin-left:1%;}
.updateList msg A{float:left;display:inline-block;width:calc(100% - 70px);height:37px;line-height:37px;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;}

@media only screen and (max-width: 760px) {

.updateList{width:98%;} 

}

.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;} 

jd_content{float:left;display:block;width:100%;min-height:280px;}
jd_content info{float:left;display:block;width:100%;height:100px;line-height:30px;font-size:11pt;text-indent:30px;padding:10px 0 10px 0;}
jd_content info A.jdmore{background-color:#50aef6;padding:2px 10px 2px 10px;border-radius:5px;font-size:12pt;color:#FFF;}
jd_content icos{float:left;display:block;width:100%;height:80px;line-height:30px;}
jd_content icos ico{float:left;width:33.3%;height:80px;background-repeat:no-repeat;line-height:22px;text-align:center;font-size:11pt;}
jd_content icos ico:hover img{transition: 0.4s;}
jd_content icos ico:hover img{transform: translateY(-4px);}
jd_content contact{float:left;display:block;width:100%;height:115px;margin-top:20px;background:url("/site/images/icon/jd_bg.png");background-size:100% 100%;border-radius:5px;}
jd_content contact ico{float:left;width:80px;height:80px;border-radius:50%;background-color:#FFF;text-align:center;line-height:80px;margin:20px 0 0 10px;font-size:13pt;font-weight:bold;color:#fc5e10;transition:0.5s;opacity:0.8;}
jd_content contact content{float:right;display:block;width:80%;margin-top:15px;height:100px;color:#FFF;font-size:12pt;line-height:30px;transition: 0.4s;}
jd_content contact:hover ico{ transform:scale(1.1,1.1);transition:0.5s;}
jd_content contact:hover content{ transform:scale(1.1,1.1);transition:0.5s;}

zz{float:left;display:block;width:100%;min-height:280px;}
zz cover{float:left;display:block;width:225px;height:100%;padding-top:10px;}
zz cover img{width:100%;}
zz list{float:right;width:calc( 100% - 250px );display:block;}
zz list info{float:left;display:block;width:100%;height:170px;line-height:30px;font-size:11pt;text-indent:30px;padding:10px 0 10px 0;}
zz list info A.jdmore{background-color:#50aef6;padding:2px 10px 2px 10px;border-radius:5px;font-size:12pt;color:#FFF;}
zz list .viewmore{display:block;float:right;margin-right:10px;height:30px;width:30px;text-align:center;line-height:30px;border:1px solid var(--mainColor);border-radius:50%;font-size:14pt;color:var(--mainColor);transition:0.5s;}
zz list .viewmore:hover{margin-right:20px;background-color:var(--mainColor);color:#FFF;transition:0.5s;}

zz list binfo{float:left;display:block;width:100%;min-height:100px;margin-top:6px;}
zz list binfo A{float:left;width:calc( 46% - 4px ) ; transition:0.2s;}
zz list binfo .bt{height:40px;line-height:40px;margin:5px 2% 5px 2%;text-align:center;font-size:12pt;}
zz list binfo .bt:nth-child(1){border:1px solid #d1eafe ;background-color:#ebf5fe; color:#086dc7;}
zz list binfo .bt:nth-child(2){border:1px solid #f0bf49 ;background-color:#faf3e1; color:#f39c12;}
zz list binfo .bt:nth-child(3){border:1px solid #cbeef0 ;background-color:#e9f6e4; color:#17b4c3;}
zz list binfo .bt:nth-child(4){border:1px solid #c9f3b4 ;background-color:#ebf5fe; color:#69c443;}

zz list binfo .bt:hover{transition:0.2s;}
zz list binfo .bt:nth-child(1):hover{border:1px solid #086dc7 ;background-color:#086dc7; color:#FFF;}
zz list binfo .bt:nth-child(2):hover{border:1px solid #f39c12 ;background-color:#f39c12; color:#FFF;}
zz list binfo .bt:nth-child(3):hover{border:1px solid #17b4c3 ;background-color:#17b4c3; color:#FFF;}
zz list binfo .bt:nth-child(4):hover{border:1px solid #69c443 ;background-color:#69c443; color:#FFF;}

zz info1{float:left;width:100%;display:block;min-height:100px;}
zz info1 div{font-size:11pt;text-indent:30px;line-height:28px;width:92%;padding:10px 4% 10px 4%;}
zz info1 .info1{background-color:#faf3e1;}
zz info1 .info2{background-color:#e9f6e4;}
zz info1 viewmore{display:block;width:100%;height:40px;background:url("/site/images/icon/jd_bg.png");background-size: 100% auto;}
zz info1 viewmore .viewmore{display:block;float:right;margin-right:10px;margin-top:5px;height:30px;width:30px;text-align:center;line-height:30px;border:1px solid #FFF;border-radius:50%;font-size:10pt;color:#FFF;transition:0.5s;}
zz info1 viewmore .viewmore:hover{margin-right:20px;background-color:#FFF;color:var(--mainColor);transition:0.5s;}

zz item{display:block;float:left;width:90%;margin:10px 5% 0 5%;}
zz item unit{display:inline-block;float:left;min-height:80px;line-height:80px;width:calc( 44% - 2px ) ;border:1px solid #d1eafe;margin:10px 3%;background-color:#ebf5fe;}
zz item unit A{float:left;display:inline-block;width:100%;height:80px;line-height:80px;font-size:11pt;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;color:#3789d3;}
zz item unit dt{display:none;float:right;width:70px;height:36px;line-height:36px;display:none;}

zz item .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;}
zz item .viewmore:hover{margin-right:20px;background-color:var(--mainColor);color:#FFF;transition:0.5s;}

zz contact{float:left;width:94%;display:block;min-height:100px;padding:10px 2% 10px 2%;} 
zz contact .cunit {float:left;height:40px;line-height:40px;width:90%;text-align:left; font-size:12pt;margin:10px 4% 10px 4%;text-indent:30px;border:1px solid #d1eafe ;background-color:#ebf5fe; color:#086dc7;} 
zz contact .cunit:hover{border:1px solid #086dc7 ;background-color:#086dc7; color:#FFF;}
 
zkfh{float:left;display:block;width:100%;min-height:280px;}
zkfh .fh {float:left;height:40px;line-height:40px;width:calc( 31.3% - 6px );text-align:left; font-size:12pt;margin:5px 1% 5px 1%;text-indent:6px;border:1px solid #d1eafe ;background-color:#ebf5fe;color:#086dc7; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 
zkfh .fh A{color:#086dc7;}
zkfh .fh:hover{border:1px solid #086dc7 ;background-color:#086dc7; color:#FFF;}
zkfh .fh:hover A{color:#FFF;}

zkfh .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;}
zkfh .viewmore:hover{margin-right:20px;background-color:var(--mainColor);color:#FFF;transition:0.5s;} 

.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:100%;} 

.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:1200px;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:1200px;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;}  

.index_list{float:left;width:100%;min-height:200px; clear:both;margin:20px 0 0px 0;}
.index_list .uContent{float:left;width:600px;height:340px;}
.index_list .scrlImg{float:left;width:95%;padding-bottom:calc( 63.33% - 20px );position:relative;}
.index_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) {
.index_list .scrlImg{float:left;width:100%;min-height:0px;padding-bottom:calc( 63.33% + 20px );}
.index_list .scrlImg .icontent{width:100%;min-height:0px;}
.index_list .uContent{width:100%;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;}
}

.index_list_remark{float:left;width:100%;min-height:200px; clear:both;margin-top:20px;} 
.index_list_remark .uContent{float:left;width:1200px;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:30px;width:calc( 10% - 10px );border:1px solid #FFF; }
.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:26pt;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;}
.i_list_remark .unit .utitle info span{display:block;float:left;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(--mainColor);transition:0.5s; }
.i_list_remark .unit:hover .udate{border:1px solid var(--mainColor);color:var(--mainColor);}
.i_list_remark .unit:hover .udate li{color:#FFFFFF;}
.i_list_remark .unit:hover .udate .uyear{color:#FFFFFF;}

.i_list_remark .unit:hover .utitle{color:#FFFFFF;}
.i_list_remark .unit:hover .utitle li{color:#FFFFFF;}
.i_list_remark .unit:hover .utitle li A{color:#FFFFFF;}
.i_list_remark .unit:hover .utitle .remark{color:#FFFFFF;}
.i_list_remark .unit:hover .utitle info{color:#FFFFFF;}
.i_list_remark .unit:hover .utitle info span{color:#FFFFFF;}

@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: 1200px;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:20px;}
.friendlink{margin:auto;width:1200px;height:50px; background-color:var(--mainColor);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:300px;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%;}
}