*,html{padding:0px; margin:0;}
body{ background: #FFF; font-size:12px;color:#626262; margin:0 auto; padding:0; font-family:"微软雅黑"}
ul,li{list-style:none;padding:0px; margin:0px;}
img{ margin:0; padding:0; border:0;}
a{ text-decoration:none;color:#626262; outline:none;}
a:active {star:expression(this.onFocus=this.blur());} 
a:hover{color:#d40000}
.img-responsive{ display: block;    max-width: 100%;    height: auto;}

.text-center{ text-align: center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}


.bk,
.bk3,
.bk6,
.bk8,
.bk10,
.bk15,
.bk20,
.bk30 {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 1px
}

.bk3 {
	height: 3px;
}

.bk6 {
	height: 6px
}

.bk8 {
	height: 8px
}

.bk10 {
	height: 10px
}

.bk15 {
	height: 15px
}

.bk20 {
	height: 20px
}

.bk30 {
	height: 30px
}

.panel {
	padding: 0;
	margin: 0;
	border: none;
}

#wrap{ width: 99.9888%; overflow:hidden}

.header{ position: relative;width: 99.9888%; padding-bottom:10px;}
.header .logo{ margin-left: 15px; padding-top:10px;}
.header .logo img{max-height: 50px }
.index_banner .swiper-container .swiper-slide img{ width: 100%;}


/*.header .logo img{ width: 100%;}*/
.header .lang{ position: absolute; top: 1.5rem; right: 2rem;font-size: 0.8rem; color: #333; margin-top: 3px;}
.header .lang a{ padding-left:25px; display:block}
.header .en{background: url('../images/en.jpg') no-repeat 0px 0px;}
.header .cn{background: url('../images/cn.jpg') no-repeat 0px 0px;}

.m_nav{ width: 100%; height:120px; background:#f6f6f6; border-bottom:1px solid #e3e3e3 }
.m_nav .list{ width: 100%;}
.m_nav .list li{ float: left; width: 33.33%; text-align: center; padding: 16px 15px 18px 15px;border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
.m_nav .list li a{ color: #000; font-size: 16px;}

.m_nav .mui-content{background:none}
.m_nav .mui-grid-view.mui-grid-9{background: url('../images/nav_bg.jpg') repeat-x;}
.m_nav .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{margin-top:0px;color: #FFF;}
.mui-table-view:before,.mui-table-view:after{ background-color:#FFF}

.search_mod{ width: 100%; height: auto; background: #86909c}
.search_mod .searfrom{ padding:25px 10px 5px 10px;}
.search_mod .searfrom .s_from{ width: 70%; margin-left: 25px; font-size: 12px;  border-radius:15px 0px 0px 15px; }
.search_mod .searfrom .sea_btn{ background: #abcd1d; width:60px; height: 40px; border: none; border-radius: 0px 15px 15px 0px;}
.search_mod .searfrom .b_txt{ padding: 0px 0px 10px 0px;}
.search_mod .b_txt a{ padding: 8px 8px 8px 8px;background: #b90000; color: #FFF; margin-right: 15px; }
.search_mod .cha_content{ padding-top:1.5rem; color: #FFF}
.search_mod .cha_content .sea_btn{ background: #bd0000;color: #FFF; width:60px; height: 40px; border: none; border-radius:  5px;}
.search_mod .cha_content .xl2{ color: #333}
.search_mod .sea_from dd{ text-align: center}
.search_mod .sea_from input,.search_mod .sea_from select{ height: 30px; color: #333}
.cha_content{ width: 99%;}
.sear_tab{ width: 330px;  margin: 0 auto;}


.pro_tit{ background:#b90000;width: 99.9888%;}
.pro_tit img{ text-align:center }

.pro_cate{ width:99.88%; }
.pro_cate .tit{ position: relative; height: 35px; line-height: 35px;border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-top: 35px; }
.pro_cate .tit h2{line-height: 24px; padding-left: 20px; font-size: 14px; color: #b90000; }
.pro_cate .tit .more{ position:absolute; top: 0px; right: 15px; }
.mui-action-btn{ border-bottom: 1px solid #EEE}


.cha_tit img{ width: 100%;}


dl.sea_from{ width: 100%; clear: both;}
dl.sea_from input{ padding: 5px;}
dl.sea_from .d_1{ float: left; width:30%; text-align: right;}
dl.sea_from .d_long{float: left; width:60%; text-align: left;}
dl.sea_from .d_2{float: left; width:22.5%; text-align: left;}
dl.sea_from .d_line{float: left; width:5%; text-align:center;}
dl.sea_from .d_3{float: left; width:22.5%; text-align: left;}
dl.sea_from .d_btn{float: left; padding-left: 30%; width:100%; text-align: left;}
dl.sea_from select.xl2{  border: 1px solid #CCC !important; padding: 8px 8px 8px 8px;}
dl.sea_from .an,dl.sea_from .an2{ font-size: 12px;}
.company .tit{ width: 100%; height: 50px; background:url(../images/index_tit.jpg) repeat-x; }
.company .tit .em{ margin: 0 auto; width:100px; background: #b90000; line-height: 30px; padding: 5px 0px 5px 0px; color: #FFF; text-align: center;}
.company .content{ padding: 15px;}
.company .home_aboutcont img{ width:100%;}

dl.sea_from .an, dl.sea_from .an{ background: #00156e; border:1px solid #00156e}
.see_btn{ text-align: center;}
.see_btn a{ color: #00156e;}

.artlce{ width:99%; overflow:hidden}
.artlce .tit{ height: 35px; line-height: 35px; text-indent: 10px; font-size: 16px; color: #00156e;  border-bottom: 3px solid #00156e;}
.artlce .art_list{ width:99%; margin-top: 10px; margin-left: 15px;}
.artlce .art_list li{ position: relative; line-height: 35px; height: 35px; border-bottom: 1px dotted #CCC;}
.artlce .art_list li cite{ position: absolute; top: 0px; right: 35px; font-style: normal;}
.artlce .art_list li a{ color: #333;}

/*分页样式*/
.Pro_page,.page20px{padding:10px;height:30px;width:100%;margin-right:20px; clear:both;}
.pages { color: #999; font-family:Verdana; height:30px}
.pages a, .pages .current { text-decoration:none; padding: 3px 8px; border: 1px solid #ddd;background: #fff;margin:0 3px; line-height:25px; font-size:12px; color:#000;}
.pages a:hover { background-color:#087433; color:#fff;border:1px solid #087433; text-decoration:none;}
.pages .current { font-weight: bold; color: #fff; background:#087433; border:1px solid #087433;}
.goto_txt{ width:30px;margin:0px 5px;}




.page_wp { width: 100%; }
.page_wp .fl { float: left; width: 200px; margin: 10px 0; line-height: 30px; }
.page_wp .fl .allRecordset{ margin-right: 20px;}
.pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 0px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #cc0000; border-color: #cc0000; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius:0px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }




.sear_tab tr td{ padding-bottom: 2px; }
.sear_tab .p_sn{ border: 1px solid #e0e0e0; width: 100%; height: 24px;}
.sear_tab .p_wj{ border: 1px solid #e0e0e0; width: 80px; height: 24px;}
.sear_tab  select.xl2{ float: left; border: 1px solid #CCC !important; }
.an{ background:url(../images/cz_05.jpg) no-repeat; width:67px; height:26px; text-align:center; line-height:26px; color:#fff; border:0;}
.an:hover{ background: url(../images/cz_03.jpg) no-repeat; width:67px; height:26px; text-align:center; line-height:26px; color:#fff; border:0;}
.an2{ background:url(../images/cz_05.jpg) no-repeat; width:67px; margin-right:12px; height:26px; text-align:center; line-height:26px; color:#fff; border:0;}
.an2:hover{ background: url(../images/cz_03.jpg) no-repeat; width:67px; height:26px; text-align:center; line-height:26px; color:#fff; border:0;}
.mui-popover,.mui-popover .mui-table-view{ height:400px;}


/*bottom*/
#tool { width:99.9888%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;
}
.toollist li a {color: #fff;font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;color: #fff;}


/*绿色主题*/
.toollist {	border-top: 1px solid #da0000;
	background-image:-o-linear-gradient(top,  #da0000,  #b90000);
	background-image:-ms-linear-gradient(top,  #da0000,  #b90000);
	background-image:-moz-linear-gradient(top,  #da0000,  #b90000);
	background-image:-webkit-linear-gradient(top, #da0000,  #b90000);
	background-image:linear-gradient(top,  #da0000,  #b90000);
	-moz-box-shadow: 0 1px 0 #eee inset;-webkit-box-shadow: 0 1px 0 #eee inset;	
	-o-box-shadow: 0 1px 0 #eee inset;box-shadow: 0 1px 0 #eee inset;
}
.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.6);}
.toollist li a {color: #fff;}
/*end bottom*/



#wrap .company .home_aboutcont img{ width:100% !important}
.page_content .mui-content img{ width:100%}


footer .back_top{ background:#6c6c6c; height: 35px;}
footer .back_top img{ text-align: center;}

footer .f_nav{ width: 100%; height: 115px; }
footer .f_nav .list{ width: 100%;}
footer .f_nav .list li{ float: left; width: 33.33%; text-align: center; padding: 10px 15px 10px 15px;}
footer .f_nav .list li a{ color: #333; font-size: 16px;}
footer .main{ position: relative;background: #e5e5e5; height: 140px;}
footer .main .enlang{ position: absolute; bottom:15px; right: 25%;font-size: 14px; color: #333; margin-top: 3px; margin-right: 20px;}
footer .main .enlang a{ padding-left:25px; display:block}
footer .main .en{background: url('../images/en.jpg') no-repeat 0px 0px;}
footer .main .cn{background: url('../images/cn.jpg') no-repeat 0px 0px;}
footer .main .lang{  position: absolute; bottom:15px; right: 50%;font-size: 14px; color: #333; margin-top: 3px; margin-right: 20px;}
footer .main .lang a{ padding-left:25px; display:block}
.copyright{ padding-left: 35px; padding-top: 10px;}
.copyright p{ padding-bottom: 0px; margin-bottom: 3px;}


.mui-btn-blue{background-color: #00156e; border: none;}

.modelblock{ width: 100%}
.modelblock .wrap{ padding: 15px 5px 15px 5px;}
.modelblock-thead{ width: 100%}
.modelblock-thead .modelblock-thead-title{ height: 30px; line-height: 30px; font-weight: bold; font-size: 24px; color: #000}
.modelblock-thead .modelblock-thead-desc{ height: 25px; line-height: 25px; font-size: 12px; color: #666}
.modelblock-thead .modelblock-thead-line{ width: 40px; height: 2px; background: #b90000; margin: 5px auto;}



.product-thead{ width: 100%}
.product-thead .product-thead-title{ height: 30px; line-height: 30px; font-weight: bold; font-size: 24px; color: #000}
.product-thead .product-thead-desc{ height: 25px; line-height: 25px; font-size: 12px; color: #666}
.product-thead .product-thead-line{ width: 40px; height: 2px; background: #b90000; margin: 5px auto;}


.company-thead{ width: 100%}
.company-thead .company-thead-title{ height: 30px; line-height: 30px; font-weight: bold; font-size: 24px; color: #000}
.company-thead .company-thead-desc{ height: 25px; line-height: 25px; font-size: 12px; color: #666}
.company-thead .company-thead-line{ width: 40px; height: 2px; background: #b90000; margin: 5px auto;}

.advantage{ width: 100%; background: #86909c; height: auto;}
.advantage .wrap{ padding: 35px 5px 35px 5px;}
.advantage-thead{ width: 100%;height: auto;}
.advantage-thead .advantage-thead-title{ height: 30px; line-height: 30px; font-weight: bold; font-size: 24px; color: #FFF}
.advantage-thead .advantage-thead-desc{ height: 25px; line-height: 25px; font-size: 12px; color: #FFF}
.advantage-thead .advantage-thead-line{ width: 40px; height: 2px; background: #FFF; margin: 5px auto;}

.advantage-tbody .mui-content {background: none; padding: 0;}
.advantage-tbody .advantage-lists{ width: 100%; background: none;}
.advantage-tbody .mui-table-view{background: none;margin: 0; padding: 0;}
.advantage-tbody .mui-table-view.mui-grid-view .mui-table-view-cell{ margin: 0; padding: 0;}
.advantage-tbody .index_item_wrap{  padding: 5px;}
.advantage-tbody  .index_item_tbody{ background: #FFF;padding: 25px 15px 25px 15px;}
.advantage-tbody  .index_item_tbody .initem-title{ font-weight: bold; color: rgb(0, 0, 0); font-size: 20px;}
.advantage-tbody  .index_item_tbody .initem-desc{ margin-top:5px; font-size: 14px;}
.advantage-tbody  .index_item_tbody2{ background: #FFF;padding: 15px 15px 25px 15px;}

.advantage-tbody ul li .item-down-ico {
	margin: 3px;
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center;
	background-color: #fff;
	border-radius: 25px;
	background-clip: padding-box;
	font-size: 24px;

}

.advantage-tbody ul li .item-mui-icon {
	font-family: Muiicons;
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	display: inline-block;
	text-decoration: none;
	line-height: 50px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	margin: 0 auto;
}



.honorswiper{ width: 100%; }
.honorswiper .honor-item{ width: 100%; background: #f7f7f7;height: auto;}
.honorswiper .honor-item .honor-item-wrap{padding: 15px 10px 35px 10px}


.artlce{ width: 100%; background: #f7f7f7; height: auto;}
.messageandtech a{ display: block;}
.messageandtech img{display: block; width: 100%}