@charset "utf-8";
@font-face {
	font-family: 'Roboto';
	src:url('../fonts/Roboto-Regular-webfont.woff');
	font-weight: normal;
	font-style: normal;
}
body,h1,h2,h3,h4,h5,h6,ul,dl,ol,input,pre,blockquote,p{margin:0}
ul,ol,input,textarea{padding:0}
img,input,select,textarea{border:0}
input,select,textarea{outline:none}
textarea{resize:none}
li,em{list-style:none;font-style:normal}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:normal;font-size:100%}
img{font-size:0;display: block;max-width: 100%;border: 0;}
p{word-wrap:break-word}
a,u{text-decoration:none}
a{color:#333;}
a:hover{color:#601b48;}
body{font-family:'Roboto';color:#333;}
.h40{height:40px;}
.container{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.grow{transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition-property: transform;transition: all .8s ease;}
a:hover .grow{transform: scale(1.08);}

.qrcode{position:relative;}
.qrcode  .qrcode_img,.qrcode1 .wxewm img{transition-duration: 1s;top:55px;z-index:222222;display:block;position:absolute;width:0;height:0;max-width:120px;}
.qrcode:hover .qrcode_img,.qrcode1:hover .wxewm img{height:120px;width:120px;border-radius:8px;padding:10px;background:#fff;border-radius:10px;border:3px solid #FC5000;} 
#qrcode{display:none;}
.qrcode1:hover  #qrcode{display:block;}

#header{position:fixed;top:0;z-index:1009;width:100%;transition-duration: 1s;}
#header.height{top:-28px;}
#header .top{background:#3F3F3F;height:28px;line-height:28px;}
#header .top .mail span{color:#fff;font-size:12px;padding-left:22px;display:block;float:left;background:url(../images/top_mail.jpg) no-repeat left center;}
#header .top .mail span:last-child{margin-left:20px;}
#header .top ul li{float:left;margin:5px 0 0 20px;}
#header .info{background:#fff;}
#header .info .logo{display:block;margin-top:11px;}
#header .info .nav li.navli{float:left;margin-left:50px;position:relative;}
#header .info .nav li.navli:before{transition-duration: 1s;content: '';width:0px;height:0px;background:#000000;position:absolute;top:65px;}
#header .info .nav li.navli_1:before{left:12px;}
#header .info .nav li.navli_2:before{left:35px;}
#header .info .nav li.navli_3:before{left:25px;}
#header .info .nav li.navli_4:before{left:40px;}
#header .info .nav li.navli_5:before{left:28px;}
#header .info .nav li.navli_6:before{left:29px;}
#header .info .nav li:hover:before,#header .info .nav li.on:before{width:20px;height:3px}
#header .info .nav li.navli a.m{line-height:85px;color:#0b0b0b;font-size:18px;text-transform: uppercase;display:block;}
#header .info .nav li .navlist{width: 100%;background: #fff;box-shadow: 0 0 2px rgba(0, 0, 0, .1);max-height: 0;overflow: hidden;position: fixed;left: 0;transition-duration: 1s;}
#header .info .nav li:hover .navlist{max-height: 1000px;}
#header .info .nav li .navlist ul {max-width: 1200px;margin: auto;padding: 30px 50px;overflow:hidden;position: relative;}
#header .info .nav li .navlist ul .line:before {content: '';width: 1px;height: calc(100% - 60px);background: #e7e7e7;position: absolute;top: 30px;left: 32.5%;}
#header .info .nav li .navlist ul .line:after {content: '';width: 1px;height: calc(100% - 60px);background: #e7e7e7;position: absolute;top: 30px;left: 67.5%;}
#header .info .nav li .navlist ul li{width: 30%;float:left;margin-right: 5%;}
#header .info .nav li .navlist ul li:nth-child(3n+1){margin-right:0;}
#header .info .nav li .navlist ul li a img {float:left;padding: 0 30px;}
#header .info .nav li .navlist ul li a {transition-duration: 1s;display: block;color: #636363;font-size: 13px;height:40px;line-height: 40px;padding: 10px 0;border-bottom: 1px solid #e7e7e7;overflow: hidden;}
#header .info .nav li .navlist ul li:hover a{color:#000;border-color:#000;}

.list-banner{padding-top:113px;}

.index-about .pic{width:50%;}
.index-about .pic img{width:100%;}
.index-about .info{width:40%;padding:0 5%;}
.index-about .info h2{font-size:30px;padding-top:50px;font-weight:bold;}
.index-about .info h2 span{font-weight:normal;text-decoration:underline}
.index-about .info p img{margin:40px auto;}
.index-about .info p{font-size:16px;line-height:34px;}

.index-hot{position:relative;}
.index-hot .swiper-slide a{display:block;padding:80px 0;overflow:hidden;}
.index-hot .swiper-slide .info h2{padding-top:60px;font-size:42px;font-weight:bold;}
.index-hot .swiper-slide .info h3{padding:22px 0 12px;font-size:22px;color:#111}
.index-hot .swiper-slide .info p{width:50%;line-height:24px;font-size:15px;color:#444}
.index-hot .swiper-slide .info span{background:url(../images/arrow.png) no-repeat right 6px;padding-right:40px;display:inline-block;margin-top:30px;line-height:24px;font-size:15px;color:#444}
.index-hot .swiper-button-prev,.index-hot .swiper-button-next{width:10px;height:16px;top:405px;z-index:9;}
.index-hot .swiper-button-prev{background:url(../images/left.jpg);left:20px;}
.index-hot .swiper-button-next{background:url(../images/right.jpg);left:65px;}
.index-hot .swiper-pagination{display:none}
.index-hot .pic img{max-width:350px;max-height:350px;}

.index-show{position:relative;height:715px;margin-top:50px}
.index-show div{position:absolute;}
.index-show div a{display:block;width:100%;height:100%;position:relative;overflow:hidden;border-radius:10px;}
.index-show div a span{transition-duration: 1s;display:block;height:40px;line-height:40px;width:100%;position:absolute;left:0;bottom:0;color:#fff;text-align:center;background:rgba(0,0,0,0.7);font-size:16px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.index-show .index-show-1{left:0;top:0;}
.index-show .index-show-2{left:0;bottom:0;}
.index-show .index-show-3{left:481px;bottom:0;}
.index-show .index-show-4{right:0;top:0;}
.index-show .index-show-5{right:0;bottom:0;}
.index-show div a:hover span{height:100%;font-size:24px;border-top-left-radius:10px;border-top-right-radius:10px;}
.index-show .index-show-1 a:hover span{line-height:473px}
.index-show .index-show-2 a:hover span{line-height:233px}
.index-show .index-show-3 a:hover span{line-height:233px}
.index-show .index-show-4 a:hover span{line-height:231px}
.index-show .index-show-5 a:hover span{line-height:478px}

.index-brand{padding:80px 0 40px 0;}
.index-brand h2{color:#949494;font-size:34px;line-height:46px;text-align:center;}
.index-brand h3{padding:50px 0;color:#757575;font-size:14px;line-height:24px;text-align:center;}
.index-brand ul li{background:url(../images/brand.jpg) no-repeat center 20px ;float:left;width:33.3%;padding:90px 0 20px 0;text-align:center;}
.index-brand ul li:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);border-radius:10px;}
.index-brand ul li h4{position:relative;margin-bottom:40px;color:#2a2a2a;font-size:20px;line-height:38px;}
.index-brand ul li h4:before{transition-duration: 1s;content: '';width:30px;height:2px;background:#DEDEDE;position:absolute;top:55px;left:50%;margin-left:-15px;}
.index-brand ul li h5{max-width:260px;margin:0 auto;color:#5c5c5c;font-size:14px;line-height:25px;}
.index-brand ul li p{margin-top:30px;color:#5c5c5c;font-size:14px;line-height:25px;}

.title{color:#9a9a9a;font-size:56px;text-align:center;font-weight:bold;padding-bottom:50px;text-transform: uppercase}

.product{background:#fcfcfc;padding:80px 0 40px;overflow:hidden;}
.product .container{width:100%;max-width:1400px;}
.product .swiper-slide{background:#fff;margin-bottom:50px;}
.product .swiper-slide a{transition-duration: .6s;box-shadow: 0 0 0 rgba(0,0,0,.1);border-radius:10px;display:block;padding:40px;border:1px solid #F1F1F1;overflow:hidden;}
.product .swiper-slide a h3{color:#9a9a9a;font-size:14px;padding:50px 0 10px;}
.product .swiper-slide a p{color:#9a9a9a;font-size:15px;}
.product .swiper-slide a:hover{box-shadow: 0 5px 15px rgba(0,0,0,.1);}

.list-product .swiper-wrapper{display:inline;}
.list-product .swiper-slide{float:left;}
.list-product .swiper-slide:nth-child(1n){margin-top:0 !important;}
.list-product .swiper-slide:nth-child(4n){margin-right:0 !important;}
.list-news .swiper-slide{padding-bottom:0 !important;}

.news{background:#fff;padding:80px 0 40px;overflow:hidden;}
.news .swiper-slide{text-align:center;padding-bottom:50px;}
.news .swiper-slide a{transition-duration: .6s;display:block;overflow:hidden;}
.news .swiper-slide a h3{color:#1d1d1d;font-size:28px;padding:25px 0 15px;}
.news .swiper-slide a p{display:inline-block;padding-right:30px;color:#9a9a9a;font-size:16px;background:url(../images/arrow.png) no-repeat right center;}

.online{background:#F2F2F2;padding:60px 0 30px;text-align:center;}
.online h2{color:#56524a;font-size:36px;margin-bottom:20px;}
.online p{color:#28241b;font-size:15px;line-height:20px;}
.online form{display:inline-block;border:2px solid #EBEAEB;margin-top:25px;padding:6px;background:#fff;border-radius:6px;}
.online form input{display:inline-block;font-size:14px;width:350px;height:32px;line-height:32px;border:0;padding-left:20px;color:#28241b;}
.online form button{display:inline-block;font-size:14px;width:100px;height:32px;line-height:32px;border-radius:4px;cursor:pointer;border:0;;color:#28241b;background:#DEDEDE;}

.footer{padding:90px 0 60px;}
.footer .menu{width:800px;}
.footer .menu a{display:block;font-size:14px;float:left;width:32%;margin-right:1%;overflow:hidden;height:36px;line-height:36px;color:#838383;}
.footer .menu a:hover{color:#601b48}
.footer .info{width:300px;}
.footer .info h2{color:#838383;font-size:14px;line-height:36px;}
.footer .info .msn{padding:10px 0 25px 0}
.footer .info .msn img{float:left;margin-right:10px;}
.footer .info .wx img{max-width:137px;max-height:137px;}

.bottom{height:50px;line-height:50px;background:#000000;}
.bottom p{color:#e1e1e1;font-size:14px;}
.bottom a{display:block;margin-top:15px;}

.menumain{  display: none;  background: #333;  width: 100%!important;  height: 100%;  overflow: auto!important;  position: fixed;  top: 0;  left: 0;  z-index: 1000;  opacity: 1!important;  }
.menumain .menubox{  margin: 50px 5% 80px;  padding: 1px 0;  }
.menumain .menubox .menunav{  overflow: hidden;  }
.menumain .menubox .menunav .menuone a{  display: block;  color: #fff;  font-size: 16px;  line-height: 20px;  margin: 30px 0 0;  }
.menumain .menubox .menunav .menuone.home a{  padding-bottom: 20px;  border-bottom: 1px solid rgba(255, 255, 255, .2);  }
.menumain .menubox .menunav .menuone .menutwo{  float: left;  position: relative;  }
.menumain .menubox .menunav .menuone .menutwo.bai{  width: 100%;  }
.menumain .menubox .menunav .menuone .menutwo:before{  content: '';  width: 3px;  height: 3px;  background: rgba(255, 255, 255, .8);  border-radius: 50%;  position: absolute;  left: -8px;  bottom: 8px;  }
.menumain .menubox .menunav .menuone .menutwo a{  color: rgba(255, 255, 255, .8);  font-size: 15px;  margin: 30px 20px 0 5px;  }
.menumain .menubox .menunav .menuone .menutwo .menuthree{  float: left;  position: relative;  }
.menumain .menubox .menunav .menuone .menutwo .menuthree:before{  content: '';  width: 3px;  height: 3px;  background: rgba(255, 255, 255, .4);  border-radius: 50%;  position: absolute;  left: -6px;  bottom: 8px;  }
.menumain .menubox .menunav .menuone .menutwo .menuthree a{  color: rgba(255, 255, 255, .4);  font-size: 14px;  margin: 20px 20px 0 10px;  }
.menumain .menubox .menunav a.hover{  color: #e9092c !important;  }
.menumain .menubox .lang{  margin-top: 30px;  text-align: center;  overflow: hidden;  }
.menumain .menubox .lang a{  float: left;  width: 48%;  height: 40px;  line-height: 40px;  border: 1px solid rgba(255, 255, 255, .2);  margin: 2% 1%;  border-radius: 5px;  box-sizing: border-box;  }
.menumain .menubox .lang a img{  display: inline-block;  width: 25px;  margin-right: 10px;  position: relative;  top: 4px;  }
.menumain .menubox .lang a span{  display: inline-block;  color: #fff;  font-size: 15px;  position: relative;  top: -1px;  }

#mobtool{  display: none;  width: 100%;  height: 50px;  background: #333;  border-top: 1px solid rgba(255, 255, 255, .2);  position: fixed;  left: 0;  bottom: 0;  z-index: 1001;  }
#mobtool ul li{  float: left;  width: 20%;  text-align: center;  border-left: 1px solid rgba(255, 255, 255, .2);  box-sizing: border-box;  }
#mobtool ul li:nth-child(1){  border: none;  }
#mobtool ul li a.menubutton{  background: rgba(255, 255, 255, .2);  }
#mobtool ul li a{  display: block;  width: 100%;  height: 50px;  color: #fff;  padding-top: 10px;  }
#mobtool ul li a p{  height: 25px;  line-height: 25px;  overflow: hidden;  font-size: 12px;  text-transform: uppercase;  }

.onlineservice{position: fixed;right: 0;bottom: 100px;z-index: 50;cursor: pointer;}
.onlineservice ul li{width: 50px;height: 50px;position: relative;}
.onlineservice ul li i{width: 50px;line-height: 49px;background: #333;border-bottom: 1px solid #555;color: #fff;font-size: 18px;text-align: center;}
.onlineservice ul li.online_top:hover i{background: #e9092c;border-bottom: 1px solid #e9092c;}
.onlineservice ul li i.fa-mobile{font-size: 24px;}
.onlineservice ul li span{width: 160px;line-height: 50px;background: #333;color: #fff;padding-left: 10px;position: absolute;top: 0;left: 0;z-index: -1;transition-duration: .5s;}
.onlineservice ul li:hover span{left: -160px;}
.onlineservice ul li.morelist .list{display: none;width: 160px;position: absolute;top: 0;left: -161px;}
.onlineservice ul li.morelist:hover .list{display: block;}
.onlineservice ul li.morelist .list a{display: block;line-height: 49px;background: #333;border-bottom: 1px solid #555;color: #fff;padding-left: 10px;}
.popup-wechat{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);position: fixed;top: 0;left: 0;z-index: 10001;}
.popup-wechat img{width: 380px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.onlineservice .online_list{height: 200px;transition-duration: 1s;}
.onlineservice .online_list.show{height: 0;overflow: hidden;}
.onlineservice .online_comments,
.onlineservice .online_top{height: 0;overflow: hidden;transition-duration: 1s;}
.onlineservice .online_comments.show,
.onlineservice .online_top.show{height: 50px;}

.mc_pager{text-align:center;padding:50px 0;}
.mc_pager a{background:#fff;border:1px solid #333;border-radius:4px;color:#333;width:30px;height:30px;line-height:30px;margin:3px;display:inline-block;}
.mc_pager a.curpage{background:#333;color:#fff;}
.pageinfo,.homepage,.nextpage,.nopage,.endpage,.prepage{display:none !important;}

.news-menu{padding-bottom:30px;text-align:center;}
.news-menu a{color:#acacac;font-size:16px;border-radius:8px;margin-left:20px;display:inline-block;padding:0 30px;border:1px solid #EEEDED;height:50px;line-height:50px;}
.news-menu a.on{background:#5C5C5C;color:#fff;}

.newscenter{color: #787878;font-size: 30px;padding-top: 40px;}
.newsnav{padding-top: 40px;}
.newsnav a{transition-duration: 1s;display: inline-block;color: #787878;font-size: 16px;border-bottom: 2px solid transparent;padding-bottom: 5px;margin-left: 20px;}
.newsnav a:hover,
.newsnav a.on{color: #000;border-bottom: 2px solid #000;}
.shownews{padding-top: 50px;overflow: hidden;}
.shownews .t{color: #333;font-size: 20px;line-height: 30px;text-align: center;}
.shownews .updatetime{color: #888;text-align: center;border-bottom: 1px solid #ccc;padding: 20px 0;}
.shownews .content{color: #333;font-size: 14px;line-height: 24px;padding: 20px 0;}
.shownews .detailpage{color: #333;padding: 30px 0 50px;border-top: 1px solid #ccc;}
.shownews .detailpage p{height: 30px;line-height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.shownews .detailpage p a{color: #333;position: relative;left: 0;}
.shownews .detailpage p a:hover{color: #e9092c;text-decoration: underline;left: 10px;}
.shownews .detailpage .more2{color: #fff;background: #e9092c;border-radius: 5px;padding: 15px 30px;}

#sortpro{display:none;height: 40px;  line-height: 40px;  text-align: center;  background: #fff;  border-bottom: 1px solid #000;  overflow: hidden;  }
#sortpro .sortpro_left{  float: left;  width: 65%;  color: #fff;  font-size: 14px;  background: #000;  }
#sortpro .sortpro_right{  float: right;  width: 35%;  color: #000;  font-size: 14px;  }
#sort_content{  width: 100%;  height: 100%;  overflow: hidden;  background: #eee;  position: fixed;  top: 0;  left: 0;  z-index: 10001;  -webkit-transform: translate3d(0px, 100%, 0px);  -moz-transform: translate3d(0px, 100%, 0px);  transform: translate3d(0px, 100%, 0px);  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);  -moz-transition: -moz-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);  -o-transition: -o-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);  transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)  }
#sort_content.show{  -webkit-transform: translate3d(0px, 0%, 0px);  -moz-transform: translate3d(0px, 0%, 0px);  transform: translate3d(0px, 0%, 0px);  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  -moz-transition: -moz-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  -o-transition: -o-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  transition: transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000)  }
#sort_content .asort{  height: 100%;  }
.asort .hd{  height: 60px;  background: #000;  }
.asort .hd .fl{  color: #fff;  font-size: 16px;height:60px;overflow:hidden;  line-height: 60px;  padding: 0 10px; width:60%; }
.asort .hd .fr{  width: 30px;  height: 30px;  margin: 15px;  background: url(../images/x.jpg);  background-size: cover;  }
.asort .ct{  height: calc(100% - 60px);  padding: 2%;  overflow: auto;  }
.asort .ct ul{  background: #fff;  border-top: 1px solid #eee;  }
.asort .ct ul li{  padding: 0 15px;  border-bottom: 1px solid #eee;  }
.asort .ct ul li a{  display: block;  }
.asort .ct ul li a p{  display: inline-block;  width: calc(100% - 30px);  height: 58px;  line-height: 58px;  overflow: hidden;  color: #333;  font-size: 14px;  text-align: left;  }
.asort .ct ul li a i{  float: right;  width: 15px;  height: 15px;  border: 3px solid #ddd;  background: #fff;  border-radius: 50%;  margin-top: 22px;  }
.asort .ct ul li a.hover i{  border: 3px solid #000;  }
.asort .ct ul .navdown li{  padding: 0 20px;  border-bottom: 1px dotted #eee;  }
.asort .ct ul .navdown li a p{  display: block;  width: 100%;  height: 50px;  line-height: 50px;  color: #aaa;  }
.asort .ct ul li a.hover p{  color: #000;  }

.show-product .info .pic{width:650px;position:relative;height:535px;}
.show-product .info .prev{position:absolute;left:520px;top:60px;width:47px;height:12px;background:url(../images/top.jpg);}
.show-product .info .next{position:absolute;left:520px;top:515px;width:47px;height:12px;background:url(../images/bottom.jpg);}
.show-product .info .pic .hd{width:96px;position:absolute;top:85px;left:495px;}
.show-product .info .pic .hd li{cursor:pointer;border-radius:4px;width:94px;height:94px;border:1px solid #EEEEEE;margin-bottom:12px;}
.show-product .info .pic .hd li img{width:94px;border-radius:4px;height:94px;}
.show-product .info .pic .hd li.on{border-color:#D89D39}
.show-product .info .pic .bd{position:absolute;top:55px;width:470px;height:470px;}
.show-product .info .pic .bd li{width:468px;height:468px;border-radius:10px;border:1px solid #EEEEEE;}
.show-product .info .pic .bd li img{width:468px;height:468px;border-radius:10px;}
.show-product .info .txt{width:530px;}
.show-product .info .txt h1{padding:80px 0 25px 0;color:#9a9a9a;font-size:26px}
.show-product .info .txt h2{color:#9a9a9a;font-size:26px}
.show-product .info .minicontent{padding:20px 0;font-size:18px;color:#000;line-height:32px;}
.show-product .info .txt ul li{float:left;margin-right:10px;line-height:50px;height:50px;}
.show-product .info .txt ul li:last-child{background:#343531;width:170px;text-align:center;}
.show-product .info .txt ul li:last-child a{display:block;color:#fff;font-size:18px;}
.show-product .t{font-size:24px;padding:35px 0;}
.show-product .swiper-container{display:none}
.show-product .content{margin-bottom:30px;}
.contact{padding:30px 0 50px 0;}
.contact .info div{color:#191919;font-size:18px;padding-left:95px;height:80px;line-height:80px;border-bottom:1px solid #EAEBEB;}
.contact .info div.add{background:url(../images/contact_add.jpg) no-repeat left center;}
.contact .info div.tel{background:url(../images/contact_tel.jpg) no-repeat left center;}
.contact .info div.mail{background:url(../images/contact_email.jpg) no-repeat left center;}
.contact .info div.web{background:url(../images/contact_web.jpg) no-repeat left center;}
.contact .info div.msn{background:url(../images/contact_msn.jpg) no-repeat left center;}
.contact .info div.web a img{float:left;margin-top:25px;margin-left:20px;}
.contact .info div.msn a img{float:left;margin-top:25px;margin-left:20px;}
.contact .wx img{margin-top:100px;box-shadow: 0 15px 30px rgba(0,0,0,.1);padding:10px;border-radius:20px;width:239px;height:239px;}

.contact .title,.list-about .title{padding-top:30px;}
.list-about .title{font-size:80px;}
.list-about .title:before{transition-duration: 1s;content: '';width:770px;height:0px;margin-left:-25px;background:#949494;position:absolute;top:114px;}
.list-about p{font-size:16px;line-height:34PX;margin-bottom:15px;}
.list-about-pic{margin:40px 0 20px 0;overflow:hidden}
.list-about-pic li{cursor:pointer;box-shadow: 0 5px 10px rgba(0,0,0,.1);width:370px;float:left;margin:0 45px 30px 0;}
.list-about-pic li:nth-child(3n){margin-right:0px;}
.list-about-pic li span{font-size:18px;text-transform: uppercase;line-height:80px;background:#fff;color:#494949;display:block;text-align:center;}
.list-about-pic li img{border-top-left-radius:10px;border-top-right-radius:10px;}
.list-about-pic{margin:40px 0 20px 0;}
.list-certificate-pic{margin-top:30px;}
.list-certificate-pic li{cursor:pointer;width:280px;float:left;margin:0 20px 20px 0;}
.list-certificate-pic li img{max-width:280px;}
.list-certificate-pic li:nth-child(4n){margin-right:0;}

@media screen and (max-width:992px) {
	.list-about .title{font-size:40px;}
	.contact .title,.list-about .title{padding-top:15px;}
	#sortpro{display:block;}
	.news-menu{display:none;}
	.list-banner{padding-top:50px;}
	.container{width:100%;margin:0 auto;}
	.fl,.fr{float:none;}
	.asort .hd .fl{float:left}
	.asort .hd .fr{float:right}
	#header .top,#header .nav{display:none;}
	#header .info .logo{margin:0 0 0 10px;padding:5px 0;}
	#header .info .logo img{height:40px;}
	#header .menubutton{position:absolute;top:15px;right:10px;width: 30px;  height: 30px;  cursor: pointer;}
	#header .menubutton .menuicon{  height: 2px;  margin-bottom: 8px;  background: #000;  }
	#header .menubutton .menuicon-top{ animation:icon01 linear infinite 2s; }
	#header .menubutton .menuicon-middle{ animation:icon02 linear infinite 2s; }
	#header .menubutton .menuicon-bottom{ animation:icon03 linear infinite 2s; }
	#header.height{top:0;}
	@keyframes icon01{ 0%{ width:100%;} 25%{ width:25%;} 100%{ width:100%;} }
	@keyframes icon02{ 0%{ width:100%;} 50%{ width:25%;} 100%{ width:100%;} }
	@keyframes icon03{ 0%{ width:100%;} 75%{ width:25%;} 100%{ width:100%;} }
	.index-about .pic{width:100%;}
	.index-about .info{width:90%;margin:0 auto 30px;}
	.index-about .info h2{font-size:18px;padding-top:20px;}
	.index-about .info p{font-size:14px;line-height:24px;}
	.index-about .info p img{margin:20px auto;}
	.index-hot{background:#f2f2f2;}
	.index-hot .swiper-slide a{padding:0 0 40px 0}
	.index-hot .swiper-slide .info{width:98%;margin:0 auto;}
	.index-hot .swiper-slide .info h2{padding-top:30px;font-size:22px;}
	.index-hot .swiper-button-prev{display:none;}
	.index-hot .swiper-button-next{display:none;}
	.index-hot .swiper-slide .info p{width:80%;font-size:14px;}
	.index-hot .swiper-slide .info span{margin-top:15px;}
	.index-hot .swiper-pagination{display:block}
	.index-hot .pic img{max-width:100%;max-height:100%;}
	.index-show{display:none;}
	.index-brand{padding:40px 10px;}
	.index-brand h2{font-size:24px;line-height:30px;}
	.index-brand h3{padding:20px 0;}
	.index-brand ul li{width:100%;float:none;padding-top:75px;margin-top:25px;}
	.index-brand ul li h4:before{top:45px;}
	.index-brand ul li h4{margin-bottom:20px;}
	.index-brand ul li p{margin-top:15px;display:none;}
	.product{background:#f2f2f2;padding:40px 10px 20px;}
	.title{font-size:26px;padding-bottom:20px;}
	.product .swiper-slide{margin-bottom:0px;}
	.product .swiper-slide a{padding:10px;border:1px solid #fff;background:#fff;}
	.product .swiper-slide a h3{padding:15px 0 10px 0;}
	.product .swiper-slide a p{font-size:14px;line-height:24px;height:24px;overflow:hidden;}
	.list-product .swiper-wrapper{display:inline;}
	.list-product .swiper-slide{padding-bottom:0px;float:left;}
	.list-product .swiper-slide:nth-child(1n){margin-top:20px !important;}
	.list-product .swiper-slide:nth-child(2n){margin-right:0 !important;}
	.news{padding:40px 0 20px;}
	.news .swiper-slide a h3{font-size:22px;padding:8px 0}
	.news .swiper-slide{padding-bottom:40px}
	.online{padding:30px 0 15px;}
	.online h2{font-size:24px;}
	.online form{max-width:80%;margin:20px auto 0;}
	.online form input{width:80%;}
	.footer{padding:30px 0}
	.footer .menu{width:95%;margin:0 2% 0 3%;}
	.footer .menu a{width:49%;margin-right:0;line-height:30px;height:30px;}
	.footer .menu a:nth-child(2n){margin-right:2%;}
	.footer .info{width:95%;margin:0 auto;text-align:center;overflow:hidden;border-top:1px solid #f2f2f2;}
	.footer .info .msn img{float:none;display:inline-block;}
	.footer .info .wx img{margin:0 auto;}
	.bottom{height:auto;line-height:30px;text-align:center;padding:10px 10px 60px 10px;}
	.bottom a img{margin:0 auto;}
	#mobtool{display:block}
	.onlineservice ul li{width: 30px;height: 30px;}
	.onlineservice ul li i{width: 30px;line-height: 29px;font-size: 14px;}
	.onlineservice ul li i.fa-mobile{font-size: 20px;}
	.onlineservice ul li span{display: none;}
	.onlineservice ul li.morelist .list a{line-height: 29px;}
	.popup-wechat img{width: 200px;}
	.onlineservice .online_list{height: 120px;}
	.onlineservice .online_comments.show,
	.onlineservice .online_top.show{height: 30px;}
	.mc_pager{padding:25px 0;}
	.news-menu{padding-bottom:15px;}
	.news-menu a{padding:0 8px;margin-left:10px;}
	.news-con{width:96%;margin:0 auto}
	.shownews .detailpage .more2{display:none;}
	.newscenter{display:none;}
	.newsnav{display:none;}
	.show-product .info .pic{display:none;}
	.show-product .info .txt{width:96%;margin:0 auto;}
	.show-product .info .txt ul li{margin-right:5px}
	.show-product .info .txt ul li:last-child{width:100px;}
	.show-product .info .txt h1{padding:40px 0 15px }
	.show-product .info .minicontent{font-size:16px;padding:10px 0;line-height:26px;}
	.show-product .t{padding:15px 10px;}
	.show-product .content{padding:0 10px;margin-bottom:20px;}
	.show-product .swiper-container{display:block;padding:10px 0;}
	.contact{padding:15px 0 30px}
	.contact .info{padding:0 2%;width:94%;}
	.contact .info div{width:85%;;padding:12px 0 0 15%;height:60px;font-size:14px;line-height:24px;word-break:break-all; }
	.contact .info div.web a img{float:left;height:22px;margin-top:15px;margin-left:10px;}
	.contact .info div.msn a img{float:left;height:22px;margin-top:12px;margin-left:8px;}
	.contact .wx img{margin:20px auto;}
	.list-about .title:before{display:none;}
	.list-about{padding:0 10px;}
	.list-about p{font-size:14px;line-height:24px;}
	.list-about-pic li{width:90%;margin:0 auto 20px;float:none;}
	.list-about-pic li span{font-size:16px;background:#fff;line-height:50px;}
	.list-about-pic li:nth-child(3n){margin:0 auto 20px;}
	.list-certificate-pic{width:94%;margin:20px auto 0;}
	.list-certificate-pic li{width:49%;margin:0 0 6px 0;}
	.list-certificate-pic li:nth-child(2n){width:49%;margin:0 0 10px 2%;}
	.list-certificate-pic li img{max-width:100%;}
	.show-product .content video{max-width:100%;height:auto !important}
}