@charset "utf-8";
*{margin:0;padding:0;transition: all .5s;}
body{font-family: 'PingFang SC', 'PingFang TC', 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Microsoft YaHei', Helvetica, Arial;font-size:14px;width:100%;color:#333;background-color: #f8f8f8;}
ul,li{list-style:none;}
ul{padding:0;}
u{text-decoration:none;}
a{text-decoration:none;color: #333;}
a:hover{text-decoration:none;color:#FE7D17;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;zoom:1;}
/**首页样式**/
.head{padding: 20px 0;background-color: #fff;text-align: center;position: relative;}
.logo{max-width: 100%;}
.carouselup{position: absolute;width: 30px;height: 35px;right: 0;margin-top: -35px;top:50%;background-color: #ff0000;color: #fff;line-height: 35px;text-align: center;font-size: 18px;cursor: pointer;}
.carouseldown{position: absolute;width: 30px;height: 35px;right: 0;top:50%;background-color: #fff;color: #ff0000;line-height: 35px;text-align: center;font-size: 18px;cursor: pointer;}
.indexa{
	background-color: #fff;
	box-shadow: 0px 0px 30px rgba(0,0,0,.25) ;
	position: relative;
	text-align: center;
	padding: 30px 10%;
	margin-top: -50px;
}
.indexa>div{
	display: inline-block;
	width: 15%;
	margin: 0 .5%;
	height: 40px;
	line-height: 40px;
}
.indexa1{
	border-bottom: 1px solid #dedede;
	padding-left: 10px;
	text-align: left;
}
.indexa2{
	background-color: #e8321d;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.indexa>div>i{
	color: #aeaeae;
	margin-right: 10px;
}
.indexb{
	margin-top: 100px;
	overflow: hidden;
	height: 550px;
}
.indexbl{
	position: relative;
	width: 50%;
	float: left;
	height: 100%;
	
}
.indexbl1{
	width: 80%;
	height: 100%;
	background-color: #fff;
}
.indexbl2{
	position: absolute;
	width: 537px;
	height: 423px;
	right: 20px;
	top: 63.5px;
}
.indexbl2 .hd{
	position: absolute;
	width: 20px;
	right: 20px;
	bottom: 20px;
	z-index: 1;
}
.indexbl2 .hd li{
	color: #dedede;
	line-height: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 4px;
}
.indexbl2 .bd img{ width:537px; height:423px; }
.indexbl2 .hd li.on{
	color: #fff;
	border-bottom: 1px solid #fff;
}
.indexbr{
	width: 50%;
	float: left;
	height: 100%;
	padding-top: 60px;
	padding-left: 30px;
	max-width: 600px;
}
.indexbr>h1{
	color: #e8321d;
	font-size: 24px;
	margin-bottom: 20px;
}
.indexbr>i{
	width: 40px;
	height: 3px;
	background-color: #2d2d2d;
	display: inline-block;
	margin-bottom:10px;
}
.indexbr>p{
	line-height: 26px;
}
.indexbr>ul{
	overflow: hidden;
	padding-top: 15px;
}
.indexbr>ul>li{
	height: 67px;
	line-height: 20px;
	width: 50%;
	float: left;
	padding-top: 13px;
	margin-bottom: 30px;
}
.indexbr>ul>li>img{
	display: blcok;
	float: left;
	margin-top: -13px;
	margin-right: 10px;
}
.indexbr>ul>li>span{
	font-size: 12px;
}
.indexbr>ul>li>img:hover{
	transform: rotate(360deg);
	transition: all 1s;
}
address strong{margin-right: 10px;}
.lianxi a{margin-right: 10px;color: #8B8B7A}
.copyright{color: #888;border-top: 1px solid #3e3e3e;margin-top: 20px;height: 36px;line-height: 36px;font-size: 12px;text-align: center}
.imgbox>img{width: 100%;}

/*follow part is write by Mr.Dada,part starting*/
.gg{padding-bottom: 100px;}
.gg i{display: block;width: 10px;height: 10px;margin: 10px auto;transform: rotate(45deg);background-color: #e8321d;}

.gg .category{display: flex;justify-content:center;}
.gg .category li{padding: 25px;}
.gg .category li i{display: block;width: 6px;height: 6px;margin: 6px auto;transform: rotate(45deg);background-color: #fff;}
.gg a{color:#4f4f4f;}
.gg .category li:hover i,.category li.active i{background-color:#e8324d }
.gg .category li.active a,.category li:hover,.news .rightnews .txt h3:hover a{color: #e8324d;}
.products{background-color: #fff}
.products .col-md-3{margin-bottom: 20px;}
.products .col-md-3 a img{width: 100%; height: 200px;background-color: red}
.products .col-md-3 h1{font-size: 14px}
.products .col-md-3 a {border: 1px solid #EBEBEB;display: block;padding: 5px;}
.products .prolist li:hover,.news .rightnews li:hover,.news .leftpic img:hover,.partner .wrap ul li:hover{transform: translate3d(0px, -10px, 0px);}
.products .prolist li:hover h1{color:#e8324d ;}
.news .rightnews li{display: flex;justify-content: space-between}
.news .rightnews li .date{width: 37%;padding-top: 25px;}
.news .rightnews .month,.day{font-size: 30px; padding-right: 15px;display: inline-block;padding: 0;}
.news .rightnews .year{float: right;padding-right: 30px;}
.news .rightnews .year{text-align: right;display: inline-block;}
.news .rightnews .txt{border-left: 1px solid #ddd; padding-left: 25px}
.news .rightnews .txt h3{font-size: 16px;padding-bottom: 15px;font-weight: bold;}
.news .rightnews .txt p{font-size: 13px}
.news .rightnews li{border-bottom: 1px solid #ddd;padding: 10px 0;}
.news .leftpic img{width: 85%;padding-top: 100px;padding-left: 50px}
.news .leftpic .red{width: 20%;border: 0;height: 0;border-top: 3px solid red;position: absolute;top: 120px;right: 10px;}
.news .leftpic .black{width: 20%;border: 0;height: 0;border-top: 3px solid black;position: absolute;bottom: 20px;left: 10px;}
.partner{background-color: #fff;}
.partner .wrap{margin-top: 10%}
.partner .wrap ul{display: flex; flex-wrap:wrap;}
.partner .wrap ul li{flex: 0 0 23%;box-sizing: border-box;border: 1px solid #ddd; margin:1%;}
.partner .wrap ul li img{width: 100%}
footer{background-color: #303030;padding-top: 30px;}
footer li a,footer{color: #8B8B7A}
footer li:hover a{color:#e8324d }
footer h4{margin-top: 0;margin-bottom: 20px;}
footer ul{display: flex; margin-bottom: 15px;}
footer ul li{flex: 1;}
footer .col-md-6,footer .col-md-3{border-right: 1px solid #4F4F4F}
footer .col-md-3{padding-left: 30px;padding-bottom: 20px;}
footer .col-md-3:last-of-type{border-right:0}
/*Mr.Dada part is ending*/
/*2019/5/28 newslist part star*/
.newslist{margin-top: 50px;margin-bottom: 50px;background-color: #fff;}
.newslist>div{padding: 50px}
.newslist>div>div.newspage{padding: 30px}
.newslist .newspage li{display: flex;}
.newslist .newspage li .date{padding-top: 25px; text-align: right; border-right: 1px solid #ddd;padding-right: 30px}
.news .rightnews li .date{padding-right: 45px;}
.newslist .newspage .month,.day{font-size: 30px; padding-right: 15px;display: inline-block;padding: 0;}
.newslist .newspage .txt{padding-left: 30px;}
.newslist .newspage .txt h3{font-size: 16px;padding-bottom: 15px;font-weight: bold;}
.newslist .newspage .txt h3:hover a{color:#e8321d;}
.newslist .newspage .txt p{font-size: 13px;}
.newslist .newspage li{border-bottom: 1px solid #ddd;padding: 10px 0;}
.listal .active a{color: #e8321d;border-bottom: 3px solid #e8321d;}
.glyphicon{padding-right: 10px;}
/*newslist part ending*/
/*news_news start*/
.newscontent{margin-top: 50px;margin-bottom: 50px;background-color: #fff;}
.newscontent .row{padding: 60px;}
.newscontent h1{font-size: 24px;margin-bottom: 20px; margin-top:0;}
.newscontent .time{color: #ccc;margin-bottom: 20px;}
.newscontent .newsbody{line-height: 26px;}
.owl-item .item img{width: 100%;padding:0 10px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: #fff;}
/*news_news ending*/
.wzend{overflow: hidden;border-top: 1px solid #dedede;margin-top: 50px;}
.wzend>div{width: 50%;float: left;padding-left: 20px;height: 40px;line-height: 40px;overflow: hidden;}
.wzend>div>span{color: #e8321d}

/*固定客服样式开始*/
.side {
  zoom: 1;
  position: fixed;
  width: 54px;
  right: -15px;
  top: 80%;
  margin-top: -85px;
  z-index: 9999;
}
.side:after {
  content: '';
  clear: both;
  display: block;
}
.side ul li {
  width: 45px;
  height: 48px;
  float: left;
  position: relative;
  margin-top: 6px;
}
.side ul li span {
  padding-left: 8px;
  font-size: 14px;
}
.side ul li a {
  display: block;
  position: absolute;
  width: 45px;
  height: 48px;
  padding-left: 10px;
  top: 0;
  right: 0;
  transition: all 0.3s;
  background-color: #e1460d;
  color: #fff;
  font: 14px/54px "微软雅黑";
  overflow: hidden;
  text-align: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -o-border-radius-topleft: 10px;
  -o-border-radius-bottomleft: 10px;
}
.side ul li i {
  float: left;
  font-size: 30px;
}
.side ul li img {
  width: 147px;
  height: 147px;
  display: none;
  margin-top: 50px;
  margin-left: -110px;
}
.service_box1{position:fixed;z-index:1000;right:-150px;top:80%;margin-top:30px;width:146px;border:1px solid #ece8e5;background:#fff;}
.service_box1 .tab_nav{position:absolute;left:-43px;top:-1px;}
.service_box1 .tab_nav > li{background:#e1460d;border-bottom:1px solid #dfdbd9;width: 45px;height: 48px}
.service_box1 .tab_nav > li.active{background:#ff6b09;}
.service_box1 .tab_nav > li:first-child{border-radius:8px 0 0; height:46px;}
.service_box1 .tab_nav > li:last-child{border-bottom:none;border-radius:8px 0 0 8px;}
.service_box1 .tab_nav > li > a{display:block;width:38px;padding:15px 6px 12px 8px;line-height:14px;text-align:center;color:#ffffff;text-decoration:none;}
.service_box1 .tab_nav > li.active > a{color:#fff;}
.service_box1 .tab_nav .icon_1{background-position:0 0;}
.service_box1 .tab_nav .icon_2{background-position:-28px 0;}
.service_box1 .tab_nav .icon_3{background-position:-56px 0;}
.service_box1 .tab_nav .active .icon_1{background-position:0 -28px;}
.service_box1 .tab_nav .active .icon_2{background-position:-28px -28px;}
.service_box1 .tab_nav .active .icon_3{background-position:-56px -28px;}
.service_box1 .tab_content{padding:20px 5px 10px;position:relative;}
.service_box1 .tab_plan{display:none;text-align:center;}
.service_box1 .tab_plan p{color:#333;}
/*固定客服 样式结束*/

/**商品列表页样式**/
.bg1{display: block;width: 100%;}
.lista{
	background-color: #fff;
	box-shadow: 0px 0px 30px rgba(0,0,0,.25) ;
	position: relative;
	margin-top: -50px;
	height: 100px;
	line-height: 100px;
}
.listal{width: 70%;float: left;padding: 0 30px;height: 100px;}
.listal li{display: inline-block;margin-right: 20px;}
.listal li a{color: #333;display: block;transition: none;height: 100px;}
.listal li a:hover{border-bottom: 3px solid #e8321d;color: #e8321d}
.listalactive{border-bottom: 3px solid #e8321d;color: #e8321d}
.listar{width: 30%;float: left;overflow: hidden;font-size: 10px;}
.icon1{width: 6px;height: 6px;transform: rotate(45deg);background-color: #e8321d;display: inline-block;margin-right: 10px;}
.listar a{color: #333}
.plist{margin: 50px auto;}
.plist h1{margin: 50px auto;font-size: 20px;font-weight: bold}
.plist h2{font-size: 14px;}
.plist .text-center{padding: 0 30px 20px 30px;}
.products .prolist li:hover h2{color:#e8324d ;}
/**商品详情页**/
.pshow{width: 80%;margin: 0 auto;}
.info{width: 90%;margin: 20px auto;overflow: hidden;}
.info1{width: 10%;height: 80px;line-height: 80px;float: left;margin-right: 2%;overflow: hidden;border-bottom: 1px solid #dedede;}
.info2{width: 88%;height: 80px;line-height: 80px;float: left;overflow: hidden;border-bottom: 1px solid #dedede;padding-left: 20px;text-align: left}
.info3{width: 88%;line-height: 30px;float: left;padding-left: 20px;text-align: left}
.info4{width: 10%;height: 80px;line-height: 80px;float: left;margin-right: 2%;overflow: hidden;}
/**关于我们**/
.aboutend{text-align: right;margin-top: 100px;font-size: 20px;line-height: 30px;}
.aboutend span{width: 60px;height: 3px;background-color: #e8321d;display: inline-block}
/**联系我们**/
#allmap{height:800px}
.cinfo{height: 250px;margin-top: -30px;position: relative;z-index: 8888;text-align: center}
.cinfo img:first-of-type{margin-right: 40px;cursor: pointer;}
.clianxi{width: 70px;height: 95px;position: relative;background-image: url(../images/contact1.png);display: inline-block;cursor: pointer;}
.lxbox{position: absolute;width: 400px;bottom: 95px;left: 50%;margin-left: -200px;background-color:#fff;padding: 0 20px  10px  20px;text-align: left;user-select: none;}
.lxbox h1{font-size: 18px;color: #000;margin-bottom: 14px;}
.lxbox p{color: #888;margin-bottom: 6px;}


/**追加分页样式**/
.fenye{text-align: center;clear: both;margin-top: 10px;}
.fenye ul{display: inline-block;padding-left: 0;margin: 0 0 10px 0;border-radius: 4px;}
.fenye ul li {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;background-color: #fff;border: 1px solid #ddd;color: #333;}
.fenye ul li a{color: #333;}
.thisclass{background-color: #e8321d!important;color: #fff !important;border: 1px solid #e8321d !important;}
.panel{ background-color:#fff;/* border:solid 1px transparent*/box-shadow:none;border:none;}
.panel-header{ border-bottom:solid 1px transparent; padding:2px 15px; font-size:14px; font-weight:700}/*面板标题*/
.panel-body{ padding:15px}/*面板内容*/
.panel-footer{background-color: #f5f5f5;border-top: 1px solid #ddd;padding:5px 20px}/*面板页脚*/
/*bootstrap自定义*/
.navbar-toggle{position: absolute;top: 20px;right: 10px;}
.navbar{border: none;margin-bottom: 0;}
.container-fluid{padding-left: 0;padding-right: 0;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-left: 0;margin-right: 0;}
.navbar-default{text-align: center;background-color: #fff;}
.navbar-nav{float: none;text-align: center;padding: 20px 0 10px 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default{color: #e8321d;background-color: #fff}
.navbar-default .navbar-nav>.active>i{background-color: #e8321d;}
.navbar-default .navbar-nav>li:hover i{background-color: #e8321d;}
.navbar-default .navbar-nav>li:hover a{color: #e8321d;}
.nav>li{display: inline-block;float:none;min-width: 12%;}
.nav>li:hover{color: #e8321d}
.navbar-default .navbar-nav>li>a{color: #333;padding: 0 20px;font-size: 15px;}
.navbar-default .navbar-nav>li>i{display: block;width: 6px;height: 6px;margin: 6px auto;transform: rotate(45deg);background-color: #fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #e8321d}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
.carousel-indicators li{border-radius: 0;;transform: rotate(45deg);margin-right: 10px;background-color: #fff;}
.BMap_cpyCtrl{display:none;}
.anchorBL{display:none;}
.carousel-indicators .active{margin-right: 10px;background-color: #e8321d;}

/*弹出层*/
/*#bigimg{
	display: none;
	position: fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}*/
.modal-header .close {
    position: absolute;
    right: 20px;
}
.modal-header img{
	width: 100%;
}
.modal-dialog{width: 800px}
.side ul li span{padding-left:0;}

/****媒体查询****/
@media(min-width:1200px){    
	.container{width:1200px;padding-left:0;padding-right:0;}
	
}
@media(max-width:1200px){  
	.pcser{right: 20px;}
}
@media(min-width:768px){
	.navbar-header{float: none;}
	.carousel-indicators {
		bottom: 50px;
	}
}
@media(max-width:768px){
	.logo{max-width: 50%;}
	.navbar-nav{padding-top: 0;}
	.nav>li{display: block;background-color: rgba(119,145,211,.95)}
	.nav>li>a{height: 45px;line-height: 45px;}
	.navbar-default .navbar-nav>.active>a{background-color: rgba(119,145,211,.95)}
	.navbar-default .navbar-nav>li>i{display: none}
	.carousel-indicators{bottom: 0;}
	.navbar-default .navbar-collapse{position: absolute;width: 100%;z-index: 8888;left: 0;top: 90%}
	.indexa{margin-top: 0}
	.indexa>div{display: block;width: 100%;}
	.indexa2{margin-top: 20px !important;}
	.indexb{margin-top: 20px;height: auto;}
	.indexbl{display: none;}
	.indexbl2{width: 100%;height: 423px;right: 0;top: 0;}
	.indexbr{width: 100%;padding: 0 20px;}
	.indexbr>ul>li{width: 100%;}
	.partner .wrap ul li{flex: 0 0 48%;}
	.gg{padding-bottom: 20px;}
	address{line-height: 30px;margin-bottom: 0}
	address p{margin-bottom: 4px;}
	.listal{display: none}
	.listar{width: 100%;}
	.lista{height: 40px;line-height: 40px;margin-top: -20px;}
	.plist .text-center{padding: 0 10px 20px 10px}
	.newscontent .row,.newslist>div{padding: 20px;}
	.wzend>div{width: 100%;}
	
	
	.inone ul  li{width: 30%;margin-right: 5%;}
	.inone ul li:nth-child(3n){margin-right: 0;}
	.wzone{width:100%;}
	.wzone ul li{padding-left: 20px;}
	.listtop{padding: 0 10px;margin: 0 10px;}
	.listtop a{margin-left: 0;}
	.listtop u{display: none;}
	.listmain{margin-left: 10px;margin-right: 10px;}
	.tip{margin-left: 10px;margin-right: 10px;padding-bottom: 5px;}
	.listmainl{width: 100%;}
	.listmainr{width: 100%;}
	.ul1 li{width: 100%;}
	.arttopa, .arttopb,.artmainl,.artmainr{width: 100%;}
	.artb ul li{width: 50%;}
	.artdl{width: 100%;}
	.artd{margin-bottom: 15px;height: 100px;}
	.inb ul li{width: 100%;}
	.head{text-align: left;padding-left: 20px;}
	.inc ul li{width: 100%;padding-right: 0;}
	.ul4 li span{display: block;float: none;margin-top: 0;text-align: right;}
	.mobser{display: block;}
	.tip img{width: 100%;float: none;margin-bottom: 15px;}
	.pctip{display: none;}
	.mobtip{display: block;}
	.indexboxl,.indexboxr{display: none;}
	.pcser{top: auto;bottom: 10px;}
	.productmob{display: block;}
	.productpc{display: none;}
}