/* reset */
* {
     box-sizing:border-box;
     font-family: "微软雅黑";
}
body, div, dl, dt, dd, ul, ol, li, input, button, textarea, blockquote, th, td {
	margin: 0;
	padding: 0;
	word-wrap: break-word;     font-size: 14px;
}

img {
	border: none;
}
em, i {
	font-style: normal;
}
ul, ol, li {
	list-style: none;
}
/*搜索*/
i,b{font-style:normal;}
a{text-decoration: none}
img{display:block;border:0;}
.fl{float:left;}
.fr{float:right;}
.tit1,.tit2{
	display: block;
	text-align: center;
}
.tit1{
	font-size:28px;color:#333;text-align: center;line-height:56px;margin-top:18px;
}
.tit2{
	font-size:16px;color:#666;text-align: center;line-height:34px;
}
.dian_container{
	width:1200px;margin:0 auto;
}



.clearfix {*zoom:1;}
.clearfix:after{
	clear: both;content: ".";display: block;height: 0;visibility: hidden;
}
.dian_marauto {
    width: 1190px;margin: 0 auto;
}
.dian_pad525{
	padding:28px 0 25px 0;
	margin-top: 32px;
}
.dian_shop_logo{
	float: left;width: 350px;height: 58px;color: #fff;font-family: 'Microsoft YaHei';font-size: 20px;line-height: 49px;font-weight: bold;
}
.dian_shop_logo a {
	display: inline-block;height: 58px;float: left;font-size: 20px;color: #fff;
}
.dian_shop_logo .dian_shop_logotxt{
	width:114px;height: 58px;line-height: 58px;float: left;
}
.dian_shop_logo .dian_shop_logotxt1{
	width: 132px;height: 58px;line-height: 58px;padding: 0 0 0 15px;font-size: 20px;color:#333;float: left;background: url(../img/logo_line.png) no-repeat;
}
/* 搜索*/
.dian_shop_search {
	float: left;margin:0;
}
.dian_shop_tjsearch{
	line-height:32px;
}
.dian_shop_tjsearch a{
	font-size:12px;color:#999;
}
.dian_shop_tjsearch i{
	font-size:12px;color:#999;margin:0 10px;
}
.dian_shop_tjsearch a:hover{
	color:#027bd6;
}
.dian_shop_class_warp {
	border: 1px solid #027bd6;float: left;
}
.dian_shop_class1,.dian_shop_class {
	float: left;position: relative;background: #fff;
}
.dian_shop_class_hd1,.dian_shop_class_hd {
	cursor: pointer;line-height: 34px;padding: 0 3px 0 15px;position: relative;float: left;width:89px;border-right:1px solid #027bd6;
}
.dian_shop_class_select1 li:hover,.dian_shop_class_select li:hover{
	color:#027bd6;font-weight:bold;
}
.dian_shop_class_hd1 span,.dian_shop_class_hd span{
	position:relative;display:inline-block;width:58px;
}
.dian_shop_class_hd1 span .fa-sort-asc,.dian_shop_class_hd span .fa-sort-asc{
	position:absolute;right:5px;top:13px;
}
.dian_shop_class_hd1 span i,.dian_shop_class_hd span i{
	position:absolute;right:5px;top:7px;margin-right:0px;
}
.dian_shop_class1 ul,.dian_shop_class ul {
	z-index: 99;display: none;position: absolute;left: -1px;top: -1px;border: 1px solid #027bd6;width: 90px;padding: 34px 0 0 0;
}
.dian_shop_class1 ul{
	padding-top: 32px;
}
.dian_shop_class1 ul li,.dian_shop_class ul li {
	cursor: pointer;background: #fff;padding: 0 25px 5px 15px;line-height: 22px;
}
.dian_shop_input1 input, .dian_shop_input input {
	width: 425px;height: 34px;line-height: 34px;padding: 0 5px 0 20px;margin: 0;outline: none;float: left;border: 0;
}
.dian_shop_input1 .y_btns,.dian_shop_input .y_btns {
	float: left;
}
.y_btns {
	background: #027bd6;border: 0;color: #fff;height: 36px;padding: 0 28px;font-size: 16px;font-weight: 100;cursor:pointer;
}
.y_fabu_btn {
	margin: 0 0 0 30px;
}

