@media (min-width:1201px){
.title{text-align:center;}
.title h2{font-size:30px;line-height:40px;background:url(../image/bg-title.png) no-repeat center bottom;padding-bottom:13px;}
.title p{color:#999;margin-top:10px;}

.product{background:#f9f9f9;padding:40px 0;}
.product-body{margin-top:40px;}
.product-body:after{content:'';display:block;clear:both;}
.product-cat{float:left;width:300px;background:#fff;}
.product-cat div{}
.product-cat div h3{border-bottom:1px solid #f3f3f3;line-height:59px;font-size:18px;background:url(../image/productcaticon.png) no-repeat right 30px center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.product-cat div h3 a{display:block;padding:0 30px;}
.product-cat div h3:hover{background:url(../image/productcaticonhover.png) no-repeat right 30px center;}
.product-cat div h3:hover a{padding:0 35px;}
.product-cat div ul{display:none;transition:all ease-out 0.3s;padding:19px 0 20px;border-bottom:1px solid #f3f3f3;}
.product-cat div li{line-height:40px;}
.product-cat div li a{display:block;padding:0 30px 0 60px;position:relative;}
.product-cat div li a:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:30px;width:18px;height:2px;background:#666;}
.product-cat div li a:hover{padding:0 30px 0 65px;}
.product-cat div li a:hover:before{background:#f02626;}

.product-cat div.on ul{display:block;}
.product-cat div.on h3{background:url(../image/productcaticonhover.png) no-repeat right 30px center;}
.product-cat div.on h3 a{color:#f02626;}				

.product-list{float:right;width:900px;}
.product-list ul{}
.product-list li{float:left;width:205px;margin-left:20px;position:relative;margin-bottom:20px;}
.product-list li a{display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.product-list li section{transition:all ease-out 0.3s;}
.product-list li figure{overflow:hidden;}
.product-list li figure img{width:205px;height:205px;}
.product-list li div{position:relative;background:#fff;line-height:39px;border-bottom:1px solid #f3f3f3;transition:all ease-out 0.3s;}
.product-list li div h3{font-size:16px;font-weight:normal;padding:0 100px 0 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all ease-out 0.3s;}
.product-list li div span{position:absolute;top:0;right:20px;color:#999;font-size:12px;transition:all ease-out 0.3s;}

.product-list li:hover section{box-shadow:0 0 10px rgba(0,0,0,0.05);}
.product-list li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
.product-list li:hover div{border-bottom:1px solid #f02626;}			
.product-list li:hover div h3{color:#f02626;}
.product-list li:hover div span{color:#f02626;}

.customer{background:url(../image/bg-contact.jpg) no-repeat center center;}
.customer .w{position:relative;}
.customer-text{height:240px;color:#fff;}
.customer-text dl{padding:30px 0;width:600px;}
.customer-text dt{font-size:24px;margin-bottom:10px;line-height:30px;font-weight:bold;}
.customer-text dd{font-size:16px;line-height:25px;}
.customer-on{}
.customer-on-chat{float:left;margin-right:20px;}
.customer-on-tel{float:left;background:url(../image/customertel.png) no-repeat left 0 center;height:50px;padding:5px 0 5px 70px;}
.customer-on-tel span{display:block;}
.customer-on-tel span:nth-of-type(1){font-size:16px;line-height:20px;}
.customer-on-tel span:nth-of-type(2){font-size:24px;line-height:30px;font-weight:bold;}

.case{padding:60px 0;}
.case-list{margin-top:40px;}
.case-list ul{overflow:hidden;}
.case-list li{float:left;width:300px;margin-left:20px;position:relative;margin-bottom:20px;}
.case-list li a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.case-list li section{}
.case-list li section figure{margin-bottom:20px;overflow:hidden;}
.case-list li section figure img{width:300px;}
.case-list li section h3{margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.case-list li section p{display:none;line-height:25px;color:#999;height:50px;overflow:hidden;}
.case-list li section span{display:none;margin-top:20px;}
.case-list li:nth-of-type(1){width:560px;margin-left:0;}
.case-list li:nth-of-type(1) section h3{margin-bottom:20px;}
.case-list li:nth-of-type(1) section figure img{width:560px;}
.case-list li:nth-of-type(1) section p{display:block;}
.case-list li:nth-of-type(1) section span{display:block;}

.case-list li:hover section figure img{transform:scale3d(1.05, 1.05, 1);}

.case-cat{margin-top:30px;}
.case-cat ul{margin:0 -5px;overflow:hidden;}
.case-cat li{float:left;width:232px;margin:0 5px;}
.case-cat li a{display:block;line-height:60px;text-align:center;color:#fff;background:#ccc;font-size:16px;}
.case-cat li a.on,.case-cat li a:hover{background:#f02626;}

.advan{border-top:1px solid #f6f6f6;padding:60px 0;}
.advan-list{margin-top:40px;}
.advan-list-item{position:relative;height:457px;margin-bottom:60px;}
.advan-list-item figure{width:600px;position:absolute;top:0;overflow:hidden;}
.advan-list-item figure img{width:600px;height:457px;}
.advan-list-item section{position:absolute;z-index:1;bottom:0;width:660px;height:370px;background:#f6f6f6;box-sizing:border-box;padding:60px;}
.advan-list-item section dl{}
.advan-list-item section dt{font-size:24px;line-height:35px;position:relative;padding-bottom:18px;margin-bottom:20px;}
.advan-list-item section dt:before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#ccc;}
.advan-list-item section dt:after{content:'';display:block;position:absolute;bottom:0;left:0;width:60px;height:3px;background:#f02626;}
.advan-list-item section dt span{color:#f02626;}
.advan-list-item section dd{font-size:16px;line-height:25px;color:#999;}
.advan-list-item section a{display:inline-block;background:#f02626;color:#fff;padding:0 40px;line-height:35px;margin-top:25px;}
.advan-list-item:nth-of-type(2n+1) figure{left:0;}
.advan-list-item:nth-of-type(2n) figure{right:0;}
.advan-list-item:nth-of-type(2n+1) section{right:0;}
.advan-list-item:nth-of-type(2n) section{left:0;}

.advan-list-item:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.about{background:linear-gradient(to bottom,#f6f6f6 0,#f6f6f6 600px,#fff 600px,#fff 2000px);padding:60px 0;}
.about-info{margin:40px 0;padding:40px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.05);}
.about-info figure{margin-bottom:30px;overflow:hidden;}
.about-info figure img{width:1120px;height:420px;}
.about-info:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.about-info dl{text-align:center;margin-bottom:30px;}
.about-info dt{font-size:24px;line-height:30px;font-weight:bold;margin-bottom:10px;}
.about-info dd{font-size:16px;line-height:30px;}
.about-info span{display:block;text-align:center;}
.about-info span a{display:inline-block;background:#f02626;color:#fff;line-height:40px;padding:0 30px;}
.about-slide{}
.about-slide-cat{border-bottom:1px solid #ebebeb;margin-bottom:40px;}
.about-slide-cat .swiper-container{margin:0 auto;width:320px;}
.about-slide-cat h3{display:inline-block;width:150px;height:50px;background:#ebebeb;font-size:16px;text-align:center;line-height:50px;}
.about-slide-cat .swiper-slide-active h3{background:#f02626;color:#fff;}
.about-slide-list{}
.about-slide-list section{text-align:center;}
.about-slide-list section figure{border:1px solid #ddd;padding:9px;overflow:hidden;margin-bottom:10px;}
.about-slide-list section figure img{width:250px;height:190px;}
.about-slide-list section h4{font-weight:normal;font-size:16px;}

.about-slide-list section:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.news{background:#f6f6f6;padding:60px 0;}
.news-slide{margin-top:40px;}

.news-slide-item{background:#fff;padding:20px;position:relative;}
.news-slide-item a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.news-slide-item section{}
.news-slide-item section figure{position:relative;margin-bottom:20px;overflow:hidden;}
.news-slide-item section figure:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(230,33,42,.8) url(../image/newsmore.png) no-repeat center center;opacity:0;transition:all ease-out 0.3s;}
.news-slide-item section figure img{width:340px;height:255px;}
.news-slide-item section dl{}
.news-slide-item section dt{font-size:16px;font-weight:bold;line-height:30px;}
.news-slide-item section dd{color:#999;line-height:25px;}
.news-slide-item section dd time{font-size:12px;color:#666;}
.news-slide-item section dd:nth-of-type(2){height:100px;overflow:hidden;}
.news-slide-item section span{display:block;border-top:1px solid #e9e9e9;padding:20px 0 10px;transition:all ease-out 0.3s;}

.news-slide-item:hover section figure:after{opacity:1;}
.news-slide-item:hover section figure img{transform:scale3d(1.05, 1.05, 1);}
.news-slide-item:hover section span{color:#e6212a;}

.news-slide .swiper-container{padding-bottom:120px;}
.news-slide .swiper-button-next{position:absolute;top:auto;bottom:40px;right:50%;transform:translateX(100px);background:#fff url(../image/newsslidenext.png) no-repeat right center;width:40px;height:40px;transition:all ease-out 0.3s;}
.news-slide .swiper-button-next:after {content: '';}
.news-slide-more{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);}
.news-slide-more a{display:block;width:60px;height:40px;text-indent:-999em;background:#fff url(../image/newsslidemore.png) no-repeat center top;}
.news-slide .swiper-button-prev{position:absolute;top:auto;bottom:40px;left:50%;transform:translateX(-100px);background:#fff url(../image/newsslideprev.png) no-repeat left center;width:40px;height:40px;transition:all ease-out 0.3s;}
.news-slide .swiper-button-prev:after {content: '';}
.flink{padding:30px;}
}

@media (min-width:751px) and (max-width:1200px){

}
@media (max-width:750px){
.title{text-align:center;}
.title h2{font-size:18px;line-height:30px;background:url(../image/bg-title.png) no-repeat center bottom;padding-bottom:13px;}
.title p{color:#999;margin-top:10px;}

.banner{}
.banner figure{width:100%;height:222px;position:relative;overflow:hidden;}
.banner img{height:222px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.search{padding:10px;}
.search:after{content:'';display:block;clear:both;}
.search-hotkey{display:none;}
.search-form{}
.search-form form{position:relative;}
.search-form input{height:40px;}
.search-form input.txt{width:100%;height:40px;box-sizing:border-box;border:1px solid #ccc;padding:0 10px;}
.search-form input.btn{position:absolute;top:0;right:0;width:40px;height:40px;background:url(../image/searchicon.png) no-repeat center center;}

.product{background:#f9f9f9;padding:30px 0;}
.product-body{margin-top:20px;}
.product-body:after{content:'';display:block;clear:both;}
.product-cat{padding:0 1%;overflow:hidden;}
.product-cat div{float:left;width:48%;margin:0 1% 2%;}
.product-cat div h3{border-bottom:1px solid #f3f3f3;line-height:29px;font-size:13px;background:#fff url(../image/productcaticon.png) no-repeat right 10px center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.product-cat div h3 a{display:block;padding:0 10px;}
.product-cat div h3:hover{background:url(../image/productcaticonhover.png) no-repeat right 10px center;}
.product-cat div h3:hover a{padding:0 35px;}
.product-cat div ul{display:none;}		

.product-list{padding:10px;}
.product-list ul{margin:0 -1%;overflow:hidden;}
.product-list li{float:left;width:48%;margin:0 1% 2%;position:relative;}
.product-list li a{display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.product-list li section{transition:all ease-out 0.3s;}
.product-list li figure{overflow:hidden;}
.product-list li figure img{width:100%;}
.product-list li div{background:#fff;border-bottom:1px solid #f3f3f3;padding:10px;}
.product-list li div h3{font-size:14px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.product-list li div span{color:#999;}

.customer{display:none;}

.case{padding:30px 0;}
.case-list{padding:20px;}
.case-list ul{overflow:hidden;margin:0 -1%;}
.case-list li{float:left;width:48%;margin:0 1% 2%;position:relative;}
.case-list li a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.case-list li section{}
.case-list li section figure{margin-bottom:10px;overflow:hidden;}
.case-list li section figure img{width:100%;}
.case-list li section h3{margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.case-list li section p{display:none;color:#999;height:40px;overflow:hidden;}
.case-list li section span{display:none;margin-top:5px;}
.case-list li:nth-of-type(1){width:98%;margin-bottom:20px;}
.case-list li:nth-of-type(1) section h3{margin-bottom:5px;}
.case-list li:nth-of-type(1) section p{display:block;}
.case-list li:nth-of-type(1) section span{display:block;}

.case-list li:hover section figure img{transform:scale3d(1.05, 1.05, 1);}

.case-cat{}
.case-cat ul{text-align:center;}
.case-cat li{display:inline-block;margin:0 5px 10px;}
.case-cat li a{display:block;line-height:30px;text-align:center;color:#fff;background:#ccc;padding:0 10px;}
.case-cat li a.on,.case-cat li a:hover{background:#f02626;}

.advan{border-top:1px solid #f6f6f6;padding:30px 0;}
.advan-list{margin-top:20px;}
.advan-list-item{margin:20px;}
.advan-list-item figure{overflow:hidden;}
.advan-list-item figure img{width:100%;}
.advan-list-item section{background:#f6f6f6;box-sizing:border-box;padding:20px;}
.advan-list-item section dl{}
.advan-list-item section dt{font-size:16px;line-height:25px;position:relative;padding-bottom:18px;margin-bottom:20px;}
.advan-list-item section dt:before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#ccc;}
.advan-list-item section dt:after{content:'';display:block;position:absolute;bottom:0;left:0;width:60px;height:3px;background:#f02626;}
.advan-list-item section dt span{color:#f02626;}
.advan-list-item section dd{color:#999;}
.advan-list-item section a{display:inline-block;background:#f02626;color:#fff;padding:0 40px;line-height:35px;margin-top:25px;}

.advan-list-item:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.about{background:linear-gradient(to bottom,#f6f6f6 0,#f6f6f6 240px,#fff 240px,#fff 2000px);padding:30px 0;}
.about-info{margin:20px 20px 40px;padding:20px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.05);}
.about-info figure{margin-bottom:20px;overflow:hidden;}
.about-info figure img{width:100%;}
.about-info:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.about-info dl{margin-bottom:30px;}
.about-info dt{font-size:16px;line-height:30px;font-weight:bold;margin-bottom:10px;}
.about-info dd{}
.about-info span{display:block;}
.about-info span a{display:inline-block;background:#f02626;color:#fff;line-height:40px;padding:0 30px;}
.about-slide{}
.about-slide-cat{border-bottom:1px solid #ebebeb;}
.about-slide-cat .swiper-container{margin:0 auto;width:320px;}
.about-slide-cat h3{display:inline-block;width:150px;height:40px;background:#ebebeb;text-align:center;line-height:40px;}
.about-slide-cat .swiper-slide-active h3{background:#f02626;color:#fff;}
.about-slide-list{padding:20px;}
.about-slide-list section{text-align:center;}
.about-slide-list section figure{border:1px solid #ddd;padding:9px;overflow:hidden;margin-bottom:10px;}
.about-slide-list section figure img{width:100%;}
.about-slide-list section h4{font-weight:normal;font-size:12px;}

.about-slide-list section:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.news{background:#f6f6f6;padding:30px 0;}
.news-slide{margin:20px;}

.news-slide-item{background:#fff;padding:20px;position:relative;}
.news-slide-item a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.news-slide-item section{}
.news-slide-item section figure{position:relative;margin-bottom:20px;overflow:hidden;}
.news-slide-item section figure:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(230,33,42,.8) url(../image/newsmore.png) no-repeat center center;opacity:0;transition:all ease-out 0.3s;}
.news-slide-item section figure img{width:100%;}
.news-slide-item section dl{}
.news-slide-item section dt{font-size:14px;font-weight:bold;}
.news-slide-item section dd{color:#999;}
.news-slide-item section dd time{color:#666;}
.news-slide-item section dd:nth-of-type(2){height:100px;overflow:hidden;}
.news-slide-item section span{display:block;border-top:1px solid #e9e9e9;padding:10px 0 5px;transition:all ease-out 0.3s;}

.news-slide-item:hover section figure:after{opacity:1;}
.news-slide-item:hover section figure img{transform:scale3d(1.05, 1.05, 1);}
.news-slide-item:hover section span{color:#e6212a;}

.news-slide .swiper-container{padding:0 0 60px;}
.news-slide .swiper-button-next{position:absolute;top:auto;bottom:0;right:50%;transform:translateX(100px);background:#fff url(../image/newsslidenext.png) no-repeat right center;width:40px;height:40px;transition:all ease-out 0.3s;}
.news-slide .swiper-button-next:after {content: '';}
.news-slide-more{position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.news-slide-more a{display:block;width:60px;height:40px;text-indent:-999em;background:#fff url(../image/newsslidemore.png) no-repeat center top;}
.news-slide .swiper-button-prev{position:absolute;top:auto;bottom:0;left:50%;transform:translateX(-100px);background:#fff url(../image/newsslideprev.png) no-repeat left center;width:40px;height:40px;transition:all ease-out 0.3s;}
.news-slide .swiper-button-prev:after {content: '';}
.flink{padding:20px;}
}