@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:#fff url(../images/bg.png) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
body{overflow-x:hidden;}

video{max-width: 100%}
.wenzi img{max-width: 100%}
.wenzi table{max-width: 100%}
.wenzi table td{ border:1px solid #CCCCCC}


/*全局样式*/
header{background: url(../images/top.jpg) center center;background-size:cover;border-top: 3px solid #e60000;border-bottom: 1px solid #bcbcbc;margin-bottom: 10px}
.logo{line-height:85px;width:33%;padding-right: 10px}
.logo img{max-height: 80px;max-width: 100%}


/*pc导航*/
.nav{width: 67%}
.nav li{width:calc(100% / 8);float:left;font-size:16px; line-height:85px;text-align:center;position:relative;}
.nav li:before{content: "";position: absolute;right: 0;top: 50%;width: 1px;height:14px;background: #dcdcdc;margin-top: -7px}
.nav li:last-child:before{display: none}
.nav li a{display:block;color:#333;position: relative;z-index: 22;position: relative;}
.nav li.on a,.nav li:hover a{color: #e60000}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:100%;z-index:9999999; display:none;}
.nav li .nav-zi li{ width:100%; font-size:16px;line-height:50px;margin-top:1px;border:0;}
.nav li .nav-zi li a{display:block; padding:0 5px; color:#fff;background:rgba(0,0,0,0.65);}
.nav li .nav-zi li:hover a{background:rgba(255,0,0,0.9);color:#fff;}
.nav li .nav-zi li:before{display: none}

header.header1 .nav{width: 50%;padding-top: 20px}
header.header1 .nav li{font-size: 12px;line-height: 57px;}
header.header1 .nav li .nav-zi li{line-height: 35px}
header.header1 .right{width: 17%;padding-left: 10px;margin-top:32px}
header.header1 .form1{border:1px solid #ededed;border-radius: 5px;padding:2px;font-size: 12px;}
header.header1 .form1 form{border-radius: 5px;position: relative;padding-right: 35px;}
header.header1 .form1 form input{width: 100%;height: 28px;padding:0 10px;border:1px solid #dcdcdc;border-right: 0;border-radius: 5px 0 0 5px;}
header.header1 .form1 form button{position: absolute;top: 0;right: 0;width: 35px;height: 28px;background:url(../images/button.png) center center;background-size: cover;border-radius: 5px;color: #fff;border:0;}


table{width: 100% !important;max-width: 600px;margin:0 auto;}


header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:rgba(0,0,0,0.55);line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:rgba(255,150,16,0.9);}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:40px;right:15px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#e60000;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#e60000;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


/*banner轮播*/
.banner{position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;s}
.banner a img{ max-width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom:20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width:28px; height: 6px; background:#fff; opacity: 1;border-radius:0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #e60000;}
.swiper-wrapper {height: auto !important;}
.banner img{width:100%;}
.banner .swiper-button{display: none}
.banner .swiper-pagination{display: none}


/*主体内容*/
.main1{padding-bottom:50px;}
.main2{padding-bottom:25px;}
.title{text-transform: uppercase;padding:8px 10px;border-bottom: 1px solid #d6d6d6;position: relative;line-height: 28px}
.title:before{content: "";position: absolute;left:10px;top: 0;width: calc(100% - 20px);height: 2px;background: #e61d1d;}
.title:after{content: "";position: absolute;left:0;bottom: 0;width: 10px;height: 3px;background: #e61d1d}
.title .zuo{font-size: 16px;font-weight: bold}
.title .more{font-size:13px;color:#666;font-family: "Arial"}
.title .more:hover{color: #c80000;text-decoration: underline !important;}
.title1{background: #f2f2f2;border-bottom: 2px solid #e61d1d;padding-left: 22px;margin-bottom: 16px}
.title1:before{content: "";position: absolute;left:7px;top: 50%; width:4px;height:20px;background: #c80000;margin-top: -10px}
.title1:after{display: none}
.title form{width: 210px;font-size: 12px;position: relative;padding-right: 35px;margin-left: 18px}
.title form input{width:100%;background: #fff;border:1px solid #dcdcdc;border-radius: 3px 0 0 3px;padding:0 10px;height: 28px}
.title form button{position:absolute;top: 0;right: 0;width: 35px;height: 28px;background:url(../images/sou.png) center center;border:0;}


.hezibox11{border:1px solid #dedede;border-radius: 5px;background: #fff}
.hezi11{padding:10px;}
.lianxi{margin-bottom: 20px}
.lianxi .wenzi{padding:10px;font-size: 13px;line-height: 22px;margin-bottom:10px}
.lianxi .wenzi h4{font-size: 14px;color: #333; margin-bottom: 12px !important}
.lianxi ul li{background: #f2f2f2;line-height: 26px;font-size: 13px;margin-bottom: 10px;border-radius: 25px}
.lianxi ul li span{float: left;}
.lianxi ul li span.span1{width: 45px;background: #e60000;text-align: center;color: #fff;border-radius: 25px;}
.lianxi ul li span.span3{width: 60px;}
.lianxi ul li span.span2{width: calc(100% - 105px);padding:0 15px;}
.lianxi ul li:nth-child(2) .span1{background: #e60000}
.lianxi ul li:nth-child(3) .span1{background: #e60000}


.news{margin-bottom: 20px}
.news ul li a{display: block;font-size:14px;color: #666;position: relative;line-height: 39px;padding:0 63px 0 15px;}
.news ul li a:before{content: ">";position:absolute;left:0;top: 0;}
.news ul li a span{position: absolute;top: 0;right: 0;font-family: "Arial"}


.product{margin-bottom: 20px}
.product ul li a{display: block;font-size:13px;color: #7e7e7e;position: relative;line-height:40px;padding:0 0 0 15px;border-bottom: 1px solid #eaeaea}
.product ul li a:before{content: ">";position:absolute;left:0;top: 0;}




.show .row{margin:0 -6px;}
.show .col-md-3{padding:0 6px;}
.show .imgbox{display: block;border:1px solid #e5e5e5; color: #333;margin-bottom: 20px;text-align: center;margin-bottom: 12px}
.show .imgbox .tu{overflow:hidden;}
.show .imgbox .tou{font-size: 14px;height: 30px;line-height: 30px;padding:0 10px;}


.case .imgbox{display: block; text-align: center;}
.case .imgbox .tu{overflow: hidden;}
.case .box{padding:0 40px;}
/*左右方向箭头*/
.swiper1{position:relative;}
.swiper1 .swiper-button{width:24px !important;height:100%;top:0;font-size:20px;text-align: center;font-weight: bold;margin-top: 0;opacity: 1;color: #fff;display:flex;justify-content:center;align-items:center;}
.swiper1 .swiper-button.swiper-button-prev{left:-40px;background: #e61d1d; cursor: pointer;border-radius: 10px 0 0 10px}
.swiper1 .swiper-button.swiper-button-next{right: -40px;background: #e61d1d;cursor: pointer;border-radius:0 10px 10px 0}
.swiper1 .swiper-button-next.swiper-button-disabled,.swiper1 .swiper-button-prev.swiper-button-disabled {background: #f2f2f2;color: #e61d1d;opacity: 1}


.product_list .title1{border-bottom: none}
.product_list .imgbox{display: block;border:1px solid #e5e5e5;text-align: center;padding:30px 20px;color: #333;background: #f2f2f2;position: relative;margin-bottom: 10px}
.product_list .imgbox:before{content: "";position: absolute;left:10px;top: 0;width: calc(100% - 20px);height: 2px; background: #e61d1d}
.product_list .imgbox img{margin-right: 8px}




footer{background:#d9d7d7;color:#333;line-height: 28px}
footer a{color:#333;}
footer a:hover{color:#333; text-decoration:underline !important}
footer .part1{background: #fff;}
footer .part1 .hezi{padding:0 20px 15px;}
footer .part1 .link{margin:0 0 5px -10px;}
footer .part1 .link a{margin:0 10px;}
footer .part1 .text{font-size: 13px;color: #666}
footer .part1 .sao{width: 90px;font-size: 13px;text-align: center;display: inline-block;line-height: normal;}
footer .part2{text-align: center;font-size: 12px;color: #666;padding:20px 0;}




/*子页面*/
/*1、关于我们*/
.main{ padding:25px 0 40px;}

/*内页左侧导航主要样式*/
.neiye .menu{background:#e60000; padding:10px 10px 10px 25px;font-size:24px; color:#fff;text-transform:uppercase; position:relative;font-weight: bold}
.neiye .menu i{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer}
.neiye .menu span{position:absolute; right:30px; line-height:45px;}
.neiye .nav1{display:block;font-size:16px; color:#666; line-height:34px;text-align:left; padding:0 30px 0 20px; position:relative;margin-bottom:1px}
.neiye .nav1:before{content:">"; position:absolute; right:8px; top:50%; width:16px; height:16px;border:1px solid #989898; border-radius:50%; text-align:center; line-height:18px; color:#989898; font-family:"宋体"; margin-top:-8px; transition:all 0.3s}
.neiye ul a{display:block; font-size:14px; color:#333; line-height:42px; border-bottom:1px solid #e5e5e5;}
.neiye ul{display:none; padding:0 30px}
.neiye .ul1{display:block;}
.neiye .navbox{background:#fff;border:1px solid #e5e5e5;}

/*一级导航、二级导航默认选中状态*/
.neiye .nav1.active{background:#e60000; color:#fff;}
.neiye .nav1.active:before{border-color: #fff;color: #fff}
.neiye ul a.active{color:#e60000;}

.neiye .menu1{margin-top:20px;}
.neiye .lian{background:#fff;font-size:16px;line-height:28px;padding:18px 8px 25px 20px;}


.main .navbox01{margin-bottom:26px;}

.main .cont{margin-top:30px;}
.title-zi{background: #e60000; font-size:12px; color:#fff;line-height: 38px;padding:0 15px 0 28px; margin-bottom:20px;position: relative;border-radius: 15px}
.title-zi:before{content: "";position: absolute;left:8px;top: 50%;width: 14px;height: 8px; background: #fff;margin-top: -4px;border-radius:5px}
.title-zi .zuo{font-weight:bold;font-size:16px;}
.title-zi a{color: #fff}
.title-zi a:hover{color: #fff;text-decoration: underline !important;}


.neibox{padding-bottom: 30px}

.about{font-size:15px;line-height:28px; }
.about h4{font-size:21px;font-weight: bold; line-height:28px;margin-bottom: 10px !important}
.about img{max-width:100%; height:auto; display:block; margin:10px auto;}

.call-us{font-size:14px;line-height:28px; }
.call-us h4{font-size:16px; font-weight:bold;line-height:35px;}


.case-box,.show-box{background:none; padding:0;line-height: normal}
.case-box .row,.show-box .row{margin:0 -10px !important}
.show-box .col-md-6,.case-box .col-xs-6,.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 20px}


.news-box .imgbox{display:block;padding-bottom:22px; border-bottom:1px dashed #a5a5a5; margin-bottom:26px;font-size:12px; color:#878787;}
.news-box .imgbox .tu{width:210px; height:125px;overflow:hidden; margin-right:15px}
.news-box .imgbox .tu .img{width:100%; height:100%;}
.news-box .imgbox .text h4{font-size:16px; color:#333; line-height:30px; font-weight:bold}
.news-box .imgbox .text .zi{line-height:21px; height:42px; overflow:hidden; margin:8px 0 15px}
.news-box .imgbox .text span{display:block; width:80px; background:#e60000; font-size:12px; color:#fff; line-height:28px; text-align:center; border-radius:5px;}


.news-main{font-size:14px; line-height:24px;}
.news-tou{width:80%; margin:0 auto;}
.news-main .news-tou h4{ font-size:18px; line-height:26px; text-align:center; border-bottom:1px dashed #666; padding-bottom:12px !important;}
.news-main .news-tou span{display:block; text-align:center; font-size:12px; color:#7f7f7f; margin:10px 0}
.news-main img{ max-width:100%; height:auto; margin:20px auto;}


.liuyan{ width:80%; margin:0 auto;}
.liuyan .form-group{margin-bottom:5px;}
.liuyan label{ padding-top:0 !important; text-align:left !important;height:34px; line-height:34px; font-weight:normal;}
.liuyan input{background:#fff; border:1px dashed #e60000; height:37px;border-radius:0}
.liuyan textarea{background:#fff; border:1px dashed #e60000; height:107px;border-radius:0}
.liuyan button{width:100%; height:37px; color:#fff; background:#e60000; border:none; border-radius:0; margin-top:5px}


.show-main{font-size: 14px;line-height: 28px}
.show-main h4{font-size:18px; text-align:center; line-height:35px; margin-bottom:10px !important}
.show-main img{max-width:100%; height:auto; display:block; margin:10px auto 20px;}




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



@media (min-width:992px){
.banner img{height: 340px}
.lianxi22{margin-top:-358px;position: relative;z-index: 22}
.news ul li a:hover{color: #333}
.news ul li a:hover span,.news ul li a:hover:before{color: #e60000}
.product ul li a:hover{color: #e60000;font-weight: bold}
.show .imgbox:hover .img{transform: scale(1.1,1.1)}
.show .imgbox:hover .tou{background: #e53333;color: #fff}
.jianjie .left .tu{height: 500px;}
.jianjie .left .imgbox:hover .tu{transform: scale(1.1,1.1)}
.jianjie .right{padding-top: 20px}
.jianjie .right .more:hover{text-decoration: underline !important;}
.case .imgbox:hover .img{transform: scale(1.1,1.1)}
.product_list .imgbox:hover{background: #fff}
footer .part1{margin-top: -20px}
footer .part1 .right{text-align: right;}


/*一级导航、二级导航hover事件*/
.neiye .nav1:hover{background:#e60000; color:#fff;}
.neiye .nav1:hover:before{border-color: #fff;color: #fff}
.neiye ul a:hover{color:#e60000;}

.news-box .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.news-box .imgbox:hover .text .more{background:#e60000;border-color: #e60000;color: #fff}
}



@media (max-width:991px){
header{height:90px;}
.logo{line-height:90px; width:100%;}
header .ydd_btn{top:30px}
header .sjdnav{ top:90px}
header .ydd_btn span.span02{margin:6px 0;}
.banner .swiper-button{display: none}
.banner .swiper-pagination{bottom: 10px}
.neiye{margin-bottom: 25px}
.product_list .row{margin:0 -10px;}
.product_list .col-md-4{padding:0 10px;}
footer{text-align: center;}
.show-box .row{margin:0 -10px !important}
.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 24px}


/*手机侧导航 下拉 开始*/
.neiye{text-align:center;}
.neiye .menu{padding:0;font-size: 18px;}
.neiye .menu b{display: none}
.neiye .menu span,.neiye .menu{line-height:52px;}
.neiye ul a.active,.neiye ul a:hover,.neiye ul a,.neiye .nav1.active,.neiye .nav1:hover,.neiye .nav1{padding:0;text-align:center}
.neiye ul a:before,.neiye .nav1:before{display:none;}
.neiye .nav1{padding:0 10px;}
.neiye .nav1 span{display: none}
/*手机侧导航 下拉 结束*/
.main3{padding-top:30px;}


.fuwu-main .toubu .zi1{font-size: 20px;line-height: 32px;}
.news .imgbox .text1{margin-top: 20px}
.newslist{margin-top: 30px}
}

@media (max-width:767px){
header{height:70px;}
.logo{line-height:70px;}
.logo img{height:55px;}
header .lianjie{margin:20px 60px 0 0;}
header .ydd_btn{top:23px;width:32px;}
header .sjdnav{ top:70px}
.product_list .row{margin:0 -5px;}
.product_list .col-md-4{padding:0 5px;}
.product_list .imgbox{padding:20px 10px;}

.liuyan{width:100%;}

}

@media (max-width:600px){
.main1{padding-bottom:40px;}
.logo img{height:43px;}


.case-box .row,.show-box .row{margin:0 -5px !important}
.show-box .col-md-6,.case-box .col-xs-6,.show-box .col-xs-6{padding:0 5px !important}
.show-box .imgbox{margin:0 0 10px}
.case-box .right .imgbox{margin:0 0 10px}


}


@media (max-width:479px){


.news-box .imgbox{padding-bottom:20px;margin-bottom:20px}
.news-box .imgbox .tu{width:150px; height:100px; margin-right:10px}
.news-box .imgbox .text h4{line-height:24px; font-size:15px}
.news-box .imgbox .text .zi{margin:4px 0 6px; line-height:19px; height:38px;}
.news-box .imgbox .text span{width:70px; line-height:25px;}
.news-main .news-tou h4{font-size:16px;}

}

@media (max-width:400px){
.logo img{height: 40px;margin-left: -8px}
}


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

}

@media (max-width:350px){

}