@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
       url('../font/iconfont.woff2') format('woff2'),
       url('../font/iconfont.woff') format('woff'),
       url('../font/iconfont.ttf') format('truetype'),
       url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
display: block;
}
body {
line-height: 1;
}
ol, ul, li {
list-style: none;
}

html, body {
        margin: 0;
        width: 100%;
        height: 100%;
        font-size:14px;
		line-height:1;
        background-color: #444;
        font-family: "Microsoft JhengHei", "PingFang HK", "Microsoft YaHei", "Arial";
}

a:link {color: #999;text-decoration: none;}
a:visited {color: #999;text-decoration: none;}
a:hover {color:#056AA7;text-decoration: none;}
a:active {color: #999;text-decoration: none;}

.menulink:link {color: #fff;text-decoration:none;}
.menulink:visited {color: #fff;text-decoration:none;}
.menulink:hover {color:#fff;text-decoration:none;}
.menulink:active {color: #fff;text-decoration:none;}

.menu_spana{color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:2.2em;}
.menu_spanb{font-size:1em; color:#FFF; line-height:1.8em;}
.menu_spanc{font-size:0.9em; color:#FFF; line-height:2.3em; margin-top:30px; text-align:left;}
.menu_spand{font-size:0.8em; color:#FFF; line-height:2.1em; margin-top:50px; text-align:left;}

.z_title{font-size:1.4em; color:#056AA7; font-weight:bold;}
.f_title{font-size:0.8em; color:#aaa; line-height:2.2em;}
.z_title_a{font-size:1.4em; color:#fff; font-weight:bold;}
.f_title_a{font-size:0.8em; color:#fff; line-height:2.2em;}

.clean{clear:both;}

/*banner*/
.index_banner{width:100%; height:70vh;}

.txt-box{width:100%; display: block;  margin:0 auto 0 auto; text-align: left;}
.swiper-container {width: 100%;height:100%;}

.swiper-slide .x_title {font-size:1em; color:#ffffff; text-align:center; margin-top:25vh;}
.swiper-slide .x_title_en {font-size:1.6em; color:#ffffff; text-align:center; margin-top:25vh;}
.swiper-slide .x_ftitle {font-size:2em; color:#ffffff; text-align:center; margin-top:8px; font-weight:bold;}
.swiper-slide .x_ftitle_cn {font-size:1.3em; color:#ffffff; text-align:center; margin-top:8px; font-weight:bold;}
.swiper-slide .x_ftitlea {font-size:1.5em; color:#ffffff; text-align:center; margin-top:8px; font-weight:bold; line-height:1.4em;}
.swiper-slide .x_text {font-size:0.8em; color:#ffffff; text-align:center; margin-top:8px;}


/*bk*/
.index_bk{width:100%; height:auto; padding:6vh 0 2vh 0; background:#FFF;}
.index_bk ul{text-align:center; height:auto; margin:0 auto; text-align:center;}
.index_bk ul:nth-child(1){width:90%; padding-bottom:4vh;}
.index_bk ul:nth-child(2){width:90%;}
.index_bk ul li{width:33.333%; float:left; padding-bottom:4vh;}
.index_bk ul li:nth-child(3){margin-bottom:15px;}
.index_bk ul li img{width:60%; margin:0 auto; display:block;}
.index_bk ul li span{font-size:0.9em; color:#999;}
.index_bk_oneli{margin-left:16.666%;}

/*index_about*/
.index_about{width:100%; height:105vh; background:#FFF; background-image:url(../image/about_bg.jpg); background-size:cover;}
.index_about ul{height:auto; width:100%; position:relative;}
.index_about ul span{position:absolute;top:0;left:0; text-align:center;}
.index_about ul span img{height:8vh; margin-top:8.5vh;}
.index_about ul span:nth-child(1){width:100%; top:6vh; text-align:center;}
.index_about ul span:nth-child(2){width:90%; height:25vh; background-color:#fff; top:15vh; left:5%; line-height:2.0em; background-image:url(../image/about_bga.jpg); background-size:cover;}
.index_about ul span:nth-child(3){width:90%; height:63vh; background-color:#FFF; top:40vh; left:5%; line-height:2.0em;}
.index_about ul span dd{ padding:15px 25px; line-height:1.9em; text-align:center;}
.index_about ul span dd a{ padding:3px 22px; background-color:#056AA7; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;
-moz-border-radius: 12px; /* Firefox */
-webkit-border-radius: 12px; /* Safari and Chrome */
border-radius: 12px; /* Browsers that Support it like Opera */
}

/*index_fzfx*/
.index_fzfx{width:100%; height:46vh; background:#FFF; position:relative;}
.index_fzfx span{position:absolute;top:0;left:0; text-align:center;}
.index_fzfx span:nth-child(1){width:100%; top:6vh; text-align:center;}
.index_fzfx span:nth-child(2){width:100%; top:15vh; text-align:center;}

/*index_service*/
.index_service{width:100%; height:74vh; position:relative; background-color:#FFF; background-image:url(../image/seaverbg.gif); background-size:cover; background-position:center;}
.index_service span{position:absolute;top:0;left:0; text-align:left; z-index:999;}
.index_service span:nth-child(1){top:6vh; width:100%; text-align:center;}
.index_service span:nth-child(2){top:15vh; left:5%; width:44%; height:10vh; background-color:#FFF; text-align:left;}
.index_service span:nth-child(3){top:15vh; left:51%; width:44%; height:10vh; background-color:#FFF; text-align:left;}
.index_service span:nth-child(4){top:45vh; left:5%; width:44%; height:10vh; background-color:#FFF; text-align:left;}
.index_service span:nth-child(5){top:26vh; left:51%; width:44%; height:10vh; background-color:#FFF; text-align:left;}
.index_service span:nth-child(6){top:37vh; left:5%; width:44%; height:10vh; background-color:#FFF; text-align:left;}
.index_service span:nth-child(7){top:37vh; left:51%; width:44%; height:10vh; background-color:#FFF; text-align:left;}

.index_service span dd{float:left; height:100%;}
.index_service span dd p{font-size:0.6em; color:#ccc; line-height:2em;}
.index_service span dd li{margin-top:2.7vh; margin-left:1.5vh; font-size:0.9em;}


/*index_news*/
.index_news{width:100%; height:auto; position:relative; background-color:#FFF; padding:2vh 0 6vh 0;}
.index_news li{text-align:center; margin:2vh auto 0 auto; width:90%;}
.index_news_li_three{background-color:#056AA7; padding-bottom:1vh; line-height:3vh; border-radius:0 0 10px 10px; color:#FFF;}

/*bootom*/
.bottom_b{width:100%; height:13vh; text-align:center; background-color:#056AA7; color:#FFF; line-height:13vh; font-size:2.3em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
.bottom_c{width:100%; height:13vh; text-align:center; position:fixed; bottom:0; background-color:#056AA7; color:#FFF; line-height:13vh; font-size:2.3em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}

/*news_ietm*/
.news_ietm{width:100%; height:auto; padding:4vh 0 4vh 0; background:#FFF;}
.news_ietm ul{width:90%; height:auto; padding:2vh 0 2vh 0; margin:0 auto; border-bottom:1px solid #eee;}
.news_ietm ul li{float:left; line-height:1.4em;}
.news_ietm ul li span{font-size:1em; color:#000; font-weight:bold;display: inline-block;width:100%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news_ietm ul li font{font-size:0.9em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 38px;}
.news_ietm dd{width:90%; margin:2vh auto 0 auto; font-size:1em; font-weight:bold; color:#056AA7;}

.news_left_li{width:30%;}
.news_right_li{width:65%; margin-left:5%;}

.news_x{width: 100%;background: #fff;padding: 30px 12px;}
.news_body{width:100%;overflow: hidden;margin:30px 0;line-height: 20px;}
.news_body img{width:100%;}
/*rz_ietm*/
.rz_ietm{width:100%; height:auto; padding:4vh 0 4vh 0; background:#FFF;}
.rz_ietm ul{width:90%; height:30vh; background-color:#f5f5f5; margin:2vh auto;}

/*service_ietm*/
.service_ietm{width:100%; height:auto; padding:0; padding:6vh 0 4vh 0; background:#FFF;}
.service_ietm ul{width:100%; height:auto; text-align:center;}
.service_ietm_dd{width:90%; margin:0 auto; text-align:center; padding:1vh 0 4vh 0;}
.service_ietm_dda{width:90%; margin:0 auto; text-align:left; padding:1vh 0 4vh 0;}
.service_ietm_span{font-size:1.2em; color:#056AA7; font-weight:bold; line-height:2em;}
.service_ietm_font{font-size:0.9em; line-height:1.6em;}

.service_ietm_padding{padding-bottom:4vh;}

/*about_ietm*/
.about_ietma{width:100%; height:auto; padding:0; padding:6vh 0 2vh 0; background:#FFF;}
.about_ietma ul{width:100%; height:auto; text-align:center;}

.about_ietm_ddb{width:90%; margin:0 auto; text-align:left; padding:0 0 4vh 0; line-height:1.6em;}
.about_ietm_ddc{width:90%; margin:0 auto; text-align:center; padding:0 0 4vh 0; line-height:1.8em;font-size:12px;}
.about_ietm_ddd{width:90%; margin:0 auto; text-align:left; padding:0 0 4vh 0; line-height:1.8em;font-size:12px;}

/*about_guihua*/
.about_guihua{width:100%; height:auto; padding:0; padding:6vh 0 2vh 0; background:#FFF; background-image:url(../image/about_bga.jpg); background-size:cover; background-position:center;}
.about_guihua ul{width:100%; height:auto; text-align:center; color:#FFF;}

/*about_youshi*/
.about_youshi{width:100%; height:auto; padding:0; padding:6vh 0 2vh 0; background:#FFF; border-bottom:1px solid #f5f5f5;}
.about_youshi ul{width:100%; height:auto; text-align:center;}

/*about_tese*/
.about_tese{width:100%; height:auto; padding:0; padding:6vh 0 6vh 0; background:#FFF; background-image:url(../image/tese_bg.gif);}
.about_tese ul{width: calc(100% - 24px);margin-left: 12px;height:auto; text-align:center;}
.about_tese ul li{width:50%; height:30vh; float:left; background-color:#FFF;}
.about_tese ul li img{display:block;}
.about_tese ul li dd{padding:25px 20px 20px 20px; font-size:0.8em; line-height:1.4em; text-align:left;}
.about_tese ul li dd font{font-size:1.2em; color:#333; font-weight:bold;}


.index_service_ol_left img{width:100%;}
.index_service_ol_right{font-size:12px;}
.about_imgBox{width:100%;overflow: hidden;}
.about_imgBox img{width: calc(33.33% - 4px);margin-right: 5px;float: right;}
.about_imgBox img:nth-child(1){margin-right: 0px;}
.about_zsBox{width:calc(100% - 24px);overflow: hidden;margin-left:12px;}
.about_zs{float:left;width:calc(33.3% - 6px);margin-right: 8px;margin-bottom:8px;}
.about_zs img{width:100%;}
.about_zsBox .about_zs:nth-child(3n){margin-right: 0px;}
.about_zs_more{margin:30px auto;width:120px;height:30px;line-height:30px;background:#056AA7;border-radius: 4px;text-align: center;color:#fff;}
.zs_hide{display:none;}
.about_ry{overflow: hidden;width:100%;padding:30px 0;}
.about_ry .service_ietm_padding{text-align:center;}
.about_scsl{overflow: hidden;width:100%;padding:6vh 0;background: #fff;}
.about_scsl .service_ietm_padding{text-align:center;}
.about_scslBox{width:calc(100% - 24px);margin-left:12px;overflow: hidden;}
.about_scslBox img{width:calc(50% - 4px);margin-right:8px;margin-bottom:8px;float:left;}
.about_scslBox img:nth-child(2n){margin-right:0;}
.about_td{overflow: hidden;width:100%;padding:6vh 0;background: #fff;}
.about_td .service_ietm_padding{text-align:center;}
.about_tdBox{width: 100%;overflow: hidden;padding:0 12px;}
.yftd{float:left;width:calc(50% - 6px);margin-right:12px;overflow: hidden;margin-bottom: 20px;}
.about_tdBox .yftd:nth-child(2n){margin-right:0;}
.yftd_img{width:100%;display:flex;justify-content:center;align-items:center;}
.yftd_img img{width:80%;}
.yftd p{text-align: center;margin-top:8px;}
.contact_infoBox{width:100%;padding:40px 12px;background: #fff;}
.contact_info{width:100%;overflow: hidden;margin-bottom:30px;}
.contact_info_left{float:left;width:100px;text-align: center;}
.contact_info_left p{margin-bottom:5px;}
.contact_info_left p i{font-size:20px;}
.contact_info_right{float:right;width:calc(100% - 112px);overflow: hidden;line-height: 22px;}
.fzlc_box{width:100%;overflow: hidden;}
.join_hzhb{width:100%;overflow: hidden;}