body { font-family: "Microsoft YaHei"; font-weight: 100; overflow: hidden; position: relative; width: 100%; }
a { text-decoration: none; color: #fff; }
html, body { height: 100%; padding: 0; margin: 0; overflow: hidden; color: #000; -webkit-user-select: none; background: #efefef; }
body { }
.clear { clear: both; }
img { display: block; width: 100%; }
.page { width: 100%; height: 100%; overflow: visible; overflow-x: hidden; position: relative; background: #efefef; }

/**** header *****/
.header { width: 100%; height: 0.43rem; padding: 0.22rem 0; position: fixed; top: 0; left: 0; background: #efefef; border-bottom: 1px solid #b9d2dc; z-index: 9; }
.header .logo { width: 1.67rem; height: 0.43rem; float: left; background: url(../images/m_logo.png) no-repeat; background-size: contain; margin: 0 0.3rem; }
.header .tel { width: 3.2rem; height: 0.43rem; float: right; padding-right: 0.3rem; text-align: right; color: #21b8ce; font-size: 0.22rem; font-weight: bold; line-height: 0.43rem; }
.header p { text-align: center; width: 100%; font-size: 0.32rem; font-weight: bold; line-height: 0.43rem; color: #3a3a3a; }
.header .nav_icon { position: absolute; top: 0.22rem; right: 0.3rem; width: 0.43rem; height: 0.43rem; background: url(../images/m_nav_icon.png) no-repeat; background-size: contain; background-position: center center; }
.header .nav_close { position: absolute; top: 0.22rem; right: 0.3rem; width: 0.43rem; height: 0.43rem; background: url(../images/m_nav_close.png) no-repeat; background-size: contain; background-position: center center; }
.header .nav { position: fixed; width: 2.98rem; padding: 0.22rem 0 0.22rem 1rem; top: 0.86rem; bottom: 0; right: -1px; background: url(../images/m_nav_bg.png) no-repeat; background-size: cover; z-index: 9; overflow-x: hidden; overflow-y: scroll; display: none; }
.header .nav .logo { width: 1.67rem; height: 0.43rem; float: none; display: block; background: url(../images/m_logo.png) no-repeat; background-size: contain; margin: 0; }
.header .nav .nav_black { padding: 0.2rem 0 0 0; }
.header .nav .nav_black .title { border-bottom: 1px solid #cccccc; color: #333333; margin-bottom: 0.1rem; }
.header .nav .nav_black .title a { color: #333333; font-weight: bold; font-size: 0.26rem; line-height: 1.6; }
.header .nav .nav_black .title .blue_block { width: 0.5rem; height: 3px; background: #5fa1b7; }
.header .nav .nav_black .sub_nav { padding: 0.1rem 0; }
.header .nav .nav_black .sub_nav a { color: #333333; font-size: 0.26rem; line-height: 1.6; }

/****引导页****/
.background { width: 100%; height: 100%; background: url(../images/m_bg.jpg) no-repeat; background-size: cover; }
.guideboxbtn1 { width: 51.11%; height: 0; padding-bottom: 8.8%; display: block; margin: 0px auto; position: relative; top: 45%; background: url(../images/m_btn1.png) no-repeat; background-size: contain; }
.guideboxbtn2 { width: 100%; margin: 0px auto; position: relative; top: 49%; }
.guideboxbtn3 { width: 30.66%; height: 0; padding-bottom: 8.8%; display: block; float: left; margin-left: 15%; background: url(../images/m_btn2.png) no-repeat; background-size: contain; }
.guideboxbtn4 { width: 30.66%; height: 0; padding-bottom: 8.8%; display: block; float: right; margin-right: 15%; background: url(../images/m_btn3.png) no-repeat; background-size: contain; }

/******banner******/
.banner { width: 100%; position: relative; padding-top: 0.87rem; }
.bule_img { width: 100%; min-height: 1rem; background: #0080a0; }
.slideBox { width: 100%; position: relative; z-index: 1; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd img { width: 100%; display: block; }
.slideBox .hd { width: 100%; margin: 0px auto; height: 6px; position: absolute; bottom: 10%; }
.slideBox .hd ul { width: 35%; margin: 0px auto; }
.slideBox .hd li { width: 25%; height: 6px; float: left; cursor: pointer; background: url(../images/img09.png) no-repeat; margin: 7px 5px; }
.slideBox .hd .on { width: 25%; height: 6px; float: left; cursor: pointer; background: url(../images/img08.png) no-repeat; margin: 7px 5px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev { position: absolute; left: 5%; top: 50%; margin-top: -0.4rem; display: block; width: 0.27rem; height: 0.52rem; background: url(../images/img06.png) no-repeat; background-size: contain; }
.slideBox .next { position: absolute; right: 5%; top: 50%; margin-top: -0.4rem; display: block; width: 0.27rem; height: 0.52rem; background: url(../images/img07.png) no-repeat; background-size: contain; }

/*首页*********************************************************************************************************************************************/
.indexnavbox { width: 100%; background: #fff; padding: 0.5rem 0; }
.indexnavb { width: 100%; margin: 0px auto; }
.indexnav1 { width: 33%; display: block; float: left; }
.indexnav2 { width: 33%; display: block; float: left; }
.indexnav3 { width: 33%; display: block; float: left; }
.indexnav1 .navimg { width: 1rem; height: 1rem; background: url(../images/img11.png) no-repeat; background-size: contain; margin: 0 auto; }
.indexnav2 .navimg { width: 1rem; height: 1rem; background: url(../images/img12.png) no-repeat; background-size: contain; margin: 0 auto; }
.indexnav3 .navimg { width: 1rem; height: 1rem; background: url(../images/img10.png) no-repeat; background-size: contain; margin: 0 auto; }
.indexnav1 .navtitle { width: 1rem; line-height: 1.6; text-align: center; color: #0080a0; font-size: 0.24rem; padding-top: 0.1rem; margin: 0 auto; }
.indexnav2 .navtitle { width: 1rem; line-height: 1.6; text-align: center; color: #0080a0; font-size: 0.24rem; padding-top: 0.1rem; margin: 0 auto; }
.indexnav3 .navtitle { width: 1rem; line-height: 1.6; text-align: center; color: #0080a0; font-size: 0.24rem; padding-top: 0.1rem; margin: 0 auto; }

.indexas { width: 100%; position: relative; }
.indexasb { width: 100%; margin: 0px auto; padding: 0.4rem 0 1rem 0; }
.indexasbtitle1 { width: 100%; line-height: 1.6; text-align: center; font-size: 0.3rem; font-weight: bold; color: #0080a0; }
.indexasbtitle2 { width: 100%; line-height: 1.6; text-align: center; font-size: 0.26rem; font-weight: bold; color: #0080a0; }
.indexasbc { width: 90%; margin-top: 0.4rem; margin-left: auto; margin-right: auto; }
.indexasbci { width: 33.33%; float: left; position: relative; }
.indexasbciimg { width: 100%; }
.indexasbcibg { width: 100%; height: 0.42rem; position: absolute; bottom: 0px; background-color: #000000; filter: alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.indexasbcifont { width: 100%; line-height: 1.75; text-align: center; color: #ffffff; font-size: 0.24rem; position: absolute; bottom: 0px; }

/*底部**************************************************************************************************************************)*/
.bottom { width: 100%; background: #575b5d; }
.bottomb { width: 100%; margin: 0px auto; font-size: 14px; color: #9a9d9e; text-align: center; }
.bottomt { padding-top: 50px; }
.bottomlb { width: 710px; height: 100px; margin: 0px auto; }
.bottomlb a { width: 140px; height: 60px; float: left; margin: 18px 18px; }
.bottomlb a img { width: 140px; height: 60px; }
.bottomll { width: 70%; height: 0; margin: 0 auto 0.35rem; border-top: #737373 solid 1px; border-bottom: #474a4d solid 1px; }
.bottomlb2 { width: 100%; padding: 0.5rem 0 0.35rem; text-align: center; }
.bottomlb2 a.btn1 { width: 13.06%; display: inline-block; margin: 0 10px; }
.bottomlb2 a.btn2 { width: 13.06%; display: inline-block; margin: 0 10px; }
.bottomlb2 a.btn3 { width: 8.93%; display: inline-block; margin: 0 10px; }
.bottomlb2 a.btn4 { width: 8.93%; display: inline-block; margin: 0 10px; }
.bottomf { width: 100%; font-size: 0.12rem; line-height: 2; padding-bottom: 0.35rem; text-align: center; }

/****** 内容页 ****/
.c { padding: 0.5rem 0; }
.content { width: 88%; float: none; margin: 0 auto; }
.content p { line-height: 1.6; font-size: 0.16rem; }
.cont_right { width: 94%; float: none; margin: 0 auto; }
.cont_right .heng { width: 100%; height: 2px; background: url(/Content/images/heng.png) no-repeat; background-size: contain; background-position: center center; position: relative; }
.cont_right .heng .h_title { display: inline-block; background: #efefef; position: absolute; top: -0.3rem; left: 50%; padding: 5px 10px; transform: translate(-50%,0); font-size: 0.24rem; line-height: 1; }
.cont_right .heng .h_title .left_icon { width: 0.21rem; height: 0.16rem; display: inline-block; position: absolute; left: -0.21rem; top: 0.16rem; background: url(../images/heng_icon_left.png) no-repeat; background-size: contain; }
.cont_right .heng .h_title .right_icon { width: 0.21rem; height: 0.16rem; display: inline-block; position: absolute; right: -0.21rem; top: 0.16rem; background: url(../images/heng_icon_right.png) no-repeat; }
.cont_right .rongyu { width: 100%; text-align: center; padding: 0.2rem 0; }
.cont_right .rongyu img { display: inline-block; width: 22%; height: auto; padding: 0.1rem 1%; vertical-align: top; }


.cont_pbox { width: 100%; background: url(../images/img35.png) repeat-x; background-size: contain; background-position: bottom; }
.cont_pbb { width: 90%; margin: 0px auto; padding: 0.3rem 0; position: relative; }
.cont_pbbl { width: 30%; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; }
.cont_pbbl2 { width: 30%; position: absolute; top: 50%; transform: translate(0,-50%); right: 0; }
.cont_pbbl img { vertical-align: middle; display: inline-block; }
.cont_pbbl2 img { vertical-align: middle; display: inline-block; }
.cont_pbbr { width: 70%; float: left; font-size: 0.14rem; padding-left: 30%; }
.cont_pbbr2 { width: 70%; float: left; font-size: 0.14rem; }
.cont_pbbr p, .cont_pbbr2 p { font-size: 0.14rem; line-height: 1.6; }
.pbbrf1 { width: 100%; line-height: 2; color: #00819d; font-size: 0.16rem; }
.pbbrf2 { width: 100%; line-height: 2; color: #00819d; font-size: 0.16rem; }
.pbbrf3 { width: 100%; line-height: 1.4; color: #707070; font-size: 0.14rem; font-weight: bold; }
.pbbrf4 { width: 100%; line-height: 1.4; color: #707070; font-size: 0.14rem; }

.c3 { width: 100%; padding: 0.3rem 0; }
.tech_bg { width: 90%; height: 0; padding-bottom: 21.47%; margin-left: 5%; padding-right: 5%; background: url(../images/tech_bg.png) no-repeat; background-size: contain; }
.tech_bg .font1 { height: 0.9rem; overflow: hidden; padding-left: 1.6rem; padding-top: 0.3rem; }
.tech_bg .font1 p { width: 100%; height: 100%; overflow: hidden; display: -webkit-box; font-size: 0.12rem; line-height: 1.4; text-indent: 2em; text-align: justify; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis; }
.tech_img_center { width: 100%; text-align: center; }
.tech_img_center img { display: inline-block; }
.tech_font2 { width: 90%; padding: 0.2rem 0 0.4rem; margin: 0 auto; }
.tech_font2 p { font-size: 0.12rem; line-height: 1.4; text-indent: 2em; text-align: justify; }
.tech_black { width: 90%; margin: 0 auto; }
.tech_black .left { width: 100%; padding: 0.4rem 0 0.4rem; }
.tech_black .left p { font-size: 0.12rem; line-height: 1.4; text-indent: 2em; text-align: justify; }
.tech_black .right { width: 80%; margin: 0 auto; }

.zjbox { width: 94%; margin: 0 auto; }
.zjbb { width: 100%; margin-bottom: 0.3rem; position: relative; }
.zjbbl { width: 25%; position: absolute; top: 0; left: 0; bottom: 0; }
.zjbbl img { width: 100%; position: absolute; top: 50%; transform: translate(0,-50%); }
.zjbbr { width: 72%; padding-left: 28%; position: relative; }
.zjbbrt1 { display: inline-block; border-bottom: 4px #00819d solid; position: relative; font-size: 0.12rem; }
.zjbbrt2 { display: inline-block; font-size: 0.12rem; padding-left: 0.2rem; }
.zjbbrt3 { width: 100%; margin-top: 0.1rem; font-size: 0.12rem; }
.zjbbrt3 p { line-height: 34px; }


.searchbox { width: 94%; margin: 0 auto; padding-bottom: 0.4rem; }
.sbf { width: 45%; float: right; border: 1px solid #c6e1e1; border-radius: 1rem; background-size: contain; }
.sbl { width: 40%; float: left; }
.sbl select { width: 100%; height: 0.3rem; line-height: 0.3rem; border: 0px; background: none; color: #707070; font-size: 0.18rem; outline: none; }
.sbl select option { width: 100%; line-height: 0.3rem; border: 0px; background: none; }
.sbm { width: 50%; height: 0.4rem; float: left; }
.sbm input { width: 100%; height: 0.4rem; line-height: 0.4rem; background: none; border: 0px; color: #707070; font-size: 0.18rem; outline: none; }
.sbr { width: 10%; height: 0.4rem; float: right; }
.sbr a { width: 100%; margin: 0 auto; height: 0.4rem; display: block; background: url(../images/m_search_icon.png) no-repeat; background-size: contain; background-position: center center; }

.newlbox { width: 94%; margin: 0 auto; border-bottom: dashed 2px #bebebe; }
.newlbl { width: 15%; float: left; padding-top: 0.4rem; }
.newlbl img { width: 100%; height: 62.8%; border: 0px; }
.newlbr { width: 82%; float: right; }
.newlbrt { width: 100%; padding-top: 0.2rem; overflow: hidden; text-overflow: ellipsis; }
.newlbrt a { color: #707070; line-height: 2; font-size: 0.22rem; font-weight: bold; }
.newlbrt a:hover { color: #0080a0; }
.newlbrm { width: 100%; height: 0.7rem; line-height: 0.35rem; color: #707070; font-size: 0.14rem; overflow: hidden; text-overflow: ellipsis; }
.newlbrb { width: 100%; height: 0.4rem; line-height: 0.4rem; text-align: right; color: #707070; font-size: 0.14rem; }

.pagination { margin: 20px 0; }
.pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination ul > li { display: inline; }
.pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; color: #707070; }
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; }
.pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; }
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; background-color: #f1f1f1; cursor: default; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; }
.pagination-centered { text-align: center; }


.network_content { width: 94%; margin: 0 auto; }
.network_content .block { width: 48%; border-left: 2px solid #0080a0; float: left; margin: 20px 0; }
.network_content .block .p1 { padding: 0 0.1rem; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.14rem; }
.network_content .block .p2 { padding: 0.1rem 0.1rem; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.14rem; }
.network_content .block .p3 { padding: 0 0.1rem; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.14rem; }


.bgImg { width: 100%; background: url(../images/map_bg.jpg) no-repeat center center; background-size: cover; }
.map_img { width: 90%; margin: 0 auto; }
.map_address { text-align: center; font-size: 0.26rem; padding: 0.2rem; }
.map_other { width: 90%; text-align: center; margin: 0 auto; }
.map_other .other_block { display: inline-block; padding: 0.1rem 0.15rem; font-size: 0.16rem; }
.map_other .other_block .icon_tel { display: inline-block; width: 0.2rem; height: 0.2rem; background: url(../images/icon_map_tel.png) no-repeat; background-size: contain; vertical-align: middle; padding-right: 0.05rem; }
.map_other .other_block .icon_fax { display: inline-block; width: 0.2rem; height: 0.2rem; background: url(../images/icon_map_fax.png) no-repeat; background-size: contain; vertical-align: middle; padding-right: 0.05rem; }
.map_other .other_block .icon_postcode { display: inline-block; width: 0.2rem; height: 0.2rem; background: url(../images/icon_map_postcode.png) no-repeat; background-size: contain; vertical-align: middle; padding-right: 0.05rem; }


.zxnbox { width: 94%; margin: 0 auto; min-height: 6rem; background: #ffffff; }
.zxnbul { width: 100%; padding: 0.2rem 0px; margin: 0px auto; min-height: 4.8rem; }
.zxnbli1 { width: 94%; height: 0.8rem; line-height: 0.8rem; background: #fafafa; padding: 0px 3%; }
.zxnbli2 { width: 94%; height: 0.8rem; line-height: 0.8rem; background: #ffffff; padding: 0px 3%; }
.zxnbul span { float: right; font-size: 0.12rem; }
.zxnbul a { font-size: 0.14rem; color: #707070; display: block; }