﻿
/* CSS Document */
*{transition:all .5s;}

.bannerBox{width:100%; height:500px; }
#flashs{ position:relative; height:520px; overflow:hidden; width:1900px; margin:0 auto;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:5px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#202932; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#d50202;}

/*保障体系*/
.bztx{margin:22px auto;}
.bztx h4{margin-bottom:26px;}


.zxalBox{padding:20px 0; margin-bottom:24px; border:1px solid #e6e6e6;}

.alTabBg{margin:0 auto 25px auto; width:520px; overflow:hidden; background:url(../Img/Index/alTabBg.png) no-repeat center bottom;}
.alTabBg a{float:left; width:130px; height:42px; line-height:48px; text-align:center; color:#fff; text-decoration:none;}
.alTabBg a:hover , .alTabBg a.cur{background:url(../Img/Index/alTabH.png) no-repeat center;}

.skGgImg{margin-left:20px; padding:5px; width:310px; height:358px; border:1px solid #e8e8e8;}

.skxcList{margin-right:18px; width:618px; overflow:hidden;}
.skxcList li{margin-left:14px; float:left; width:192px; text-align:center;}
.skxcList li img{padding:5px; border:1px solid #e8e8e8;}
.skxcList li h5{height:34px; line-height:34px; font-weight:normal;}
.skxcList li h5 a{color:#333;}

.lcBox{ margin-top:30px;}

/*产品分类*/
.cpflBg{height:698px; background:url(../Img/Index/cpflBg.jpg) no-repeat center;}
.cpflBg .container{position:relative;}
.cpflBg h4 , .cpflBg .flPhone , .cpflBg .flDl{position:absolute;}
.cpflBg h4{left:0px; top:20px;}
.cpflBg .flPhone{left:46px; top:220px; font-weight:bold; font-size:24px; color:#ffc002;}
.cpflBg .flDl dt{padding-left:32px; height:60px; line-height:60px; font-size:14px; font-weight:bold; background-repeat:no-repeat; background-position:left center;}
.cpflBg .flDl dt a{color:#6f0000;}
.cpflBg .flDl dd{margin-left:18px; padding-left:14px; height:26px; line-height:26px; font-size:14px; background:url(../Img/Index/flDd_ico.png) no-repeat left center;}
.cpflBg .flDl dd a{color:#6f0000;}
.cpflBg .flBox01{left:316px; top:26px;}
.cpflBg .flBox01 dt{background-image:url(../Img/Index/flBox01_ico.png);}
.cpflBg .flBox02{left:570px; top:26px;}
.cpflBg .flBox02 dt{background-image:url(../Img/Index/flBox02_ico.png);}
.cpflBg .flBox03{left:808px; top:26px;}
.cpflBg .flBox03 dt{background-image:url(../Img/Index/flBox03_ico.png);}


.hylxBox{margin:28px auto; padding-bottom:20px; border:1px solid #e6e6e6;}
.hylxBox h4{padding:15px;}

.gongyiBox{width:645px;}
.gongyiBox ul{margin-left:15px; *margin-left:0px;}
.gongyiBox ul li{margin-bottom:2px; width:132px; height:72px; line-height:72px; text-align:center; border:1px solid #e6e6e6;}
.gongyiBox ul li a{display:block; *height:72px; *line-height:72px; background:url(../Img/Index/gongyiLi.png) no-repeat center; font-size:16px; font-weight:bold; color:#fff; text-decoration:none;}
.gongyiBox ul li a.cur , .gongyiBox ul li a:hover{background-image:url(../Img/Index/gongyiLiH.png);}

.hylxImg{padding:3px; border:1px solid #e6e6e6;}
.hylxImg img{display:block;}

.gongyiTxt{margin-right:10px; width:310px;}
.gongyiTxt dl{margin-top:12px;}
.gongyiTxt dt{margin-bottom:4px; padding-left:5px; font-size:14px; font-weight:bold; color:#333; border-left:3px solid #d85b00;}
.gongyiTxt dd{line-height:18px; color:#333;}




.bztxSpan{padding-top:140px; margin-top:24px; background:url(../Img/Index/bztxSpan.jpg) no-repeat center top;}
.bztxSpan .container{overflow:hidden;}
.bztxSpan dl{padding:10px; margin-right:16px; margin-bottom:10px; float:left; width:294px; border:1px solid #e6e6e6; background-color:#fff;}
.bztxSpan dl.noMr{margin-right:0px;}
.bztxSpan dt img{padding:7px; border:1px solid #e6e6e6;}
.bztxSpan dd{}
.bztxSpan dd h5{height:40px; line-height:40px; font-size:16px; color:#b20404;}
.bztxSpan dd p{line-height:22px; font-size:14px; color:#686868; height:88px; overflow:hidden;}




.ggl01{margin:16px auto 26px auto;}
.ggl img{display:block;}
.ggl02{position:relative; margin:26px auto;}
.ggl02 span{position:absolute; left:698px; top:70px; font-size:22px; font-weight:bold; color:#fff;}


.sjtBox{margin-bottom:28px; padding-bottom:14px; border:1px solid #e6e6e6;}
.sjtBox h4{padding:15px 20px 0 20px;}
.sjtBox ul{width:952px; overflow:hidden;}
.sjtBox ul li{float:left; margin:20px 5px 0 5px; width:228px; text-align:center;}
.sjtBox ul li img{padding:7px; border:1px solid #e6e6e6;}
.sjtBox ul li h5{margin-top:10px; font-weight:normal; font-size:14px;}
.sjtBox ul li h5 a{color:#333;}


.khSpan{height:386px; background:url(../Img/Index/khSpan.png) no-repeat center;}
.khSpan h4{padding:16px 0;}

.khjz{width:960px;}
.khjzCont{overflow:hidden;}
.khjzCont dl{float:left; margin-right:15px; margin-bottom:15px; width:450px; height:136px; background:url(../Img/Index/khjzDlBg.png) no-repeat center; overflow:hidden;}
.khjzCont dt{margin-left:10px; margin-top:12px;}
.khjzCont dd{margin-left:152px; margin-right:10px; margin-top:10px;}
.khjzCont dd h5{height:28px; line-height:28px; font-size:14px; font-weight:normal; overflow:hidden;}
.khjzCont dd h5 a{color:#6f0000;}
.khjzCont dd p{line-height:20px; color:#333; height:80px; overflow:hidden;}


.hzhb{width:274px;}
.hzhbCont{width:274px; height:288px; background:url(../Img/Index/hzhbCont.png) no-repeat center;}
.hzhbCont ul{padding-top:16px; width:272px; margin:0 auto; overflow:hidden;}
.hzhbCont li{float:left; margin:0 4px; text-align:center;}
.hzhbCont li img{display:block; border:1px solid #e2dede;}
.hzhbCont li h5{height:22px; line-height:22px; font-weight:normal;}
.hzhbCont li h5 a{color:#333;}



.mffaSpan{background-color:#ffffed;}


.sjsSpan{margin-bottom:28px; height:562px; background:url(../Img/Index/sjsSpan.jpg) no-repeat center;}

.sjsBox{}
.sjsBox h4{padding-top:28px; padding-bottom:26px; text-align:center;}

.sjsCont{height:466px; background:url(../Img/Index/sjsCont.jpg) no-repeat center; overflow:hidden;}


.sjsCont .m_form{margin-top:214px; padding:15px; width:720px; background:url(../Img/Index/sjsContF.png) repeat;}
.sjsCont .m_form li{overflow:hidden;}
.sjsCont .m_form label{float:left; width:80px; height:30px; line-height:30px; font-size:14px; color:#fff;}
.sjsCont .m_form .iptTxt{float:left; width:100px; margin-right:10px; border:none; height:20px; line-height:20px; padding:5px 10px; outline:none; color:#444; font-family:microsoft yahei; font-size:16px; background-color:#fff;}
.sjsCont .m_form img{display:block;}



/*关于*/
.gyFcBox{width:630px; height:498px; border:1px solid #e0e0e0;}

/*关于*/
.gyBox{}
.gyBox h4{padding-top:16px; padding-left:16px;}
.gyBox dl{margin:16px; height:226px; overflow:hidden;}
.gyBox dt img{padding:7px; border:1px solid #e0e0e0;}
.gyBox dd{margin-left:300px;}
.gyBox dd h5{height:30px; line-height:30px; font-size:14px; font-weight:normal;}
.gyBox dd h5 a{color:#333;}
.gyBox dd p{margin-bottom:16px; line-height:22px; height:154px; overflow:hidden; font-size:13px;}
.gyBox dd .btnCkgd{padding-left:12px; font-size:14px; color:#9f0101; background:url(../Img/Index/btnGd_ico.png) no-repeat left center;}

/*公司风采*/
.gsfc{}
.gsfc h4{margin:0 16px;}
.gsfc ul{margin:8px 16px 0 8px; width:606px; overflow:hidden;}
.gsfc li{float:left; margin:0 8px;}
.gsfc li img{padding:7px; border:1px solid #e0e0e0;}




/*荣誉*/
.ryBox{width:334px; height:256px; border:1px solid #e0e0e0; background:url(../Img/Index/ryBox.png) no-repeat center;}
.ryBox h4{padding-top:16px; padding-left:16px;}
.ryBox .ryCont{padding-top:18px; position:relative;}
.ryBox .ryCont ul{margin:0 auto; width:228px; overflow:hidden;}
.ryBox .ryCont li{width:228px; float:left; text-align:center;}
.ryBox .ryCont li h5{padding-top:8px; font-weight:normal; font-size:14px;}
.ryBox .ryCont li h5 a{color:#333;}
.ryBox .ryCont .btnLeft , .ryBox .ryCont .btnRight{position:absolute; top:50%; margin-top:-14px; width:14px; height:28px;}
.ryBox .ryCont .btnLeft{left:22px; background:url(../Img/Index/rybtnSL.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:22px; background:url(../Img/Index/rybtnSR.png) no-repeat center;}



.zxyy{margin-top:10px; width:334px; height:230px; border:1px solid #e0e0e0;}
.zxyy h4{padding-top:16px; padding-left:16px;}
.zxyy ul{margin:6px 12px;}
.zxyy li{padding-left:6px; height:28px; line-height:28px; background:url(../Img/Index/zxyyLi_ico.png) no-repeat left center;}
.zxyy li a{color:#333;}



.wzbBox{margin-bottom:28px; border:1px solid #e0e0e0;}
.wzbBox h4{height:43px; line-height:43px; border-bottom:1px solid #d5d5d5; font-size:16px;}
.wzbBox h4 a{color:#333;}
.wzbBox span{margin-left:6px; font-size:12px; font-weight:normal; color:#333;}



/*问题解答*/
.wtjd{margin-left:14px; margin-right:36px; width:228px; height:348px;}
.wtjdCont{margin-top:10px; height:280px; overflow:hidden;}
.wtjdCont dl{padding:4px 0; border-bottom:1px solid #d7d7d7;}
.wtjdCont dt{padding:4px 0; background-image:url(../Img/Index/tw_ico.png); font-size:14px;}
.wtjdCont dt a{color:#d90000;}
.wtjdCont dd{line-height:20px; background-image:url(../Img/Index/jd_ico.png); color:#333;}
.wtjdCont dt , .wtjdCont dd{padding:8px 0; padding-left:28px; background-position:left 8px; background-repeat:no-repeat;}



/*动态*/
.dtBox{width:320px; height:348px;}
.dtBox dl{margin:20px 0; height:120px; overflow:hidden;}
.dtBox dt img{padding:7px; border:1px solid #e0e0e0;}
.dtBox dd{margin-left:152px;}
.dtBox dd h5{margin-bottom:10px; font-size:13px;}
.dtBox dd h5 a{color:#333;}
.dtBox dd p{line-height:22px;}
.dtBox ul{}
.dtBox li{height:28px; line-height:28px;}
.dtBox li a{display:inline-block; padding-left:10px; background:url(../Img/Index/dtLiIco.png) no-repeat left center; width:270px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}

.zxfs{margin-right:14px;}




.formSpna{height:432px; overflow:hidden; background:url(../Img/Index/formSpna.jpg) no-repeat center;}
.formSpna .container{position:relative;}
.formSpna .m_form{position:absolute; left:550px; top:120px;}
.formSpna .m_form li{margin-bottom:10px; overflow:hidden;}
.formSpna .m_form .iptTxt{border:1px solid #e69103; width:250px; height:22px; line-height:22px; padding:0 10px; outline:none; color:#6f4e29; background-color:#fff; font-family:microsoft yahei;}
.formSpna .m_form .txtAre{width:250px; height:74px; line-height:20px; border:1px solid #e69103; outline:none; resize:none; color:#6f4e29; padding:5px 10px; background-color:#fff; font-family:microsoft yahei;}
.formSpna .m_form .btnSubmit{}




.hzbg { background:#fafafa; height:256px; overflow:hidden;}
.hz { height:256px; overflow:hidden; width:960px; margin:0 auto;}
.hz h2 { height:72px; padding:28px 0 0 0; overflow:hidden;}
.hz_c { height:159px; overflow:hidden;}
.hz_c ul { width:920px; overflow:hidden; display:inline;}
.hz_c ul li { float:left; width:162px; display:inline; margin:0 11px; overflow:hidden;}
.hz_c ul li img { width:160px; height:120px; border:1px solid #e1e1e1;}
.hz_c ul li span a { text-align:center; display:block; line-height:24px; color:#535353;}
.h01 { margin-top:20px;}





/*友情链接*/
.yqlj{margin-top:28px; overflow:hidden;}
.yqlj h4 img{}
.yqlj p{margin-left:120px; line-height:24px; overflow:hidden; border-left:1px solid #b5b5b5;}
.yqlj p a{
	display:inline-block;
	color:#333;
	padding-right: 2px;
	padding-left: 5px;
}
#toolbar {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 888;
	height:60px;
	left: 0;
	display: none;
}
#toolbar .list {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	padding: 0;
	background: #f1f1f1;
}
#toolbar .list li {
	float: left;
	width: 25%;
	text-align: center;
	list-style: none;
}
#toolbar .list a {
	display: block;
	height: 60px;
	line-height:30px;
	font-size: 15px;
	padding-top:30px;
	position: relative;
	text-decoration: none;
}
#toolbar .list a span {
	text-align: center;
	color: #333;
	display: block;
	font-size: 15px;
}
#toolbar .list a s {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
    background-position:50% 90%;
    background-repeat:no-repeat;
    background-size: auto 24px;
}
#toolbar .list a s.shome {
	background-image:url(../img/ico/i_home.png);
}
#toolbar .list a s.scall {
	background-image:url(../img/ico/i_call.png);
}
#toolbar .list a s.schat {
	background-image:url(../img/ico/i_chat.png);
}
#toolbar .list a s.smap {
	background-image:url(../img/ico/i_map.png);
}
#toolbar .list li:hover {
	background: #fcfcfc;
}

/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 240px;
	height: 240px;
	padding: 30px;
	margin-top: -120px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width: 120px;
	height: 120px;
	display: block;
	margin: 0 auto 10px;
}
#wxnr p {
	font-size: 14px;
	line-height:16px;
	text-align: center;
	margin:0 auto;
}
#wxnr i {
	position: absolute;
	top: 10px;
	right:10px;
	width: 24px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 50%;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 0;
	line-height: 20px;
	background-color: #118c3c;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 0.4rem;
	background-image: url(../images/wx.png);
	background-size: 0.28rem;
	background-position: 0.1rem center;
	background-repeat: no-repeat;
}
/*复制提示*/
#weixin {
	position: fixed;
	top: 50%;
	margin-top: -15px;
	z-index: 9999999;
	font-size: 14px;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: 30px;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 6px;
	display: none;
}


.coscase{
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
}

.met-index-product.coscase .blocks-2 > li {
    height: 250px;
}
.met-index-product.coscase .blocks-2 > li img{
    height: 180px;
}


@media (max-width: 767px) {
	#toolbar{
		display: block;
	}

	footer{
		padding:10px 0 70px;
	}


    .col-xs-12.social{
    	display: none;
    }

.storage_advantage_title img{
	width: 100%;
}


.box {
    height: 100%;
    width: 100%;
    margin: auto;
    position: relative;
}
.suply{
	background:none;
	padding: 0 5px;
	margin-bottom:0;
}
.suply_indexs {
    display: inline-block;
    float: left;
    width: 50%;
    height: auto;
    padding: 5px;
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}
.suply_indexs span {
    font-size: 18px;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
}


.all {
    width: 100%;
    min-width: 100%;
}
.adv_big{
	height: auto;
	padding:30px 0 0;

}
.adv_big_img {
    width: 100%;
    height: auto;
    margin-top: 33px;
    display: none;
}
.adv_big_content {
    color: #595959;
    line-height: 20px;
    margin: 5px auto 20px;
    text-align: left;
}
.adv_big_block {
	top: 0px;
	left: 0px;
	position: relative;
	padding: 0 10px;
}

.adv_big_block:nth-child(2) {
	top: 0;
	left: 0;
}

.adv_big_block:nth-child(3) {
	top: 0;
	left: 0;
}

.adv_big_block:nth-child(4) {
	top: 0;
	left: 0;
}

.adv_big_block:nth-child(5) {
	top: 0;
	left: 0;
}

.met-index-body.wellwap {
    padding: 10px 0px 0;
}



.met-index-product .blocks-2 > li {
    height: 180px;
}

.coscase{
	padding: 0 0 20px;
}
.met-index-product.coscase .blocks-2 > li {
    height: 170px;
}
.met-index-product.coscase .blocks-2 > li img{
    height: 80px;
}


}