/* 导航菜单 */
.dian_shop_nav {
	background: #fff;height: 42px;border-bottom: 1px solid #027bd6;position:relative;z-index:10;
}
.dian_shop_nav_list li {
	float: left;margin-right: 40px;height: 42px;line-height: 43px;
}
.dian_shop_nav_list li a {
	color: #333;text-decoration: none;
}
.dian_shop_nav_list li a:hover{
	color:#027bd6;
}
.dian_shop_nav_list li a.active{
	color:#027bd6;
}
.dian_shop_nav_list li a.active h2{
	font-weight:bold;position:relative;
}
.dian_shop_nav_list li a.active h2::after{
	content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#027bd6;
}
.dian_shop_nav_list li.classitem {
	background: #027bd6;color: #fff;text-align:left;width: 190px;position:relative;padding-left:20px;
}
.dian_shop_nav_list li.classitem a {
	color: #fff;font-size: 16px;
}
.dian_shop_nav_list li.classitem::after{
	content:"∨";position:absolute;top:0;right:10px;
}
.dian_shop_nav_list li.classitem.dian_dorpshow::after{
	content:"";
}
.dian_shop_nav_list .fa-drop-down {
	margin-left: 15px;
}
.dian_shop_lino{
	font-weight: 500;font-size: 16px;line-height:42px;
}
.dian_shop_nav_list .dian-dorpdown-layer{
	top: 42px;left:0;position:absolute;border: none;box-shadow: none;background: #3a3a3a;width: 190px;height: 400px;padding-right: 0;display:none;
}
.dian_shop_nav_list .dian_dorpshow .dian-dorpdown-layer{
	display:block;background: rgba(0,0,0,0.7);
}
.dian_shop_nav_list li.classitem:hover .dian-dorpdown-layer{
	display:block;
}
.dian_shop_nav_list li.classitem .dian_shop_mmenu a {
  font-size: 14px;
}
.dian_shop_nav_list li.classitem .dian_shop_submenu a {
  display: inline-block;color: #ccc;font-size: 12px;background: none;padding: 0px;
}
.dian_shop_itemListBox li{
	padding: 0 16px;line-height: 36px;height: 36px;font-weight: 100;font-size: 14px;float: none;margin: 0;text-align: left;
}
.dian_shop_itemListBox li{
  height: auto;padding: 0px;
}
.dian_shop_itemListBox li a{
	display: block;background: url(../img/arrows_right.png) no-repeat right 15px;
}
.dian_shop_mmenu{
	line-height:46px;	
}
.dian_shop_itemListBox li .dian_shop_mmenu a {
  padding: 0px 16px;background: url(../img/arrows_right.png) no-repeat 172px 15px;
}
.dian_shop_itemListBox li:hover .dian_shop_mmenu a{
	color: #027bd6;background: url(../img/arrows_right_03.png) no-repeat 172px 15px;
}
.dian_shop_itemListBox li:hover .dian_shop_submenu a{
	color:#027bd6;
}
.dian_shop_itemListBox li:hover .dian_shop_submenu i{
	color:#027bd6;
}
.dian_shop_itemListBox li .dian_shop_submenu {
  line-height:22px;padding:0px 4px 0 16px;margin-top:-4px;padding-bottom:6px;
}
.dian_shop_itemListBox li .dian_shop_submenu i {
  padding:0 0 0 4px;color: #575757;font-size:12px;
}
.dian_shop_menuxian{
	padding: 0 16px;
}
.dian_shop_menuxian span{
	display:block;border-top:1px solid #ccc;
}
.dian_shop_itemListBox li:hover{
	background:rgba(255,255,255,0.4);
}
.dian_shop_itemListBox li .dian_shop_mmenu a:hover{
	color:#027bd6;
}
.dian_shop_itemListBox li .dian_shop_submenu a:hover{
	color:#027bd6;
}
.menu_collapse_sub{
  padding-top: 15px;line-height: 30px;
}
.dian_shop_itemListBox li .menu_collapse_sub a{
  display: inline-block;padding-right: 30px;
}
.menu_collapse {
	z-index: 1;position: absolute;top: -30px;left: 190px;width:400px;border: 2px solid #027bd6;border-width: 2px 0px 2px 0;background: #faf9f9;padding: 8px 18px 8px 28px;display: none;
}
.menu_collapse dl {
	overflow: hidden;cursor: pointer;color: #333;padding: 1px 0;line-height: 22px;
}
.menu_collapse dl dt {
  width: 94px;color: #db0924;float: left;line-height: 40px
}
.menu_collapse dl dt h2{
	line-height: 40px;
}
.dian_shop_itemListBox .menu_collapse dl dt a{
	color: #333;font-size: 12px;
}
.menu_collapse dl dd {
	float: left;width: 300px;line-height: 40px;margin-left: 0px;border-bottom: 1px dashed #eee;
}
.menu_collapse dl:last-child dd{
  border-bottom: none;
}
.menu_collapse dl dd span {
	display: inline-block;padding: 0 8px;position: relative;font-size:12px;
}
.menu_collapse dl dd span a{
	color: #db0924;
}
.menu_collapse dl dd span:before{
  border-left: 1px solid #ccc;width: 2px;height: 13px;content: "";position: absolute;top: 14px;left: 0px;
}
.dian_shop_itemListBox li:hover .menu_collapse {
	display: block;
}
.dian_shop_itemListBox li .menu_collapse a{
	color: #666;font-size: 12px;background: none;
}
.dian_shop_itemListBox li .menu_collapse dl dt a{
	color: #000;
}
.menu_collapse dl dt a{
	color:#333;
}
.menu_collapse {
	animation: fade-in;animation-duration: 0.5s;box-shadow: 3px 2px 6px 0 rgba(0,0,0,0.3);z-index: 9999;padding: 5px 20px 5px 16px;
}
.dian_shop_itemListBox li .menu_collapse a:hover,.dian_shop_itemListBox li .menu_collapse dl dd span a:hover{
	color:#027bd6;
}
/*云市场*/
.dian_ytop{
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #f2f2f2;
	border-bottom: 1px solid #dcdcdc;
	z-index: 999;
}
.dian_ytboxs{
	width: 1200px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
}
.dian_ytboxs_hellow{
	float:left;
	font-size: 12px;
	color: #999;
}
.dain_ytquick_menu{
	float: right;
	height: 20px;
	line-height:10px;
	margin-top:10px;
}
.dain_ytquick_menu>li{
	float: left;
	padding: 0 10px;
	border-left: 1px solid #999;
}
.dain_ytquick_menu>li>a{
	color: #999;
	font-size: 12px;
}
.dain_ytquick_menu>li>a:hover{
	color: #027bd6;
}
.dain_ytquick_menu>li:first-child{
	border-left:0;
}
.dian_color{
	color:#30a8f9
}
.dain_ytquick_menu>li.dian_color a{
	color:#30a8f9
}
.dain_ytquick_menu>li.dian_color a:hover{
	color:#30a8f9
}
/*搜索框*/ 

