/*
	[DESTOON] Copyright (c) 2008-2021 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
/* global */
* {word-break:break-all;font-family:"Microsoft Yahei",Tahoma,Verdana,Arial;-webkit-text-size-adjust:none;}
body {margin:0;font-size:12px;color:#333333;background:#f4f4f4}/*F5F5F5*/
form,input,select,textarea,td,th {font-size:12px;}
input,textarea,select {padding:6px;}
img {border:none;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form,p{margin:0px;padding:0px;}
a:link,a:visited,a:active {color:#333333;text-decoration:none;}
a:hover {color:#036fd3;}

/* links */
a.w:link,a.w:visited,a.w:active {color:#FFFFFF;text-decoration:none;}
a.w:hover {color:#F4F3F2;}
a.b:link,a.b:visited,a.b:active {color:#007AFF;text-decoration:none;}
a.b:hover {color:#FF3300;}
a.g:link,a.g:visited,a.g:active {color:#666666;text-decoration:none;}
a.g:hover {color:#FF6600;}
/* common */
.m {margin:auto;width:1200px;background:#FFFFFF;clear:both;overflow:hidden;}
.m.back_white {padding: 15px;width: 1170px;}
.m0 {width:100%;background:#F5F5F5;overflow:hidden;}
.m0 .m {background:#F5F5F5;}

.m1 {background:#FFFFFF url('image/bg-line.png') repeat-y 960px 0;overflow:hidden;}
.m1l {width:870px;float:left;}
.m1r {width:270px;float:right;}

.m2 {background:#FFFFFF url('image/bg-line.png') repeat-y 950px 0;overflow:hidden;}
.m2l {width:950px;float:left;}
.m2r {width:250px;float:right;}

.m3 {background:#FFFFFF url('image/bg-line.png') repeat-y 880px 0;overflow:hidden;}
.m3l {width:880px;float:left;}
.m3r {width:310px;float:right;}
.pad{padding:30px 0}
.head_logo{width: 25%;float: left;}
.head_logo img{max-width: 180px;padding: 0 15px;}
.head_search{width:50%;float: left;position: relative;padding-top:22px}
.head_search_hot{position: absolute;}
.head_search_hot li{float: left;font-size: 12px;line-height: 28px;}
.head_contact{width: 25%;float: right;text-align: right;}
.head_contact img{max-width: 180px;padding: 0 15px;}
.head {background:#F8F8F8;width:100%;height:30px;line-height:30px;border-bottom:#E5E5E5 1px solid;position:fixed;z-index:9;left:0;}
.head_m {margin:auto;width:1200px;color:#666666;}
.h_white{background:#fff;border-left:1px solid #eee;border-right:1px solid #eee}
.head_s {height:31px;}
.head_t strong{color:#FF0000;font-weight:normal;}
.head_l li {float:left;margin:0 10px 0 0; padding:0 10px;position:relative}
.head_r {float:right;}
.head_r img {position:relative;margin:-2px 6px 0 0;}
.h_location {background:url('image/ico-location.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_fav {background:url('image/ico-fav.png') no-repeat 0 center;padding:0 6px 0 20px;}
.head_l .h_mobile {background:url('image/ico-mobile.png') no-repeat 10px center;padding:0 6px 0 30px;}
.head_l .h_cart {background:url('image/ico-cart.png') no-repeat 10px center;padding:0 10px 0 30px;}
.h_qrcode {background:url('image/ico-qrcode.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_blue{color: #036fd3;cursor: pointer;}
.h_about{position: relative;}
.h_wxcode{position: absolute;top: 30px;left: -1px;width: 220px;padding: 20px;border:1px solid #eee;border-top:0;}
.h_wxcode p{line-height:16px}
.h_wxcode .mar{margin-right:20px}
.h_wxcode img{max-width: 100px;}
.h_wxcode span{display: block;font-size: 12px;text-align: center;color:#333}
.head_l div{display: none;background:#fff}
.head_l .h_image{position:absolute;top:30px;left:-1px;border:1px solid #eee;border-top:0;padding: 20px;}
.head_l .h_image img{width:120px}
.head_l .h_mouseout{color:#333333;cursor: pointer;}
.head_l .h_mouseout:hover{color:#036fd3}
.head_l .iconfont{vertical-align:bottom}


.logo {width:230px;height:80px;overflow:hidden;float:left;}
.logo img {margin:12px 0 0 10px;height:60px;}
.head_search_kw {width:500px;height:20px;line-height:20px;overflow:hidden;position:absolute;top:0;left:0}
.head_search {float:left;}
.msg{z-index:1000;position:absolute;width:150px;margin-left: calc(50% - 75px);background:#333333;border-radius:5px;height:32px;line-height:32px;color:#FFFFFF;text-align:center;display:none;}
/*.head_search:hover {background:url('image/head_search.png') no-repeat 0 -32px;}
.head_search div {clear:both;padding:4px 0 0 25px;}*/
.search_i {width:367px;font-size:14px;height:38px;line-height:20px;padding:0 0 0 15px;color:#666666;border:1px solid #036fd3;border-left:0}
.search_m {width:90px;padding:0;font-size:14px;height:38px;line-height:20px;color:#666666;border:1px solid #036fd3;float:left;padding-left:25px; border-top-left-radius: 2px;border-bottom-left-radius: 2px;cursor: pointer}
.ico_arrow{position: absolute;left: 90px;top: 40px;border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 4px solid #036fd3;}
.search_s {width:100px;height:40px;background:#036fd3;border:none;padding:0;margin:0;cursor:pointer;color:#fff;font-size: 14px;line-height: 32px;float:right;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.search_i:focus,.search_s:focus{outline:none;}
#search_module {z-index:1000;position:absolute;width:115px;overflow:hidden;margin:95px 0 0 300px;font-size:14px;line-height:30px;color:#666666;background:#FFFFFF;border:#036fd3 1px solid;cursor:pointer;border-radius:2px}
#search_module li {padding:2px 0 2px 25px;color:#666666;}
#search_module li:hover {color:#036fd3;background:#F5F5F5;}
#search_tips {z-index:1000;position:absolute;width:383px;overflow:hidden;cursor:pointer;margin:95px 0 0 415px;font-size:13px;line-height:20px;color:#666666;background:#FFFFFF;border:#036fd3 1px solid;}
#search_tips div {height:24px;padding:0 10px;clear:both;overflow:hidden;color:#333333;}
#search_tips div span {float:right;font-size:12px;color:#008000;}
#search_tips div:hover {background:#3366CC;color:#FFFFFF;}
#search_tips div:hover span {color:#FFFFFF;}
#search_tips label {display:block;width:100%;background:#FAFAFA;font-size:12px;color:#0000CC;text-align:right;}
.head_zxkf{border: 1px solid #036fd3;border-radius: 2px;width: 90px;display: block;padding: 8px;text-align: center;font-size: 16px;color: #036fd3 !important;margin-top: 23px;margin-left: 10px;}
.head_zxkf span{padding-right: 5px;font-size: 18px;vertical-align: bottom;}
.head_inquiry{background:#036fd3;border: 1px solid #036fd3;border-radius: 2px;width: 90px;display: block;padding: 8px;text-align: center;font-size: 16px;color: #FFF !important;margin-top: 23px;margin-left: 40px;}
/* menu */
.wid{width: 100%;border-bottom: 2px solid #036fd3;background:#fff}
.menu {height:40px;line-height:40px;letter-spacing:1px;font-size:16px;overflow:hidden;}
.menu li {float:left;}
/*.menu li:nth-child(2){margin-left: 220px;}*/
.menu a:link,.menu a:visited,.menu a:active {display:block;height:40px;color:#000;padding:0 22px;font-weight:600}
.menu .menuon a {color:#036fd3 !important}
.menu a:hover {color:#036fd3}
.menu_fenlei {width: 200px;color:#fff;font-size: 16px;background: #036fd3;position: absolute;}
.menu li:nth-child(2){margin-left:220px}
.menu_fenlei .menu_icon{font-size: 18px;margin: 0 15px;}
.menu_nav_show{position: absolute;width: 100%;background:#fff}

/*menu_nav*/
.menu_nav_im0l strong {font-weight:normal;}
.menu_nav_im0l li {height:34px;line-height:34px;padding:5px 10px 5px 40px;font-size:14px;overflow:hidden;cursor:pointer;width:150px}
.menu_nav_im0l li a{padding:0}
.menu_nav_im0l .menu_nav_1 {z-index:900;position:absolute;width:758px;height:359px;padding:20px;overflow:hidden;background:#FFFFFF;display:none;margin-left:200px;border:1px solid #eee}
.menu_nav_im0l dl {margin:0;border-bottom:#EEEEEE 1px dotted;clear:both;}
.menu_nav_im0l dt {margin:0;padding:0;line-height:31px;font-size:14px;}
.menu_nav_im0l dd {margin:0;padding:0;line-height:32px;font-size:12px;}
.menu_nav_im0l em {font-style:normal;color:#EEEEEE;padding:0 10px;font-family:simsun;}
.menu_nav_im0l li:hover strong {color:#FFFFFF;}
.menu_nav_im0l li:hover div {display:block;}
.menu_nav_im0l .menu_nav_1 li{height:158px;width:140px;padding:10px 5px;text-align:center;border:1px solid #efefef;transition: all 0.2s ease-in}
.menu_nav_im0l .menu_nav_1 li:nth-child(2){margin-left:0}
.menu_nav_im0l .menu_nav_1 li:nth-child(5){padding-right:3px}
.menu_nav_im0l .menu_nav_1 li:nth-child(10){padding-right:3px}
.menu_nav_im0l .menu_nav_1 li:hover{transform: translate3d(0, 1px, -2px);box-shadow: 0 0 30px rgb(0 0 0 / 15%);}
.menu_nav_im0l .menu_nav_1 li:hover p{color:#036fd3}
.menu_nav_im0l .menu_nav_1 li img{width:120px}
.menu_nav_im0l .menu_nav_1 li p{color:#666;font-weight: normal;font-size:14px}
.menu_nav_im0l.menu_nav_show a {padding: 0;font-weight: normal;}
.menu_nav_im0l li:hover a{color:#036fd3;font-weight:700}
.menu_nav_show{display:none;z-index: 5;height: 400px;cursor: pointer;border:1px solid #eee;width:198px}
.menu_nav_im0l .cate-00{background:url('image/cate-00.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-00:hover div {margin:-44px 0 0 160px;}
.menu_nav_im0l .cate-0 {background:url('image/cate-0.png') no-repeat 10px center;background-size:22px;margin-left:0 !important}
.menu_nav_im0l .cate-0:hover {background:#f4f4f4 url('image/cate-0-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-0:hover div {margin:-88px 0 0 160px;}
.menu .menu_nav_im0l .cate-1 {background:url('image/cate-1.png') no-repeat 10px center;margin-left:0;background-size:22px}
.menu_nav_im0l .cate-1:hover {background:#f4f4f4 url('image/cate-1-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-1:hover div {margin:-132px 0 0 160px;}
.menu_nav_im0l .cate-2 {background:url('image/cate-2.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-2:hover {background:#f4f4f4 url('image/cate-2-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-2:hover div {margin:-176px 0 0 160px;}
.menu_nav_im0l .cate-3 {background:url('image/cate-3.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-3:hover {background:#f4f4f4 url('image/cate-3-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-3:hover div {margin:-220px 0 0 160px;}
.menu_nav_im0l .cate-4 {background:url('image/cate-4.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-4:hover {background:#f4f4f4 url('image/cate-4-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-4:hover div {margin:-264px 0 0 160px;}
.menu_nav_im0l .cate-5 {background:url('image/cate-5.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-5:hover {background:#f4f4f4 url('image/cate-5-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-5:hover div {margin:-308px 0 0 160px;}
.menu_nav_im0l .cate-6 {background:url('image/cate-6.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-6:hover {background:#f4f4f4 url('image/cate-6-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-6:hover div {margin:-352px 0 0 160px;}
.menu_nav_im0l .cate-7 {background:url('image/cate-7.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-7:hover {background:#f4f4f4 url('image/cate-7-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-7:hover div {margin:-396px 0 0 160px;}
.menu_nav_im0l .cate-8 {background:url('image/cate-8.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-8:hover {background:#f4f4f4 url('image/cate-8-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-8:hover div {margin:-396px 0 0 160px;}
.menu_nav_im0l .cate-9 {background:url('image/cate-9.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-9:hover {background:#f4f4f4 url('image/cate-9-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-9:hover div {margin:-384px 0 0 160px;}
.menu_nav_im0l .cate-10 {background:url('image/cate-10.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-10:hover {background:#f4f4f4 url('image/cate-10-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-10:hover div {margin:-362px 0 0 160px;}
.menu_nav_im0l .cate-11 {background:url('image/cate-11.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-11:hover {background:#f4f4f4 url('image/cate-11-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-11:hover div {margin:-394px 0 0 160px;}
.menu_nav_im0l .cate-12 {background:url('image/cate-12.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-12:hover {background:#f4f4f4 url('image/cate-12-on.png') no-repeat 10px center;background-size:22px}
.menu_nav_im0l .cate-12:hover div {margin:-426px 0 0 160px;}
.menu_nav_im0l .cate-13 {background:url('image/cate-13.png') no-repeat 10px center;}
.menu_nav_im0l .cate-13:hover {background:#007AFF url('image/cate-13-on.png') no-repeat 10px center;}
.menu_nav_im0l .cate-13:hover div {margin:-458px 0 0 160px;}
.menu_nav_im0l .cate-14 {background:url('image/cate-14.png') no-repeat 10px center;}
.menu_nav_im0l .cate-14:hover {background:#007AFF url('image/cate-14-on.png') no-repeat 10px center;}
.menu_nav_im0l .cate-14:hover div {margin:-490px 0 0 160px;}
.menu_nav_im0l .cate-15 {background:url('image/cate-15.png') no-repeat 10px center;}
.menu_nav_im0l .cate-15:hover {background:#007AFF url('image/cate-15-on.png') no-repeat 10px center;}
.menu_nav_im0l .cate-15:hover div {margin:-522px 0 0 160px;}
/*index_banner*/
.swip_href{height: 100%;width: 100%;display: block;}
.banner_device{position: relative;width: 1200px;height: 400px;margin:auto}
.arrow-left {background: url(image/arrows-left.png) no-repeat ;position: absolute;left:3px;top: 50%;margin-top: -15px;width: 40px;height: 40px;z-index: 9;}
.arrow-right {background: url(image/arrows-right.png) no-repeat;position: absolute;right: 0px;top: 50%;margin-top: -15px;width: 40px;height: 40px;z-index: 9;}
.banner_right{width: 200px;height: 380px;background:#fff;position: absolute;  top:0;right:0;z-index: 2;padding-top:20px;border-bottom:1px solid #eee}
.sign_img{text-align: center;}
.sign_img img{width: 80px;border-radius: 50%;padding:10px 0}
.sign_size{font-size: 14px;padding: 0 15px;line-height: 32px;}
.fr{float: right;}
.fl{float: left;}
.hg1{height:1px}
.hg6{height:6px}
.hg10{height: 10px;}
.hg20{height: 20px;}
.hg30{height: 30px;}
.clear{clear:both}
.banner_sign div{padding: 0 15px;}
.sign_register {color: #fff;background: #036fd3;padding:6px 12px;font-size: 14px;border-radius: 2px;text-align:center}
.sign_sign {padding:5px 12px;width: 48px;display: block; height: 19px;text-align: center;border: 1px solid #036fd3;font-size: 14px;line-height: 19px;margin-left: 15px;border-radius: 2px;}
.banner_icon{overflow: hidden;padding: 15px 0;width: 100%;}
.banner_icon ul li{float: left;width: 33.3%;text-align: center;padding: 5px 0;}  
.banner_icon ul li a{font-weight: 700;}
.banner_icon ul li span{display: block;font-size: 25px;}
.banner_sign{overflow:hidden}
.banner_news{padding: 0 15px;overflow: hidden;}
.banner_news h4{font-size: 14px;margin: 0;border-bottom: 1px solid #efefef;padding-bottom: 10px;}
.banner_news h4 span a{font-size: 14px;color: #666;font-weight: normal;}
.banner_news ul li{display: inline-block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;cursor: pointer;font-size: 13px;padding-bottom: 2px;}
.foot {color:#666666;text-align:center;line-height:32px;padding:0 16px 16px 16px;}
.foot_page {padding:16px 16px 0 16px;text-align:center;height:32px;line-height:32px;overflow:hidden;color:#666666;}
#powered {padding:6px 0 24px 0;}
/* layout */
.m_l {width:884px;}
.m_r {width:300px;}
.m_n {width:16px;}
.m_l_1 {width:1004px;}
.m_r_1 {width:180px;}
/* left */
.left_box {border:#EEEEEE 1px solid;}
.left_head {border-bottom:#EEEEEE 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 10px;}
.left_head strong {font-size:16px;}
.left_head em {font-style:normal;color:#666666;}

/* box */
.box_head {border-bottom:#F5F5F5 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 16px;}
.box_head strong {font-size:16px;display:block;}
.box_head em {font-style:normal;color:#666666;}

.box_body {padding:10px;}
.box_body li {height:32px;line-height:32px;overflow:hidden;}

.tab_head {border:#EEEEEE 1px solid;border-bottom:none;height:31px;line-height:31px;font-size:14px;overflow:hidden;background:#EEEEEE;font-weight:bold;}
.tab_1 {float:left;padding:0 15px 0 15px;border-right:#EEEEEE 1px solid;cursor:pointer;font-weight:normal;}
.tab_2 {float:left;padding:0 15px 0 15px;border-right:#EEEEEE 1px solid;cursor:pointer;background:#FFFFFF;}
.tab_1_1 {border-bottom:#EEEEEE 1px solid;cursor:pointer;}
.tab_1_2 {border:#EEEEEE 1px solid;border-bottom:none;cursor:pointer;font-weight:bold;}

.tab_head_2 {height:27px;background:#EEEEEE;border-left:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;text-align:center;padding-left:12px;}
.tab_2_1 {float:left;width:80px;height:27px;line-height:31px;overflow:hidden;background:url('image/tab_2_1.gif') no-repeat 6px right;cursor:pointer;}
.tab_2_1 span {color:#333333;}
.tab_body_2 {border:#EEEEEE 1px solid;border-top:none;}

.li_dot li {background:url('image/li_dot.gif') no-repeat 5px 10px;padding:0 10px 0 12px;}
/* pages */
.pages {padding:24px 0;text-align:center;font-size:12px;color:#666666;clear:both;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#EEEEEE 1px solid;padding:6px;text-decoration:none;margin-right:6px;}
.pages a:hover {background:#258CFF;border:#258CFF 1px solid;color:#FFFFFF;padding:6px;text-decoration:none;}
.pages strong {background:#258CFF;padding:6px;border:#258CFF 1px solid;color:#FFFFFF;margin-right:6px;}
.pages_inp {width:32px;border:#EEEEEE 1px solid;color:#666666;padding:4px;text-align:center;}
.pages_btn {width:32px;border:#FF6600 1px solid;color:#FFFFFF;padding:4px 6px;background:#FF6600;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#EEEEEE 1px solid;color:#666666;padding:6px 6px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}
/* table */
.tb {width:100%;}
.tb th {background:#EEEEEE;}
.tb td {border-bottom:#F5F5F5 1px solid;}
.tb tr:hover {background:#F2F2F2;}

.tf {width:100%;}
.tf td {border-top:#F0F0F0 1px solid;}
.tf tr:hover {background:#F4F4F4;}
.tf .tl {width:100px;text-align:right;}
.btns {padding:20px 20px 20px 150px;}
.thumb {padding:6px 0;}
.thumb img {border:#EEEEEE 1px solid;padding:2px;}
.thumb li {height:22px;line-height:22px;overflow:hidden;}
.thumbml ul {margin:10px 0 15px 0;}
.imb img {border:#EEEEEE 1px solid;padding:3px;}
/* album */
#mid_pos {position:absolute;}
#mid_div {width:350px;height:350px;cursor:crosshair;border:#EEEEEE 1px solid;background:#F2F2F2;}
#zoomer {width:160px;height:120px;background:#FFFFFF url('image/ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:560px;height:420px;border:#EEEEEE 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;z-index:9}
#big_pic {position:absolute;}
.tbs {width:414px;height:56px;margin:20px 0;}
.tbs img {cursor:pointer;}
.tbsl {width:32px;height:56px;float:left;}
.tbsr {width:20px;height:56px;float:left;}
.tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom {width:30px;height:30px;background:url('image/ab-zoom.png') no-repeat center center;position:absolute;z-index:2;margin:310px 0 0 -40px;}
.ab_play {width:48px;height:48px;border-radius:50%;background:#FFFFFF url('image/ab-play.png') no-repeat center center;position:absolute;z-index:7;margin:-200px 0 0 150px;}
.ab_play:hover {background:#FFFFFF url('image/ab-play-on.png') no-repeat center center;cursor:pointer;}
.ab_hide {width:30px;height:30px;background:url('image/ab-hide.png') no-repeat center center;position:absolute;z-index:12;margin:-300px 0 0 320px;display:none;}
.ab_hide:hover {background:url('image/ab-hide-on.png') no-repeat center center;cursor:pointer;}
.ab_video {width:350px;height:350px;border:#000000 1px solid;background:#000000;position:absolute;z-index:10;margin:-350px 0 0 0;display:none;}
.ab_im {padding:2px;margin:0 14px 0 0;border:#C0C0C0 1px solid;float:left;width:50px;height:50px;}
.ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:50px;height:50px;background:#FF6600;}
/* ads */
.adword table {background:url('image/adword_bg.gif') repeat-x 0 bottom;}
.adword_tip {color:#FF1100;border-bottom:#F5F5F5 1px solid;padding:8px 10px 8px 28px;background:url('image/arrow_up.gif') no-repeat 10px 8px;}
.sponsor {}
/* basic */
.f_l {float:left;}
.f_r {float:right;}
.t_l {text-align:left;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:#FF0000;}
.f_blue {color:#003EAA;}
.f_green {color:#2BA245;}
.f_dblue {color:#007AFF;}
.f_price {font-weight:bold;font-family:Arial;color:#E4393C;}
.px12 {font-size:12px;}
.px14 {font-size:14px;}
.px16 {font-size:16px;}
.px18 {font-size:18px;}
.bd-t {border-top:#F5F5F5 1px solid;}
.bd-b {border-bottom:#F5F5F5 1px solid;}
.b10 {height:10px;}
.b16 {height:16px;}
.b20 {height:20px;}
.b24 {height:24px;}
.b32 {height:32px;}
.pd3 {padding:3px;}
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.lh18 {line-height:180%;}
.ls1 {letter-spacing:1px;}
.c_p {cursor:pointer;}
.c_b {clear:both;}
.o_h {overflow:hidden;}
.dsn {display:none;}
.absm {vertical-align:middle;}

.btn_s {background:#2388FA;color:#FFFFFF;border:none;padding:2px;letter-spacing:1px;}
.btn_r {background:#D7D7D7;color:#666666;border:none;padding:2px;letter-spacing:1px;}
.bd {border:#CAD9EA 1px solid;}
.highlight {color:red;}
.jt {color:#003278;cursor:pointer;}
.np {padding:20px 30px 20px 50px;line-height:25px;}
.lazy {background:#FAFAFA url('image/loading.gif') no-repeat center center;}
.slide {background:#FAFAFA;overflow:hidden;}

.btn,.btn-green,.btn-blue,.btn-red {color:#FFFFFF;font-size:14px;width:100px;line-height:32px;border:none;border-radius:4px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;}
.btn{background:#FFFFFF;border:#EEEEEE 1px solid;color:#333333;}
.btn:hover{background:#D9D9D9;border:#CDCDCD 1px solid;}
.btn-green{background:#1AAD19;border:#18A117 1px solid;color:#FFFFFF;}
.btn-green:hover{background:#179B16;border:#159014 1px solid;}
.btn-blue{background:#007AFF;border:#1E74D0 1px solid;color:#FFFFFF;}
.btn-blue:hover{background:#0569D5;}
.btn-red{background:#F8F8F8;border:#C6C6C6 1px solid;}
.btn-red:hover{background:#CE3C39;border:#BF3835 1px solid;color:#FFFFFF;}

.btn-act {font-size:16px;width:148px;height:36px;line-height:36px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;margin:6px 10px 0 0;background:#FF6600;border:#FF2200 1px solid;color:#FFFFFF;}
.btn-act:hover {background:#F22D00;}

/* position */
.pos {padding:10px 10px 10px 25px;height:24px;line-height:24px;background:#FFFFFF url('image/ico-nav.png') no-repeat 10px 13px;font-size:12px;}
.nav {padding:15px 10px 15px 25px;height:24px;line-height:24px;background:#f4f4f4 url('image/ico-nav.png') no-repeat 0px 18px;font-size:14px;}
.nav div {float:right;}
.nav i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.nav-b {background:#FFFFFF url('image/ico-nav.png') no-repeat 10px 13px;}
/* show */
.mNewShow{width:1200px;margin:auto;background:#f4f4f4;display:flex}
.mShowl{width:880px;margin-right:20px;background:#fff}
.mShowr{width:300px;}
.title {line-height:48px;text-align:left;font-weight:bold;font-size:22px;padding:16px 16px 5px;margin:0;}
.title_trade {font-weight:bold;font-size:22px;margin:0 0 20px 0;padding:16px;border-bottom:#EEEEEE 1px solid;}
.info {padding: 0 16px 16px;border-bottom:2px solid #F5F5F5;}
.introduce {margin:16px;padding:16px;line-height:180%;font-size:16px;background:#F5F5F5;border-left:#EEEEEE 2px solid;}
.content {font-size:16px;line-height:200%;padding:16px 32px;}
.content p {text-indent:2em;}
#article img{max-width:100%;height:auto;vertical-align: bottom;}
.content a:link,.content a:visited,.content a:active {color:#225588;text-decoration:underline;}
.content a:hover {color:#FF6600;text-decoration:none;}
.property {border:#EEEEEE 1px solid;background:#F5F5F5;padding:10px;margin:0 16px;overflow:hidden;}
.property li {float:left;width:30%;height:32px;line-height:32px;overflow:hidden;}
.detail {background:url('image/arrow.gif') no-repeat 0 9px;border-bottom:#C0C0C0 1px dotted;padding:8px 0 8px 20px;margin:0 15px 0 15px;}
.related {padding:10px 16px;line-height:32px;}
.related a {font-size:14px;}
.keylink {font-weight:normal;padding:0 3px 0 3px;}
#comment_main div {height:100px;background:url('image/loading.gif') no-repeat center center;}

.tool {padding:24px 0;text-align:center;border-top:#F5F5F5 1px solid;}
.tool i {font-style:normal;font-size:14px;color:#555555;display:inline-block;height:24px;line-height:24px;padding:0 28px;cursor:pointer;}
.tool b {font-weight:normal;font-size:12px;}
.tool .like {background:url('image/tool-like.png') no-repeat 0 center;}
.tool .like:hover {background:url('image/tool-like-on.png') no-repeat 0 center;color:#FF6600;}
.tool .hate {background:url('image/tool-hate.png') no-repeat 0 center;}
.tool .hate:hover {background:url('image/tool-hate-on.png') no-repeat 0 center;color:#FF6600;}
.tool .report {background:url('image/tool-report.png') no-repeat 0 center;}
.tool .report:hover {background:url('image/tool-report-on.png') no-repeat 0 center;color:#FF6600;}
.tool .favorite {background:url('image/tool-favorite.png') no-repeat 0 center;}
.tool .favorite:hover {background:url('image/tool-favorite-on.png') no-repeat 0 center;color:#FF6600;}
.tool .comment {background:url('image/tool-comment.png') no-repeat 0 center;}
.tool .comment:hover {background:url('image/tool-comment-on.png') no-repeat 0 center;color:#FF6600;}
.tool .award {background:url('image/tool-award.png') no-repeat 0 center;}
.tool .award:hover {background:url('image/tool-award-on.png') no-repeat 0 center;color:#FF6600;}
.tool .share {background:url('image/tool-share.png') no-repeat 0 center;}
.tool .share:hover {background:url('image/tool-share-on.png') no-repeat 0 center;color:#FF6600;}

/* search */
.fsearch {padding:5px 0 10px 15px;margin:1px 1px 0 1px;background:#F5FAFE url('image/fsearch_bg.gif') repeat-x;}
.sch {padding:15px 20px 5px 20px;margin-bottom:10px;}
.sch p {padding:10px 10px 10px 10px;font-size:13px;margin:0;}
.sch_find {border-top:#EEEEEE 1px solid;border-bottom:#EEEEEE 1px solid;margin:5px 0 5px 0;padding:5px 0 5px 5px;font-weight:bold;}
.sch_site li {background:url('image/ico_search.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;}
.sch_relate li {background:url('image/arrow_up.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;}
.rank_list {background:url('image/rank_list.gif') no-repeat;}
.rank_list li {height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 35px;}
.ppt {padding:1px 15px 1px 35px;line-height:25px;}
.ppt_l {width:60px;font-weight:bold;}
.ppt_r {color:#DFDFDF;}
.ppt span {padding:1px;background:#2E6AB1;border:#1D589E 1px solid;color:#FFFFFF;}
/* sell && buy && company */
.category {padding:10px 20px 5px 15px;}
.category p {padding:5px 0 5px 0;margin:0;}
.category div {padding:0 20px 0 20px;}

.about {border:#2786C6 1px solid;background:#F2F2F2;padding:8px;margin:15px 15px 0 15px;}
.about li {padding:5px 0 5px 5px;}
.about li span {display:block;width:100px;float:left;color:#1B4C7A;}

.contact_head {height:36px;line-height:36px;border:#EEEEEE 1px solid;border-bottom:none;background:#F5F5F5;padding:2px 16px;font-weight:bold;font-size:16px;margin:10px 10px 0 0;width:100%}
.contact_body {padding:10px;border:#EEEEEE 1px solid;border-top:none;margin:0 10px 0 0;height:300px;}
.contact_body li {line-height:24px;padding:10px 10px 0 10px;position:relative}
.contact_body li span {color:#666666;padding:0 8px 0 0;}
.contact_body .qywx{vertical-align: sub;}
.contact_body .qywx img{width:18px;}
.contact_body .qywx_img{display:none;width:100px;position:absolute;top:10px;right:0}

.type {height:31px;line-height:31px;overflow:hidden;border-top:#EEEEEE 1px solid;background:#EEEEEE;padding-left:35px;}
a.type_1:link,a.type_1:visited,a.type_1:active,a.type_1:hover {float:left;display:block;padding:0 15px 0 15px;background:#FFFFFF;color:#000000;font-weight:bold;}
a.type_2:link,a.type_2:visited,a.type_2:active {float:left;display:block;padding:0 15px 0 15px;border-right:#E2F0FB 1px solid;}
a.type_2:hover {background:#258CFF;color:#FFFFFF;}
.img_tip {width:200px;z-index:1000;position:absolute;padding:5px;border:#EEEEEE 1px solid;background:#FFFFFF;}
.vote {padding:10px;}
.vote div {font-weight:bold;}
.vote li {padding:3px 0 3px 0;}
.vote p {margin:5px 0 5px 0;}

.sort {line-height:48px;border-bottom:#EEEEEE 1px solid;font-size:14px;overflow:hidden;background:#f4f4f4;padding-left:15px}
.sort-k {width:80px;padding-left:16px;font-weight:bold;float:left;overflow:hidden;}
.sort-v {width:850px;float:left;overflow:hidden;}
.sort-v li {float:left;padding:0 10px;}
.sort-v .on {background:#EEEEEE;}
.sort-v i {font-style:normal;padding-left:2px;color:#999999;font-size:12px;}
.sort-v b {padding:0 20px;}
.sort-v input, .sort-v select {padding:4px;}
.sort-v .btn-blue, .sort-v .btn {padding:0;line-height:28px;width:80px;margin-right:20px;}

.sort-k-photo{float:left;color:#036fd3;font-size:20px;line-height:30px;text-align:center;margin:10px 0}
.sort-box{float:left;overflow:hidden;font-size:16px}
.sort-v-photo{height:35px;border:1px solid #036fd3;border-radius:5px;width:340px;overflow:hidden;float:left;margin:23px 0 0 36px;outline: none;}
.sort-v-photo .sort-text{display:block;float:left;border: 0;line-height: 35px;padding: 0 0 0 15px;width:256px;outline:none}
.sort-v-photo .sort-btn{float: right;border: 0;background:#306fd3;color:#fff;border-left: 1px solid #036fd3;line-height: 35px;padding: 0 20px;cursor: pointer;outline: none}
.sort-v-class{float:left;margin:16px 0 0 36px;}
.sort-reset{border: 0;background: #306fd3;color: #fff;line-height: 35px;padding: 0 20px;cursor: pointer;outline: none;border-radius: 5px;}
.sort-v-class #catid_1{padding:0;height: 37px;border-radius: 5px;border: 1px solid #306fd3;outline: none;font-size:14px}

.list {line-height:180%;}
.list:hover {background:#F2F2F2;}
.list div img {border:#EEEEEE 1px solid;}
.list table {width:100%;border-bottom:#EEEEEE 1px solid;}
.list td {padding:10px 0 10px 0;}
.list h3 {font-size:14px;margin:0px;height:22px;overflow:hidden;}

.user-info {height:64px;padding:16px;background:#EEEEEE;border-radius:0 0 10px 10px;}
.user-info img {width:64px;height:64px;border-radius:50%;float:left;margin-right:20px;}
.user-info ul {float:right;width:194px;margin-top:4px;}
.user-info li {height:28px;line-height:28px;overflow:hidden;}
.user-info strong {font-size:16px;}
.user-info em {font-size:12px;font-style:normal;float:right;padding-right:20px;}
.user-info i {font-style:normal;color:#999999;padding:0 6px;}

.head-txt {padding:10px 16px;line-height:28px;border-bottom:#F5F5F5 1px solid;margin-bottom:10px;clear:both;}
.head-txt strong {font-size:18px;}
.head-txt span {float:right;font-size:14px;color:#999999;}
.head-txt i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;}

.head-sub {padding:10px 16px;line-height:28px;border-bottom:#F2F2F2 1px solid;margin-bottom:10px;clear:both;}
.head-sub strong {font-size:16px;}
.head-sub span {float:right;font-size:14px;color:#999999;}
.head-sub i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;}

.list-thumb {padding:10px;overflow:hidden;}
.list-thumb img {border:#EEEEEE 1px solid;padding:2px;}
.list-thumb li {height:48px;line-height:24px;overflow:hidden;padding:10px;text-align:left;}
.list-thumb td {text-align:center;}
.list-thumb td:hover {background:#F5F5F5;}

.list-img {overflow:hidden;padding:10px 0 0 20px;}
.list-img ul {margin:10px 24px 16px 6px;}
.list-img li {height:48px;line-height:24px;overflow:hidden;font-size:14px;}
.list-img p {margin:10px 10px 0 6px;}

.list0 {overflow:hidden;}
.list0 div {width:200px;float:left;}
.list0 img:hover {border-left:#FFFFFF 1px solid;}

.list1 {overflow:hidden;padding-top:20px;}
.list1 div {width:188px;float:left;}
.list1 img:hover {border-left:#FFFFFF 1px solid;}


.list-photo{margin: 10px 0;overflow:hidden;position:relative;float: left;width: 300px}
.list-photo .label a{font-size:14px;color: #fff;line-height: 25px;cursor: pointer;padding-left: 10px;}
.list-photo  a{font-size:14px}
.list-photo img{box-shadow: 0 0 6px #ccc;border-radius: 5px;width: 95%;margin: 0 auto;display: block;height: 180px;border: 1px solid #f4f4f4}
.list-photo .label{position: absolute;bottom:30px;left: 0;margin-left: 2.5%;background-color: rgba(0,0,0,.165);background-image: linear-gradient(to bottom,rgba(0,0,0,.03) 0,rgba(0,0,0,.3) 100%);width: 95%;height: 25px;opacity:0;border-radius:0  0 5px 5px;display:flex;justify-content: space-between}
.list-photo .label i{color:#fff;line-height:25px;cursor: pointer;}
.list-photo .label .lf{padding-left:10px}
.list-photo .label .lr{padding-right:10px}
.list-photo:hover .label {opacity:1}
.list-photo .title{height:30px;line-height:30px;font-size:14px;padding: 0 5px;text-align: left;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.search-photo{position: relative;margin: 10px 0;overflow: hidden;float: left;width: 300px;}
.search-photo span{height: 20px}
.view{width:1200px;margin:0 auto;overflow:hidden}
.search-photo img{height:200px;width:95%;border-radius:5px;border: 1px solid #f4f4f4;box-shadow: 0 0 6px #ccc;object-fit: contain;margin: 0 auto;display: block;}
.search-photo .label{position: absolute;bottom:61px;left: 0;background-color: rgba(0,0,0,.165);background-image: linear-gradient(to bottom,rgba(0,0,0,.03) 0,rgba(0,0,0,.3) 100%);width: 95%;height: 25px;opacity:0;border-radius:0  0 5px 5px;display:flex;margin:0 2.5%}
.search-photo .label i{color:#fff;line-height:25px;cursor: pointer;}
.search-photo .size{flex:2;text-align:center}
.search-photo .label .lf{padding-left:10px}
.search-photo .label .lr{padding-right:10px}
.search-photo:hover .label {opacity:1}
.search-photo .label a{font-size:14px;color: #fff;line-height: 25px;cursor: pointer;padding-left: 10px;}
.search-photo .title{height:55px;line-height:24px;font-size:14px;padding: 5px 5px 0;text-align: left;font-weight: normal;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search-photo .tlink{display:none}


.list-txt {padding:0 16px;}
.list-txt li {height:32px;line-height:32px;overflow:hidden;font-size:14px;background:url('image/li_dot.gif') no-repeat 4px center;padding-left:16px;}
.list-txt em {font-size:12px;color:#666666;padding-left:16px;font-style:normal;float:right;}
.list-txt .f_r {font-size:12px;color:#666666;padding-left:16px;}

.list-rank {padding:0 16px;}
.list-rank li {height:32px;line-height:32px;font-size:14px;padding:0 6px;overflow:hidden;}
.list-rank .f_r {float:right;font-size:12px;color:#666666;padding-left:16px;}
.list-rank em {font-size:26px;font-style:normal;color:#F34540;padding-right:10px;font-family:Georgia;}
.list-rank i {font-size:18px;font-style:normal;color:#999999;padding-right:14px;font-family:Georgia;}

.list-cate {padding:10px 20px;}
.list-cate:after {content:"";display:block;clear:both;}
.list-cate td {width:400px;font-size:14px;padding:10px 10px 20px 10px;}
.list-cate td:hover {background:#F5F5F5;border-radius:10px;}
.list-cate p {margin:0 0 10px 0;}
.list-cate li {float:left;line-height:32px;}
.list-cate em {font-style:normal;color:#EEEEEE;padding:0 10px;}
.list-cate i {font-style:normal;color:#EEEEEE;padding:0 10px;}

.list-cate2 {padding:0 10px;overflow:hidden;}
.list-cate2 li {width:116px;padding:0 16px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;}
.list-cate2 li:hover {background:#F5F5F5;border-radius:6px;}
.list-cate2 i {font-size:12px;font-style:normal;color:#666666;padding-left:6px;}

.list-area {width:860px;padding:10px 0 10px 20px;overflow:hidden;}
.list-area li {width:100px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;border:#EEEEEE 1px solid;margin:0 20px 20px 0;border-radius:6px;}
.list-area li:hover {border:#FF6600 1px solid;}

.list-area4 {padding:0 10px;overflow:hidden;}
.list-area4 li {width:25%;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;}
.list-area4 li:hover {background:#F5F5F5;border-radius:6px;}

.tab-head {}
.tab-head ul {border-bottom:#F5F5F5 1px solid;height:32px;padding-left:16px;}
.tab-head li {border-bottom:#F5F5F5 1px solid;display:inline-block;height:32px;line-height:32px;margin-right:16px;float:left;font-size:14px;}
.tab-head .on {border-bottom:#007AFF 3px solid;height:30px;line-height:32px;}
.tab-head .on span {color:#007AFF;}

/* side */
.side ul {margin:10px;}
.side em {font-size:12px;font-style:normal;color:#999999;}
.side a {width:90%;display:block;font-size:16px;}
.side input {width:140px;border:#EEEEEE 1px solid;border-radius:8px;padding:8px 8px 8px 26px;font-size:14px;background:#FFFFFF url('image/icon-search16.png') no-repeat 6px center;outline:none;margin:16px 16px 16px 32px;}
.side input:hover {width:180px;}
.side_li {line-height:48px;height:48px;padding-left:32px;overflow:hidden;}
.side_li:hover {background:#F2F2F2;border-radius:4px;}
.side_on {line-height:48px;height:48px;background:#F5F5F5;padding-left:32px;overflow:hidden;border-radius:4px;}

.warn {padding:30px 100px 30px 200px;}
.warn div {padding:5px 0 0 60px;background:url('image/warn.gif') no-repeat;font-size:14px;line-height:200%;}
.warn h1 {font-size:16px;margin:0;}
.guest_warn {padding:2px 0 2px 0;text-align:center;margin:0 130px 15px 130px;background:#FFF5D8;border:#FF7300 1px solid;}
.back2top {width:58px;height:58px;position:fixed;_position:absolute;left:50%;margin-left:620px;bottom:100px;_bottom:auto;cursor:pointer;display:none;}
.back2top a {display:block;width:100%;height:100%;background:url('image/back2top.png') no-repeat;}
.back2top a:hover {background:url('image/back2top.png') no-repeat -58px 0;}

.ui-ico-time,.ui-ico-hits,.ui-ico-info,.ui-ico-play,.ui-ico-pics,.ui-ico-down,.ui-ico-comm,.ui-ico-area,.ui-ico-user,.ui-ico-none,.ui-ico-sort,.ui-ico-like,.ui-ico-hate,.ui-ico-delete,.ui-ico-quote,.ui-ico-report,.ui-ico-price {font-style:normal;font-weight:normal;font-size:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 20px;}
.ui-ico-time {background:url('image/ico-time.png') no-repeat 0 center;}
.ui-ico-hits {background:url('image/ico-hits.png') no-repeat 0 center;}
.ui-ico-info {background:url('image/ico-info.png') no-repeat 0 center;}
.ui-ico-play {background:url('image/ico-play.png') no-repeat 0 center;}
.ui-ico-pics {background:url('image/ico-pics.png') no-repeat 0 center;}
.ui-ico-down {background:url('image/ico-down.png') no-repeat 0 center;}
.ui-ico-area {background:url('image/ico-area.png') no-repeat 0 center;}
.ui-ico-user {background:url('image/ico-user.png') no-repeat 0 center;}


.ui-ico-comm {background:url('image/ico-comm.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-comm:hover {background:url('image/ico-comm-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-like {background:url('image/ico-like.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-like:hover {background:url('image/ico-like-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-hate {background:url('image/ico-hate.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-hate:hover {background:url('image/ico-hate-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-sort {background:url('image/ico-sort.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-sort:hover {background:url('image/ico-sort-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-delete {background:url('image/ico-delete.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-delete:hover {background:url('image/ico-delete-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-quote {background:url('image/ico-quote.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-quote:hover {background:url('image/ico-quote-on.png') no-repeat 0 center;color:#FF6600;}
.ui-ico-report {background:url('image/ico-report.png') no-repeat 0 center;cursor:pointer;}
.ui-ico-report:hover {background:url('image/ico-report-on.png') no-repeat 0 center;color:#FF6600;}

.ui-ico-price {color:#FF0000;padding:0;font-size:14px;}
.ui-fr {float:right;}
.ui-toast {height:48px;line-height:48px;overflow:hidden;display:inline-block;padding:0 16px;background:#000000;opacity:0.8;filter:alpha(opacity=80);color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:40%;left:48%;font-size:16px;}

/*@media screen  and (min-width:1688px) {
  .banner_right{left: 1244px;}
  }
  @media screen and (min-width: 1899px) {
  .banner_right{left: 1350px;}
  }
  @media screen and (min-width: 1920px) {
  .banner_right{left: 1350px;}
  }
   @media screen and (min-width: 2100px) {
  .banner_right{left: 1456px;}
  }*/
  /**/
  .head_tit.main_but {display: flex;margin-bottom:10px}
  .head_tit .description{font-size:14px;line-height:32px;color:#666;padding-left:15px}
  /* 首页sell_hot */
  .head_tit strong{display: block;font-size: 20px;color:#036fd3;padding-bottom: 10px;}
  .head_tit p{border-bottom: 1px solid #036fd3;padding-bottom: 10px;font-size: 14px;}
  .head_tit p a{padding: 0 10px;}
  .head_tit .head-more{color: #666;position: inherit;} 
  .main_sell_hot li{width: 224px;margin:0 10px 10px 0;border: 1px solid #efefef;border-radius: 2px;transition: all 0.2s ease-in}
  .main_sell_hot li:nth-child(5n+0){margin-right: 0;}
  .main_sell_hot li img{width: 150px;display: block;margin: 30px auto 20px;}
  .main_sell_hot li:hover {transform: translate3d(0, 1px, -2px);box-shadow: 0 0 30px rgb(0 0 0 / 15%)}
  .main_sell_hot_tit{width:90%;margin: auto; padding: 10px 0;text-align: center;}
  .main_sell_hot_tit span{display: block;height: 40px;overflow: hidden;font-size: 14px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
  
  /* 首页新闻,品牌 */
.arrow-left-news {
  background: url(image/arrows.png) no-repeat left top;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 9;
}
.arrow-right-news {
  background: url(image/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 9;
}
.head-more1{color: #666;font-size: 14px;font-weight: normal;padding-left: 20px}
.main_industry_news{width: 370px;margin-right: 30px;overflow: hidden;}
.main_industry_news li{white-space: nowrap;width: 100%;position: relative;padding-left: 10px;
overflow: hidden;text-overflow: ellipsis;cursor: pointer;font-size: 14px;height:30px;line-height:30px}
.main_industry_news li:before {
   content: "";
   position: absolute;
   width: 5px;
   height: 5px;
   background:#C8C8C8;
   top: 50%;
   left: 0;
   border-radius: 50%;
   transform: translateY(-50%);
}
.main_gbs1{width: 370px;margin-right: 30px;overflow: hidden;}
.main_gbs{position: relative;}
.main_gbs_cont{position: relative;}
.main_gbs_cont img{height: 200px;width:370px;border-radius: 2px}
.main_gbs_cont p{position: absolute;bottom: 0;left: 0;font-size: 14px;background: rgba(0,0,0,0.8);color: #fff;overflow: hidden;
  text-overflow: ellipsis;white-space: nowrap;width: 370px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
    height: 30px;line-height: 30px}
.main_gbs_hot li{white-space: nowrap;width: 100%;position: relative;
overflow: hidden;text-overflow: ellipsis;cursor: pointer;font-size: 14px;height:30px;line-height:30px}	
.main_brand{width: 370px;overflow: hidden;}
.main_brand li{float: left;width: 175px;height:62px;margin: 0 10px 8px 0;border:1px solid #f4f4f4;border-radius: 2px;overflow:hidden;}
.main_brand li img{width:90%;padding:0 5%;height:60px}
.main_brand li:nth-child(even){margin-right: 0;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.button_switch{color: #999;width: 100px;height: 30px;line-height: 30px;border: 1px solid #999;
	display: inline-block;text-align: center;font-weight: 500;cursor: pointer;font-size: 14px;}
.button_show{border-color: red;}
.main_company{display: none;}
.main_company.company_show{display: block;}
.main_company li{float: left;border:1px solid #efefef;margin: 5px 14px 5px 0;width: 250px;padding:0 15px 15px;transition: all 0.2s ease-in}
.main_company li:hover{transform: translate3d(0, 1px, -2px);box-shadow: 0 0 30px rgb(0 0 0 / 15%);}
.main_company li:nth-child(4n+0){margin-right: 0;}
.main_company li img{width: 100px;height: 100px;}
.main_company_tit {width: 140px;padding: 20px 0 0 10px;}
.main_company_tit span{display: block; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main_company_tit label{display: block;margin-top: 10px;}
.company1{overflow: hidden;}
.company2{color: #808080;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.company3{margin-top: 6px;color: #808080;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 视频 */
.head_video{line-height:32px;padding-bottom:10px;overflow:hidden}
.head_tit.head_video p{border:0;padding:0}
.head_tit.head_video p a:first-child{padding-left:30px}
.main-video-box {
	position: relative;
}

.main-video-box::before,
.main-video-box::after {
	position: absolute;
	content: '';
	opacity: 0;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
}
.main-video-box::before {
	content: "";/* top: 0; */
	/* left: 0; */
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.main-video-box::after {
	content: "";top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	background: url('image/play-btn.png') center center no-repeat;
	background-size: 100%;
	transform: translate(-50%, -50%) scale(1.5);
	-webkit-transform: translate(-50%, -50%) scale(1.5);
	-moz-transform: translate(-50%, -50%) scale(1.5);
	-ms-transform: translate(-50%, -50%) scale(1.5);
	-o-transform: translate(-50%, -50%) scale(1.5);
}

.main-video-box:hover::before {
	opacity: 1;
}

.main-video-box:hover::after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
}
.video_device .video_left{width: 450px;border-radius: 4px;border: 1px solid #efefef}
.video_device .video_left img{height: 300px;}

.video_device  li {margin: 0 10px 15px 0;}
.video_device p{width: 100%;padding:10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video_device strong{float:left;font-size:14px}
.video_device label{float:right;color:#808080}
.video_device li img{display: block;width: 100%;border-radius: 5px;object-fit: cover}
.video_device .video_right{width: 229px;}
.video_device .video_right:nth-child(4){margin-right: 0;}
.video_device .video_right:nth-child(7){margin-right: 0;}
.video_device .video_left img{height:264px}
.video_device .video_left .main_video_tit{overflow:hidden;padding:10px}
.video_device .video_right img{height: 132px;}

/*资料下载*/
.main_down_left{width:790px}
.main_down_left li{height:30px;line-height:30px;width:48%;margin-right:2%;float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;color:#333333}
.main_down_left li:before {content: "";display: inline-block;width: 5px;height: 5px;background:#C8C8C8;border-radius: 50%;margin-right:5px;transform: translateY(-50%);}
.main_down_right{width:380px;font-size:14px;}
.main_down_right .head_tit {overflow: hidden;line-height:32px;padding-bottom: 10px}
.main_down_right ul li{height: 30px;line-height: 30px;width:100%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #333333;}
.main_down_right li:before {content: "";display: inline-block;width: 5px;height: 5px;background:#C8C8C8;border-radius: 50%;margin-right: 5px;transform: translateY(-50%);}
.main_down_right li:first-child::before{background:red}
.main_down_right li:nth-child(2)::before{background:#FFA400}
.main_down_right li:nth-child(3)::before{background:#FAE112}
/*友情链接
.main_link{border: 1px solid #efefef;border-radius: 2px}*/
.main_link_left{padding-right:20px;font-weight:bold}

/**/
.qy_foot{color:#666666;text-align:center;line-height:28px;padding:12px 0 20px 0;background:url('image/qy_menu.gif') repeat-x 0px -126px; width:1200px; margin:0 auto;}
.pic{margin:45px 0 0 10px; float:left;}
.word{padding:15px 26px 18px 27px; margin:0; float:left;}
.word_1{font-size:14px; padding-top:5px; margin:0;}
.word_1 a,.footer a{color:#888686; font-family:微软雅黑;}
.word_1 a:hover,.footer a:hover{color:#0356b3; font-family:微软雅黑;}
.m .ewm{float:left; width:160px;}
#ewm {padding:10px 0 0 30px;}
.q_d img {vertical-align:middle;}
.gwb{display: inline-block;width: 205px;height: 25px;line-height: 25px;background:url({DT_SKIN}image/gwb.png) no-repeat}
.footer-feature li{
    float: left;
    width: 250px;
    margin: 0 20px;
}
.footer-feature li img{
    float: left;
    margin: 8px;
    width: 45px;
}
.footer-feature li div{
    float: left;
    overflow: hidden;
    text-align: left;
}
.footer-feature li p
{
    float: none;
    margin: 6px 0;
    color: #888;
    font-size: 14px;
}
.footer-feature li .tit{
    color: #222;
    font-size: 18px;
}


/*foot*/
.pad30{padding: 30px 0;}.center{text-align: center;}
.m-e{width:1200px;margin:auto;overflow:hidden;background:#eaeaea}
.foot1{width: 100%;background: #EAEAEA;}
.mwidth{width: 100%;border-bottom: 1px solid #D8D8D8; }
.m{width: 1200px;margin: auto;overflow: hidden;}
.foot-bar li{width: 25%;height: 42px;line-height: 42px;font-size: 18px;font-weight: 700;text-indent: 46px;color: #444;text-align:left}	
.foot-bar li img{width:40px;vertical-align: middle;padding-right: 5px;font-weight: normal;}
.foot-item-pad{padding:20px 0 10px}
.foot-item dl{width: 195px;}
.foot-item dt{font-size: 16px;font-weight: 700;padding-bottom: 8px}
.foot-item dd{font-size: 14px;margin:0 0 8px 0}
.foot-wx{margin-top:20px}
.foot-wx img{width:120px}
.foot-wx p:first-child{margin-right:20px}
.foot-wx span{display:block;font-size:12px;color:#999;text-align:center}
.foot-about{padding:20px 0;overflow:hidden}
.foot-about li{float: left;font-size: 14px;margin-right:30px}
.foot-record{padding-bottom:20px;overflow:hidden}
.foot-record li{float:left;font-size:12px;color:#999;margin-right:15px}
.foot-record li a{color:#999}
.foot-network{padding-bottom:30px}

.home_service{width: 60px;z-index: 99;position: fixed;right: 10px;bottom: 10px;}
.home_service li{position: relative;padding: 10px;height: 35px;line-height: 1.3;text-align: center;font-size: 14px;background-color:#036FD3;color: #fff;cursor: pointer}
.home_service li a{color: #fff;}
.home_service li i{font-size: 22px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.home_service .hover{position: absolute;top: 10px;left: -235px;display: none;width: 210px;color: #666;font-size: 14px;}
.home_service .hover_body{width: 200px;border: 1px solid #dedede;border-radius: 5px;background-color: #FFFFFF;padding: 15px 10px;box-shadow: -3px 3px 8px rgb(0 0 0 / 10%)}
.home_service .hover_body p{padding-bottom:5px}

.home_service .hover:before{   
  content:'';    
  display:block;    
  width:0;    
  height:0;    
  position:absolute;    
  top: 12px;
  right: -23px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #dedede
}   
.home_service .hover:after{   
  content:'';    
  display:block;    
  width:0;    
  height:0;    
  position:absolute;    
  top: 13px;
 right: -21px;
 border-top: 5px solid transparent;
 border-bottom: 5px solid transparent;
 border-left: 10px solid #fff; 
}
.tips{display: none;} 
@media screen and (min-width: 1920px) {
    .tips{padding-top:10px} 
	.home_service li{height: 50px;}
	}