html{-webkit-text-size-adjust:none;}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
img{display:block;max-width: 100%}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}
.wrap{min-height:60rem;overflow:hidden;font-size:1.6rem;  }

@media all and (min-width:640px){
    .wrap{width:640px;margin:0 auto;position:relative;}
}
body{position:relative;width:100%;background:#fff;height:100%;background:#fff;}


/*头部样式开始*/
header{ position:relative;  width:100%; position:relative; background:#621302;}
.logo{  width:100%;  position:relative }
.logo img{width:100%;}

.top_tel{ width:10%; height:100%; color:#fff; text-align:center; font:4rem/5rem "microsoft yahei"; display:table-cell;vertical-align:middle; float:left}
.top_nav{ width:10%; height:100%; color:#fff;text-align:center; font:4rem/5rem "microsoft yahei";display:inline-table; vertical-align:middle; float:right}
.top_tel a,.top_nav a{ color:#fff}
/*头部样式结束*/

/*大图样式开始*/
#banner{ position:relative; overflow:hidden; margin-top:1px;}
#banner img{ width:100%; display:block;height:auto}
.swiper-container {width: 100%;  }
.content-slide {padding: 20px;color: #fff;}
.pagination {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%; z-index:1000}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
/*大图样式结束*/


/*导航样式开始*/
#nav{ position:relative; background:rgba(0,0,0,.7); padding:1rem 0}
.swiper-active-switch {background: #fff;}
.arrow-left {background: url(../images/arrows_l.png) no-repeat left top; background-size:100% auto;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px; overflow:hidden}
.arrow-right {background: url(../images/arrows_r.png) no-repeat left bottom;position: absolute;right: 10px;top: 52%;margin-top: -15px;width: 17px;height: 30px;overflow:hidden}
.nav_box{ width:90%; margin:auto;  overflow:hidden}
.nav_list{ color:#fff;text-align:center; font-family:Microsoft Yahei;font-weight:bold;height:2rem; line-height:2rem; font-size:1.5rem; /*此处修改导航的高度*/}
.nav_list img{ display:block; margin:auto; margin-bottom:0.5rem; width:40%;}
/*导航样式结束*/

/*中间内容样式开始*/



section{ padding-bottom:1rem; overflow:hidden; position:relative}


.fast_link{ margin-top:15px;}
.fast_link ul li{ width:25%; float:left; margin:15px 0}
.fast_link ul li .icon{ width:80%; border-radius:50%; overflow:hidden; margin:auto; background:#6480cc; text-align:center; font-size:35px; color:#fff}
.fast_link ul li b{ display:block; font:2.5rem/3rem "microsoft yahei"; color:rgba(0,0,0,.3); text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:100}



.title{  text-align:center; margin-bottom:1.8rem; font-weight:normal; }

.text_area{ color:#eadbc3; margin-top:2rem;}
.text_area p{ width:90%; margin:auto;  overflow:hidden; font:1.8rem/3rem "microsoft yahei"; height:12rem;  }
.text_area .text_image{margin-top:1.2rem}
.text_area .text_image img{ margin:auto; display:block; max-width:98%; }

.list_image{ padding-top:1.2rem; margin-top:1.2rem;}
.list_image .title{ text-align:center; border-bottom:1px solid #e0e0e0; position:relative }
.list_image .line{ display:block; content:""; width:60px; height:4px; background:#24498f;  bottom:-2px; position:absolute}
.list_image .title .ch{color:#24498f; font:2.5rem/3rem "Microsoft Yahei";}
.list_image .title .en{color:#515151;font:2.5rem/3rem "Microsoft Yahei";word-spacing:3px; text-transform:uppercase; margin-bottom:20px;}
.list_image ul{ width:100%; margin:auto}
.list_image ul li{ float:left; width:48%; margin:0 1% 1.5rem 1%; text-align:center; }
.list_image ul li img{ display:block; margin:auto}
.list_image ul li span{ font:1.8rem/3rem "microsoft yahei"; height:3rem; color:#fff; display:block; background:#666666 }
@media screen and (min-width: 320px) and (max-width: 480px){
	.nav_list{ color:#fff;text-align:center; font-family:Microsoft Yahei;font-weight:bold;height:3rem; line-height:3rem; font-size:2rem; /*此处修改导航的高度*/}
.arrow-left { background-size:60% auto;top: 80%;margin-top: -15px; left:0px; }
.arrow-right {background-size:60% auto;top: 40%;margin-top: -15px; right:0px;}

.list_image ul li{ width:46%;margin:0 2% 1rem 2%; }
}
.list_text{  padding-top:1.2rem; margin-top:1.2rem;}
.list_text  h2{ background:url(../images/title_bg.jpg) no-repeat left #f3f3f3;  text-align:center;  position:relative ;color:#621302; font:3rem/3rem "Microsoft Yahei"; text-align:left; padding:10px 0;padding-left:40px;}
.list_text .more{ float:right; font-size:13px;color:#621302; }
.list_text a{color:#621302; }




.list_text ul li{font:1.8rem/3rem "microsoft yahei"; border-bottom:1px solid rgba(0,0,0,.1); padding-bottom:3%; width:98%; position:relative; margin:10px auto  }
.list_text ul li .pic{ width:35%; float:left; overflow:hidden; position:relative; z-index:1200}
.list_text ul li .pic img{ width:100%}
.list_text ul li .textbox{width:63%; float:left; padding-left:2%}
.list_text ul li .textbox h2{ font:2.5rem/2.5rem "microsoft yahei";color:#621302; display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background:none; padding:0}
.list_text ul li .textbox .txt{ font:1.6rem/2.4rem "microsoft yahei"; color:#4f4f4e; overflow:hidden; height:4.8rem  }
.list_text ul li .textbox .more{ color:#fff;font:1.2rem/2.5rem "microsoft yahei";  background:#621302; text-align:center; width:30%; float:inherit }


@media screen and (min-width: 320px) and (max-width: 480px){
.list_text ul li .textbox .txt{  color:#4f4f4e; overflow:hidden; margin:5px 0 }
.list_text ul li .textbox .more{ width:35%}
}












/*底部样式开始*/
.dibu{ font:1.8rem/2rem "microsoft yahei"; width:100%;padding:10px 0; position:relative; background:#621302; color:#fff}
.dibu a{ float:left; color:#808080;font:2rem/5rem "microsoft yahei"; margin:0 5px }
.tel{ color:#621302;font:1.8rem/4rem "microsoft yahei";   height:4rem; margin-bottom:7rem;}

footer{width:100%;position:relative;z-index:99999}
.foot{width:100%;position: fixed;bottom:0;left:0;z-index:99999; background:#621302}
.foot a{display:block;float:left;width:16.5%;color:#fff}
.foot a span{display:block;width:100%;text-align:center;font:2.5rem/3.5rem "microsoft yahei";}
.foot a h3{width:100%;text-align:center;font:1.8rem/3.5rem "microsoft yahei";}

@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/*底部样式结束*/


/*隐藏导航样式开始*/
.allpage{position:relative;z-index:10;height:auto;overflow:hidden;left:0;top:0px; 
-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.clicked{transform: translate(220px,0px);
-ms-transform: translate(220px,0px);
-webkit-transform: translate(220px,0px);	
-o-transform: translate(220px,0px);		
-moz-transform: translate(220px,0px);}

.class{width:230px; left:-250px; height:100%; z-index:2222;  position: absolute; top:0px; box-shadow:0px 0px 2px 2px #3e2a21;background:#621302; 
 -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 
 .hover{transform: translate(240px,0px);
-ms-transform: translate(240px,0px);
-webkit-transform: translate(240px,0px);	
-o-transform: translate(240px,0px);		
-moz-transform: translate(240px,0px);}

.class-top{ height:40px; overflow:hidden; line-height:40px;  background:rgba(0,0,0,0.36); color:#fff;padding-left:10px;font:700 16px/50px 'Microsoft Yahei';}
.class-close{ width:40px; height:40px; float:right; display:inline; text-align:center; color:#fff; font-size:1.4em;}
#class-m{ height: auto; overflow:hidden;}
.opacity2{ width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0); z-index:2222; display:none;}
ul.class-list{ padding:0px; margin:0px; height:auto; overflow:hidden;}
ul.class-list li{ height: auto; line-height:35px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.7);  text-indent:20px;}
ul.class-list li a{ color:#fff; display:block;font:14px/30px "Microsoft Yahei"}
/*隐藏导航样式开始*/

/*内页样式开始*/
.top_home a{color: #fff;font-size: 4rem;left: 1.09375%;line-height: 6.27rem; overflow: hidden;position: absolute;text-align: center;top: 0;width: 14.0625%;}
.head{ position:relative; width:100%; height:6.27rem; background: #bb2f30 none repeat scroll 0 0;border-bottom: 1px solid #e62f30;border-top: 1px solid #e62f30;box-shadow: 0 4px 4px rgba(9, 2, 4, 0.55);}
.top_subnav{color: #fff;font-size: 4rem;right: 1.09375%;line-height: 6.27rem;overflow: hidden;position: absolute;text-align: center;top: 0;width: 14.0625%;}
.top_title{color: #fff;font-size: 3rem;left: 15%;line-height: 6.27rem;overflow: hidden;position: absolute;text-align: center;top: 0;width: 70%;}

/*内页二级导航*/
.subnav{ display:none; background: #232323 none repeat scroll 0 0;overflow-x: hidden;height:24rem;padding: 1rem 0;top: 6.27rem; position:absolute; width:100%; z-index:1000}
.subnav li.sub1{ background: #fff none repeat scroll 0 0;font:1.8rem/3rem "microsoft yahei";margin: 2% auto;overflow: hidden;width: 90%;}
.subnav li.sub1 a{ padding:0 4%; color:#666}
.subnav li.sub2{ background: #ccc none repeat scroll 0 0;font:1.8rem/3rem "microsoft yahei";margin: 1% auto;overflow: hidden;width: 90%; display:none}
.subnav li.sub2 a{ padding:0 4%; color:#666}


.article{ font:2rem/3rem "microsoft yahei";  width: 100%; overflow:hidden}

/*产品列表页*/
.pro_top{    border-bottom: 1px solid #c9c9c9;color: #fff;font: 2rem/5.833rem "microsoft yahei";height: 5.833rem;margin: 2% auto;width: 98%;}
.pro_list{ width:98%; margin:auto}
.pro_list li{ float:left; width:50%;  text-align:center; padding-bottom:4%}
.pro_list li a{  background: #fff;border: 1px solid #fff;display: block;margin: 0 auto;overflow: hidden;width: 86.85%;}
.pro_list li a img{ width:100%;}
.pro_list li a span {color: #1d1d1d;display: block;font: 1.8rem/2.4rem "microsoft yahei";overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;width: 100%;}

/*新闻列表页*/
.news_list {height: auto;margin: 2% auto;overflow: hidden;width: 100%;}
.news_list li {overflow: hidden;width: 48%; float:left; margin:3% 1%}
.news_list li .pic{}
.news_list li h2{ font-size:14px; color:#333;display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.news_list li .txt{ font-size:12px; color:#666; height:2.4rem; line-height:1.2rem; overflow:hidden}
.news_list li .more{ width:75px; height:25px; font-size:12px;border-radius:5px; text-align:center; line-height:25px; color:#fff; background:#621302; margin-top:10px;}
.news_list li .more a{color:#fff; text-transform:capitalize}
/*新闻详细页*/
.content_news .news_title{color: #000;font: 3rem/5rem "microsoft yahei";text-align: center;width: 100%;}
.page {background: #ddd none repeat scroll 0 0;border-radius: 3.8rem;color: #777;display: block;font: 2rem/3.8rem "microsoft yahei";height: 3.8rem;margin: 2% auto;overflow: hidden;text-indent: 1rem;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.back {border-radius: 4rem;color: #fff;display: block;font: 2rem/4rem "microsoft yahei";height: 4rem;margin: 2% auto;text-align: center;width: 33.57%;}

/*产品详情页*/
.pro_pic{ position:relative; width:100%; margin:2% auto}
.pro_pic img{ width:100%; display:block;height:auto}


/*内页样式结束*/







.boxmain-top{ position:relative; margin-top:20px; }
.boxmain-top .title{ text-align:center; border-bottom:1px solid #e0e0e0; position:relative; margin-bottom:5px; }

.boxmain-top .line{ display:block; content:""; width:60px; height:4px; background:#24498f;  bottom:-2px; position:absolute}
.boxmain-top .title .ch{color:#621302; font:3rem/4rem "Microsoft Yahei";}
.boxmain-top .title .en{color:#515151;font:2.5rem/3rem "Microsoft Yahei";word-spacing:3px; text-transform:uppercase; margin-bottom:20px;}



.more3{  font: 1.0rem/3rem "microsoft yahei"; margin-top:5px; text-indent:0px; display:inline-table;text-align:center; color:#fff; background:#858585;    position:absolute; z-index:99999;  padding:0 7px; bottom:0px; right:0px; }
.more4{ left:0px;}

#up{ display: none;}


@media screen and (min-width: 320px) and (max-width: 480px){
.more3{font: 2rem/3rem "microsoft yahei";}
.news_list li .txt{  color:#666; height:5rem; line-height:2.5rem; overflow:hidden}

}

.hide-class{ height:auto; overflow:hidden; display:none;  margin:0px auto;  width:100%;}
.hide-class dl{ height:30px; overflow:hidden; line-height:30px; padding:0px 10px; border-bottom:1px solid #d2d2d2;position:relative; margin:0px 0px 0px; background:rgba(0,0,0,.3); position:relative}
.hide-class dl .red{ width:4px; height:100%; position:absolute; left:0px; top:0px; background:#621302}
.hide-class dl:nth-last-child(1){ border-bottom:none;}
.hide-class dl:before { content:"";
    color: #fff;  width:10px; 
    height: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
}
.hide-class dl:after{ position:absolute; right:10px; content:"●"; font-size:1.2em; width:10px; height:10px; top:0px; color:#d2d2d2;}
.hide-class dl a{ display:block;padding:0px 0px 0px 5px;color:#fff}
.hide-class dl a:active {background:rgba(0,0,0,0.1);}
.font{ width:35px; text-align:center;background:rgba(0,0,0,0.4);position:absolute; right:0px; display:none; z-index:9999; }
.font1{ width:45px; text-align:center;background:rgba(0,0,0,0.4);position:absolute; right:0px;  display:none; z-index:9999; top:35px; color:#fff }

.fixed-font{ right:0px; top:35px; padding-top:0px;}

.font dl{ height:30px; line-height:30px; color:#fff; text-align:center; }

.font dl.big,.font-big{ font:2.5rem/3rem "microsoft yahei";}
.font dl.normal,.font-normal{ font:2rem/3rem "microsoft yahei";}
.font dl.small,.font-small{ font:1.5rem/3rem "microsoft yahei";}

.fixed-top{z-index:100000; position: absolute; top:0px; left:0px; width:100%; background:rgba(0,0,0,0.2); height:35px; line-height:35px; color:#333;
 font-size:1.14em; overflow:hidden; text-align:center;}
.fixed-btn{ background:rgba(0,0,0,0.3);color:#1a0121; padding:0px 10px; float:right;font-size:0.9em;}
.back{ float:left;  text-indent:0px;  text-align:center;}
.back a{ color:#fff; display:block;}
.more2{height:35px; line-height:30px; display:block; padding:0px 10px;  text-align:center; color:#fff; float:right;}


/*内页面包屑*/

/*分页*/
.next1{ margin:10px auto; height:30px; width:90%;font-size:1em;line-height:30px; padding:5px 0px; overflow:hidden;text-align:center; }
.next1 a{ border-radius:4px;background:rgba(0,0,0,0.3); color:#fff;  cursor:pointer; margin-right:10px; height:30px; line-height:30px; padding:5px; }