/*PC端与手机端样式调整*/
#head{ display:block;}
#m_head{ display:none;}

#footer{display:block;}
#m_foot{display:none;}


#warp { width: 100%; margin: 0 auto; }



#header { width: 100%;  background: #313131; overflow: hidden; }
#header .bigpic{ display:none;}
#head { width: 1150px; margin: 0 auto; }
#head .top { width: 100%; }
#head .top .logo { width: 287px; height: 100px; float: left; }

.left{float:left; display:block;}
.right{float:right; display:block;}


#head .top .nav { width: 556px; height: 100px; float: left; padding-left: 50px; }
#head .top .nav .navul > li { display: block; width: 60px; height: 70px; float: left; margin-left: 30px; padding-top: 38px; text-align: center; position: relative; }
#head .top .nav .navul > li > a { color: white; font-weight: bold; display: block; width: 60px; height: 50px; margin-top:14px; }
#head .top .nav .navul li a:hover { color: #b51616; }
.red{color: #b51616;}
#nav .nLi .sub { display: none; width: 177px; min-height: 141px; height: auto; background: white; filter: alpha(Opacity=80); opacity: 0.8; position: absolute; top: 100px; left: 0px; z-index: 9; padding-top: 10px; }
#nav .nLi .sub li a { display: block; font-size: 16px; font-weight: bold; color: #3c3c3c; margin: 0px 0 0 31px; width: 146px; height: 42px; text-align: left; line-height: 36px; }





#head .top .search { width: 182px; height: 100px; float: left; position: relative; float: right; }
#head .top .search .lang { width: 120px; height: 25px; position: absolute; top: 23px; right: 0px; display: block; color: white; text-align: right; }
#head .top .search .lang a { color: white; }
#head .top .search .lang a:hover { color: #b51616; }
#head .top .search .s_val { width: 154px; height: 23px; background: #e5e5e5; display: block; position: absolute; top: 50px; right: 33px; }
#head .top .search .s_btn { width: 33px; height: 23px; display: block; position: absolute; top: 50px; right: 0px; }
#head .top .search .s_val input { width: 153px; height: 23px; border: none; background: #e5e5e5; }
#head .top .search .s_btn input { width: 33px; height: 23px; border: none; background: url(../images/search.jpg)  no-repeat scroll 7% 41%; text-indent: 999px; cursor: pointer; }






#m_banner{ display:none;}
#header .banner { width: 100%; height: 618px; margin: 0 auto; overflow: hidden; position: relative; display:block; 
text-align: center;}
#header .banner .hd { height: 15px; overflow: hidden; position: absolute; left: 48%; bottom: 10px; z-index: 1; }
#header .banner .hd ul { float: right; overflow: hidden; zoom: 1; zoom: 1; }
#header .banner .hd ul li { float: left; width: 12px; height: 12px; overflow: hidden; margin-right: 7px; text-indent: -999px; cursor: pointer; background: url("../images/circle.png") 0 -12px no-repeat; }
#header .banner .hd ul li.on { background-position: 0 0; }

#header .banner .bd {   height: 100%; z-index: 0; }
#header .banner .bd ul {margin: 0 auto; }
#header .banner .bd li {   width: 100%; height: 618px; margin:0px auto 0 auto; position:relative;}
#header .banner .bd li img{ display: block;width: 1920px;height: 618px;position: absolute;left: 50%;margin-left: -960px; }
#header .banner .bd li .whitebg { width: 325px; height: 140px; padding-left: 35px; display: block; position: absolute; top: 220px; right: 39px; background: white; filter: alpha(opacity=80); opacity: 0.7; }
#header .banner .bd li .whitebg .title { display: block; font-size: 30px; width: 360px; height: 30px; margin-top: 25px; color:black; text-align:left;}
#header .banner .bd li .whitebg .text { text-align:left; display: block; font-size: 14px; width: 360px; height: 30px; margin-top: 16px;  color:black;}
#header .banner .bd li .whitebg .red { text-align:left; display: block; width: 115px; height: 14px; background: #b51616; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
#header .banner .prev { position: absolute; left: 7px; top: 50%; margin-top: -25px; display: block; width: 23px; height: 43px; background: url(../images/banner_left.png) no-repeat; filter: alpha(opacity=50); opacity: 0.8; }
#header .banner .next { position: absolute; left: 7px; top: 54%; margin-top: -25px; display: block; width: 32px; height: 43px; background: url(../images/banner_right.png) no-repeat; filter: alpha(opacity=50); opacity: 0.8; }
#header .banner .next { left: auto; right: 7px; background-position: 8px 5px; }
#header .banner .prev:hover, #header .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
#header .banner .prevStop { display: none; }
#header .banner .nextStop { display: none; }



