@charset "UTF-8";
.pc-show{ display:block;}
.mob-show{ display:none;}
.inner{margin:0 auto;width:94%;}
.w1200{margin:0 auto;width:1200px;}
.w1250{margin:0 auto;width:1250px;}
.pic1{ display:block; width:100%;}

#header{ position:relative; width:1250px; height:100px; margin:0 auto;}
#header a.logo{ float:left; margin:30px 0 0 0; width:260px;}
#header a.logo img{ width:100%;}

/*user*/
#header .user{float:left;height:30px; line-height:30px; margin:35px 0 0 25px; padding-left:25px;display:inline-block;z-index: 99; border-left:1px solid #e8e8e8;}
#header .user span{ display:inline-block; text-indent:25px; height:30px;background:url(../images/ico_40_user.png) left center no-repeat; background-size:18px auto;}

/*语言*/
#header .lan{float:right; height:100px; line-height:100px; margin:0 120px 0 0; position: relative;display:inline-block;z-index: 99;}
.dropbtn {display: block; padding:0 20px; font-size: 14px;background: #fff url(../images/ico_arrow_d.gif) no-repeat right center;cursor: pointer;}
.lan_select {display: none; position: absolute; top:100px; left:20px; width:150px; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);background: #fff;}
.lan_select a {display: block;width:100%; height:50px; line-height:50px; text-align:center;border-bottom:1px solid #e8e8e8;}
.lan_select a:hover {background-color: #f1f1f1}
.lan:hover .lan_select {display: block;}

/*banner*/
#BannerShow_e1.swiper-container {width: 100%;height: auto;}
#BannerShow_e1 .swiper-slide {color:#fff;-webkit-box-sizing: border-box;box-sizing: border-box;}
#BannerShow_e1 .parallax-bg {width: 100%;height:auto;}
#BannerShow_e1 .parallax-bg img{ width:100%; display:block;}
#BannerShow_e1 .parallax-info{position: absolute;right: 0;bottom: 0;width: 650px;height: 300px;background-color:rgba(0,0,0,0.6);color:#fff;}
#BannerShow_e1 .swiper-slide .title {font-size: 40px;padding:60px 0 0 70px;letter-spacing:2px;}
#BannerShow_e1 .swiper-slide .subtitle {font-size: 20px;padding:15px 0 0 70px;text-transform:uppercase;line-height:36px;}
#BannerShow_e1 .swiper-arrows{ position:absolute; right:70px; bottom:40px; width:102px; height:50px;}
#BannerShow_e1 .swiper-button-next, #BannerShow_e1 .swiper-button-prev{ position:absolute;display:block;width:50px; height:50px; z-index:10; cursor:pointer;-moz-background-size:102px 50px;-webkit-background-size:102px 50px;background-size:102px 50px;background-repeat:no-repeat; background-image:url(../images/ico_arrow.png);}
#BannerShow_e1 .swiper-button-next{right:0;background-position:right center; background-color:#0069b7;}
#BannerShow_e1 .swiper-button-prev{left:0;background-position:left center; background-color:#535150;}
#BannerShow_e1 .swiper-button-next.swiper-button-disabled, #BannerShow_e1 .swiper-button-prev.swiper-button-disabled{opacity:1;cursor:auto;pointer-events:none}

/*品牌故事*/
#brand_story{position:relative; margin:90px auto 120px auto; width:1250px; height:900px;}

.common_tit{ color:#535150;}
.common_tit span{ display:inline-block; padding-bottom:10px; font:bold 36px/36px '思源黑体'; text-transform:uppercase;}
.common_tit em{font:normal 20px/20px '思源黑体';}
.common_tit em:after{ content:' _'}

#bs1{ position:absolute; left:0; bottom:0;}
#bs2{ position:absolute; left:425px; top:200px;}
#bs3{ position:absolute; right:0; top:0;}
#slogan{position:absolute; right:286px; top:75px; z-index:100;}
#brand_story_txt{ position:absolute; right:0; bottom:0; width:825px; height: 135px;color:#535150; line-height:30px; letter-spacing:1.5px;}

/*热销产品*/
#hot_product{margin:0 auto 110px auto;height:700px;background:url(../images/pro_bg.jpg) no-repeat center top;}
#hot_product .hp_top{position:relative;margin:0 auto;width:1250px;height:490px;}
#hot_product .hp_top .building{ position:absolute; left:-90px;}

#hot_product .hp_top_right{ float:right; width:300px;}

#hot_product .pro_tit{ margin-top:100px; width:100%;color:#535150; text-align:right;}
#hot_product .pro_tit span{ display:inline-block; padding-bottom:10px; font:bold 36px/36px  '思源黑体'; text-transform:uppercase;}
#hot_product .pro_tit em{font:normal 20px/20px '思源黑体';}
#hot_product .pro_tit em:after{ content:' _'}

#hot_product .pro_more{float:right;margin-top:90px; width:120px; transition:300ms ease-in-out; background:#535150;}
#hot_product .pro_more:hover{background:#0069b7;}
#hot_product .pro_more a{ display:block; width:120px; height:35px; line-height:35px; text-transform:uppercase;text-align:center; color:#fff; letter-spacing:1px;}

.pro_list{ margin:-40px auto 0 auto;width:1250px;height:250px; overflow:hidden; position:relative;}
	.pro_list .pro_btn_prev ,.pro_list .pro_btn_next{ float:left;width:110px; height:250px;cursor:pointer;transition:300ms ease-in-out;}
	.pro_list .pro_btn_prev{background:url(../images/arrow_pro_l.png) center left no-repeat;}
	.pro_list .pro_btn_prev:hover{ background:url(../images/arrow_pro_l_on.png) left center no-repeat; }
	.pro_list .pro_btn_next{background:url(../images/arrow_pro_r.png) right center no-repeat;}
	.pro_list .pro_btn_next:hover{ background:url(../images/arrow_pro_r_on.png) right center no-repeat; }
	
	.pro_list .pro_box{ float:left; width:1030px;}

/*招商加盟*/
#join{position:relative; margin:0 auto 90px auto; width:1250px; height:520px;}
#join_img{position:absolute; width:650px;}
#join_logo{position:absolute; right:0; top:80px; width:630px; z-index:100;}
#join_X3{position:absolute; width:510px; height:100px; bottom:60px; right:45px;}
#join_X3 a{ float:left; display:block; width:140px; height:100px; margin:0 15px; background:#535150 url(../images/ico_arrow_r.png) 85% center no-repeat;transition:300ms ease-in-out;}
#join_X3 a:hover{background:#0069b7 url(../images/ico_arrow_r.png) 90% center no-repeat;}
#join_X3 a span{ display:block; margin:18px 0 0 25px;font:bold 20px/30px '思源黑体'; letter-spacing:2px; color:#fff;}

/*资讯中心*/
#news_center{position:relative; margin:0 auto 90px auto; width:1250px; height:500px;}
#news_center .hd{width:100%; height:50px;overflow:hidden;}
#news_center .hd .prev,#news_center .hd .next{ display:block;float:left; margin-right:2px;   width:50px; height:50px; overflow:hidden; cursor:pointer; background:url("../images/ico_arrow.png") no-repeat;}
#news_center .hd .prev{background-position:left center; background-color:#535150;  }
#news_center .hd .next{ background-position:right center;background-color:#0069b7;}

#news_center .bd{  width:100%;}
#news_center .bd ul{ zoom:1; }
#news_center .bd ul li{ float:left; width:100%; position:relative;}
#news_center .bd ul li .news_img{ position:absolute; right:0; bottom:30px; width:600px; height:400px; overflow:hidden;z-index:100;}
#news_center .bd ul li .news_img img{width:100%; display:block;}
#news_center .bd ul li .news_content{padding:0 235px 0 65px; width:520px; height:350px;overflow:hidden; background:#f5f5f5;z-index:1; }
#news_center .bd ul li .news_content .news_link a{ display:block; padding:65px 0 45px 0; border-bottom:1px solid #e0e0e0;}
#news_center .bd ul li .news_content .news_link a span{ display:inline-block; float:left; color:#342c2a; font-size:18px; font-weight:bold;}
#news_center .bd ul li .news_content .news_link a span:hover{color:#0069b7;}
#news_center .bd ul li .news_content .news_link a em{ display:inline-block; float:right; color:#999; font-size:12px;}
#news_center .bd ul li .news_content p{padding:25px 0;font-size:14px; line-height:22px; }

.news_more{width:120px;height:35px; margin-top:30px; }
.news_more a{ display:block; transition:300ms ease-in-out; background:#f5f5f5; border:1px solid #c9c9c9; width:120px; height:35px; line-height:35px; text-transform:uppercase;text-align:center; color:#999999; letter-spacing:1px;}
.news_more a:hover{background:#0069b7; border:1px solid #0069b7; color:#fff;}

/*页脚*/
#footer{ margin-top:60px; width:100%; height:90px; line-height:90px; background:#535150;}
.footer_list{ width:45%; float:left;}
.footer_list a{ margin-right:40px;color:#fff;}
.footer_list a:hover{color:#0069b7;}

.cppyright{width:55%; float:right; text-align:right; color:#fff !important;}
.cppyright a{color:#fff !important;}
.cppyright a:hover{color:#0069b7;}

@media only screen and (max-width: 1440px){
	/*banner*/
	#BannerShow_e1 .parallax-info{width: 600px;height: 260px;}
	#BannerShow_e1 .swiper-slide .title {font-size: 34px;padding:40px 0 0 50px;}
	#BannerShow_e1 .swiper-slide .subtitle {font-size: 18px;padding:15px 0 0 50px;line-height:28px;}
	
	/*热销产品*/
	#hot_product .hp_top .building{ position:absolute; left:0px;}
	}

@media only screen and (max-width: 1199px){
	.pc-show{ display:none;}
	.inner{ width:100%; margin:0 auto;}
	.w1200{ width:94%; margin:0 auto;}
	.w1250{ width:94%; margin:0 auto;}
	
	#header{ position:relative; width:100%; height:100px;}
    #header a.logo{ float:left; margin:30px 0 0 4%; width:260px;}
	
	/*user*/
	#header .user{ display:none;}
	
	/*语言*/
    #header .lan{ display:none;}
	
	/*手机语言切换*/
	.menuBtm{position:absolute;left:0;right:0;bottom:50px;}
    .mlang{text-align:center;}
    .mlang a{color:#777;}
    .mlang .mtti{width:160px;height:1px;background:#535150;margin:0 auto;position:relative;margin-bottom:9px;}
    .mlang .mtti .txx{background:#fff;width:100px;height:24px;line-height:24px;position:absolute;left:50%;margin-left:-50px;top:50%;margin-top:-12px;overflow:hidden;}

   .mtools{width:160px;height:35px;margin:0 auto;border:1px solid #0069b7;overflow:hidden;position:relative;margin-top:30px;font-size:12px;}
	.mtools	a{display:inline-block; width:80px; height:35px; line-height:35px; text-align:center; color:#535150;}
    .mtools	a:hover{background-color:#0069b7; color:#ffffff; }
    .mtools	a.on{background-color:#0069b7; color:#ffffff; }
	
	/*banner*/
	#BannerShow_e1 .parallax-bg {text-align:center;}
    #BannerShow_e1 .parallax-bg img{ width:100%; display:block;}
	#BannerShow_e1 .parallax-info{position:static; float:left; width:100%; height: 200px; background-color:rgba(34,34,34,1);color:#fff;}
	#BannerShow_e1 .swiper-slide .title {font-size: 36px;padding:30px 0 0 40px;}
	#BannerShow_e1 .swiper-slide .subtitle {font-size: 18px;padding:10px 0 0 40px; line-height:24px;}
	#BannerShow_e1 .swiper-arrows{ position:absolute; right:15px; bottom:5px; width:72px; height:50px;}
	#BannerShow_e1 .swiper-button-next, #BannerShow_e1 .swiper-button-prev{ width:35px; height:35px;moz-background-size:72px 35px;-webkit-background-size:72px 35px;background-size:72px 35px;}
	
	/*品牌故事*/
	#brand_story_mob{position:relative; margin:30px auto; width:92%; height:auto;}
	#brand_story_mob_txt{ color:#535150; line-height:24px; letter-spacing:1px;}
	
	.common_tit{ color:#535150; width:100%; text-align:center;}
	.common_tit span{ display:inline-block; padding-bottom:10px; font:bold 20px/24px '思源黑体'; text-transform:uppercase;}
	.common_tit em{font:normal 16px/16px '思源黑体';}
	.common_tit em:after{ content:''}
	
	/*热销产品*/
	#hot_product{position:relative; margin:0 auto 20px; height:auto; background:url(../images/pro_bg.jpg) no-repeat 70% top; background-size:150%;}
	#hot_product .hp_top{ position:relative; margin:0 auto; width:92%; height:390px;}
	#hot_product .hp_top .building{ position:absolute; left:-20px; width:50%;}
	#hot_product .hp_top .building img{ width:100%;}
	
	#hot_product .hp_top_right{ float:right; width:300px;}

	#hot_product .pro_tit{ margin-top:30px;}
	#hot_product .pro_tit span{font:bold 20px/24px '思源黑体';}
	#hot_product .pro_tit em{font:normal 16px/16px '思源黑体';}
	#hot_product .pro_tit em:after{ content:''}

	#hot_product .pro_more{margin-top:30px;}
	
	.pro_list{ margin:-30px auto 0 auto;width:100%;height:320px;}
	.pro_list .pro_btn_prev ,.pro_list .pro_btn_next{ float:left;width:8%; height:320px;cursor:pointer;transition:300ms ease-in-out;}
	.pro_list .pro_btn_prev{background:url(../images/arrow_pro_l.png) 10px center no-repeat; background-size:40px 40px;}
	.pro_list .pro_btn_prev:hover{ background:url(../images/arrow_pro_l_on.png) 10px center no-repeat; background-size:40px 40px;}
	.pro_list .pro_btn_next{background:url(../images/arrow_pro_r.png) 25px center no-repeat; background-size:40px 40px;}
	.pro_list .pro_btn_next:hover{ background:url(../images/arrow_pro_r_on.png) 25px center no-repeat; background-size:40px 40px;}
	
	.pro_list .pro_box{ float:left; width:84%;}
	
	/*招商加盟*/
	#join{position:relative; margin:0 auto 30px auto; width:92%; height:auto;}
	#join_img{position:static; width:100%;}
	#join_logo{ display:none;}
	#join_X3{position:static; width:100%; height:60px; margin-top:12px;}
	#join_X3 a{ float:left; display:block; width:27.3%; height:60px; margin:0 3%; background:#535150 url(../images/ico_arrow_r.png) 85% center no-repeat;transition:300ms ease-in-out; background-size:20px auto;}
	#join_X3 a:hover{background:#0069b7 url(../images/ico_arrow_r.png) 90% center no-repeat;}
	#join_X3 a span{ display:block; margin:10px 0 0 10px;font:bold 14px/20px '思源黑体'; letter-spacing:2px; color:#fff;}
	
	/*资讯中心*/
	#news_center{position:relative;margin:0 auto 20px auto; width:92%; height:970px;}
	#news_center .hd{width:100%; height:35px;overflow:hidden; z-index:1000; position:absolute;}
	#news_center .hd .prev,#news_center .hd .next{ display:block;float:left; margin-right:2px;width:35px; height:35px; overflow:hidden; cursor:pointer; background:url("../images/ico_arrow.png") no-repeat;moz-background-size:72px 35px;-webkit-background-size:72px 35px;background-size:72px 35px;}
	#news_center .hd .prev{background-position:left center; background-color:#535150;  }
	#news_center .hd .next{ background-position:right center;background-color:#0069b7;}
	
	#news_center .bd ul li .news_img{ position:static; width:100%; height:auto;}
	#news_center .bd ul li .news_content{padding:0 4% 0px; width:92%;height:230px;}
	#news_center .bd ul li .news_content .news_link a{padding:25px 0 35px 0;}
	#news_center .bd ul li .news_content .news_link a span{font-size:14px}
	#news_center .bd ul li .news_content .news_link a em{ display:none;}
	#news_center .bd ul li .news_content p{padding:15px 0;font-size:12px; }
	
	.news_more{margin-top:10px; }
		
	/*页脚*/
	#footer{ margin-top:30px; padding-top:3px; width:100%; height:50px; line-height:24px; background:#595858; font-size:12px;}
	.footer_list{ display:none;}
	.cppyright{width:100%; float:inherit; text-align:center;}
	.cppyright span{ display:block;}
	}
	
	@media only screen and (max-width: 768px){
        /*热销产品*/
	    #hot_product .hp_top{ position:relative; margin:0 auto; width:92%; height:295px;}
		.pro_list{ margin:-30px auto 0 auto;width:100%;height:250px;}
		.pro_list .pro_btn_prev ,.pro_list .pro_btn_next{ float:left;width:8%; height:230px;cursor:pointer;transition:300ms ease-in-out;}
		.pro_list .pro_btn_prev{background:url(../images/arrow_pro_l.png) 10px center no-repeat; background-size:30px 30px;}
		.pro_list .pro_btn_prev:hover{ background:url(../images/arrow_pro_l_on.png) 10px center no-repeat; background-size:30px 30px;}
		.pro_list .pro_btn_next{background:url(../images/arrow_pro_r.png) 25px center no-repeat; background-size:30px 30px;}
		.pro_list .pro_btn_next:hover{ background:url(../images/arrow_pro_r_on.png) 25px center no-repeat; background-size:30px 30px;}
   
		#news_center{height:800px;}
		}
	
	@media only screen and (max-width: 640px){
	#header{ position:relative; width:100%; height:60px;}
	#header a.logo{ float:left; margin:20px 0 0 4%; width:150px;}
		
	/*banner*/
	#BannerShow_e1 .parallax-info{height: 150px; }
	#BannerShow_e1 .swiper-slide .title {font-size: 20px;padding:20px 0 0 15px;}
	#BannerShow_e1 .swiper-slide .subtitle {font-size: 12px;padding:10px 0 0 15px; line-height:20px;}
	
	/*热销产品*/
	#hot_product{position:relative; margin:0 auto 20px; height:auto; background:url(../images/pro_bg.jpg) no-repeat 70% top; background-size:200%;}
	#hot_product .hp_top{ position:relative; margin:0 auto; width:92%; height:205px;}
	#hot_product .hp_top .building{ position:absolute; left:-20px; width:60%;}
	
	#hot_product .pro_tit{ margin-top:10px; width:100%;color:#535150; text-align:right;}
	#hot_product .pro_tit span{ display:inline-block; padding-bottom:10px; font:bold 20px/20px '思源黑体'; text-transform:uppercase;}

	#hot_product .pro_more{float:right;margin-top:20px; width:80px;}
	#hot_product .pro_more a{ display:block; width:80px; height:30px; line-height:30px; font-size:12px;}
	
	.pro_list{ margin:-20px auto 0 auto;width:100%;height:180px; overflow:hidden; position:relative;}
	.pro_list .pro_btn_prev ,.pro_list .pro_btn_next{ float:left;width:12%; height:160px;cursor:pointer;transition:300ms ease-in-out;}
	.pro_list .pro_btn_prev{background:url(../images/arrow_pro_l.png) 10px center no-repeat; background-size:25px 25px;}
	.pro_list .pro_btn_prev:hover{ background:url(../images/arrow_pro_l_on.png) 10px center no-repeat; background-size:25px 25px;}
	.pro_list .pro_btn_next{background:url(../images/arrow_pro_r.png) 10px center no-repeat; background-size:25px 25px;}
	.pro_list .pro_btn_next:hover{ background:url(../images/arrow_pro_r_on.png) 10px center no-repeat; background-size:25px 25px;}
	
	.pro_list .pro_box{ float:left; width:76%;}
	
	/*资讯中心*/
	#news_center{height:570px;}

	.news_more{width:80px;height:30px; margin-top:10px; }
	.news_more a{width:80px; height:30px; line-height:30px; font-size:12px; }
	}
	
	@media only screen and (max-width: 375px){
		#hot_product .hp_top{height:190px;}
		
		#news_center{height:550px;}
		}
	
	@media only screen and (max-width: 360px){
		#hot_product .hp_top{height:180px;}
		
		#news_center{height:530px;}
		}
	
	@media only screen and (max-width: 320px){
		#hot_product .hp_top{height:160px;}
		.pro_list{height:160px;}
		
		#news_center{height:510px;}
		}


.pagelist {padding-bottom: 40px;}
.pagelist ul{text-align:center;margin:20px 0 0 0;padding-bottom: 20px;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{
	display:inline-block;
	border:1px solid #eee;
	padding:6px 15px;
	border-radius: 3px;
	background: #fff;
	color: #999999;
	transition: all .5s;
}
.pagelist li a:hover{border-color:#0069b7;background:#0069b7;color:#fff;}
.pagelist li.active a{border-color:#0069b7;background:#0069b7;color:#fff;}