*,html{padding:0px; margin:0;}
body{ background: #FFF; font-size:12px;color:#626262; margin:0 auto; padding:0; font-family:"微软雅黑"}
.mui-content{ background: #FFF;}

.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}
.bounce-in-down {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes fadeInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}
.fade-in-down {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}
@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}
.bounce-out-up {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes fadeOutUp {
	20% {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}
@keyframes fadeOutUp {
	20% {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.fade-out-up {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
.menu-open {
	height: 100%;
	width: 100%;
}
.menu-open .mui-scroll-wrapper {
	position: absolute;
	top: 70px; 
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}
.menu-backdrop {
	display: none;
}
.menu-open .menu-backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: block;
	z-index: 998;
}
.menu-wrapper {
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	z-index: 999;
	text-align: center;
	background-color: #333;
	width: 100%;
}
.menu-wrapper.hidden {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	z-index: -1;
}
.menu {
	width: 100%;
}
.menu .mui-table-view-inverted {
	color: gray;
	font-size: 19px;
}
.menu .mui-table-view-inverted .mui-table-view-cell:after {
	height: 2px;
	left: 0;
	right: 0;
}
.menu-wrapper.mui-active,
.menu-wrapper.mui-active .menu {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#info{
  	padding: 20px 10px ;
 }


/*跨webview需要手动指定位置*/
.mui-plus header.mui-bar {
	display: none!important;
}
.mui-plus .mui-bar-nav~.mui-content {
	padding: 0!important;
}

.mui-plus .plus{
	display: inline;
}

.plus{
	display: none;
}

#topPopover {
	position: fixed;
	top: 16px;
	right: 6px;
}
#topPopover .mui-popover-arrow {
	left: auto;
	right: 6px;
}
p {
	text-indent: 22px;
}
span.mui-icon {
	font-size: 14px;
	color: #007aff;
	margin-left: -15px;
	padding-right: 10px;
}
.mui-popover {
	height: 280px;
}
.mui-content {
	padding: 10px;
}
.sub_nav{ padding:8px 5px;border: 1px solid #0b46ce; color:#0b46ce}
.mui-btn-outlined.mui-btn-primary{color:#0b46ce}
.mui-bar-tab .mui-tab-item .mui-icon{ width:14px}
.sub_down_menu{ background:url("../images/arrowdown.jpg") no-repeat right 15px;}



ul,li{list-style:none;padding:0px; margin:0px;}
.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}
.content .mui-input-row .gs_submit { width:100%; height:40px;background-color:#0b46ce;border: 1px solid #0b46ce;}

.top_head{ background: #FFF; position: relative;}
.top_head{ background: #FFF;position: relative; padding-bottom:10px; height:60px;}
.top_head .logo{ position:absolute; top:15px; left:10px;}

.top_head .lang{ position: absolute; top: 25px; right: 60px;font-size: 14px; color: #333; margin-top: 3px; height: 15px; }
.top_head .lang a{ padding-left:25px; display: block; color: #666;}
.top_head .en{background: url('../images/en.jpg') no-repeat 0px 0px;}
.top_head .cn{background: url('../images/cn.jpg') no-repeat 0px 0px;}
.top_head  .nav_list{position: absolute; top: 25px; right: 20px;}
.top_head .mui-icon{font-weight: 800; color: #0b46ce;}
.page_bar{ background: #0b46ce; color: #FFF; height: 45px;}
.page_bar .mui-icon{ color: #FFF; margin-top: 8px; display: block;}
.page_bar .p_tit{ color: #FFF; font-family: "微软雅黑";}
.page_bar .mui-title{ color: #FFF;}
.page_content{background: #FFF;}
.content{ padding: 15px;background: #FFF;height: 100%;}
.mui-off-canvas-wrap{ overflow: inherit;}
.p_banner img{ width: 100%;}
.hd{ padding: 15px 15px 35px 15px;}
.hd h2{ font-size: 18px; text-align: center;}
.content img{ width: 100%;}

.artlce{ width: 100%;}
.artlce .tit{ height: 35px; line-height: 35px; text-indent: 10px; font-size: 16px; color: #178e0e;  border-bottom: 3px solid #0e8904;}
.artlce .art_list{ width: 100%; 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*/
.mui-table-view:before,.mui-table-view:after{ background:none}
 ul.mui-grid-view li{  margin-bottom:25px;}
 ul.mui-grid-view li .mui-media-object{border:1px solid #f2f2f2;}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{ font-size:14px; height:40px; line-height:40px; background:#cbf6dc;margin-top:0px; color:#0b46ce}
.mui-table-view.mui-grid-view .mui-table-view-cell{}

/*sea*/
.cha_content{ width: 99%; margin-top: 20px;}
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: #0b46ce; line-height: 35px; padding: 5px 0px 5px 0px; color: #FFF; text-align: center;}
.company .content{ padding: 15px;}
dl.sea_from .an, dl.sea_from .an{ background: #0b46ce;}
.see_btn{ text-align: center;}
.see_btn a{ color: #0b46ce;}

/*spec*/
.spec{ width: 100%;}
.spec_talbe{ border: 1px solid #c3ebd3; height: 142px;}
.spec_talbe  tr td{ width: 49%; padding: 5px 5px 5px 5px; color: #0b46ce;}


/*分页样式*/
.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;}



/*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 #D70000; 
	background-image:-o-linear-gradient(top,  #ba0000,  #D70000);
	background-image:-ms-linear-gradient(top,  #ba0000,  #D70000);
	background-image:-moz-linear-gradient(top,  #ba0000,  #D70000);
	background-image:-webkit-linear-gradient(top, #ba0000,  #D70000);
	background-image:linear-gradient(top,  #ba0000,  #D70000);
	-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*/

.page_content .mui-content img{ width:100%;max-width: 100%;height: auto;display: block;}





footer{  width: 100%; display: block; margin-top: 20px;height: 100%;}
footer a{ color: #666;}
footer .back_top{ background:#0b46ce; 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{width: 100%;  display: block;padding-left: 15px; padding-top: 10px;margin-bottom: 20px; }
.copyright p{ padding-bottom: 0px; margin-bottom: 3px;}



#tabmenu ul { width: 100%; overflow: hidden; margin: 0; }
#tabmenu li { color: #575a56; float: left; margin-bottom: 25px; list-style: none; background: #ddd; text-align: center; margin-right: 1px; cursor: pointer;width: 32%; height: 40px; line-height: 40px; }
#tabmenu li.current { background:#001770; color: #fff; }
#tabmenu li.current a{  font-size: 12px; color: #FFF;}
#tabcontent{ width: 100%; overflow: hidden; margin: 0; }
.none{ display:none}