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

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


/*头部样式开始*/
header{ position:relative;  width:100%; position:relative; background:#f3f3f3; position:relati;border-bottom:1px solid #e7e7e7; overflow:hidden}
.logo{  width:100%; height:100%;  top:0; position:absolute; left:0;}
.logo img{ width:100%}

.baidu{ width:20%;   top:24%; position:absolute; right:10%;}
.nuomi{ width:15%;   top:27%; position:absolute; right:2%; display:none}
.ad{ font-size:12px; color:#3a3734; position:absolute; right:2%;margin-top:14%;}

.baidu img,.nuomi img{ width:100%}

@media screen and (min-width: 320px) and (max-width: 480px){
.baidu{     
    width: 15%;
    top: 10%;
    position: absolute;
    right: 5%;
}
.nuomi{ width:17%;top:32%; position:absolute; right:4%;}

	
	}


/*头部样式结束*/

/*大图样式开始*/
#banner{ position:relative; overflow:hidden}
#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;  padding:15px 0 0;background:#f3f3f3; border-top:1px solid #fefefe; position:relative; z-index:1000;}
.swiper-active-switch {background: #fff;}
.nav_box{ width:100%; margin:auto; height:40px; overflow:hidden }
.nav_list{ color:#494949;text-align:center; font-family:Microsoft Yahei;font-weight:bold;  margin:0 4%; font-size:14px; font-weight:100; text-align:center;overflow: hidden; background:url(../images/bg.jpg) no-repeat right /*此处修改导航的高度*/ }
/*导航样式结束*/

/*内页导航样式开始*/
#sub_nav{  position:fixed; width:100%; top:0px; left:0px; z-index:1000; overflow:hidden; background:#fff; padding:1.3rem 0;}


/*内页导航样式结束*/


/*中间内容样式开始*/
section{  overflow:hidden; position:relative}

.list-page{ color:#eadbc3; width:98%;margin:5% auto; margin-bottom:0;overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center bottom; padding-bottom:50px; background-size:100% auto}
.list-page .title{ width:27%; margin:auto; margin-bottom:2%}
.list-page .title img{ width:100%;}
.list-page .inner{ width:96%; margin:auto}
.list-page .inner .right{ overflow:hidden; margin:auto; overflow:hidden; font-size:15px; line-height:33px; height:231px;color:#6d6d6d }
.list-page .inner .text_image{text-align: center;}
.list-page .inner .text_image img{ margin:auto; display:block; max-width:100%; }
.list-page .more{ width:73px; height:25px; margin-top:1rem; margin-left:41%}
@media screen and (min-width: 320px) and (max-width: 480px){
	.list-page{ padding-bottom:40px;}
.list-page .inner .right{font-size:13px;line-height:25px; height:125px;}
.list-page .title{ width:40%; margin:auto; margin-bottom:3%}

}




.list-service{ background:#251b1c; width:98%; margin:auto;overflow:hidden; background:url(../images/service.jpg) no-repeat; padding:5% 1%}
.list-service .title{width:27%; margin:auto; margin-bottom:3%;}
.list-service .title img{ width:100%;}
.list-service ul{ width:95%; margin:auto}
.list-service ul li{ width:46%; float:left; margin:5% 2%}
.list-service ul li:nth-child(even){ float:right}
.list-service ul li .icon{ width:32%; float:left}
.list-service ul li .icon img{ width:100%}
.list-service ul li .txt{ width:65%; float:right}
.list-service ul li .txt h2 a{ font-size:18px; color:#fff;}

.list-service ul li .txt .word{ line-height:18px; height:54px; overflow:hidden; font-size:12px; color:#fff; margin-top:5px;}

@media screen and (min-width: 320px) and (max-width: 480px){
.list-service .title{width:50%; margin:auto; }
.list-service ul{ width:100%; margin:auto}
.list-service ul li .icon{ width:45%; float:left}
.list-service ul li .txt{ width:50%; float:right}
.list-service ul li .txt h2 a{ font-size:12px; color:#fff;}
	}




.list-case{ background:url(../images/case_bg.jpg) repeat;padding:5% 0}
.list-case .title{width:33%; margin:auto; margin-bottom:3%;}
.list-case .title img{ width:100%}
.list-case ul{ width:92%; margin:auto}
.list-case ul li{ width:49.7%; float:left; border-right:1px solid #fff; border-top:1px solid #fff}
.list-case ul li img{ width:100%}
.list-case .more{ background:#be0e29; color:#fff; text-align:center; height:40px; line-height:40px; font-size:15px; width:20%; border-radius:5px; margin:5% auto}
.list-case .more a{ color:#fff}
@media screen and (min-width: 320px) and (max-width: 480px){
	.list-case .title{width:50%; margin:auto; margin-bottom:5%; margin-top:2%}
	.list-case ul li{ width:49.5%;}
	.list-case .more{ background:#be0e29; color:#fff; text-align:center; height:35px; line-height:35px; font-size:13px; width:25%; border-radius:5px; margin:5% auto}
	}

.list-jingyan{ background:url(../images/jingyan.jpg) no-repeat center top;background-size:110% auto;padding:5% 0}
.list-jingyan .title{width:33%; margin:auto; margin-bottom:5% }
.list-jingyan .title img{ width:100%}
.list-jingyan ul li{ background:rgba(190,14,41,.34); width:90%; margin:auto;border-radius:5px; padding:2% 0; margin:3% auto}
.list-jingyan ul li h2{ font-size:50px; color:#fff; border-right:1px solid #fff; width:30%; text-align:center; font-weight:100; float:left}
.list-jingyan ul li .txt{ width:60%; float:left; margin-left:5%;color:#fff; line-height:35px; height:35px; overflow:hidden; font-weight:100; font-size:20px; margin-top:3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


@media screen and (min-width: 320px) and (max-width: 480px){
.list-jingyan .title{width:45%; margin-bottom:5% }
.list-jingyan ul li h2{ font-size:30px; width:35%; }
.list-jingyan ul li .txt{ width:54%;font-size:15px;margin-top:2%;}
	
	
}
.list_text{ background:url(../images/news.jpg) repeat; padding:5% 0}
.list_text .title{width:37%; margin:auto; margin-bottom:3% }
.list_text .title img{ width:100%}
.list_text ul{ width:96%; margin:auto}
.list_text ul li{ width:46%; background:#fff; padding-bottom:3%; float:left; margin:3% 2%}
.list_text ul li .pic{ width:100%; }
.list_text ul li .pic img{ width:100%}
.list_text ul li .textbox{width:93%; margin:auto}
.list_text ul li .textbox h2{ color:#be0e29;display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:15px; font-weight:100; margin:5px 0}
.list_text ul li .textbox .txt{color:#4e4e4e; line-height:24px; height:72px;  overflow:hidden; margin-top:2px; font-size:13px;}
.list_text ul li .textbox .data{ color:#a0a09f; font-size:12px;  background:url(../images/time.jpg) no-repeat left; padding-left:20px; }
.list_text ul li .textbox .more { width:35%; background:#be0e29; color:#fff; text-align:center; font-size:13px; line-height:25px; height:25px; border-radius:20px; margin-top:3%}
@media screen and (min-width: 320px) and (max-width: 480px){
.list_text .title{width:60%;  }
.list_text ul li .textbox .more { width:50%; background:#be0e29; color:#fff; text-align:center; font-size:11px; line-height:20px; height:20px; border-radius:20px; margin-top:3%}
.list_text ul li .textbox .txt{color:#4e4e4e; line-height:20px; height:60px;  overflow:hidden; margin:5px 0;font-size:12px;}
	}




.list_contact{  padding:3% 0}
.list_contact .title{width:70%; margin:4% auto; }
.list_contact .title img{ width:100%}
.list_contact .inner{ color:#373737; line-height:48px; font-size:18px; padding:0 14%}
@media screen and (min-width: 320px) and (max-width: 480px){
.list_contact .inner{  padding:0 5%; font-size:14px; line-height:35px;}
}



.foot_nav{ }

/*底部样式开始*/
.dibu{ background:#be0e29; color:#fff; font-size:14px; line-height:30px; padding-right:28%; padding-left:2%;position:relative; z-index:1000}
.dibu a{ float:left; height:2rem;color:#808080;font:2rem/2rem "microsoft yahei"; margin:0 5px; border-right:1px solid #575757; padding-right:5px; margin-top:1.5rem }
.dibu .top{ width:33px; height:35px; border:1px solid #fff; color:#fff; text-align:center; line-height:35px; position:absolute;  right:30px; border-radius:50%; text-transform:uppercase; top:20% }

footer{width:100%;height:3.2rem;position:relative;z-index:99999}
.foot{width:100%;position: fixed;height:3.2rem;bottom:0;left:0;z-index:99999; background:#a50b23}
.foot a{display:block;float:left;width:16%;color:#fff}
.foot a span{display:block;width:100%;text-align:center;font-size:1rem;line-height:1.8rem;}
.foot a h3{width:100%;text-align:center;font: 0.6rem/1rem "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;}
/*底部样式结束*/









.picture{ position:relative; text-align:center; width:100%;}
.picture .inner{ position:absolute; width:80%; text-align:center }
.picture .inner .crumb{ font-size:16px; color:#666; text-align:center; font-weight:100; margin-bottom:5px;}
.picture .inner .crumb a{font-size:16px; color:#666; }
.picture .inner .sub{ display:inline-block}
.picture .inner .sub a{ background:#b30404;  text-align:center; padding:0 10px; line-height:25px; height:25px; overflow:hidden; float:left; margin:5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#fff; font-size:12px;}
.picture .inner .sub a{ color:#fff}

@media screen and (min-width: 320px) and (max-width: 480px){
	.picture .inner .crumb{ font-size:14px; }.picture .inner .crumb a{font-size:14px; color:#666; }
	.picture .inner{ position:absolute; width:90% }
	.picture .inner ul li{ width:20%;  font-size:12px;line-height:25px; height:25px;}

	}




/*隐藏导航样式开始*/
.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; background:rgba(0,0,0,.2);
 -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:#ff6c00; color:#fff;padding-left:10px;font:700 16px/50px 'Microsoft Yahei'; padding-left:15px;}
.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 #bababa; border-top:1px solid #d8d8d8; text-indent:20px;}
ul.class-list li a{ color:#333; display:block;font:700 16px/50px 'Microsoft Yahei'; font-weight:100}
/*隐藏导航样式开始*/

/*内页样式开始*/
.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}


.main{  width: 96%; background:url(../images/case_bg.jpg) repeat top; padding:5% 2% }
.main .tit{ width:40%; margin:auto}
.main .tit img{ width:100%; display:block}
.article{ font-size:15px; line-height:33px; width: 96%; margin:auto; overflow:hidden;  color:#6e6d6d }


.main .content{}
.main .content .pix{ width:40%; float:left; border:1px solid #dedede}
.main .content .pix img{ width:100%}
.main .content .right{ width:57%; float:right}
.main .content .right h2{ font-size:18px; color:#595959; border-left:3px solid #b30404; height:20px; line-height:20px; overflow:hidden; padding-left:10px;}
.main .content .right .wenzi{ line-height:26px;  height:130px; overflow:hidden; color:#5f5f5f; margin-top:10px; font-size:13px;}

.main .btn{ margin:4% auto; width:50%;}
.main .btn a{ display:block;  height:40px; line-height:40px; background:#b30404; color:#fff; border-radius:20px; width:45%; text-align:center; float:left; margin:0 2%;font-size:13px;}




/*产品列表页*/

@media screen and (min-width: 320px) and (max-width: 480px){
.main .tit{ width:35%; margin:4% auto}
.main .btn{ margin:4% auto; width:80%;}
.main .content .pix{ width:45%;}
.main .btn a{   height:35px; line-height:35px;}

.main .content .right{ width:50%; float:right}
.main .content .right .wenzi{ line-height:22px;  height:66px; }

	}




.pro_top{    border-bottom: 1px solid #c9c9c9;color: #fff;font: 2rem/5.833rem "microsoft yahei";height: 5.833rem;margin: 2% auto;width: 98%;}




ul.case{ background:url(../images/case_bg.jpg) repeat;}
ul.case li{ width:49.7%; float:left; border-right:1px solid #fff; border-top:1px solid #fff}
ul.case li img{ width:100%}
ul.case .more{ background:#be0e29; color:#fff; text-align:center; height:40px; line-height:40px; font-size:15px; width:20%; border-radius:5px; margin:5% auto}
ul.pro_list .more a{ color:#fff}
@media screen and (min-width: 320px) and (max-width: 480px){
	ul.case .title{width:50%; margin:auto; margin-bottom:5%; margin-top:2%}
	ul.case li{ width:49.5%;}
	ul.case .more{ background:#be0e29; color:#fff; text-align:center; height:35px; line-height:35px; font-size:13px; width:25%; border-radius:5px; margin:5% auto}
	}






/*新闻列表页*/


ul.news_list1 { width:100%; margin:0 auto; padding:0}
ul.news_list1 li{ width:46%; background:#fff; padding-bottom:3%; float:left; margin:0 2%; margin-bottom:5%; clear:none}
ul.news_list1 li .pic{ width:100%; }
ul.news_list1 li .pic img{ width:100%}
ul.news_list1 li .textbox{width:93%; margin:auto}
ul.news_list1 li .textbox h2{ color:#be0e29;display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:15px; font-weight:100; line-height:25px; height:25px;}
ul.news_list1 li .textbox .txt{color:#4e4e4e; line-height:24px; height:72px;  overflow:hidden; font-size:13px;}
ul.news_list1 li .textbox .data{ color:#a0a09f; font-size:12px;  background:url(../images/time.jpg) no-repeat left; padding-left:20px; line-height:20px; height:20px; }
ul.news_list1 li .textbox .more { width:35%; background:#be0e29; color:#fff; text-align:center; font-size:13px; line-height:25px; height:25px; border-radius:20px; margin-top:3%}
@media screen and (min-width: 320px) and (max-width: 480px){
ul.news_list1 .title{width:60%;  }
ul.news_list1 li .textbox .more { width:50%; background:#be0e29; color:#fff; text-align:center; font-size:11px; line-height:20px; height:20px; border-radius:20px; margin-top:3%}
ul.news_list1 li .textbox .txt{color:#4e4e4e; line-height:20px; height:60px;  overflow:hidden; margin:5px 0;font-size:12px;}
	}


/*新闻详细页*/
.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:left; border-bottom:1px dashed #e0e0e0; position:relative; padding-bottom:10px; background:url(../images/cup.jpg) no-repeat 0px 5px; padding-left:35px;font:2rem/2rem "Microsoft Yahei"; height:2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#333; margin-bottom:0px}



.more3{  font: 1rem/2rem "microsoft yahei";  text-indent:0px; display:inline-table;text-align:center; color:#fff; background:#d63634;    position:absolute; z-index:99999;  padding:0 7px; bottom:0px; right:0px; }
.more4{ right:7%;}

#up{ display: none;}


@media screen and (min-width: 320px) and (max-width: 480px){
.boxmain-top .title{ font:3rem/3rem "Microsoft Yahei"; height:3rem;}

.more3{font: 2rem/3rem "microsoft yahei";}
.news_list li .txt{  color:#666; height:5rem; line-height:2.5rem; overflow:hidden}
.boxmain-top .title{ background:url(../images/cup.jpg) no-repeat 0px 0px; }
.more4{ right:14%;}
}

.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; font-size:14px; font-family:MIcrosoft Yahei}
.hide-class dl .red{ width:4px; height:100%; position:absolute; left:0px; top:0px; background:#d63634}
.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-size:1.6em; line-height:30px;}
.font dl.normal,.font-normal{ font-size:1.3em; line-height:25px;}
.font dl.small,.font-small{ font-size:1em;line-height:20px;}

.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; }




.web{
    padding: 0 0.8rem;
}
.web-title{
    padding: 1rem 0 1rem 0;
    border-bottom: 1px solid #DCDCDC;
}
.web-title i{
    float: left;
    margin-right: 10px;
}
.web-title span{
    float: left;
    font-size: 15px;
}
.web-title i img{
    width: 1.5rem;
}
ul.web-table>li{
    width: 33%;
    text-align: center;
    height: 2.8rem;
    line-height: 2.8rem;
    float: left;
} 
ul.web-table>li a{
    font-size: 14px;
    color: #333333;
}
ul.web-table{
    margin: 10px 0 20px 0;
}
ul.web-table>li:nth-child(1),ul.web-table>li:nth-child(2){
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
}
ul.web-table>li:nth-child(3){
    border-bottom: 1px solid #DCDCDC;
}
ul.web-table>li:nth-child(4),ul.web-table>li:nth-child(5){
    border-right: 1px solid #DCDCDC;
}
.GBP{
    background-color: #EFEFEF;
    padding-top: 0.8rem;
    border-top: 1px solid #E6E6E6;
    padding-left: 0.3rem;
    padding-bottom: 5px;
}
.GBP>div>div{
    float: left;
}
.GBP-logo{  float:left;}
.GBP-title{
    font-size: 16px;
    color: #A4A4A4;
    width: 67%; 
    float:left; 
    position:relative;
}
.GBP-title a{
    float: right;
    color: #337AB7;
}
.GBP-title>div{
    color: #3E81BA;
    font-weight: bold; font-size:20px;
}
.GBP-title>p>span{ font-size:16px;}
.GBP-title>b{
    color: #337AB7; position:absolute; right:0; top:10px;
}
.internet{
    padding: 2rem 0.5rem 0;
    background-color: #F6F6F6;
    
}
.internet .internet-title{
    font-size: 16px;
    color: #1F497D;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
}
.internet .internet-content{
    font-size: 16px;
    text-indent: 30px;
    color: #6F6F6F;
    line-height: 30px;
}
.internet-introduction{
    margin-top: 2rem;
    line-height: 30px;
    font-size: 16px;
    color: #6F6F6F;
}
.internets{
    padding-bottom: 3rem;
}
.internet-introduction span{
    color: #C0504D;
    font-weight: bold;
    font-size: 18px;
}
.internet-china{
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    background-color: #B62718;
    margin-top: 3rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 0.1rem;
}
.internet-eight p{
    text-align: center;
    color: #1F497D;
    font-weight: bold;
    line-height: 7rem;
    font-size: 16px;
} 
.intoGBP{
    text-align: center;
    padding: 5rem 0;
}
.GBP .sc{
    width: 60%;
}
.internet .mall-title{
    font-weight: bold;
    color: #6F6F6F;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}
.internet>p{
    color: #6F6F6F;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}
.internet .scnr{
    text-indent: 30px;
    text-align: left;
}
.shopimages{
    margin: 3rem 0 4rem 0;
}
.shop-text{
    line-height: 30px;
    color: #6F6F6F;
    font-size: 16px;
}
.GBP .et{
    width: 69%;
    margin-left:2%;
}
.et-content{
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    text-indent: 20px;
    color: #6F6F6F;
}
.web-same>p.web-same-title{
    margin-top: 30px;
}
.web-same>p{
    color: #6F6F6F;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
}
.web-url p{
    font-size: 16px;
    color: #6F6F6F;
    line-height: 30px;
    margin: 30px 0 20px 0;
}
.GBP .dz{
    width: 74%;
    margin-left: 2%;
}
.web-jz{
    margin: 30px 0;
}
.jz-text{
    font-size: 16px;
    color: #6F6F6F;
    text-align: left !important;
}
.table{
    width: 100%;
    text-align: center;
    border-collapse:collapse;
    margin-bottom: 70px;
}
.table td{
    border-left: 1px solid #ddd;
    border-bottom:1px solid #ddd; 
    color: #555555;
    font-size: 16px;
    text-align: left;
    padding: 10px 10px;
}
.table th{
    padding:10px 0; 
    font-size: 18px;
    color: #17365D;
    border-left: 1px solid #ddd;
    border-bottom:1px solid #ddd; 
}
#my-body{
    background-color: #F6F6F6;
}
.th1{
    width: 20%;
}
.th3{
    width: 30%;
}
.th2{
    width: 40%;
}
.GBP .yd{
    width: 78%;
    margin-left: 3%;
}
.internet p{
    font-size: 16px;
    color: #6F6F6F;
    margin-top: 10px;
}



img{
    max-width: 100%;
}
div:after,ul:after,li:after{
    content:"";
    display: block;
    clear: both;
}
ol,p,dl,li{margin:0;padding:0; list-style:none;}
h1,h2,h3,h4,h5{font-size:14px;margin:0;padding:0; font-weight:normal;}
em{ font-style:normal;}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; outline: none; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
.clearfix{display:block;clear:both;}
.clearfix:after{display:block; overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
.fl{float: left;}
.fr{float: right;}

/*5.17黄志宏修改*/
@font-face {
  font-family: BookmanOldStyle;
  src: url("../font/0dTEPzkLWceF7z0koJaX1A.ttf");
}
#nav{
    position: relative;
}
.pop-list{
    text-align: right;
    background: #fefefe;
    width: 90px;
    position: absolute;
    top: 38px;
    left: 0px;
    z-index: 20;
    padding: 5px;
    font-size: 14px;
    z-index: 10;
    display: none;
}
.pop-list li a{
    line-height: 30px;
    display:block;
    color:#494949;
    border-bottom: 1px dashed #ddd;
    text-align: center;
}
.swiper-slide{
    position: relative;
}
.zh-news{
    background: url(../images/zh_37.jpg) repeat;
    padding: 3rem 1rem 5.5rem;
}
.zh-news .zh-news-title{
    text-align: center;
}
.zh-news .zh-news-title img{
    width: 16rem;
}
.zh-news ul>li{
    margin-top: 3rem;
}
.zh-news ul>li .date{
    float: left;
    width: 6rem;
    border-right: 1px solid #F0BFBB;
    text-align: center;
    color: #fff;
    padding: 0.2rem 0;
    font-size: 16px;
}
.zh-news ul>li .date .month span{
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #F0BFBB;
    font-family: BookmanOldStyle;
}
.zh-news ul>li .date .year{
    margin-top: 0.9rem;
    font-family: BookmanOldStyle;
}
.zh-news ul>li .text{
    margin-left: 8rem;
    position: relative;
    top: -3px;
}
.zh-news ul>li .text .p1{
    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}
.zh-news ul>li .text .p1 a{
    color: #fff;
    font-size: 14px;
}
.zh-news ul>li .text .p2{
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    font-size: 12px;
}
.zh-news ul>li .text .p2 a{
    color: #fff;
}