*{padding: 0;margin: 0;}
body{font-family: "Microsoft YaHei";font-size: 14px;color: #444;}
a{text-decoration: none;color: #444;}
a,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color: #E50011;-webkit-transition: all ease-in-out 0.1s;-moz-transition: all ease-in-out 0.1s;-o-transition: all ease-in-out 0.1s;transition: all ease-in-out 0.1s;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
li{list-style: none;}
img{border: none;}
::selection{ background:#007EC7; color:#fff;}
.transition{-webkit-transition: all ease-in-out 0.1s;-moz-transition: all ease-in-out 0.1s;-o-transition: all ease-in-out 0.1s;transition: all ease-in-out 0.1s;}
.left{float: left;}
.right{float: right;}
/* clearfix清除浮动 */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.w1440{margin:0 auto;width:100%;max-width: 1440px;}
.w1080{margin:0 auto;width:100%;max-width: 1080px;}

.paddingB30{padding-bottom:30px;}
.paddingB60{padding-bottom:60px;}

/*header*/
    header{ padding: 21px 0 16px 0;  height: 43px; background: url(../../images/default/headerBg.jpg) 0 0 repeat-x;}
    header .head{margin:0 auto;width:100%;max-width: 1080px;}
    header .logo{padding-right: 18px;width: 130px;}
    header .logo img{height: 43px;}
    header .logo-title{margin-top:5px;padding-left: 18px; border-left: 1px solid #fff; font-size: 18px; color: #fff;line-height: 28px;}
    header .search{ margin-top: 8px; padding: 0 10px; width: 484px; height: 23px; background-color: #fff;border-radius: 25px;overflow: hidden;}
    header .search input{ width: 430px; border: 0px; height: 23px; line-height: 24px; font-size: 12px;}
    header .search input.submit{ width:14px;background: url(../../images/default/search.png) center center no-repeat;}
/*nav*/
    nav{ width:100%;border-bottom: 1px solid #E4E4E4; height: 40px;}
    nav ul{margin:0 auto;width:100%;max-width: 1080px;height: 40px;}
    nav ul li{float: left; width: 150px;position: relative; text-align: center;}
    nav ul li a{display: inline-block; padding:0 10px; line-height: 38px; height: 38px; width: auto; text-align: center;font-size: 14px;}
    nav ul li.cur>a, nav ul li a.curre, nav ul li a:hover{border-bottom: 2px solid #E50011; color: #E50011;}
    nav ul li div{ padding-left: 30px; width: 120px; background: #fff; position: absolute; left: 0; top: 40px; z-index: 3;box-shadow: -2px 0 4px #C3C3C3, 2px 0 4px #C3C3C3, 0 2px 4px #C3C3C3;display: none;}
    nav ul li div a{ width: 100%; display: inline-block; line-height: 37px; text-align: left; color: #666; font-size: 14px;}
    nav ul li div a:hover{border-bottom: 0;}
/*面包屑导航*/
	.breadcrumbsNavigation{ height: 40px; line-height: 40px; color: #999; font-size: 12px;}
	.breadcrumbsNavigation .pc{display: block}
	.breadcrumbsNavigation .mobile{display: none;}
	.breadcrumbsNavigation .pc a{display: inline-block; line-height: 40px;}
	.breadcrumbsNavigation .pc a:hover{color: #000000;}
/*底部*/
    footer{ padding: 15px 10%; width: 80%; height: auto; line-height: 20px; font-size: 12px; color: #999999; text-align: center; background-color: #F9F9F9;}
    footer span{display: inline-block;padding: 0 20px;}
/*banner*/
    .swiper-container { width: 100%; height: 460px;  margin-left: auto;  margin-right: auto; }
    .swiper-slide {text-align:center;background: #fff;
        /* Center slide text vertically */
        display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center; }
    .swiper-slide img{ height: 460px;}
    .swiper-slide.bannerImg1{background: url(../../images/default/banner1Bj.jpg) 0 0 repeat-x; background-size: auto 100%;}
    .swiper-slide.bannerImg2{background: url(../../images/default/banner2Bj.jpg) 0 0 repeat-x; background-size: auto 100%;}
    .swiper-slide.bannerImg3{background: url(../../images/default/banner3Bj.jpg) 0 0 repeat-x; background-size: auto 100%;}
/*首页栏目*/
	.defacon{background: url(../../images/default/titleBg.png) 0 0 repeat-x;}
    .con { margin:0 auto; width: 1080px;}
    .con .defapin, .con .defapro, .con .defacheng{ width: 360px; float: left;}
    .con .index-title{padding-left:30px;display: inline-block;width: 330px;;height: 40px; text-align: left;line-height: 40px;font-size: 16px; color: #666666;}
    .con a:hover .index-title, .con a.curre .index-title{ background: url(../../images/default/titleBg2.png) 0 0 repeat-x;color: #fff;}
    .con .index-con{padding-right:2px;height: 214px;background: url(../../images/default/indexConLine.jpg) right bottom no-repeat;}
    .con .index-con img{ width: 100%;}

    .con .defapin .index-con{padding-left:2px;background: url(../../images/default/indexConLine.jpg) left bottom repeat-x;}
/*单页面*/
	.pageContent{ padding-left: 110px; width: 860px;}
	.pageContent .pageTitle{height:60px; line-height:60px;font-size: 18px; font-weight: normal;}
	.pageContent .pageImg{padding-bottom:30px; height: 261px;}
	.pageContent .pageCon{line-height: 24px; padding-bottom: 30px;}

	.chenfenTitle{ height: 45px; line-height: 45px; font-size: 22px; color: #E50011;}
	.chenfenTitle img{padding-right:25px; height: 45px; vertical-align: middle;}
	.chenfenCon{ padding: 25px 0 40px 70px;}
	.chenfenCon .chefenText{ float: left; width: 480px;}
	.chenfenCon em{float: left; margin: 8px 5px 0 0; width: 5px; height: 5px; border-radius: 25px; background: #ccc;}
	.chenfenCon img{ float: right; width: 280px;}
/*产品*/
	.product{padding-bottom: 60px;}
	.productClass ul li{padding-left:20px;width:150px;height:40px;}
	.productClass ul li a{padding-left:15px;line-height:40px;background: url(../../images/default/arrow.jpg) left center no-repeat;}
	.productClass ul li a:hover{color: #E50011;}
	.productList { width: 888px;}
	.productList .className{padding-bottom:20px;height:40px; line-height:40px;font-size: 18px; font-weight: normal;}
	.productList .pageImg{padding-bottom:30px;}
	.productList .productUl{width: 888px;}
	.productList .productUl li{float:left;padding-right:20px;padding-bottom:20px;width: 202px; height: 262px;}
	.productList .productUl a{display: inline-block; width: 200px; height: 260px;border: 1px solid #fff;text-align: center;}
	.productList .productUl a img{ width: 200px; height: 200px;}
	.productList .productUl a h3{font-size: 14px; font-weight: normal; line-height: 60px;}
	.productList .productUl a:hover{border: 1px solid #E4E4E4; color: #E50011;}
	.page{ width: 100%; height: 35px; text-align: center;}
	.page a, .page span{ margin: 0 5px; padding:0 10px; height: 32px; line-height: 32px; border: 1px solid #e4e4e4; display: inline-block;border-radius: 5px; color: #666;}
	.page a:hover, .page span, .page a.curre{border: 1px solid #E50011; background: #E50011; color: #fff;}

	.productDeail{padding-bottom:30px;}
	.productDeail .proImg{width: 420px; height: 420px;}
	.productDeail .proImg img{ width: 420px; height: 420px;}
	.productDeail .productText{width: 400px;}
	.productDeail .productText .proT{width:100%;padding-bottom:10px;border-bottom: 1px solid #e4e4e4;}
	.productDeail .productText .proT h3{font-size: 24px;color: #E50011;font-weight: normal;}
	.productDeail .productText .proT p{ color: #999; line-height: 40px;}
	.productDeail .productText .proshow{padding-top:20px; line-height: 22px; color: #666;}

	.relatedPro{}
	.relatedPro .relatedTitle{ padding-bottom:14px; height:50px; line-height:50px; font-size: 16px; color: #999; border-top: 1px solid #E4E4E4;}
	.relatedPro .relatedUl{}
	.relatedPro .relatedUl li{float: left;padding-right:40px;width: 162px; height: 222px;}
	.relatedPro .relatedUl li a{display: inline-block;width: 160px; height: 220px; text-align: center; border:1px solid #fff;}
	.relatedPro .relatedUl li a img{width: 160px; height: 160px;}
	.relatedPro .relatedUl li a h3{ line-height: 60px; font-weight: normal;font-size: 14px; }
	.relatedPro .relatedUl li a:hover{border: 1px solid #E4E4E4; color: #E50011;}

@media screen and (max-device-width: 600px) {
	body{font-family: "Microsoft YaHei","黑体","verdana","STHeiti";}
	/*header*/
	    header{padding: 0 10px;  height: 3.5em; background: url(../../images/default/headerBg.jpg) 0 0 repeat-x; }
	    header .head{ width: 100%;max-width: 100%;}
	    header .logo{padding-top:0.8em;padding-right: 0;width: auto;}
	    header .logo img{height: 2em;}
	    header .logo-title{display: none;}
	    header .search{margin-top: 0.7em; padding: 0 5%; width: 60%; height: 2em; background-color: #fff;border-radius: 25px;overflow: hidden;}
	    header .search input{ width: 85%; border: 0px; height: 2em; line-height: 2em; font-size: 1em;}
	    header .search input.submit{ width:14px;background: url(../../images/default/search.png) center center no-repeat;}
	/*nav*/
		nav{width:100%;overflow-x:auto;overflow-y:hidden;margin:0 auto;height:3.5em;position:relative; line-height:3.5em;}
		nav::-webkit-scrollbar {display: none;}
		nav ul{position:absolute;left:0;top:0;width:530px;height:3.5em;z-index:1;}
		nav ul li{width:106px; float:left; overflow:hidden;}
		nav ul li a{padding: 0 2px; display:inline-block;line-height: 3em; height: 2.8em;font-size: 1.2em;}
		nav ul li a:hover{border-bottom: 0; color: #444;}
		nav ul li div{display: none;}
	/*面包屑导航*/
	 	.breadcrumbsNavigation{ display: none;}
		.showDetail{display: block;height:3.5em;line-height:3.5em;;border-bottom: 1px solid #E4E4E4;}
		.showDetail .pc{display: none;}
		.showDetail .mobile{padding-left:2em;display: block;;background: url(../../images/default/black.png) 10px center no-repeat; background-size: auto 50%;line-height: 2.5em; height: 2.5em;font-size: 1.4em;}
	/*banner*/
	    .swiper-container {max-width: 600px;  height: 160px; }
	    .swiper-slide img{height: 160px;}
    footer span{padding: 0 10px;}
	/*首页栏目*/
		.defacon{background: none;}
	    .con {width: 100%;}
	    .con .defapin, .con .defapro, .con .defacheng{ width: 100%; float: left;}
	    .con .defapin, .con .defapro{border-bottom: 10px solid #FAFAFA;}
	    .con .index-title{float:left;padding-left:5%; display: block; width: 95%;height: 3em;line-height: 3em; text-align: left;font-size: 1.3em; background: url(../../images/default/jiangtou1.jpg) 95% center no-repeat; border-bottom: 1px solid #E4E4E4}
	    .con a:hover .index-title, .con a.curre .index-title{ background:none;color: #666666;}
	    .con .index-con{float:left;padding:0px;width: 100%;height: auto;background: none; text-align: center;overflow: hidden;}
	    .con .index-con img{display: inline-block;}
	    .con .defapin .index-con{padding-left:0;background: none;}
 	/*单页面*/
		.pageContent{ padding:5%; width: 90%;}
		.pageContent .pageTitle{display: none;}
		.pageContent .pageImg{padding-bottom:5%;height:auto;width: 100%;}
		.pageContent .pageImg img{width: 100%;}
		.pageContent .pageCon{line-height: 2em; padding-bottom: 2em;}

		.chenfenTitle{ height: 2.5em; line-height: 2.5em; font-size: 1.40pxem;}
		.chenfenTitle img{padding-right:5%; height: 1.3em; vertical-align: middle;}
		.chenfenCon{ padding: 1em 0;}
		.chenfenCon .chefenText{ float: left; width: 100%;}
		.chenfenCon em{margin-top:0.7em;}
		.chenfenCon img{ padding-top:1em; float: right; width: 100%;}
		.productList { width: 100%;}
	/*产品*/
		.product{padding-bottom: 2em;}
	 	.productList .className{display: none;}
	 	.productList .pageImg{padding:0% 2% 5% 2%; width: 96%;}
	 	.productList .pageImg img{width: 100%;}
	 	/*.productList .productListUl{padding-top:2em;}*/

		.productClass ul{padding:0 2% 1em 2%; height: auto;}
		.productClass ul li{ float:left;padding:1em 0.5em 0 0.5em;width:auto;height:2em;}
		.productClass ul li a{ display: inline-block; padding:0 1em;line-height:2em;background: none;border: 1px solid #e4e4e4; border-radius: 32px;}
		.productClass ul li a.curre{color: #E50011;border: 1px solid #E50011;}
		.productClass ul li a:hover{color: #444444;border: 1px solid #e4e4e4;}

		.productList .productUl{width: 100%;}
		.productList .productUl li{float:left;padding:0 2%;width: 46%; height: auto;}
		.productList .productUl a, .productList .productUl a img{ width: 100%; height: auto;}
		.productList .productUl a h3{font-size: 1em; line-height: 4em;}
		.productList .productUl a:hover{border: 1px solid #fff;}

	 	.productDetail.productClass{display: none;}
		.productDeail .proImg{padding-bottom:5%;width: 100%; height: auto;}
		.productDeail .proImg img{ width: 100%; height: auto;}
		.productDeail .productText{padding:0 5%;width: 90%;}
		.productDeail .productText .proT{width:100%;padding-bottom:2%;}
		.productDeail .productText .proT h3{font-size: 1.6em;}
		.productDeail .productText .proT p{ line-height: 3em;}
		.productDeail .productText .proshow{padding-top:5%; line-height: 1.5em;}
		.relatedPro .relatedTitle{ padding:1% 2%; height:3em; line-height:3em; font-size: 1.3em; border-top: 10px solid #f9f9f9;}
		.relatedPro .relatedUl{padding:0 5%;width: 90%;}
		.relatedPro .relatedUl li{float: left;padding:2% 5%;width: 40%; height: auto;}
		.relatedPro .relatedUl li a{display: inline-block;width: 100%; height: auto;}
		.relatedPro .relatedUl li a img{width: 100%; height: auto;}
		.relatedPro .relatedUl li a h3{ line-height: 3em; height: 3em;font-size: 1em;}
		.relatedPro .relatedUl li a:hover{border: 1px solid #fff;}
		.searchPage{display: none;}
}