@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

*{margin:0;padding:0;}
body{background:#fff; font-size:12px;line-height:22px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header.act{position:fixed;left:0;top:0;z-index:100;animation:searchTop 0.5s ease-in-out}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}

header{position:relative;width:100%;border-top:1px solid #6b2f13;}
.header-main{display:flex;justify-content:space-between;align-items:center;}
.logo{ width:122px;margin:16px 0 16px 80px;}
.logo img{ max-width:100%; display:block;}
.wx{ width:122px;margin:16px 0 16px 50px; color:#fff; background:#45aa30;}
.wx img{ width:100%;}
.wxbox{ position: absolute; left: 40%; right:10%; margin:auto; top: 90px; z-index:9999999; display:none; background:#fbfbfb;}
.wxbox .ewm-box{ text-align:center; display:block; margin:12px auto;}
.wxbox .ewm-box img{ max-width: 160px; padding-bottom:12px;}

.header-right .tel{background:url(../images/tel.png) no-repeat left center;padding-left:25px;font-size:16px;color:#131313;line-height:30px;float:right;}
.header-right{width:875px;}
.nav-ul {display: flex;width:100%;}
.nav-ul li {position:relative;width:16.66%;}
.nav-ul li .nav_a {display:block;font-size:16px;color:#000;text-align:center;line-height:130px;border-left:1px solid #dcdcdc;}
.nav-ul li .nav_a:last-child{border-right:1px solid #dcdcdc;}
.nav-ul li:hover .nav_a, .nav-ul li .nav_a.active {color: #6b2f13;}
.nav-ul .sub_ul {display: none;width: 100%;position: absolute; padding:0;z-index:999;background:rgba(255,255,255,0.8);width:100%;box-shadow:0 0 10px #333;}
.nav-ul .sub_ul li{width:100%;padding:5px;}
.nav-ul .sub_ul li .nav_a2{font-size:12px;line-height:30px;text-align: center;color:#000;display:block;}
.nav-ul li .nav_a2:hover, .nav-ul li .nav_a2.on {background: #6b2f13;color: #fff;}

/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px; border:3px solid #6b2f13; border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;}
.icon-menu .span01 { width:18px;height:3px;background:#6b2f13;border-radius:5px; display:block;}
.icon-menu .span02 { width:18px;height:3px;background:#6b2f13;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:18px;height:3px;background:#6b2f13;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}
.sjnav{ width:115px; height:280px; position:absolute;right:0%; top:161px;z-index:9999;background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjnav ul{ padding:0; margin:0;}
.sjnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjnav li a{display:block;line-height:40px;  font-size:15px; color:#fff;}
.sjnav li a:hover{background:#333; color:#fd5573;}
.sjnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{}
.ban-img { padding-top:32%;}
/*.swiper-pagination-bullet{width:15px;height:15px;}
.swiper-pagination-bullet-active{background:#fd5573}*/
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

.title{text-align:center;color:#000;}
.title .t1{line-height:74px;font-size:36px;font-family:"Arial";text-transform:uppercase;}
.title .t2{line-height:56px;font-size:20px;position:relative;}
.title .t2:before{content:"";width:140px;height:1px;background:#6b2f13;position:absolute;left:50%;top:0;transform:translate(-50%,0);}

.service{margin:30px 0 0 0;}
.service ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 0 0 0;}
.service ul li{width:49%;display:flex;}
.service ul li .pic{width:307px;position:relative;overflow:hidden;margin-right:30px;}
.service ul li .pic .service-img{padding-top:100%;}
.service ul li .pic .number{font-size:30px;color:#fff;position:absolute;left:10px;top:10px;}
.service ul li .txt{width:calc(100% - 337px);text-align:center;display:flex;flex-wrap:wrap;align-content:space-around;padding:20px 0;}
.service ul li .txt div{width:100%;color:#535353;}
.service ul li .txt .t1{font-size:24px;padding-bottom:25px;position:relative;}
.service ul li .txt .t1:before{width:135px;height:1px;background:#dcdcdc;position:absolute;left:50%;bottom:0;transform:translate(-50%,0);content:"";}
.service ul li .txt .t2{font-size:18px;}
.service ul li .txt .t3{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.service ul li .txt a{display:block;width:100px;line-height:30px;border:1px solid #dcdcdc;text-align:center;font-size:14px;color:#535353;margin:0 auto;transition:0.5s;}
.service ul li:hover .img_cover{transform:scale(1.1);}
.service ul li:hover .txt a{background:#6b2f13;color:#fff;}

.about{margin:75px 0 0 0;padding:35px 0 50px 0;background:url(../images/bj.jpg) no-repeat 50% 50%;background-size:cover;}
.about-main{position:relative;margin:70px 0 0 0;}
.about-main .pic{border:6px solid #fff;border-radius:5px;position:relative;width:640px;}
.about-main .pic .about-img{padding-top:69%;}
.about-main .txt-box{position:absolute;right:0;top:50%;transform:translate(0,-50%);width:52%;}
.about-main .txt{background:#f7941d;color:#fff;padding:25px;}
.about-main .txt .t1{font-size:16px;line-height:28px;}
.about-main .txt a{display:block;width:100px;line-height:28px;text-align:center;border:1px solid #fff;font-size:14px;color:#fff;margin-top:23px;transition:0.5s;}
.about-main:hover .txt a{background:#6b2f13;color:#fff;}

.case{margin:40px 0 0 0;}
.swiper-case{margin:28px 0 0 0;}
.swiper-case .swiper-slide a{display:block;position:relative;overflow:hidden;}
.swiper-case .swiper-slide a .case-img{padding-top:77%;}
.swiper-case .swiper-slide a .txt{width:100%;text-align:center;background:rgba(0,0,0,0.7);font-size:16px;color:#fff;padding:10px 0;position:absolute;left:0;bottom:0;}
.swiper-case .swiper-slide:hover .img_cover{transform:scale(1.1);}
.case .more{display:block;width:130px;line-height:30px;text-align:center;border:1px solid #999;font-size:14px;color:#333;margin-top:23px;transition:0.5s;margin:50px auto;}
.case .more:hover{background:#6b2f13;color:#fff;}

footer{background:#efedf2;border-bottom:1px solid #6b2f13;}
.foot-nav{color:#000;font-size:16px;padding:35px 0;border-bottom:1px solid #6b2f13;}
.foot-nav a{color:#000;}
.foot-nav a:hover{color:#6b2f13;text-decoration:underline !important;}
.foot-nav-box{display:flex;justify-content:space-around;width:calc(100% - 325px);float:right;}
.foot-main{margin:65px 0;display:flex;}
.foot-logo{width:340px;}
.foot-logo img{display:block;max-width:100%;}
.foot-main .foot-txt{width:calc(100% - 340px);display:flex;flex-wrap:wrap;align-content:space-between;}
.foot-main .foot-txt .foot-txt-box{display:flex;justify-content:space-between;}
.foot-main .foot-txt .foot-txt-box ul{display:flex;flex-wrap:wrap;align-content:space-between;}
.foot-main .foot-txt .foot-txt-box ul li{width:50%;font-size:16px;color:#333;}
.foot-main .foot-txt .t1{font-size:16px;color:#333;}
.foot-main .foot-txt .t1 a{color:#333;}
.foot-main .foot-txt .t1 a:hover{text-decoration:underline !important;}

/*product*/
.page{margin:20px 0 0px 0;display:flex;flex-wrap:wrap;min-height:500px;}
.page-left{width:285px;margin-right:40px;}
.s-drop-wrap { width:100%; }
.s-drop-btn { line-height:72px; font-size:36px; color: #000; text-align:center;position:relative;border-bottom:4px solid #6b2f13;}
.s-drop-btn span {position:absolute;right:20px;top:50%;transform:translate(0, -50%);}
.s-drop-btn.act{ }
.s-drop-list {display: block; margin-top:18px;}
.s-drop-list li{}
.s-drop-list li a{ display:block; }
.aside-list-link{ font-size:16px; color:#222;line-height:50px; text-align:center;border-bottom:1px solid #b2b2b2; }
.aside-list-link:hover, .aside-list-link.act{ background:#6b2f13; color:#fff;}
.s-drop-list li .aside-sublist{ width:100%;  display:none;  }
.s-drop-list li .aside-sublist li{margin-top:5px;}
.s-drop-list li .aside-sublist li a{ color:#5e5e5e; line-height:40px;  font-size:14px; margin-bottom:1px; text-align:center; background:#eee;}
.s-drop-list li .aside-sublist li a:hover, .aside-sublist li a.act{ background:#000;color:#bc2a2a;}

.page-right{width:calc(100% - 325px);margin:40px 0 0 0;}
.page-title{line-height:32px;border-bottom:1px solid #d3d3d3;font-size:16px;color:#333;padding-left:22px;background:url(../images/dian.png) no-repeat left center;position:relative;}
.page-title:before{content:"";width:250px;height:1px;background:#6b2f13;position:absolute;left:0;bottom:-1px;}
.page-ul{display:flex;flex-wrap:wrap;margin:20px 0 0 0;}
.page-ul li{width:32.333%;margin:0.5%;}
.page-ul li a{display:block;position:relative;overflow:hidden;}
.page-ul li a .case-img{padding-top:77%;}
.page-ul li a .txt{width:100%;text-align:center;background:rgba(0,0,0,0.7);font-size:16px;color:#fff;padding:10px 0;position:absolute;left:0;bottom:0;}
.page-ul li:hover .img_cover{transform:scale(1.1);}

/*product-show*/
.pro-show{padding:20px 0 0 0;}
.pro-show img{display:block;max-width:100%;margin:20px auto;}
.pro-show .txt{text-align:center;font-size:20px;color:#333;padding:10px 0;}

/*news-ul*/
.news-ul{display:block;margin:35px 0 0 0;}
.news-ul li{margin-bottom:35px;transition:0.5s}
.news-ul li a{display:flex;}
.news-ul li a .pic{width:200px;position:relative;overflow:hidden;margin-right:40px;}
.news-ul li a .pic .news-img{padding-top:75%;}
.news-ul li a .news-txt{width:calc(100% - 240px);display:flex;flex-wrap:wrap;align-content:space-around;}
.news-ul li a .news-txt .news-bt{width:100%; height:26px;display:flex;justify-content:space-between;font-size:24px;color:#6b2f13;padding-right:10px;}
.news-ul li a .news-txt .news-bt span{font-size:14px;color:#333;}
.news-ul li a .news-txt .news-nr{font-size:16px;color:#111;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-ul li a .news-txt .news-dian{width:100px;line-height:26px;background:#6b2f13;text-align:center;color:#fff;font-size:20px;}
.news-ul li:hover{transform:translateY(-10px);box-shadow:0 3px 5px #ccc;}

/*news-show*/
.news-show { width:100%; margin-top:25px;text-align:center;}
.news-show img {  display:block; max-width:100%; margin:2% auto;}
.news-show .txt-bt {  display:inline-block ;line-height:42px; font-size:18px; color:#2d2d2d;font-weight:bold; border-bottom:2px solid #012974;text-align:center; margin:2% auto;}
.news-show .txt-nr {  display:block;line-height:35px; font-size:14px; color:#636363; margin-top:2%; text-align:left;}
.news-show .txt-date {  display:block;line-height:35px; font-size:12px; color:#636363; margin-top:2%; text-align:right;}










/*手机底部*/
.hot{width:100%; height:48px; background:#fff; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.half{ width:46%; height:44px; margin:0px 2% 4px; border-radius:20px; background: #d12514; padding-left: 0; padding-right:0; float:left;}
.half a{ color:#fff; font-size:16px; line-height:40px; display:block; width:100%;}

.view-wecht-icon{position: relative;}
.view-wecht-icon a{width:100%;position: absolute;left: 0;top: 0;z-index: 5;background: #191919;}
.view-wecht-icon button{ position: relative; z-index: 2; padding: 0; width:100%; height:100%; border:none;background:none;}
.view-wecht-icon input{ display: block; position: absolute; left: 10px; top: 10px; z-index: 1; width: 40px; height: 40px; opacity: 0;}
.view-wecht-box{position: fixed; left:0; top:0; z-index: 99999999999999; width: 100%; height: 100%; background: rgba(0,0,0,.6); overflow: hidden; visibility: hidden; opacity: 0; transition: all 0.3s;}
.view-wecht-box .view-wecht{ position: absolute; left:10%; right: 10%; top: 50%; margin-top: -150px; background: #fff; border-radius: 15px; box-shadow:0 0 15px rgba(0,0,0,.1);  transition: all 0.3s;}
.view-wecht-box .view-wecht .view-wecht-container{ padding:15px 20px 20px 20px;}
.view-wecht-box .view-wecht .view-wecht-container .mc{ font-size:22px; color: #333; line-height: 40px; font-weight: bold;}
.view-wecht-box .view-wecht .view-wecht-container .textbox{ font-size: 16px; color: #333; line-height:2;}
.view-wecht-box .view-wecht .view-wecht-container .textbox span{font-size:16px;}
.view-wecht-box .view-wecht .view-wecht-container .queren{width:25px;height: 25px; font-size: 20px; color: #333; right:0px;top:15px;border:1px solid #333;transform:translateX(-50%);border-radius: 50%;display:flex;justify-content: center;align-items: center; position:absolute;}
.view-wecht-box .view-wecht .view-wecht-container button{background-color: #1aad17;
    border-radius: 10px;
    width: 130px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin:0 auto;
    margin-top: 10px;
    cursor: pointer; color:#FFFFFF; font-size:18px; text-align:center; border:0;}
.view-wecht-box .view-wecht .view-wecht-container img{display:block;max-width:150px; margin:2% auto;}
.view-wecht-box.active{ visibility: visible; opacity: 1;}


@media (max-width:1200px){
	.wrap{ width:96%}
    .service ul li .pic{width:250px;margin-right:20px;}
    .service ul li .txt{width:calc(100% - 270px);}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .service ul li .pic{width:180px;margin-right:10px;}
    .service ul li .txt{width:calc(100% - 190px);padding:10px 0;}
    .service ul li .txt .t1{padding-bottom:10px;font-size:20px;}
    .foot-nav-box{width:100%;}
    .foot-main .foot-txt .foot-txt-box ul li{padding:20px 0;}
    .foot-main .foot-txt .foot-txt-box ul li:last-child{width:100%;}
    /*product*/
    .page-left{width:100%;margin:0;}
    .page-right{width:100%;}
    .s-drop-btn{text-align:left;padding:0 20px;}
    .s-drop-list{display:none;}
    }
 
@media (max-width:767px){
	.wrap{ width:96%}
    .wrap2{width:100%;}
    .logo{margin:8px 0;}
    .logo img{max-width:64%;}
    .sjnav{top:145px;}
    .ban-img{padding-top:48%}
    .title .t1{line-height:50px;font-size:30px;}
    .title .t2{line-height:48px;font-size:18px;}
    .service, .about-main, .case, .swiper-case, .news-ul{margin:20px 0 0 0;}
    .service ul{display:block;margin:20px 0 0 0;}
    .service ul li{width:100%;}
    .service ul li .pic{width:180px;margin-right:10px;}
    .service ul li .txt{width:calc(100% - 190px);padding:8px 0;}
    .service ul li .txt .t1{padding-bottom:5px;font-size:16px;font-weight:bold;}
    .service ul li .txt .t2{font-size:15px;}
    .service ul li .txt .t3{font-size:12px;}
    .service ul li .pic .number{font-size:24px;}
    .about{margin:20px 0 0 0;padding:20px 0;}
    .about-main .pic{width:100%;}
    .about-main .txt-box{position:static;width:100%;padding:10px;transform:translate(0,0);}
    .about-main .txt{padding: 10px;}
    .about-main .txt .t1{font-size:14px;line-height:26px;}
    .case .more{margin:20px auto;}
    .foot-nav{font-size:12px;padding:10px 0;}
    .foot-nav-box{width:100%;}
    .foot-main .foot-txt .foot-txt-box ul li{padding:10px 0;font-size:14px;}
    .foot-main .foot-txt .foot-txt-box ul li:last-child{width:100%;}
    .foot-main{margin:20px 0;display:block;}
    .foot-logo{width:100%;}
    .foot-logo img{margin:0 auto;max-width:40%;}
    .foot-main .foot-txt{width:100%;display:block;}
    .foot-main .foot-txt .t1{font-size:14px;}
    /*product*/
    .page{display:block;}
    .page-left, .page-right{width:100%;margin:0;}  
    .s-drop-btn{text-align:left;padding:0 20px;font-size:22px;line-height:44px;}
    .s-drop-list{display:none;}
    .page-ul li{width:49%;margin:1% 0.5%;}
    .page-ul li a .txt, .swiper-case .swiper-slide a .txt{padding:5px 0;font-size:14px;}
    /*news*/
    .news-ul li a .pic{width:130px;margin-right:10px;}
    .news-ul li a .news-txt{width:calc(100% - 140px);}
    .news-ul li a .news-txt .news-bt span, .news-ul li a .news-txt .news-dian{display:none;}
    .news-ul li a .news-txt .news-nr{font-size:14px;line-height:22px;}
    .news-ul li a .news-txt .news-bt{font-size:18px;padding:0;}
    .news-ul li{margin-bottom:20px;}
    }

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

@media (max-width:467px){

    }

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

@media (max-width:336px) {
    .logo{width:260px;}
    }