@charset "utf-8";
.clearfix{clear: both}
.fl{float: left}
.fr{float: right}
body { background-color:#f6f6f6;}
header { height:50px; overflow:hidden; background-color:#fff;border-bottom: 2px solid #EFEFEF}
header div.logo { width:80%;}
header div.logo img { width:100%; padding:2%;}
header .navicon{font-size: 30px;line-height: 50px;padding-right: 15px}
header .navicon i{font-size: 30px;color: #dddcdc}
.topfiex{position: fixed;top:0;width: 100%;height: 50px; background: #2e89c4;color: #ffffff;line-height: 50px;z-index: 2}
.topfiex>div{color: #ffffff;font-size: 16px;;text-align: center}
.topfiex i{font-size: 22px;color: #ffffff;}
/*header end*/
.banner img { width:100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:20px; position:absolute; z-index:1; bottom:10px; text-align:center;}
.focus .hd ul{ display:inline-block; height:15px; padding:8px 8px;font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:9px; height:9px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background:#fff; margin:0 5px; vertical-align:top; overflow:hidden; color:rgba(0,0,0,0);}
.focus .hd ul .on{ background:#f00; color:rgba(0,0,0,0);}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; height: 100%; }
.focus .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.sp-buttons{position:absolute;top:-50px;}
.sp-button{background:#ccc;border:0}
.sp-selected-button{background-color:#fff}
/* banner end */
.nav-icon { margin:20px auto;}
.nav-icon dl {}
.nav-icon dl dt {border-radius: 50%;}
.nav-icon dl:nth-child(1) dt{background: #f15444;}
.nav-icon dl:nth-child(2) dt{background: #2e89c4;}
.nav-icon dl:nth-child(3) dt{background: #f69130;}
.nav-icon dl:nth-child(4) dt{background: #27d3b0;}
.nav-icon dl:nth-child(5) dt{background: #fc3d02;}
.nav-icon dl dt img { width:100%;}
.nav-icon dl dd { position:absolute; top:7px; left:0; width:100%; text-align:center;padding: 10% 0; }
.nav-icon dl dd a { display:block; font-size:0.8rem; color:#fff;}
.nav-icon dl dd a img { width:40px;}


.in_about { margin:15px 0;}
.in_about_left {color:#fff; text-align:center; padding:45px 0 0 0; background-color:#DD0127;height: 140px;}
.in_about_left strong { display:block; font-size:18px;}
.in_about_left i { display:block; width:20px; height:1px; background-color:#fff; margin:10px auto;}
.in_about_left span { display:block; font-size:14px; text-transform:uppercase;}
.in_about_right {background-color:#EBEBEB;height: 140px;}
.in_about_right dl {display: block;margin:10px 5px;overflow: hidden}
.in_about_right dl a { color:#DD0127; font-size:14px;}
.in_about_right dl dt { width:18%;text-align:center;float: left}
.in_about_right dl dt img { width:20px;}
.in_about_right dl dd { width:82%;float: left;line-height: 25px;}
.in_about_right dl dd strong { display:block;}

.in_news{}
.in_news>.layui-tab-title li {padding:0;width: 20%;text-align: center; }
.in_news>.layui-tab-title .layui-this,
.in_news>.layui-tab-title .layui-this a{  color: #dd0127;  }
.in_news>.layui-tab-more li.layui-this:after, .in_news>.layui-tab-title .layui-this:after {  border: none;  border-radius: 0;  border-bottom: 2px solid #dd0127;  }

.in_news2{}
.in_news2>.layui-tab-title li {padding:0;width: 20%;text-align: center; }
.in_news2>.layui-tab-title .layui-this,
.in_news2>.layui-tab-title .layui-this a{  color: #00a9f9;  }
.in_news2>.layui-tab-more li.layui-this:after,
.in_news2>.layui-tab-title .layui-this:after {  border: none;  border-radius: 0;  border-bottom: 2px solid #00a9f9;  }
.in_news2 .in_con li.more a { color:#00a9f9;}

.in_con li { line-height:40px; height:40px; overflow:hidden; padding-left:10px; background:url(dot.png) no-repeat left center; border-bottom:1px #e6e6e6 solid;}
.in_con li a { font-size:12px;}
.in_con li.more { text-align:center; background:none;}
.in_con li.more a { color:#dd0127; display:inline-block;}

footer { text-align:center; padding:30px 30px 30px 30px; background-color:#f6f6f6;}
footer p { line-height:25px; font-size:12px; color:#000;}
/*index footer end*/
.product-background .zt{}
.product-background .zt li{float: left;width: 50%;}
.product-background .zt li a{ padding:10px; text-align: center;display: block;color: #333333;overflow: hidden }
.product-background .zt li a h4{font-size: 14px;overflow:hidden;height:30px;line-height:40px;}
.product-background .zt li a img{height: 120px;width: 100%;}

.product-background{background: #ffffff;}
.product-background .row{padding: 5px;}
.product-background .title-box{text-align: center;padding-top: 20px}
.product-background .title-box h1{font-size: 16px;}
.product-background .title-box h3{margin-top: 10px;font-size: 12px;}

.morelink {  text-align:center;  }
.morelink a { display:inline-block;  font-size:14px;  background:#fff;  padding:7px 30px 5px 30px;  border-radius:4px;  border:1px solid #fff;  }
.morelink a.tran3s {transition:.3s;  -moz-transition:.3s;  -ms-transition:.3s;  -o-transition:.3s;  -webkit-transition:.3s; }
.morelink a:hover {  background:#2e6da4;  border-color:#2e6da4;  color:#fff;  }
/*内容页*/
.pageinfo{padding: 20px 0;}
.pageinfo h1{font-size: 18px;}
.pageinfo .desc{font-size: 12px;color: #CCCCCC;border-bottom: 1px solid #ddd;line-height: 40px;}
.pageinfo .content{line-height: 40px;font-size: 16px;padding: 50px 0;}
.pageinfo .content p{text-indent: 2em}
.pageinfo .content p img{margin-left:-2em;width: 100%;}
.pageinfo .content table{border-collapse: collapse;}
.pageinfo .content table tr{border-left: 1px solid #3c3c3c;border-top: 1px solid #3c3c3c}
.pageinfo .content table tr td{border-right: 1px solid #3c3c3c;border-bottom: 1px solid #3c3c3c;padding: 3px;font-size: 12px;}
.pageinfo .nextpage{border-top: 1px solid #F2F2F2;line-height: 40px;bottom: 0px;}
/*分页*/
.pages{	text-align: center;padding: 15px 0;}
.pagination{overflow: hidden;margin:0 auto;border-left: 1px solid #ddd;display: inline-block}
.pagination li{float: left;border: 1px solid #ddd;line-height: 25px;border-left:0;color: #333}
.pagination li a,
.pagination li span{display: block;padding:0 10px;}
.pagination li.disabled{color: #ccc}
.pagination li.active{color: #ffffff;background: #1E9FFF;border-color: #1E9FFF;}

