@charset "utf-8";

/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.
 * 作者: 杨，2018.10.25。	written by carry yang, 2018.10.25
 * 使用此文件请保留我的信息，谢谢！	Please keep my information in this file, thank you!
 */

/* for global 全局 */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-5ths { width: 20%; }
@media (min-width:768px) {
	.col-sm-5ths { width: 20%; float: left; }
}
@media (min-width:992px) {
	.col-md-5ths { width: 20%; float: left; }
}
@media (min-width:1200px) {
	.col-lg-5ths { width: 20%; float: left; }
}
body { background: #fff; color: #666; font-size: 16px; }
a { color: #354fa6; cursor: pointer; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); }
a:focus { outline: none; text-decoration: none; }
a:hover { outline: none; text-decoration: none; }
li { list-style: none; }

/* box size */
.no-margin { margin: 0; }
.no-padding { padding: 0; }

/* display */
.inline-block { display: inline-block }

/* position */
.pst-relative { position: relative; }

/* clear */
.clear-block { clear: both; }

/* vertical-align */
.vc-middle { display: inline-block; vertical-align: middle; }

/* font */
.text-12px { font-size: 12px }
.text-14px { font-size: 14px }
.text-18px { font-size: 18px }
.text-20px { font-size: 20px }
.text-center { text-align: center; }

/* other */
.middle-ctrl { display: inline-block; height: 100%; width: 0px; vertical-align: middle; }

/* header */
#headerbar { border: none; background-color: #fff; font-size: 0px; position: relative; border-radius: 0; padding-bottom: 0px; }
#headertitle { display: block; height: 120px; position: relative; background-color: #fff; z-index: 1; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #1162a7; }
#headertitle .group-left { display: block; float: left; height: 60px }
#headerhd { display: inline-block; vertical-align: middle; }
#headertitle .group-left .maintitle { display: inline-block; vertical-align: middle; font-size: 30px; padding-left: 40px; color: #333; font-family: Helvetica, Tahoma, Arial, STXihei, “Microsoft YaHei”, “微软雅黑, ”“华文细黑”, sans-serif; }
#headertitle .group-left .maintitle span { display: block; font-size: 16px; }
#headertitle .group-right { display: block; float: right; padding-left: 30px; height: 20px; background: url(../../images/icon/china.png) center left no-repeat; margin-top: 20px; }
#headertitle .group-right select { display: block; height: 20px; width: 100px; border: none; font-size: 14px; line-height: 20px; text-align: center; }
#headertitle .group-right .headertel img { display: inline-block; vertical-align: middle; margin-right: 10px; float: left }
#headertitle .group-right .headertel p { font-size: 14px; color: #333; }
#headertitle .group-right .headertel span { display: inline-block; vertical-align: middle; font-size: 26px; color: #0568c1; line-height: 26px; letter-spacing: 1px; }
#headertitle .group-right form { display: block }
#headertitle .group-right form button { display: inline-block; vertical-align: middle; width: 24px; height: 24px; border: none; border-radius: 0px; background: #fff; padding: 0px; margin-right: 10px }
#headertitle .group-right form input { display: inline-block; vertical-align: middle; font-size: 14px; border: 1px solid #0568c1; width: 140px; }
#headertitle .group-right form input:focus { box-shadow: 0px 0px 4px 0px #0568c1, inset 0px 0px 2px 0px #0568c1; }
#headernav { width: 100%; position: relative; }
#headernav ul { text-align: center; float: left; width: 80%; }
#headernav .search { text-align: center; float: right; width: 20%; margin-top: 13px; }
#headernav .search .input-group { display: block; }
#headernav .search .input-group input { background: #f5f5f5; border: none; box-shadow: none; }
#headernav .search label { width: 40px; background: #fff; opacity: 1; }
#headernav .search button { width: 100%; height: 100%; background: #2072b9; padding: 0; border: none; border-radius: 0; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
#headernav .search label .icon { color: #fff; font-size: 20px; line-height: 30px; }
#headernav ul>li { display: inline-block; position: relative; float: none; height: 60px; width: 14.285%; min-width: 100px; font-weight: 700; }
#headernav ul>li+li { }
#headernav ul>li+li:hover { }
#headernav ul>li>a { display: block; font-size: 16px; color: #1162a7; padding: 0px; line-height: 60px; }
#headernav ul>li>a .icon { margin-left: 10px; }
#headernav ul>li:hover>a { color: #fff; background: #1162a7; }
#headernav ul>li .navplus { width: 100%; display: none; position: absolute; z-index: 1009; text-align: left; left: 0; font-size: 0; background: #2072b9; border-top: 1px solid #2072b9; }
#headernav ul>li .navplus>a { display: block; font-size: 14px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 14px 14px; height: 42px; line-height: 14px; }
#headernav ul>li .navplus>a i { margin-right: 2px; }
#headernav ul>li .navplus>a:hover { background: #1162a7; }
#m-headerbar { padding-top: 6px; padding-bottom: 6px; border: none; background-color: #fff; border-bottom: #d1d1d1; box-shadow: 0px 3px 5px 0px #d1d1d1; }
#m-headerhd { pointer-events: auto; padding-left: 0; padding-right: 40px; }
#m-headerhd:hover { color: #5faecc; }
#m-headerbar i.icon.blue { line-height: 40px; }
.screen-phone #m-headerbar i.icon.blue { display: none; height: 0; }
.screen-phone #m-headerbar .row span { display: none; height: 0; }
#m-headerbar .hdtitle-img {width: auto; height: 40px; }
#m-headerbar .hdtitle-img img { width: auto; height: 100%; }
#m-headerbar .hdtitle-ch { font-size: 22px; font-weight: 700; line-height: 1.1; letter-spacing: 1px; padding-left: 10px; }
#m-headerbar .hdtitle-en { font-family: Georgia, "serif"; font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 1.1; padding-left: 10px; }
#m-headerbtn { position: absolute; top: 10px; right: 10px; color: #0568c1; text-shadow: none; background-color: #fff; border-color: #0568c1; }
#leftmenulayout { display: none; width: 100%; height: 100%; width: 100vw !important; height: 100vh !important; position: fixed; z-index: 999998; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .5; }
#leftmenulayout span { display: block; width: 40%; height: 100%; margin-left: 60%; color: #7d7d7d; font-size: 4rem; overflow: hidden; text-align: center; }
#leftmenu { display: none; width: 60%; height: 100% !important; width: 60vw; height: 100vh !important; background-color: #0c2776; border-right: 1px solid #333; position: fixed; z-index: 999999; box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem, rgba(0, 0, 0, .25) 0 .15rem .5rem; overflow-y: auto !important; }
#leftmenu>.items { display: block; width: 100%; border-bottom: 1px solid #2072b9; position: relative; }
#leftmenu>.items>a { margin: 0 15%; font-size: 15px; display: block; height: 55px; line-height: 55px; position: relative; color: #fff; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }
#leftmenu>.items>i { text-align: center; display: block; position: absolute; top: 0; right: 10px; color: #fff; height: 55px; width: 55px; font-size: 24px; line-height: 55px; }
#leftmenu>.items>.listplus { display: none; text-align: center; padding: 10px 0; }
#leftmenu>.items>.listplus>a { display: block; color: #fff; line-height: 26px; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }

/*
| ----------------------------------------------------------
| Glide styles
| ----------------------------------------------------------
| Here are slider styles
| banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.mainbanner { width: 100%; height: auto; font-size: 14px; position: relative; }
.mainbanner .b-content { position: absolute; bottom: 50%; right: 50%; color: #fff; font-size: 30px; text-align: right; }
.mainbanner .b-content p { margin: 0; padding: 0; }
.screen-phone .mainbanner .b-content { bottom: 40%; right: 40%; font-size: 12px; line-height: 14px; }
.screen-tablet .mainbanner .b-content { bottom: 40%; right: 40%; font-size: 20px; line-height: 30px; }
.mainbanner ul, .mainbanner ul li { list-style: none; margin: 0; padding: 0; font-size: 0; display: block; }
.mainbanner ul li { float: left; }
.slider { position: relative; width: 100%; height: auto; overflow: hidden; }
.slides { height: auto;    /* Simple clear fix */ overflow: hidden;    /**	* Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;    /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide { list-style: none; height: auto; float: left; clear: none; }
.arrowsWrapper { display: none; }
.slider:hover .arrowsWrapper { display: block }
.slider-arrow { position: absolute; display: block; margin-bottom: 0px; padding: 4%; text-decoration: none; text-align: center; opacity: 1; }
.slider-arrow--right { bottom: 40%; right: 4%; background: url(../../images/right_jt.png) no-repeat center; background-size: 50%; }
.slider-arrow--left { bottom: 40%; left: 4%; background: url(../../images/left_jt.png) no-repeat center; background-size: 50%; }
.slider-nav { padding: 10px 0; border-radius: 18px; filter: Alpha(opacity=80); position: absolute; bottom: 8%; text-align: center; }
.slider-nav__item { width: 10px; height: 10px; background: #fff; border: none; clear: none; display: inline-block; margin: 0 5px; border-radius: 10px; }
.slider-nav__item:first-child { }
.slider-nav__item:last-child {}
.screen-phone .slider-nav__item { height: 10px; }
.slider-nav__item:hover, .slider-nav__item--current { width: 40px; background: #fff; }


.thebreadcrumb { width: 100%; background: #f1f1f1; font-size: 16px; text-align: left; line-height: 28px; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; }
.thebreadcrumb a { color: #2d5088; }
.breadcrumb { display: inline-block; margin: 0; padding: 0; }
.breadcrumb>li.active a { color: grey; }
.breadcrumb i { font-size: 16px; }
.breadcrumb>li+li::before { padding: 0 5px; color: #ccc; content: "»"; }
.about_bg { background-color: #f7f8f8; }
.titlestyle-main { display: block; width: 100%; text-align: center; margin-bottom: 10px; }
.titlestyle-main .line { display: block; width: 100%; height: 21px; background: url(../../images/line1.png) center center no-repeat; margin-top: 8px; }
.titlestyle-main .line_d { width: 57px; height: 2px; border-top: #288b9c 3px solid; }
.titlestyle-main .maintitle { display: block; font-size: 36px; color: #0089e1; font-weight: 550; text-transform: uppercase; }
.titlestyle-main .subtitle { font-size: 16px; color: #828181; font-weight: 100; padding: 5px 0; }
.titlestyle-main .xxtitle { font-size: 16px; color: #828181; }
.titlestyle-jianjie { display: block; width: 100%; text-align: left; margin-bottom: 0px; padding-left: 10px; }
.titlestyle-jianjie .jianjie { font-size: 16px; color: #828181; font-weight: 100; padding: 0; position: relative; line-height: 24px; }
.titlestyle-jianjie .jianjie p { margin: 0; padding: 5px 0; }
.titlestyle-jianjie .jianjie>a { display: block; position: absolute; font-size: 16px; top: 0; right: 0; line-height: 24px; }
.screen-phone .titlestyle-jianjie .jianjie { font-size: 16px; color: #828181; text-transform: uppercase; }
.screen-phone .titlestyle-main .maintitle { font-size: 20px; font-weight: 700; color: #0089e1; }
.screen-phone .titlestyle-main .subtitle { font-size: 16px; color: #828181; text-transform: uppercase; }
.beautifulbtn { width: 100%; text-align: center; margin-top: 20px; }
.beautifulbtn_about { width: 100%; text-align: center; margin-top: 0px; }
.beautifulbtn1 { background-color: #1162a7; height: 40px; line-height: 40px; width: 130px; font-size: 16px; margin: 0 10px; text-align: center; max-width: 100%; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; color: #fff !important; outline: none !important; border-radius: 6px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.beautifulbtn1::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0c2776; text-decoration: none; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.beautifulbtn1:hover::before { border-radius: 6px; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.lte-ie-8 .beautifulbtn1:hover { background: #3f3b3a; }
.screen-phone .beautifulbtn1 { height: 40px; line-height: 40px; width: 120px; }
.contentbox img, .contentbox iframe, .contentbox iframe div { max-width: 100%; overflow: hidden; }

/*pro*/
.pro { min-height: 700px; overflow: hidden; margin: 0 auto; margin-top: 40px; margin-bottom: 35px; padding: 0; position: relative; }
.proLeft { overflow: hidden; position: absolute; left: 0; top: 0; width: 200px; background-color: #0568c4; border-radius: 0 0 3px 3px; padding: 0; }
.proLeft h3 { font-size: 20px; font-weight: normal; padding-left: 15px; padding-top: 20px; padding-bottom: 14px; background-color: #18c151; margin-top: 0; margin-bottom: 15px; border-radius: 0 0 3px 3px; }
.proLeft h3 a { color: #fff; }
.proLeft h3 p { font-size: 13px; color: #fff; }
.proLeft dl { overflow: hidden; width: 100%; margin: 0 auto; margin-bottom: 14px; position: relative; left: 20px; z-index: 2 }
.proLeft dt { font-size: 16px; margin-bottom: 10px; padding: 5px 0; padding-left: 35px; }
.proLeft dt a { color: #fff; }
.proLeft .dt01 { background: url(../../images/pro_left_01.png) no-repeat center left }
.proLeft .dt02 { background: url(../../images/pro_left_02.png) no-repeat left center; }
.proLeft dd { overflow: hidden; margin-left: 35px; }
.proLeft dd a { display: block; font-size: 13px; color: #fff; line-height: 29px; }
.proLeft em { display: block; width: 1px; height: 450px; background-color: #3786d0; position: absolute; left: 34px; top: 110px; z-index: 1 }
.proLeft img { width: 100%; height: auto; }
.proRight { width: 100%; overflow: hidden; border-radius: 3px; padding: 0; padding-left: 220px; }
.proRight .prolayer { background-color: #f5f5f5; }
.proRight .title { overflow: hidden; height: 70px; background-color: #efefef; margin-bottom: 30px; }
.proRight .title ul { overflow: hidden; float: left; height: 100%; }
.proRight .title .more { float: right; margin-right: 30px; margin-top: 30px; font-size: 13px; color: #757575; }
.proRight .title li { float: left; width: 210px; height: 100%; text-align: center; padding-top: 20px; background: url(../../images/pro_right_menu.png) right top repeat-y; }
.proRight .title li a { font-size: 13px; color: #000; }
.proRight .title li p { font-size: 13px; color: #999; }
.proRight .title li.cur { background: url(../../images/pro_right_menu_cur.png) no-repeat center top; background-color: #f5f5f5; }
.proRight .title li.cur a { color: #0568c4; font-weight: bold; }
.proRight .proBox { overflow: hidden; width: 100%; margin: 0 auto; }
.proRight .proBox ul { overflow: hidden; width: 100%; margin: 0; padding: 0; }
.proRight .proBox li { height: auto; }
.proRight .proBox li img { display: block; width: 100%; height: auto; border: 1px solid #e4e4e4; margin-bottom: 25px; }
.proRight .proBox li p { font-size: 13px; color: #666; text-align: center; margin-bottom: 20px; }

/*领域*/
.lingyu { overflow: hidden; margin-bottom: 40px; padding: 0; }
.lingyu ul { overflow: hidden; padding: 0; margin: 0; }
.lingyu li { float: left; overflow: hidden; border-right: 2px solid #fff; border-bottom: 2px solid #fff; padding: 0; }
.lingyu li img { display: block; width: 100%; height: auto; }
.lingyu .li04 { overflow: initial; height: auto; margin-right: 0; background-color: #0568c4; position: relative; padding-left: 30px; }
.lingyu .li04 img { display: block; width: 20px; height: auto; position: absolute; left: 50%; margin-left: -10px; bottom: -12px; }
.lingyu p { font-size: 18px; color: #338ee3; font-family: Arial; margin-top: 45px; }
.lingyu h3 { font-weight: normal; font-size: 28px; color: #fff; margin-bottom: 10px; }
.lingyu b { display: block; font-size: 28px; color: #fff; padding-bottom: 5px; border-bottom: 1px solid #2484dc; float: left }
.lingyu .last { margin-right: 0; height: 200px; background: url(../../images/lingyu07.jpg) no-repeat center bottom; }
.lingyu .last a { display: block; width: 158px; height: 48px; text-align: center; line-height: 48px; border: 1px solid #ccc; border-radius: 3px; font-size: 20px; color: #434343; margin: 0 auto; margin-top: 80px; }

/*底部*/
#footerbar { width: 100%; height: auto; font-size: 16px; color: #444444; background-color: #f5f5f5; border-top: 1px solid #e9e9e9; }
#foot-down { width: 100%; font-size: 16px; text-align: center; color: #444444; position: relative; }
#footerbar #foot-down a { color: #444444; }
#foot-down .down-left { font-size: 14px; padding-top: 20px; }
#foot-down .down-left ul { padding: 0; height: 24px; }
#foot-down .down-left ul>li { display: block; float: left; margin-right: 20px; }
#foot-down .down-left>div { text-align: left; line-height: none; padding: 0; }
.screen-phone #foot-down .down-left div { text-align: center; }
#foot-down .down-right { display: block; position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
#foot-down .down-right i { display: inline-block; width: 26px; height: 26px; font-size: 20px; line-height: 26px; background-color: #cccccc; color: #f5f5f5; border-radius: 4px; }
#foot-down p { margin: 0; font-size: 14px; }
#footerbar .row { position: relative; }
#footerbar .group-left { position: static; height: auto; margin-top: 30px; margin-bottom: 30px; padding-left: 40px; }
.screen-phone #footerbar .group-left { margin: 0; padding: 10px 0; }
#footerbar a { color: #666666; }
#footerbar #footerlinks { padding: 0 10px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; }
#footerbar #footerlinks>div { display: inline-block; }
#footerbar #footerlinks>div:nth-child(2) { margin-left: 100px; }
.screen-phone #footerbar #footerlinks>div:nth-child(2) { margin-left: 0; }
.screen-tablet #footerbar #footerlinks>div:nth-child(2) { margin-left: 0; }
#footerbar #footerlinks span { font-size: 15px; font-weight: 700; color: #33498f; }
#footerbar #footerlinks a { display: inline-block; margin-right: 20px; font-size: 15px; }
#footerbar #footerlinks a:hover { text-shadow: 0 0 1px #fff }
#footerbar .group-right>div { display: block; float: right; text-align: center; font-size: 14px; margin-right: 25px; background: #33498f; color: #fff; padding-bottom: 10px; }
#footerbar .group-right>div div { margin: 15px 10px 10px; }
#footerbar .group-right>div p { margin-left: 10px; margin-right: 10px; margin-bottom: 0; }
.screen-phone #footerbar .group-right>div { float: none; margin-right: 0; }
.screen-phone #footerbar .group-right>div div { margin-top: 0; padding-top: 15px; }
.screen-phone #footerbar { padding-top: 0; padding-bottom: 0; }
.screen-phone #footerbar .container { padding: 0; }
.screen-phone #footerbar .container .group-right { padding: 0; }
.screen-tablet #footerbar .group-right>div { float: none; margin-right: 0; }
.screen-tablet #footerbar .group-right>div div { margin-top: 0; padding-top: 15px; }
.screen-tablet #footerbar { padding-top: 0; padding-bottom: 0; }
.screen-tablet #footerbar .container { padding: 0; }
.screen-tablet #footerbar .container .group-right { padding: 0; }
#m-footer { border-top: 1px solid #058; background-color: #354fa6; }
.screen-phone .row { margin-left: 0; margin-right: 0; }
#m-footer a { display: block; color: #fff; padding-top: 5px; padding-bottom: 5px; }
.lilian { padding: 0; margin-top: 10px; }
.lilian ul { padding: 0; }
.lilian ul li { width: 240px; float: left; list-style: none; color: #000; font-weight: bold; font-size: 16px; }
.lilian ul li p { font-weight: normal; font-size: 14px; color: #666; margin-top: 10px; }
.screen-tablet .lilian ul li { width: 220px; }
.screen-tablet .lilian ul li p { font-weight: normal; font-size: 14px; color: #666; margin-top: 10px; }

.padding { padding-top: 30px; padding-bottom: 50px; }
.screen-phone .padding { padding-top: 0px; padding-bottom: 30px; }

/*about 样式-主页*/
.index-about { width: 100%; height: auto; background: url(../../images/about-bg.png); }
.index-about .container { height: auto; margin: 50px auto 40px; color: #d6d6d6; padding-left: 0; padding-right: 0; }
.index-about .container .titlestyle-main { margin-bottom: 50px; }
.screen-phone .index-about .container { padding-left: 10px; padding-right: 10px; }
.about-content { color: #000; padding: 0 66px; }
.about-content p { margin-bottom: 20px; line-height: 30px; }
.about-content a { display: block; width: 200px; height: 50px; background-color: #0568c4; text-align: center; line-height: 50px; font-size: 20px; color: #fff; position: relative; left: 50%; margin-left: -100px; margin-top: 60px; margin-bottom: 60px; }
.about-content ul li { text-align: center; }
.about-content ul li div { font-size: 14px; }
.about-content ul li div span { font-size: 40px; }
.about-content ul li div i { font-style: normal; margin-left: 5px; }
.about-content ul li div p { margin-top: -8px; }

/* 关于集团 样式-主页 */
.about-group { width: 100%; height: auto; padding-top: 50px; margin-bottom: 10px; }
.about-group .container { padding: 0; }
.liststyle1 { margin-top: 40px; padding-left: 10px; padding-right: 10px; }
.screen-phone .about-group { padding-top: 0px; margin-bottom: 0; }
.screen-phone .liststyle1 { padding: 0; margin-top: 20px; }
.about-group .titlestyle-main .maintitle { color: #33498f; }
.about-group .titlestyle-main .subtitle { padding: 0; color: #6d6d6d; }
.about-group .titlestyle-main .titleline { padding: 0; width: 100%; height: 20px; position: relative; }
.about-group .titlestyle-main .titleline span { display: block; width: 20px; height: 20px; border-radius: 20px; background: #6d6d6d; position: absolute; top: 0; left: 50%; margin-left: -10px; }
.about-group .titlestyle-main .titleline i { display: inline-block; width: 48%; height: 1px; background: #aaaaaa; float: left; margin-top: 10px; }
.about-group .titlestyle-main .titleline i:last-child { float: right; }
.liststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: left; color: #555657; position: relative; }
.liststyle1 .col { position: relative; }
.liststyle1 .col:nth-of-type(odd) {}
.liststyle1 .col:nth-of-type(even) {}
.screen-phone .liststyle1 .col:nth-of-type(odd) { padding: 0 10px; }
.screen-phone .liststyle1 .col:nth-of-type(even) { padding: 0 10px; }
.screen-tablet .liststyle1 .col:nth-of-type(odd) { padding: 0 10px; }
.screen-tablet .liststyle1 .col:nth-of-type(even) { padding: 0 10px; }
.liststyle1 .item .itemimg{display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.liststyle1 .item .itemimg>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.liststyle1 .item .itemimg>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;border-radius:8px; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.liststyle1 .item .itemimg>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.liststyle1 .item:hover .itemimg>div>div{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.liststyle1 .item .a-content { width: 100%; padding: 0 10px; }
.screen-phone .liststyle1 .item .a-content { padding-right: 0; }
.liststyle1 .item .itemimg>.itemtitle { display: block; width: 90px; height: 90px; font-size: 24px; line-height: 90px; text-align: center; border-radius: 90px; background: rgba(0, 0, 0, .5); position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; color: #fff; z-index:1;}
.liststyle1 .item .itemcontent { width: 100%; height: 50px; overflow: hidden; padding: 0; margin-bottom: 0; font-size: 13px; line-height: 24px; color: #a1a1a1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.liststyle1 .item .itemcontent a { display: inline-block; color: #33498f; }
.liststyle1 .item_more .a_null { height: 182px; }
.screen-phone .liststyle1 .item .itemcontent { margin-bottom: 10px; }

/*证书*/
.zhengshu { overflow: hidden; width: 100%; height: auto; background: #0568c4; margin-bottom: 50px; }
.zhengshu .titlestyle-main { padding: 50px 0; }
.zhengshu .titlestyle-main .maintitle { color: #fff; }
.zhengshu .titlestyle-main .subtitle { color: #fff; }
.zhengshu .titlestyle-main .xxtitle { color: #fff; }
.zhengshu .zsBox { overflow: hidden; margin: 0 auto; margin-bottom: 44px; width: 1200px; height: 380px; position: relative }
.zhengshu .zsBox ul { overflow: hidden; position: absolute }
.zhengshu .zsBox li { float: left; width: 230px; height: 380px; margin-right: 26px; }
.zhengshu .zsBox li img { display: block; height: 320px; width: 100%; margin-bottom: 16px; }
.zhengshu .zsBox li.img-w { }
.zhengshu .zsBox li p { font-size: 15px; color: #fff; text-align: center; }
.zhengshu .zsBox li a { display: block; text-decoration: none; }
.zhengshu .menu { overflow: hidden; width: 624px; padding: 3px; background: url(../images/zs_menu.png) no-repeat center; margin: 0 auto; }
.zhengshu .menu li { float: left; width: 156px; text-align: center; line-height: 48px; font-size: 15px; }
.zhengshu .menu li img { position: relative; left: -5px; top: 10px; }
.zhengshu .menu li a { color: #a5cef4; text-decoration: none }
.zhengshu .menu li:hover { background: url(../images/zs_menu_cur.png) no-repeat center; }
.zhengshu .menu li:hover a { color: #fff; }

/*新闻动态-主页*/

/* for index 主页 */

#index-news { font-size: 0px; padding: 40px 0px 20px; }
.screen-phone #index-news { padding: 10px 0px 20px; }
#index-news .group-left { width: 100%; height: auto; font-size: 0px; }
#index-news .group-left .news-title { font-size: 26px; line-height: 30px; margin-bottom: 20px; color: #0c2776; }
#index-news .group-left .news-title a { color: #0c2776; }
#index-news .group-left .news-title span { display: inline-block; width: 70px; height: 28px; font-size: 16px; line-height: 28px; text-align: center; background: #0c2776; border-radius: 8px; color: #fff; position: relative; top: -4px; left: 5px; }
#index-news .group-left .news-title .more { width: 70px; height: auto; text-align: right; float: right; font-size: 16px; }
#index-news .group-left ul, #index-news .group-left ul li { list-style: none; margin: 0; padding: 0; font-size: 0; display: block; position: relative; }
#index-news .group-left ul li { float: left; }
#index-news .group-left ul li #newsimgtitle { display: block; padding: 0 10px; margin: 0; width: 100%; position: absolute; bottom: 0; left: 0; font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, .5); color: #fff; text-align: center; }
.screen-phone #index-news .group-left ul li #newsimgtitle { font-size: 16px; }

/*

 | ----------------------------------------------------------

 | Glide styles

 | ----------------------------------------------------------

 | Here are slider styles

 | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用

*/
.slider1 { position: relative; width: 100%; height: 370px; }
.screen-desktop .slider1 { height: 309px; }
.screen-tablet .slider1 { height: 484px; }
.screen-phone .slider1 { height: 238px; }
.slides1 { height: 100%;    /* Simple clear fix */ overflow: hidden;    /**

			 * Prevent blinking issue

			 * Not tested. Experimental.

			 */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;    /**

			 * Here is CSS transitions

			 * responsible for slider animation in modern broswers

			 */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
	.slide1 { list-style: none; width: 100%; height: 100%; float: left; clear: none; position: relative; }
	.slide1>a { display: block; width: 100%; height: 100%; position: relative; }
	.slide1>a>img { width: 100%; height: 100%; }
	.slide1 .maintitle { width: 90%; margin: 0 5%; padding-top: 10px; position: absolute; bottom: 0px; background: #b2d6ff; font-size: 14px; line-height: 24px; text-align: center; height: 100px; color: #000; text-overflow: ellipsis; }
	.slide1 .maintitle i { font-style: normal; }
	.slide1 .maintitle span { display: block; width: 20%; font-size: 40px; line-height: 50px; float: left; }
	.screen-phone .slide1 .maintitle span { font-size: 20px; line-height: 30px; }
	.screen-phone .slide1 .maintitle span i { font-size: 14px; line-height: 30px; }
	.slide1 .maintitle span i { display: block; font-size: 18px; line-height: 30px; }
	.slide1 .maintitle .m-title { display: block; width: 80%; font-size: 22px; line-height: 30px; float: left; text-align: left; padding-right: 20px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; }
	.slide1 .maintitle .s-content { width: 80%; font-size: 14px; line-height: 24px; font-weight: 400; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.screen-phone .slide1 .maintitle .m-title { width: 100%; padding-left: 10px; font-size: 16px; padding-right: 5px; }
	.screen-phone .slide1 .maintitle .s-content { width: 100%; padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 18px; -webkit-line-clamp: 3; }
	.arrowsWrapper1 { width: 100%; display: block; }
	.slider-arrow1 { position: absolute; display: block; margin-bottom: -30px; width: 38px; height: 60px; text-decoration: none; text-align: center; }
	.slider-arrow1--right { bottom: 50%; right: 0; background: url(/images/right_jt1.png) no-repeat center; background-size: 100%; }
	.slider-arrow1--left { bottom: 50%; left: 0; background: url(/images/left_jt1.png) no-repeat center; background-size: 100%; }
	#index-news .group-right { white-space: nowrap; overflow: hidden; }
	.screen-desktop-wide #index-news .group-right { width: 97%; margin-left: 3%; height: auto; }
	.screen-desktop #index-news .group-right { height: 309px; }
	.screen-tablet #index-news .group-right, .screen-phone #index-news .group-right { padding: 0px; padding-top: 10px; }
	#index-news .group-right .newstabnav { display: block; width: 100%; position: relative; }
	#index-news .group-right .newstabnav .newstabnav-box { display: block; width: 100%; height: 40px; padding-left: 10px; position: relative; background: url(/images/backc8c8c8100.png) bottom left repeat-x; }
	#index-news .group-right .newstabnav .newstabnav-box span { display: block; width: 20px; height: 20px; border-radius: 20px; border: 1px solid #0c2776; position: absolute; top: 10px; left: 0; }
	#index-news .group-right .newstabnav .newstabnav-box .newsline1 { width: 100%; height: 1px; background: #0c2776; position: absolute; top: 20px; left: 21px; }
	#index-news .group-right .newstabnav .newstabnav-box i { display: block; width: 40px; height: 40px; border-radius: 40px; background-color: #0c2776; position: absolute; top: 0; right: 0; }
	#index-news .group-right .newstabnav .newstabnav-box i .newsright { display: block; width: 100%; height: 100%; background: url(../../images/icon/news-right.png) no-repeat center; }
	#index-news .group-right .newstabnav .bars { display: inline-block; width: 82px; vertical-align: top; padding-bottom: 10px; text-align: center; color: #0a0a0a; font-size: 20px; font-weight: 700; background: bottom center no-repeat; }
	#index-news .group-right .newstabnav .bars+.bars { margin-left: 9%; }
	#index-news .group-right .newstabnav .bars.active { background: url(/images/newstabnavbg-active.png) center bottom no-repeat; color: #005bec; }
	#index-news .group-right .items-box { display: inline-block; width: 100%; min-height: 1px; white-space: normal; }
	#index-news .group-right .items-box .items-first { display: block; width: 100%; padding: 0; padding-bottom: 10px; position: relative; background: #eee; }
	#index-news .group-right .items-box .items-first .itemstitle { display: block; width: 100%; padding: 0px 80px 0 20px; font-size: 18px; line-height: 30px; color: #33498f; font-weight: 700; position: relative; }
	.screen-phone #index-news .group-right .items-box .items-first .itemstitle { padding: 0px 80px 0px 15px; font-size: 16px; }
	#index-news .group-right .items-box .items-first .itemstitle:hover { color: #005bec; }
	#index-news .group-right .items-box .items-first .itemsmain { width: 100%; padding: 10px 10px 0px 15px; font-size: 14px; line-height: 22px; color: #6e6e6e; position: relative; max-height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.screen-phone #index-news .group-right .items-box .items-first .itemsmain { padding-right: 10px; padding-top: 2px; }
	#index-news .group-right .items-box .items-first .itemstime { display: block; width: 90px; padding: 0px 5px; position: absolute; font-size: 14px; line-height: 30px; color: #999999; text-align: right; top: 0px; right: 0px; }
	#index-news .group-right .items-box .items-first .itemsmain .itemsmore { display: inline-block; width: auto; font-size: 14px; line-height: 22px; color: #498fff; margin-left: 10px; }
	#index-news .group-right .items-box .items-first .itemsmain .itemsmore:hover { color: #005bec; }
	#index-news .group-right .items { display: block; width: 100%; padding: 0px 80px 0px 15px; position: relative; border-bottom: 1px solid #c2cfef; }
	#index-news .group-right .items .itemspoint { width: 6px; height: 6px; border-radius: 6px; background: #3e66a9; position: absolute; left: 5px; top: 20px; }
	#index-news .group-right .items-first .itemspoint { top: 15px; }
	#index-news .group-right .items .itemstitle { display: block; width: 100%; font-size: 14px; line-height: 40px; color: #303030; padding-left: 5px; }
	#index-news .group-right .items .itemstitle .hot { display: inline; height: 12px; color: red; margin-bottom: 5px; }
	.screen-phone #index-news .group-right .items .itemstitle .hot { display: block; height: 9px; position: absolute; top: 5px; right: 80px; color: red; margin-bottom: 0px; }
	#index-news .group-right .items .itemstitle:hover { color: #005bec; text-decoration: underline; }
	#index-news .group-right .items .itemstime { display: block; width: 90px; padding: 0px 5px; position: absolute; font-size: 14px; line-height: 40px; color: #999999; text-align: right; top: 0px; right: 0px; }

	/*新闻下 样式*/
	#index-news1 { font-size: 0px; padding: 40px 0px 20px; }
	#index-news1 .col { padding: 0; }
	#index-news1 .group-left1 { white-space: nowrap; overflow: hidden; }
	.screen-phone #index-news1 { padding: 0; }
	.screen-desktop-wide #index-news1 .group-left1 { width: 100%; height: auto; }
	.screen-desktop #index-news1 .group-left1 { height: auto; }
	.screen-tablet #index-news1 .group-left1, .screen-phone #index-news1 .group-left1 { padding-top: 10px; }
	#index-news1 .group-left1 .newstabnav1 { display: block; width: 100%; position: relative; }
	#index-news1 .group-left1 .newstabnav1 .newstabnav1-box { display: block; width: 100%; position: relative; background: #f5f5f5; }
	#index-news1 .group-left1 .newstabnav1 .bars { display: inline-block; width: 100px; vertical-align: top; text-align: center; color: #0a0a0a; font-size: 16px; line-height: 36px; font-weight: 700; }
	#index-news1 .group-left1 .newstabnav1 .bars+.bars { }
	#index-news1 .group-left1 .newstabnav1 .bars.active { color: #33498f; border-top: 2px solid #2a46a0; background: #fff; }
	#index-news1 .group-left1 .items-box1 { display: inline-block; width: 100%; min-height: 1px; white-space: normal; vertical-align: top; }
	#index-news1 .group-left1 .items-box1 .items-first { display: block; width: 100%; padding: 10px 0px; height: auto; overflow: hidden; }
	#index-news1 .group-left1 .items-box1 .items-first .first-left { width: 40%; height: auto; overflow: hidden; float: left; }
	#index-news1 .group-left1 .items-box1 .items-first .first-left img { width: 90%; height: auto; }
	#index-news1 .group-left1 .items-box1 .items-first .first-right { width: 60%; float: left; }
	.screen-phone #index-news1 .group-left1 .items-box1 .items-first .first-right { width: 100%; }
	#index-news1 .group-left1 .items-box1 .items-first .itemstitle { display: block; width: 100%; padding: 0px 10px; font-size: 18px; line-height: 30px; color: #33498f; font-weight: 700; position: relative; }
	.screen-phone #index-news1 .group-left1 .items-box1 .items-first .itemstitle { padding: 0px 10px 10px; font-size: 16px; line-height: 20px; padding-bottom: 0; height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	#index-news1 .group-left1 .items-box1 .items-first .itemstitle:hover { color: #005bec; }
	#index-news1 .group-left1 .items-box1 .items-first .itemsmain { display: block; width: 100%; padding-top: 10px; padding-right: 10px; padding-left: 10px; font-size: 13px; line-height: 20px; color: #a1a1a1; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
	#index-news1 .group-left1 .items-box1 .items-first .itemsmain .itemsmore { display: inline-block; width: auto; font-size: 14px; line-height: 22px; color: #498fff; margin-left: 10px; }
	#index-news1 .group-left1 .items-box1 .items-first .itemsmain .itemsmore:hover { color: #005bec; }
	#index-news1 .group-left1 .items { display: block; width: 100%; padding: 0px 80px 0px 15px; background: url(/images/circle.png) 2px center no-repeat; position: relative; }
	#index-news1 .group-left1 .items .itemspoint { width: 6px; height: 6px; border-radius: 6px; background: #3e66a9; position: absolute; left: 0; top: 12px; }
	#index-news1 .group-left1 .items .itemstitle { display: block; width: 100%; font-size: 14px; line-height: 30px; color: #444444; }
	#index-news1 .group-left1 .items .itemstitle:hover { color: #005bec; text-decoration: underline; }
	#index-news1 .group-left1 .items .itemstime { display: block; width: 90px; padding: 0px 5px; position: absolute; font-size: 14px; line-height: 30px; color: #999999; text-align: right; top: 0px; right: 0px; }
	#index-news1 .group-right1 { white-space: nowrap; overflow: hidden; }
	.screen-desktop-wide #index-news1 .group-right1 { width: 100%; height: auto; }
	.screen-desktop #index-news1 .group-right1 { height: 309px; }
	.screen-tablet #index-news1 .group-right1, .screen-phone #index-news1 .group-right1 { padding: 10px 0; }
	#index-news1 .group-right1 .newstabnav2 { display: block; width: 100%; position: relative; padding-left: 30px; }
	.screen-phone #index-news1 .group-right1 .newstabnav2, .screen-tablet #index-news1 .group-right1 .newstabnav2 { padding-left: 0; padding-top: 10px; }
	#index-news1 .group-right1 .newstabnav2 .newstabnav2-box { display: block; width: 100%; height: 30px; padding-left: 10px; position: relative; border-bottom: 1px solid #c2cfef; }
	#index-news1 .group-right1 .newstabnav2 .newstabnav2-box span { display: block; width: 100px; height: 1px; background: #2a46a0; position: absolute; bottom: -1px; left: 0; }
	#index-news1 .group-right1 .newstabnav2 .newstabnav2-box i { display: inline-block; width: 16px; height: 24px; font-size: 16px; line-height: 24px; color: #000; background: url(../../images/icon/icon_03.png) no-repeat center; }
	#index-news1 .group-right1 .newstabnav2 .bars { display: inline-block; width: 82px; vertical-align: top; padding-bottom: 10px; text-align: center; color: #33498f; font-size: 16px; line-height: 26px; font-weight: 700; background: bottom center no-repeat; }
	#index-news1 .group-right1 .newstabnav2 .more { display: inline-block; width: auto; float: right; font-size: 16px; line-height: 26px; color: #444444; }
	#index-news1 .group-right1 .items-box2 { display: inline-block; width: 100%; min-height: 1px; white-space: normal; padding-left: 40px; }
	.screen-phone #index-news1 .group-right1 .items-box2, .screen-tablet #index-news1 .group-right1 .items-box2 { padding-left: 0px; }
	#index-news1 .group-right1 .items-box2 .items-first { display: block; width: 100%; padding: 0; padding-bottom: 10px; position: relative; }
	#index-news1 .group-right1 .items-box2 .items-first .itemstitle { display: block; width: 100%; padding: 30px 10px 0 5px; font-size: 18px; line-height: 30px; color: #33498f; font-weight: 700; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.screen-phone #index-news1 .group-right1 .items-box2 .items-first .itemstitle { padding: 10px 40px 0px 5px; font-size: 16px; }
	#index-news1 .group-right1 .items-box2 .items-first .itemstitle:hover { color: #005bec; }
	#index-news1 .group-right1 .items-box2 .items-first .itemsmain { display: block; width: 100%; padding: 10px 40px 0px 5px; font-size: 14px; line-height: 22px; color: #a1a1a1; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.screen-phone #index-news1 .group-right1 .items-box2 .items-first .itemstitle, .screen-phone #index-news1 .group-right1 .items-box2 .items-first .itemsmain { padding-right: 0px; }
	.screen-phone #index-news1 .group-right1 .items-box2 .items-first .itemsmain { padding-top: 0; max-height: 48px; }
	#index-news1 .group-right1 .items-box2 .items-first .itemstime { display: block; width: 90px; padding: 0px 5px; position: absolute; font-size: 14px; line-height: 30px; color: #999999; text-align: right; top: 0px; right: 0px; }
	#index-news1 .group-right1 .items-box2 .items-first .itemsmain .itemsmore { display: inline-block; width: auto; font-size: 14px; line-height: 22px; color: #498fff; margin-left: 10px; }
	#index-news1 .group-right1 .items-box2 .items-first .itemsmain .itemsmore:hover { color: #005bec; }
	#index-news1 .group-right1 .items { display: block; width: 100%; padding: 0px 15px 0px 15px; position: relative; }
	#index-news1 .group-right1 .items .itemspoint { width: 6px; height: 6px; border-radius: 6px; background: #3e66a9; position: absolute; left: 0; top: 12px; }
	#index-news1 .group-right1 .items .itemstitle { display: block; width: 100%; font-size: 14px; line-height: 30px; color: #303030; }
	#index-news1 .group-right1 .items .itemstitle:hover { color: #005bec; text-decoration: underline; }
	#index-news1 .group-right1 .items .itemstime { display: block; width: 90px; padding: 0px 5px; position: absolute; font-size: 14px; line-height: 30px; color: #999999; text-align: right; top: 0px; right: 0px; }
	#index-news1 .group-right1 .video { padding-left: 30px; padding-top: 20px; }
	.screen-phone #index-news1 .group-right1 .video, .screen-tablet #index-news1 .group-right1 .video { padding-left: 0px; padding-top: 10px; }
	#index-news1 .group-right1 .video .newstabnav2 { display: block; width: 100%; position: relative; padding-left: 0; }
	#index-news1 .group-right1 .video .newstabnav2 .newstabnav2-box { display: block; width: 100%; height: 30px; padding-left: 10px; position: relative; border-bottom: 1px solid #c2cfef; }
	#index-news1 .group-right1 .video .newstabnav2 .newstabnav2-box span { display: block; width: 100px; height: 1px; background: #2a46a0; position: absolute; bottom: -1px; left: 0; }
	#index-news1 .group-right1 .video .newstabnav2 .newstabnav2-box i { display: inline-block; width: 18px; height: 24px; font-size: 16px; line-height: 24px; color: #000; background: url(../../images/icon/icon_07.png) no-repeat center; }
	#index-news1 .group-right1 .video .newstabnav2 .bars { display: inline-block; width: 82px; vertical-align: top; padding-bottom: 10px; text-align: center; color: #33498f; font-size: 16px; line-height: 26px; font-weight: 700; background: bottom center no-repeat; }
	#index-news1 .group-right1 .video .newstabnav2 .more { display: inline-block; width: auto; float: right; font-size: 16px; line-height: 26px; color: #444444; }
	#index-news1 .group-right1 .video .video-box1 { width: 100%; }
	#index-news1 .group-right1 .video .video-box1>a { display: block; width: 47%; height: 166px; border: 1px solid #999; float: left; margin: 20px 1% 20px 3%; position: relative; }
	#index-news1 .group-right1 .video .video-box1>a>div>img { width: 100%; height: 100%; }
	#index-news1 .group-right1 .video .video-box1>a>div { width: 100%; height: 100%; background: rgba(0, 0, 0, .3); position: absolute; }
	#index-news1 .group-right1 .video .video-box1>a>p { font-size: 14px; color: #fff; position: absolute; bottom: 0px; left: 10px; }
	#index-news1 .group-right1 .video .video-box1>a i { font-size: 50px; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; color: #fff; }
	.screen-phone #index-news1 .group-right1 .video .video-box1>a { height: 130px; }
	#index-news1 .group-right1 .video .video-box1>a:first-child { margin: 20px 2% 20px 0; }

	/*专题*/
	.zhuanti .titlestyle-main { margin-bottom: 30px; }
	.screen-phone .zhuanti .titlestyle-main { margin-bottom: 15px; }
	.zhuanti .titlestyle-main .maintitle { color: #33498f; height: 60px; line-height: 60px; }
	.screen-phone .zhuanti .titlestyle-main .maintitle { height: 40px; line-height: 40px; }
	.zhuanti .titlestyle-main .subtitle { height: 20px; line-height: 20px; padding: 0; color: #6d6d6d; }
	.zhuanti .titlestyle-main .titleline { padding: 0; width: 100%; height: 20px; position: relative; }
	.zhuanti .titlestyle-main .titleline span { display: block; width: 20px; height: 20px; border-radius: 20px; background: #6d6d6d; position: absolute; top: 0; left: 50%; margin-left: -10px; }
	.zhuanti .titlestyle-main .titleline i { display: inline-block; width: 48%; height: 1px; background: #aaaaaa; float: left; margin-top: 10px; }
	.zhuanti .titlestyle-main .titleline i:last-child { float: right; }

	.index-nav1 { font-size: 30px; line-height: 80px; text-align: center; }
	.screen-phone .index-nav1 { font-size: 20px; }
	.index-nav1 .container { margin: 0 auto; padding: 0; }
	.index-nav1 .container div { padding: 0; }
    .index-nav1 .container div a .img{display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
    .index-nav1 .container div a .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
    .index-nav1 .container div a .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1; }
    .index-nav1 .container div a .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
	.index-nav1 .container div a { display: block; height: auto; position: relative; margin: 10px; border-radius: 8px;overflow:hidden; color: #fff; cursor: pointer; }
	.index-nav1 .container div a:hover { font-size: 34px; margin-top: 6px; -moz-box-shadow: 7px 7px 7px #888888;    /* 老的 Firefox */ box-shadow: 7px 7px 7px #888888; }
	.index-nav1 .container div a div.title { width: 100%; padding: 0; position: relative; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); font-size:18px;color:#000;line-height:40px;}

	/*服务案例-主页*/
	#index-case { padding-top: 30px; padding-bottom: 50px; }
	.screen-phone #index-case { padding-top: 0; padding-bottom: 20px; }
	#index-case .group-left { width: 100%; height: auto; background-color: #0089e1; position: relative; }
	#index-case .group-left .items { color: #fff; text-align: center; }
	#index-case .group-left .items h3 { padding-top: 30px; font-size: 40px; }
	#index-case .group-left .items p { padding-bottom: 35px; }
	#index-case .group-left .items p i { width: 54px; height: 6px; position: absolute; left: 50%; bottom: 80px; margin-left: -27px; background-color: #fff; }
	#index-case .group-right .items div { height: auto; min-height: 97px; border: 1px solid #b8b8b8; margin-top: 20px; text-align: center; }
	.screen-phone #index-case .group-left .items h3 { font-size: 20px; padding-top: 20px; margin-top: 0; }
	.screen-phone #index-case .group-left .items p { padding-bottom: 20px; }
	.screen-phone #index-case .group-left .items p i { bottom: 60px; }

	/* ------------------------- list 列表页 --------------------------- */

	/* list with cards style 卡片样式列表 */

	/*核心业务-主页*/

	.core { margin-top: 80px; margin-bottom: 30px; }
	.core .container { padding-left: 0; padding-right: 0; }
	.screen-phone .core .container { padding-left: 10px; padding-right: 10px; }
	.screen-phone .core { margin-top: 0; margin-bottom: 0; }
	.liststyle0 { margin-top: 40px; }
	.screen-phone .liststyle0 { padding-left: 0; }
	.screen-phone .liststyle0 .col { padding-left: 5px; padding-right: 5px; }
	.liststyle0 .item { display: block; background-color: #fff; text-align: center; color: #555657; border: 1px solid #b8b8b8; margin-bottom: 20px; position: relative; }
	.liststyle0 .col { padding-right: 25px; padding-left: 25px; }
	.screen-phone .liststyle0 .item { margin-bottom: 10px; }
	.liststyle0 .item .itemimg { display: block; min-height: 170px; padding-top: 60%; position: relative; font-size: 0; line-height: 0; }
	.screen-phone .liststyle0 .item .itemimg { min-height: 130px; top: -20px; }
	.liststyle0 .item .itemimg>div { position: absolute; display: block; width: 112px; height: 112px; top: 30px; left: 50%; margin-left: -56px; border: 1px solid #fff; border-radius: 56px; background-color: #8c8d8d; }
	.liststyle0 .item .itemimg>div>div { display: block; width: 57px; height: 57px; position: absolute; top: 26px; left: 28px; }
	.liststyle0 .item .itemimg>div>div.img-data { background: url(../../images/icon/data.png) no-repeat center; }
	.liststyle0 .item .itemimg>div>div.img-government { background: url(../../images/icon/government.png) no-repeat center; }
	.liststyle0 .item .itemimg>div>div.img-estate { background: url(../../images/icon/estate.png) no-repeat center; }
	.liststyle0 .item .itemimg>div>div.img-internet { background: url(../../images/icon/internet.png) no-repeat center; }
	.liststyle0 .item .itemimg>div>div>img { width: 100%; min-height: 100%; border: none; padding: 0; margin: 0; }
	.lte-ie-8 .liststyle0 .item .itemimg>div>div>img { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
	.liststyle0 .item .itemtitle { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 32px; margin-bottom: 0px; margin: 0 5%; }
	.liststyle0 .item .itemtitleEn { margin-bottom: 80px; color: #b6b6b6; font-size: 14px; line-height: 20px; }
	.screen-phone .liststyle0 .item .itemtitleEn { margin-bottom: 40px; line-height: 20px; }
	.liststyle0 .item .itemline { width: 54px; height: 3px; position: absolute; left: 50%; bottom: 40px; margin-left: -27px; background-color: #0089e1; }
	.screen-phone .liststyle0 .item .itemline { bottom: 20px; }
	.liststyle0 .item:hover { background-color: #0089e1; box-shadow: 2px 5px 10px #8c8d8d; }
	.liststyle0 .item:hover .itemimg>div { background-color: #fff; }
	.liststyle0 .item:hover .itemimg>div>div.img-data { background-image: url(../../images/icon/data_2.png); }
	.liststyle0 .item:hover .itemimg>div>div.img-government { background-image: url(../../images/icon/government_2.png); }
	.liststyle0 .item:hover .itemimg>div>div.img-estate { background-image: url(../../images/icon/estate_2.png); }
	.liststyle0 .item:hover .itemimg>div>div.img-internet { background-image: url(../../images/icon/internet_2.png); }
	.liststyle0 .item:hover .itemtitle { color: #fff; }
	.liststyle0 .item:hover .itemtitleEn { color: #b5dcf5; }
	.liststyle0 .item:hover .itemimg>div>i { color: #0089e1; }
	.liststyle0 .item:hover .itemline { background-color: #fff; }

	/*联系我们-主页*/
	.contact { width: 100%; height: auto; background: url(../../images/contact-bg.png); position: relative; }
	.contact .container { position: relative; z-index: 1; }
	.contact .layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .6); z-index: 0; }
	.contact .container .maintitle { color: #fff; margin-top: 40px; }
	.contact .container .subtitle { color: #fff; }
	.contact .container p { font-size: 48px; line-height: 200px; color: #fff; margin-top: 20px; margin-bottom: 30px; }

	/*友情链接-主页*/
	.links { display: block; width: 100%; padding-left: 0; padding-top: 50px; padding-bottom: 50px; overflow: hidden; color: #000; }
	.links li { float: left; margin-right: 20px; }
	.links li a { display: block; width: 100%; height: 100%; color: #000; }
	.links li a:hover { color: #0089e1; }
	.screen-phone .links { padding-top: 20px; padding-bottom: 20px; }
	.screen-phone .links li:first-child { float: none; }

	/* 留言页 */
	.from { display: block; padding-top: 30px; padding-bottom: 30px; color: #000 }
	.from .h2 { font-size: 40px; line-height: 50px; font-weight: bold; text-align: center; }
	.screen-phone .from .h2 { font-size: 30px; line-height: 40px; }
	.from .h4 { text-align: center; font-size: 16px; padding-bottom: 40px; overflow: hidden; }
	.from .contact1 { display: block; width: 100%; padding: 0px 20%; }
	.screen-phone .from { padding-top: 10px; }
	.screen-phone .from .contact1 { padding: 0; }
	.screen-tablet .from .contact1 { padding: 0 10%; }
	.from .contact1 form { display: block; overflow: hidden; padding-top: 10px; }
	.from .contact1 input.fl, .from .contact1 input.fr { display: inline-block; width: 80%; height: 30px; padding: 0 10px; outline: none; border: 1px solid #ccc; font-size: 14px; margin-bottom: 10px; }
	.from .contact1 label { font-weight: 400; display: inline-block; font-size: 14px; line-height: 30px; width: 20%; text-align: center; float: left; }
	.screen-phone .from .contact1 label { width: 30%; }
	.screen-phone .from .contact1 select { width: 70%; }
	.screen-phone .from .contact1 input { width: 70%; }
	.from .contact1 span { color: #f00; font-size: 14px; display: inline-block; }
	.from .contact1 select { font-size: 14px; height: 30px; width: 80%; outline: none; border: 1px solid #ccc; margin-bottom: 10px; padding: 0 6px; }
	.from .contact1 input { display: inline-block; outline: none; font-size: 14px; }
	.from .contact1 input.file { height: 30px; }
	.from .contact1 textarea { display: block; width: 100%; height: 80px; padding: 10px; margin-top: 60px; outline: none; resize: none; background: #f8f8f8; border: none; font-size: 14px; }
	.from .contact1 .in_btn { display: block; width: 100%; height: 40px; border: none; background: #0089e1; color: #fff; transition: all .3s; margin: 0 auto; }
	.from .contact1 .in_btn:hover { background: #33498f; }

/*产品列表页*/
.proliststyle1 { padding-left: 0; padding-right: 0; }
.screen-phone .proliststyle1 { padding: 0; }
.proliststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; position: relative;}
.proliststyle1 .col { padding: 0 10px; padding-bottom: 20px; }
.screen-phone .proliststyle1 .col { padding: 0 5px; padding-bottom: 10px; }
.proliststyle1 .item .pro-img { display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden; }
.proliststyle1 .item .pro-img>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.proliststyle1 .item .pro-img>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; }
.proliststyle1 .item .pro-img>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }

.proliststyle1 .item .pro-img1 { display: block; padding-top: 30%; position: relative; font-size: 12px; line-height: 20px; overflow: hidden; }
.proliststyle1 .item .pro-img1>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.proliststyle1 .item .pro-img1>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; }
.proliststyle1 .item .pro-img1>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }

.proliststyle1 .item .itemtitle { display: block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 30px; margin: 0 5%; }
.screen-phone .proliststyle1 .item .itemtitle { font-size: 12px; }
.proliststyle1 .item .itemcontent { width: 90%; height: 100px; overflow: hidden; margin: 0 5%; margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.proliststyle1 .item_more .a_null { height: 182px; }

	/*案例列表页*/
	.caseliststyle1 { margin-top: 40px; padding-left: 10px; padding-right: 10px; }
	.screen-phone .caseliststyle1 { padding: 0; }
	.caseliststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; border: 1px solid #b8b8b8; position: relative; }
	.caseliststyle1 .col { padding-bottom: 20px; }
	.caseliststyle1 .item .itemimg { display: block; min-height: 110px; position: relative; font-size: 0; line-height: 0; }
	.caseliststyle1 .item_more .a_layer { display: block; width: 100%; height: 100%; background-color: #0089e1; position: absolute; top: 0; left: 0; }
	.caseliststyle1 .item .itemimg>div { position: absolute; display: block; width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.caseliststyle1 .item .itemimg>div>div { display: block; width: auto; height: auto; }
	.caseliststyle1 .item .a_layer .a_more { width: 160px; height: 60px; font-size: 20px; line-height: 60px; color: #0089e1; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -80px; border: 1px solid #0089e1; border-radius: 30px; background-color: #fff; }
	.caseliststyle1 .item .itemimg>div>div>img { width: 100%; min-height: 100%; border: none; padding: 0; margin: 0; }
	.lte-ie-8 .caseliststyle1 .item .itemimg>div>div>img { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
	.caseliststyle1 .item .itemtitle { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 32px; padding-bottom: 20px; margin: 0 5%; }
	.screen-phone .caseliststyle1 .item .itemtitle { font-size: 14px; }
	.caseliststyle1 .item .itemcontent { width: 90%; height: 100px; overflow: hidden; margin: 0 5%; margin-bottom: 30px; font-size: 14px; line-height: 24px; }
	.caseliststyle1 .item_more .a_null { height: 182px; }

	/* list with cards style 卡片样式列表 */
	.cardliststyle1 { margin-top: 40px; }
	.screen-phone .cardliststyle1 .col { padding-left: 5px; padding-right: 5px; }
	.cardliststyle1 .item { display: block; background-color: #354fa6; text-align: center; color: #fff; border: 1px solid #666; margin-bottom: 20px; }
	.screen-phone .cardliststyle1 .item { margin-bottom: 10px; }
	.cardliststyle1 .item:hover { background-color: #272727; }
	.cardliststyle1 .item .itemimg { display: block; padding-top: 60%; position: relative; font-size: 0; line-height: 0; }
	.cardliststyle1 .item .itemimg>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
	.cardliststyle1 .item .itemimg>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; }
	.cardliststyle1 .item .itemimg>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
	.lte-ie-8 .cardliststyle1 .item .itemimg>div>div>img { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
	.cardliststyle1 .item .itemtitle { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 32px; margin-bottom: 0px; margin: 0 5%; }

	/*新闻列表页样式*/
	.liststyle2 .items { width: 100%; padding: 14px 0; border-bottom: 1px dotted #dfdfdf; }
	.liststyle2 .items>a { display: block; position: relative; }
	.liststyle2 .items .news-img { display: block; width: 20%; float: left; overflow: hidden; position: relative; padding-top: 12%; }
	.screen-phone .liststyle2 .items .news-img { width: 30%; padding-top: 20%; text-align: center; }
	.liststyle2 .items .news-img>div { text-align: center; display: block; position: absolute; font-size: 0px; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
	.liststyle2 .items>a:hover .news-img>div { width: 120%; height: 120%; top: -10%; left: -10%; }
	.liststyle2 .items .news-img>div>img { width: 100%; height: 100%; }
	.liststyle2 .items .news-con { display: block; width: 100%; padding-left: 120px; }
	.screen-phone .liststyle2 .items .news-con { display: block; width: 68%; margin-left: 2%; float: left; }
	.liststyle2 .items .news-con p { width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.liststyle2 .items .news-con .news-title { color: #333; font-size: 24px; font-weight: 700; }
	.screen-phone .liststyle2 .items .news-con .news-title { color: #333; font-size: 16px; }
	.liststyle2 .items .news-con .news-desc { color: #999; font-size: 16px; margin-bottom: 20px; }
	.liststyle2 .items .news-con .news-detailbtn { width: 108px; display: block; cursor: pointer; color: #666; height: 30px; float: left; line-height: 30px; text-align: center; position: relative; background: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, .2); -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
	.liststyle2 .items:hover .news-con .news-detailbtn, .device-mobile .liststyle2 .items .news-con .news-detailbtn { padding-right: 30px; }
	.liststyle2 .items .news-con .news-detailbtn span { display: block; width: 0; color: #fff; background-color: #bb2405; box-shadow: 0px 0px 2px #bb2405; overflow: hidden; position: absolute; top: 0; right: 0; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
	.liststyle2 .items:hover .news-con .news-detailbtn span, .device-mobile .liststyle2 .items .news-con .news-detailbtn span { width: 30px; }
	.liststyle2 .items .news-con .news-detailtime { width: 95px; display: block; color: #999; height: 95px; font-size: 14px; line-height: 30px; color: #fff; background: #c6c6c6; text-align: center; position: absolute; top: 0; left: 0; border-radius: 8px; }
	.liststyle2 .items .news-con .news-detailtime div { padding: 10px; }
	.liststyle2 .items .news-con .news-detailtime div p { display: block; font-size: 28px; line-height: 45px; background: #fff; color: #c6c6c6; text-align: center; }
	.liststyle2 .items:hover .news-con .news-title, .liststyle2 .items:hover .news-con .news-desc, .liststyle2 .items:hover .news-con .news-detailbtn { color: #2072b9; }

	/*新闻列表2样式*/
	.new2 .titlestyle-main { border-bottom: 1px solid #dadada; padding-bottom: 10px; padding-left: 10px; }
	.new2 .titlestyle-main .maintitle { font-size: 20px; line-height: 50px; border-left: 4px solid #2d5088; color: #1b54aa; text-align: left; padding-left: 10px; }
	.liststyle21 .items { width: 100%; padding: 0; border-bottom: 1px dashed #dfdfdf; }
	.liststyle21 .item1 { border-bottom: none; padding-bottom: 20px; }
	.liststyle21 .items>a { display: block; position: relative; }
	.liststyle21 .items .news-img { display: block; width: 20%; float: left; overflow: hidden; position: relative; padding-top: 12%; }
	.screen-phone .liststyle21 .items .news-img { width: 30%; padding-top: 20%; text-align: center; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
	.liststyle21 .items .news-img>div { text-align: center; display: block; position: absolute; font-size: 0px; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
	.liststyle21 .items>a:hover .news-img>div { width: 120%; height: 120%; top: -10%; left: -10%; }
	.liststyle21 .items .news-img>div>img { width: 100%; height: 100%; }
	.liststyle21 .items .news-con { display: block; width: 77%; margin-left: 3%; float: left; }
	.screen-phone .liststyle21 .items .news-con { display: block; width: 98%; margin-left: 2%; float: left; }
	.screen-phone .liststyle21 .item1 .news-con { padding-left: 30%; }
	.screen-phone .liststyle21 .item1 .pl { padding-left: 0; }
	.liststyle21 .items .news-con p { width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.liststyle21 .items .news-con .news-title { color: #343434; font-size: 16px; margin-top: 10px; padding-right: 100px; }
	.liststyle21 .item1 .news-con .news-title { color: #1b54aa; font-size: 20px; padding-right: 0; white-space: nowrap; }
	.screen-phone .liststyle21 .items .news-con .news-title { font-size: 14px; height: 28px; }
	.screen-phone .liststyle21 .item1 .news-con .news-title { font-size: 16px; }
	.liststyle21 .items .news-con .news-title>i.icon { position: absolute; line-height: 24px; font-size: 0.1em; }
	.liststyle21 .items .news-con .news-title>i.icon.icon-2x { line-height: 24px; font-size: 20px; position: relative; left: 4px; margin-right: 10px; }
	.liststyle21 .items .news-con .news-desc { color: #999; font-size: 14px; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.liststyle21 .items .news-con .news-detailbtn { width: auto; display: block; cursor: pointer; color: #2d5088; height: 30px; float: left; font-size: 14px; line-height: 30px; text-align: center; position: relative; background: #fff; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
	.liststyle21 .items:hover .news-con .news-detailbtn, .device-mobile .liststyle21 .items .news-con .news-detailbtn { }
	.liststyle21 .items .news-con .news-detailbtn span { display: block; width: 0; color: #fff; background-color: #0568c1; box-shadow: 0px 0px 2px #0568c1; overflow: hidden; position: absolute; top: 0; right: 0; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
	.liststyle21 .items:hover .news-con .news-detailbtn span, .device-mobile .liststyle21 .items .news-con .news-detailbtn span { width: 30px; }
	.liststyle21 .items .news-con .news-detailtime { width: auto; display: block; color: #343434; height: 30px; float: right; font-size: 14px; line-height: 30px; text-align: center; position: absolute; top: 10px; right: 0; background: #fff; }
	.liststyle21 .items .news-con .news-title .hot { display: inline; height: 12px; color: red; margin-bottom: 5px; }
	.screen-phone .liststyle21 .items .news-con .news-title .hot { display: block; height: 9px; position: absolute; top: 9px; right: 100px; color: red; margin-bottom: 0px; }
	.liststyle21 .items:hover .news-con .news-title, .liststyle21 .items:hover .news-con .news-desc, .liststyle21 .items:hover .news-con .news-detailbtn, .liststyle21 .items:hover .news-con .news-detailtime { color: #0568c1; }

    .liststyle22 .items { width: 100%; padding: 0; border-bottom: 1px dashed #dfdfdf; }
    .liststyle22 .item1 { border-bottom: none; padding-bottom: 20px; }
    .liststyle22 .items>a { display: block; position: relative; }
    .liststyle22 .items .news-img { display: block; width: 20%; float: left; overflow: hidden; position: relative; padding-top: 12%; }
    .screen-phone .liststyle22 .items .news-img { width: 30%; padding-top: 20%; text-align: center; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
    .liststyle22 .items .news-img>div { text-align: center; display: block; position: absolute; font-size: 0px; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
    .liststyle22 .items>a:hover .news-img>div { width: 120%; height: 120%; top: -10%; left: -10%; }
    .liststyle22 .items .news-img>div>img { width: 100%; height: 100%; }
    .liststyle22 .items .news-con { display: block; width: 77%; margin-left: 3%; float: left; }
    .screen-phone .liststyle22 .items .news-con { display: block; width: 98%; margin-left: 2%; float: left; }
    .screen-phone .liststyle22 .item1 .news-con { padding-left: 30%; }
    .screen-phone .liststyle22 .item1 .pl { padding-left: 0; }
    .liststyle22 .items .news-con p { width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .liststyle22 .items .news-con .news-title { color: #343434; font-size: 16px; margin-top: 10px; padding-right: 100px; }
    .liststyle22 .item1 .news-con .news-title { color: #1b54aa; font-size: 20px; padding-right: 0; white-space: nowrap; }
    .screen-phone .liststyle22 .items .news-con .news-title { font-size: 14px; height: 28px; }
    .screen-phone .liststyle22 .item1 .news-con .news-title { font-size: 16px; }
    .liststyle22 .items .news-con .news-title>i.icon { position: absolute; line-height: 24px; font-size: 0.1em; }
    .liststyle22 .items .news-con .news-title>i.icon.icon-circle { line-height: 24px; font-size: 12px; position: relative; left: 4px; margin-right: 10px; }
    .liststyle22 .items .news-con .news-desc { color: #999; font-size: 14px; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .liststyle22 .items .news-con .news-detailbtn { width: auto; display: block; cursor: pointer; color: #2d5088; height: 30px; float: left; font-size: 14px; line-height: 30px; text-align: center; position: relative; background: #fff; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
    .liststyle22 .items:hover .news-con .news-detailbtn, .device-mobile .liststyle22 .items .news-con .news-detailbtn { }
    .liststyle22 .items .news-con .news-detailbtn span { display: block; width: 0; color: #fff; background-color: #0568c1; box-shadow: 0px 0px 2px #0568c1; overflow: hidden; position: absolute; top: 0; right: 0; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
    .liststyle22 .items:hover .news-con .news-detailbtn span, .device-mobile .liststyle22 .items .news-con .news-detailbtn span { width: 30px; }
    .liststyle22 .items .news-con .news-detailtime { width: auto; display: block; color: #343434; height: 30px; float: right; font-size: 14px; line-height: 30px; text-align: center; position: absolute; top: 10px; right: 0; background: #fff; }
    .liststyle22 .items .news-con .news-title .hot { display: inline; height: 12px; color: red; margin-bottom: 5px; }
    .screen-phone .liststyle22 .items .news-con .news-title .hot { display: block; height: 9px; position: absolute; top: 9px; right: 100px; color: red; margin-bottom: 0px; }
    .liststyle22 .items:hover .news-con .news-title, .liststyle22 .items:hover .news-con .news-desc, .liststyle22 .items:hover .news-con .news-detailbtn, .liststyle22 .items:hover .news-con .news-detailtime { color: #0568c1; }

	/* join 加入我们列表样式 */
	.liststyle3 { text-align: left; font-size: 0px; line-height: 0px; overflow: hidden; }
	.liststyle3 p { margin: 0px; }
	.liststyle3 .group-title { display: block; width: 100%; color: #333; font-size: 24px; line-height: 50px; }
	.liststyle3 .item { display: block; width: 100%; color: #000; background-color: #eee; position: relative; margin-bottom: 10px; transition: all .5s; overflow: hidden; }
	.liststyle3 .item:hover { background: #d9e6f1; }
	.liststyle3 .item.item-hd { background-color: #a3cff5; }

	/* .liststyle3 .item.item-2n{background-color: #999;} */
	.liststyle3 .item.active { background: #d9e6f1; color: #333; }
	.liststyle3 .item>span { display: block; width: 25%; font-size: 14px; line-height: 40px; float: left; position: relative; }
	.liststyle3 .item>span:first-child { padding-left: 4%; width: 35%; }
	.liststyle3 .item>span:nth-child(2), .liststyle3 .item>span:nth-child(3) { width: 20%; }
	.liststyle3 .item>span.more { text-align: right; width: 100%; padding-left: 0; }
	.liststyle3 .item>span .morebtn { display: inline-block; width: 100%; font-size: 14px; line-height: 40px;    /* background: #354fa6; */ border-radius: 5px; margin: 0; color: #000; padding-right: 10px; margin-bottom: 6px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; position: absolute; top: -40px; right: 0; }

	/* .liststyle3 .item>span .morebtn:hover{background: #fff;color: #666;}

		.liststyle3 .item.active>span .morebtn:hover{background: #3f3b3a;color: #fff;} */
	.liststyle3 .item>span .morebtn .icon { display: inline-block; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
	.liststyle3 .item.active>span .morebtn .icon { transform: rotate(180deg) }
	.liststyle3 .item.item-hd>span { font-size: 16px; line-height: 40px; }
	.liststyle3 .item .items-main { display: none; width: 100%; color: #000; background-color: #f1f1f1; font-size: 14px; line-height: normal; text-align: left; padding: 0% 4% 2%; }
	.screen-phone .liststyle3 .group-title { font-size: 16px; line-height: 42px; }
	.screen-phone .liststyle3 .item>span { width: 100%; font-size: 14px; line-height: 30px; vertical-align: top; }
	.screen-phone .liststyle3 .item>span+sapn { }
	.screen-phone .liststyle3 .item.item-hd>span { font-size: 16px; line-height: 30px; }
	.screen-phone .liststyle3 .item>span.xs-hidden { display: none; }
	.screen-phone .liststyle3 .item>span .morebtn { display: inline-block; font-size: 12px; line-height: 30px; padding: 0 4px; top: -30px; }
	.liststyle3 .item .button { padding-top: 10px; }
	.liststyle3 .item .button a { display: inline-block; font-size: 14px; line-height: 30px; background: #2072b9; border-radius: 5px; padding: 0 20px; color: #fff; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
	.liststyle3 .item .button a:hover { background: #354fa6; }

	/* contact 联系我们列表样式 */
	.liststyle4 { }
	.liststyle4 .item { display: block; margin-top: 50px; }
	.liststyle4 .item .item-main { display: block; width: 100%; }
	.liststyle4 .item .item-main .title { font-size: 20px; color: #000; }
	.liststyle4 .item .item-map { width: 100%; position: relative; padding-top: 56%; overflow: hidden; min-height: 320px; }
	.lte-ie-8 .liststyle4 .item .item-map { padding-top: 15%; }
	.liststyle4 .item .item-map>div { width: 100%; height: 100%; top: 0; position: absolute; }

	/* developmentlist 发展历程时间轴列表样式 */
	.liststyle5 { width: 100%; height: 510px; overflow: hidden; position: relative; font-size: 0px; }
	.liststyle5 .group-main { width: auto; height: 510px; white-space: nowrap; position: absolute; }
	.liststyle5 .group-main .item { display: inline-block; width: 180px; height: 500px; margin: 5px; position: relative; vertical-align: top; }
	.liststyle5 .group-main .item .maintitle { position: absolute; display: block; width: 100px; height: 100px; color: #fff; border-radius: 50%; background: #c8cac9; font-size: 18px; white-space: normal; padding: 12px; line-height: 1.2; text-align: center; top: 91px; left: 50%; margin-left: -50px; z-index: 3; behavior: url(style/PIE/PIE.htc); }
	.liststyle5 .group-main .item .items-line { position: absolute; display: block; width: 4px; height: 50px; background: #c8cac9; top: 191px; left: 50%; margin-left: -2px; z-index: 2; }
	.liststyle5 .group-main .item .items-arrow { position: absolute; display: block; width: 100%; height: 18px; top: 241px; overflow: visible; z-index: 1; }
	.liststyle5 .group-main .item .items-arrow .arrowtop { position: relative; display: block; width: 100%; height: 9px; background: #c8cac9; -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); }
	.liststyle5 .group-main .item .items-arrow .arrowbottom { position: relative; display: block; width: 100%; height: 9px; background: #c8cac9; -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); -ms-transform: skew(-40deg); transform: skew(-40deg); }
	.liststyle5 .group-main .item .items-circle { position: absolute; display: block; width: 10px; height: 10px; background: #fff; top: 245px; left: 50%; margin-left: -5px; border-radius: 50%; z-index: 2; behavior: url(style/PIE/PIE.htc); }
	.liststyle5 .group-main .item .subtitle { position: absolute; display: block; width: 100%; height: 50px; text-align: center; top: 258px; left: 0; color: #c8cac9; z-index: 3; font-size: 40px; line-height: 50px; }
	.liststyle5 .group-main .item .items-main { position: absolute; display: block; width: 100%; height: 180px; overflow: hidden; top: 308px; left: 0; z-index: 3; font-size: 14px; line-height: 18px; white-space: normal; }
	.liststyle5 .group-main .item .items-main p { margin: 0; }
	.liststyle5 .group-main .item.style .maintitle { top: 308px; }
	.liststyle5 .group-main .item.style .items-line { top: 258px; }
	.liststyle5 .group-main .item.style .subtitle { top: 191px; }
	.liststyle5 .group-main .item.style .items-main { top: 12px; }

	/* lightgallery 灯箱画廊样式 */
	#lightGallery { }
	#lightGallery>a.col { padding: 10px; font-size: 0; text-align: center; position: relative; }
	#lightGallery>a.col .grouphd { padding-top: 120%; position: relative; }
	#lightGallery>a.col .grouphd .grouphd-img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
	#lightGallery>a.col .grouphd .grouphd-img>span { width: 0; height: 100%; display: inline-block; vertical-align: middle; }
	#lightGallery>a.col .grouphd .grouphd-img>img { width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
	#lightGallery>a.col .grouposter { display: none; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, .5); top: 0; left: 0; }
	#lightGallery>a.col:hover .grouposter { display: block; }
	#lightGallery>a.col .grouposter>span { width: 0; height: 100%; display: inline-block; vertical-align: middle; }
	#lightGallery>a.col .grouptitle { width: 100%; height: 36px; font-size: 14px; line-height: 36px; background-color: #fff; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	#lightGallery>a.col:hover .grouptitle { background-color: #354fa6; color: #fff; }

	/* casenav 选项卡导航 */
	.casenav { width: 100%; background: #f1f1f1; font-size: 16px; text-align: center; line-height: 28px; border-bottom: 1px solid #dedede; }
	.casenav .casenav-nav { width: 100%; text-align: center; }
	.casenav .casenav-nav>li { display: inline-block; position: relative; float: none; }
	.casenav .casenav-nav>li.active { background: #354fa6; }
	.casenav .casenav-nav>li.active a { color: #fff; }
	.casenav .casenav-nav>li:hover a { color: #354fa6; }

	/* pagectrl 翻页按钮 */
	.pagectrl { display: block; width: 100%; padding-top: 20px; }
	.pagectrl>a { display: inline-block; padding: 0 8px; height: 30px; line-height: 28px; border: 1px solid #ccc; margin-bottom: 10px; color: #333; }
	.pagectrl>a.active, .pagectrl>a:hover { background-color: #354fa6; border: 1px solid #354fa6; color: #fff; }
	.pagectrl>.pagectrlform { display: inline-block; height: 30px; line-height: 28px; padding: 0px 20px; margin-bottom: 10px; }
	.pagectrl>.pagectrlform .pageinput { width: 30px; height: 30px; border: 1px solid #ccc; border-radius: 0; margin-bottom: 10px; text-align: center; }
	.pagectrl>.pagectrlform .pagesubmit { padding: 0 8px; height: 30px; background-color: #354fa6; border: 1px solid #354fa6; color: #fff; margin-bottom: 10px; }

	/* detail 详情页 */
	.content { font-size: 16px; width: 100%; margin: 0 auto; margin-top: 20px; }
	.newstitle { display: block; width: 100%; font-size: 30px; line-height: 48px; text-align: center; color: #000; }
	.newsline { height: 1px; width: 100%; background: #ccc; margin-top: 10px; margin-bottom: 20px; }
	.maincontent { font-size: 18px; font-weight: 300; width: 100%; padding: 0 50px; margin: 0 auto; margin-top: 20px; color: #686868; }
	.maincontent div img { max-width: 100%; }
	.maincontent p { font-size: 18px; font-weight: 300; line-height: 1.5; }
	.maincontent p img { max-width: 80%; }
	.screen-phone .maincontent { font-size: 16px; font-weight: 300; }
	.screen-phone .maincontent div img { max-width: 100%; }
	.screen-phone .maincontent p img { max-width: 100%; font-size: 16px; font-weight: 300; }
	.screen-phone .newstitle { font-size: 20px; }
	.screen-phone .maincontent { padding: 0; }
	.maincontent .newsdaodu { width: 100%; font-size: 16px; height: auto; background: #f1f1f1; padding: 10px 30px 10px 10px; border-radius: 8px; margin-bottom: 20px; }
	.screen-phone .maincontent .newsdaodu { padding: 10px 10px 10px 10px; }

	/* prevnext 前一篇-后一篇 */
	.prevnext { width: 100%; padding: 20px 0; font-size: 14px; border-top: #E1E1E1 1px solid }
	.prevnext a { color: #333; }
	.prevnext a:hover { text-decoration: underline; color: #354fa6; }
	.prevnext .prev, .prevnext .next { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.prevnext .historygo { display: inline-block; padding: 10px 20px; background: #1162a7; color: #fff; }
	.prevnext .historygo:hover { color: #fff; text-decoration: none; background: #354fa6; }

	/* casedetail 案例详情卡片图片展示 */
	.casedetail { padding-top: 54%; position: relative; margin-left: -10px; margin-right: -10px; }
	.casedetail .items-images { position: absolute; top: 0; height: 100%; width: 100%; }
	.casedetail .items-images .mainimgbox, .casedetail .items-images .mainimgctrl { height: 100%; overflow: hidden; }
	.casedetail .items-images .mainimgbox { text-align: center; }
	.casedetail .items-images .mainimgbox img { width: 100%; max-height: 100%; }
	.casedetail .items-images .mainimgctrl { padding-top: 40px; padding-bottom: 40px; }
	.casedetail .items-images .mainimgctrl .upctrl, .casedetail .items-images .mainimgctrl .downctrl { width: 88%; position: absolute; left: 6%; height: 25px; line-height: 20px; text-align: center; color: #fff; background: #354fa6; cursor: pointer; border: 1px solid #999; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
	.casedetail .items-images .mainimgctrl .upctrl:hover, .casedetail .items-images .mainimgctrl .downctrl:hover { background: #3f3b3a; }
	.casedetail .items-images .mainimgctrl .upctrl { top: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
	.casedetail .items-images .mainimgctrl .downctrl { bottom: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
	.casedetail .items-images .mainimgctrl .imagesbox { width: 100%; height: 100%; overflow: hidden; position: relative; }
	.casedetail .items-images .mainimgctrl .imagesbox .images { width: 100%; height: auto; position: absolute; top: 0px; -webkit-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -o-transition: all .5s linear 0s; transition: all .5s linear 0s; }
	.casedetail .items-images .mainimgctrl .imagesbox .images>img { width: 100%; height: auto; margin: 4px 0; cursor: pointer; }
	.casedetailmorebtn { display: inline-block; background-color: #354fa6; color: #fff; width: 120px; font-size: 16px; line-height: 36px; text-align: center; margin-top: 15px; }
	.screen-phone .casedetailmorebtn { width: 80px; font-size: 14px; line-height: 28px; margin-top: 5px; }
	.casedetailmorebtn:hover { background-color: #3f3b3a; color: #fff; }
	.casedetailbox-title { display: block; width: 140px; background-color: #354fa6; color: #fff; text-align: center; font-size: 16px; line-height: 36px; font-weight: 700; }
	.screen-phone .casedetailbox-title { display: block; width: 120px; background-color: #354fa6; color: #fff; text-align: center; font-size: 14px; line-height: 28px; font-weight: 700; }
	.casedetailbox { border-top: 2px solid #354fa6; }
	.screen-phone .casedetailbox { border-top: 1px solid #354fa6; }

	/* other 其它 */

	/* leftnav 左侧小导航栏 风格1 */

	.leftnav { display: block; width: 90%; background-color: #fff; margin-bottom: 20px; }
	.screen-phone .leftnav, .screen-tablet .leftnav { margin-left: auto; margin-right: auto; }
	.leftnav .leftnav-m-ctrl { display: block; width: 100%; font-size: 28px; line-height: 28px; background: #0e2b79; color: #fff; text-align: left; cursor: pointer; padding-top: 25px; padding-left: 50px; border-radius: 8px; }
	.leftnav .leftnav-m-ctrl p { font-size: 16px; padding-bottom: 25px; margin-bottom: 2px; }
	.leftnav a { color: #666; }
	.leftnav ul { padding: 0; margin: 0; }
	.leftnav ul li { display: block; width: 100%; margin-bottom: 2px; }
	.leftnav ul li>a { display: block; width: 100%; background-color: #fff; font-size: 16px; color: #707070; line-height: 80px; text-align: center; font-weight: 800; position: relative; }
	.leftnav ul li.active>a, .leftnav ul li:hover>a { color: #fff; background-color: #2072b9; border-radius: 8px; }
	.leftnav ul li>a>.icon { position: absolute; left: 50px; line-height: 80px; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
	.leftnav ul li.active>a>.icon { transform: rotate(180deg); }
	.leftnav ul li+li { }
	.leftnav ul li .navplus { display: none; width: 100%; border-top: 1px solid #d1d1d1; box-shadow: inset 0px 0px 20px 0px #999; }
	.leftnav ul li .navplus a { display: block; font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 12px 20px; line-height: 16px; height: 40px; -webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; }
	.leftnav ul li .navplus a:hover, .leftnav ul li .navplus a.active { color: #354fa6; padding-left: 40px; }

	/* leftnav 左侧小导航栏 风格2 */
	.leftnav1 { display: block; width: 90%; background-color: #fff; margin-bottom: 20px; overflow: hidden; }
	.screen-phone .leftnav1, .screen-tablet .leftnav1 { margin-left: auto; margin-right: auto; }
	.leftnav1 .leftnav1-m-ctrl { display: block; width: 100%; font-size: 28px; line-height: 28px; background: #0e2b79; color: #fff; text-align: left; cursor: pointer; padding-top: 25px; padding-left: 50px; border-radius: 8px; }
	.leftnav1 .leftnav1-m-ctrl p { font-size: 16px; padding-bottom: 25px; margin-bottom: 2px; }
	.leftnav1 a { color: #666; }
	.leftnav1 ul { padding: 0; margin: 0; }
	.leftnav1 ul li { display: block; width: 100%; margin-bottom: 2px; }
	.leftnav1 ul li>a { display: block; width: 100%; background-color: #fff; font-size: 16px; color: #707070; line-height: 80px; height: 80px; padding-left: 85px; text-align: left; font-weight: 400; position: relative; }
	.leftnav1 ul li.active>a, .leftnav1 ul li:hover>a { color: #fff; background-color: #2072b9; border-radius: 8px; }
	.leftnav1 ul li>a>.icon { position: absolute; width: 23px; height: 26px; left: 50px; top: 25px; line-height: 80px; background: url(../../images/icon/shu.png) no-repeat center; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
	.leftnav1 ul li:hover>a>.icon { background: url(../../images/icon/shu1.png) no-repeat center; }
	.leftnav1 ul li.active>a>.icon { background: url(../../images/icon/shu1.png) no-repeat center; }
	.leftnav1 ul li .navplus { display: none; width: 100%; border-top: 1px solid #d1d1d1; box-shadow: inset 0px 0px 20px 0px #999; }
	.leftnav1 ul li .navplus a { display: block; font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 12px 20px; line-height: 16px; height: 40px; -webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; }
	.leftnav1 ul li .navplus a:hover, .leftnav1 ul li .navplus a.active { color: #354fa6; padding-left: 40px; }

	/* leftnav 左侧小导航栏 成员单位独立样式 */
	.leftnav2 { display: block; width: 90%; background-color: #fff; margin-bottom: 20px; overflow: hidden; }
	.screen-phone .leftnav2, .screen-tablet .leftnav2 { margin-left: auto; margin-right: auto; }
	.leftnav2 .leftnav2-m-ctrl { display: block; width: 100%; font-size: 28px; line-height: 28px; background: #0e2b79; color: #fff; text-align: left; cursor: pointer; padding-top: 25px; padding-left: 50px; border-radius: 8px; }
	.leftnav2 .leftnav2-m-ctrl p { font-size: 16px; padding-bottom: 25px; margin-bottom: 2px; }
	.leftnav2 a { color: #666; }
	.leftnav2 ul { padding: 0; margin: 0; }
	.leftnav2 ul li { display: block; width: 100%; margin-bottom: 2px; }
	.leftnav2 ul li>a { display: block; width: 100%; background-color: #fff; font-size: 16px; color: #707070; line-height: 30px; height: 80px; padding-left: 45px; padding-top: 10px; text-align: left; font-weight: 400; position: relative; }
	.leftnav2 ul li.active>a, .leftnav2 ul li:hover>a { color: #fff; background-color: #2072b9; border-radius: 8px; }
	.leftnav2 ul li>a>.icon { position: absolute; width: 23px; height: 26px; left: 10px; top: 25px; line-height: 80px; background: url(../../images/icon/shu.png) no-repeat center; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
	.leftnav2 ul li:hover>a>.icon { background: url(../../images/icon/shu1.png) no-repeat center; }
	.leftnav2 ul li.active>a>.icon { background: url(../../images/icon/shu1.png) no-repeat center; }
	.leftnav2 ul li .navplus { display: none; width: 100%; border-top: 1px solid #d1d1d1; box-shadow: inset 0px 0px 20px 0px #999; }
	.leftnav2 ul li .navplus a { display: block; font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 12px 20px; line-height: 16px; height: 40px; -webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; }
	.leftnav2 ul li .navplus a:hover, .leftnav2 ul li .navplus a.active { color: #354fa6; padding-left: 40px; }

	/* rightnav 右侧悬浮导航 */
	.rightnav { width: 52px; border: 1px solid #ccc; font-size: 0px; display: block; position: fixed; top: 50%; right: 0px; }
	.rightnav ul { margin: 0px; padding: 0px; }
	.rightnav ul li { width: 52px; display: block; height: 52px; overflow: hidden; list-style: none; background-position: 0 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
	.rightnav ul li:hover { background-position: 0px -62px; }
	.rightnav ul li+li { margin-top: 5px; }
	.rightnav ul li a { display: block; width: 100%; height: 100%; }
	.qq { background: url(../../images/QQ.png) no-repeat; }
	.email { background: url(../../images/Email.png) no-repeat; }
	.email-logo { background: #fff; font-size: 18px; width: 0px; height: 0px; overflow: hidden; text-align: center; color: #fff; position: absolute; top: 0px; right: 52px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
	.email-logo>img { width: 100%; }
	.email:hover .email-logo { width: 190px; height: 52px; line-height: 52px; border-radius: 5px 0px 0px 5px; border: #1162a7 1px solid; background-color: #1162a7; }
	.weixin { background: url(../../images/map.png) no-repeat; }
	.weixin-logo { background: #fff; font-size: 12px; width: 0px; height: 0px; overflow: hidden; text-align: center; color: #000; position: absolute; top: 0px; right: 52px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
	.weixin-logo>img { width: 100%; }
	.weixin:hover .weixin-logo { width: 150px; height: auto; }
	.rightnav .liuyan { background: url(../../images/liuyan.png) no-repeat; }
	.liuyan-logo { background: #fff; font-size: 20px; width: 0px; height: 0px; overflow: hidden; text-align: center; color: #fff; position: absolute; top: 115px; right: 52px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
	.liuyan-logo>img { width: 100%; }
	.liuyan:hover .liuyan-logo { width: 160px; height: 52px; line-height: 52px; border-radius: 5px 0px 0px 5px; border: #1162a7 1px solid; background-color: #1162a7; }
	.rightnav .gotop { background: url(../../images/gotop.png) no-repeat; }

	/* detailcontent wenhua-imgbox 奥捷文化图片盒子 */
	.wenhua-imgbox { width: 100%; -moz-column-count: 2;    /* Firefox */ -webkit-column-count: 2;    /* Safari 和 Chrome */ column-count: 2; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px }
	.wenhua-imgbox img { display: inline-block; width: 100%; height: auto; padding: 1px; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
	.video-js { width: 100%; }