﻿@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231  "Microsoft Yahei";min-width: 1200px; width: 100%;overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
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;}
i,em{ font-style:normal;}
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;}



.mt10{ margin-top:10px;}



a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.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:760px; margin:0 auto;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left,.leftr{ width:266px; float:left; }
.leftr{ float:left;}
.left2 { width:908px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:266px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:908px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:266px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:266px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:908px; overflow:hidden; }
.right2_main { width:266px;overflow:hidden;}
.left2_main { width:908px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

body{padding: 0;margin: 0;font-family: "microsoft yahei";font-size: 16px;color: #333;overflow-x:hidden;min-width: 1200px;}
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.imgHbg{overflow: hidden;position: relative;}
.imgHbg .bgBox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s;}
.imgHbg:hover .bgBox{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.hidden-xs{display: block;}
.visible-xs{display: none;}

.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1600px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #e9eef4;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.row{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-6{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
}
.col-4{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
}
.col-3{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 4);
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
}
.col-2{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 6);
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
}
.col-25{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 5);
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
}
.bgBox{background: url() center no-repeat;background-size: cover;}
.imgbg{display:block;width: 100%;}
.iconBox img{display: block;}
.iconBox img:last-child{display: none;}
li:hover .iconBox img:first-child{display: none;}
li:hover .iconBox img:last-child{display: block;}



