@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;position:relative;z-index:2;padding-top: 20px;}
.search-key span{color:#015FA5;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:15px}
.tyL{width:886px;float:left;margin-top:12px}
.tyL h2{font-size:31px}
.tyL h2 span{color: #015FA5;}
.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:#015FA5;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 img{display:block;width: 340px;height: 255px;}
.product li p{text-align:center;line-height:60px;font-size:20px;font-weight:bold}
.product .swiper-pagination-bullets{bottom:3px}
.product .swiper-pagination-bullet{background:#121212;width:15px;border-radius:5px}
.product .swiper-pagination-bullet-active{background:#015FA5;width:50px}
#product1{background:url(../images/pro_bg.jpg) no-repeat center;padding: 210px 0;margin-top: -75px;}
.proL{width:320px;float:left}
.pro-title{color:#fff;box-sizing:border-box;padding: 5px 16px 15px 20px;background:#015FA5;}
.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: 3px 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;}
.phone{text-align:center;color:#fff;line-height:1.3;padding-top:22px;padding-bottom:13px;background:#015FA5}
.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:#015FA5;color:#fff;border-radius:20px}
.pro{width:335px;float:left;margin-right:13px}
.proR li:last-child{margin-right:0}
.pro img{display:block;width:335px;height:257px}
.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;z-index: 2;}
.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:#015FA5;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: 0;}
.ys img{position:relative}
.ys dl{width:580px}
.ys dl p{background:#015FA5;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 #015FA5;left:-10px;top:8px;box-sizing:border-box}
.ys dt{clear:both;color:#015FA5;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:-142px;padding-bottom:180px;z-index: 0;}
#case .title{position:relative;z-index:2;color:#fff;margin-bottom:40px}
#case .title p{color:#fff}
.case div{float:left}
.case li{position:relative;margin-bottom:10px}
.case img{width:340px;height:260px;display:block}
.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}
#youshi{margin-top:-20px;padding-bottom:46px}
#youshi .title{margin-bottom:43px}
.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>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 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: #eee;}
.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}
.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:#015FA5;width:200px;line-height:44px;border-radius:30px;color:#fff}