/*导航栏*/

/*轮播*/

/*......产品列表*/
.dian_yboxfather{
	width: 100%;
	background-color: #f4f4f4;
	padding: 30px 0;
}
.dian_yboxgirl{
	width: 1200px;
	background-color: #fff;
	margin: 0 auto 30px auto;
}
.dian_yboxson{
	width: 1200px;
	background-color: #f4f4f4;
	margin: 0 auto 30px auto;
}
.dian_ybox{
	
}
.dian_ybox_tit{
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	border-bottom: 1px solid #d9d9d9;
}
.dian_ybox_titb{
	font-size: 22px;
	color: #666;
}
.dian_ybox_tits{
	font-size: 16px;
	color: #666;
	height: 50px;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #666;
}
.dian_ybox_titr{
	display: inline-block;
	float: right;
}
.dian_ybox_titrs{
	height: 60px;
	margin-left: 30px;
	cursor: pointer;
	font-size: 16px;
	color: #999;
}
.dian_ybox_titrs:hover{
	color: #f30213;
}
.dian_ybox_titrs_tab{
	color: #000;
	border-bottom: 2px solid #027bd6;
}
.dian_ybox_ctt{
	padding-bottom: 10px;
}
.dian_ybox_ctts{
	float: left;
	margin: 10px;
	cursor: pointer;
	height: 183px;
    width: 280px;
}
.dian_ybox_cttsg{
	float: left;
	margin: 10px;
	padding: 25px 15px!important;
	background-color: #fff;
	cursor: pointer;
	height: 230px;
    width: 220px;
}
.dian_ybox_cttsg:hover{
	background: #fff!important;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	transition: all 0.4s;
	z-index: 9
}
.dian_ybox_ctt_serve{
	float: left;
	width: 280px;
	margin: 10px;
	padding-bottom: 20px;
	background-color: #fff;
	border: 1px solid #ececec;
	cursor: pointer;
	height: 224px;
    width: 280px;
}
.dian_ybox_ctt_serve:hover .dian_ybox_cttsimg{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: all 0.6s;
}
.dian_ybox_ctts_b,.dian_ybox_ctts_s{
	margin: 6px  10px;
}
.dian_ybox_ctts_b{
	font-size: 16px;
	color: #333;
}
.dian_ybox_ctts_s{
	font-size: 14px;
	color: #999;
	height: 20px;
    overflow: hidden;
}

