@charset "utf-8";
body{min-width:1400px;overflow-x: hidden;}
.box{width:1400px;margin:0 auto}
.box:after{display:block;content:'';clear:both}
#search{line-height:50px;background:url(../images/banner.png) no-repeat center top;margin-top: -120px;position:relative;z-index:2;padding-top: 70px;}
.search-key span{color:#D21B1D;font-size:16px}
.search-key a{font-size:14px}
.search-box{position:relative;margin-left:30px;width:400px;margin-top:5px}
.search{width:300px;line-height:36px;border:1px solid #B6B6B6;border-right:0;float:left;border-radius:20px 0 0 20px;padding-left:10px}
#search-btn{display:block;float:left;width:50px;height:40px;background:url(../images/search.png) no-repeat center;text-align:center;cursor:pointer;border-radius:0 20px 20px 0;border:1px solid #B6B6B6}
#rongyao{background:#EDECEA;box-sizing:border-box;padding:24px 35px 27px 50px;margin-top: 40px;}
.tyL{width:886px;float:left;margin-top:12px}
.tyL h2{font-size:31px}
.tyL h2 span{color:#E32330}
.tyL p{margin-top:26px;font-size:18px;color:#787878}
.tyL img{display:block;margin-top:36px;float:right}
.tyR{float:right;width:390px}
.tyR img{display:block}
#product{margin-top:55px}
.title{text-align:center}
.title h2{font-size:46px;position:relative}
.title h2:after,.title h2:before{display:block;content:'';position:absolute;bottom:0;left:50%}
.title h2:after{background:#E32330;width:90px;height:3px;margin-left:-45px;bottom:-1px}
.title h2:before{height:1px;width:400px;background:#DADADA;margin-left:-200px}
.title p{color:#ABABAB;font-size:20px;font-weight:bold;line-height:50px}
.product{margin-top:42px;padding-bottom:76px}
.product li{}
.product li>a{}
.product li img{display:block;width: 340px;height: 255px;}
.product li p{text-align:center;line-height:60px;font-size:20px;font-weight:bold}
.product li p a{}
.product .swiper-pagination-bullets{bottom:3px}
.product .swiper-pagination-bullet{background:#121212;width:15px;border-radius:5px}
.product .swiper-pagination-bullet-active{background:#E32330;width:50px}
#product1{background:url(../images/pro_bg.jpg) no-repeat center;padding: 210px 0;margin-top: -75px;}
.product1{}
.proL{width:320px;float:left}
.pro-title{color:#fff;box-sizing:border-box;padding: 5px 16px 15px 20px;background:#E32330;}
.pro-title:after{display:block;content:'';clear:both}
.pro-title span{opacity:0.8;font-size: 20px;display:block;line-height: 40px;}
.pro-title h2{line-height:1;font-size: 27px;float:left;}
.pro-title a{float:right;margin-top:10px}
.pro-title img{display:block}
.pro-ul{padding: 5px 0 5px 0;background:#fff;}
.pro-ul li{margin: 5px 10px 5px 10px;line-height: 35px;}
.pro-ul li a{display:block;box-sizing:border-box;padding: 5px 15px;background:#ECECEC url(../images/jia.png) no-repeat 95% center;}
.pro-ul li a:before{display:block;content:'';width:0;height:0;border-top: 5px solid transparent;border-right:0;border-bottom: 5px solid transparent;border-left: 8px solid #343434;float:left;margin-top: 13px;margin-right:15px;}
.pro-ul li span{}
.phone{text-align:center;color:#fff;line-height:1.3;padding-top:22px;padding-bottom:13px;background:#E32330}
.phone span{font-size:24px}
.phone span:before{content:'';width:30px;height:30px;display:inline-block;background:url(../images/phone.png);vertical-align:middle;margin-right:10px}
.phone strong{display:block;font-size:40px}
.proR{float:right;width:1032px}
.pro-fir{margin-bottom:30px}
.pro-fir>a{float:left}
.pro-fir img{display:block;width:510px;height:440px}
.pro-fir-r{width:522px;float:right;box-sizing:border-box;padding:70px 30px 65px 50px;background:#fff;height: 440px;}
.pro-fir-r h4{font-size:34px}
.pro-text{color:#4D4B4C;font-size:18px;margin-top:12px}
.pro-fir-r a{margin-top:43px;display:block;width:136px;text-align:center;line-height:38px;background:#E32330;color:#fff;border-radius:20px}
.pro{width:335px;float:left;margin-right:13px}
.proR li:last-child{margin-right:0}
.pro>a{}
.pro img{display:block;width:335px;height:257px}
.pro p{}
.pro p a{display:block;line-height:53px;padding:0 10px 0 15px;font-size:20px;background:#fff}
.pro p a:after{content:'+';float:right;font-size:26px}
#ys{
    position: relative;
    margin-top: -20px;
}
.title1{margin:0 auto 53px;background:url(../images/4.png) no-repeat center left;height:100px;padding-left:100px;font-style:italic;width:424px}
.title1 h2{font-size:60px;color:#E2232E;line-height:1}
.title1 span{display:none}
.title1 p{font-weight:bold;font-size:22px}
.ys{padding-left:50px;padding-right:50px;box-sizing:border-box;position:relative;overflow:hidden;z-index: 1;}
.ys div{}
.ys img{position:relative}
.ys dl{width:580px}
.ys dl p{background:#E81F18;display:inline-block;font-size:40px;padding:5px 10px;font-weight:bold;color:#fff;position:relative;margin-bottom:36px;z-index:2}
.ys dl p:before{display:block;content:"";width:100%;height:100%;position:absolute;border:2px solid #E81F19;left:-10px;top:8px;box-sizing:border-box}
.ys dt{clear:both;color:#E3232F;font-size:36px;font-weight:bold;margin-bottom:22px}
.ys dt:after{display:block;content:'';width:382px;border-bottom:1px dashed #A5A5A5;margin-top:5px}
.ys dd{font-size:18px;color:#666}
.ys1{padding-bottom:94px;background:url(../images/ys1.png) no-repeat center}
.ys2{z-index:2;margin-top:-59px}
.ys3{margin-top:-9px;padding-bottom:71px;background:url(../images/ys2.png) no-repeat center}
.ys4{margin-top:-89px}
.ys1 dl p{float:right;margin-right:110px}
.ys2 dl p{margin-left:117px;margin-bottom:73px}
.ys3 dl p{float:right;margin-right:110px;margin-bottom:69px}
.ys4 dl p{margin-left:118px;margin-bottom:51px}
.ys1 div{margin-top:70px}
.ys2 div{margin-top:25px}
.ys3 div{margin-top:140px}
.ys4 div{width:715px;margin-top:103px;position: relative;z-index: -1;}
.ys4 img{margin-left:-33px;z-index: 3;}

#case{
    background: url(../images/case_bg.jpg) no-repeat center;
    position: relative;
    padding-top: 175px;
    margin-top: -132px;
    padding-bottom: 180px;
    z-index: 0;
}
#case .title{
    position: relative;
    z-index: 2;
    color: #fff;
    margin-bottom: 40px;
}
#case .title p{color:#fff;}
.case{}
.case div{
	float: left;
}
.case li{
    position: relative;
    margin-bottom: 10px;
}
.case a{}
.case img{
    width: 340px;
    height: 260px;
    display: block;
    box-sizing: border-box;
    border: 5px solid #fff;
}
.case p{
    position: absolute;
    background: rgba(227,35,48,0.5);
    width: 100%;
    bottom: 0;
    text-align: center;
    color: #fff;
    line-height: 2.5;
}
.case div:nth-child(1), .case>li{
    margin-right: 10px;
}
.case>li{
    width: 700px;
    margin-right: 10px;
    float: left;
}
.case>li img{
    width: 700px;
    height: 530px;
}
.case>li p{}
#youshi{margin-top: -20px;padding-bottom: 46px;}
#youshi .title{
    margin-bottom: 43px;
}
.youshi{}
.youshiL{
    float: left;
    width: 570px;
}
.youshiL li{
    text-align: center;
    float: left;
    border: 2px solid #C0C0C0;
    width: 260px;
    margin-right: 20px;
    padding: 19px 0 10px;
    margin-bottom: 10px;
}
.youshiL li:last-child{
    font-size: 20px;
    font-weight: bold;
    padding: 0;
}
.youshiL li:last-child a{display:block;padding: 43px 0;}
.youshiL li:last-child a:hover{background:#FFD200;color:#fff}
.youshiL img{
    display: block;
    margin: 0 auto;
}
.youshiL p{
    font-weight: bold;
    font-size: 20px;
}
.youshiL li.on{
    background: #FFD200;
}
.youshiR{
    float: right;
    width: 825px;
}
.youshiR li{
    display: none;
    position: relative;
}
.youshiR li:after{display:block;position: absolute;bottom: 0;right: 0;background: url(../images/bg.png);width: 435px;height: 218px;box-sizing: border-box;padding: 101px 0 0 190px;color: #fff;font-size: 40px;}
.youshiR li:first-child:after{content: '源头厂家';}
.youshiR li:nth-child(2):after{content: '价格优惠';}
.youshiR li:nth-child(3):after{content: '专业团队';}
.youshiR li:nth-child(4):after{content: '品类齐全';}
.youshiR li:nth-child(5):after{content: '质量保障';}
.youshiR li:nth-child(6):after{content: '贴心服务';}
.youshiR li:nth-child(7):after{content: '远销海内外';}
.youshiR li.on{display:block;}
.youshiR img{
    width: 825px;
    height: 550px;
    display: block;
}

#news{
    padding-top: 177px;
    padding-bottom: 166px;
    background: url(../images/news_bg.jpg) no-repeat center;
    margin-top: -40px;
}
#news .title{
    color: #fff;
    margin-bottom: 45px;
}
#news .title p{
    color: #fff;
}
.news{}
.news>div{
    width: 800px;
    float: left;
}
.news li{padding: 30px 20px 25px 20px;background: rgba(0,0,0,0.5);margin-bottom: 20px;}
.news li:after{display:block;content:'';clear:both;}
.news-img{
    float: left;
}
.news-img a{}
.news-img img{
    width: 250px;
    height: 195px;
    display: block;
}
.news-box{
    float: right;
    width: 485px;
    color: #fff;
    padding-top: 16px;
}
.news-box span{
    display: block;
    line-height: 30px;
}
.news-tit{
    color: #fff;
    font-size: 22px;
}
.news-con{
    color: #ddd;
    margin-top: -7px;
}
.more{
    color: #D8242F;
}
.news>li:last-child{
    float: right;
    width: 530px;
    padding: 0;
}
.news>li .news-img{
    float: none;
}
.news>li img{
    width: 530px;
    height: 310px;
}
.news>li .news-box{
    float: none;
    width: auto;
    box-sizing: border-box;
    padding: 23px 10px 25px 30px;
}

#about{
    margin-top: -40px;
}
.about{
    margin: 34px auto;
    text-align: center;
}
.about img{
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}
.about h2{
    font-size: 30px;
    margin: 32px auto 8px;
}
.about div{
    width: 1300px;
    margin: 0 auto 31px;
    color: #6D6D6D;
    font-weight: bold;
}
.about a{
    display: inline-block;
    background: #E32330;
    width: 200px;
    line-height: 44px;
    border-radius: 30px;
    color: #fff;
}