#webmap { width: 1150px; height: 17px; text-align: right; margin: 0 auto 63px auto; }
#webmap a { color: #7a7b78; }
#webmap .current { font-size: 16px; font-weight: bold; }




#main { width: 100%; overflow: hidden; }

 










/*产品列表页*/
.pro_title { width: 1150px; margin: 90px auto 12px auto; overflow: hidden; border-bottom: 1px solid #aaaaaa; padding: 0 0 23px 0;   }
.pro_list{ overflow:hidden;}
.pro_title .titleimg { width: 287px; height: 93px; float: left; background: url(../images/st_15.jpg) no-repeat left 21px; text-indent: 9999px; }
.pro_title .items {   float: right; }
.pro_title .items ul li { display: block; width: 61px; height: 60px; float: left; margin: 33px 0 0 14px; }
.pro_list { width: 1150px; margin: 0 auto 0 auto; }
.pro_list ul li { display: block; width: 274px; height: 271px; margin: 0 18px 0 0; float: left; text-align: center; }
.pro_list ul li a { color: #000000; line-height: 50px; }
.pro_list ul li img { width: 274px; height: 204px; }

/*产品介绍页*/
.pro_introduce{ margin:90px 0; line-height:24px;}
.pro_introduce .one{ width:1150px;  margin:0 auto; overflow:hidden; position:relative;}
.pro_introduce .one img{ display:block; overflow:hidden; float:right;}
.pro_introduce .one .icobg{width: 100%; clear:both;height: 45px;position: relative;line-height: 38px;color: #808080;letter-spacing: 2px; background:url(../images/dashed.png) repeat-x center}
.pro_introduce .one .icobg img{position: absolute;top: 0px;left: 50%; width:45px; height:auto;}
.pro_introduce .two .icobg{width: 100%;height: 45px;position:relative;line-height: 45px;color: #808080;letter-spacing: 2px; text-align:right; clear:both;}
.pro_introduce .one .one_img{float: left;margin: 0px 20px 0px 0px; padding-bottom:40px; max-width:775px;}
@media screen and (max-device-width:763px){
	.pro_introduce .one .one_img{margin-right:0px;}
	}

.pro_introduce .two .icobg{width: 100%; clear:both;height: 45px;position: relative;line-height: 38px;color: #808080;letter-spacing: 2px; background:url(../images/dashed.png) repeat-x center}
.pro_introduce .two .icobg img{position: absolute;top: 0px;left: 50%; width:45px; height:auto;}

.pro_introduce .two .two_img{float: left; margin-right:20px; max-width:945px; margin-bottom: 40px;}
.pro_introduce .two .two_txt{padding: 20px 0px 0px 10px;}
.pro_introduce .three .three_txt{float: left;width: 414px;}

.pro_introduce .three .three_img{width: auto;float: left; max-width:730px;}

.pro_introduce .two{ width:1150px;  margin:0px auto 0 auto; overflow:hidden; position:relative;}
.pro_introduce .two img{ overflow:hidden;}


.pro_introduce .three{ width:1150px;  margin:100px auto 40px auto; overflow:hidden;}
.pro_introduce .three img{   overflow:hidden;}

.pro_introduce .one,.pro_introduce .two,.pro_introduce .three{ min-height:150px; margin-top: 40px;}
 
 
 
 
 
 
 /*产品类型页*/
.product_title{ width:1150px; height:126px; margin:0 auto; line-height:16em; background:url(../images/p_31.jpg) no-repeat left 90px; padding:0 0 36px 0; border-bottom:1px solid #aaaaaa;}
.product_type{ width:1150px; margin:49px auto 0 auto; overflow:hidden;}
.product_type ul li{width:550px; height:318px; padding:0 10px 0 0px; margin:0 15px 10px 0; border-bottom:3px solid black;
	position:relative; overflow:hidden; }

.product_type ul li .product_img span{ display:none; width:100px; height:100px; position:absolute; top:88px; left:240px; background-size:100% !important;}
.product_type .product_text{ width:284px; height:318px;margin-left:10px;}
.product_type .product_text h3{ font-size:16px; font-weight:bold; margin:13px 0 33px 0; color:black;}
 .product_type .product_text em{display:block; width:62px; height:62px; background:url(../images/st_17.jpg) no-repeat; margin:0 0 27px 0; text-indent:9999px;   background-size: 100% !important;}
 .product_type .product_text p{width:196px; height:100px; overflow:hidden; color: black;}
 
 .product_type .product_img{ display:block; width:565px; height:256px; position:absolute;top:0px; left:281px;}
  .product_type .product_img > a >img{ width:565px; height:256px;}
.product_type .product_img span{ text-indent:9999px;}
 .whychose{ width:100%; height:55px; background:url(../images/whychose.jpg) no-repeat center center; overflow:hidden;  margin:78px 0 114px 0;}
.threeLi{ width:1150px; height:444px; margin:0 auto 155px auto; padding:25px 0 0 0; overflow:hidden; background:url(../images/threeulbg_03.gif) no-repeat center center;}
 .threeLi ul li {width:307px; height:412px;margin-left:61px; background:#dcdcdc; }
  .threeLi ul li span{ display:block; width:224px; height:81px; margin:14px 0 0 36px;}
  .threeLi ul li span h3{ font-size:16px; font-weight:bold; margin:0 0 10px 0;}
 
 
/*新闻列表页banner*/
.news_banner { width: 100%; height: 618px; overflow: hidden; position: relative; }
.news_banner img { position: absolute; width: 1920px; height: 618px; left: 50%; margin-left: -960px; }


/*新闻页列表页*/
.newspage_title{ width:1150px; height:126px; margin:0 auto; line-height:16em; background:url(../images/news_05.jpg) no-repeat left 90px; padding:0 0 36px 0; border-bottom:1px solid #aaaaaa;}
.newspage_item{ width:1150px; margin:97px auto 80px  auto; line-height:30px;}

.newspage_item ul li{ display:block; width:1150px; height:176px; margin-top:50px; padding-bottom:22px; border-bottom:1px dashed #959595; overflow:hidden;}
.newspage_item ul li .news_img{ width:453px; height:163px; display:block; float:left;}
.newspage_item ul li .news_img img{ display:block;width:227px; height:163px; float:left;}
.newspage_item ul li .news_img .txt{ width:226px; height:163px; display:block; float:left; background:#b01f24;  }
.newspage_item ul li .news_img .txt .date,.newspage_item ul li .news_img .txt .year,.newspage_item ul li .news_img .txt .word,.newspage_item ul li .news_img .txt .line{ display:block; text-align:center; color:white;}
.newspage_item ul li .news_img .txt .date{ margin:30px 0 0 0; font-size:36px;}
.newspage_item ul li .news_img .txt .year{ margin:11px 0 0 0; font-size:18px;}
.newspage_item ul li .news_img .txt .line{   width:80px; height:15px; border-bottom:1px solid white; margin:0 0 10px 75px;}
.newspage_item ul li .news_img .txt .word{  margin:0 0 0 67px;  font-size:14px;  width:98px; letter-spacing:2px; }
.newspage_item ul li .news_text{ width:583px; height:175px; display:block; float:left;padding-left:106px;}
.newspage_item ul li .news_text h3{ padding:0 0 24px 0; font-size:18px;}
.newspage_item ul li .news_text h3 a{ color:#000000;}
.newspage_item ul li .news_text h3 a:hover{ color:#514d4d;}
.newspage_item ul li .news_text p{ line-height:22px; width:585px; height:106px; display:block; overflow:hidden;}
.newspage_item >p{ line-height:30px;}






/*分页*/
#pages { width: 1150px;   margin: 0 auto; }
#pages .page {  height: 58px; float: right; text-align: right; margin: 40px 0 90px 0; }
#pages .page a { color: black; padding: 10px 13px; height:19px; background: #dcdcdc; margin: 0 2px 0 0 ; display: block; float:left; }
#pages .page a:hover { background: #d50200; color: white; }
#pages .page a.leng { width: 42px; }
#m_pages{display:none;}





#footer { width: 100%; height: 155px; background: #313131; }
#foot { width: 1150px; padding: 25px 0 0 0; margin: 0 auto; color: #fffefe; }
#foot .copyright { min-width: 367px; height: 25px; display: block; float: left; font-size: 12px; text-align: left; background: url(../images/d_108.png) no-repeat right; line-height: 23px; padding-right:39px; }
#foot .about_us { min-width: 260px; height: 25px; display: block; float: left; font-size: 12px; text-align: center; background: url(../images/d_108.png) no-repeat right; line-height: 23px; }
#foot .show_us { min-width: 293px; height: 25px; display: block; float: left; font-size: 12px; text-align: center; background: url(../images/d_108.png) no-repeat right; line-height: 23px;
position:relative; }
#foot .show_us #weixinPic{ width:100px; height:100px ;display:none; position:absolute; top:-110px; left:100px; }
#weixinPic  img{ width:102px; height:102px;}
#foot .jishu { min-width: 160px; height: 25px; display: block; float: left; font-size: 12px; text-align: right; line-height: 23px; }
#foot .about_us a { color: #fffefe; }

#foot .show_us #weiboPic{ width:100px; height:100px ;display:none; position:absolute; top:-110px; left:160px; }
#weiboPic  img{ width:102px; height:102px;}