@charset "utf-8";


.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;}

jdworklink{display:inline-block;float:left;width:58%;margin-left:2%;}
jdcontact{display:inline-block;float:left;width:40%;}
.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;width:130px;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;}
 
.bar_2_contact{float:left;width:100%;min-height:250px;} 
.bar_2_contact .bhead{float:left;margin:0px; width:100%;height:53px; line-height:53px; text-align:left; font-size:15pt;text-indent:25px;border-radius: 5px 5px 0 0;border-bottom:1px solid #e5e5e5;}
.bar_2_contact .bhead A.more {float: right;display: inline-block; height: 100%;width: 50px; background: url(../images/i_img_more.gif) no-repeat center;margin-right:5px;}
.bar_2_contact .bcontent{float:left;height:200px;width:calc(100% - 2px);display:inline;overflow:hidden;}
.bar_2_contact .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_contact .bcontent msg A{font-size:11pt;}
.bar_2_contact .bcontent text{display:block;width:96%;padding:10px 2% 10px 2%;font-size:14pt;line-height:50px;}
 

@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;height:320px;width:100%;overflow:hidden;}

.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(../images/icos/i_ico_news.png) left no-repeat;} 
.index_news_zone_bar .itop .iname:hover{ background:url(../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(../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(../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(../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:48%;min-height:80px;margin:0px 2% 0 0;padding-bottom:10px;}
.index_ico_zone_bar .jtop{float:left;width:100%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:1px solid #e5e5e5;}
.index_ico_zone_bar .jname{float:left;min-height:40px;font-size:16pt;font-weight:bold;text-align:center;border-bottom:2px solid var(--mainColor);padding:0px 10px 0 10px;}
.index_ico_zone_bar .jname A{font-size:16pt;font-weight:bold;color:var(--mainColor);}

.noticeContent{float:left;width:50%;height:380px;} 
.noticeContent .jtop{float:left;width:100%;min-height:40px; padding:0px 0 0px 0; text-align:left;border-bottom:1px solid #e5e5e5;position:relative;}
.noticeContent .jname{float:left;min-height:40px;font-size:16pt;font-weight:bold;text-align:center;border-bottom:2px solid var(--mainColor);padding:0px 10px 0 10px;}
.noticeContent .jname A{font-size:16pt;font-weight:bold;color:var(--mainColor);}
.noticeContent .jtop .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;}
.noticeContent .jtop .morev:hover{ transform:scale(1.2,1.2);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 msg{display:block;float:left;min-height:40px;line-height:40px;width:98%;border-bottom:1px dotted #CCC;}
.noticeContent 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;}
.noticeContent dt{display:inline-block;float:right;width:70px;height:40px;line-height:40px;}

.bar_2_1r{margin-right:0} 
.bar_2_1c{float:left;width:48%;min-height:310px;margin:10px 0 10px 1%;} 
.bar_2_1c .bhead{float:left;margin:0px; width:100%;height:38px; line-height:38px; text-align:left; font-size:12pt;text-indent:25px;color:#FFF;bbackground: url(../images/barbg/i_bar_5_img_1.jpg);color: #FFF;border-radius: 5px 5px 0 0;}
.bar_2_1c .bhead .bname{float:left;width:auto;height:38px; line-height:38px;padding:0 15px 0 15px; background:linear-gradient(#05d9ff 0%,#0497e5 100%);border-radius:5px 5px 0 0 ;}
.bar_2_1c .bhead A.more {float: right;display: inline-block; height: 100%;width: 50px; background: url(../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; background:#fff; border-radius:0 0 5px 5px; border:1px solid #22549d;background:linear-gradient(#FFFFFF 0%,#eafbfd 100%);}
.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;}
.bar_2_1c .bcontent text{display:block;width:96%;padding:10px 2% 10px 2%;font-size:15pt;line-height:50px;}
 
@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(../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{ 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_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:33.33%;padding-bottom:calc( 25% + 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;}

.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:10px 0 0px 0;}
.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 .tl{float:left; width:50%;height:105px;transition: all .5s;} 
.index_subc .tl .vi{width:100%;height:100%;text-align:center;display:table;}   
.index_subc .tl .vi .title{height:80px;line-height:80px;font-size:12pt;font-weight:bold;display:table-cell;vertical-align:middle;color:#552a04;}   
.index_subc .tl:hover .vi .title{color:#FFF;font-size:15pt;}  

.index_subc .tl:nth-child(1){background:#fef5bc;}
.index_subc .tl:nth-child(2){background:#b5f1fc;}
.index_subc .tl:nth-child(3){background:#fce2b9;}
.index_subc .tl:nth-child(4){background:#b1e0fb;}
.index_subc .tl:nth-child(5){background:#e6e3ff;}
.index_subc .tl:nth-child(6){background:#fce2aa;}

.index_subc .tl:nth-child(1):hover{background:#e6ca17;transition: all .5s;}
.index_subc .tl:nth-child(2):hover{background:#1ec4e2;transition: all .5s;}
.index_subc .tl:nth-child(3):hover{background:#f19b13;transition: all .5s;}
.index_subc .tl:nth-child(4):hover{background:#0e95e3;transition: all .5s;}
.index_subc .tl:nth-child(5):hover{background:#6758e9;transition: all .5s;}
.index_subc .tl:nth-child(6):hover{background:#eba50d;transition: all .5s;}


.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;box-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:100%;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:11pt;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(../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(../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(../images/index_v_bg_6.jpg);overflow:hidden;padding-bottom:0px;position:relative;} 
.index_zone_video_bg{background:url(../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(../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%;}
}