.dian_tit_center{
	text-align: center;
}
.dian_price{
	font-size: 24px;
	color: #f45e14;
	margin: 0 20px;
}
.dian_ybox_cttsimg{
	margin: 0 auto;
	width: 170px;
    height: 90px;
}
.dian_ybox_cttsimgb{
	margin: 0 auto;
	width: 280px;
    height: 125px;
}
.dian_ybox_cttsimg_servebox{
	width: 278px;
	height: 112px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #ececec;
	justify-content: center;
    align-items: center;
    display: -webkit-flex;
}

.dian_ybox_topleft_blue,.dian_ybox_topleft_green,.dian_ybox_topleft_red,.dian_ybox_topleft_purple{
	position: relative;
}
.dian_ybox_topleft{
	position: absolute;
	font-size: 12px;
	top: 0;
	left: 0;
    width: 0;
    height: 0;
    border-right: 50px solid transparent;
}
.dian_ybox_topleft_text{
	position: absolute;
    width: 30px;
    bottom: 29px;
    left: 4px;
    font-size: 12px;
    color: #fff;
}
.dian_ybox_topleft_blue{
	border-top: 2px solid #036aff;
}
.dian_ybox_topleft_blue>span{
    border-top: 50px solid #036aff;
}
.dian_ybox_topleft_green{
    border-top: 2px solid #a0d468;
}
.dian_ybox_topleft_green>span{
    border-top: 50px solid #a0d468;
}
.dian_ybox_topleft_red{
    border-top: 2px solid #db0924;
}
.dian_ybox_topleft_red>span{
    border-top: 50px solid #db0924;
}
.dian_ybox_topleft_purple{
    border-top: 2px solid #ba1ae8;
}
.dian_ybox_topleft_purple>span{
    border-top: 50px solid #ba1ae8;
}

.dian_ytboxs_hellow a{
	color:#027bd6;font-size:12px;
}
.dian_ytboxs_hellow a:hover{
	text-decoration: underline;
}


.dian_search_conbox .dian_ybox_tit{
	height:42px;border:1px solid #dcdcdc;background:#f6f6f6;padding:0;
}
.dian_pxrq{
	width:84px;line-height:40px;text-align: center;cursor:pointer;float:left;font-size:12px;color:#6d6d6d;border-right:1px solid transparent;
}
.dian_pxrq:hover{
	color:#db0924;background:#fff;border-right:1px solid #dcdcdc;
}
.dian_pxrq.active{
	color:#db0924;background:#fff;border-right:1px solid #dcdcdc;
}
.dian_search_conbox .dian_ybox_ctt{
	background:#fff;
}
.dian_search_conbox .dian_ybox_cttsg{
	border:1px solid #dcdcdc;width:220px;padding:25px 10px!important;
}
.dian_yytit{
	color:#6d6d6d;font-size:14px;float:left;margin-left:23px;height:40px;line-height:40px;
}
.dian_search_pagebox{
	float:right;height:40px;line-height:40px;font-size:12px;color:#6d6d6d;
}
.dian_search_allpage{
	float:left;margin-right:20px;
}
.dian_search_pnpage{
	float:left;width:98px;height:26px;text-align:center;border:1px solid #dcdcdc;border-radius:3px;margin:6px 20px 0 0;
}
.dian_search_pagebtn{
	float:left;height:24px;line-height:24px;color:#6d6d6d;background:#fff;font-size:12px;
}
.dian_search_pagebtn:hover{
	color:#db0924;
}
.dian_search_prev{
	width:47px;border-right:1px solid #dcdcdc;
}
.dian_search_next{
	width:48px;
}
.dian_search_nocon{
	padding:20px 0 50px 180px;background:#fff;color:#db0924;font-size:16px;overflow: hidden;
}
.dian_search_noth{
	font-weight:700;float:left;width:42px;height:42px;border-radius:50%;background:#db0924;color:#fff;font-size:24px;text-align: center;line-height:42px;
}
.dian_search_nots{
	float:left;margin:10px 0 0 20px;
}