�?******************************
*同创模板�?专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/

body{ min-width:320px;font:16px "微软雅黑","Microsoft YaHei,Arial";color:#333;line-height:24px;overflow-x: hidden;background: #fff;} .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
img.desaturate:hover { filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}
.slick-slide{outline: none;}
.slick-prev:before, .slick-next:before{display: none;}

body{background: #0F13A3   no-repeat center top;background-size: 100%;}
#header{padding:0 60px;}
.body{padding:0 60px;}
/*首页*/
.header{padding-top:15px;height:103px;}
.logo{height:88px;padding-left:0;}
.logo img{top:0;bottom:0;margin:auto;left:0;max-width: 100%;max-height: 100%;}

.nav{ padding:0;text-align: right;width:64%;}
.nav_list li{width:14.2%;float:left; height:88px;position: relative; }
.nav_list>li:first-child>a{font-weight: bold;}
.nav_list li a{display: inline-block;width:100%; height:88px;line-height:88px;text-align: center; margin:0 auto;font-size: 14px;color:#fff}
.nav_list li a:hover{color:#fff;font-weight: bold; background: url(../images/navBg.png) no-repeat center center;background-size: 100%;}
.nav_list li.current>a{color:#fff;font-weight: bold; background: url(../images/navBg.png) no-repeat center center;background-size: 100%;}

.navChild{position: absolute;top:88px;left:0;width:100%;background:  #fe7d0a;  z-index:50; padding:10px 0; display: none;}
.navChild:after{content:"";display: block;
    background: url(../images/index1_03.png) no-repeat center bottom;    background-size: cover;
    width: 100%;height:32px;position: absolute;bottom:-32px;}
.navChild li{width:100%;line-height:33px;height:33px; }
.navChild li a{line-height:33px;height:33px; padding:0 5px;width:100%;color:#fff;}
.navChild li a:hover{background: #c15d05;color:#fff;font-weight: normal;}

.menu{height:53px;  line-height:53px;padding-right:0;}
.menu img{width:25px;}

.had-rt{padding:0;line-height:88px;width:11%;}
.had-rt li{display: inline-block;width:40px;height:40px;line-height:40px;border-radius: 50%;background: #fff;text-align: center;}
.had-rt li a{color:#fe7d0a;font-size: 16px;}
.had-rt li:hover{background: #fe7d0a;}
.had-rt li:hover a{color:#fff;}
.had-rt li.en{margin:0 5px;}



.banner{width:100%;vertical-align: top;}
.banner img{max-width: 100%;margin:0  auto;}
.slick-dotted.slick-slider{margin-bottom:0;}
.banner  .slick-dots{bottom:15px;text-align: right;padding:0 25px;}
.banner .slick-dots li{height:auto;width:auto;margin:0 6px;}
.banner .slick-dots li button{background: #fe7d0a;padding:0;width:22px;height:22px;border-radius: 50%;color:#fff;font-size: 12px;}
.banner .slick-dots li button:before{display: none;}
.banner .slick-dots li.slick-active button{background: #fff218;color:#fe7d0a;}



/*侧边导航*/

.right_navBody{position: fixed;right:-100%;top:0;z-index:100;height:100%;width:100%;
    transition: all linear .5s;-webkit-transition: all linear .5s;}
.rightNavBox{ width:100%;height:100%;background: #fe7d0a;overflow-y: scroll;}
.rightNavBox .navHad{background: #fff218;padding:15px 15px 0;}
.rightNavBox .navHad a{display: inline-block;width:80%;height:40px;}
.rightNavBox .navHad a  img{position: absolute;top:0;bottom:0;margin:auto;}
.rightNavBox .navHad i{width:25px;line-height:40px;display: inline-block;}

.navContent .had-rt{  width: 100% !important;padding:0 15px;line-height:60px;}
.navContent .had-rt li{background:#fff218; }
.navContent .had-rt li a{color:#fe7d0a; }
.navContent .had-rt li:hover{  background:#fff218; }
.navContent .had-rt li:hover a{color:#fe7d0a; }
.navContent .had-rt li.en{margin:0 0 0 15px;}
.navContent .rt-nav{width:100%;text-align: center;}
.navContent .rt-nav li{position: relative;}
.navContent .rt-nav li.one-li{ line-height:45px;}
.navContent .rt-nav li.one-li a{display: block;width:100%;position: relative;z-index:20;padding:0 15px;}
.navContent .rt-nav li.one-li span{max-width:85%;height:45px;line-height:45px;display: inline-block;color:#fff218;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
.navContent .rt-nav li.one-li  img{margin-right:10px;width:25px;display: none;}
.navContent .rt-nav li.one-li a.in img{display: inline-block;}
.navContent .rt-nav li.one-li .two .two-li {line-height:  30px;}
.navContent .rt-nav li.one-li .two .two-li span{ font-size: 14px;padding-left:35px;height:35px;line-height:35px;}
.two{display: none;}
.three{display: none;}
.right_navBody.current{right:0;}



.footer{padding:15px 0;}
.footer span{font-size: 30px;color:#fff;font-weight: bold;display: block;line-height:30px;}
.footer span i{font-size: 15px;color:#fff;font-weight: normal;vertical-align: middle;
    display: inline-block;margin:-5px 3px 0;}
.footer span:after{content:"";width:185px;border-top:1px solid #fff;display: block;margin:15px  auto;}
.footer p{font-size: 14px;color:#fff;display:inline-block;margin:0 10px;}
.footer p img{margin-right:10px;vertical-align: middle;margin-top:-3px;}
.footer b{display: block;padding:5px;background: #fff;width:110px;height:100px;margin:15px auto;}

.footBot{background: rgba(000,000,000,.2);padding:12px 0;}
.link li{display: inline-block;color:#fff;font-size: 14px;}
.link li:first-child{border:none}
.link li:last-child a{border:none}
.link li a{color:#fff;font-size: 14px;height:16px;line-height:16px;padding:0 10px 0 5px;
    border-right:2px solid #fff;display: inline-block;}
.link li img{margin-right:3px;}
.link li a:hover{color:#4e2d0f;}
.copy{color:#fff;font-size: 14px;}
.copy a{color:#fff;font-size: 14px;}
.copy a:hover{color:#4e2d0f;}

.rtMa{position: fixed;top:40%;right:7%;text-align: center;z-index:50;}
.rtMa dl  dt{border:1px solid #ddd;padding:8px;background: #fff;width:140px;height:140px;line-height:120px;}
.rtMa dl dd{line-height:30px;}
.rtMa dl dd span{color:#fe7d0a;display: inline-block;width:60px;margin:0 auto;height:30px;overflow: hidden;vertical-align: middle;}
.rtMa dl dd:before{content:"";display: inline-block;border-top:1px solid #fe7d0a;width:35px;}
.rtMa dl dd:after{content:"";display: inline-block;border-top:1px solid #fe7d0a;width:35px;}



.main{margin-top:30px;background: #fff url(../images/bg3.png) no-repeat center bottom;
    background-size: 100%;min-height:500px;padding-bottom:100px;}
.m-title{padding:66px 0 45px;}
.m-title h3{display: inline-block;color:#fe7d0a;font: 55px "华康海报体W12(P)";}
.m-title h3 i{color:#fe7d0a; }
.m-title a{display: inline-block;vertical-align: middle;}
.m-title span{color:#fe7d0a;font-size:14px;display: block;letter-spacing: 10px;margin-top:5px;}


.m-about:before{content:"";display: block;width:200px;height:250px;position: absolute;
    right:-8px;top:95px;transform: rotate(48deg);-webkit-transform: rotate(48deg);}
.m-about:after{content:"";display: block;width:200px;height:250px;position: absolute;
    left:122px;bottom:-100px;transform: rotate(48deg);-webkit-transform: rotate(48deg);}
.m-about .container{z-index:10;}
.m-aboutCont dl{background:url(../images/bg.png);border:1px solid #0F13A3;overflow: hidden;}
.m-aboutCont dl dt{text-align: center;padding:0px;}
.m-aboutCont dl dd {padding:20px;}
.m-aboutCont dl dd h3{border:1px solid #fff;color:#fff;font-size: 32px;width:62px;height:auto;padding:20px 0;
display: inline-block;text-align: center;position: absolute;left:20px;}
.m-aboutCont dl dd p{color:#fff;line-height:30px; padding-right:0px;
    display: inline-block;padding-left:80px;height:265px;overflow: hidden;}
.m-aboutCont dl dd div{margin-top:20px;}
.m-aboutCont dl dd div a{color:#fff; }


.m-hotSelling{padding-bottom:95px;}
.hotImg{text-align: center;}
.hotSellingSlide  .slick-prev,.hotSellingSlide .slick-next{width:86px;height:108px;z-index:20;margin-top:-20px;}
.hotSellingSlide  .slick-prev{background: url(../images/prev-on.png) no-repeat center center;left:-90px;}
.hotSellingSlide  .slick-prev.slick-disabled{background: url(../images/prev.png) no-repeat center center;}
.hotSellingSlide  .slick-next{background: url(../images/next-on.png) no-repeat center center;right:-90px;}
.hotSellingSlide  .slick-next.slick-disabled{background: url(../images/next.png) no-repeat center center;}
.hotImg{padding:0 30px;}
.hotImg pic img{background: url(../images/bg2.png) no-repeat center center;background-size: 100% 100%;
    padding:25px;overflow: hidden;}
.hotImg .title{background: url(../images/icon3.png) no-repeat center center;margin-top:15px;}
.hotImg .title a{color:#fe7d0a;font-weight: bold;display: inline-block;width:96px;
    height:24px;line-height:24px;overflow: hidden;margin:0 auto;vertical-align: middle;}
.hotImg img{max-height: 100%;max-width: 100%;margin:0 auto}

.m-proTitle{padding:100px 0 45px;position: relative;}
.m-proTitle:before{content:"";display: block;width:100%;border-top:1px solid #fe7d0a;
    position: absolute;top:130px;left:0;}
.m-proTitle a{display: table;padding:0 10px;margin:0 auto;background:#FFF;position: relative;z-index:10;}
.m-proTitle a h3{ padding:5px 15px;border:1px solid #fe7d0a;}

.m-proList{}
.m-proList li{position: relative;overflow: hidden;}
.m-proList li img{max-width: 100%;max-height: 100%;}
.m-proList li .pic{position: relative;}
.m-proList li .title{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(254,125,10,.7);text-align: center;display: none;}

.m-proList li.threePro{position: absolute;bottom:0;left:0;}
.m-proList li.threePro,.m-proList li.onePro{padding:0;}
.m-proList li.onePro{margin-bottom:15px;}
.m-proList li.twoPro{padding:0 0 0 15px;margin-bottom:15px;}
.m-proList li.fourPro,.m-proList li.fivePro{padding:0 0 0 15px;}

.m-proList li .title a{border:1px solid #e7e6e6;width:60px; height:150px;text-align:center; color:#fff;font-size: 20px;display: inline-block;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.m-proList li .title a span{color:#fff;font-size: 20px;display: table;width:30px;overflow: hidden;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.m-proList li .title a:before{content:"";display: inline-block;height:30px;border-right:1px solid #e7e6e6;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;top:-37px;}
.m-proList li .title a:after{content:"";display: inline-block;height:30px;border-right:1px solid #e7e6e6;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;bottom:-37px;}


.mNewsList li{width:46%;float:left;position: relative; }
.mNewsList li:nth-child(2n){padding-right:0;float:right;}
.mNewsList li dl dt{background: url(../images/icon4.png) no-repeat center center;padding:0;
    background-size: 100% 100%;width:117px;height:117px;position: absolute;left:0;top:0;text-align: center;}
.mNewsList li dl dd{  display: block;padding-left:140px;margin-top:70px;}
.mNewsList li dl dd a{background: #e4e4e4;border-radius: 20px;display: block;padding:15px 20px;}
.mNewsList li dl dt b{color:#fff;font:35px "Arial";display: inline-block;vertical-align: top;position: absolute;}
.mNewsList li dl dt b:first-child{ left:15px;top:20px;}
.mNewsList li dl dt b:last-child{ right:22px;bottom:20px;}
.mNewsList li dl dt i{display: inline-block;border-left:1px solid #fff;height:88px;transform: rotate(38deg);-webkit-transform: rotate(38deg);margin-top:12px;}

.mNewsList li dl dd h3{color:#505050;font-size: 16px;line-height:24px;height:24px;overflow: hidden;font-weight: bold;}
.mNewsList li dl dd b{display: block;width:40px;border-top:2px solid #505050;margin:10px 0 15px;}
.mNewsList li dl dd p{font-size: 14px;line-height:24px;height:48px;overflow: hidden;color:#505050;}

.mNewsList li dl:hover dd a{background: #0F13A3;}
.mNewsList li dl:hover dd h3{color:#fff;}
.mNewsList li dl:hover dd p{color:#fff;}
.mNewsList li dl:hover dd b{border-color:#fff;}

.m-newsCont .mNewsList{ padding-bottom:45px;}
.m-newsCont .swiper-pagination{ margin-top:25px;}
.m-newsCont .swiper-pagination span{display: inline-block;width:8px;height:8px;border-radius: 50%;background: #38b989;
    color:transparent;margin:0 10px;opacity: 1;}
.m-newsCont .swiper-pagination span.wiper-pagination-bullet-active{background: #fe7d0a;}

/*.newsContMob .slick-dots{text-align: center;margin-top:20px;}*/
/*.newsContMob .slick-dots li{width:8px;height:8px;border-radius: 50%;background: #38b989;float:none;}*/
/*.newsContMob .slick-dots li button{display: none;}*/
/*.newsContMob .slick-dots li.slick-active{background: #fe7d0a;}*/

/*内页*/
.detBan{height:430px;position: relative;}
.detBan img{position: absolute;top:0;left:50%;transform: translate(-50%);-webkit-transform: translate(-50%);height:430px;}
 .detBanName{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(000,000,000,.4);text-align: center;}
 .detBanName a{display: block;width:325px;height:325px;border-radius: 50%;background: rgba(255,242,24,.6);overflow: hidden;padding:10px;
     position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
 .detBanName a span{border: 1px dashed #fff;width:100%;height:100%;display: block;border-radius: 50%;line-height:60px;}
.detBanName a span b{color:#fff;font: 70px "华康海报体W12(P)";
    position: absolute;top:0;left:0;bottom:0;right:0;
    margin:auto;height:200px;}
.proBan a{background: rgba(254,125,10,.6);}
.newBan a{background: rgba(56,185,137,.6);}


.pos{line-height:40px; }
.pos ul li{display: inline-block;color:#fff;font-size: 14px;}
.pos ul li a{display: inline-block;color:#fff;font-size: 14px;}
.pos ul li img{margin:0 5px 0 0;vertical-align: middle;margin-top:-5px;}
.pos ul li:last-child a{text-decoration: underline;}
.pos ul li a:hover{text-decoration: underline;}
.det-main{margin-top:0;padding-top:60px;}

.detNav{padding:0 3px;}
.detNav li{border:1px solid #bfbfbf;text-align:center;max-width:250px;margin:0 20px 10px;
    position: relative;vertical-align: top;display: inline-block;border-radius: 30px; }
.detNav li img{position: absolute;left:20px;top:15px;display: none;}
.detNav li a{color:#666;height:56px;line-height:56px;padding:0 55px;display: block;overflow: hidden;}
.detNav li ul{ position: absolute;top:56px;left:0; padding-bottom:17px;width:100%;display: none;
    background: #fe7d0a;border-radius:  0 0 20px 20px;z-index:20; }
.detNav li ul li{width:100%; display: block;border:none;margin:0;}
.detNav li ul li  a{color:#fff;font-size: 14px;height:40px;line-height:40px;}
.detNav>li.box-on {border:none;background: #fe7d0a;border-radius: 20px 20px 0 0 ; }
.detNav>li.box-on a{color:#fff;}
.detNav>li.box-on img{display: inline-block;}
.detNav>li:hover>a{color:#fff;}
.detNav>li:hover img{display: inline-block;}
.detNav>li:hover {background: #fe7d0a;border-color:#fe7d0a;}
.detNav li ul li a.box-on{background: #d1690d; }
.detNav>li>ul>li>a:hover{background: #d1690d; }
.detNav li ul li ul{position: absolute;top:0;left:100%; background: #d1690d;
    border-radius: 0 0 20px 20px;display: none;padding-bottom:5px;width:100%;}
.detNav li ul li ul li { width:100%;}
.detNav li ul li ul li  a{ font-size: 12px;padding:0 30px;}

.det-txt{font-size: 14px;color:#666;line-height:30px;padding:20px 0;}
.det-txt img{max-width: 100%;}
.detComm{padding-top:20px;}

.list-img{width:101%;}
.list-img .hotImg{display: inline-block;width:30%;margin-right:4%;padding:0;margin-bottom:40px;}
.list-img .hotImg:nth-child(3n){margin-right:0;}


.page{text-align: center;padding:20px 0}
.page li{display: inline-block;margin:0 8px 5px;vertical-align: top;}
.page li  i{display: inline-block;width:20px;height:26px;vertical-align: middle;
    margin-top: 4px;}
.page li.page-prev i{background:url(../images/detPrev.png) no-repeat center center;}
.page li.page-prev:hover i{background:url(../images/detPrev-on.png) no-repeat center center;}
.page li.page-next i{background:url(../images/detNext.png) no-repeat center center;}
.page li.page-next:hover i{background:url(../images/detNext-on.png) no-repeat center center;}
.page li a{display: inline-block;width:32px;height:32px;color:#fff;font-size: 14px;text-align: center;line-height:35px;
    background: url(../images/pageBg.png) no-repeat center center;}
.page li a:hover{background: url(../images/pageBg-on.png) no-repeat center center;}
.page li.current a{background: url(../images/pageBg-on.png) no-repeat center center;}
.page li.page-next a{background: none;}
.page li.page-prev a{background: none;}

/*分页*/
.wp-pagenavi {CLEAR: both}
.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}

.list-imgT dl{width:48%;float:left;background: #e4e4e4;border-radius: 20px;overflow: hidden;position: relative;margin-bottom:50px;}
.list-imgT dl:nth-child(2n){float:right;}
.list-imgT dl dt{width:170px;position: absolute;left:0;top:0;}
.list-imgT dl dt img{max-width: 100%;max-height: 100%;}
.list-imgT dl dd{padding:20px 20px  20px 185px;}
.list-imgT dl dd h3 a{display: block;font-weight: bold;font-size: 16px;line-height:24px;height:24px;overflow: hidden;}
.list-imgT dl dd span{display: block;font-size: 12px;line-height:24px;height:24px;overflow: hidden;}
.list-imgT dl dd p{display: block;font-size: 14px;height:48px;line-height:24px;overflow: hidden;}
.list-imgT dl dd b{display: block;width:40px;border-top:3px solid #333;margin:10px 0 8px;}
.list-imgT dl:hover{background: #fe7d0a;}
.list-imgT dl:hover dd h3 a{color:#fff;}
.list-imgT dl:hover dd span{color:#fff;}
.list-imgT dl:hover dd p{color:#fff;}
.list-imgT dl:hover dd b{border-color:#fff;}


.newsCont{padding:0 0 15px;text-align: center;border-bottom:1px solid #ebebeb;}
.newsCont h3{font-size: 30px; color:#fe7d0a;line-height: 30px;margin-bottom:10px;}
.newsCont span{font-size: 14px; color:#999;line-height: 30px;}

.share{text-align: right;padding:10px 0;width:40%;}
.page-ul{padding:10px 0;position: relative;border-top:1px solid #ebebeb;}
.page-ul ul{ width:50%;display: inline-block;}
.page-ul ul li a{display: block;line-height:30px;height:30px;overflow: hidden;color:#808080;font-size: 14px;}
.page-ul ul li a:hover{color:#fe7d0a;}

.proContName{font-size: 22px;font-weight: bold;margin:0 0 20px;text-align: center;color:#fe7d0a;}
.proContSlider{max-width:655px;margin:0 auto;position: relative;}
.proContSlider img{max-width: 100%;max-height: 100%;margin:0 auto}
.proContSlider .pro-pic{border-radius: 10px;overflow: hidden;}
.proContSlider .slider-nav{padding:15px 30px;background: rgba(254,125,10,.7);
    position: absolute;bottom:0;left:0;width:100%;border-radius:0 0 10px 10px;overflow: hidden;}
.proContSlider .slider-nav .pro-nav{padding:0 20px;}
.proContSlider .slider-for .slick-prev,.proContSlider .slider-for .slick-next{width:76px;height:96px;}
.proContSlider .slider-for .slick-prev{background: url(../images/prev-on.png) no-repeat center center;background-size: 76px 96px;left:-100px;}
.proContSlider .slider-for .slick-next{background: url(../images/next-on.png) no-repeat center center;background-size: 76px 96px;right:-100px;}
.proContSlider .slider-for .slick-next.slick-disabled{background: url(../images/pro1_05.png) no-repeat center center;background-size: 76px 96px;}
.proContSlider .slider-for .slick-prev.slick-disabled{background: url(../images/pro1_03.png) no-repeat center center;background-size: 76px 96px;}

.proContTitle{    border-bottom: 1px solid #ebebeb;height:31px;margin-top:50px;}
.proContTitle span{padding:8px 25px;border-radius: 10px 10px 0 0;background:#fe7d0a;color:#fff;text-align: center; vertical-align: bottom;}








@media (min-width:768px){
    .container{width: 721px;}
}

@media (min-width:992px){
    .container{width: 871px;}
}
@media (min-width:1200px){
    .container{width: 1080px;}

}
@media (min-width:1324px){
    .container{width: 1200px;}

}
@media (max-width:1475px){
    .hotSellingSlide{padding:0 90px;}
    .hotSellingSlide  .slick-prev{left:0;}
    .hotSellingSlide  .slick-next{right:0;}
}
@media (max-width:1324px){
    .m-aboutCont dl dd{padding:45px 35px;}
    .hotImg .title{background-size: 100% }
}
@media (max-width:1200px){
    .m-aboutCont dl dd{padding:34px;}
    .m-aboutCont dl dd h3{width:45px;font-size: 24px;}
    .m-aboutCont dl dd p{height:210px;padding-right:0;}
    .m-aboutCont dl dd div{margin-top:7px;}

}
@media (max-width:992px){
    .had-rt{width:13%;}
    .had-rt li {width:35px;height:35px;line-height:35px;}
    .nav{width: 62%;}
    .nav li a{font-size: 12px;}
    .body{padding:0 15px;}
    #header{padding:0;}
    .header{padding:10px 15px;}

    .m-aboutCont dl dd{padding:14px;}

    .m-about:before{display: none;}
    .m-about:after{display: none;}

    .mNewsList li{width:100%;margin-bottom:10px;}
    .mNewsList li dl dt{width:90px;height:90px;}
    .mNewsList li dl dt b{font-size:25px;}
    .mNewsList li dl dt b:first-child{left:15px;}
    .mNewsList li dl dt b:last-child{right:17px;bottom:16px;}
    .mNewsList li dl dt i{height:68px;}
    .mNewsList li dl dd{padding-left:100px;margin-top:60px;}

    .list-imgT dl{width:100%;float:none;}

    .proContSlider{width:85%;}
    .proContSlider .slider-for .slick-prev,.proContSlider .slider-for .slick-next{width:32px;height:45px;}
    .proContSlider .slider-for .slick-prev{background-size: 32px 45px;left:-40px;}
    .proContSlider .slider-for .slick-next{background-size: 32px 45px;right:-40px;}
    .proContSlider .slider-for .slick-next.slick-disabled{background-size: 32px 45px;}
    .proContSlider .slider-for .slick-prev.slick-disabled{background-size: 32px 45px;}

}
@media (max-width:767px){

    .header{height:73px;}
    .logo{height:53px;}
    .banner  .slick-slide{overflow: hidden;}
    .banner img{max-width: 150%; width:150%;margin-left:-25%;}

    .bigImg{overflow: hidden;}
    .bigImg img{max-width: 140%;margin-left:-20%;}

    .footBot{text-align: center;}
    .footer p{margin-bottom:15px;}
    .footer p em{margin: 0 8px;}
    .footer span{font-size: 24px;}
    .link{float:none;}
    .copy{float:none;text-align: center;}

    .main{margin:20px 0 0;padding-bottom:50px;}
    .m-title{padding:25px 0;}
    .m-title img{width:60px;}
    .m-title h3{font: 25px "华康海报体W12(P)"}
    .m-title span{font-size: 12px;margin-top:0;}

    .m-aboutCont dl{padding:0;border:none;}
    .m-aboutCont dl dd{padding:25px 15px;}
    .m-aboutCont dl dd h3{left:20px;}
    .m-aboutCont dl dd p{padding-left:65px;height:180px;}
    .m-aboutCont dl dd h3{width:40px;font-size: 20px;}


    .hotImg{padding:0 10px;}
    .hotImg .pic img{padding:20px;}
    .hotSellingSlide  .slick-prev,.hotSellingSlide .slick-next{width:40px;height:50px;z-index:20;}
    .hotSellingSlide  .slick-prev{background-size:40px 50px;}
    .hotSellingSlide  .slick-prev.slick-disabled{background-size:40px 50px;}
    .hotSellingSlide  .slick-next{background-size:40px 50px;}
    .hotSellingSlide  .slick-next.slick-disabled{background-size:40px 50px;}
    .hotSellingSlide{padding: 0 40px;}
    .m-hotSelling{padding-bottom:50px;}

    .m-proTitle{padding:50px 0 30px;}
    .m-proTitle:before{top:68px;}

    .m-proList li.threePro{height:38.8%;}
    .m-proList li.twoPro{padding-left:2%;margin-bottom:2%;}
    .m-proList li.fourPro, .m-proList li.fivePro{padding-left:2%;}

    .detBanName a span b{ font: 35px "华康海报体W12(P)"; height:70px;}
    .detBan{height:210px;}
    .detBan img{height:210px;}
    .detBanName a{width:160px;height:160px;}

    .det-main{margin-top:0;padding-top:20px;}

    .detMobTitle{margin-bottom:10px;}
    .detMobTitle span{color:#fe7d0a;font-size: 16px;width:50%;height:24px;line-height:24px;display: inline-block;}
    .detMobTitle a{display: inline-block;padding:0 10px;height:24px;line-height:24px;color:#fff;background: #fe7d0a;font-size: 16px;}
    .detMobTitle a i{display: inline-block;border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;vertical-align: middle;}
    .detMobTitle a.on i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}


    .detNav{background: #fe7d0a;border-radius: 20px;text-align: left;padding:10px 20px;display: none;margin-bottom:20px;}
    .detNav img{display: none;}
    .detNav li:hover img{display: none;}
    .detNav li.box-on img{display: none;}
    .detNav li{width:100%;max-width: 100%;border:none;}
    .detNav li a{padding:0;text-align: left;color:#fff;line-height:35px;height:35px;}
    .detNav li ul{position: static;padding-bottom:0;}
    .detNav li ul li a:hover{background: none;}
    .detNav li ul li a.box-on{background: none;}
    .detNav li ul li a{padding-left:30px;font-size: 16px;line-height:35px;height:35px;}
    .detNav li ul li ul{position: static;background: none;}
    .detNav li ul li ul li{max-width: 100%;}
    .detNav li ul li ul li a{font-size: 16px;padding:0 0 0 60px;}
    .list-img{ width:100%;}
    .detComm{padding-top:0; }
    .list-img .hotImg{width:100%;margin-right:0;}
    .hotImg .title{background-size: auto;}

    .list-imgT dl dd p{height:24px;}
    .list-imgT dl dd {padding:10px 10px 10px 135px;}
    .list-imgT dl dt{width:120px;}
    .list-imgT dl{margin-bottom:25px;}

    .page-ul ul{width:100%;}
    .newsCont h3{font-size: 25px;}

    .proContSlider .slider-nav{padding:15px;}
    .proContSlider .slider-nav .pro-nav{padding:0 6px;}
}

@media (max-width:480px){
    .footer p em{display: block;margin-bottom:15px;}

    .proContSlider .slider-nav{padding:8px;}
}

@media (max-width:380px){
    .hotImg .title{background-size: 100%;}
}

@media (min-width:767px){
    .m-proList li:hover .title{display: block;}
    .detNav{display: block!important;}
}