﻿
@charset "utf-8";
/* CSS Document */
/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* 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;
}
/*定位*/
.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;
}
.cb {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*html .clearfix {
	height: 1%
}
.Clearfix {
	display: block;
}
.vm {
	vertical-align: center;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.abs-right {
	position: absolute;
	right: 0;
}
.zoom {
	zoom: 1
}
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}
/*边框去除*/
.no_bt {
	border-top: none;
}
.no_bb {
	border-bottom: none;
}
.no_bl {
	border-left: none;
}
.no_br {
	border-right: none;
}
/*其他*/
.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;
}

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;
}
body{    background-color: #f3f2f2;font-size: 12px}
/*网站字体颜色*/
a {
	color: #666;
	text-decoration: none;
}  /*for ie f6n.net*/
a:focus {
	outline: 0;
} /*for ff f6n.net*/
*{ box-sizing: border-box; }
.vam {
	vertical-align: middle;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.tr {
	text-align: right;
}
.tl {
	text-align: left;
}
.center {
	text-align: center;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.pa {
	position: absolute;
}
.pr {
	position: relative
}
/* -- 购物车外部框架 -- */
.cart_header, .cart_content, .cart_footer {
	width: 980px;
	margin: 0 auto;
}
/* -- 页面整体布局 -- */

.nr-page{padding-top: 30px;}
.left {
	width: 22%;
	float: left;
	overflow: hidden;
	margin-bottom: 30px;
}

.lefttop {
	background: url(../img/left_top_img.gif) no-repeat;
	height: 3px;
	font-size: 0;
	overflow: hidden;
	margin-top: 10px;
}


.right {
	width: 75%;
	float: right;
	display: inline;
	overflow: hidden;
	margin-bottom: 50px;
}



 .h_nav li a:-webkit-any-link {
display:block;
}
.container {
	margin: 0 auto;
	width: 96%;
	max-width: 1200px;
}
/*页眉*/
.header {
	position: relative;
	z-index: 998;
	width: 100%;
	background: #fff
}
/*--顶部链接导航*/
.hd_top {
	border-bottom: 1px solid #ebebeb;
}
.hd_top .container {
	height: 39px;
	line-height: 39px;
}
.hd_top a {
	padding: 0 10px;
}
.hd_top span {
	color: #8cb9db;
}
/*--页眉内容*/
.hd_cont {
	position: relative;
	height: 116px;
	overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hd_cont .hd_logo img{max-width: 750px;max-height: 100px;}
.hd_cont .hd_logo dd {
	margin-left: 16px;
	padding-left: 12px;
	height: 80px;
	border-left: 1px solid #c2c2c2;
}
.hd_cont .hd_logo dd h2 {
	padding-top: 0px;
	padding-bottom: 13px;
	font-size: 30px;
	color: #005fbb;
	letter-spacing: 10px;
}
.hd_cont .hd_logo dd p {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	padding-left: 3px;
	letter-spacing: 1px;
}
.hd_cont .dh_phone {
	padding: 2px 0px 2px 52px;
	background: url(../img/hdphoen_ico.png) no-repeat left center;
	font-size: 18px;
	color: #ffa22b;
}
.hd_cont .dh_phone dd {
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/*--导航栏*/
.dh_nav {
	width: 100%;
	margin: 0 auto;
	height: 50px;
	overflow: hidden;
	background-color: #0064b9;
	
}
.dh_nav ul {
	width: 1100px;
	overflow: hidden;
	height: 50px;
	text-align: center;
}
.dh_nav li {
	height: 50px;
	float: left;
	text-align: center;
	position: relative;
	font-family: "microsoft yahei";
	font-size: 16px;
	line-height: 50px;
	font-weight: bold;
	}
.dh_nav li a {
	color: #fff;
	display: block;
	padding: 0 35px;
	height: 50px;
}
.dh_nav li a.navHome {
	background-image: none;
}
.dh_nav li a:hover, .dh_nav li.cur>a {
	background: url(../img/hover.png) 0 0 no-repeat;
	background-size: 100%;
	height: 50px;
	padding-top: 0px;
	margin-top:0px;
	text-decoration: none;
}
/*页尾*/
.footbg {
	width: 100%;
	background: url(../img/footbg.jpg) center 0 no-repeat #1c4d83;
	/*height: 176px;*/overflow: hidden;
}
.foot_nav {
	width: 1100px;
	margin: 0 auto;
	height: 70px;
	font: 14px/70px "microsoft yahei";
	text-align: center;
}
.foot_nav a {
	color: #fff;
	margin: 0 22px;
}
.foot {
	width: 1100px;
	/*height: 64px;*/
	margin: 20px auto 0;
	text-align: center;
	font: 12px/32px "microsoft yahei";
	color: #fff;overflow: hidden;
}
.foot a {
	color: #fff;
}
.foot span {
	margin: 0 6px;
}
/*页尾*/
.footWrap {
	background-color: #f2f2f2;
}
.footer {
	position: relative;
	/*height: 200px;*/
	overflow: hidden;
}
.fotTxt {
	margin-top: 44px;
}
.fotTxt dt {
	margin-left: 200px;
	padding-top: 40px;
}
.fotTxt dd {
	padding-left: 26px;
	margin-left: 400px;
	line-height: 24px;
	color: #333;
	border-left: 1px solid #d6d6d6;
}
.fotTxt dd a {
	color: #333;
}
#roll_top, #fall, #ct
{
	position: relative;
	cursor: pointer;
	height: 56px;
	width: 56px;
}
#roll_top
{
	background: url(../img/top.gif) no-repeat;
}
#fall
{
	background: url(../img/top.gif) no-repeat 0 -80px;
}
#ct
{
	background: url(../img/top.gif) no-repeat 0 -40px;
}
#roll
{
	display: block;
	width: 15px;
	margin-right: -500px;
	position: fixed;
	right: 45%;
	top: 75%;
	_margin-right: -505px;
	_position: absolute;
	_margin-top: 300px;
	_top: expression(eval(document.documentElement.scrollTop));
}




.footer{width: 100%;overflow: hidden;}
#ucFooter_plPartner .link{width: 100%;height: 80px;background-color: #f7f7f7;}
#ucFooter_plPartner .link h3{font-size: 14px;font-weight: bold;float: left;width: 70px;height: 80px;line-height: 80px;}
#ucFooter_plPartner .link h3 a{color: #333333;text-decoration: none;}
#ucFooter_plPartner .link ul{width: 806px;margin-left: 20px;float: left;}
#ucFooter_plPartner .link li{float: left;padding:0 3px;line-height: 80px;}
#ucFooter_plPartner .link li a{font-size: 14px;color: #777777;}
#ucFooter_plPartner .link p{float: right;margin-top: 34px;}/*margin-top: 32px;*/
#ucFooter_plPartner .link p a{font-size: 14px;color: #777777;}
.footer .con{width: 100%;background: url(../img/ft-bg.jpg) repeat; height: 316px;overflow: hidden;}
.footer .logo{float: left;margin-top: 40px;width: 140px;}
.footer .logo h2{width: 140px;height: 44px;margin-bottom: 10px;}
.footer .logo img{display: block;}
.footer .logo p{text-align: center;font-size: 12px;color: #ffffff;margin-top: 11px;}
.footer .Dh,.footer .Dz{margin-top: 40px;float: left;margin-left: 139px;}
.footer .Dh{width: 236px;}
.footer .Dz {width: 40%;float: right;margin-left: 0;}
.footer .Dh h3{background: url(../img/ftDh.png) no-repeat left center;}
.footer .Dz h3{background: url(../img/ftDz.png) no-repeat left center;}
.footer .Dh h3,.footer .Dz h3{height: 52px;line-height: 52px;padding-left: 24px;font-size: 14px;font-weight: bold;color: #FFFFFF;border-bottom: 1px solid #666666;}
.footer .DhCon{width: 100%;overflow: hidden;}
.footer .DhCon .hleft{float: left;}
.footer .DhCon .hright{float: right;}
.footer .DhCon .hleft a,.footer .DhCon .hright a{display: block;margin: 21px 0;font-size: 12px;color: #cecece;}
.footer .DzCon p {font-size: 12px;color: #cecece;margin: 4px 0;line-height: 1.5;}
.footer .DzCon p span{padding-left: 32px;}
.footer .copyRight{height: 70px;width: 100%;background-color: #275cbe;}
.footer .copyRight p{height: 70px;line-height: 70px;font-size: 12px;color: #FFFFFF;float: left;}
.footer .copyRight ul{ overflow:hidden; float:right;margin-top: 29px;}
.footer .copyRight li{ float:left; padding:0 12px; border-right:1px solid #688dd2; font-size:12px;}
.footer .copyRight .last{ border:none;padding-right: 0;}/*padding-right: 0; 添加修改*/
.footer .copyRight li a{color:#FFFFFF}



/*page_nav*/
.prs .t05 {
	background: #005fbb;
	height: 63px;
	line-height: 63px;
	padding-left: 25px;
	font-family: "微软雅黑";
	font-size: 22px;
	font-weight: normal;
	color: #fff;
}
.prs .t05_con {
	border: 10px solid #005fbb;
	width: 100%;
	border-top: 0;padding: 8px 0;
}
.prs li {
	height:45px;width:100%; overflow:hidden; padding:0 5px;margin-bottom: 5px;
}
.prs li a.active ,.prs li a:hover{
	font-size: 13px;
	color: #fff;
	background: url(../img/fl1.jpg) no-repeat 0px 0px; text-decoration:none;
}
.prs li a {
	font-size: 13px;
	color: #000;
	font-weight: normal;
	padding: 0 0 0 0px;
	background: #f5f5f5 url(../img/fl.jpg) no-repeat 0px 0px;
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	text-align: center;
}

.tj{overflow: hidden;margin-top: 15px;}
.tj .t05 {
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    background-color: #005fbb;    line-height: 40px;
}
.tj .t05_con {
    border: solid 1px #ccc;
    border-top: 0;
    padding: 8px 1px;
    margin-bottom: 10px;
    zoom: 1;
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.tj dl.t05_con_dl {
    margin-bottom: 10px;
    width: 215px;
   margin: 10px auto;
}
.tj dl.t05_con_dl dt {
    width: 215px;
    height: 186px;
    padding: 1px;
    border: solid 1px #d7d7d7;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.tj dl.t05_con_dl dt img {
    max-width: 85%;
    max-height: 85%;
}
.tj dl.t05_con_dl dd {
    width: 212px;
    margin-top: 3px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.contactn {overflow: hidden;margin-top: 15px;}
.contactn .t05 {
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    background-color: #005fbb;    line-height: 40px;color: #fff
}
.contactn .subnr {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 5px 9px;
    width: 100%
}
.contactn .subnr p {
    line-height: 25px;
    overflow: hidden;
}


.curmbs {
	margin-bottom: 10px;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #ddd;background: url(../img/bjj.png);
} 
.curmbs span {
	color: #1c4587;
}
.curmbs a {
	color: #333;
}
.curmbs a:hover {
	color: #1c4587;
}
.curmbs .a_b {
	color: #1c4587;
	font-weight: bold;
}

.right_main{width: 100%; min-height: 458px; border: solid 1px #d5d5d5; padding: 15px; overflow: hidden; background: #fff;font-size: 14px;line-height: 1.5}
.agent_con img{max-width: 100%;}


/*news*/
.news_con {
	width: 96%;
	margin: 0 auto;
	padding-top: 15px;
} 
.news_con a:hover{text-decoration: none;}
.news_con dl.news_dl {
	font-size: 14px;
	color: #666;
	padding: 10px;
	line-height: 22px;
	border-bottom: 1px dashed #CCCCCC;border-radius: 25px;
}
.news_con dl.news_dl:hover{background: #f7f7f7;    }
.news_con dl.news_dl a {
	color: #000;
}
.news_con dl.news_dl dt {
	margin-bottom: 3px;
	margin-top: 5px;
	line-height: 24px;
	width: 720px;
	height: 24px;
	overflow: hidden;
}
.news_con dl.news_dl .dt_1 {
	height: 20px;
	background: url(../img/ico10.gif) no-repeat 0 10px;
	padding-left: 10px;
	font-size: 13px;
	color: #1c4587;
	font-weight: bold;    width: 573px;
    float: left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
}
.news_con dl.news_dl .dt_1:hover {
	background: url(../img/ico7.gif) no-repeat 0 6px;
	color: #1c4587;
}/*资讯首页内容,点击时的图片*/
.news_con dl.news_dl .dt_2 {
	font-size: 12px;
	float: right;
	padding: 0 10px 0 8px;

}
.news_con dl.news_dl .dt_3 {
	font-size: 12px;
}
.news_con dl.news_dl .dt_3 a {
	color: #d5111e;
	text-decoration: underline;
} /*文章出处*/
.news_con dl.news_dl dd {
	font-size: 12px;
	padding-left: 10px;
	height: 45px;
	overflow: hidden;
	margin-bottom: 10px;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; 
}
/*list_donw*/
.donw_con{}
.donw_con dl.donw_dl {
	font-size: 14px;
	color: #666;
	padding: 10px;
	line-height: 22px;
	border-bottom: 1px dashed #CCCCCC;border-radius: 25px;    overflow: hidden;
}
.donw_con dl.donw_dl:hover{background: #f7f7f7;    }
.donw_con dl.donw_dl a {
	color: #000;
}
.donw_con dl.donw_dl .dd_1 {
	margin-bottom: 3px;
	margin-top: 5px;
	line-height: 24px;
	width: 80%;
	height: 24px;
	overflow: hidden;
	float: left;
}
.donw_con dl.donw_dl .dd_2 {
	margin-bottom: 3px;
	margin-top: 5px;
	line-height: 24px;
	width: 20%;
	height: 24px;
	overflow: hidden;text-align: center;
	float: left;
}
.donw_con dl.donw_dl .dt_1 {
	height: 20px;
	background: url(../img/ico10.gif) no-repeat 0 10px;
	padding-left: 10px;
	font-size: 13px;
	color: #1c4587;
	font-weight: bold;    width: 573px;
    float: left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
}



/*show_news*/
.plc2 {line-height: 35px; text-indent: 10px; color: #000; margin-top: 30px; margin-bottom: 10px; background: url(../img/bjj.png); border: 1px solid #ddd;}
.plc2 a {color: #000; } 
.plc2 a:hover {color: #000; }

.left2 {
    width: 1100px;
    float: left;
    overflow: hidden;
}
.show .min{    overflow: hidden; padding: 30px 15px; background: #fff; margin-bottom: 30px;}
.n_info_con h1 {text-align: center; font-size: 26px; color: #000; margin-bottom: 6px; }
.info_con_tit { line-height: 24px; margin-bottom: 15px; border-bottom: 1px solid #E5E5E5; padding-bottom: 20px; }
.info_con_tit .n_tit {text-align: center; color: #7E7E7E; }
.info_con_tit span {margin-right: 20px; }
#cntrBody{font-size: 14px;line-height: 1.5}
.gduo {height: 30px; line-height: 30px; background: #f7f7f7; overflow: hidden; margin: 15px 0px; padding: 0 10px; }
.gduo .next {float: right;max-width: 48%;text-align: right;}
.gduo .prev {float: left;max-width: 48%;text-align: left;}

.n_info_con2{}
.n_info_con2 .t04{background: #005fbb; line-height: 30px; text-indent: 15px;color: #fff;    font-size: 14px;}

.n_info_con2 .info_b{}
.n_info_con2 .info_b .sear_dl{    width: 20%; float: left; padding: 1%;}
.n_info_con2 .info_b .sear_dl .dt2{    overflow: hidden; width: 100%; border: 1px solid #eee; height: 145px;}
.sear_dl .dt2 img {display: block; max-width: 100%; max-height: 100%; }
.sear_dl .d2 {height: 22px; overflow: hidden; line-height: 22px; text-align: center;}


/*list_pro*/
.pro_main {zoom: 1; padding: 5px; background: #fff; border: 1px solid #ccc; }
.pro_main .p_list_dl{width: 25%; float: left; padding: 1%;}
.pro_main .p_list_dl dt{overflow: hidden; width: 100%; border: 1px solid #eee; height: 145px;position: relative;}
.pro_main .p_list_dl dt img{    display: block; max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    margin: auto; }
.pro_main .p_list_dl dd{height: 35px; overflow: hidden; line-height: 35px; text-align: center;}

.RandomNews{overflow: hidden; margin-top: 15px;}
.RandomNews h4 {padding-left: 27px; height: 36px; line-height: 36px; color: #d5111e; background: url(../img/bjj.png); font-weight: bold;     border: 1px solid #ddd;}
.RandomNews ul{    padding-top: 8px; border: 1px solid #ccc; border-top: none; margin-bottom: 15px; width: 100%; background: #fff;}
.RandomNews li {height: 28px; line-height: 28px; padding: 0 17px 0 10px; width: 50%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color: #666  }
.RandomNews li a {background: url(../img/ico55.gif) no-repeat 0 5px; padding-left: 12px; }
.RandomNews li a:hover{text-decoration: underline;	}

/*分页*/
.pages{}
.pages .pagination{    display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem;justify-content: center!important;    padding: 50px 0 10px;}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

/* -- 产品详细页 -- */

.prodetailsinfo {
    padding: 15px 0;
    clear: both;
    zoom: 1;
}
.proviewbox{width:50%;float: left;}

#protop{width: 50%;
    float: right;padding-right: 15px;}

#MagnifierWrap {
    position: relative;
    width: 350px;
    margin: 30px auto;
}
#MagnifierWrap *{    transition: all .0s;}

.MagnifierMain {
    position: relative;
    width: 350px;
    height: 255px;
    overflow: hidden;
        display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.MagnifierMain img {
    width: 100%;    max-width: 100%;
}

.MagnifierDrag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ccc;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: move;
}


.MagnifierPop {
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 10;
    background: #fff;
}

.MagnifierImg {
    position: absolute;
    top: 0;
    left: 0;
}

.spec-items {
    position: relative;
    width: 292px;
    height: 75px;
    overflow: hidden;
    padding-top: 10px;
    margin: 0 auto;
}

.spec-items ul {
    width: 500%;
    position: absolute;
    top: 10px;
    left: 0;
}

.spec-items ul * {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.spec-items li {
    width: 65px;
    height: 65px;
    float: left;
    overflow: hidden;
    margin-right: 5px;
    border: 2px solid #fff;
    cursor: pointer;
}

.spec-items li.on {
    border: 2px solid #000;
}

.spec-items li img {
    width: 100%;
}

span.spe_leftBtn,
span.spe_rightBtn {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 20px;
    height: 65px;
    line-height: 65px;
    font-family: "黑体";
    text-align: center;
    font-size: 30px;
    color: #ddd;
    cursor: default;
    background-color: #f9f9f9;
}

span.on {
    background-color: #ccc;
    color: #999;
    cursor: pointer;
}

span.spe_leftBtn {
    left: 0;
}

span.spe_rightBtn {
    right: 0;
}


#protop{}
#protop .h2_prodtitle{ font-size: 16px; color: #414141; border-bottom: 1px dashed #bbbbbb; padding: 35px 0 10px; line-height: 1.6em;}
#protop .pro_des{    padding: 10px 0;line-height: 1.5 ;   font-size: 14px;
    color: #555}
#protop .ul_prodinfos {padding: 6px 15px; overflow: hidden; zoom: 1; background: #f3f3f3; font-size: 14px; font-weight: bold; }
#protop .ul_prodinfos li {overflow: hidden; padding: 5px 0 10px; }
#protop .ul_prodinfos .li_weight a{color: #fff; display: block; width: 30%; float: left; background: #007bff; line-height: 30px; border-radius: 2px; margin: 0 5px; text-align: center;}
#protop .hottel {color: #1c4587; font-weight: normal; }


#cptab_relevant{overflow: hidden;padding-top: 15px;}
.pro_main .cp {
    border: 1px solid #d7d7d7;
    background: #fff;
    padding-bottom: 12px;
    margin-bottom: 15px;
}
.cptab {
    line-height: 25px;
    font-size: 14px;
    color: #1c4587;
    text-decoration: none;
    padding: 0 8px;    border-bottom: 1px solid #d7d7d7;
    background: #f7f7f7;
}
.cp #cptab_relevant dl {
    width: 25%;
    overflow: hidden;
    float: left;
    display: inline;
    padding:  0 12px;
}
.cp #cptab_relevant dt {
    width: 100%;
    overflow: hidden;
}
.cp #cptab_relevant dt a {
    width: 100%;

    display: block;
    border: 1px solid #D5D5D5;
    padding: 1px;
}
.cp #cptab_relevant dt img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.cp #cptab_relevant dd {
    line-height: 24px;
    padding-top: 8px;

    width: 100%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}
.mod_goods_info {
    clear: both;
    margin-bottom: 10px;
    position: relative;
}
.mod_goods_info .hds {
    border-bottom: 1px solid #1c4587;
    height: 33px;
    _overflow: hidden;
}
.mod_goods_info .hds li {
    float: left;
    cursor: pointer;
    border: 1px solid #d7d7d7;
    border-bottom: 0;
    margin-right: -1px;
}
.mod_goods_info .hds li h3 {
    display: block;
    width: 128px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    border-bottom: 0;
    background-color: #f3f3f3;
    border: 1px solid #fff;    box-sizing: content-box;
}
.mod_goods_info .hds .status_on {
    border-color: #1c4587;
    border-bottom: 0;
    position: relative;
}
.mod_goods_info .hds .status_on h3 {
    height: 31px;
    background-color: #fff;
    color: #1c4587;
}
.proviewbox .ds-m {display: none;}


.pro_main .proinfo {overflow: hidden;    padding: 5px; line-height: 1.8; font-size: 14px; color: #555;}
.pro_main .proinfo img{max-width: 100%}

.show_title{text-align: center;overflow: hidden;}
.show_title h1{font-weight: 100;font-size: 22px;color: #333;padding: 20px 0;}
.ds-m .product_img {overflow: hidden; padding: 15px 0;}
.ds-m .product_img .swiper-slide{text-align: center;}
.ds-m .product_img .swiper-slide img{max-width: 100%;max-height: 100%}


/*sitmap*/

.sitemap{}
.sitemap .fw700{    border-bottom: 1px solid #eee; line-height: 1.8; margin-bottom: 5px;}
.sitemap .fw700 a{font-size: 16px; font-weight: bold;}
.sitemap .bstcoop{margin-bottom: 15px;overflow: hidden;}



.header-m{display: none;}
#cntrBody img{max-width: 100%}
@media (max-width: 1025px){

.header{display: none;}
/*nav*/

.header-m {display: block!important; z-index: 888; position: fixed; left: 0; top: 0; width: 100%; height: 65px; background: #fff; box-shadow: 1px 1px 20px rgba(0,0,0,0.1) } 
.header-m::after {display: none; position: fixed; content: ''; top: 65px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5) } 
/*.header-m .logo {position: absolute; left: 5%; line-height: 65px; -webkit-transform: translateY(-50%); transform: translateX(-5%); z-index: 5; } */
.header-m .logo {
    line-height: 65px;
    z-index: 5;
    width: 100%;
    display: block;
    text-align: center;
}
.header-m .logo img {max-height: 45px ;transform: translateY(25%);} 
.header-m .m-menu-b {display: block; position: absolute; top: 0; right: 0; width: 60px; height: 65px; cursor: pointer;z-index: 10;} 
.header-m .m-menu-b::before,.header-m .m-menu-b::after {position: absolute; top: 50%; left: calc(35px / 2); content: ''; width: 25px; height: 1px; z-index: 9999; -webkit-transition: all .3s ease-out .3s; transition: all .3s ease-out .3s; background: #999 } 
.header-m .m-menu-b::before {-webkit-transform: translateY(-4px) rotate(0); transform: translateY(-4px) rotate(0) } 
.header-m .m-menu-b::after {-webkit-transform: translateY(4px) rotate(0); transform: translateY(4px) rotate(0) } 
.header-m .m-menu {display: none; z-index: 1; position: fixed; width: 100%; width: 260px; height: 100%; top: 0; right: -260px; opacity: 1; text-align: left; padding-top: 65px ; transition: all 0.4s;} 
.header-m .m-menu::after {position: absolute; content: ''; width: 100%; height: 1px; background: #ebebeb; top: 65px } 
.header-m .nav {height: 100%; overflow-x: hidden; overflow-y: auto;background: #fafafa; } 
.header-m .nav>li {border-bottom: 1px solid #ebebeb; -webkit-animation: resize .5s both; animation: resize .5s both } 
.header-m .nav>li>a {position: relative; display: block; font-size: 15px; padding: 0 20px 0 40px; color: #666; height: 50px; line-height: 50px } 
.header-m .nav>li>a::after {position: absolute; left: 20px; top: 50%; margin-top: -5px; content: ''; width: 8px; height: 8px; border: 1px solid #999; border-radius: 50%; background: transparent; -webkit-transition: all .3s; transition: all .3s } 
.header-m .nav>li .sub-nav {display: none } 
.header-m .nav>li .sub-nav a.cn {position: relative; display: block; height: 50px; line-height: 50px; padding: 0 40px; background: #ebebeb; color: #4e4e4e }
.header-m .nav>li .ucn {background: #fff; border-bottom: 1px solid #ccc; }
.header-m .nav>li .ucn li a.cn1 {background: #f2f2f2; }
.header-m .nav>li .sub-nav a {position: relative; display: block; height: 34px; line-height: 30px; padding: 0 40px; background: #ebebeb; color: #4e4e4e }
.header-m .nav>li .sub-nav a::before,.header-m .nav>li .sub-nav a::after {position: absolute; content: ''; width: 0; height: 0; left: 20px; top: 50%; border: 5px solid transparent; overflow: hidden; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.header-m .nav>li .ucn li a::before,.header-m .nav>li .ucn li a::after {position: absolute; content: ''; width: 0; height: 0; left: 20px; top: 50%; border: 5px solid transparent; overflow: hidden; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.header-m .nav>li .sub-nav a.cn::before {left: 21px; border-top: 5px solid #555 }
.header-m .nav>li .sub-nav a::before {left: 21px; border-left: 5px solid #555 }
.header-m .nav>li .sub-nav a::after {border-left: 5px #ebebeb solid }
.header-m .nav>li.cur {position: relative }
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before {position: absolute; content: ''; background: #999; -webkit-transition: all .3s; transition: all .3s }
.header-m .nav>li.cur::before {top: 19px; right: 25px; width: 2px; height: 12px }
.header-m .nav>li.cur::after {top: 24px; right: 20px; width: 12px; height: 2px }
.header-m .nav>li.active::after {background: #fff }
.header-m .nav>li.active>a {color: #fff; background: #555 }
.header-m .nav>li.active>a::after {background: #fff; border-color: #fff }
.header-m .nav>li.active .sub-nav li {-webkit-animation: ReturnToNormal .5s both; animation: ReturnToNormal .5s both }
.header-m .m-language {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center }
.header-m .m-language a {color: #666; line-height: 40px; font-size: 16px; display: block; border-bottom: 1px solid #ebebeb; -webkit-animation: slideInUp 1.5s both; animation: slideInUp 1.5s both }
.header-m .m-search-ba {display: block; position: absolute; top: 0; right: 0; width: 35px; height: 65px; background-size: 18px; cursor: pointer; background: url(../picture/mhome.png)no-repeat left center; }
.header-m .m-search-ba a {display: block; width: 100%; height: 100% }
.header-m .m-search {display: none; position: fixed; top: 75px; left: 3%; width: 94%; height: 40px; border-radius: 5px; border: 1px solid #ccc; padding: 0 2%; overflow: hidden; background: #fff }
.header-m .m-search .txt {float: left; width: 82%; margin-top: 8px; font-size: 14px; background: transparent }
.header-m .m-search .btn {float: right; width: 40px; height: 40px; cursor: pointer; font-size: 0; background: url(../images/m_search.png) no-repeat 70% center; background-size: 20px }
html.active {height: 100%; overflow: hidden }
html.active body {height: 100%; overflow: hidden }
html.active .header-m {/*left: 260px*/ }
html.active .header-m::after {display: block }
html.active .header-m .m-menu-b::before,html.active .header-m .m-menu-b::after {background: #000 }
html.active .header-m .m-menu-b::before {-webkit-transform: translateY(0) rotate(225deg); transform: translateY(0) rotate(225deg) }
html.active .header-m .m-menu-b::after {-webkit-transform: translateY(0) rotate(-225deg); transform: translateY(0) rotate(-225deg) }
html.active .header-m .m-menu {display: block;     left: auto; right: 0; }
/*html.active footer,html.active .i-main,html.active main,html.active .i-banner,html.active .banner {-webkit-transform: translateX(260px); transform: translateX(260px) }*/
.i-banner ul li {height: 5rem }
.i-main .i-about .pic li {margin-bottom: .1rem }
main .pic-item {height: 500px }
main .pic-item li a {width: 115px; height: 115px }
main .add-list .head li {width: 20% }
main .add-list .con li {padding: 0 15px }
main .add-list .con .item h3 {width: auto; margin-bottom: .1rem }
/**/



/*banner*/

.banner{padding-top: 65px;}

/*footer*/

.footer .Dh{width: 22%  ;  }
.footer .Dz{width: 40%}
.footer .Dh, .footer .Dz{margin-left: 8%;}
#ucFooter_plPartner .link ul{width: auto;}
#MagnifierWrap{width: 100%}
.MagnifierMain{    padding: 0 10px;width: 100%;}
.prs .t05{padding: 0 3px ; box-sizing: border-box;    text-align: center;    font-size: 1rem;}
.MagnifierMain img{width: auto;}
}

@media (max-width: 768px) {
.footer .Dz{width:43%}
.footer .Dh, .footer .Dz{margin-left: 5%;}

.left{display: none;}
.right{width: 100%}
.pro_main .p_list_dl{width: 33.333%}
.n_info_con2{display: none;}

}
@media (max-width: 640px) {
	.footer .con{height: auto;}
	.footer .logo{    width: 50%;    text-align: center;}
	.footer .logo h2{    margin: 0 auto 10px;}
	.footer .logo img{    margin: 0 auto;}
	.footer .Dh{width: 35%}
	.footer .Dz{width: 96%;float: none;margin: 0 auto;    overflow: hidden;padding: 15px;}
#ucFooter_plPartner .link p {display: none;}
.footer .copyRight{padding: 5px 0;height: auto;overflow: hidden;width: 100%;text-align: center;}
.footer .copyRight p{height: auto;line-height: 2;    float: none;}
.footer .copyRight ul{    display: inline-block;    float: none;margin: 0}
.pro_main .p_list_dl{width: 50%}

#MagnifierWrap,#protop{display: none;}
.proviewbox{width: 100%;}
.proviewbox .ds-m{display: block;width: 100%;}
.ds-m .product_img{width: 100%;text-align: center;}
.cp #cptab_relevant dl{width: 33.333%}
}
@media (max-width: 480px) {
#ucFooter_plPartner{display: none;}
.RandomNews li{width: 100%}
.cp #cptab_relevant dl{width: 50%}
}
