@charset "utf-8";
body,html { max-width:640px; min-width:320px; margin:0 auto; font-size:0.24rem; background:#eee; overflow:hidden; overflow-y:auto;}
a { color:#000; text-decoration:none;}
a:hover { color:#f00;}
.clear{clear:both; height:0; overflow:hidden;}
.hidden { display:none;}
/*margin-top*/
.mt10 { margin-top:0.10rem;}
.mt20 { margin-top:0.20rem;}
.mt30 { margin-top:0.30rem;}
.mt40 { margin-top:0.40rem;}
.mt50 { margin-top:0.50rem;}
.mt60 { margin-top:0.60rem;}
.mt70 { margin-top:0.70rem;}
.mt80 { margin-top:0.80rem;}
.mt90 { margin-top:0.90rem;}
.mt100 { margin-top:1.00rem;}
.mtb10 { margin:0.10rem 0;}
.mtb20 { margin:0.20rem 0;}
.mr5 { margin-right:0.05rem;}
.mr10 { margin-right:0.10rem;}
/*font-size*/
.f12 { font-size:0.12rem/1.5;}
.f18 { font-size:0.18rem/1.5;}
.f20 { font-size:0.20rem/1.5;}
.f24 { font-size:0.24rem;}
.f26 { font-size:0.26rem;}
.f28 { font-size:0.28rem;}
.f30 { font-size:0.30rem;}
.f32 { font-size:0.32rem;}
.f34 { font-size:0.34rem;}
.f36 { font-size:0.36rem;}

.cdef{color:#176e5d;}
.cred{color:#F14D59;}
.corg{color:#FC6D02;}
.cgreen{color:#090;}
.cblue{color:#005BB5;}
.c555{color:#555}
.c666{color:#666}
.c888{color:#888}
.c999{color:#999}
.c333{color:#333}
.cbbb{color:#bbb;}
.fl{float:left;}
.fr{float:right;}

.strong { font-weight:bold;}
.center { text-align:center;}

.header { width:100%; height:auto; overflow:hidden; background:#eee; position:relative; padding-bottom:0.20rem; border-top:0.05rem solid #e6e6e6;}
.header .logo { width:60%; margin-left:2%; margin-top:4%;}
.header .menu { position:absolute; top:0.65rem; right:0.25rem; background:#125447; color:#fff; border-radius:0.10rem; z-index:999;}
.header .lang { position:absolute; top:0; right:0.20rem; z-index:999; font-weight:bold; color:#000; display:;}
.header .lang a { color:#000;}
.header .lang a.currlang { color:#f00;}
.header .menu:before{ display:block; text-align:center; padding:0.15rem;/* padding-left:0.22rem; padding-bottom:0.20rem;*/}
.header .menu:hover { background:#176e5d;}
.header .menu.show { position:fixed; }
.header .tel { text-align:center; font-size:0.28rem; color:#f00; font-weight:bold; border-top:0.02rem solid #ccc; padding-top:0.20rem;}
.header .tel a { color:#f00;/* border:0.03rem solid #091424;*/ padding:0 0.10rem;}

.pagetop{ background:#176e5d; border-bottom:0.01rem #ddd solid; text-align:center; height:0.66rem; line-height:0.66rem; color:#333; width:100%; max-width:640px; min-width:320px; font-family:'微软雅黑'; font-size:0.32rem; position:fixed; z-index:1;}
.pagetop a{color:#ff5500;}
.fh{ position:absolute; top:0; left:0; color:#fff; width:0.66rem; height:0.66rem;}
.fh a{  display:block; width:0.66rem; height:0.66rem; color:#fff; text-align:center;}
.cd { position:absolute; right:0; top:0; color:#fff; width:0.66rem; height:0.66rem;}
.cd a{ display:block; width:0.66rem; height:0.66rem; color:#fff;}
.pagetop_title { width:80%; height:0.66rem; margin:0 auto; line-height:0.66rem; overflow:hidden; color:#fff; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.content{ margin:0 auto; padding:0.66rem 0 1rem 0; margin-bottom:0.10rem;}

.content .subnav{ border-bottom:0.01rem #ccc solid; background:#fff; line-height:0.60rem; width:100%; height:auto; white-space:nowrap; overflow-x:auto; overflow:auto;}
.content .subnav a{color:#333; font-size:0.26rem; padding:0.05rem 0.12rem 0.06rem; display:inline-block;}
.content .subnav a.sel{border-bottom:0.03rem #176e5d solid;}

.page_info{background:#fff; margin-top:0.10rem; border-top:0.01rem #eee solid; position:relative; border-radius:0.05rem;}
.page_info{background:#fff; padding:0.10rem;  line-height:1.5; /*min-height:600px;*/}
.content_main img{max-width:100%}

.footer { width:100%; height:auto; overflow:hidden; background:#eee; padding-bottom:0.30rem;}
.footer .copyright { text-align:center; height:0.40rem; line-height:0.40rem;}

.nav { position:fixed; display:flex; display: -webkit-flex; bottom:0; z-index:100; width:100%; max-width:640px; min-width:320px; height:1rem; line-height:0.35rem; background:#176e5d; font-size:0; border-top:0.01rem solid #fff;}
.nav a { width:20%; text-align:center; font-size:0.26rem; color:#fff;}
.nav a.icon:before{ display:block; text-align:center; margin-top:0.18rem;}

.navmenu { width:100%; height:auto; overflow:hidden; background:#176e5d; background:rgba(23,110,93,0.8); display:none;}
.navmenu .menu { width:100%; height:0.90rem; line-height:0.90rem; font-size:0; display: flex; flex-wrap:wrap; justify-content:space-between; align-content:space-between;}
.navmenu .menu a { display:inline-block; width:20%; font-size:0.26rem; text-align:center; color:#fff;}
.navmenu .menu a.on { background:#125447; background:rgba(18,84,71,0.8);}

.spacebox { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:666; display:none;}
.menuslide { position:fixed; top:0; left:-60%; width:60%; height:100%; background:#176e5d; background:rgba(23,110,93,0.6); z-index:999; overflow-y:auto;/*-webkit-filter: blur(3px);  Chrome, Opera */}
.navmenu1 { width:100%; height:auto; overflow:hidden; background:#176e5d; background:rgba(23,110,93,0.6);}
.navmenu1 .menu { width:100%; height:auto; line-height:0.90rem;}
.navmenu1 .menu a { display:block; font-size:0.26rem; text-indent:0.20rem; color:#fff; border-bottom:0.01rem solid #125447;}
.navmenu1 .menu a.on { background:#125447;}
.navmenu1 .menu .subnav { width:100%; height:auto; overflow:hidden; border-bottom:0.01rem solid #125447;}
.navmenu1 .menu .subnav a { font-size:0.24rem; line-height:0.60rem; text-indent:20%; border:0;}

.menuslide.show { left:0;}
/*关于*/
.aboutbox { margin:0.10rem; height:auto; overflow:hidden; background:#fff;}
.aboutbox dt { margin:0.10rem; height:0.60rem; line-height:0.60rem; border-bottom:0.02rem solid #125447;}
.aboutbox dt .tit { font-size:0.32rem; margin-left:0.10rem; color:#125447;}
.aboutbox dt .more { font-size:0.25rem; float:right; color:#125447; text-transform:uppercase; margin-right:0.10rem;}
.aboutbox dd { margin:0.14rem; height:auto; overflow:hidden;}
.aboutbox dd .des { text-indent:2em; line-height:2;}

/*团队*/
.teambox { margin:0.10rem; height:auto; overflow:hidden; background:#fff;}
.teambox dt { margin:0.10rem; height:0.60rem; line-height:0.60rem; border-bottom:0.02rem solid #125447;}
.teambox dt .tit { font-size:0.32rem; margin-left:0.10rem; color:#125447;}
.teambox dt .more { font-size:0.25rem; float:right; color:#125447; text-transform:uppercase; margin-right:0.10rem;}

.flexbox { display:flex; display: -webkit-flex; /* Safari */flex-flow:row wrap;justify-content:space-between; align-content:space-between;}
.flexbox .flex-item { flex:0 0 32%; height:auto; overflow:hidden; font-size:0.36rem; text-align:center; margin-top:0.10rem; position:relative;}
.flexbox .flex-item.column1 { flex:0 0 100%;}
.flexbox .flex-item.column2 { flex:0 0 48%;}
.flexbox .flex-item.column3 { flex:0 0 32%;}
.flexbox .flex-item.column4 { flex:0 0 24%;}
.flexbox .flex-item.column5 { flex:0 0 19%;}
.flexbox .flex-item.column6 { flex:0 0 16%;}
.flexbox .flex-item .tit { line-height:2; font-size:0.24rem; background:#125447; background:rgba(18,84,71,0.8); color:#fff; position:absolute; left:0; bottom:0; width:100%; z-index:1;}

.list { height:auto; overflow:hidden; font-size:0.32rem;}
.list .list-item { width:100%; line-height:2.5; border-bottom:0.02rem solid #ccc; font-size:0.24rem;}
.list .list-item .tit { line-height:0.32rem;}
.list .list-item .time { float:right; color:#666;}

/*新闻*/
.newsbox { margin:0.10rem; height:auto; overflow:hidden; background:#fff;}
.newsbox dt { margin:0.10rem; height:0.60rem; line-height:0.60rem; border-bottom:0.02rem solid #125447;}
.newsbox dt .tit { font-size:0.32rem; margin-left:0.10rem; color:#125447;}
.newsbox dt .more { font-size:0.25rem; float:right; color:#125447; text-transform:uppercase; margin-right:0.10rem;}

.article_list{ background:#fff; margin-top:0.10rem;}
.article_list li{ border-bottom:0.02rem #f0f0f0 solid; margin:0 0 0 0.10rem; line-height:0.44rem; position:relative;}
.article_list li a{ display:block; width:100%; color:#888;}
.article_list li i{ background:url(../images/jt.png) no-repeat; width:0.06rem; height:0.10rem; display:block; background-size:0.06rem 0.10rem; position:absolute; right:0.15rem; top:50%; margin-top:-0.05rem;}

/*团队*/
.inbox { margin:0.15rem; height:auto; overflow:hidden; background:#fff; border-radius:0.10rem; padding-bottom:0.10rem;}
.inbox dt { margin:0.15rem; height:0.60rem; line-height:0.60rem; border-bottom:0.02rem solid #125447;}
.inbox dt .tit { font-size:0.32rem; margin-left:0.10rem; color:#125447;}
.inbox dt .more { font-size:0.25rem; float:right; color:#125447; text-transform:uppercase; margin-right:0.10rem;}
.inbox dd { margin:0.15rem; height:auto; overflow:hidden;}
.inbox dd .txt { text-indent:2em; line-height:1.5;}

.trans{

    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}

/*表单样式*/

.formbox{margin:0 10px;}
.input_box{background:#fff;}
.input_box1{background:#fff; width:100%; height:40px; line-height:40px; color:#555; border:1px #ddd solid;}
.input1{border:0;height:100%; width:100%;  font-size:15px; background:#fff; text-indent:5px; border-radius:0; color:#666;}
.textarea_box{background:#fff; margin-top:5px; height:auto;}
.input{font-size:15px; width:100%; height:40px; line-height:40px; border:0; color:#555; border:1px #ddd solid; text-indent:5px;}
.textarea{font-size:15px; width:98%; height:120px; padding:0 1%; overflow:auto; overflow-y:auto; line-height:20px; border:0; color:#555; border:1px #ddd solid;}
.check_tip{height:20px; line-height:20px; color:#333; font-size:15px;}
.btn{background:#ff9932; border-radius:4px; height:40px; line-height:40px; margin-top:20px; cursor:pointer; }
.btn input{border:medium none; height:40px; line-height:40px; background:none; text-align:center; width:100%; color:#fff; font-size:16px;font-family:'Microsoft Yahei',"宋体"; cursor:pointer;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
	width: 4px;
	height: 4px;
	background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3);
	border-radius: 2px;
	background-color:none;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.3);
	background-color: rgba(0,0,0,.2);
}