@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:"微软雅黑","Arial","宋体";
	color: #2b2b2b;
	font-size:14px;
	line-height:230%;
}

ul,li{ margin:0px; padding:0px; list-style-type:none; }

div,p{ margin:0px; padding:0px; }

a{ color:#2b2b2b; text-decoration:none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
a:hover{ color:#55CECB; text-decoration:none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }

form{ margin:0px; padding:0px; }
img{ border:none; vertical-align:top; }
input,textarea,select,audio,video{ outline:none; font-family:"微软雅黑","Arial","宋体"; }

.clear{ clear:both; }

.ease{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }


.txtsl{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.txtsl2{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.txtsl3{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.txt_rl{ background-image:url(../images/rl.png); background-repeat:no-repeat; background-position:right center; }


.bybg1{ background-color:#f9f9f9; }


#container{ margin:0px; width:100%; height:auto; overflow:hidden; display: flex; flex-direction: column; align-items: center; }
@media screen and (max-width:1200px) {
#container{ min-width: 1180px; }
}


/*-----------------header-------------------------------*/
#ts_loadering{ position:fixed; z-index:150; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.6); display:none; overflow:hidden; }
#ts_loadering span{ margin:150px 0 0 0; padding:40px 10px 0 10px; min-width:70px; height:25px; line-height:20px; font-size:12px; color:#ccc; text-align:center; background:#3f3f3f url(../images/loader.gif) no-repeat center 10px; background-size:auto 25px; border-radius:8px; vertical-align:top; display:inline-block; }



#win_reg_box{ position:fixed; z-index:100; top:0px; right:0px; margin:0; width:100%; height:100%; background-color:rgba(0,0,0,0.50); display:none; overflow:hidden; }
#win_reg_box .h_mainbox{ position: absolute; z-index: 1; top:140px; left:50%; margin:0 0 0 -260px; padding: 0 40px; width:520px; height:420px; background:#fff; box-shadow: -2px 2px 10px 2px #333; box-sizing: border-box; overflow:hidden; display: flex; flex-direction: column; }
#win_reg_box .h_mainbox .h_close{ position: absolute; z-index: 2; top:3px; right: 3px; margin: 0; width: 40px; height: 40px; font-size: 27px; color: #2b2b2b; cursor: pointer; display: flex; justify-content: center; align-items: center; }
#win_reg_box .h_mainbox .h_close::after{ content: '\e6a6'; font-family:'Hui-iconfont'; }
#win_reg_box .h_mainbox .h_close:hover{ color: #55CECB; }
#win_reg_box .h_mainbox .h_title{ margin:30px 0 0 0; width:100%; height:30px; display: flex; align-items: center; }
#win_reg_box .h_mainbox .h_title i{ margin:0; width: 5px; height:20px; background-color: #55CECB; font-style: normal; border-radius: 3px; }
#win_reg_box .h_mainbox .h_title span{ margin: 0 0 0 8px; height:30px; font-size:18px; font-weight:bold; color:#2b2b2b; }
#win_reg_box .h_mainbox .h_conbox{ margin:13px 0 0 0; padding:0px; width:100%; display: flex; flex-direction: column; }
#win_reg_box .h_mainbox .h_conbox .item{ margin:12px 0 0 0; padding:0px; width:100%; display: flex; justify-content: space-between; align-items: center; }
#win_reg_box .h_mainbox .h_conbox .item span{ margin:0px; padding:0px; width:100px; height:36px; line-height:18px; font-size:14px; color:#2b2b2b; display: flex; align-items: center; }
#win_reg_box .h_mainbox .h_conbox .item .f_text{ margin:0px; padding:0 15px; width:305px; height:34px; line-height:34px; font-size:14px; color:#555; border:#e0e0e0 1px solid; border-radius:5px; }
#win_reg_box .h_mainbox .h_conbox .item .f_text::-webkit-input-placeholder{ color:#9f9f9f; }
#win_reg_box .h_mainbox .h_conbox .item p{ margin:0px; padding:0; width:337px; height:34px; font-size:14px; color:#2b2b2b; display: flex; justify-content: space-between; align-items: center; }
#win_reg_box .h_mainbox .h_conbox .item p label{ margin: 0; width: auto; height: 36px; display: flex; align-items: center; cursor: pointer; }
#win_reg_box .h_mainbox .h_conbox .item p label input{ margin: 0 4px 0 0; padding: 0; cursor: pointer; }
#win_reg_box .h_mainbox .h_conbox .subcon{ margin:25px 0 0 0; padding:0px; width:100%; display: flex; justify-content: center; align-items: center; }
#win_reg_box .h_mainbox .h_conbox .subcon input{ margin: 0; padding: 0; width: 40%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background-color: #55CECB; border: none; border-radius: 5px; cursor: pointer;}
#win_reg_box .h_mainbox .h_conbox .subcon input:hover{ background-color: #1dded9; }




#win_login_box{ position:fixed; z-index:100; top:0px; right:0px; margin:0; width:100%; height:100%; background-color:rgba(0,0,0,0.50); display:none; overflow:hidden; }
#win_login_box .h_mainbox{ position: absolute; z-index: 1; top:140px; left:50%; margin:0 0 0 -260px; padding: 0 40px; width:520px; height:300px; background:#fff; box-shadow: -2px 2px 10px 2px #333; box-sizing: border-box; overflow:hidden; display: flex; flex-direction: column; }
#win_login_box .h_mainbox .h_close{ position: absolute; z-index: 2; top:3px; right: 3px; margin: 0; width: 40px; height: 40px; font-size: 27px; color: #2b2b2b; cursor: pointer; display: flex; justify-content: center; align-items: center; }
#win_login_box .h_mainbox .h_close::after{ content: '\e6a6'; font-family:'Hui-iconfont'; }
#win_login_box .h_mainbox .h_close:hover{ color: #55CECB; }
#win_login_box .h_mainbox .h_title{ margin:30px 0 0 0; width:100%; height:30px; display: flex; align-items: center; }
#win_login_box .h_mainbox .h_title i{ margin:0; width: 5px; height:20px; background-color: #55CECB; font-style: normal; border-radius: 3px; }
#win_login_box .h_mainbox .h_title span{ margin: 0 0 0 8px; height:30px; font-size:18px; font-weight:bold; color:#2b2b2b; }
#win_login_box .h_mainbox .h_conbox{ margin:13px 0 0 0; padding:0px; width:100%; display: flex; flex-direction: column; }
#win_login_box .h_mainbox .h_conbox .item{ margin:15px 0 0 0; padding:0px; width:100%; display: flex; justify-content: space-between; align-items: center; }
#win_login_box .h_mainbox .h_conbox .item span{ margin:0px; padding:0px; line-height:36px; font-size:14px; color:#2b2b2b; }
#win_login_box .h_mainbox .h_conbox .item .f_text{ margin:0px; padding:0 15px; width:320px; height:34px; line-height:34px; font-size:14px; color:#555; border:#e0e0e0 1px solid; border-radius:5px; }
#win_login_box .h_mainbox .h_conbox .item .f_text::-webkit-input-placeholder{ color:#9f9f9f; }
#win_login_box .h_mainbox .h_conbox .subcon{ margin:25px 0 0 0; padding:0px; width:100%; display: flex; justify-content: center; align-items: center; }
#win_login_box .h_mainbox .h_conbox .subcon input{ margin: 0; padding: 0; width: 40%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background-color: #55CECB; border: none; border-radius: 5px; cursor: pointer;}
#win_login_box .h_mainbox .h_conbox .subcon input:hover{ background-color: #1dded9; }





#win_filter_box{ position:fixed; z-index:80; top:0px; right:0px; margin:0; width:100%; height:100%; background-color:rgba(0,0,0,0.50); display:none; overflow:hidden; }
#win_filter_box .h_mainbox{ position: absolute; z-index: 1; top: 0; right: -325px; margin: 0; width: 320px; height: 100%; background-color: #fff; display: flex; flex-direction: column; }
#win_filter_box .h_mainbox .h_header{ margin:0px; width:100%; height:50px; border-bottom: #e0e0e0 1px solid; display: flex; align-items: center; justify-content:space-between; }
#win_filter_box .h_mainbox .h_header i{ margin: 0 10px 0 0; width:45px; height: 44px; line-height: 44px; font-size: 22px; font-weight: bold; color: #2b2b2b; text-align: center; font-style: normal; cursor: pointer; display: block; }
#win_filter_box .h_mainbox .h_header i::after{ content: '\e6a6'; font-family:'Hui-iconfont'; }
#win_filter_box .h_mainbox .h_header i:hover{ color: #55CECB;}
#win_filter_box .h_mainbox .h_header span{ margin: 0; height: 44px; line-height: 44px; font-size: 16px; color: #2b2b2b; text-align: center; }
#win_filter_box .h_mainbox .h_header em{ margin: 0; width:55px; height: 44px; line-height: 44px; font-size: 14px; color: #a0a0a0; text-align: center; font-style: normal; cursor: pointer; display: block; }
#win_filter_box .h_mainbox .h_header em:hover{ color: #55CECB;}
#win_filter_box .h_mainbox .h_conbox{ margin:0px; width:100%; height:80%; overflow-y:auto; display: flex; flex-direction: column; align-items: center; }
#win_filter_box .h_mainbox .h_conbox ul{ margin:0; padding: 0 12px; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; }
#win_filter_box .h_mainbox .h_conbox ul li{ margin: 0px; width: 100%; height: 50px; border-bottom: #9f9f9f 1px solid; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
#win_filter_box .h_mainbox .h_conbox ul li span{ margin: 0px; width: 27%; font-size: 16px; color: #2b2b2b; }
#win_filter_box .h_mainbox .h_conbox ul li p{ margin: 0; width: 65%; font-size: 14px; color: #a5a5a5; text-align: right; }
#win_filter_box .h_mainbox .h_conbox ul li i{ margin: 0 0 0 2px; padding: 0; font-size: 18px; color: #2b2b2b; font-weight: bold; font-style: normal; }
#win_filter_box .h_mainbox .h_conbox ul li i::after{ content:'\e6d7'; font-family:'Hui-iconfont'; }
#win_filter_box .h_mainbox .h_footer{ position: absolute; z-index: 2; left: 0; bottom: 0; margin:0px; padding:10px 12px; width:100%; height:60px; border-top: #e0e0e0 1px solid; display: flex; box-sizing: border-box; display: flex; flex-direction: column; }
#win_filter_box .h_mainbox .h_footer input{ margin: 0; padding: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-color: #2b2b2b; border:none; border-radius: 5px; cursor: pointer; }
#win_filter_box .h_mainbox .h_footer input:hover{ background-color: #55CECB; }

#win_filter_box .h_brandbox{ position: absolute; z-index: 2; top: 0; right: -325px; margin: 0; width: 320px; height: 100%; background-color: #fff; display: flex; flex-direction: column; }
#win_filter_box .h_brandbox .h_header{ margin:0px; width:100%; height:50px; border-bottom: #e0e0e0 1px solid; display: flex; align-items: center; justify-content:space-between; }
#win_filter_box .h_brandbox .h_header i{ margin: 0 10px 0 0; width:45px; height: 44px; line-height: 44px; font-size: 24px; font-weight: bold; color: #2b2b2b; text-align: center; font-style: normal; cursor: pointer; display: block; }
#win_filter_box .h_brandbox .h_header i::after{ content: '\e6d4'; font-family:'Hui-iconfont'; }
#win_filter_box .h_brandbox .h_header i:hover{ color: #55CECB;}
#win_filter_box .h_brandbox .h_header span{ margin: 0; height: 44px; line-height: 44px; font-size: 16px; color: #2b2b2b; text-align: center; }
#win_filter_box .h_brandbox .h_header em{ margin: 0; width:55px; height: 44px; line-height: 44px; font-size: 14px; color: #a0a0a0; text-align: center; font-style: normal; cursor: pointer; display: block; }
#win_filter_box .h_brandbox .h_header em:hover{ color: #55CECB;}
#win_filter_box .h_brandbox .h_conbox{ margin:0px; width:100%; height:80%; overflow-y:auto; display: flex; flex-direction: column; align-items: center; }
#win_filter_box .h_brandbox .h_conbox ul{ margin:0; padding: 0 12px; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; }
#win_filter_box .h_brandbox .h_conbox ul li{ margin: 0px; width: 100%; height: 50px; border-bottom: #9f9f9f 1px solid; display: flex; justify-content: space-between; align-items: center; }
#win_filter_box .h_brandbox .h_conbox ul li label{ margin: 0; padding: 0; width: 100%; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
#win_filter_box .h_brandbox .h_conbox ul li label p{ margin: 0px; width: 89%; height: 30px; font-size: 16px; color: #2b2b2b; }
#win_filter_box .h_brandbox .h_conbox ul li label .demo-checkbox{ display:none; }
#win_filter_box .h_brandbox .h_conbox ul li label .demo-checkboxInput{ margin:0; width:10%; height: 30px; text-align: right; }
#win_filter_box .h_brandbox .h_conbox ul li label .demo-checkbox:checked + .demo-checkboxInput::after{ content:'\e6a7'; font-family:'Hui-iconfont'; color: #55CECB; font-size: 20px; font-weight: bold; }
#win_filter_box .h_brandbox .h_footer{ position: absolute; z-index: 2; left: 0; bottom: 0; margin:0px; padding:10px 12px; width:100%; height:60px; border-top: #e0e0e0 1px solid; display: flex; box-sizing: border-box; display: flex; flex-direction: column; }
#win_filter_box .h_brandbox .h_footer input{ margin: 0; padding: 0; width: 100%; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #2b2b2b; background-color: #fff; border:#2b2b2b 1px solid; border-radius: 5px; cursor: pointer; box-sizing: border-box; }
#win_filter_box .h_brandbox .h_footer input:hover{ color: #55CECB; border:#55CECB 1px solid; }

#win_filter_box .h_pricebox{ position: absolute; z-index: 3; top: 0; right: -325px; margin: 0; width: 320px; height: 100%; background-color: #fff; display: flex; flex-direction: column; }
#win_filter_box .h_pricebox .h_header{ margin:0px; width:100%; height:50px; border-bottom: #e0e0e0 1px solid; display: flex; align-items: center; justify-content:space-between; }
#win_filter_box .h_pricebox .h_header i{ margin: 0 10px 0 0; width:45px; height: 44px; line-height: 44px; font-size: 24px; font-weight: bold; color: #2b2b2b; text-align: center; font-style: normal; cursor: pointer; display: block; }
#win_filter_box .h_pricebox .h_header i::after{ content: '\e6d4'; font-family:'Hui-iconfont'; }
#win_filter_box .h_pricebox .h_header i:hover{ color: #55CECB;}
#win_filter_box .h_pricebox .h_header span{ margin: 0; height: 44px; line-height: 44px; font-size: 16px; color: #2b2b2b; text-align: center; }
#win_filter_box .h_pricebox .h_header em{ margin: 0; width:55px; height: 44px; line-height: 44px; font-size: 14px; color: #a0a0a0; text-align: center; font-style: normal; cursor: pointer; display: block; }
#win_filter_box .h_pricebox .h_header em:hover{ color: #55CECB;}
#win_filter_box .h_pricebox .h_conbox{ margin:0px; width:100%; height:80%; overflow-y:auto; display: flex; flex-direction: column; align-items: center; }
#win_filter_box .h_pricebox .h_conbox ul{ margin:0; padding: 0 12px; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; }
#win_filter_box .h_pricebox .h_conbox ul li{ margin: 0px; width: 100%; height: 50px; border-bottom: #9f9f9f 1px solid; display: flex; justify-content: space-between; align-items: center; }
#win_filter_box .h_pricebox .h_conbox ul li label{ margin: 0; padding: 0; width: 100%; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
#win_filter_box .h_pricebox .h_conbox ul li label p{ margin: 0px; width: 89%; height: 30px; font-size: 16px; color: #2b2b2b; }
#win_filter_box .h_pricebox .h_conbox ul li label .demo-radio{ display:none; }
#win_filter_box .h_pricebox .h_conbox ul li label .demo-radioInput{ margin:0; width:10%; height: 30px; text-align: right; }
#win_filter_box .h_pricebox .h_conbox ul li label .demo-radio:checked + .demo-radioInput::after{ content:'\e6a7'; font-family:'Hui-iconfont'; color: #55CECB; font-size: 20px; font-weight: bold; }
#win_filter_box .h_pricebox .h_footer{ position: absolute; z-index: 2; left: 0; bottom: 0; margin:0px; padding:10px 12px; width:100%; height:60px; border-top: #e0e0e0 1px solid; display: flex; box-sizing: border-box; display: flex; flex-direction: column; }
#win_filter_box .h_pricebox .h_footer input{ margin: 0; padding: 0; width: 100%; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #2b2b2b; background-color: #fff; border:#2b2b2b 1px solid; border-radius: 5px; cursor: pointer; box-sizing: border-box; }
#win_filter_box .h_pricebox .h_footer input:hover{ color: #55CECB; border:#55CECB 1px solid; }

#win_filter_box .h_statusbox{ position: absolute; z-index: 4; top: 0; right: -325px; margin: 0; width: 320px; height: 100%; background-color: #fff; display: flex; flex-direction: column; }
#win_filter_box .h_statusbox .h_header{ margin:0px; width:100%; height:50px; border-bottom: #e0e0e0 1px solid; display: flex; align-items: center; justify-content:space-between; }
#win_filter_box .h_statusbox .h_header i{ margin: 0 10px 0 0; width:45px; height: 44px; line-height: 44px; font-size: 24px; font-weight: bold; color: #2b2b2b; text-align: center; font-style: normal; cursor: pointer; display: block; }
#win_filter_box .h_statusbox .h_header i::after{ content: '\e6d4'; font-family:'Hui-iconfont'; }
#win_filter_box .h_statusbox .h_header i:hover{ color: #55CECB;}
#win_filter_box .h_statusbox .h_header span{ margin: 0; height: 44px; line-height: 44px; font-size: 16px; color: #2b2b2b; text-align: center; }
#win_filter_box .h_statusbox .h_header em{ margin: 0; width:55px; height: 44px; line-height: 44px; font-size: 14px; color: #a0a0a0; text-align: center; font-style: normal; cursor: pointer; display: block; }
#win_filter_box .h_statusbox .h_header em:hover{ color: #55CECB;}
#win_filter_box .h_statusbox .h_conbox{ margin:0px; width:100%; height:80%; overflow-y:auto; display: flex; flex-direction: column; align-items: center; }
#win_filter_box .h_statusbox .h_conbox ul{ margin:0; padding: 0 12px; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; }
#win_filter_box .h_statusbox .h_conbox ul li{ margin: 0px; padding: 8px 0 10px 0; width: 100%; border-bottom: #9f9f9f 1px solid; display: flex; justify-content: space-between; align-items: center; }
#win_filter_box .h_statusbox .h_conbox ul li label{ margin: 0; padding: 0; width: 100%; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
#win_filter_box .h_statusbox .h_conbox ul li label dl{ margin: 0px; width: 100%; display:flex; flex-direction: column; }
#win_filter_box .h_statusbox .h_conbox ul li label dl dt{ margin: 0px; width: 100%; display: flex; justify-content: space-between; align-items: center; }
#win_filter_box .h_statusbox .h_conbox ul li label dl dt p{ margin: 0px; width: 89%; height: 30px; font-size: 15px; color: #2b2b2b; font-weight: bold; }
#win_filter_box .h_statusbox .h_conbox ul li label dl dt .demo-checkbox{ display:none; }
#win_filter_box .h_statusbox .h_conbox ul li label dl dt .demo-checkboxInput{ margin:0; width:10%; height: 30px; text-align: right; }
#win_filter_box .h_statusbox .h_conbox ul li label dl dt .demo-checkbox:checked + .demo-checkboxInput::after{ content:'\e6a7'; font-family:'Hui-iconfont'; color: #55CECB; font-size: 20px; font-weight: bold; }
#win_filter_box .h_statusbox .h_conbox ul li label dl dd{ margin: 2px 0 0 0; width: 100%; line-height: 20px; font-size: 13px; color: #2b2b2b; overflow: hidden; }
#win_filter_box .h_statusbox .h_footer{ position: absolute; z-index: 2; left: 0; bottom: 0; margin:0px; padding:10px 12px; width:100%; height:60px; border-top: #e0e0e0 1px solid; display: flex; box-sizing: border-box; display: flex; flex-direction: column; }
#win_filter_box .h_statusbox .h_footer input{ margin: 0; padding: 0; width: 100%; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #2b2b2b; background-color: #fff; border:#2b2b2b 1px solid; border-radius: 5px; cursor: pointer; box-sizing: border-box; }
#win_filter_box .h_statusbox .h_footer input:hover{ color: #55CECB; border:#55CECB 1px solid; }






.topcon_box{ position:fixed; z-index:50; left:0px; top:0px; margin:0px; width:100%; height:112px; background:#fff; display: flex; flex-direction:column; align-items: center; }

.topcon_box .main_box1{ margin:0; padding:0 3%; width:100%; height:65px; border-bottom: #e0e0e0 1px solid; box-sizing: border-box; display:flex; flex-wrap: nowrap; justify-content:space-between; align-items:center; }
.topcon_box .main_box1 .l_con{ margin:0px; display:flex; align-items:center; display: flex; }
.topcon_box .main_box1 .l_con .logo{ margin: 0; height: 50px; }
.topcon_box .main_box1 .l_con .logo img{ height: 100%; }
.topcon_box .main_box1 .l_con .search { margin: 0 0 0 60px; width: 510px; height: 36px; background-color: #f7f7f7; border-radius: 5px; overflow: hidden; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.topcon_box .main_box1 .l_con .search .s_text{ margin: 0px; padding: 0 15px; width: 433px; height: 100%; font-size: 14px; color: #2b2b2b; background: none; border: none; display: flex; align-items: center; }
.topcon_box .main_box1 .l_con .search .s_text::-webkit-input-placeholder{ color:#9f9f9f; }
.topcon_box .main_box1 .l_con .search .s_sub{ margin: 0px; padding: 0; width: 45px; height: 100%; color: #fff; font-size: 18px; font-family:'Hui-iconfont'; background:#55CECB; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; }

.topcon_box .main_box1 .r_con{ margin:0px; display:flex; flex-wrap: nowrap; align-items:center;  }
.topcon_box .main_box1 .r_con .lang{ margin: 0; font-size: 14px; display:flex; align-items:center;  }
.topcon_box .main_box1 .r_con .lang i{ margin: 0 10px; color: #999; font-style: normal; }

.topcon_box .main_box1 .r_con .login{ margin: 0 0 0 40px; width: 77px; height: 38px; font-size: 14px; }
.topcon_box .main_box1 .r_con .login a{ width: 100%; line-height: 36px; text-align: center; color: #2b2b2b; border: #2b2b2b 1px solid; border-radius: 5px; cursor: pointer; display: block; }
.topcon_box .main_box1 .r_con .login a:hover{ color: #55CECB; border: #55CECB 1px solid; display: block; }
.topcon_box .main_box1 .r_con .reg{ margin: 0 0 0 13px; width: 77px; height: 38px; font-size: 14px; }
.topcon_box .main_box1 .r_con .reg a{ width: 100%; line-height: 38px; text-align: center; color: #fff; background-color: #2b2b2b; border-radius: 5px; cursor: pointer; display: block; }
.topcon_box .main_box1 .r_con .reg a:hover{ color: #fff; background-color: #55CECB; display: block; }

.topcon_box .main_box1 .r_con .user{ margin: 0 0 0 20px; padding-left:20px; height: 26px; line-height:26px; font-size: 14px; border-left:#e0e0e0 2px solid; }


.topcon_box .main_box2{ margin:0; padding:0; width:100%; height:45px; border-bottom: #e0e0e0 1px solid; box-sizing: border-box; display:flex; flex-direction: column; justify-content:center; align-items:center; }
.topcon_box .main_box2 .h_menu{ margin:0; width:1180px; display:flex; flex-wrap: nowrap; align-items:center; }

.topcon_box .main_box2 .h_menu ul{ z-index:5; margin:0px; padding:0px; width:100%; display: flex; }
.topcon_box .main_box2 .h_menu ul li{ position:relative; margin:0 60px 0 0; padding:0px; width:auto; height:45px; text-align:center; }

.topcon_box .main_box2 .h_menu ul li a{ padding:2px; width:auto; height:41px; line-height:41px; font-size:16px; color:#2b2b2b; display:block; transition:all 0s ease-out; -webkit-transition:all 0s ease-out; -moz-transition:all 0s ease-out; -ms-transition:all 0s ease-out; -o-transition:all 0s ease-out; }
.topcon_box .main_box2 .h_menu ul li a:hover{ padding: 2px 2px 0 2px; color:#000; border-bottom: #000 2px solid; }
.topcon_box .main_box2 .h_menu ul li a.on{ padding: 2px 2px 0 2px; color:#000; border-bottom: #000 2px solid; }
.topcon_box .main_box2 .h_menu ul li a.on:hover{ color:#000; }

.topcon_box .main_box2 .h_menu ul li:hover a{ padding: 2px 2px 0 2px; color:#000; border-bottom: #000 2px solid; }

.topcon_box .main_box2 .h_menu ul li ul{ position:absolute; z-index:6; top:45px; left:-30px; margin:0px; padding:12px 0; width:135px; height:auto; background-color:#fafafa; text-align:center; border-bottom:#e0e0e0 2px solid; display:none; overflow:hidden; }
.topcon_box .main_box2 .h_menu ul li ul li{ margin:0px; padding:0px; width:100%; height:auto; text-align:center; float:left; }

.topcon_box .main_box2 .h_menu ul li:hover ul li a, .topcon_box .main_box2 .h_menu ul li ul li a{ padding: 6px 3%; width: 100%; height: auto; line-height: 160%; color: #2b2b2b; font-size: 14px; border: none; box-sizing: border-box; display: block;}
.topcon_box .main_box2 .h_menu ul li:hover ul li a:hover, .topcon_box .main_box2 .h_menu ul li ul li a:hover{ padding: 6px 3%; color: #55CECB; border:none; }



.topcon_height{ margin:0px; width:100%; height:112px; }

/*------------------Home------------------------------*/



.h_mid_box1{ margin:40px 0 0 0; width: 1180px; overflow: hidden; display: flex; justify-content:space-between; }
.h_mid_box1 .left_box{ margin: 0; width: 820px; height: 400px; overflow: hidden; display: flex; }

.h_mid_box1 .left_box .swiper-container, .h_mid_box1 .left_box .swiper-container .swiper-wrapper{ width:100%; }
.h_mid_box1 .left_box .swiper-slide{ width:100%; }
.h_mid_box1 .left_box .swiper-slide a{ width:100%; overflow: hidden; opacity:1; z-index:10; display:flex; text-decoration:none; justify-content: center; align-items: center;}
.h_mid_box1 .left_box .swiper-slide a img{ width: 100%; height: auto;}

.h_mid_box1 .left_box .swiper-pagination-bullet{ bottom: 20px; width: 12px; height: 12px; border-radius: 50%; background: #eee; margin: 0 5px !important; opacity: 0.8; border: 0; cursor: pointer; display: inline-block; }
.h_mid_box1 .left_box .swiper-pagination-bullet-active { opacity: 1; background: #34b78f; }

.h_mid_box1 .left_box .swiper-button-next{ position:absolute; z-index: 10; right:0; top:50%; margin:-23px 0 0 0; width:30px; height:46px; color:#fff; background-color: #000; opacity: 0.5; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.h_mid_box1 .left_box .swiper-button-next::after{ content:'\e63d'; font-size:20px; font-family:'Hui-iconfont'; }
.h_mid_box1 .left_box .swiper-button-next:hover{ background-color: #34b78f; opacity: 0.8; }

.h_mid_box1 .left_box .swiper-button-prev{ position:absolute; z-index: 10; left:0; top:50%; margin:-23px 0 0 0; width:30px; height:46px; color:#fff; background-color: #000; opacity: 0.5; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.h_mid_box1 .left_box .swiper-button-prev::after{ content:'\e67d'; font-size:20px; font-family:'Hui-iconfont'; }
.h_mid_box1 .left_box .swiper-button-prev:hover{ background-color: #34b78f; opacity: 0.8; }

.h_mid_box1 .right_box{ margin: 0; width: 350px; height: 400px; overflow: hidden; display: flex; }
.h_mid_box1 .right_box img{ width: 100%; }





.h_mid_box2{ margin:70px 0 0 0; width: 1180px; display: flex; flex-direction: column; align-items: center; }
.h_mid_box2 .h_typename{ margin: 0; width: 100%; font-size: 24px; color: #000; display: flex; align-items: center; }

.h_mid_box2 .h_mainbox{ margin: 12px 0 0 0; width:100%; display: flex;  }
.h_mid_box2 .h_mainbox ul{ margin: 0; padding: 0; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.h_mid_box2 .h_mainbox ul li{ position:relative; margin: 15px 0 0 0; width: 185px; height: 235px; border-radius: 5px; background-color:#333; overflow:hidden;  }
.h_mid_box2 .h_mainbox ul li img{ width: 100%; height: 100%; filter:alpha(opacity=0); -khtml-opacity:1; opacity:1; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
.h_mid_box2 .h_mainbox ul li:hover img{ filter:alpha(opacity=50); -khtml-opacity:0.5; opacity:0.5; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
.h_mid_box2 .h_mainbox ul li i{ position:absolute; z-index:2; left:0; bottom:12px; margin:0; padding:0 10px; width:100%; line-height:28px; font-size:20px; color:#f0f0f0; font-family:Arial, Helvetica, sans-serif; box-sizing: border-box; overflow:hidden; }





.h_mid_box3{ margin:70px 0 0 0; width: 1180px; display: flex; flex-direction: column; align-items: center; }
.h_mid_box3 .h_typename{ margin: 0; width: 100%; font-size: 24px; color: #000; display: flex; align-items: center; }

.h_mid_box3 .h_mainbox{ margin: 12px 0 0 0; width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.h_mid_box3 .h_mainbox dl{ margin: 15px 0 0 0; width: 140px; display: flex; flex-direction: column; align-items: center; }
.h_mid_box3 .h_mainbox dl dt{ margin: 0; width: 100%; height: 140px; border-radius: 5px; overflow:hidden; }
.h_mid_box3 .h_mainbox dl dt img{ width: 100%; height: 100%; }
.h_mid_box3 .h_mainbox dl dd{ margin: 10px 0 0 0; width: 100%; line-height: 150%; font-size: 16px; text-align: center; }
.h_mid_box3 .h_mainbox dl dd a{ color: #2b2b2b; }
.h_mid_box3 .h_mainbox dl dd a:hover{ color: #55CECB; }







.h_mid_box4{ margin:90px 0 0 0; width: 1180px; display: flex; flex-direction: column; align-items: center; }
.h_mid_box4 .h_typebox{ margin: 0; width:100%; border-bottom: #e0e0e0 1px solid; display: flex; flex-wrap: wrap; flex-direction: row; }
.h_mid_box4 .h_typebox span{ margin: 0 12px; padding: 0 10px 3px 10px; width: auto; height: 50px; line-height: 180%; font-size: 18px; color: #2b2b2b; text-align: center; cursor: pointer; }
.h_mid_box4 .h_typebox span.active{ padding: 0 10px; border-bottom: #55CECB 3px solid; font-weight: bold; }

.h_mid_box4 .h_mainbox{ margin: 0; width:100%; display: none; flex-direction: column; }
.h_mid_box4 .h_mainbox.active{ display: flex;  }

.h_mid_box4 .h_mainbox .h_conbox{ margin: 0; width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }

.h_mid_box4 .h_mainbox .h_more{ margin: 50px 0 0 0; width: 100%; display: flex; justify-content: center; align-items: center; }
.h_mid_box4 .h_mainbox .h_more a{ width: 200px; height: 42px; line-height: 42px; text-align: center; font-size: 15px; color: #2b2b2b; border:#2b2b2b 1px solid; border-radius: 5px; display: block; }
.h_mid_box4 .h_mainbox .h_more a::after{ content:'\e6d7'; font-family:'Hui-iconfont'; font-size: 15px; }
.h_mid_box4 .h_mainbox .h_more a:hover{ color: #fff; background-color: #55CECB; border:#55CECB 1px solid; }




.tp_prolist{ margin: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.tp_prolist a{ margin: 30px 0 0 0; width: 215px; display: block; }
.tp_prolist a dl{ margin: 0; width: 100%; display: flex; flex-direction: column; align-items: center; }
.tp_prolist a dl dt{ margin: 0; width: 100%; height: 215px; border-radius: 5px; overflow: hidden; }
.tp_prolist a dl dt img{ width: 100%; height: 100%; }
.tp_prolist a dl dd{ margin: 10px 0 0 0; width: 100%; display: flex; flex-direction: column; }
.tp_prolist a dl dd .h_title1{ margin: 0; width: 100%; line-height: 25px; font-size: 16px; font-weight: bold; color:#2b2b2b; }
.tp_prolist a dl dd .h_title2{ margin: 8px 0 0 0; width: 100%; height: 44px; line-height: 22px; font-size: 14px; color:#2b2b2b; }
.tp_prolist a dl dd .h_price{ margin: 8px 0 0 0; width: 100%; font-family: Arial, Helvetica, sans-serif; }
.tp_prolist a dl dd .h_price .sj{ width: 100%; line-height: 32px; font-size: 21px; font-weight: bold; color: #2b2b2b; }
.tp_prolist a dl dd .h_price .yj{ width: 100%; line-height: 20px; font-size: 13px; color: #a5a5a5; }
.tp_prolist a dl dd .h_smcon{ margin:0; width: 100%; display: flex; flex-wrap: wrap; }
.tp_prolist a dl dd .h_smcon span{ margin: 6px 6px 0 0; padding: 0 7px; width: auto; height: 19px; line-height: 19px; text-align: center; font-size: 12px; color:#55CECB; border:#55CECB 1px solid; border-radius: 4px; }


/*------------------Neiye------------------------------*/

.ny_ad_box{ margin:0 auto; padding:0px; width:100%; text-align:center; overflow:hidden; }
.ny_ad_box img{ width:100%; }



.ny_location_box{ margin:20px 0 0 0; width: 1180px; line-height:25px; font-size:13px; display: flex; }
.ny_location_box i{ margin:0 5px; color:#999; line-height:25px; font-size: 13px; font-style: normal; }
.ny_location_box i::after{ content: '\e6d7'; font-family:'Hui-iconfont'; }
.ny_location_box a{ color:#2b2b2b; }
.ny_location_box a:hover{ color:#55CECB; }



.h_typename_box{ margin:30px 0 0 0; width: 1180px; line-height:35px; font-size:24px; color:#2b2b2b; display: flex; }



.h_filter_box{ margin:70px 0 0 0; width: 1180px; font-size:15px; color:#2b2b2b; display: flex; justify-content: flex-end; align-items: center; }
.h_filter_box i{ margin: 0 4px; height:32px; font-style: normal; display: flex; justify-content: center; align-items: center; }
.h_filter_box i a{ padding: 0 13px; color: #2b2b2b; background-color: #eee; border-radius: 4px; display: block; }
.h_filter_box i a:hover{ color: #55CECB; }
.h_filter_box i a.on{ color: #55CECB; }
.h_filter_box span{ margin: 0 0 0 8px; padding-left: 8px; height:24px; border-left: #ccc 1px solid; display: flex; align-items: center; cursor: pointer; }
.h_filter_box span:hover{ color: #55CECB; }





.h_query_box{ margin:20px 0 0 0; width: 1180px; height:28px; font-size:15px; color:#2b2b2b; display: flex; flex-wrap: wrap; align-items: center; }
.h_query_box::before{ content: '\e707'; font-family:'Hui-iconfont'; font-size:17px; font-weight:bold; margin-right:2px; }




.h_protype_box{ margin:40px 0 0 0; width: 1180px; display: flex; flex-wrap: wrap; }
.h_protype_box span{ margin: 8px 25px 0 0; padding: 0; width: auto; height: 36px; font-size: 16px; white-space: nowrap; }
.h_protype_box span a{ padding: 2px 0 0 0; line-height: 32px; color: #2b2b2b; border-bottom: #fff 2px solid; display: block; }
.h_protype_box span a:hover{ color: #55CECB;}
.h_protype_box span a.on{ color: #55CECB; border-bottom: #55CECB 2px solid; }
.h_protype_box span.fst{ margin-right: 0px; font-weight: bold; }

.h_protype_box i{ margin: 8px 10px 0 10px; padding: 0; width: auto; height: 36px; line-height: 36px; font-size: 13px; color: #808080; font-style: normal; }
.h_protype_box i::after{ content: '\e6d7'; font-family:'Hui-iconfont'; }








.h_typecon_box{ margin:40px 0 0 0; width: 1180px; border-bottom: #e0e0e0 1px solid; display: flex; justify-content: center; }
.h_typecon_box span{ margin: 0 18px; width: auto; height: 45px; font-size: 18px; }
.h_typecon_box span a{ padding: 0 5px; height: 43px; line-height: 35px; color: #2b2b2b; border-bottom: #fff 2px solid; display: block; }
.h_typecon_box span a:hover{ color: #55CECB; }
.h_typecon_box span a.on{ color: #000; border-bottom: #2b2b2b 2px solid; }
.h_typecon_box span a.on:hover{ color: #000; }





.ny_content_box{ margin:30px 0 0 0; width:1180px; min-height: 320px; overflow:hidden; }




.ny_map_box{ margin:0 auto; margin-top:45px; padding:0px; width:1160px; text-align:center; overflow:hidden; }




.ny_product_box{ margin:0; width: 1180px; display: flex; flex-direction:column; }
.ny_product_box .h_listbox{ margin: 0; width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
/*
.ny_product_box .h_listbox a{ margin: 30px 0 0 0; width: 215px; display: block; }
.ny_product_box .h_listbox a dl{ margin: 0; width: 215px; display: flex; flex-direction: column; align-items: center; }
.ny_product_box .h_listbox a dl dt{ margin: 0; width: 100%; height: 215px; border-radius: 5px; overflow: hidden; }
.ny_product_box .h_listbox a dl dt img{ width: 100%; height: 100%; }
.ny_product_box .h_listbox a dl dd{ margin: 10px 0 0 0; width: 100%; display: flex; flex-direction: column; }
.ny_product_box .h_listbox a dl dd .h_title1{ margin: 0; width: 100%; line-height: 25px; font-size: 16px; font-weight: bold; color:#2b2b2b; }
.ny_product_box .h_listbox a dl dd .h_title2{ margin: 8px 0 0 0; width: 100%; height: 44px; line-height: 22px; font-size: 14px; color:#2b2b2b; }
.ny_product_box .h_listbox a dl dd .h_price{ margin: 8px 0 0 0; width: 100%; font-family: Arial, Helvetica, sans-serif; }
.ny_product_box .h_listbox a dl dd .h_price .sj{ width: 100%; line-height: 32px; font-size: 21px; font-weight: bold; color: #2b2b2b; }
.ny_product_box .h_listbox a dl dd .h_price .yj{ width: 100%; line-height: 20px; font-size: 13px; color: #a5a5a5; }
.ny_product_box .h_listbox a dl dd .h_smcon{ margin:2px 0 0 0; width: 100%; display: flex; flex-wrap: wrap; }
.ny_product_box .h_listbox a dl dd .h_smcon span{ margin: 6px 6px 0 0; padding: 0 7px; width: auto; height: 19px; line-height: 19px; text-align: center; font-size: 12px; color:#55CECB; border:#55CECB 1px solid; border-radius: 4px; }
*/
.ny_product_box .no_content{ margin: 0; padding:150px 0; width:100%; font-size:16px; text-align:center; }





.ny_product_xx_box{ margin:50px 0 0 0; width: 1180px; display: flex; flex-direction:column; align-items: center; }
.ny_product_xx_box .h_infocon_box{ margin: 0; width: 1020px; display: flex; justify-content: space-between; } 
.ny_product_xx_box .h_infocon_box .left_imgbox{ margin: 0; width: 580px; display: flex; flex-direction: column; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgb{ margin: 0; width: 100%; height: 580px; text-align: center; overflow: hidden; } 
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgb img{ width: 100%; height: 100%; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs{ position: relative; margin:20px 0 0 0; width: 100%; }

.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-container{ margin:0; padding:0px; width:100%; height:108px; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-wrapper{ margin:0px; width:100%; height:100%; display: flex; flex-wrap: nowrap; justify-content:flex-start; }

.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-slide{ margin:0px; width:108px; display: flex; flex-direction: column; align-items: center; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-slide p{ margin:0px; width:100px; height: 100px; border:#f3f3f3 4px solid; cursor: pointer; overflow: hidden; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-slide p img{ width: 100%; height: 100%; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-slide p.on{ border:#55CECB 4px solid; }

.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-btn-proxx-next{ position:absolute; z-index: 10; right:-15px; top:50%; margin:-15px 0 0 0; width:30px; height:30px; color:#2b2b2b; background-color: #fff; border-radius: 50%; box-shadow: 0 0 8px #333; opacity: 0.8; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-btn-proxx-next::after{ content:'\e63d'; font-size:14px; font-family:'Hui-iconfont'; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-btn-proxx-next:hover{ color: #55CECB; opacity: 1; }

.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-btn-proxx-prev{ position:absolute; z-index: 10; left:-15px; top:50%; margin:-15px 0 0 0; width:30px; height:30px; color:#2b2b2b; background-color: #fff; border-radius: 50%; box-shadow: 0 0 8px #333; opacity: 0.8; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-btn-proxx-prev::after{ content:'\e67d'; font-size:14px; font-family:'Hui-iconfont'; }
.ny_product_xx_box .h_infocon_box .left_imgbox .h_imgs .swiper-btn-proxx-prev:hover{ color: #55CECB; opacity: 1; }

.ny_product_xx_box .h_infocon_box .right_infobox{ margin: 0; width: 380px; display: flex; flex-direction: column; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con1{ margin: 0px; padding-bottom: 15px; width: 100%; border-bottom: #e0e0e0 1px solid; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con1 .brand{ margin: 0px; width: 100%; line-height: 40px; font-size: 30px; font-weight: bold; color: #2b2b2b; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con1 .brand a{ color: #2b2b2b; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con1 .brand a:hover{ color: #55CECB; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con1 .name{ margin: 15px 0 0 0; width: 100%; line-height: 190%; font-size: 16px; color: #2b2b2b; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con1 .price{ margin: 18px 0 0 0; width: 100%; line-height: 25px; font-family: Arial; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con1 .price span{ margin: 0; width: 100%; font-size: 20px; font-weight: bold; color: #2b2b2b; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con1 .price s{ margin: 0 0 0 10px; width: 100%; font-size: 14px; color: #a5a5a5; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con1 .tip{ margin: 12px 0 0 0; width: 100%; line-height: 25px; font-size: 14px; font-weight: bold; color: #55CECB; }

.ny_product_xx_box .h_infocon_box .right_infobox .h_con2{ margin: 0px; width: 100%; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con2 .typename{ margin: 18px 0 0 0; width: 100%; line-height: 25px; font-size: 18px; color: #2b2b2b; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con2 .centent{ margin: 15px 0 0 0; width: 100%; line-height: 170%; font-size: 14px; color: #2b2b2b; overflow: hidden ; }

.ny_product_xx_box .h_infocon_box .right_infobox .h_con3{ margin: 25px 0 0 0; width: 100%; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con3 dl{ margin: 0; width: 100%; display: flex; justify-content: space-between; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con3 dl dt{ margin: 0; padding: 0; width: 85px; line-height: 30px; font-size: 14px; color: #2b2b2b; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con3 dl dd{ margin: 0; padding: 0; width: 290px; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con3 dl dd span{ margin: 0; padding: 0; width: 100%; line-height: 25px; font-size: 14px; color: #2b2b2b; } 
.ny_product_xx_box .h_infocon_box .right_infobox .h_con3 dl dd p{ margin: 0; width: 100%; line-height: 22px; font-size: 13px; color: #555; overflow: hidden; } 

.ny_product_xx_box .h_infocon_box .right_infobox .h_con4{ margin: 15px 0 0 0; width: 100%; border-top: #e0e0e0 1px solid; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con4 dl{ margin: 0; padding: 8px 0; width: 100%; border-bottom: #e0e0e0 1px solid; display: flex; justify-content: space-between; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con4 dl dt{ margin: 0; padding: 0; width: 85px; line-height: 25px; font-size: 14px; color: #2b2b2b; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con4 dl dd{ margin: 0; padding: 0; width: 290px; line-height: 25px; font-size: 14px; color: #2b2b2b; } 
.ny_product_xx_box .h_infocon_box .right_infobox .h_con4 dl dd i{ margin:0 5px; color:#999; line-height:25px; font-size: 13px; font-style: normal; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con4 dl dd i::after{ content: '\e6d7'; font-family:'Hui-iconfont'; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con4 dl dd a{ color:#2b2b2b; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con4 dl dd a:hover{ color:#55CECB; }

.ny_product_xx_box .h_infocon_box .right_infobox .h_con5{ margin: 0px; width: 100%; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con5 .typename{ margin: 18px 0 0 0; width: 100%; line-height: 25px; font-size: 16px; color: #2b2b2b; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con5 .conlist{ margin: 12px 0 0 0; width: 100%; display: flex; justify-content: space-between; }
.ny_product_xx_box .h_infocon_box .right_infobox .h_con5 .conlist img{ width: 120px; }



.ny_product_xx_box .h_content_box{ margin: 70px 0 0 0; width: 100%; display: flex; flex-direction: column; } 
.ny_product_xx_box .h_content_box .h_typename{ margin: 0; padding-bottom:10px; width:100%; line-height: 35px; font-size: 24px; color: #2b2b2b; border-bottom:#e0e0e0 1px solid; display: flex; } 
.ny_product_xx_box .h_content_box .h_content{ margin: 30px 0 0 0; width: 100%; overflow:hidden; } 


.ny_product_xx_box .h_xspro_box{ margin: 70px 0 0 0; width: 100%; display: flex; flex-direction: column; } 
.ny_product_xx_box .h_xspro_box .h_typename{ margin: 0; width: 100%; line-height: 35px; font-size: 24px; color: #2b2b2b; display: flex; } 

.ny_product_xx_box .h_xspro_box .h_listbox{ margin: 0; width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
/*
.ny_product_xx_box .h_xspro_box .h_listbox a{ margin: 30px 0 0 0; width: 215px; display: block; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl{ margin: 0; width: 215px; display: flex; flex-direction: column; align-items: center; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dt{ margin: 0; width: 100%; height: 215px; border-radius: 5px; overflow: hidden; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dt img{ width: 100%; height: 100%; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dd{ margin: 10px 0 0 0; width: 100%; display: flex; flex-direction: column; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dd .h_title1{ margin: 0; width: 100%; line-height: 25px; font-size: 16px; font-weight: bold; color:#2b2b2b; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dd .h_title2{ margin: 8px 0 0 0; width: 100%; height: 44px; line-height: 22px; font-size: 14px; color:#2b2b2b; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dd .h_price{ margin: 8px 0 0 0; width: 100%; font-family: Arial, Helvetica, sans-serif; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dd .h_price .sj{ width: 100%; line-height: 32px; font-size: 21px; font-weight: bold; color: #2b2b2b; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dd .h_price .yj{ width: 100%; line-height: 20px; font-size: 13px; color: #a5a5a5; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dd .h_smcon{ margin:2px 0 0 0; width: 100%; display: flex; flex-wrap: wrap; }
.ny_product_xx_box .h_xspro_box .h_listbox a dl dd .h_smcon span{ margin: 6px 6px 0 0; padding: 0 7px; width: auto; height: 19px; line-height: 19px; text-align: center; font-size: 12px; color:#55CECB; border:#55CECB 1px solid; border-radius: 4px; }
*/







.ny_news_box{ margin:10px 0 0 0; width: 1180px; display: flex; flex-direction:column; }
.ny_news_box .h_listbox{ margin: 0px; width: 100%; overflow:hidden; display: flex; flex-direction: column; }
.ny_news_box .h_listbox dl{ margin:35px 0 0 0; padding:0; width:100%; color: #2b2b2b; display: flex; justify-content: space-between; }
.ny_news_box .h_listbox dl dt{ margin:0px; width:250px; height:160px; text-align:center; overflow:hidden; }
.ny_news_box .h_listbox dl dt img{ width: 100%; height: 100%; }
.ny_news_box .h_listbox dl dd{ margin: 0px; width: 900px; display: flex; flex-direction: column; }
.ny_news_box .h_listbox dl dd .title{ margin: 0; width: 100%; line-height: 30px; font-size: 16px; font-weight: bold; }
.ny_news_box .h_listbox dl dd .title a{ color:#2b2b2b; }
.ny_news_box .h_listbox dl dd .title a:hover{ color:#55CECB; }
.ny_news_box .h_listbox dl dd .scon{ margin: 10px 0 0 0; width: 100%; height: 75px; line-height: 25px; font-size:14px; color:#555; overflow:hidden; }
.ny_news_box .h_listbox dl dd .timexq{ margin: 15px 0 0 0; width: 100%; display: flex; justify-content: space-between; }
.ny_news_box .h_listbox dl dd .timexq span{ margin: 0; line-height: 25px; font-size: 14px; color: #999; }
.ny_news_box .h_listbox dl dd .timexq a{ margin: 0; line-height: 25px; color: #2b2b2b; font-size: 14px; }
.ny_news_box .h_listbox dl dd .timexq a::after{ content: '\e6d7'; font-family:'Hui-iconfont'; line-height: 25px; }
.ny_news_box .h_listbox dl dd .timexq a:hover{ color: #55CECB; }
.ny_news_box .no_content{ margin: 0; padding:150px 0; width:100%; font-size:16px; text-align:center; }







.ny_news_xx_box{ margin:45px 0 0 0; width:1180px; display: flex; flex-direction:column; }
.ny_news_xx_box .h_title{ margin:0px; width:100%; line-height: 30px; color:#2b2b2b; font-size:18px; font-weight: bold; }
.ny_news_xx_box .h_datecon{ margin:18px 0 0 0; padding:0 0 12px 0; width:100%; line-height:25px; color:#808080; font-size:13px; border-bottom: #e0e0e0 1px solid; }
.ny_news_xx_box .h_content{ margin:30px 0 0 0; width:100%; min-height: 250px; overflow:hidden; }




.ny_user_box{ margin:40px 0 0 0; width:1000px; min-height: 400px; display: flex; flex-direction:column; }
.ny_user_box .h_infobox{ margin: 0; padding-bottom: 25px; width: 100%;border-bottom: #e0e0e0 1px solid; display: flex; justify-content: space-between; align-items: center; }

.ny_user_box .h_infobox p{ margin: 0; line-height: 34px; font-size: 15px; color: #2b2b2b; }

.ny_user_box .h_infobox i{ margin: 0 0 0 30px; width: auto; font-size: 12px; font-style: normal; }
.ny_user_box .h_infobox i a{ padding: 0 15px; width: auto; line-height: 26px; color: #2b2b2b; background-color: #ddd; border-radius: 13px; display: block; }
.ny_user_box .h_infobox i a:hover{ color: #fff; background-color: #55CECB; }

.ny_user_box .h_updatebox { margin: 20px 0 0 0; width: 510px; }
.ny_user_box .h_updatebox .item{ margin:18px 0 0 0; padding:0px; width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.ny_user_box .h_updatebox .item span{ margin:0px; padding:0px; width:100px; height:36px; line-height:18px; font-size:14px; color:#2b2b2b; display: flex;  align-items: center; }
.ny_user_box .h_updatebox .item .f_text{ margin:0px; padding:0 15px; width:370px; height:34px; line-height:34px; font-size:14px; color:#555; border:#e0e0e0 1px solid; border-radius:5px; }
.ny_user_box .h_updatebox .item .f_text::-webkit-input-placeholder{ color:#9f9f9f; }
.ny_user_box .h_updatebox .item p{ margin:0px; padding:0; width:402px; height:34px; font-size:14px; color:#2b2b2b; display: flex; justify-content: space-between; align-items: center; }
.ny_user_box .h_updatebox .item p label{ margin: 0; width: auto; height: 36px; display: flex; align-items: center; cursor: pointer; }
.ny_user_box .h_updatebox .item p label input{ margin: 0 4px 0 0; padding: 0; cursor: pointer; }
.ny_user_box .h_updatebox .item i{ margin: 5px 0 0 108px; width: 402px; line-height: 18px; font-size: 12px; color: #ff0000; font-style: normal; }

.ny_user_box .h_updatebox .pwdtitle{ margin: 12px 0 0 0; width: 100%; line-height: 35px; font-size: 14px; color: #ff0000; border-bottom: #e0e0e0 1px solid; cursor: pointer; }
.ny_user_box .h_updatebox .pwdtitle.close::after{ content: '\e674'; font-family:'Hui-iconfont'; margin-left: 3px; font-size: 13px; }
.ny_user_box .h_updatebox .pwdtitle.open::after{ content: '\e679'; font-family:'Hui-iconfont'; margin-left: 3px; font-size: 13px; }
.ny_user_box .h_updatebox .pwdtitle:hover{ color: #55CECB; }
.ny_user_box .h_updatebox .pwdcon{ margin: 0; width: 100%; display: none; overflow: hidden; }

.ny_user_box .h_updatebox .subcon{ margin:30px 0 0 0; padding:0px; width:100%; display: flex; justify-content: center; align-items: center; }
.ny_user_box .h_updatebox .subcon input{ margin: 0; padding: 0; width: 40%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background-color: #55CECB; border: none; border-radius: 5px; cursor: pointer;}
.ny_user_box .h_updatebox .subcon input:hover{ background-color: #1dded9; }




.ny_parnext_box{ margin:0 auto; margin-top:35px; padding:17px 0 0 0; width:1200px; border-top:#ddd 1px solid; overflow:hidden; }
.ny_parnext_box span{ margin:0 0 0 20px; width:1160px; line-height:32px; font-size:16px; color:#999; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ny_parnext_box span a{ color:#505050; }
.ny_parnext_box span a:hover{ color:#55CECB; }



/*------------页码0----------*/
.page_box{ margin:70px 0 0 0; width:100%; font-family:"微软雅黑","宋体"; display: flex; justify-content: center; align-items: center; }
.page_box i{ margin:0 5px; padding:5px; color:#2b2b2b; font-size:18px; font-weight: bold; font-style:normal; }
.page_box i a{ color: #2b2b2b; display: block; }
.page_box i a:hover{ color:#55CECB; }
.page_box i a.prev::after{ content: '\e6d4'; font-family: 'Hui-iconfont'; }
.page_box i a.next::after{ content: '\e6d7'; font-family: 'Hui-iconfont'; }
.page_box i a.dis{ color: #999; }
.page_box i a.dis:hover{ color: #999; }

.page_box span{ margin:0; padding:0px; font-size:16px; font-family: Arial; display: flex; align-items: center; }
.page_box span a{ margin:0 8px; padding:1px 2px; height:30px; line-height: 30px; color:#2b2b2b; display:block; }
.page_box span a:hover{ color:#55CECB; }
.page_box span a.on{ padding:1px 3px 0 3px; color: #000; border-bottom: #2b2b2b 1px solid; }
.page_box span a.on:hover{ color: #000; }

/*------------页码1----------*/

/*------------------footer------------------------------*/
.f_padheght{ margin:0; width:100%; height:100px; overflow:hidden; }


.bottom_box{ margin:0; width:100%; background-color: #1f1f1f; display: flex; flex-direction:column; align-items: center; }
.bottom_box .main_box1{ margin: 0px; padding:45px 0; width:1180px; border-bottom: #999 1px solid; box-sizing: border-box; display: flex; flex-direction:row; justify-content:space-between; }

.bottom_box .main_box1 .h_list{ margin:0px; width: auto; display: flex; flex-direction: column; }
.bottom_box .main_box1 .h_list dl{ margin:0px; width:100%; display: flex; flex-direction:column; }
.bottom_box .main_box1 .h_list dl dt{ margin:0px; padding-bottom: 8px; width:100%; line-height: 30px; font-size: 16px; font-weight: bold; color: #fff; }
.bottom_box .main_box1 .h_list dl dd{ margin:0px; width:100%; line-height:30px; font-size:14px; }
.bottom_box .main_box1 .h_list dl dd a{ color: #fff; }
.bottom_box .main_box1 .h_list dl dd a:hover{ color: #55CECB; }
.bottom_box .main_box1 .h_rcon{ margin:0px; line-height: 35px; font-size: 14px; color: #fff; overflow: hidden; }
.bottom_box .main_box1 .h_rcon b{ line-height: 40px; font-size: 30px; font-family: Arial; }

.bottom_box .main_box2{ margin: 0px; padding: 20px 0; width:1180px; line-height: 28px; font-size: 14px; color: #fff; overflow: hidden; }
.bottom_box .main_box2 a{ color:#fff; }
.bottom_box .main_box2 a:hover{ color: #55CECB; }





#online_box{ position:fixed; z-index:30; top:155px; right:0px; width:176px; height:auto; display:inline; overflow:hidden; }
#online_box .kf_show{ margin:0px; width:176px; height:auto; float:left; display:inline; overflow:hidden; }
#online_box .kf_show .kf_top{ margin:0px; width:176px; height:68px; background:url(../online/kf_top.png) no-repeat; float:left; display:inline; overflow:hidden;}
#online_box .kf_show .kf_top i{ margin:0px; width:25px; height:22px; color:#fff; font-size:22px; cursor:pointer; font-style:normal; float:right; display:block; }

#online_box .kf_show .kf_mid{ margin:0px; padding-bottom:12px; width:176px; background:url(../online/kf_bg.jpg) repeat-y; float:left; display:inline; overflow:hidden; }
#online_box .kf_show .kf_mid b{ margin:8px 0 0 13px; width:151px; height:29px; line-height:29px; background:url(../online/kf_qqbg.jpg) no-repeat; float:left; display:inline; }
#online_box .kf_show .kf_mid b a{ padding-left:25px; width:126px; height:29px; color:#fff; display:block; }
#online_box .kf_show .kf_mid b a:hover{ padding-left:25px; width:126px; height:29px; color:#FFFF00; display:block; }

#online_box .kf_show .kf_mid i{ margin:12px 0 0 0; width:176px; text-align:center; float:left; display:inline; }
#online_box .kf_show .kf_mid u{ margin:10px 0 0 0; width:176px; text-align:center; float:left; display:inline; }

#online_box .kf_show .kf_foot{ margin:0px; width:176px; height:8px; background:url(../online/kf_foot.png) no-repeat; float:left; display:inline; overflow:hidden;}
#online_box .kf_hid{ margin:0px; width:30px; height:150px; background:url(../online/kf_hidimg.png) no-repeat; cursor:pointer; float:left; display:none; overflow:hidden; }

/*----------------------------------------------------*/



/* 鼠标移到图片上效果0 */
.eff_img{ position: relative; cursor:pointer; overflow:hidden; }

.eff_img .shade{ position:absolute; z-index:5; top:100%; left:0px; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(opacity=60); transition:0.5s all; display:block; }
.eff_img:hover .shade{ top:0px; transition:0.6s ease-in-out; }

.eff_img .img_icon{ position: absolute; z-index:8; top:50%; left:-100%; margin-left:-17px; margin-top:-17px; transform:rotate(360deg);transition:0.6s ease-in-out; display:inline-block; }
.eff_img:hover .img_icon{ left:50%; transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}

.eff_img img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img:hover>img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}



.eff_img1{ overflow:hidden; }
.eff_img1 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img1:hover a>img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}



.eff_img2{ overflow:hidden; }
.eff_img2 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img2:hover img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}


.eff_img3{ position: relative; cursor:pointer; overflow:hidden; }

.eff_img3 .shade{ position:absolute; z-index:5; top:100%; left:0px; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(opacity=60); transition:0.5s all; display:block; }
.eff_img3:hover .shade{ top:0px; transition:0.6s ease-in-out; }

.eff_img3 .img_icon{ position: absolute; z-index:8; top:50%; left:-100%; margin-left:-17px; margin-top:-17px; transform:rotate(360deg);transition:0.6s ease-in-out; display:inline-block; }
.eff_img3:hover .img_icon{ left:50%; transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}



.eff_img4 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img4:hover img{
    transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}

/* 鼠标移到图片上效果1 */