@charset "utf-8";
/* CSS Document */
/* QQ:1977917927 */

/*==============================================================================================*/
/*common
/*==============================================================================================*/
*{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size:14px;
	font-weight:bold;
}
h1, h2, h3, h4, h5, h6, h7,em {
	font-weight:bold;
	font-style:normal;

}
img, th {
	border:0;
}
img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
ul, ol, li {
	list-style-type:none;
}
a {
	color:#454545;
	text-decoration:none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    outline: none;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
a:hover {
	color:#454545;
	text-decoration:none;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	background:#f5f5f5 ;
	font-size:14px;
	line-height:20px;
	max-width: 750px;
	min-width: 320px;
    margin: 0 auto;
    -webkit-tap-highlight-color: transparent;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.block{display:block;}
.line-height{ line-height:22px;}
.border{border:#dedede solid 1px; overflow:hidden; border-radius:4px;}
.cboth {
	display:block;
	line-height:0px;
    font-size:0;
	clear:both;
}
.mtop{ margin-top:10px;}
.mbottom{ margin-bottom:10px;}

.backdrop {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 8888;
	filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;
    background-color: #000;
	display:none;
}

/*==============================================================================================*/
/*table-css
/*==============================================================================================*/
.itable td{
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #ffffff;
}
.itable {
	font-family: verdana,arial,sans-serif;
	border-width: 1px;
	border-color: #cccccc;
	border-collapse: collapse;
}
.itable th {
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #eeeeee;
}	

/*==============================================================================================*/
/*module
/*==============================================================================================*/
#container {
	width:100%;
}
#header{
	background:#125cb1;
	width:100%;
}

#mainer{
	overflow:hidden;
	width:100%;
	max-width:720px;
	min-width: 320px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#footer{
	width:100%;
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:center;
	overflow:hidden;
	padding-bottom:100px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:20px;
}

/*==============================================================================================*/
/*header
/*==============================================================================================*/

.header_box, .header {
    position: relative;
    top: 0;
    height: 50px;
    background-color: #ffffff;
    z-index: 9999;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s;
	width: 100%;
	max-width: 750px;
}
.header_fixed {
    position: fixed;
}
.header .logo {
    height: 30px;
    margin-top: 10px;
	float: left;
	display: flex;
	align-items: center;
	margin-left: 15px;
}
.header .logo a{
	height: 30px;
	display: block;
	margin-right: 10px;
}
.header .logo img {
    width: auto;
    height: 100%;
}
.header .logo p{
	font-size: 14px;
	color: #000;
}
.header .right{
	margin-right:15px;
}
.mnav_btn {
    color: white;
    cursor: pointer;
    width: 50px;
}
.mnav_btn a {
    display: block;
    overflow: hidden;
}
.mnav_btn span {
    float: left;
    width: 25px;
    height: 2px;
    background-color: #555555;
    margin-top: 6px;
    -ms-transform-origin: 7% 50%;
    -moz-transform-origin: 7% 50%;
    -webkit-transform-origin: 7% 50%;
    -o-transform-origin: 7% 50%;
    transition: all 0.3s;
    margin-left: 25px;
}
.mnav_btn .line1 {
    margin-top: 16px;
}
.header .mnav_btn .on .line1 {
    transform: rotate(45deg);
}
.header .mnav_btn .on .line2 {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transform: rotate(0);
}
.header .mnav_btn .on .line3 {
	transform: rotate(-45deg);
}