/**导航菜单**/
header{width: 100%;background: #fff;}
header .line1{
	height: 30px;
	background: #eaeaea;
	font-size: 14px;
	color: #919191;
}
header .line1 .welBox{height: 30px;}
header .line1 .linekBox{height: 30px;}
header .line1 .linekBox a{color: #333333}
header .line1 .linekBox a::after{content: "|";margin: 0 8px;}
header .line1 .linekBox a:last-child::after{display: none;}
header .line2{
	height: 128px;
	background: #ffffff;
}
header .left9,header .logo{height: 128px;}
header .biaoyu{
	position: relative;
	margin-left: 20px;
	padding-left: 24px;
}
header .biaoyu::before{
	content: "";
	background-color: rgba(154, 154, 154,0.26);
	position: absolute;
	left: 0;
	top: calc(50% - 20px);
	width: 1px;
	height: 40px;
}
header .biaoyu b{
	display: block;
	font-size: #333333;
	font-size: 24px;
}
header .biaoyu b span{color: #ff7d25;}
header .biaoyu p{
	display: block;
	font-size: 20px;
	color: #333333;
	margin-top: 4px;
}
header .right9 .ali{
	margin-right: 80px;
	height: 128px;
}
header .right9 .l1{font-size: 16px;color: #142038;}
header .right9 .l1 img{margin-right: 10px;}
header .right9 .l1 span{display: block;}
header .right9 .l1 b{font-size: 24px;display: block;}
header .line3{
	height: 56px;
	background: #333333;
}
header .h_nav li.zzz{width: calc(100% / 9);cursor: pointer;background: rgba(244,244,244,0);}
header .h_nav li.zzz a{font-size: 18px;display: block;color: #ffffff;text-align: center;position: relative;line-height: 56px;height: 56px;}

header .h_nav li.zzz a::before{
	content: "";
	display: block;
	background: #494949;
	position: absolute;
	left: 0;
	top: calc(50% - 7px);
	width: 1px;
	height: 14px;
}
header .h_nav li.zzz a::after{
	content: "";
	display: block;
	background: #1a1a1a;
	position: absolute;
	right: 0;
	top: calc(50% - 7px);
	width: 1px;
	height: 14px;
}
header .h_nav li.zzz:first-child a::before{display: none;}
header .h_nav li.zzz:last-child a::after{display: none;}

header .h_nav li.zzz:hover,header .h_nav li.zzz.cur{background: #ff7d25;}
header .h_nav li.zzz:hover a::before,
header .h_nav li.zzz:hover a::after,
header .h_nav li.zzz.cur a::before,
header .h_nav li.zzz.cur a::after{display: none;}







footer{
	padding: 96px 0 90px;
	background: #333333;
	color: #c9c9c9;
	font-size: 14px;
}
footer a{color: #c9c9c9;}
footer a:hover{color: #ffffff;}
footer .leftBox{width: 48%;position: relative;}
footer .centerBox{width: 24%;position: relative;padding: 48px 40px 0;}
footer .rightBox{width: 28%;padding-left: 56px;color: #999999;font-size: 14px;line-height: 2;}
footer .leftBox::after,
footer .centerBox::after{
	content: "";
	display: block;
	width: 11px;
	height: 222px;
	position: absolute;
	right: -5px;
	top: 16px;
	background: url(/img/fi1.png) center no-repeat;
	background-size: cover;
}
footer .leftBox>div{
	width: 25%;
	padding: 0 16px 0 48px;
	position: relative;
	float:left;
}
footer .leftBox .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: rgb(69, 69, 69);
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 36px;
	border-radius: 18px;
}
footer .leftBox .xian{
  background-color: rgb(84, 84, 84);
  position: absolute;
  left: 18px;
  top: 36px;
  width: 1px;
  height: calc(100% - 36px);
}
footer .leftBox .fTit{
	font-size: 16px;
	color: #ffffff;
	margin-top: 8px;
}
footer .leftBox .fNr{
	margin-top: 24px;
}
footer .leftBox .fNr a{
	display: block;
	font-size: 14px;
	color: #c9c9c9;
	margin-top: 6px;
}
footer .centerBox .ewmOne{
	width: 50%;
	text-align: center;
}
footer .centerBox .ewmOne p{
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 1.8;
	margin-top: 4px;
}
footer .rightBox .tel{
	font-size: 30px;
	color: rgb(255, 255, 255);
	justify-content: flex-start;
	margin-bottom: 16px;
}
footer .rightBox .tel i{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ff7d25;
	width: 44px;
	height: 44px;
	margin-right: 12px;
	border-radius: 22px;
}
footer .rightBox .tel b{font-weight: 400;}
footer .rightBox a{color: #999999;}
footer .rightBox a:hover{color: #ffffff;}












/*弹出框*/
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
.b15 {background: url(/Skins/Default/Img/SkinsVIBtn.jpg) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }

/*当前位置*/
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0 auto 0;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad,.banner1 a{ height:400px;}

.plc,.plc2{box-sizing:unset; background:url(Img/logo_03.png) no-repeat 5px 5px;height:20px;line-height:24px;padding:7px 8px 8px 35px;margin-top:20px; position:relative; color:#333; overflow:hidden; font-size:14px; border-bottom:1px solid #888; padding-bottom:8px; font-family:微软雅黑;}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#333;}
.hp_withs{ width:1000px;}

.t_bgnone{position: fixed;top: 20%;_position: absolute;_margin-top:250px;_top: expression(eval(document.documentElement.scrollTop-880));z-index:10; display:none; left:0.2%; _left:0.2%}
.t_bgnone .leib2,.leib{ width:170px;}
.t_bgnone .leib2 .nr ul li {padding-left: 12px;}




.h_nav2 li.zzz{position:relative;}
.h_nav2 ul.erj{display:none;  position:absolute;z-index:999; top:57px; left:0; width:178px; background:#ff7d25; border:1px solid #d9d9d9; border-top:0; padding-bottom:10px; o-pacity:0.8;}
.h_nav2 ul.erj li{line-height:40px;background:none; overflow:hidden; display:block; float:none; border-bottom:1px dotted #e6e6e6; margin:0 10px; text-align:center;}
.h_nav2 ul.erj li a{ padding:0;border:0;color:#fff;font-size:18px;}
.h_nav2 ul.erj li a:hover{ background:none; font-weight:normal; font-size:20px;}
.h_nav2 li.cur ul.erj li a{ background:none; font-weight:normal; }



















/*浮动*/
.drift{ width:77px; height:auto; position:fixed; bottom:30%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:77px; height:77px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:77px; height:77px; background:#2D2C32; overflow:hidden;}
.drift #rolls a{background:#ff7d25;}
.drift li a:hover,.drift #rolls a:hover{ background:#ff7d25;}
.drift li a:hover span{display:block;}
.drift li span{width:244px; right:77px;top: 1px;height: 77px;line-height: 77px; background: #ff7d25;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 30px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;padding:10px 10px 6px 10px;width:146px;}
.drift li .ewm em{height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;}
.drift li span.ewm{width:166px; }




/* 9.8修改 */
@media (max-width:1680px) {
	.c_center{width: 1400px;}
	.indp6 .pubTit{left: 16px;top: 40px;}
	.indp6 .swiper .textBox{top: 40px;padding-top: 16px;right: 16px;}
	.indp9{min-height: 388px;}
}
@media (max-width:1480px) {
	.c_center{width: 1200px;}
	.indp6 .swiper .tit{font-size: 28px;}
	.indp6 .swiper .desc{margin: 16px 0 0;}
	.indp6 .swiper .more{margin-top: 16px;}
}
@media (max-width:1280px) {
	.c_center{width: 1000px;}
	.indp1 .nrBox .line2 li{padding: 12px;}
	.indp1 .nrBox .line2 li .num b{font-size: 28px;}
	.indp1 .nrBox .line2 li .desc b{font-size: 16px;}
	.indp4 .showBox .line2 .tit{top: 16px;}
	.indp5 .showB .textBox{padding: 16px;width: 40%;}
	.indp5 .showB .textBox .tit{font-size: 20px;}
	.indp5 .showB .textBox .desc{margin-top: 16px;font-size: 14px;line-height: 1.4;}
	.indp5 .showB .textBox .simg{margin-top: 16px;}
	.indp5 .showB .textBox .more{margin-top: 8px;line-height: 32px;}
}



