.banner{ width:100%; height:auto;}
.banner div{ width:100%;  }
.banner div img{ width:100%; height:auto;}

.home,
.main{ width:1230px; margin:0 auto;}

.banrkt{ width:100%; height:380px;}
.banrkt_info{ display:block; width:72%; margin:0 auto;  padding-top:40px;}
.banrkt_info h3{ margin-bottom:20px; text-align:center; color:#87bffa}
.banrkt_info p{text-align:left; color:#888;}

.box{ margin:30px 0;}
.box .box_title{ height:50px; border-bottom:2px solid #e70012; position:relative;}
.box .box_title h3{ width:120px; height:36px; line-height:36px; margin:0 auto; text-align:center;}
.box .box_title span{ position:absolute; right:30px; top:10px;}

.product_list{}
.product_list ul{ width:96%; margin:0 auto; overflow:hidden;}
.product_list ul li{ width:210px; height:auto; margin:10px; float:left;}
.product_list ul li a{ display:block; margin:10px auto; width:190px; height:190px; line-height:190px; border-radius:10px; text-align:center; box-shadow:2px 3px 10px rgba(0,0,0,0.2); overflow:hidden;}
.product_list ul li a img{display: block; width: 100%; height: 100%; }
.product_list ul li p{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center;}


.news_list{}
.news_list ul{ width:98%; margin:0 auto; overflow:hidden;}
.news_list ul li{ width:220px; height:auto; margin:10px; float:left; padding-bottom:20px; box-shadow:2px 3px 10px rgba(0,0,0,0.2);}
.news_list ul li span{display: block; width: 100%;}
.news_list ul li span a{ display:block; margin:10px auto; width:100%; border-radius:10px; text-align:center; overflow:hidden;}
.news_list ul li span a img{ display:block; width:100%; height:190px; }
.news_list ul li p{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center;}
.cnont{display: none;}
.wamp_footer{display: none;}

.main{ margin-top:20px; margin-bottom:50px;}
.main .main_box{ width:100%; overflow:hidden;}
.main .main_box .main_left{ width:265px; float:left;}
.main .main_box .main_right{ width:900px; float:left; margin-left:65px;}


.icons{ background:url(../images/icons.png) no-repeat;}
.main .main_box .main_left dl{ margin-bottom:20px;}

.main .main_box .main_left dl dt{ width:100%; height:40px; line-height:40px; margin-bottom:20px; position:relative; background:#e70012 url(../images/icons_o.png) no-repeat left center;}
.main .main_box .main_left dl dt h3{ text-align:center; color:#fff;}
.main .main_box .main_left dl dt .center_icon{ width:25px; height:12px; background-position:right top; position:absolute; left:50%; margin-left:-12px; bottom:-12px;}
.main_nav dd{}
.main_nav dd ul{}
.main_nav dd li{ width:100%; height:50px; line-height:50px;}
.main_nav dd li a{ display:block; height:100%; text-indent:20px; border-bottom:1px solid #d5d5d5; color:#888; position:relative;} 

.main_nav dd li a i{ display:block; width:20px; height:20px; overflow:hidden; position:absolute; right:0; top:30%; background-position:81% -21px;}

.main_nav dd li.now a{ border-color:#e70012;}
.main_nav dd li.now a i{ background-position:81% 5px;}

.main_nav dd li a:hover{ border-color:#e70012;}
.main_nav dd li a:hover i{ background-position:81% 5px;}


.main_contact{}
.main_contact dd{ padding:5px 10px;}
.main_contact dd h5{ font-weight:bold; font-size:16px; margin-bottom:10px; color:#e70012;}
.main_contact dd p{ color:#888; line-height:26px;}

.main_rtop{ width:100%; height:40px; line-height:40px; position:relative; border-bottom:2px solid #e70012}
.main_rtop h3{ text-indent:10px; padding-left:83px; background:url(../images/icon_b.png) no-repeat left center; color:#888;}
.position{ position:absolute; right:0; top:0;}

.main_product_list{}
.main_product_list ul{ overflow:hidden;}
.main_product_list ul li{ width:33%; float:left; margin-top:30px;}
.main_litpic{ display:block; width:90%; margin:0 auto; border:1px solid #eee;}
.main_litpic a,
.main_litpic a img{ display:block; width:100%; height:100%;}
.main_title{ display:block; width:90%; text-align:center; margin:10px auto;}

.boxne{width: 100%; height: auto; background-color: #fff;}
.boxne .boxne_cen{display: block; width: 1200px; margin: 0 auto;}

.paginationp{ width:100%; text-align:center; margin-top:20px; }

 
.pagination{margin:0;cursor:pointer; margin-top: 20px;text-align: center;}
.pagination {height:40px; }
.pagination li{display:inline-block; margin:0 5px; height:24px;border:1px solid  #cccccc;background:#fff;text-decoration:none;color:#808080;font-size:12px;line-height:24px;}
.pagination a{display: block; padding:0px 10px;}
.pagination li.active{background-color: #e70012; color: #fff;}
.pagination li.active a{color: #fff;}


.main_single{padding: 20px;}

.main_article_list{overflow: hidden;}
.main_article_list ul{overflow: hidden;}
.main_article_list ul li {border-bottom: 1px dashed #e70012; overflow: hidden; padding:10px 0; margin: 10px 0;}
.main_article_list ul li span{float: left;}
.main_article_list ul li span.article_litpic{ width: 20%;}
.main_article_list ul li span.article_litpic img{width: 110px; height: 110px; display: block;}
.main_article_list ul li span.article_info{ width:80%; position: relative;}
.main_article_list ul li span.article_info .ar_con{width:60%; display: block;}
.main_article_list ul li span.article_info h3{}
.main_article_list ul li span.article_info small{color: #888; line-height: 26px;}
.main_article_list ul li span.article_info b{  text-align:right;}
.main_article_list ul li span.article_info b a{display: inline-block; padding: 1px 20px; background-color: #e70012; color:#fff;}
.main_article_list ul li span.article_info i{position: absolute; right: 0; top:40%; color:#888; font-style: normal;}

.main_article_body{ padding: 20px 0 20px 0;}
.main_article_body h1{font-size: 18px; text-align: center; padding-top: 20px;}
.main_article_body .xinxi{ text-align: center; margin:10px 0 20px;}
.prenext{padding: 0 20px;}


.body_content{margin: 0 auto;}
.body_content h5{border-bottom: 3px solid #e70012;padding: 5px;font-size: 16px;margin-top: 20px;}


.product_mains{width: 80%; margin: 0 auto;}
.product_mains .zoom{ position: relative; overflow: hidden;}
.zoom_left{width: 10%;}
.zoom_center{width: 80%;}
.zoom_right{width: 10%;}
.zoom_center img{max-width:350px; width: 100%;}
.zoom_float{float: left; text-align: center;}
.thumb_pic{}
.thumb_pic ul{overflow: hidden; text-align: center; margin-top: 20px;}
.thumb_pic ul li{display: inline-block; border: 1px solid #d5d5d5; margin-right: 10px; cursor: pointer;}
.thumb_pic ul li img{width: 60px; height: auto;}
.thumb_pic ul li.action{border-color:#e70012;}
.zoom_float span{color: #888;}
.zoom_float span i{font-size: 5vw;}
.zoom_float .act{color: #e70012; cursor: pointer;}
.zoom_left,.zoom_right{padding-top:20%;}