/* 公共样式 */
@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/* 解决IOS默认滑动很卡的情况 */
	-webkit-overflow-scrolling : touch;
	height: 100%;
	width: 100%;
}
body{
    min-height: 100%;
    width: 100%;
}
/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
  resize: none;
  border: none;
  outline: none;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
form { margin:0; padding:0;}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, a{
  display: block;
}

textarea{
    outline: none;
    border: none;
}

/* 图片自适应 */
img {
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
  -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}
input,select{
    -webkit-appearance: none;
    appearance: none;
}
select{
    background: #fff;
    color: #555;
    outline: none;
    /*background-image:url('../images/up.png');*/
    background-repeat:no-repeat;
    background-position: right center;
    background-size: 0.5rem 100%;
    /*background: url('../../images/up.png') no-repeat right center;*/
}

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}
ul, li{ list-style: none;}

em, i {
  font-style: normal;
}
ul,li{
  list-style-type: none;
}
strong {
  font-weight: normal;
}
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
a {
  text-decoration: none;
  color: #969696;
  font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
a:hover {
  text-decoration: none;
}
ul, ol {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: 'Microsoft YaHei';
}
img {
  border: none;
}
/*单行溢出*/
.one-txt-cut{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}
.w50{
  width: 50%;
}
.w25{
  width: 25%;
}
.w20{
  width: 20%;
}
.w33{
  width: 33.333333%;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.db{
  display: block !important;
}
.dn{
  display: none;
}



/*top*/
.top{ width: 100%; min-width: 1200px; height: 40px; background-color: #f6f6f8; border-bottom: 1px solid #e1e1e1;}
.top .top_main{ width: 1200px; height: 40px; margin: 0 auto;}
.top .top_main .top_main_zhangh{ float: left; width: 150px; height: 40px; overflow: hidden;}
.top .top_main .top_main_zhangh p{ float: left; padding-right: 10px; overflow: hidden; height: 40px; line-height: 40px; color: #333; font-size: 14px;}
.top .top_main .top_main_zhangh input{ float: left; width: 90px; padding: 0 5px; font-size: 12px; height: 26px; line-height: 26px; margin-top: 6px; outline: none; border-radius: 2px; border: 1px solid #e1e1e1;}
.top .top_main .top_main_pass{ float: left; width: 130px; height: 40px; overflow: hidden;}
.top .top_main .top_main_pass p{ float: left; font-size: 14px; overflow: hidden; color: #333; padding-right: 10px; height: 40px; line-height: 40px;}
.top .top_main .top_main_pass input{ float: left; width: 90px; height: 26px; line-height: 26px; margin-top: 6px; outline: none; border-radius: 2px; border: 1px solid #e1e1e1;}
.top .top_main .top_main_sub{ float: left; height: 38px; font-size: 14px; width: 50px; margin: 2px 0 0 20px; outline: none; cursor: pointer; color: #ffc428; background-color: #fff; border: 1px solid #e1e1e1; border-bottom: 3px solid #ffc428;}
.top .top_main .top_main_wj{ width: 80px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; float: left; font-size: 14px; color: #ffc428; margin-left: 15px;}
.top .top_main .top_main_ul{ float: left; width: 472px; height: 40px;}
.top .top_main .top_main_ul li{ float: left; height: 40px; position: relative;}
.top .top_main .top_main_ul li>a{ font-size: 14px; margin-top: 10px; overflow: hidden; padding: 0 20px; color: #333; height: 20px; line-height: 20px; border-right: 1px solid #e1e1e3; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all;}
.top .top_main .top_main_ul li>a:hover{ color: #ffc428;}

.top .top_main .top_main_ul li .li_erji2{ width: 100px; height: 70px; overflow: hidden; display: none; position: absolute; z-index: 9; top: 40px; left: 0; background-color: #f6f6f8; border: 1px solid #e1e1e1; border-top: none;}
.top .top_main .top_main_ul li .li_erji2 a{ width: 100px; height: 30px; line-height: 30px; color: #333; font-size: 14px; text-align: center;}
.top .top_main .top_main_ul li:hover .li_erji2{ display: block;}

.top .top_main .top_main_ul2{ width: 283px; height: 40px; float: left; overflow: hidden;}
.top .top_main .top_main_ul2 li{ float: left; height: 40px; line-height: 40px;}
.top .top_main .top_main_ul2 li a{ height: 20px; line-height: 20px; margin-top: 10px; border-right: 1px solid #e1e1e1; padding: 0 15px; text-align: center; font-size: 14px; color: #333; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all;}
.top .top_main .top_main_ul2 li a:hover{ color: #ffc428;}
/*head*/
.head_b{ width: 100%; min-width: 1200px; height: auto; background-color: #fff;}
.head{ width: 1200px; height: 53px; margin: 0px auto; padding:20px 0; clear: both;}
.head .head_logo{ float: left; width: 200px; height: 53px; overflow: hidden;}
.head .head_logo img{ max-width: 180px; height: auto; max-height: 53px;}
.head .head_fensui{ float: left; height: 30px; line-height: 30px; color: #ffc428; width: 300px; font-size: 24px; padding-left: 20px; margin-top: 11px; overflow: hidden; border-left: 1px solid #ccc;}
.head .head_sous{ float: right; width: 550px; height: 40px; border: 1px solid #e1e1e1; border-radius: 2px; margin-top: 5px; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all;}
.head .head_sous:hover{ border: 1px solid #ffc428;}
.head .head_sous .head_sous_box{ width: 80px; height: 40px; line-height: 40px; float: left; position: relative;}
.head .head_sous .head_sous_box>a{ width: 80px; height: 40px; overflow: hidden; font-size: 16px; color: #333; text-align: center; background: url(../images/jt.png) 63px center no-repeat #fff;}
.head .head_sous .head_sous_box .head_sous_erji{ position: absolute; z-index: 9; display: none; width: 80px; left: -1px; top: 40px; background-color: #fff; border: 1px solid #ffc428; border-top: none;}
.head .head_sous .head_sous_box .head_sous_erji li{ width: 80px; height: 30px; line-height: 30px;font-size: 14px; color: #333; text-align: center; cursor:default;}
.head .head_sous .head_sous_box .head_sous_erji li:hover{ background-color: #ffc428; color: #fff;}
.head .head_sous .head_sous_txt{ float: left; height: 40px; line-height: 40px; width: 420px; margin-left: 5px; outline: none; border: none; padding-left: 5px; font-size: 14px;}
.head .head_sous .head_sous_sub{ float: left; border: none; width: 40px; height: 40px; cursor: pointer; outline: none; background: url(../images/sous.png) center center/25px no-repeat #fff;}

/* 页面样式 */
.banner{width: 100%; min-width: 1200px; height: auto;}
.company_logo_bol{width: 1200px; height: 260px; padding-top: 10px; margin: 0 auto;}
.home_top{width: 100%; height: 260px;}
.company_logo{width: 100%; height: 100%; }
.company_logo>a { display:block; width: 240px; height: 100px;  float: left; }
.company_logo_list{ width: 240px; height: 100px; display:table-cell; vertical-align:middle; text-align:center}
.company_logo_list img { max-height:74px; max-width:128px; display:inline;}
.goods_zs{width: 100%; min-width: 1200px; height: 290px; background: url(../images/TB1_NHuXMmTBuNjy1XbXXaMrVXa-1920-290.gif) center center/100% 100% no-repeat;}
.goods_bolc{width: 1200px; height: 290px; margin: 0 auto;position: relative;}
.goods_left_text{width: 260px; height: 130px; float: left;  margin-top: 90px;}
.goods_left_text_title{width: 100%; height: 24px; font-size: 24px; color: #fff;}
.goods_fenge{width:40px; height: 19px; border-bottom: 2px solid #fff;}
.goods_left_text_font{width: 222px; height: 65px; overflow: hidden; font-size: 12px; color: #fff; margin-top: 14px;}
.rgoods_bloc{width: 936px; height:322px;position: absolute; right: 0px; top: 0;}
.rgoods_list_bolc{width: 936px; height: 256px; background: #fff; position: absolute; bottom: 0; left: 0;}
.rgoods_list{width: 147.2px; height: 209px; margin-top: 25px; margin-left:20px; margin-right: 20px; float: left;}
.rgoods_list a:hover .rgoods_text_name{ color: #febf3c;}
.rgoods_image{width: 147.2px; height: 155px; display:table-cell; text-align:center; vertical-align:middle;}
.rgoods_image>img { max-height:150px; max-width:145px; display:inline;}
.rgoods_text{height: 55px; margin-top: 10px; width: 147.2px; overflow: hidden;}
.rgoods_text_name{font-size: 12px; color: #333;width: 147.2px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s;}
.rgoods_text_jg{font-size: 14px; color: #f54300;width: 147.2px;}
.rgoods_text_sum{font-size: 12px; color: #999999;}
.goods{width: 1200px; height: auto; margin: 0 auto; margin-top: 80px; position: relative;}
.goods_list{width: 1198px; height: 339px; background: #fff; border: 1px solid #dfdfdf; margin-top: 30px;}
.goods_left{width: 305px; height: 271px; float: left; margin-left: 30px; margin-top:30px;}
.goods_gsLogo{width: 200px; height:65px; overflow: hidden; }
.goods_gsLogo>a>img { max-height:65px; max-width:200px; width:auto; height:auto;}
.goods_gsName{width: 305px; height: 20px;}
.goods_gsNameText{width:255px; float: left; font-size: 18px; color: #222222;}
.goods_gsNameImage{width: 25px; height: 25px; float: left; margin-left: 10px;}
.goods_vip{margin-top: 15px; width: 305px; height: 25px;}
.goods_vipLeft{padding-bottom: 3px;width:auto; display:inline-block !important; display:inline; float: left;  padding-top: 3px; padding-left: 10px;padding-right: 5px;font-size: 12px; margin-left:18px; position: relative; background: #febf3c; color: #fff;}
.goods_vipLeft>img{width: 25px; height: 25px; position: absolute; left: -18px; top: -1px;}
.goods_vipRight{padding-bottom: 3px;width:auto; display:inline-block !important; display:inline; float: left;  padding-top: 3px; padding-left: 5px;padding-right: 5px;font-size: 12px;  margin-left:10px; background: #1760eb; font-size: 12px; color: #fff ;}
.goods_image{width: 22px; height: auto; margin-top:10px;}
.goods_gsNews{width: 225px; height: 64px; font-size: 14px; color: #999999; margin-top: 10px; line-height: 22px;}
.goods_gsGo{width: 90px; height: 30px; display: inline-block; border: 1px solid #444444; margin-top: 20px; border-radius: 3px; font-size: 14px; color: #444444; text-align: center; line-height: 30px;}
.goods_right{width: 850px; height: 290px; float: left; margin-top: 25px;}
.goods_listM{width: 190px; height: 290px; float: left; margin-left: 20px;}
.goods_img{width: 190px; height: 190px; display:table-cell; vertical-align:middle; text-align:center}
.goods_img img { max-height:190px; max-width:190px; display: inline;}
.goods_name{width: 190px; height: 50px; overflow:hidden; font-size: 14px;color: #333333; line-height: 25px;}
.goods_jg{font-size:18px ; color: #f54300; margin-top: 10px;}
.paging{ text-align:center; margin-top:40px;}
.paging>li{ border: 1px solid #dfdfdf; background: #fff; margin: 0 6px;width:auto; display:inline-block; height: auto;  font-size: 16px;}
.paging>li>a{color: #333;padding: 10px; padding-left: 15px; padding-right: 15px; display:block; font-size:18px;}
.paging>li>a#cur { background-color:#1d77bc; color:#FFFFFF; font-weight:bold;}
/*footer*/
.footer2{ width: 100%; min-width: 1200px; height: 190px; background-color: #202125; clear: both;}
.footer2 .footer2_main{ margin: 0 auto; width: 1200px; height: 190px; overflow: hidden;}
.footer2 .footer2_main .footer2_main_pingtai{ float: left; width: 400px; height: 190px;}
.footer2 .footer2_main .footer2_main_pingtai div{ color: #fff; font-size: 18px; overflow: hidden; width: 400px; height: 30px; margin-top: 30px;}
.footer2 .footer2_main .footer2_main_pingtai li{ width: 100px; float: left; height: 30px; overflow: hidden; line-height: 30px;}
.footer2 .footer2_main .footer2_main_pingtai li a{ color: #6b6e81; font-size: 14px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.footer2 .footer2_main .footer2_main_pingtai li a:hover{ color: #fff;}

.footer2 .footer2_main .footer2_main_fuwu{ float: left; width: 200px; height: 190px; margin-left: 50px;}
.footer2 .footer2_main .footer2_main_fuwu div{ color: #fff; font-size: 18px; overflow: hidden; width: 200px; height: 30px; margin-top: 30px;}
.footer2 .footer2_main .footer2_main_fuwu li{ width: 100px; float: left; height: 30px; overflow: hidden; line-height: 30px;}
.footer2 .footer2_main .footer2_main_fuwu li a{ color: #6b6e81; font-size: 14px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.footer2 .footer2_main .footer2_main_fuwu li a:hover{ color: #fff;}

.footer2 .footer2_main .footer2_main_guanyu{ float: left; width: 200px; height: 190px; margin-left: 50px;}
.footer2 .footer2_main .footer2_main_guanyu div{ color: #fff; font-size: 18px; overflow: hidden; width: 200px; height: 30px; margin-top: 30px;}
.footer2 .footer2_main .footer2_main_guanyu li{ width: 100px; float: left; height: 30px; overflow: hidden; line-height: 30px;}
.footer2 .footer2_main .footer2_main_guanyu li a{ color: #6b6e81; font-size: 14px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.footer2 .footer2_main .footer2_main_guanyu li a:hover{ color: #fff;}

.footer2 .footer2_main .footer2_ewm{ float: left; width: 290px; height: 190px;}
.footer2 .footer2_main .footer2_ewm div{ width: 90px; height: 90px; margin: 50px auto 0;}
.footer2 .footer2_main .footer2_ewm div img{ width: 90px; height: 90px;}
.footer2 .footer2_main .footer2_ewm p{ width: 290px; height: 20px; margin-top: 8px; overflow: hidden; font-size: 12px; color: #fff; text-align: center;}

.footer3{ width: 100%; min-width: 1200px; height: 40px; text-align: center; line-height: 40px; background-color: #1b1c1e; clear: both; font-size: 12px; color: #6b6e81;}


.popwin_bg_tran {position: absolute;top:-1px;left: -1px;/*margin-left: -75px;*/width: 100%;height: 100%;background: #000;border: solid 1px #fff;opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;filter:alpha(Opacity=40);z-index: 99992;text-align:center; display:none;}
.popwin { position:fixed;padding:0px;margin-top:0px;top: 0px;left: 17%;width:480px; height:320px;text-align:left;color: #fff;z-index: 99993; display:none; }
.popwin_title {position:absolute; background-color:#FFFFFF; color:#333333;width:450px; height:40px; padding:10px; text-align:center}
.popwin_nr {  color:#333333; padding-top:8px; font-size:14px;}
.popwin_nr {background-color:#FFFFFF; } 
.popwin_bt {color:#333333; line-height:32px;font-size:16px; height:30px;border-bottom:1px solid #cccccc;}
.popwin_til {  width:90px; text-align:right; line-height:30px; float:left; font-size:14px;}
.popwin_inputline { margin-top:5px; color:#444444; }
.popwin_input {  float:left; margin-left:2px; width:220px; padding:3px 5px; border:1px solid #cccccc;border-radius:4px; font-size:14px; }
.popwin_text { float:left; margin-left:2px; width:240px; padding:3px 5px; border:1px solid #cccccc;border-radius:4px; font-size:14px; }
.popwin_sendbtn {  float:left; margin-left:2px; margin-top:15px; width:180px;line-height:32px; border:0px;border-radius:6px; font-size:16px; background-color:#af0001; color:#FFFFFF; }