html,body{height:100%;position:relative;font-family:"arial";}
.abl{position:absolute;z-index:2;width:100%;}

/*自定义滚动条*/
::-webkit-scrollbar{width:8px;
height:5px;}
::-webkit-scrollbar-thumb{border-radius:100px;
-webkit-box-shadow:inset 0 0 5px rgba(183,195,207,0.2);
background:#ccc;}
/*滚动条里面轨道样式*/
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
border-radius:0;
background:rgba(221,226,231,0.5);}

/* header */
.header{background:#cd202c;color:#fff;padding:6px 0;}
.header .topsou{text-align:right;padding:5px 0 5px 0;overflow:hidden;}
.header .topsou .sou{float:right;max-width:160px;height:25px;line-height:25px;border:1px solid #fff;border-radius:15px;float:right;}
.header .topsou .sou input{height:25px;border:0;font-size:14px}
.header .topsou .sou button{height:25px;border:0;padding:0 5px;background:none;border:0;float:right;margin:-3px 5px 0 0;outline:0;}
.header .topsou .lang{float:right;margin:0 25px 0 30px;}
.header .lang a{color:#fff;padding:0 8px;}
.header .lang a img{vertical-align:middle;margin:-2px 5px 0 0}
.nav>li>a{padding:.5em 1.5em;color:#fff;margin:0 5px;}
.header .navbar{padding:0;margin-bottom:-6px}
.navbar.navbar-show>.navbar-body{margin-left:3%}
.nav.nav-switch{margin-top:-10px}
.header .navbar-body{background:rgba(205,32,44,0.7);}

.swiper-container {width: 100%;height: 100%;}
.slide{position:absolute;top:0;width:100%;height:100%;z-index:1;}
.slide .swiper-wrapper{width:100%;height:100%;}
.swiper-slide{width:100%;height:100%;position:relative;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}
.slide .swiper-pagination{bottom:13%!important;}
.slide .swiper-pagination-bullet{width:20px!important;height:20px!important;background:#fff;opacity:1;margin:0 8px!important;outline:0;}
.slide .swiper-pagination-bullet-active{background:#ab1721;}
/* bottom */
ul li{list-style-type:none;}
.bottom{background:rgba(0,0,0,0.9);color:#fff;bottom:0;z-index:1;padding:10px 0;}
.bottom .copyright{line-height:28px;font-size:16px;padding-left:8%;}
.toplang{text-align:right;padding:9px 0;color:#fff;font-size:14px;}
.toplang a{padding:0 2px;color:#fff}
/* 客服 */
.kefu{position:fixed;right:10%;z-index:22;bottom:30%;width:42px}
.kefu li{float:left;margin:2px 0}
.kefu li:hover img{opacity:0.7;}
/* main */
.main{clear:both;}
ul{padding:0;margin:0;}
.main .layout{padding:0 20px;}
.main .sidemenu{width:100%;background:#f5f5f5;padding-bottom:30px}
#Left{background:#f5f5f5}
.main .sidemenu h3{background:#d02b37;color:#fff;font-size:24px;text-align:center;padding:15px 0;margin-bottom:0px}
.main .sidemenu h3 a{color:#fff;font-size:18px;}
.sidemenu ul li{padding:15px 5px;line-height:30px;font-size:16px;background:url(../img/dbx.png) repeat-x bottom center;}
.sidemenu ul li a{background:url(../img/i_jt1.png) no-repeat 15px center;padding-left:45px;}
.sidemenu ul li ul{background:url(../img/dbx.png) repeat-x top center;margin-top:10px;padding:10px 0 0 0}
.sidemenu ul li ul li{height:35px;line-height:35px;overflow:hidden;padding:0;font-size:16px;padding-left:45px;background:none;}
.sidemenu ul li ul li a{background:none;padding-left:0;}
.sidemenu ul li ul li.cur{background:#efd7d9;border-radius:5px;}
/* rbox */
.main .weizhi{border-bottom:1px solid #edeef0;padding:6px 0}
.main .weizhi img{vertical-align:middle;margin-right:5px;float:left;margin:-1px 5px 0 0}
.rbox{padding-left:15px}
.bot2{background:#515151;clear:both;}
/* prolist */
.prolist ul{margin:10px -10px}
.prolist li .box{margin:10px;}
.prolist li  .title{text-align:center;height:35px;line-height:35px;overflow:hidden;text-transform:uppercase}
.pic{overflow:hidden;border:1px solid #edeef0}
.pic img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;width:100%;}
.pic:hover img{webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);}
/* pages */
.pages{clear:both;padding:30px 0;text-align:center;}

.pages li {display:inline-block;vertical-align:middle;margin:0 4px;}
.pages li a{display:block;padding:4px 12px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;font-size:14px;color:#333}
.pages li:hover a,.pages li.active a{background:#f8dfe1;border-color:#f8dfe1;}
/* show_product */
.info{clear:both}
.info .title{text-align:center;padding:25px 0 5px 0;font-size:24px;text-transform:uppercase}
p{margin:0;}
.info .cpimg{max-width:650px;margin:20px auto;}
.info .order{padding:15px 0;text-align:center;}
.info .order a{padding:11px 45px;background:#d02b37;color:#fff;border-radius:8px;}
.info .order a:hover{background:#c71723;}
.info .xqjs{padding:15px 0 30px 0;line-height:28px;color:#333;text-align:justify;}
.nyslide{position:relative;display:none;}
.nyslide .slide_txt{position:absolute;top:10%;z-index:2;font-style:italic;color:#444;width:100%;text-align:right;}
.nyslide .slide_txt .t1{font-size:45px}
.nyslide .slide_txt .t2{font-size:60px;margin-top:-5px}
.ehit{margin:10px -20px}
.ehit li{width:31.333%;float:left;margin:15px 1%;}
/* formbox */
.formbox .xgcp{padding:15px 0;}
.formbox .xgcp .cpt{max-width:430px;margin:0 auto;}
.form .input-group>label{margin-top:3px;}
.form .input-group>label font{color:red;}
.formbox .form-button{text-align:center;padding:15px 0 35px 0;}
.formbox .form-button button{background:#d02b37;color:#fff;width:120px;height:40px;line-height:40px;padding:0;border-radius:10px!important;margin:0 10px}
.formbox .form-button button:hover{opacity:0.8;}
/* contact */
.contbox{clear:both;padding:25px 10px;position:relative;}
.contbox .name{font-size:30px;color:#d02b37}
.contbox .lx_t1{font-size:20px;padding:10px 0;}
.contbox ul li{margin:15px 0;}
.contbox ul li img{vertical-align:middle;margin-right:6px;}
.contbox .add{position:absolute;bottom:5%;z-index:1;right:20%}
.maps{margin:10px 0 30px 0}
.lxs li:hover a,.lxs li.cur a{color:#d02b37}
.main{padding-top:15px;}
.nav-switch{display:none!important;}

@media screen and (min-width:1000px) {
.nav>li:hover a,.nav>li.cur a{background:#ab1721;border-radius:10px 10px 0 0;color:#fff}	
.header .navbar-logo{margin-top:-35px}
.sidemenu{max-width:350px;min-height:830px}
.sidemenu li:last-child{background:none}
.main .layout{height:100%}
.rbox{padding-left:25px}
.formbox{max-width:1160px;}
.formbox .xgcp{padding:25px 0;}
.formbox .xgcp .cpt{max-width:430px;margin:0 auto;}
.form .input-group>label{width:260px;float:left;text-align:right;margin-top:3px;}
.form .input-group>label font{color:red;}
.form .input-group>.input-block{padding-left:270px;}
.maps{max-width:1300px;}
.prolist li{width:20%!important;}

}
@media screen and (min-width:1000px) and (max-width:1368px){
.prolist li .pic{height:95px;text-align:center;}
#Left{width:21%!important}
#Right{width:79%!important}
.prolist li .pic img{width:initial!important;height:100%!important}
}
@media screen and (min-width:1369px) and (max-width:1600px){
.prolist li .pic{height:145px}
#Left{width:21%!important}
#Right{width:79%!important}
}
@media screen and (min-width:750px) {
#down{display:block!important}
}
@media screen and (max-width:750px) {
img{max-width:100%;}
.container{padding-left:10px!important;padding-right:10px!important}
.bottom .mbot{font-size:12px;line-height:26px;text-align:center;}
.navbar-logo img{max-width:75%;}
.header .container{padding-left:0!important;padding-right:0!important}
.nav.nav-switch{margin-right:10px}
.header .toplang{padding-right:10px;padding:0 10px 5px 10px}
.header .topsou .lang a img{display:none;}
.header .navbar-logo{margin:-30px 0 5px 10px}
.header .navbar .navbar-body{margin:0 -40px 0 0}
.slide .bg1{background-image:url(../img/m1.jpg);}
.slide .bg2{background-image:url(../img/m2.jpg);}
.slide .bg3{background-image:url(../img/m3.jpg);}
#Left{height:initial!important}
.main .layout{padding:0 10px}
.main .rbox{padding-left:0;}
.main .sidemenu{display:none!important;}
.main  .cp .sidemenu{display:block!important;}
.nyslide .slide_txt{position:absolute;top:18%;z-index:1;font-style:italic;color:#444;width:100%;text-align:right;}
.nyslide .slide_txt .t1{font-size:20px}
.nyslide .slide_txt .t2{font-size:25px;margin-top:-5px}
.ehit{margin:10px -10px}
.ehit li .pic{margin:10px 15px;}
.form-x .input-group>label, .form-x fieldset>.input-group>label{width:100%;float:left;}
.slide .swiper-pagination-bullet{width:15px!important;height:15px!important}
.weizhi{margin-top:10px;}
.formbox .xgcp .cpt{max-width:280px;margin:20px auto;}
.contbox .name{font-size:20px;color:#d02b37}
.contbox .lx_t1{font-size:18px;}
.contbox ul li{margin:10px 0;}
.contbox ul li img{width:25px;}
.contbox .add{position:initial;}
  .bottom .container{padding-left:5px!important;padding-right:5px!important}
#dituContent img{max-width:initial;}
.nav-switch{display:flex!important;}
.main .sidemenu{padding-bottom:0}
.main .sidemenu ul{padding-bottom:10px;overflow:hidden;}
.main .sidemenu h3{text-align:left;padding:15px 10px;font-weight:normal;font-size: 18px!important;}
.main .sidemenu h3 a{color:#fff;font-size:22px;float:right;margin-top:3px;}

.sidemenu ul li{padding:10px 5px;line-height:25px;font-size:16px;}
.sidemenu ul li a{padding-left:40px;background-size: 12px;}
.sidemenu ul li ul{margin-top:10px;padding:10px 0 0 0}
.sidemenu ul li ul li{height:25px;line-height:25px;overflow:hidden;padding:0;font-size:14px;padding-left:30px;background:none;}
.weizhi{display:none;}
.lxs{padding-bottom:0!important;background:none!important;}
.lxs li{width:46%;float:left;background:#fff!important;border:1px solid #ddd;text-align:center;margin:10px 2%;border-radius:5px;}
.lxs li.cur{background:#c74e56!important}
.lxs li.cur a{color:#fff}
.lxs li a{background:none!important;padding:0!important;display:block}
.contbox h1{font-size:20px!important;line-height:24px;}
}