.header_search, .header_search span {
    line-height: 50px;
    display: block;
    color: #333;
    cursor: pointer;
    font-size: 18px;
    margin-right: -5px;
}
.header_search .search {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;
}
.header_search i {
	position: relative;
    margin-right: 20px;
    width: 26px;
    height: 55px;
    font-size: 24px;
    line-height: 55px;
	color: #1e1e1e;
	z-index: 5;
	margin-top: 0;
}
.header_search .search ul {
	margin: 0.5rem auto 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: initial;
	height: 48px;
	line-height: 48px;	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	z-index: 2;
}
.header_search .search ul form{
	overflow: hidden;
	background: #ffffff;
	border-bottom: 1px solid #1e1e1e;
	position: relative;
	margin: 0 auto;
	width: 90%;
	height: 47px;
	line-height: 47px;
}
.header_search .search ul input[type="text"] {
    border: none;
    width: 100%;
    display: block;
    border: none;
    text-align: left;
    color: #666;
    font-size: 14px;
    padding: 0 85px 0 0.2rem;
	padding-right: 55px;
    background: #fff;
	height: 48px;
	line-height: 48px;
}
.header_search .search ul input {
    outline: none;
}
.header_search .search_btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    z-index: 2;
    height: 48px;
    line-height: 48px;
	width: 50px;
	font-size: 20px;
    cursor: pointer;
    border: none;
    outline: none;
    color: #1e1e1e;
    background: #ffffff;
}
.header_search .search .visible-sm {
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.header_search .search .visible-sm h2 {
    font-size: 16px;
}
.header_search .search .visible-sm .key_box{
    position: relative;
    overflow: hidden;
    height: auto;
    margin: 0 0 0 -5px;
	line-height: 48px;
	width: 100%;
	max-width: initial;
}
.header_search .search .visible-sm .key_box li{
    display: inline;
}
.header_search .search .visible-sm .key_box li a {
    background-color: #f5f5f5;
    color: #666666;
    font-size: 12px;
    padding: 6px;
    margin: 5px;
}
.header_search .search ol {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background: #ffffff;
    z-index: 1;
	padding: 0;
}
.header .lang_box {
    line-height: 50px;
    display: block;
    color: #333;
    cursor: pointer;
    position: relative;
	margin: 0 0.1rem;
}
.header .lang_box i {
    line-height: 50px;
	padding: 0 10px;
    display: block;
    color: #1e1e1e;
    cursor: pointer;
    font-size: 24px;
}
.header .lang_box .lang{
    top: 50px;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
	text-align: center;
	background-color: #f6f6f6;
	overflow: hidden;
	z-index: 999;
}
.header .lang_box a{
    float: left;
    width: 100%;
    height:48px;
    line-height:48px;
	color: #222;
	border-bottom: 1px solid #ffffff;
}
.header .lang_box a img{
    margin-right:6px;
}
.header .m_nav {
    display: block;
    position: fixed;
    z-index: 999;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    box-sizing: border-box;
    padding: 0 0;
    transform: translateX(-100%);
    transition: 0.6s ease-in-out;
}
.header .navon {
    transform: translateX(0);
    transition: 0.6s ease-in-out;
}
.header .m_nav ul {
    overflow-y: auto;
    height: 100%;
    padding-bottom: 120px;
}
.header  .m_nav ul li{
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #eeeeee;
}
.header  .m_nav ul .mnavli a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    font-weight: bold;
    padding: 0 0.8rem;
    font-size: 14px;
    color: #000;
    line-height: 3;
    font-weight: normal;
}
.header .m_nav .mnavli i {
    position: absolute;
    right: 7px;
    padding-left: 0.05rem;
    width: 50px;
    height: 42px;
    top: 0;
    text-align: center;
    color: #000;
    font-size: 12px;
    line-height: 42px;
}
.header .m_nav .mnavli .m_navsub {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 10px;
    display: none;
    background: #f5f5f5;
}
.header .m_nav .mnavli .m_navsub li {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    color: #000;
    line-height: 3;
    border-bottom: 1px solid #eeeeee;
}
.header .m_nav ul .active{
	background: #ffeb00;
}
.header .m_nav .mnavli .son {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    color: #000;
}
.header .m_nav .mnavli .m_navsub li:last-child {
    border: none;
}
.header .m_nav .mnavli .m_navchild {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 10px;
    display: none;
    background: #f5f5f5;
}
.header .m_nav .mnavli .m_navsub em{
    position: absolute;
    right: 7px;
    padding-left: 0.05rem;
    width: 50px;
    height: 42px;
    top: 0;
    text-align: center;
    color: #000;
    font-size: 12px;
    line-height: 42px;
}

/*==============================================================================================*/
/*banner
/*==============================================================================================*/
.banner {
	width:100%;
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
	z-index:100;
}

.ibanner{
	width:100%;
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}
.ibanner img{
	width: 100%;
	display: block;
}

