﻿ @charset "utf-8";
/* eyoucms.com 易优CMS -- 好用,免费,安全 */
/*reset*/
/* CSS reset for c_b */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th, table td {
	padding: 5px;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
ception, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
a {
	color: #666;
	text-decoration: none;
}  /*for ie f6n.net*/
a:focus {
	outline: none;
} /*for ff f6n.net*/
a:hover {
	text-decoration: underline;
}

/*定位*/
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.bc {
	margin-left: auto;
	margin-right: auto;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.zoom {
	zoom: 1
}
.hidden {
	visibility: hidden;
}
.vam {
	vertical-align: middle;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
p {
	word-spacing: -1.5px;
}

/*其他*/
.curp {
	cursor: pointer;

}
/*原reset*/
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input, button, textarea, select {
*font-size:100%;
}
input, select {
	vertical-align: middle;
}
body {
	font: 12px/1.231 arial, helvetica, clean, sans-serif;
}
select, input, button, textarea, button {
	font: 99% arial, helvetica, clean, sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
	border-collapse: collapse;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
*font-size:108%;
	line-height: 100%;
}
/*title*/
h1 {
	font-size: 32px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
}
/*end reset*/



/* CSS Document */
body {
	background-color: #fff;
	overflow-x: hidden;
	color: #333;
	font-size: 12px;
	font-family:"Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;
	position: relative;
}/*网站字体颜色*/
.header, .content, .footer, .container {
	margin-left: auto;
	margin-right: auto;
	width: 1190px;
	font-family: microsoft yahei;
}
/*页眉*/
.headerTop h1 img {
	width: 300px !important;
	height: 64px !important;
}
.header {
	width: 100%;
	overflow: hidden;
	background-color: #fbfbfb;
	border-bottom: solid 1px #e2e2e2;
}
.headerTop {
	overflow: hidden;
	height: 90px;
}
.headerTop h1 {
	float: left;
	margin-top: 16px;
	margin-left: 14px;
}
.headerTop .wen {
	overflow: hidden;
	float: left;
	font-size: 14px;
	margin-top: 34px;
}
 .headerTop .wen em{
	 padding: 0 3px;
	 font-size: 20px;
	 font-style: normal;
	 color: #f40;
 }
.headerTop .wen h2 {
	font-weight: normal;
	font-size: 26px;
	color: #000;
}
.headerTop .wen p {
	font-size: 24px;
	color: #009944;
}
.headerTop .headRight {
	overflow: hidden;
	float: right;
	height: 100%;
	margin-top: 10px;
}
.headerTop .headRight ul {
	height: 15px;
	padding-top: 20px;
	margin-bottom: 30px;
}
.headerTop .headRight li {
	float: left;
	font-size: 12px;
	line-height: 15px;
	padding: 0 10px;
	border-right: 1px dotted #666;
	position: relative;
}
.headerTop .headRight li:last-child {
	border: none;
}
.headerTop .headRight li a {
	color: #666
}
.headerTop .headRight li img {
	display: none;
	position: absolute;
	left: 0;
	top: 20px;
}
.headerTop .headRight li.last {
	border: none;
	padding-right: 0;
}
.headerTop .headRight li:hover img {
	display: block;
}
.headerTop .phone {
	overflow: hidden;
	background: url(../img/tel.png) no-repeat center left;
	padding: 13px 0;
	padding-left: 35px;
	float: right
}
.headerTop .phone p {
	font-size: 12px;
	color: #666;
}
.headerTop .phone h3 {
	font-size: 24px;
	color: #f40;
	font-weight: normal;
}
.headerNav {
	overflow: hidden;
	width: 100%;
	height: 55px;
	background: url(../img/navbg.png) repeat-x left top;
}
.headerNav li {
	float: left;
	font-size: 16px;
	line-height: 55px;
	white-space: nowrap
}
.headerNav li a {
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 0 26px;
}
.headerNav li.last {
	background: none
}
.headerNav li:hover a, .headerNav li.cur a {
	color: #FF9900;
	font-weight: bold;
}
/*footer*/
.footer dt a img {
	width: 200px !important;
	height: 43px !important;
}
.footer {
	overflow: hidden;
	width: 100%;
	background-color: #0ae;
	padding: 10px 0;
}
.footer .f_nav {
	overflow: hidden;
	margin-bottom: 40px;
}
.footer .f_nav li {
	float: left;
	font-size: 13px;
	padding: 0 26px;
	border-right: 1px dashed #fff;
	white-space: nowrap
}
.footer .f_nav li:last-child {
	border: none;
}
.footer .f_nav li a {
	color: #fff;
}
.footer .f_nav li.last {
	border: none
}
.footer .f_btm {
	overflow: hidden;
}
.footer dl {
	overflow: hidden;
	width: 1000px;
	float: left;
}
.footer dt {
	overflow: hidden;
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
}
.footer dd {
	overflow: hidden;
	width: 1000px;
	float: left;
	margin-top: 5px;
}
.footer dd p {
	font-size: 12px;
	color: #fff;
	line-height: 25px;
}
.footer dd p a {
	color: #fff;
}
.footer dd em {
	margin: 0 5px;
}
.footer .ewm {
	overflow: hidden;
	float: right;
	width: 120px;
}
.footer .ewm p {
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
}
.retop ul {
	overflow: hidden;
}
.retop li {
	float: left;
	margin-left: 10px;
}
.retop li img {
	display: block;
}
.rtTop {
	width: 43px;
	height: 43px;
	overflow: hidden;
	position: fixed;
	top: 35%;
	right: 42%;
	margin-right: -543px;
	cursor: pointer;
	display: none;
	z-index: 99;
}
.rtTop h4 {
	width: 43px;
	height: 43px;
	overflow: hidden;
	position: relative;
}
.rtTop img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


 .optbut{
	 height: 20px;
	 line-height: 20px;
	 margin: -1px 5px 5px 0;
	 padding: 0 12px;
	 background: #fbfbfb;
	 border: solid 1px #e2e2e2;
	 display: inline-block;
	 color: #666;
	 border-radius: 5px;
 }
 .optbut.on{
	 background: #f30;
	 border-color: #f30;
	 color: #fff;
 }
 .optbut:hover {
	 background: #f30;
	 border-color: #f30;
	 color: #fff;
	 text-decoration:none;
 }
 .tit{
	 padding: 5px 0;
	 display: table;
 }
 .tit b{
	 margin-right: 5px;
	 width: 2rem;
     display: table-cell;
 }

 .xuanze{
	 margin: 5px 0;
	 color: red;
	 display: none;
 }
 .phone-ipt{
	 margin-top: 10px;
 }
 phone-ipt b{
	 float: left;
	 display: inline-block;
 }
 .hqname{
	 float: left;
	 line-height: 32px;
 }

 .phone-ipt input{
	 width: 160px;
	 height: 30px;
	 margin-left: 5px;
	 padding: 0 5px;
	 border: solid 1px #f00;
	 font-size: 14px;
	 float: left;
 }
 .phone-ipt a{
	 background-color: red;
	 padding: 0 15px;
	 color: white;
	 line-height: 32px;
	 height: 32px;
	 display: inline-block;
	 text-decoration: none;
	 float: left;


 }
 .phone-ipt a:hover{
	 cursor:pointer;

 }
 .phone-ipt p{
	 margin-left: 55px;
 }
 .text p{
	 color: yellow;
	 font-size: 16px;
 }
 .fix_right input{
	 width: 180px;
	 height: 32px;
	 padding: 0 10px;
	 border-radius: 3px 0 0 3px;
	 font-size: 15px;
	 float: left;
 }
 .fix_right .bsubmit{
	 line-height: 36px;
	 padding: 0 15px;
	 background: #f33531;
	 color: #fff;
	 font-size: 14px;
	 font-weight: bold;
	 float: left;
 }
 .fix_right .bsubmit:hover{
	 background-color: #0ae;
	 cursor:pointer;
	 text-decoration: none;
 }
 .btnTjly:hover{
	 cursor:pointer;
 }
 .bottem_fix{
	 display: none;
 }


 /*弹窗*/
 .tanwin{
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0,0,0,.6);
	 z-index: 99;
 }
 .tanwin_Center{
	 position: relative;
	 top: 50%;
	 margin-top: -205px;
 }
 .tanwin .tanwin_div{
	 position: relative;
	 width: 770px;
	 margin: 0 auto;
	 height: 360px;
	 background: #fff;
	 border-radius: 10px;
	 padding: 20px;
 }
 .tanwin .tanwin_div .tanwid_div_tit{
	 font-size: 18px;
	 text-align: center;
	 color: red;
 }
 .tanwin .tanwin_div .tanwin_div_head{
	 height: 50px;
	 border-bottom: 1px solid #e9e9e9;
	 width: 760px;
	 margin: 0 auto 18px;
	 padding: 28px 6px 0;
	 font-size: 28px;
	 line-height: 28px;
	 color: #0ae;
 }
 .tanwin .tanwin_div .tanwin_div_head span {
	 font-size: 14px;
	 padding-left: 8px;
	 color: #555555;
	 vertical-align: 4px;
 }
 .tanwin .tanwin_div .tanwin_div_head span em {
	 color: #0ae;
	 font-style: normal;
	 font-size: 18px;
	 font-family: 'Arial';
 }
 .tanwin .tanwin_div .tanwin_div_content{
	 width: 790px;
	 margin: 0 auto 18px;

 }
 .tanwin .tanwin_div .tanwin_div_content .tanwin_div_content_left{
	 float: left;
	 width: 520px;
	 margin-left: 20px;
 }
 .tanwin .tanwin_div .tanwin_div_content .tanwin_div_content_left li{
	 margin-top: 6px;
 }
 .tanwin .tanwin_div .tanwin_div_content .tanwin_div_content_left .tname{
	 width: 107px;
	 height: 40px;
	 border-radius: 6px;
	 border: 1px solid #d7d7d7;
	 padding: 0 9px;
	 outline: none;
 }
 .tanwin .tanwin_div .tanwin_div_content .tanwin_div_content_left .sex{
	 cursor: pointer;
	 margin-left: 6px;
	 height: 40px;
	 line-height: 40px;
 }
 .tanwin .tanwin_div .tanwin_div_content .tanwin_div_content_left .tiphone{
	 width: 207px;
	 height: 40px;
	 border-radius: 6px;
	 border: 1px solid #d7d7d7;
	 padding: 0 9px;
	 outline: none;
 }
 .tanwin .tanwin_div .tanwin_div_content .tanwin_div_content_left em{
	 color: red;
 }
 .tanwin .tanwin_div .tanwin_div_content .tanwin_div_content_left .opt{
	 margin-left: 8px;
 }
 .tanwin .tanwin_div .tanwin_div_content .tanwin_div_content_right{
	 position: relative;
	 float: left;
	 width: 173px;
	 height: 173px;
 }
 .tanwin .tanwin_div .tanwin_div_content .tanwin_div_content_right input{
	 display: block;
	 width: 173px;
	 height: 173px;
	 border: 5px solid #f3f3f3;
	 border-radius: 50%;
	 cursor: pointer;
	 background: #0ae;
	 color: #fff;
	 font-size: 24px;
	 line-height: 163px;
	 outline: none;
	 animation: popGjButton 2s infinite 1s;
	 margin-top: 20px;
 }
 .tanwin .tanwin_div .tanwin_div_Esc{
	 position: absolute;
	 top: -21px;
	 right: -20px;
	 cursor: pointer;
 }

 /*厂家入驻显示*/
 .cjrz_div{
	 background: #0ae;
	 height: 280px;
	 width: 1190px;
	 margin: 0 auto;
	 overflow: hidden;
 }
 .cjrz_div .cjrz_tit{
	 background: #fff;
	 padding: 15px 20px;
	 margin: 25px 35px 0;
	 font-size: 16px;
	 color: #646464;
	 text-align: center;
	 line-height: 32px;
 }
 .cjrz_div a{
	 background: #ffe16a;
	 color: #f05231;
	 padding: 0 20px;
	 line-height: 40px;
	 border: 0;
	 display: inline-block;
	 border-radius: 20px;
	 margin: 0 10px;
	 text-decoration: none;
	 cursor: pointer;
 }
 .cjrz_div .cjrz_info {
	 font-size: 20px;
	 color: #fff;
	 line-height: 50px;
	 text-align: center;
	 padding: 20px 0;
 }
/* 厂家申请*/
 .changjia{
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0,0,0,.6);
	 z-index: 99;
	 display: none;
 }
 .changjia .changjia_div .changjia_div_Esc{
	 position: absolute;
	 top: -21px;
	 right: -20px;
	 cursor: pointer;
 }
 .changjia_Center{
	 position: relative;
	 top: 50%;
	 margin-top: -205px;
 }
 .changjia .changjia_div{
	 position: relative;
	 width: 360px;
	 margin: 0 auto;
	 height: 300px;
	 background: #fff;
	 border-radius: 10px;
	 padding: 20px;
 }
 .changjia .changjia_div .changjia_div_tit{
	 font-size: 20px;
	 text-align: center;
	 font-weight: bold;
 }
 .changjia .changjia_div .changjia_div_hea{
	 text-align: center;
 }
 .changjia .changjia_div .changjia_div_head p {
	 font-size: 14px;
	 color: #555555;
	 vertical-align: 4px;
	 text-align: center;
	 margin: 10px;
 }
 .changjia .changjia_div .changjia_div_head p span{
	 color: #0ae;
	 font-style: normal;
	 font-size: 14px;
	 font-family: 'Arial';
 }
 .changjia .changjia_div_content ul li {
     height: 60px;
     line-height: 40px;
     float: left;
     margin-left: 20px;
 }
 .changjia .changjia_div_content ul li input{
     height: 40px;
     width: 260px;
     border-radius: 5px;
     background: #f2f2f2;
     border:#f2f2f2;
     padding-left: 10px;
 }
 .changjia .changjiabut{
	 display: block;
	 height: 24px;
	 padding: 10px;
	 line-height: 24px;
	 background: #0ae;
	 color: white;
	 font-size: 16px;
	 text-decoration: none;
	 cursor: pointer;
	 border-radius: 5px;
	 margin-left: 80px;
 }
 changjia .changjia_div_content ul{
	 text-align: center;
 }
 .changjia em{
     color: red;
 }
 
/* 电话弹框*/
 .tel_tooltip {
	 position: fixed;
	 bottom: 105px;
	 right: 8px;
	 z-index: 99
 }

 .tel_tooltip p {
	 width: 50px;
	 height: 50px;
	 padding: 12px;
	 background: #ff3f29;
	 border-radius: 50%;
	 cursor: pointer
 }
 .tel_tooltip img {
	 width: 100%;
	 height: 100%;
	 animation: tada 1.2s infinite
 }
 .js_dialog {
	 position: relative;
	 z-index: 99999
 }

 .pop_box {
	 width: 90%;
	 max-height: 90%;
	 background: #fff;
	 border-radius: 8px;
	 overflow: auto;
	 position: fixed;
	 top: 50%;
	 left: 50%;
	 z-index: 2
 }

 .pop_box {
	 box-shadow: 0 0 5px #ddd;
	 -moz-box-shadow: 0 0 5px #ddd;
	 -webkit-box-shadow: 0 0 5px #ddd
 }

 .pop_box .pop_box_tit {
	 padding: 12px 15px;
	 text-align: center
 }

 .pop_box .pop_box_tit .tit {
	 background: #fff
 }

 @media screen and (min-width: 640px) {
	 .pop_box {
		 width:360px;
		 background: #fbfbfb;
		 border: solid 1px #eee
	 }

	 .pop_box .pop_box_tit .tit {
		 background: #fbfbfb
	 }

	 .pop_tel .num_box .tel_info {
		 background: #fbfbfb
	 }
 }

 .pop_box .icon {
	 background: url(../img/pop_icon.png);
	 background-size: 150px
 }

 .pop_box .close {
	 padding: 6px 6px 10px 10px;
	 background: rgba(0,0,0,0.1);
	 border-radius: 0 8px 0 24px;
	 position: absolute;
	 right: 0;
	 top: 0;
	 z-index: 9;
	 opacity: .6
 }

 .pop_box .close:active {
	 background: rgba(0,0,0,0.2)
 }

 .pop_box .close i {
	 width: 16px;
	 height: 16px;
	 background-position: 0 0;
	 background-size: 120px
 }

 .pop_box .tal {
	 text-align: left
 }

 .pop_box .pop_box_btn {
	 width: 100%;
	 height: 45px;
	 line-height: 45px;
	 background: #f90;
	 border-radius: 5px;
	 color: #fff;
	 font-size: 18px;
	 display: inline-block;
	 text-align: center
 }

 .pop_box .pop_box_btn:active {
	 background: #e90
 }
 .pop_tel .pop_box_tit .tit {
	 padding: 0 8px;
	 font-size: 30px;
	 color: #f30
 }

 .pop_tel .pop_box_tit .bb {
	 width: 80%;
	 position: absolute;
	 left: 10%;
	 top: 50%;
	 z-index: -1
 }

 .pop_tel .num_box {
	 padding: 8px 20px 0
 }

 .pop_tel .num_box .tel_info {
	 width: 94%;
	 height: 60px;
	 padding: 0 10px;
	 background: #f0f0f0;
	 border: solid 1px #ccc;
	 border-radius: 3px;
	 font-size: 40px
 }

 .pop_tel .num_box .tel_info::-webkit-input-placeholder {
	 color: #999;
	 font-size: 20px;
	 font-weight: lighter
 }

 .pop_tel .num_box .tel_info::-moz-placeholder {
	 color: #999;
	 font-size: 20px;
	 font-weight: lighter
 }

 .pop_tel .num_box .tel_info::-ms-input-placeholder {
	 color: #999;
	 font-size: 20px;
	 font-weight: lighter
 }

 .pop_tel .num_list {
	 padding: 0 10px;
	 text-align: center
 }

 .pop_tel .num_list ul {
	 position: relative
 }

 .pop_tel .num_list li {
	 width: 28%;
	 padding: 3px 0;
	 margin: 5px 1%;
	 background: #f0f0f0;
	 border: solid 1px #ccc;
	 border-radius: 5px;
	 display: inline-block;
	 cursor: pointer
 }

 .pop_tel .num_list li:active h3 {
	 -webkit-animation: zoomOut 1s;
	 animation: zoomOut 1s
 }

 .pop_tel .num_list li * {
	 line-height: 1em
 }

 .pop_tel .num_list li h3 {
	 font-size: 36px;
	 font-weight: lighter;
	 position: relative
 }

 .pop_tel .num_list li p {
	 font-size: x-small;
	 color: #999;
	 opacity: .6;
	 text-transform: uppercase
 }

 .pop_tel .num_list .tel_btn {
	 margin: 10px;
	 padding: 10px 15px;
	 border-radius: 25px;
	 background: #02aae9;
	 display: inline-block
 }

 .pop_tel .num_list .tel_btn:active {
	 background: #208bdd
 }

 .pop_tel .num_list .tel_btn a {
	 color: #fff;
	 font-size: 16px
 }

 .pop_tel .num_list .tel_btn .icon {
	 width: 20px;
	 height: 20px;
	 margin-right: 5px;
	 background-position: -20px 0
 }

 .pop_tel .num_list .num_del {
	 padding: 5px 0;
	 position: absolute;
	 right: 10px;
	 bottom: 17px;
	 opacity: 0;
	 cursor: pointer
 }

 .pop_tel .num_list .num_del:active {
	 opacity: .5!important
 }

 .pop_tel .num_list .num_del .icon {
	 width: 30px;
	 height: 16px;
	 background-position: -40px 0
 }
 @keyframes tada {
    from {
        transform: scale3d(1,1,1)
    }

    8%,16% {
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    24%,40%,56%,72% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    32%,48%,64% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        transform: scale3d(1,1,1)
    }
}
/*电话弹窗结束*/

.foot_text {
    width: 1190px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e2e2e2;
}

 /*选型助手*/
 .xxzd .xxzd_zhushou{
	 margin-bottom: 20px;
 }
 .xxzd .xxzd_zhushou .xxzd_zhushou_ul{
	 width: 282px;
	 display: inline-block;
	 border: 1px solid #333;
	 height: 340px;
 }
 .xxzd .xxzd_zhushou .xxzd_zhushou_ul .bjtatle{
	 text-align: center;
	 color: white;
	 font-size: 18px;
	 margin: 0 auto;
	 width: 100%;
	 display: inline-block;
	 height: 30px;
	 line-height: 30px;
	 background-color: #0ae;

 }
 .xxzd .xxzd_zhushou .xxzd_zhushou_ul li {
	 margin: 10px 10px;
	 display: block;
	 padding:20px 0px;
 }
 .xxzd .xxzd_zhushou .xxzd_zhushou_ul  .fl{
	 width: 100%;
	 line-height: 44px;
	 color: #999;
 }

 .xxzd .xxzd_zhushou .xxzd_zhushou_ul li .tt {
	 display: block;
 }
 .xxzd .xxzd_zhushou .xxzd_zhushou_ul  .fl select {
	 width: 90%;
	 height: 34px;
 }
 .xxzd .xxzd_zhushou .xxzd_zhushou_ul  .fl input{
	 width:90%;
	 height: 34px;

 }
 .bjzdbtn{
	 background-color: #f53838;
	 color: white;
	 height: 34px;
	 border: none;
	 width: 100%;
	 cursor: pointer;
 }
 .xxzd .xxzd_zhushou .xxzd_zhushou_ul  .pss{
	display: block;
	 padding: 20px;
	 color: #928e8e;
}
 /*选型助手结束*/
 .pro_bot_menu{
	margin: 20px auto;
	width: 1190px;
    padding: 0 25px;
    background: #fff;
}
.pro_bot_menu .mya{
    height: 40px;
    width: 120px;
    display: inline-block;
	overflow: hidden;
    background-color: #0ae;
    color: white;
	font-size: 14px;
	text-align: center;
	line-height: 44px;
}
