@charset "utf-8";
/* CSS Document */
.dock{position: fixed; right: 0px;width: 50px;-moz-opacity: 0.7;opacity: 0.7;z-index: 200;}
.dock.close{z-index: 50;}
.dock ul.icons{position: absolute;list-style: none;right: 0px;padding: 0px;width: 50px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock.close ul.icons{right: -70px;}
.dock ul.icons li i{display: block;position: relative;width: 50px;height: 50px;background: url(../images/icons.png) no-repeat;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;z-index: 210;}
.dock ul.icons li.active i{-moz-opacity: 0.4;opacity: 0.4;}
.dock ul.icons li.up i{background-position: -63px -150px;}
.dock ul.icons li.tel i{background-position: -62px -108px;}
.dock ul.icons li.im i{background-position: -63px -20px;}
.dock ul.icons li.wechat i{background-position: -59px -66px;}
.dock ul.icons li.down i{background-position: -63px -190px;}
.dock ul.icons li p{display: block;position: absolute;top: 50px;right: -260px; padding: 15px 15px; height:120px;color: White;line-height: 30px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease-in-out .1s;-moz-transition: all .4s ease-in-out .1s;-ms-transition: all .4s ease-in-out .1s;-o-transition: all .4s ease-in-out .1s;transition: all .4s ease-in-out .1s;overflow: hidden;z-index: 201;}
.dock ul.icons li.active p{right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.dock ul.icons li.tel p{width: 150px; height:130px; line-height:25px; font-size:14px;}
.dock ul.icons li.im p{width: 150px; height:130px; line-height:25px; font-size:14px;}
.dock ul.icons li.im p a{display: block; margin-top: 12px;width: 80px;height:30px;line-height:27px;color:#f00;font-size:14px;text-align:center;text-decoration: none; border:1px solid #f00;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock ul.icons li.im p a:hover{color:#fff;background: #f30;border:1px solid #f00;}
.dock ul.icons li.wechat p{width:150px; height:150px; line-height:25px}
.dock ul.icons li.wechat p img{border: 2px solid #000; max-width:115px}
.dock a.switch{position: absolute;display: block; top:270px;right:11px; width:26px;height: 26px;background: url(../images/icons.png) no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;transition:all .5s;}
.dock a.switch:hover{transform:rotate(180deg);}
/*.dock a.switch.off{background-position: -32px -640px;}*/

.main-sort{padding-top: 35px;}
.indexsort{padding:0 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.indexsort span{background: #b81010; border-radius: 100px; display: table-cell;}
.indexsort p{text-align: center; margin-top: 15px;}
.bbg{background: #f9f9f9;}
.casetou{position: static; width:100%; background: #fff; color:#333;}
.fl {
    float: left;
}
.fr {
    float: right;
}
.con6{ margin-top:10px; max-width:1100px; margin:0 auto;}
.con6 .xwbt{ height:34px; background:url(../images/xwbt.png) center top no-repeat; font-size:26px; padding-top:44px; text-align:center;}
.con6 .xw1{ width:510px;}
@media (max-width: 750px){.con6 .xw1{width:100%}}
.con6 .xw1 .menu{ height:64px; border-bottom:1px solid #ddd;}
@media (max-width: 750px){.con6 .xw1 .menu{display:none;}}
.con6 .xw1 .menu li{ float:left; margin-right:30px;}
.con6 .xw1 .menu li a{ font-size:18px; color:#666;}
@media (max-width: 750px){.con6 .xw1 .menu li a{color:#fff;}}
.con6 .xw1 .menu li a:hover,.con5 .xw1 .menu li.yy_one a{ text-decoration:none; color:#b81010;}
.con6 .xw1 .nr dl{ width:510px; margin-top:20px;}
@media (max-width: 750px){.con6 .xw1 .nr dl{display:none;}}
.con6 .xw1 .nr dl dt{ width:200px; height:125px; float:left;}
.con6 .xw1 .nr dl dd{ width:290px; float:left; margin-left:20px;}
.con6 .xw1 .nr dl .dd1 a{ font-size:16px; color:#b81010; font-weight: bold; width:290px; height:20px; overflow:hidden; display:block;}
.con6 .xw1 .nr dl .dd2{ width:290px; height:48px; line-height:24px; font-size:14px; color:#666; overflow:hidden; margin-top:15px;}
.con6 .xw1 .nr dl .dd3 a{ width:80px; height:26px; background:#b81010; display:block; font-size:12px; color:#fff; text-align:center; line-height:26px; margin-top:15px;}
.con6 .xw1 .nr dl .dd3 a:hover{ background:#000; text-decoration:none;}
.con6 .xw1 .nr ul{ margin-top:10px;}
.con6 .xw1 .nr ul li{ width:510px; height:40px; line-height:40px; border-bottom:1px solid #eee;}
@media (max-width: 750px){.con6 .xw1 .nr ul li{width:100%; padding:0px 0px;}}
.con6 .xw1 .nr ul li a{ width:420px; height:40px; overflow:hidden; background:url(../images/li1.png) left no-repeat; text-indent:24px; display:block;}
.con6 .xw1 .nr ul li a:hover{color:#b81010;}
@media (max-width: 750px){.con6 .xw1 .nr ul li a{width:50%}}
.con6 .xw1 .nr ul li a:hover{ background:url(../images/li2.png) no-repeat left;}
.con6 .xw1 .nr ul li span{ float:right; color:#999;}

.con6 .xw2{ width:510px; margin-top:30px;}
@media (max-width: 750px){.con6 .xw2{width:100%; padding: 0px 0px;}}
.con6 .xw2 .wtbt{ height:30px; border-bottom:1px solid #ddd; font-size:18px; color:#666;}
.con6 .xw2 .wtbt a{ font-size:14px; float:right; color:#999;}
.con6 .xw2 dl{ height:99px; border-bottom:1px solid #eee; margin-top:20px;}
.con6 .xw2 dl dt{ width:510px; height:20px; background:url(../images/wen.png) left no-repeat; text-indent:30px; overflow:hidden; line-height:20px;}
@media (max-width: 750px){.con6 .xw2 dl dt{width:90%}}
.con6 .xw2 dl dt a{ font-size:16px; color:#b81010; text-indent:30px;}
.con6 .xw2 dl dt a:hover{ color:#333;}
.con6 .xw2 dl dd{ margin-top:10px;}
.con6 .xw2 dl dd .tb{ width:20px; height:20px; background:url(../images/da.png) left top no-repeat;}
.con6 .xw2 dl dd .wz{ font-size:13px; line-height:24px; margin-left:10px; width:480px; height:48px; overflow:hidden;}
@media (max-width: 750px){.con6 .xw2 dl dd .wz{width:90%}}

.w1100{width:100%; max-width: 1200px; margin:0 auto;}
.link{ padding:30px 0; background:#ececec; margin-top:60px; }
@media (max-width: 750px){.link{display:none;}}
.link h3{ height:33px; border-bottom:1px solid #ddd; font-size:18px; font-weight:normal;}
.link h3 span{ font-size:16px; color:#999;}
.link .nr{ margin-top:5px;}
.link a{ margin-right:20px; font-size:14px; line-height:30px;}
.link span{ margin-right:20px; color:#999;}


/*--底部样式--*/
.bot{ background:#b81010; padding:35px 0; overflow: hidden; color:#fff;}
.bot .botL .bt{ font-size: 16px; line-height: 2; font-weight: bold;}
.bot .botL .menu{ margin-top:10px; line-height: 2;}
.bot .botC { margin-left:160px;}
@media (max-width: 750px){.bot .botC{margin-left: 10px; margin-top: 20px;}}
@media (max-width: 750px){.bot .botL{margin-left: 10px;}}
.bot .botC .bt{ width:161px; height:47px; background:url(../botbt2.png) no-repeat;}
.bot .botC .tact{ margin-top:20px;}
.bot .botC .tact p{ color:#fff; line-height:40px;}
.bot .botC .tact a{ color:#fff;}
.bot .botC .tact a:hover{ color:#8edffd; text-decoration:none;}
.bot .botR .bt{ width:211px; height:47px; background:url(../botbt3.png) no-repeat;}
.bot .botR .ewm{ width:172px; height:132px; margin-top:28px;}
.bot .botR .ewm img{ width:132px; height:132px; float:left;}
.bot .botR .ewm p{ width:19px; height:120px; float:left; text-align:center; border:1px solid #fff; border-left:none; color:#fff; font-size:15px; padding:5px 10px;}

.botB{ height:50px; background:#810000; line-height:50px;}
.botB p,.botB a{ color:#999;}

@media (max-width: 750px){.botB .fl{display:none;}}
.botB a:hover{ color:#8edffd; text-decoration:none;}

.bbb{margin-top: 30px;}
.footewm{text-align: center; line-height: 2;}
.gettel{width:360px; margin:20px auto 0; padding:10px 25px; border-radius: 40px; background: #b81010;}
.gettel img {height:24px;}
.winput{width:200px;}
.btinput{padding:0 8px;}


@media screen and (max-width:992px) {
	.indexsort{padding:0 10px;}
}
@media screen and (max-width:750px) {
	.indexsort{padding:0 5px;}
	.winput{width:180px;}
    .gettel{width:320px; margin:20px auto 0; padding:10px 10px; border-radius: 40px; background: #b81010;}
}

/*产品说明*/
.view {
	max-width: 500px;
}
.view .swiper-slide {
	height: 300px;
	max-width: 500px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {
	height: 100%;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;
	width: 373px;
	left: 30px;
	margin-top: 15px;
}
.preview .swiper-slide {
	width: 87.5px;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

@media only screen and (max-width: 768px) {
.view .swiper-slide {
	height: 200px;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 200px;
	display: block;
}
.pages{margin-top: 20px;}
.mb-5{margin-bottom: 20px;}
}

.border-info {border-bottom: #b81010 1px solid; font-size:18px; line-height: 2;}
.row{margin-bottom: 30px;}
.content{margin-top: 15px;}


.wf{width:100%;}
.wf td{padding:5px 0;}
.wf th{width:25%; text-align: right;}
.wf td .input_txt{width:95%;}

/*分页*/
.paging{ height:26px; margin-bottom:20px;}
.paging a{ margin-right:5px; padding:4px 8px 4px 8px; display:inline-block; vertical-align:middle;}
.paging a:link, .paging a:visited{ color:#333; text-decoration:none; border:1px solid #cccccc;}
.paging a:hover, .paging a:active{ color:#ffffff; text-decoration:none; border:1px solid #1b57ad; background-color:#1b57ad;}
.paging a.previous{ padding:5px 9px 5px 9px;}
.paging a.nextBtn{ padding:5px 9px 5px 9px;}
.paging span{ color:#666666; vertical-align:middle; margin:0px 7px;}
.pageNum{ width:30px; height:18px; border:1px solid #999999;}
.upDown{ line-height:28px; padding:10px 5px; width:100%; text-align:left;}

.m-news1{
	padding-top: 20px;
}
.m-news1 h1{
    line-height: 34px;
    color: #434343;
    margin-bottom: 15px;
    text-align: center;
    font-size: 24px;
}
.m-news1 .desc{
	text-align: center;
}
.m-news1 .desc span{
	display: inline-block;
	font-size: 14px;
	margin: 0 10px;
}
.m-news1 .txt{
	padding: 15px 0;
	line-height: 28px;
    color: #2F2F2F;
    font-size: 14px;
}
.m-list2{
	margin-top: 30px;
	padding:26px 10px 10px;
	border: 1px solid #ddd;
	background-color: #f0f0f0;
}
.m-list2 .con{
	margin-bottom: 10px;
	padding:15px 0;
	background-color: #fff;
}
.m-list2 .box{
	padding: 26px 20px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.m-list2 .con .pic{
	overflow: hidden;
	text-align: center;
}
.m-list2 .con .pic img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.m-list2 .box .tit{
	margin-bottom: 30px;
	font-size: 22px;
	color: #0097d6;
	font-weight: 600;
}
.ul-txt-01{
	overflow: hidden;
	padding-left: 23px;
	background: url(../images/source.gif) left center no-repeat;
}
.ul-txt-01 li{
	margin-right: 4px;
	font-size: 14px;
	color: #505050;
	font-family: 'microsoft yahei',Verdana, Arial;
	display: inline;
}
.ul-txt-01 li a{
	font-size: 12px;
}
.ul-txt-01 li a:hover{
	color: #0097d6;
}

.footnav{background: #b81010; color:#fff; line-height: 45px; text-align: center; border-right: 1px #db8787 solid; border-top: 1px #db8787 solid;}
.footnav a{color: #fff;}