.flex-control-nav{bottom: 10px!important; margin-left: -17px!important;}
.flex-control-nav li a{background: rgba(255,255,255,.5)!important;width: 8px!important;height: 8px!important;border-radius: 50%;}
.flex-control-nav li a.active{background: rgba(255,255,255,1)!important;}



/*==============================================================================================*/
/*indexer-css
/*==============================================================================================*/


/*-----------------标题共用-------------------*/
.guide-title{
    overflow: hidden;
    text-align: center;
    padding: 0 10px;
}
.guide-title h2{
    font-size: 22px;
    line-height: 26px;
    color: #125cb1;
    margin-bottom: 5px;
}
.guide-title p{
    color: #999999;
    font-size: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*-------------------about-------------------*/
.partner-box{
    overflow: hidden;
    padding: 30px 15px;
    background-color: #efefef;
}
.partner-box ._main{
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 0 15px;
}
.partner-box ._main li{
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
    margin: 10px 0;
}
.partner-box ._main li img{
    width: 100%;
}
.partner-box ._main li dd{
    text-align: center;
    padding:10px 15px 15px;
    line-height:24px;
}
.partner-box ._main li dd>div{
    font-size: 18px;
}
.partner-box ._main li dd span{
    color: #999999;
    display: inline-block;
}
.partner-box ._main li dd h3{
    position: relative;
    overflow: hidden;
}
.partner-box ._main li dd h3 span{
    position: relative;
    z-index: 2;
    font-size: 40px;
    color: #ffd200;
    background-color: #ffffff;
    padding: 0 10px;
    line-height: 40px;
}
.partner-box ._main li dd h3::before{
    position: absolute;
    content: '';
    width:50%;
    height:2px;
    background-color: #eee;
    left: 50%; 
    top:50%; 
    transform:translate(-50%,-50%);
}
.partner-box ._main .swiper-pagination{
    bottom:-2px;
}





/*-------------------pruducts-------------------*/
.products-box {
	overflow: hidden;
	padding: 30px 15px;
	background-color: #fff;
}
.products-box .hd{
	overflow: hidden;
	margin-top:10px;
}
.products-box .hd li{
	width:25%;
	float: left;
	background: #eee;
	border-radius:5px;
	padding:0 8px;
}
.products-box .hd li a{
	text-align: center;
	font-size: 14px;
	color: #000;
	display: block;
	height:36px;
	line-height:36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.products-box .hd li.on{
	background: #125cb1;
}
.products-box .hd li.on a{
    color: #ffffff;
}
.products-box .bd ul {
    display: block;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: -4%;
}
.products-box .bd ul li {
	overflow: hidden;
	position: relative;
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom:3%;
}
.products-box .bd ul li:nth-child(2n){
	margin-right: 0;
}
.products-box .bd ul li span{
	display: block;
	overflow: hidden;
	background: #eaeaea;
    box-sizing: border-box;
    border: 1px solid #eaeaea;;
    border-radius:5px;
}
.products-box .bd ul li img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.products-box .bd ul li h3 {
	font-size: 16px;
	text-align: center;
    margin-top:6px;
    font-weight: normal;
}


/*-------------------about-------------------*/
.guide-about {
	overflow: hidden;
	background: url(../images/about-bg.jpg) no-repeat;
	background-size: cover;
	padding: 30px 15px;
	position: relative;
}

.guide-about ._main .guide-video{
    width: 100%;
}

.guide-about ._main p {
    margin:12px 0;
    position: relative;
    line-height: 24px;
    max-height: 96px;
    overflow: hidden;
    width: 100%;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.guide-about ._main .more{
    color: #fff;
    overflow: hidden;
    display: block;
    width: 131px;
    height: 37px;
    background-color: #125cb1;
    line-height: 37px;
    text-align: center;
    margin:20px auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.guide-about ._main ul{
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin:10px auto;
}
.guide-about ._main ul li{
    overflow: hidden;
}
.guide-about ._main ul span{
    display: block;
    border-radius: 50%;
    width:50px;
    height:50px;
    background-color: #125cb1;
    border:7px solid #bed0e5;
}
.guide-about ._main ul img{
    width:48%;
    margin:26%;
}
.guide-about ._main ul p{
    text-align: center;
    font-size: 14px;
    line-height:16px;
    margin-top: 5px;
    color: #333333;
}

.video_box{
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10002;
}
.video_main{
    width:85%;
    max-width:450px;
    height:210px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.video_main span {
    font-size: 30px;
    color: #fff;
    position: absolute;
    right: -10px;
    top: -15px;
    cursor: pointer;
    z-index: 10;
}

/*-------------------news-------------------*/

.news-box {
	overflow: hidden;
    padding: 30px 15px 20px;
    background-color:#ffffff;
}
.news-box .news-tab{
    width: 100%;
    text-align: center;
	margin-top:2px;
}
.news-box .news-tab li {
    display: inline-block;
    line-height: 18px;
	font-size: 14px;
    padding: 0 10px;
    border-right: 1px solid #999;
	color: #888;
}
.news-box .news-tab li:nth-child(2){
	border-right: none;
}
.news-box .news-tab li.on{
	color: #000;
}
.news-box .news_main{
    margin-top:10px;
    position: relative;
    overflow: hidden;
}
.news-box .news_main ul li a{
    display: block;
    overflow: hidden;
    background: #f5f5f5;
}
.news-box .news_main ul li dd{
    padding:15px;
}
.news-box .news_main .time{
    width: 100%;
    color: #666666;
}
.news-box .news_main .time strong{
    font-size: 24px;
    color: #125cb1;
    margin-right: 5px;
}
.news-box .news_main .title{
    margin:8px 0 3px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 16px;
}
.news-box .news_main p{
    line-height: 24px;
    max-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999999;
}
.news-box .news_main ul li dl{
    position: relative;
    width: 100%;
    padding-top:60%;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.news-box .news_main ul li img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-box .news_main>div{
    padding-bottom: 25px;
}
.news-box .news_main .swiper-pagination {
    bottom:-2px;
}
.news-box .news_main .swiper-pagination .swiper-pagination-bullet-active{
    background: #ffd200;
}

/*==============================================================================================*/
/*cate-css
/*==============================================================================================*/
.cate li{ background:#f2f2f2; border-bottom:#fff solid 1px;}
.cate li div{ display:block; line-height:40px;}
.cate li div span{ display:block; line-height:40px; background: url(../images/cate.png) no-repeat 0px -50px;padding-left:15px; cursor:pointer;}
.cate li a{ display:block; line-height:40px; background: url(../images/cate.png) no-repeat 0px 18px;padding-left:12px;}
.cate li a:hover{}
.cate li .cur { border-bottom:#fff solid 1px;}
.cate li .cur span{ background: url(../images/cate.png) no-repeat 0px -125px;}
.cate li .onhvr { color:#F90; background: url(../images/cate.png) no-repeat 0px -374px;}
.cate li ul{display:none }
.cate .root {background:#f5a700;}
.cate .root span{ background:url(../images/cate.png) no-repeat 0px -199px; color:#FFF; padding-left:15px;}
.cate .root.cur span{ color:#fff; background:#f5a700 url(../images/cate.png) no-repeat 0px -274px !important;}

/*产品分类*/
.dis-box {display: -webkit-box;display: -moz-box;display: -ms-box; display:flex}
.box-flex {-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display: block; width:100%;}

.cate_nav{ width:30%; position:relative;}
.cate_nav ul{ list-style:none; margin:10px 5px 10px 0px; padding:0px; }
.cate_nav ul.on{ position:fixed; top:0px; left:0px; margin-top:0px; overflow-y:scroll; height:90%;}

.cate_nav ul li{ list-style:none;  overflow:hidden; display:block; width:100%; clear:both; border-bottom:#eee solid 1px; background:#fff;}
.cate_nav ul li.cur{  background:#f5f5f5;}
.cate_nav ul li a{
	padding:15px 15px; 
	overflow:hidden; 
	display:block;
	white-space: nowrap;  
	text-overflow:ellipsis; 
	overflow:hidden;
}
.cate_nav ul li:last { border-bottom:none;}

.cate_sub{padding:0px; margin:10px 0px;  display:inline-block;}
.cate_sub ul{ list-style:none; margin:0px; padding:0px;}
.cate_sub ul li{ list-style:none; margin:0px;  float:left; overflow:hidden; display:block; position:relative; width:50%;}
.cate_sub ul li a{ 
	height:50px;
	line-height:50px;
	margin:0px 5px 10px 5px;
	padding:5px;
	overflow:hidden; 
	display:block;
	white-space: nowrap;  
	text-overflow:ellipsis; 
	overflow:hidden;
	text-align:center;
	background:#fff;
}

/*==============================================================================================*/
/*content
/*==============================================================================================*/
.comcont{
	width:100%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}
.comcont img{ max-width:620px !important; }	 
.comcont .hd{
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:10px;
	background:#fff;
	display:block;
}
.comcont .locate{ display:block; overflow:hidden; padding: 10px 0;}
.comcont .locate ul img{float:left;}
.comcont .locate ul{ list-style:none;float:left;padding-left:5px;}
.comcont .locate li{font-size: 14px;float:left; line-height: 24px;}
.comcont .locate li .iconfont{font-size:12px;}
.comcont .locate li em{padding: 0 5px;}
.comcont .locate li:first-child i{
    margin-right: 2px;
}



.comcont .fellow {background:#f8f8f8; overflow:hidden; clear:both;}
.comcont .fellow ul{ list-style:none; display:block; }
.comcont .fellow li{ float:left;display:block; text-align:center; border:#fff solid 1px;}
.comcont .fellow li a{ font-size:12px; font-weight:normal; padding:10px 13px; text-align:center; display:block; overflow:hidden;}
.comcont .fellow .cur{ background-color:#f2f2f2;}


.content{clear:both; min-height:300px; overflow:hidden; background:#fff; display:block; margin-bottom:10px; padding:10px;margin-top: 10px;}
.content .hd { margin-bottom:10px; padding-bottom:10px; padding-top:20px;}
.content .hd h2{ text-align:center;font-size:16px;}
.content .hd p{ text-align:center; line-height:20px; height:20px; font-size:12px;}

.content img{ max-width:700px !important; text-align:center;}
.content .pic{ padding-bottom:10px; margin-bottom:10px;text-align:center;}
.content .pic img{ width:100%}
.content .pic h3{ font-weight:normal; margin-top:10px;font-size:12px; overflow:hidden; display:block;text-align:left;}
.content .intro{ display:block; overflow:hidden;}
.content .intro img{ max-width:700px !important; width:100%;}

.content .cbox h3{ background:#f5f5f5; height:40px; line-height:40px; padding-left:10px; text-align:left; color:#333; font-weight:normal; font-size:14px; margin-bottom:8px;}
.content .cbox p{ display:block; overflow:hidden;text-align:left; padding:5px;}

.box h2.title{
	color:#666666;
	font-size:16px;
	font-weight:bold;
	padding-left:15px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
    overflow: hidden;
    height: 25px;
	background:url(../images/tl_cut.png) no-repeat 0 4px;
}

.box h2.title span{
	font-size:12px;
	font-weight:normal;
	color:#999999;
}
.box h2.title a.more{
	font-weight:normal;
	text-indent:-9999px;
	width:33px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/ico_more.gif) no-repeat 0 center;
	float:right;
    display: block;
}

.box h2.title em{
    float: left;
    font-style: normal;
}
.box li { 
     margin-bottom:15px; 
	 font-size:12px;
}
.box li span{ display:block;line-height:20px; font-weight:bold;
}
.box li p{ line-height:20px;;
}

.arclist {
    width:100%;
	background:#fff;
	margin-top: 10px;
}
.arclist ._list{
	overflow: hidden;
	padding: 10px;
}
.arclist ._list li{
	overflow: hidden;
    padding:10px;
    background: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
	display: block;
}
.arclist ._list li a{
	display: block;
}
.arclist ._list li h3{
    font-size: 16px;
    font-weight: normal;
	color: #000;
	margin-bottom: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.arclist ._list li ._time {
    color: #999;
    font-size: 12px;
    margin-bottom: 5px;
}
.arclist ._list li  p{
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #999;
	overflow: hidden;
}

.prolist {
    width:100%;
	display:block;
	clear:both;
	overflow:hidden;
	margin-top:5px; 
}
.prolist li{
	width:50%;
	float:left;
	display:block;
	overflow:hidden;
}
.prolist li a{
    display: block;
	background:#fff;
	margin:5px;
}
.prolist li dl{
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px 5px 10px;
    overflow: hidden;
}
.prolist li a.thumb img{
	width:100%;
	text-align:left;
}
.prolist li dd{
	display:block;
    width:100%;
	line-height:35px;
	font-size:14px;
	text-align:center;
	padding-bottom:10px;
}
.prolist li dd h3{
	margin-top:10px;
	margin-bottom:5px;
	text-align:center;
}
.prolist li dd p{
	display:block;
	margin-top:5px;
	margin-bottom:10x;
}
.table-box{
    border:none;    
}


.pholist {
    width:100%;
	background:#fff;
	overflow:hidden;
}
.pholist h2{ background:#f4f4f4; border-bottom:#dddddd solid 1px; height:40px; line-height:40px; padding-left:10px; color:#333333; margin-bottom:8px;}
.pholist h2 a{ display:block; overflow:hidden;color:#333333;}
.pholist li{
	width:25%;
	float:left;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:15px;
}
.pholist li a{
    display: block;
}
.pholist li dl{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border:#eee solid 1px;
	text-align:center;
    overflow: hidden;
}
.pholist li dl img{
	width:100%;
	text-align:center;
}
.pholist li dd{
	display:block;
	margin-left:15px;
	line-height:23px;
	text-align:center;
}
.pholist li dd h3{
	margin-bottom:5px;
}
.pholist li dd p{
	display:block;
	margin-top:5px;
	margin-bottom:10x;
}

.abmlist {
    width:100%;
	background:#fff;
	overflow:hidden;
}
.abmlist h2{ background:#f4f4f4; border-bottom:#dddddd solid 1px; height:40px; line-height:40px; padding-left:10px; color:#333333; margin-bottom:8px;}
.abmlist h2 a{ display:block; overflow:hidden;color:#333; }
.abmlist ul{ list-style:none; display:block; overflow:hidden; margin-top:10px;}
.abmlist li{
	width:100%;
	float:left;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#ddd solid 1px;
}
.abmlist li a{
    display: block;
}
.abmlist li dl{
	width:40%;
	float:left;
	margin-right:2%;
	text-align:center;
    overflow: hidden;
}
.abmlist li dl a{
    display: block;
	padding:5px;
}
.abmlist li dl img{
	width:100%;
	text-align:center;
}
.abmlist li dd{
	width:58%;
	float:left;
	display:block;
	line-height:23px;
	text-align:left;
}
.abmlist li dd h3{
	margin-bottom:5px;
}
.abmlist li dd p{
	display:block;
	margin-top:5px;
	margin-bottom:10x;
}

.next_map{ display:block; overflow:hidden;margin-top: 20px;}
.next_map a{ display:block; overflow:hidden; height:25px; line-height:25px; background:#fff; margin-bottom:10px; padding:0px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:14px;}
/*--------------------page------------------*/
.page{
    margin:10px 0px;
    clear: both;
	overflow:hidden;
}
.page .first{
    background:url(../images/page.png) 7px -82px no-repeat;
}
.page .last{
    background:url(../images/page.png) 7px -140px no-repeat;
}
.page .next{
    background:url(../images/page.png) 7px 10px no-repeat;
}
.page .prev{
    background:url(../images/page.png) 7px -36px no-repeat;
}
.page span.page_list{ overflow:hidden; float:right; margin-right:5px;}
.page span.page_list a{
	display:block;
	float:left;
	margin-right:5px;
    border:1px solid #eaeaea;
	padding: 5px 10px 5px 10px;
	font-size:12px;

}
.page span.page_rows{
	display:block;
	clear:both;
	float:right;
    border:1px solid #eaeaea; 
	font-size:12px;
	margin-top:5px;
	margin-right:10px;
    padding: 5px 10px 5px 10px;
}
.page span.page_list a.selected{
    background: #f2f2f2;
    color: #222222;
}


/*==============================================================================================*/
/*form
/*==============================================================================================*/
.field{
    display: table;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
label{
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    cursor: pointer;
	
}
label.label{
    float: left;
	display:block;
    width: 120px;
    padding-top: 5px;
    text-align: left;
    color: #333;
}
.controls{
    margin-left: 140px;
}
input{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;

}

input.text{
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    margin-left: 0;
    text-indent: 0px;
    text-shadow: none;	
}

textarea{
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;

}

textarea.textarea{
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
    margin-left: 0;
	width:100%;
}

.btn{
    background:#F5F5F5;
    border: 1px solid #B3B3B3;
    color: #333333;
    cursor: pointer;
    letter-spacing: 2px;
    line-height: 1;
    overflow: visible;
    padding: 6px 8px;
    overflow:hidden;
    text-align: center;
    width: auto;
}



/*==============================================================================================*/
/*footer
/*==============================================================================================*/
.footer-box {
	overflow: hidden;
	background: #30333a;
	padding: 38px 10px 80px;
}

.footer-box .footer-contact {
	overflow: hidden;
	color: #fff;
	text-align: center;
}

.footer-box .footer-contact h4 {
	font-size: 14px;
	font-weight: normal;
}

.footer-box .footer-contact p {
	font-size: 28px;
	font-weight: bold;
    line-height: 1.5;
    color: #ffd200;
}

.footer-box .footer-contact ul {
	display: flex;
	align-items: center;
	overflow: hidden;
	justify-content: center;
}

.footer-box .footer-contact ul li {
	width: 30%;
	overflow: hidden;
	margin-left: 20px;
	text-align: center;
}

.footer-box .footer-contact ul li:first-child {
	margin-left: 0;
}

.footer-box .footer-contact ul li img {
	width: 100%;
	display: block;
}

.footer-box .footer-contact ul li p {
	font-size: 14px;
	font-weight: normal;
    margin-top: 5px;
    color: #ffffff;
}

.footer-box .footer-copyright {
	color: #fff;
	text-align: center;
	overflow: hidden;
	margin-top:12px;
}

.footer-box .footer-copyright a {
	color: #fff;
	font-size: 14px;
}

.footer-box .footer-copyright p {
	font-size: 14px;
	margin-top: 5px;
}


.footer-nav {
	position: fixed;
	bottom: 0;
	z-index: 99;
	background-color: #125cb1;
	height: 50px;
	display: block;
	width: 100%;
	max-width: 750px;
}

.footer-nav ul {
	position: relative;
	display: block;
}

.footer-nav ul li {
	float: left;
	width: 20%;
	height: 50px;
	text-align: center;
	overflow: hidden;
	padding: 5px 0 0;
}

.footer-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.footer-nav ul li span {
	position: relative;
	display: block;
	text-align: center;
	width: 20px;
	height: 20px;
	margin: 5px auto;
	overflow: hidden;
}

.footer-nav ul li span img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
}

.footer-nav ul li p {
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 11px;
}

.footer-nav ul li:nth-child(3) span {
	position: absolute;
	top: -17px;
	width: 84px;
	height: 84px;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: hidden;
}

.footer-nav ul li:nth-child(3) span img {
	position: relative;
	width: 100%;
	height: auto;
}

.footer-nav ul li:nth-child(3) p {
	display: none;
}





/*==============================================================================================*/
/*other
/*==============================================================================================*/

#ztab {
	width:100%;
	padding-top:0px;
}
#ztab .hd {
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	border-bottom:#f08300 solid 1px;
}
#ztab .hd li {
	width: 50%;
	height: 60px;
	float:left;
	text-align:center;
	line-height:60px;
	padding-left:0px;
	font-size:14px;
	cursor:pointer;
	font-size:24px;
	list-style:none;
}
#ztab .hd li.selected {
	border-bottom: none;
	color:#FFF;
	background:#f08300;
}
#ztab .bd li{ float:left; width:25%; overflow:hidden;}
#ztab .bd li a{ display:block; padding:0px 10px; text-align:center;}
#ztab .bd li span{ display:block; white-space:nowrap; text-align:center;}
#ztab .bd li a img{ width:100%;}