body {font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x: hidden;}
p{ margin:0; padding:0;}
*{font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;}
.container-slide{ overflow: hidden;}
a,a:hover,a:focus{ text-decoration:none;}
.form-control{border-radius:0;}
ul{ list-style:none; padding:0;}

/*--banner--*/
.dz-banner img{ max-width:100%; display:block; margin:0 auto;}

/*--main--*/
.main-view{ overflow:hidden; margin-top:55px;}
.viner-tit h3{ font-size:43px; color:#333333; font-weight:normal;text-align:center; padding-bottom:35px;overflow:hidden;margin:0 auto; background:url(../images/tit-bg.png) no-repeat center bottom;}
.viner-tit p{ font-size:14px; color:#757575; text-align:center; padding-top:25px;}
.viner-cont{ background:url(../images/yuan.png) no-repeat center; height:530px; overflow:hidden; margin-top:25px;}
.viner-left{ float:left; width:310px; padding-top:140px;}
.viner-left h4,.viner-left h5{ font-size:18px; color:#515151; font-weight:normal; background:url(../images/dian.jpg) no-repeat 0 5px; padding-left:20px;}
.viner-left p{ font-size:16px; color:#d20001; line-height:25px; padding:35px 0; padding-left:18px; height:141px; overflow:hidden;}
.viner-right{ float:right;}
.custom-adv{ background:url(../images/adv-bg.jpg) no-repeat center; overflow:hidden; margin-top:60px; height:751px;}
.custom-cont{ padding:65px 0; overflow:hidden;}
.viner-tit2 h3{background:url(../images/tit-bg2.png) no-repeat center bottom; color:#fff;}
.viner-tit2 p{color:#fff;}
.adv-cont{ overflow:hidden; margin-left:-15px; margin-right:-15px;}
.adv-cont li{ width:50%; float:left; margin-top:30px;}
.adv-box{ margin:0 15px; overflow:hidden; height:145px;}
.text-left{ float:left; width:408px;}
.text-left h4{ font-size:18px; color:#fff; text-align:right;}
.text-left p{ font-size:14px; color:#a8a8a8; line-height:32px;}
.icon-right{padding-top: 20px; float:right;}
.icon-right img{ max-width:100%; display:block;}    
.text-left2{ float:right;}
.text-left2 h4{ text-align:left;}
.icon-right2{ float:left;}
.quotation,.process,.case-box,.ding-contact{ overflow:hidden; margin-top:60px;}
.quotat-box{ background:#b61718;margin-top:45px;}
.website li{ width:25%; float:left; border-left:1px solid #fff; height:109px; position:relative;}
.website li h4 img{ max-width:100%; display:block; margin:0 auto; margin-top:30px;}
.website li p{ width:152px; font-size:18px; color:#fff;display:block; margin:0 auto; background:#e4393a; border:1px solid #fff; text-align:center; padding:5px 30px; margin-top:33px; position:relative;}
.website li p span{ display:block; position:absolute; top:-23px; right:-1px;}
.website li:hover,.website li.active{ background:#e4393a;cursor:pointer;}
.postion{ position:absolute; right:0; top:0;}
.postion img{ max-width:100%; display:block;}
.website-cont{ overflow:hidden;}
.bg-white{ padding:15px 0; overflow:hidden;}
.bg-white p,.bg-pink p{ font-size:14px; color:#666565; background:url(../images/dui.png) no-repeat 0 6px; padding-left:35px; line-height:25px;}
.bg-white p span, .bg-pink p span{color: #ccc;}
.bg-pink{ background:#fef5f5; padding:15px 0; overflow:hidden;}
.process-bg{ background:url(../images/process.jpg) no-repeat center; height:968px; overflow:hidden;}
.process-cont{ overflow:hidden; margin-top:155px;}
.processs-left{ float:left; padding-left:268px;}
.processs-left img{max-width:100%; display:block;}
.processs-right{ color:#474747; float:left; padding-top:30px;}
.processs-right p{ padding-bottom:32px; line-height:50px;font-size:14px;}
.case-cont{ overflow:hidden; margin-top:45px;background:url(../images/bg.jpg) no-repeat bottom; padding-bottom:72px;}
.case-item{ overflow:hidden; margin-left:-8px; margin-right:-8px;}
.case-item li{ width:33.33%; float:left; margin-bottom:16px;}
.case-one{ overflow:hidden; padding:0 8px;}
.case-warp{ position:relative;}
.case-img img{ display:block; margin:0 auto; max-width:100%;}
.case-hover{ background:url(../images/bg2.png) repeat; position:absolute; left:0; right:0; top:0; bottom:0;}
.top-logo img{ max-width:100%; margin:0 auto; display:block; padding-top:60px;}
.bottom-text{ margin-top:50px;}
.bottom-text p{ font-size:18px; color:#d6d6d6; text-align:center; border-top:1px solid #fff; padding-top:20px;}
.bottom-text p small{ font-size:16px;}
.case-item li .case-hover{ display:none;}
.case-item li:hover .case-hover{ display:block;cursor:pointer;}
.wen-zi{ margin-top:65px;}
.wen-zi h4{ font-size:43px; color:#fff; text-align:center; font-weight:normal;}
.wen-zi p{ font-size:18px; color:#fff; text-align:center; padding-top:10px;}
.contact-cont{ overflow:hidden; margin-top:45px;}
.contact-box li{ width:25%; float:left; border:1px solid #e6e6e6;}
.gree{ background:#50e476; height:120px; width:100%;display:table;}
.gree p{ display:table-cell; vertical-align:middle;}
.gree img{ max-width:100%; display:block; margin:0 auto; }
.phone-cont{ height:213px; padding-top:20px;}
.phone-cont p{ font-size:18px; color:#797979; line-height:32px; text-align:center; padding:10px;}
.bottom-icon p{border-top:1px solid #e6e6e6; padding:25px 0; font-size:18px; color:#494848;  background:url(../images/x1.png) no-repeat 8px; padding-left:65px;}
.bottom-icon2 p{ background:url(../images/x2.png) no-repeat 8px;}
.bottom-icon3 p{background:url(../images/x3.png) no-repeat 8px;}
.bottom-icon4 p{background:url(../images/x4.png) no-repeat 8px;}
.ding-zhi{ overflow:hidden; margin:45px 0;}
.made h4{ font-size:24px; color:#000; text-align:center; padding-bottom:20px;}
.made p{ background:url(../images/bg3.jpg) no-repeat center;}
.made p a{ text-align:center; font-size:25px; color:#fff; display:block; line-height:68px; width:428px; background:#d20001; height:68px; margin:0 auto;}
.made-text{ font-size:14px; color:#333333; text-align:center; line-height:20px; margin-top:10px;}
.made-text span{ color:#d20001;}


@media (max-width: 1199px) {
	.viner-cont{ background:none;}
	.viner-left{ padding-top:0; width:445px;}
	.viner-left p{ padding-left:0; padding:15px 0; height:auto}
	.viner-cont{ height:auto;}
	.text-left{ width:440px;}
	.icon-right,{ display:none;}
	.postion img{ width:90px;}
	.processs-left{ padding-left:90px;}
	.top-logo img{ width:100px; padding-top:50px;}
	.bottom-icon p{ font-size:16px; padding-right:8px}
	
}
@media (max-width: 991px) {
	.viner-left{width:100%;}
	.viner-left p{ padding:5px 0;}
	.viner-tit h3{ font-size:30px;}
	.text-left{ width:100%;}
	.adv-box{ height:auto}
	.adv-cont li{ margin-top:10px; width:100%;}
	.text-left h4{ text-align:left;}
	.custom-adv{ height:auto; background:#1f2227}
	.website li h4{ margin-top:40px;}
	.website li h4 img{zoom:0.8;transform: scale(0.8); -ms-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8);}
	.website li p{ font-size:14px; width:133px;}
	.website li p span{top: -20px;}
	.process-bg{ background:#eaebef; height:auto}
	.processs-left,.icon-right{ display:none;}
	.process-cont{ margin-top:0;}
	.case-item li{ width:50%;}
	.top-logo img{ padding-top:78px}
}
@media (max-width: 767px) {
	.viner-tit h3{ font-size:25px;}
	.viner-left h4, .viner-left h5{  font-size:16px;}
	.main-view,.quotation,.quotat-box,.custom-adv,.process,.case-box,.case-cont,.ding-contact,.contact-cont{ margin-top:30px;}
	.viner-cont{ margin-top:10px;}
	.viner-left p{ font-size:14px;}
	.custom-cont,.custom-cont{ padding:30px 0;}
	.text-left h4{ font-size:16px;}
	.quotat-box{ background:none;}
	.website li{ width:50%; border-bottom:1px solid #fff; background:#b61718;}
	.processs-right p{ font-size:12px; padding-bottom:17px;}
	.wen-zi h4{ font-size:28px;}
	.wen-zi p{ font-size:14px;}
	.case-cont{ background-size:100% 17%;}
	.case-item li:hover .case-hover{ display:none;}
	.case-cont{ background:none; padding-bottom:10px;}
	.wen-zi{ background:#1f2227; padding:30px 10px; margin-top:0;}
	.bottom-icon p{ font-size:14px;}
	.phone-cont p{ font-size:16px;}
	.contact-box li{ width:50%; margin-bottom:20px;}
	.phone-cont{ height:190px;}
	.ding-zhi{ margin-top:0;}
}
@media (max-width: 500px) {
	.wen-zi h4{ font-size:16px; margin:0;}
	.wen-zi p{ font-size:12px;}
	.case-cont{ padding-bottom:0;}
	.made h4{ font-size:18px; line-height:25px;}
	.made p a{ width:100%; font-size:20px;}
}
@media (max-width: 375px) {
	.contact-box li{ width:100%;}
}