/*符号字体*/
/*符号字体*/
@font-face { font-family: 'myicomoon'; src: url('fonts/icomoon.eot?d97d82'); src: url('fonts/icomoon.eot?#iefixd97d82') format('embedded-opentype'), url('fonts/icomoon.ttf?d97d82') format('truetype'), url('fonts/icomoon.woff?d97d82') format('woff'), url('fonts/icomoon.svg?d97d82#icomoon') format('svg'); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { font-family: 'myicomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.icon-search,
.icon-th-large,
.icon-th,
.icon-th-list,
.icon-check,
.icon-close,
.icon-clock-o,
.icon-qrcode,
.icon-map-marker,
.icon-chevron-left,
.icon-chevron-right,
.icon-question-circle,
.icon-info-circle,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-down,
.icon-plus,
.icon-minus,
.icon-exclamation-circle,
.icon-chevron-up,
.icon-chevron-down,
.icon-bars,
.icon-envelope,
.icon-angle-left,
.icon-angle-right,
.icon-angle-up,
.icon-angle-down,
.icon-question,
.icon-info,
.icon-exclamation,
.icon-paw,
.icon-tencent-weibo,
.icon-qq,
.icon-wechat,
.icon-share-alt,
.icon-line-chart { font-family: 'myicomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

    .icon-search:before { content: "\f002"; }
    .icon-th-large:before { content: "\f009"; }
    .icon-th:before { content: "\f00a"; }
    .icon-th-list:before { content: "\f00b"; }
    .icon-check:before { content: "\f00c"; }
    .icon-close:before { content: "\f00d"; }
    .icon-clock-o:before { content: "\f017"; }
    .icon-qrcode:before { content: "\f029"; }
    .icon-map-marker:before { content: "\f041"; }
    .icon-chevron-left:before { content: "\f053"; }
    .icon-chevron-right:before { content: "\f054"; }
    .icon-question-circle:before { content: "\f059"; }
    .icon-info-circle:before { content: "\f05a"; }
    .icon-arrow-left:before { content: "\f060"; }
    .icon-arrow-right:before { content: "\f061"; }
    .icon-arrow-up:before { content: "\f062"; }
    .icon-arrow-down:before { content: "\f063"; }
    .icon-plus:before { content: "\f067"; }
    .icon-minus:before { content: "\f068"; }
    .icon-exclamation-circle:before { content: "\f06a"; }
    .icon-chevron-up:before { content: "\f077"; }
    .icon-chevron-down:before { content: "\f078"; }
    .icon-bars:before { content: "\f0c9"; }
    .icon-envelope:before { content: "\f0e0"; }
    .icon-angle-left:before { content: "\f104"; }
    .icon-angle-right:before { content: "\f105"; }
    .icon-angle-up:before { content: "\f106"; }
    .icon-angle-down:before { content: "\f107"; }
    .icon-question:before { content: "\f128"; }
    .icon-info:before { content: "\f129"; }
    .icon-exclamation:before { content: "\f12a"; }
    .icon-paw:before { content: "\f1b0"; }
    .icon-tencent-weibo:before { content: "\f1d5"; }
    .icon-qq:before { content: "\f1d6"; }
    .icon-wechat:before { content: "\f1d7"; }
    .icon-share-alt:before { content: "\f1e0"; }
    .icon-line-chart:before { content: "\f201"; }

/*
@font-face { font-family: 'SourceSans3'; src: url('fonts/SourceSans3-Regular.ttf?d97d82') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SourceSans3'; src: url('fonts/SourceSans3-Light.ttf?d97d82') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'SourceSans3'; src: url('fonts/SourceSans3-Bold.ttf?d97d82') format('truetype'); font-weight: bold; font-style: normal; }
*/
@font-face { font-family: 'SourceSans3'; src: url('fonts/SourceSans3-VariableFont_wght.ttf?d97d82') format('truetype');  font-style: normal; }
@font-face { font-family: 'SourceSans3'; src: url('fonts/SourceSans3-Italic-VariableFont_wght.ttf?d97d82') format('truetype');  font-style: italic; }

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

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
    *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*END RESET*/

html { min-height: 100%; height: 100%; width: 100%; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { min-height: 100%; height: 100%; width: 100%; position: relative; overflow-x: hidden; background-color: #fff; }
#siteContainer { width: 100%; min-height: 100%; position: relative; padding-bottom: 60px; padding-top: 60px; }

    #siteContainer.lang-en-US { font-family: SourceSans3, Georgia, -apple-system, 'Nimbus Roman No9 L', 'PingFang SC','Source Han Serif SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'ST Heiti', sans-serif; font-size: 12px; }
    #siteContainer.lang-zh-CN { font-family: Georgia, -apple-system, 'Nimbus Roman No9 L', 'PingFang SC','Microsoft Yahei','Source Han Serif SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'ST Heiti', sans-serif; font-size: 12px; }


    body::-webkit-scrollbar { width: 3px; }
body::-webkit-scrollbar-track { background-color: transparent; }
body::-webkit-scrollbar-thumb { background-color: #999; }
/* 可变容器自适应宽度 */
.autopadding { padding-left: 10%; padding-right: 10%; }
.pautopadding { padding-left: 16%; padding-right: 16%; }
.autoposleft { left: 10%; }

@media only screen and (min-width: 1401px) {
    .autopadding { padding-left: 10%; padding-right: 10%; }
    .autoposleft { left: 10%; }
}

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .autopadding { padding-left: 4%; padding-right: 4%; }
    .autoposleft { left: 4%; }
}

@media only screen and (max-width: 1025px) {
    .autopadding { padding-left: 1%; padding-right: 1%; }
    .autoposleft { left: 1%; }
}
/* 可变容器自适应宽度结束 */


/* 可变容器自适应宽度 */
.autopadding2 { padding-left: 20%; padding-right: 20%; }

@media only screen and (min-width: 1401px) {
    .autopadding2 { padding-left: 20%; padding-right: 20%; }
}

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .autopadding2 { padding-left: 10%; padding-right: 10%; }
}

@media only screen and (max-width: 1025px) {
    .autopadding2 { padding-left: 2%; padding-right: 2%; }
}
/* 可变容器自适应宽度 */
.autopadding3 { padding-left: 30%; padding-right: 30%; }

@media only screen and (min-width: 1401px) {
    .autopadding3 { padding-left: 30%; padding-right: 30%; }
}

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .autopadding3 { padding-left: 15%; padding-right: 15%; }
}

@media only screen and (max-width: 1025px) {
    .autopadding3 { padding-left: 2%; padding-right: 2%; }
}


/* 可变容器自适应宽度结束 */


/*导航条*/
.logoleft { display: block; width: 130px; height: 60px; position: fixed;  top: 0; z-index: 1600; }
 .logoblue { fill: #002b96; }
 .logoleft > a { margin: 7px 0 7px 0; display: block; width: 130px; height: 46px; text-decoration: none; }


#nav { display: flex; width: 100%; height: 60px; overflow: visible; position: fixed; left: 0; top: 0; z-index: 1500; flex-flow: row nowrap; justify-content: space-between; }
    #nav.black { background-color: #333; }
    #nav.white { background-color: #fff; }
    #nav.blue { background-color: #002b96; }
    #nav .nav_blank { flex: 0 0 auto; width: 130px; height: 60px; order: 0; }

    #nav .searchbar { display: block; max-width:500px; height: 44px; font-size: 16px; background-color: #f0f0f0; border-radius: 4px; margin: 0; order: 1; flex: 1 1 auto; position: relative; margin: 8px 0px; }
        #nav .searchbar input#keyword { width: 90%; font-size: 16px;  text-indent: 1em; line-height: 44px; color: #666; border: none; height: 44px; display: block; position: absolute; left: 0; top: 0; padding: 0; background-color:transparent; }
        #nav .searchbar button#searchbtn { display: block; font-size: 16px; outline: none; padding: 0; margin: 0; border: 0; background-color: transparent; position: absolute; right: 1em; top: 0; cursor: pointer; text-align: right; width: 20px; line-height: 44px; height: 100%; color: #002b96; font-weight: normal; font-family: 'myicomoon'; speak: none; font-style: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        #nav.blue .searchbar button#searchbtn{color:#eee;}
        #nav .searchbar button#searchbtn:before { content: "\f002"; }


    #nav .navrightbar { width: 650px; height: 60px; position: relative; order: 2; flex: 0 0 auto; }
    /*下拉*/
    #nav .dropdownbar { display: block; position: absolute; left: 0; top: 0; visibility: visible; opacity: 1; width: 100%; height: 60px; /*float: right;*/ font-size: 18px; font-weight: 400; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
    #nav.searching .dropdownbar { visibility: hidden; opacity: 0; }
    #nav .dropdownbar li { list-style: none; }
    #nav .dropdownbar > ul > li { float: left; width: 120px; overflow: visible; }
    #nav .dropdownbar a, #nav .dropdownbar span { display: block; text-decoration: none; color: #333; background: rgba(255,255,255,0.9); }

    #nav .dropdownbar > ul > li > a, #nav .dropdownbar > ul > li > span { line-height: 60px; font-size: 18px; font-weight: 400; text-align: left; width: 100%; padding-left: 30px; cursor: pointer; }

    #nav .dropdownbar > ul { width: 100%; height: 100%;  }
    #nav .dropdownbar .second a { font-size: 16px; line-height: 2.5em; padding-left: 30px; overflow-x:visible;  }
    #nav .dropdownbar > ul > li .second { display: block; max-height: 0px; width: 180px; overflow: hidden; -webkit-transition: max-height 0.3s ease-in-out; -moz-transition: max-height 0.3s ease-in-out; -o-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out; }
    #nav .dropdownbar > ul > li:hover .second { display: block; max-height: 90vh; }



    #nav .lnbtn { cursor: pointer; display: block; order:3; flex: 0 0 auto; width: 40px; line-height: 60px; height: 60px; text-align: right; color: #333; font-size: 18px; font-weight: 300; float: right; }
            #nav .lnbtn:hover { color: #002b96; }

            #nav .dropdownbar .searchicon { display: block; float: right; cursor: pointer; text-align: right; width: 20px; line-height: 60px; height: 60px; color: #333; font-weight: normal; font-family: 'myicomoon'; speak: none; font-style: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        #nav .dropdownbar .searchicon:before { content: "\f002"; }

    #nav.white .dropdownbar a:hover, #nav.white .dropdownbar a:active, #nav.white .dropdownbar a.active { color: #002b96; }
    #nav.white .dropdownbar span:hover { color: #002b96; }




.searchtitle { width: 100%; height: 60px; background-color: #f9f9f9; color: #666; font-size: 18px; line-height: 60px; font-weight: 300; }

#nav .lnbtn2 { display: none; cursor: pointer; width: 40px; line-height: 60px; height: 60px; color: #666; font-weight: 300; position: absolute; top: 0; right: 45px; z-index: 200; margin: 0; font-size: 16px; }

.nav__trigger { display: none; position: absolute; width: 30px; height: 25px; right: 10px; top: 20px; z-index: 1600; }

.nav__icon { display: inline-block; position: relative; width: 30px; height: 2px; background-color: #666; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
    .nav__icon:before,
    .nav__icon:after { content: ''; display: block; width: 30px; height: 2px; position: absolute; background: #666; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
    .nav__icon:before { margin-top: -10px; }
    .nav__icon:after { margin-top: 10px; }
.nav--active .nav__icon { background: rgba(0, 0, 0, 0); }
.nav--active .nav__icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.nav--active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    #nav .navrightbar { width: 500px; }
    #nav .dropdownbar > ul > li { width: 100px; }

    /*
    #nav .searchbar { font-size: 14px; }
    #nav .searchbar input#keyword { width: 510px; font-size: 14px; }
    #nav .searchbar button#searchbtn { font-size: 14px; }
    #nav .linkbar { font-size: 14px; }
        #nav .linkbar a { width: 100px; }
        */
}

@media only screen and (min-width: 742px) and (max-width: 1025px) {
    #nav .navrightbar { width: 400px; }
    #nav .dropdownbar > ul > li { width: 80px; }

    /*
    #nav .searchbar { font-size: 14px; }
    #nav .searchbar input#keyword { width: 510px; font-size: 14px; }
    #nav .searchbar button#searchbtn { font-size: 14px; }
    #nav .linkbar { font-size: 14px; }
        #nav .linkbar a { width: 100px; }
        */
}


@media only screen and (max-width: 741px) {
    .nav__trigger { display: block;  }
    #nav .logoleft { }
    #nav .searchbar { display: none; }
    #nav.autopadding { padding-left: 0; padding-right: 0; }
    /*#nav .navrightbar { display: none; } */   
    #nav .lnbtn { display: none; }
    #nav .lnbtn2{display:block;}
    #nav .nav_blank { display: none; }
    #nav .searchbar { display: block; width:100%; height: 44px; font-size: 16px; background-color: #f0f0f0; border-radius: 4px; margin: 0; position: relative; margin: 8px 0px; }
    #nav .dropdownbar > ul > li .second { display: block; max-height: 90vh;width:100%; }
    #nav .dropdownbar > ul > li .second li{ display: block; width: 50%; height:40px;float:left;  border:1px solid #f9f9f9;}
    #nav .dropdownbar .second a { padding-left: 0px; text-align: center; line-height: 40px; }

    #nav { display: block; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 100%; height: 100%;  position: fixed; top: 0; padding-top: 60px; }
        #nav .navrightbar { width: 100%; }
        #nav .dropdownbar { display: block; position: relative; width: 100%;text-align: center; padding: 0; visibility: visible; opacity: 1; width: 100%; height: 60px; /*float: right;*/ font-size: 18px; font-weight: 400; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

            #nav .dropdownbar > ul > li { color: #666; font-size: 24px; line-height: 40px; width: 100%; text-align: center; border-bottom: 1px solid #eee; display: block; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
                #nav .dropdownbar > ul > li > a, #nav .dropdownbar > ul > li > span { line-height: 40px; font-size: 18px; font-weight: 400; text-align: center; padding-left: 0; background-color: #f9f9f9; }
        #nav.nav--active { -webkit-transform: translateX(0); transform: translateX(0); }
}

/* 手机导航条 

.nav { display: none; }

@media only screen and (max-width: 741px) {
    /* 
    .nav--active .nav__trigger { opacity: 0.5; }


    .nav { display: block; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 100%; height: 100%; background-color: #eee; position: fixed; z-index: 180; top: 0; padding-top: 60px; }
    .nav__link { color: #666; height: 60px; font-size: 24px; line-height: 60px; width: 100%; font-weight: 300; text-align: center; border-bottom: 1px solid #fff; display: block; background-color: #f9f9f9; opacity: 0; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
    .nav--active .nav__link { opacity: 1; }
    .nav--active .nav { -webkit-transform: translateX(0); transform: translateX(0); }
    .nav--active .nav__icon { background: rgba(0, 0, 0, 0); }
        .nav--active .nav__icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
        .nav--active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav__search { background-color: #fff; color: #666; border: 1px solid #ccc; width: 98%; height: 40px; color: #666; margin: 10px 1% 10px 1%; font-size: 24px; font-weight: 300; line-height: 60px; text-align: center; display: block; background-color: #f9f9f9; opacity: 0; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
    .nav--active .nav__search { opacity: 1; }
    .nav__search input { text-indent: 0.5em; display: block; float: left; font-size: 16px; width: 89%; height: 38px; line-height: 38px; margin: 0 0 0 1%; padding: 0; border: none; }
    .nav__search button { display: block; float: left; outline: none; padding: 0; margin: 0; border: 0; background-color: #fff; cursor: pointer; text-align: center; width: 10%; font-size: 18px; line-height: 38px; height: 38px; color: #002b96; font-weight: normal; font-family: 'myicomoon'; speak: none; font-style: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        .nav__search button:before { content: "\f002"; text-align: center; }
}
    */
/* 手机导航条结束 */ /*导航条结束*/ /*底部状态条*/ .footerbar { display: block; width: 100%; height: 60px; line-height: 60px; position: absolute; left: 0; bottom: 0; border-top: 1px solid #eee; }
    .footerbar.black { background-color: #333; }
    .footerbar.white { background-color: #fff; }
    .footerbar.black a { color: #eee; }
        .footerbar.black a:hover { color: #fff; }
    .footerbar.white a { color: #333; }
        .footerbar.white a:hover { color: #002b96; }
    .footerbar .copy { float: right; text-align: left; font-size: 11px; line-height: 59px; height: 59px; }
        .footerbar .copy a { font-size: 11px; color: #999; }
    .footerbar.black .copy { color: #eee; }
    .footerbar.white .copy { color: #999; }
    .footerbar ul { display: block; margin: 0; width: 320px; float: left; height: 59px; line-height: 59px; }
        .footerbar ul li { display: block; width: 30px; height: 100%; list-style-type: none; float: left; font-size: 16px; cursor: pointer; }
            .footerbar ul li.txt { display: block; width: 60px; height: 100%; list-style-type: none; float: left; font-size: 14px; cursor: pointer; }
    .footerbar.black ul li, .footerbar.black ul li a { color: #eee; }
    .footerbar.white ul li, .footerbar.white ul li a { color: #666; }
    .footerbar.black ul li.active { color: #fff; }
    .footerbar.white ul li.active { color: #333; }
#qrcode { width: 100%; display: none; height: 140px; background: rgba(240,240,240,0.8); position: absolute; left: 0; bottom: 60px; overflow: hidden; z-index: 50; }
#wechat { width: 300px; float: right; height: 100%; position: relative; }
    #wechat img, #shareurl #shareqrcode { width: 128px; position: absolute; right: 0; top: 6px; }
#shareurl { width: 300px; float: right; height: 100%; position: relative; }
    #wechat span, #shareurl span { display: block; width: 172px; height: 100%; position: absolute; left: 0; top: 0; padding: 6px 9px; color: #333; font-size: 14px; line-height: 1.5em; }
        #wechat span strong, #shareurl span strong { font-weight: bold; font-size: 120%; line-height: 1em; }
#feedback { font-size:14px;color:#555; font-style:italic;line-height:2em;}
#qrcode.wechat #wechat { display: block; }
#qrcode.wechat #shareurl, #qrcode.wechat #feedback { display: none; }
#qrcode.shareurl #wechat, #qrcode.shareurl #feedback { display: none; }
#qrcode.shareurl #shareurl { display: block; }

#qrcode.feedback #wechat, #qrcode.feedback #shareurl { display: none; }
#qrcode.feedback #feedback { display: block; }

/*底部状态条结束*/

/*回到顶部按钮*/
.aScroll { position: fixed; right: 30px; bottom: 200px; font-size: 16px; padding-left: 16px; line-height: 48px; color: #333; display: none; background: rgba(240,240,240,0.8); z-index: 15; width: 48px; height: 48px; }
    .aScroll:hover { background: rgba(51,51,51,0.8); color: #fff; }

.spbar { width: 100%; height: 60px; background-color: #7c7186; color: #999; font-size: 36px; line-height: 60px; text-transform: uppercase; }

@media only screen and (max-width: 741px) {
    .footerbar { height: 120px; }
        .footerbar ul { width: 100%; }
        .footerbar .copy { width: 100%; font-size: 10px; }
    .spbar { display: none; }
    #qrcode {bottom: 120px; }
}

img { display: block; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%; }
a { text-decoration: none; border: 0; color: #595959; }
    a:hover { color: #1a1a1a; }


/*首页轮播*/
#homeslidecontainer { min-height: 40%; }
.homeslide { width: 100%;  padding: 0 0 0 0; position: relative; }


.cycle-slideshow { position: relative; display: block; overflow: hidden; width: 100%; }
.my-slideshow { position: relative; display: block; overflow: hidden; width: 100%; }
.cycle-slide { position: relative; display: block; overflow: hidden; width: 100%; }
.slider { width: 100%; display: none; position: relative; }
    /* 以前带文字的
    .slider > h2 { display: block; position: absolute; bottom: 20%; z-index: 12; width: 300px; color: #fff; font-size: 28px; line-height: 2em; padding: 0; text-transform: uppercase;  }
        .slider > h2 a { display: inline-block; border: 1px solid #fff; border-radius: 4px; color: #eee; font-size: 16px; text-align: center; line-height: 2em; padding: 0 2em; text-transform: uppercase; }
        .slider.right > h2 { right: 10%; text-align: right; }
    .slider.left > h2 { left: 10%; text-align: left; }
    .slider > h2 a:hover { color: #fff; }
*/

    .slider > h2 { display: block; position: absolute; text-align: center; bottom: 20%; z-index: 12; width: 100%; height: 2em; color: #fff; font-size: 20px; line-height: 2em; padding: 0; text-transform: uppercase; }
        .slider > h2 a { display: inline-block; border: 1px solid #fff; border-radius: 4px; color: #eee; font-size: 16px; text-align: center; line-height: 2em; padding: 0 2em; text-transform: uppercase; }
            .slider > h2 a:hover { color: #fff; }

.homeslide .cycle-pager { width: 100%;  height: 32px; position: absolute; z-index: 500; bottom: 10%; text-align: center; }
    .homeslide .cycle-pager span { font-size: 32px; width: 32px; height: 32px; line-height: 32px; display: inline-block; color: #fff; }
        .homeslide .cycle-pager span.cycle-pager-active { color: #aaa; }
    .homeslide .cycle-pager > * { cursor: pointer; }

.typetab { width: 100%; height: 65px; background: rgba(0, 0, 0, 0.8); position: static; z-index: 1500; bottom: 0px; top: auto; padding-bottom: 0; }
    .typetab ul { text-align: center; font-size: 0; }
    .typetab li { display: inline-block; height: 65px; width: 9.9%; line-height: 65px; cursor: pointer; vertical-align: middle; overflow: hidden; }
        .typetab li a { display: block; text-align: center; color: #fff; font-size: 16px; cursor: pointer; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
            .typetab li a:hover { background: rgba(99, 99, 99, 0.8); }

@media only screen and (max-width: 741px) {
    .slider > h2 { font-size: 16px; }
        .slider > h2 a { font-size: 14px; }
    .typetab, .homeslide .cycle-pager { display: none; }
}

/* 以前的缩略图
.cycle-thumb { position: relative; display: block; overflow: hidden; width: 100%; position: relative; margin-top: 1.2%; }
    .cycle-thumb > a { width: 24.4%; margin: 0 0 0 0.8%; display: block; float: left; }
        .cycle-thumb > a.fst { margin: 0 0 0 0; }
        .cycle-thumb > a.cycle-pager-active > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
        .cycle-thumb > a > img { width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
*/

/*新的首页Grid*/
.homegrid { width: 100%; margin-top: 2%; margin-bottom: 2%; padding-left: 16%; padding-right: 16%; }
    .homegrid > a { width: 32.5%; position: relative; color: #333; margin: 0.4%; float: left; overflow: hidden; }
        .homegrid > a span { color: #000; display: block; text-align: left; width: 100%; height: auto; line-height: 1.5em; padding: 5px 5px 5px 5px; z-index: 11; position: absolute; left: 0; bottom: 0; background-color: rgba(255,255,255,0.9); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
            .homegrid > a span small { display: block; line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; text-indent: 0; font-size: 14px; font-weight: 400; }
            .homegrid > a span i { color: #333; font-style: normal; display: block; text-align: left; width: 100%; height: 1em; margin-top: 1em; overflow: hidden; /* text-wrap: none;*/ text-overflow: ellipsis; white-space: nowrap; line-height: 1em; font-size: 16px; font-weight: 400; }
            .homegrid > a span small em { font-weight: bold; }
        .homegrid > a:hover span { background: rgba(122, 113, 132, 0.9); color: #fff; }
            .homegrid > a:hover span i { color: #eee; }


@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .homegrid { padding-left: 0; padding-right: 0; }

        .homegrid > a em { font-size: 12px; top: 40px; }
}

@media only screen and (min-width: 742px) and (max-width: 1025px) {
    .homegrid { padding-left: 0; padding-right: 0; }
        .homegrid > a { width: 49.2%; margin: 0.4%; }
            .homegrid > a em { font-size: 12px; top: 36px; }
}

@media only screen and (max-width: 741px) {
    .homegrid { padding-left: 0; padding-right: 0; margin-bottom: 80px; }
        .homegrid > a { width: 100%; margin: 0.5% 0; }
    .typetab { height: 130px; }
        .typetab li { width: 19.5%; }
}


/*新的首页Flex*/

.tagblue {  color: #fff; background-color: #9ba6c1; }
.tagred { color: #fff; background-color: #d1b6ac; }
.taggray { color: #fff; background-color: #ddd; }

.gridfilter { width: 100%; margin: 0 10%; height: 60px; line-height: 60px; font-size: 14px; color: #555; background: rgba(255,255,255,0.9); }
    .gridfilter ul li { display: inline-block; padding: 0 1em; height: 60px; cursor: pointer; }
        .gridfilter ul li.current { color: #002b96; }

    .gridfilter.ontop { position: fixed; top: 60px; z-index: 20; }


.homeflex { width: 80%; margin: 0 auto; padding-bottom:20px; }
    .homeflex > a h3 { padding: 0 5px; color: #333; display: block; text-align: left; font-size: 16px; width: 100%; height: 2em; line-height: 2em; overflow: hidden; }
    .homeflex > a span { padding: 0 5px; display: block; color: #666; text-align: justify; font-size: 13px; width: 100%; height: auto; max-height: 3em; overflow: hidden; line-height: 1.5em; }
        .homeflex > a span i { display: inline-block; padding: 0 0.3em; box-sizing: border-box; font-size: 12px; line-height: 1.5em; }

    .homeflex > a span i.newsflag { color: #fff; background-color: #d1b6ac; }
            .homeflex > a span i.prjflag { color: #fff; background-color: #9ba6c1; }
        /*  
            .homeflex > a span i.newsflag { color: #d1b6ac; border: 1px solid #d1b6ac; }
            .homeflex > a span i.prjflag { color: #9ba6c1; border: 1px solid #9ba6c1; }
        */
        .homeflex .flexitem { display: block; background-color: #f6f6f6; width: 19.4%; color: #333; margin: 0 0 0.6% 0; overflow: hidden; padding: 0px 0px 15px 0px; /*padding: 5px 5px 15px 5px; border: 1px solid #e0e0e0;*/ box-sizing: border-box; -webkit-transition: box-shadow 0.2s ease-in-out,transform 0.5s ease 0s; -moz-transition: box-shadow 0.2s ease-in-out,transform 0.5s ease 0s; -o-transition: box-shadow 0.2s ease-in-out,transform 0.5s ease 0s; transition: box-shadow 0.2s ease-in-out,transform 0.5s ease 0s; transform: scale3d(1, 1, 1); }
        .homeflex .flexitem img { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
        .homeflex .flexitem:hover { box-shadow: 4px 4px 3px #bbb; transform: scale3d(1.02, 1.02, 1.02); }
        .homeflex .flexitem span, .homeflex .flexitem h3 { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
            .homeflex .flexitem:hover img { }
            .homeflex .flexitem:hover span, .homeflex .flexitem:hover h3 { color: #000;}
    .homeflex .flex-sizer { width: 19.2% }
    .homeflex .gutter-sizer { width: 0.8%; }
    .homeflex .flexitem.hide { display: none; }
    .homeflex .flexitem--width2 { width: 39.2%; }

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .homeflex { padding-left: 0; padding-right: 0; }
    .gridfilter { width: 100%; margin: 0; }
    .homeflex { width: 100%; }
        .homeflex > a h3 { font-size: 14px; }
        .homeflex > a span { font-size: 12px; }
        .homeflex .flexitem { width: 24%; margin: 0 0 1% 0; }
        .homeflex .flex-sizer { width: 24% }
        .homeflex .gutter-sizer { width: 1%; }
        .homeflex .flexitem--width2 { width: 49%; }
}

@media only screen and (min-width: 742px) and (max-width: 1025px) {
    .gridfilter { width: 100%; margin: 0; }
    .homeflex { width: 100%; }
        .homeflex > a h3 { font-size: 14px; }
        .homeflex > a span { font-size: 12px; }
        .homeflex .flexitem { width: 24%; margin: 0 0 1% 0; }
        .homeflex .flex-sizer { width: 24% }
        .homeflex .gutter-sizer { width: 1%; }
        .homeflex .flexitem--width2 { width: 49%; }
}

@media only screen and (max-width: 741px) {
    .gridfilter { width: 100%; margin: 0; }
    .homeflex { width: 100%; padding-bottom: 120px; }
        .homeflex .flexitem { width: 49%; margin: 0 0 1% 0; }
        .homeflex .flex-sizer { width: 49% }
        .homeflex .gutter-sizer { width: 1%; }
}



/*新的项目Flex*/
.projectflex { width: 80%; margin: 70px auto 0 auto; padding-bottom: 20px; padding-left:0; padding-right:0;  }
.projectflex.serviceflex { margin-top: 50px; }
    .projectflex > a h3 { backface-visibility: hidden; -webkit-backface-visibility: hidden; padding: 0 5px; color: #333; display: block; text-align: left; font-size: 16px; width: 100%; height: 2em; line-height: 2em; overflow: hidden; transition: color 0.2s ease-in-out; position:absolute;bottom:20px;left:0; width:100%;height:32px; background:rgba(255,255,255,0.8); }
    .projectflex > a span { backface-visibility: hidden; -webkit-backface-visibility: hidden; display: block; text-align: left; font-size: 12px; overflow: hidden; color: #333; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: rgba(255,255,255,0.8); }
        .projectflex > a span i { backface-visibility: hidden; -webkit-backface-visibility: hidden; font-size:12px; border: 1px solid #b3b3b3; box-sizing: border-box; display: inline-block; padding: 0 0.4em; margin: 0px 5px;line-height:14px; }

    .projectflex .flexitem { display: block; background-color: #f6f6f6; width: 19.2%; color: #333; margin: 0 0 0 0; overflow: hidden; padding: 0px 0px 0 0px; /*padding: 5px 5px 15px 5px; border: 1px solid #e0e0e0;*/ box-sizing: border-box; -webkit-transition: box-shadow 0.2s ease-in-out,transform 0.5s ease 0s; -moz-transition: box-shadow 0.2s ease-in-out,transform 0.5s ease 0s; -o-transition: box-shadow 0.2s ease-in-out,transform 0.5s ease 0s; transition: box-shadow 0.2s ease-in-out,transform 0.5s ease 0s; transform: scale3d(1, 1, 1); }
        .projectflex .flexitem img { }
            .projectflex .flexitem:hover { /*background-color: #e0e0e0;*/ box-shadow: 4px 4px 3px #bbb; /*transform: scale3d(1.02, 1.02, 1.02);*/ }
            .projectflex .flexitem:hover img { }
            .projectflex .flexitem:hover span, .projectflex .flexitem:hover h3 { background: rgba(255,255,255,1); }
            .projectflex .flexitem:hover span, .projectflex .flexitem:hover span { background: rgba(255,255,255,1); }
    .projectflex .flex-sizer { width: 19.2% }
    .projectflex .gutter-sizer { width: 0.8%; }
    .projectflex .flexitem.hide { display: none; }
    .projectflex .flexitem.flexitem--width2 { width: 39.2%; }
    .projectflex .flexitem.flexitem--height2 { width: 19.2%; margin: 0 0 0 0; }

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
      .projectflex { width: 92%; }
        .projectflex > a h3 { font-size: 14px; }
    /* .projectflex .flexitem { width: 24%; margin: 0 0 0 0; }
        .projectflex .flex-sizer { width: 24% }
        .projectflex .gutter-sizer { width: 1%; }
        .projectflex .flexitem.flexitem--width2 { width: 48%; }
        .projectflex .flexitem.flexitem--height2 { width: 24% }*/
}

@media only screen and (min-width: 742px) and (max-width: 1025px) {
       .projectflex { width: 98%; }
        .projectflex > a h3 { font-size: 14px; }
    /*   .projectflex .flexitem { width: 24%; margin: 0 0 0 0; }
        .projectflex .flex-sizer { width: 24% }
        .projectflex .gutter-sizer { width: 1%; }
        .projectflex .flexitem.flexitem--width2 { width: 48%; }
        .projectflex .flexitem.flexitem--height2 { width: 24% }*/
}

@media only screen and (max-width: 741px) {
       .projectflex { width: 100%; padding-bottom: 120px; margin-top:60px; }
        .projectflex .flexitem { width: 49%; margin: 0 0 0 0; }
        .projectflex .flex-sizer { width: 49% }
        .projectflex .gutter-sizer { width: 1%; }
        .projectflex .flexitem.flexitem--width2 { width: 99%; }
        .projectflex .flexitem.flexitem--height2 { width: 49% }
}

/*手机上的title*/ .subtitle { width: 100%; position: relative; height: 60px; background-color: #f0f0f0; line-height: 60px; font-size: 24px; color: #333; display: none; padding-left: 1%; }

@media only screen and (max-width: 741px) {
    .subtitle { display: block; }
}

.subtitle2 { width: 100%; position: relative; height: 60px; background-color: #f0f0f0; line-height: 60px; font-size: 24px; color: #002b96; }

@media only screen and (max-width: 741px) {
    .subtitle2 { background-color: #002b96; color: #fff; }
}

/* 项目详细页、团队页*/
.pinfo { width: 100%; }
.splitbar { background-color: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
    .splitbar .subnav { height: 58px; width: 100%; display: block; padding: 0; }
        .splitbar .subnav > a { display: block; height: 58px; line-height: 58px; width: 140px; font-size: 16px; padding: 0; color: #333; text-align: center; font-weight: 400; float: left; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
            .splitbar .subnav > a.curr { color: #002b96 }
            .splitbar .subnav > a:hover { color: #002b96 }


@media only screen and (max-width: 741px) {
    .splitbar .subnav { padding: 0; }
        .splitbar .subnav > a { font-size: 14px; width: 25%; text-align: center; border-left: none; padding: 0; }
}

.pinfo > h1 { color: #bbb; -webkit-font-smoothing: antialiased; font-size: 36px; line-height: 1em; font-weight: normal; padding-top: 1.6%; padding-bottom: 1.6%; text-transform: uppercase; }
.pinfo > h2 { color: #333; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 1.5em; font-weight: normal; padding-top: 1.6%; padding-bottom: 1.6%; text-transform: uppercase; }
/*黑色的标题*/
.pinfo > h3 { color: #bbb; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 1.5em; font-weight: normal; padding-top: 1%; padding-bottom: 1%; text-transform: uppercase; }
/*灰色的标题*/
.pinfo .line { display: block; width: 100%; height: 1px; border-top: 1px solid #bbb; }
.pinfo .content { text-align: justify; width: 66%; float: left; font-size: 14px; line-height: 2em; color: #333; padding: 1.6% 0 0 0; }
    .pinfo .content h3 { color: #bbb; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 2em; font-weight: normal; margin-top: 3%; margin-bottom: 1.6%; text-transform: uppercase; }
.pinfo .extra { width: 34%; float: left; padding: 1.6% 0 1.6% 5%; color: #777; font-size: 14px; line-height: 2em; }
    .pinfo .extra strong { color: #555; font-weight: bold; }
    .pinfo .extra a { text-decoration: underline; }


.aboutnav { display: block; height: 60px; font-size: 16px; line-height: 60px; }
    .aboutnav ul.teamtab { display: block; height: 100%; width: 100%; margin: 0; float: left; }
        .aboutnav ul.teamtab li { display: block; width: 140px; height: 100%; padding: 0; float: left; }
            .aboutnav ul.teamtab li a { color: #888; display: block; width: 100%; height: 100%; text-align: center; text-transform: uppercase; }
                .aboutnav ul.teamtab li a:hover, .aboutnav ul.teamtab li a:active, .aboutnav ul.teamtab li a.current { color: #002b96; }

.pinfo .panes { font-size: 14px; line-height: 1.5em; color: #333; }
    .pinfo .panes b { font-weight: bold; }

.pinfo .adminpane h2 { color: #333; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 2em; font-weight: normal; text-transform: uppercase; margin-top: 1em; }
.pinfo .adminpane .item2 { width: 15%; margin: 0 1% 1% 0; float: left; position: relative; color: #333; padding: 0; }
    .pinfo .adminpane .item2 > img { }
    .pinfo .adminpane .item2 > h4 { font-size: 18px; color: #333; line-height: 2em; }
    .pinfo .adminpane .item2 > span { font-size: 14px; color: #555; line-height: 1.5em; display: block; height: 3em; }

@media only screen and (min-width: 1130px) and (max-width: 1500px) {
    .pinfo .adminpane .item2 > span { font-size: 14px; }
}

@media only screen and (max-width: 1129px) {
    .pinfo .adminpane .item2 > span { font-size: 12px; }
}

@media only screen and (max-width: 741px) {
    .pinfo .adminpane .item2 { width: 49%; margin: 1% 1% 1% 0; }
    .aboutnav { font-size: 14px; }
        .aboutnav ul.teamtab { }
            .aboutnav ul.teamtab li { width: 25%; padding: 0; margin: 0; }
                .aboutnav ul.teamtab li a { text-indent: 0; text-align: center; }
        .aboutnav a.urlabout { width: 25%; text-align: center; margin-right: 0; padding: 0; }
}


/* 设计团队 */
.p_design_team .team { display: block; width: 100%; position: relative; }
    .p_design_team .team .item { width: 19%; margin: 0 0.5% 1% 0.5%; float: left; color: #fff; position: relative; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; }
        /*.p_design_team .team .item.i5 { margin: 0 0 1% 0; } */ 
        .p_design_team .team .item img { }
        .p_design_team .team .item h4 { display: block; font-size: 20px; font-weight: 300; line-height: 3em; color: #fff; overflow: hidden; text-wrap: none; text-overflow: ellipsis; padding: 0 10px; background: rgba(0,0,0,0.8); position: relative; z-index: 10; text-transform: uppercase;  }
        .p_design_team .team .item span { display: none; font-size: 14px; height: 4.7em; line-height: 1.5em; overflow: hidden; padding: 0 10px; background-color: #f9f9f9; position: relative; z-index: 10; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; }
        .p_design_team .team .item:hover { transform:scale3d(1.01,1.01,1.01);  }
        .p_design_team .team .item:hover span {  }


@media only screen and (min-width: 742px) and (max-width: 1300px) {
    .p_design_team .team .item span { font-size: 14px; }
    .p_design_team .team .item:hover span { font-size: 14px; }

}

@media only screen and (max-width: 741px) {
    .p_design_team > h1 { font-size: 24px; }
    .p_design_team > h2 { font-size: 18px; }
    .p_design_team > h3 { font-size: 18px; }
    .p_design_team .content h3 { font-size: 18px; }
    .p_design_team .content { width: 100%; }
    .p_design_team .extra { width: 100%; padding: 1.6% 0; }
        .p_design_team .extra b { font-weight: bold; }
    .p_design_team .team .item { width: 49%; margin: 0.5% 0.5% 0.5% 0.5%; }
    /*
    .p_design_team .team .item.odd { width: 49.5%; margin: 0.5% 0.5% 0.5% 0; }
    .p_design_team .team .item.even { width: 49.5%; margin: 0.5% 0 0.5% 0.5%; }
    .p_design_team .team .item.odd.i5 { width: 49.5%; margin: 0.5% 0.5% 0.5% 0; }
    .p_design_team .team .item.even.i5 { width: 49.5%; margin: 0.5% 0 0.5% 0.5%; }
        */
    .p_design_team .team .item img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

}

.pinfo .imgs { width: 100%; margin-top: 1%; }
.pinfo .intro { width: 100%; padding: 1% 50% 1% 0; font-size: 16px; line-height: 1.8em; color: #333; }

.pinfo .memberphoto { width: 33%; float: left; padding-top: 1%; }
.pinfo .memberinfo { width: 67%; float: left; padding: 3.5% 0 0 10%; }
    .pinfo .memberinfo > h1 { color: #555; -webkit-font-smoothing: antialiased; font-size: 30px; line-height: 1em; font-weight: normal; }
    .pinfo .memberinfo > h2 { color: #555; -webkit-font-smoothing: antialiased; font-size: 18px; line-height: 2em; font-weight: normal; }
    .pinfo .memberinfo .title { color: #555; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 2em; font-weight: normal; padding-bottom: 1.6%; padding-top: 1.6%; }
    .pinfo .memberinfo .txt { text-align: justify; color: #555; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 2em; font-weight: normal; padding-top: 1.6%; }

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .pinfo .intro { padding-right: 45%; }
    .pinfo .memberinfo { width: 67%; float: left; padding-left: 5%; }
        .pinfo .memberinfo .txt { line-height: 1.8em; }
}

@media only screen and (min-width: 742px) and (max-width: 1025px) {
    .pinfo .intro { padding-right: 20%; }
    .pinfo .memberinfo { width: 67%; float: left; padding-left: 2%; }
        .pinfo .memberinfo .txt { font-size: 12px; line-height: 1.8em; }
}

@media only screen and (max-width: 741px) {
    .pinfo .intro { padding-right: 0; font-size: 12px; }
    .pinfo .memberphoto { width: 100%; }
    .pinfo .memberinfo { width: 100%; padding: 2% 0; }
}

/* 项目详细页、团队页结束*/


/*联系我们列表页*/
.contactlist { width: 100%; font-size: 16px; font-style: italic; line-height: 1.5em; display: block; overflow: hidden; }
    .contactlist .item { float: left; width: 30%; display: block; border-right: 1px solid #fff; height: 100%; position: relative; overflow: hidden; cursor: pointer; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }
        .contactlist .item a { display: block; width: 100%; height: 100%; }
            .contactlist .item a img { width: 470%; max-width: 470%; height: 100%; }
        .contactlist .item h1 { z-index: 10; display: block; position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding: 0.5em; margin-top: 2em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; text-transform: uppercase; font-style: normal; font-weight: bold; letter-spacing: 1px; font-size: 24px; text-align: center; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
        .contactlist .item h2 { display: block; position: absolute; width: 100%; bottom: 0; left: 0; text-transform: uppercase; font-style: normal; font-weight: bold; letter-spacing: 1px; font-size: 45px; line-height: 1em; color: #fff; text-align: left; margin: 0px 0px 15px 20px; /* text-shadow: -1px -1px 1px #ccc;*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
        .contactlist .item.active { width: 70%; }
            .contactlist .item.active a img { width: 100%; max-width: 100%; }
            .contactlist .item.active h1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
            .contactlist .item.active h2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

@media only screen and (max-width: 741px) {
    .contactlist { margin-bottom: 100px; }
        .contactlist .item { margin-bottom: 1.6%; }
            .contactlist .item h1 { display: none; }
            .contactlist .item h2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
            .contactlist .item a img { width: 100%; max-width: 100%; height: auto; }
            .contactlist .item.active { width: 100%; }
        .contactlist .item { width: 100%; }
}

/*新版联系我们，上面的作废*/
.contact_container { width: 100%; background-color: #f3f3f3; display: block; min-height: calc(100vh - 120px); }
.contact_container .contact_img{width:54%; position:relative; float:left;}
    .contact_container .contact_img img{width:100%; transition:opacity 0.5s ease-in-out; display:none;}
        .contact_container .contact_img img.show { width: 100%; display: block; }

    .contact_container .contact_content { width: 46%; padding: 5% 10% 5% 5%; float:right; }

        .contact_container .contact_content .contact_tab { width: 100%;  }
        .contact_container .contact_content .contact_tab ul{ width: 100%; display:flex; flex:0 1 auto; justify-content:space-between; align-content:center; }
            .contact_container .contact_content .contact_tab ul li { display: block; }
            .contact_container .contact_content .contact_tab ul li  a{ display: block;height:4em;line-height:4em; font-size:16px;color:#333; }
                .contact_container .contact_content .contact_tab ul li a.current { color:#002b96;}

.contact_container .contact_content .contact_panes { width: 100%; border-top: 1px solid #ccc; }
        .contact_container .contact_content .contact_panes .panes{ width: 100%;  line-height:2em; font-size:14px;color:#333; padding:1.8em 0; text-align:justify;}
            .contact_container .contact_content .contact_panes h3{font-size:120%; line-height:3em; display:block; padding-top:3em;}


@media only screen and (min-width: 1401px) { 
    .contact_container .contact_content { padding-left: 5%; padding-right: 10%; }
}

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .contact_container .contact_content { padding-left: 5%; padding-right: 4%; }
}

@media only screen and (max-width: 1025px) {
    .contact_container .contact_content { padding-left: 5%; padding-right: 1%; }
}
@media only screen and (max-width: 741px) {
    .contact_container .contact_img { width: 100%; }
    .contact_container .contact_content { width: 100%; padding: 5% 1% 5% 1%; }
}


/*联系我们内容页*/
.pinfo .extra h4 { color: #333; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 1em; font-weight: normal; text-transform: uppercase; }
.pinfo .joinus { width: 66%; float: left; font-size: 14px; line-height: 2em; color: #333; padding: 0; border-bottom: 1px solid #bbb; }
.pinfo .hrinfo { width: 34%; float: left; padding: 1.6% 0 0 5%; color: #777; font-size: 12px; line-height: 2em; }
.pinfo .joinus .accordpane { width: 100%; position: relative; }
    .pinfo .joinus .accordpane h3 { position: relative; margin: 0; border-top: 1px solid #bbb; font-size: 18px; line-height: 3em; cursor: pointer; color: #333; }
        .pinfo .joinus .accordpane h3:hover { color: #000; }
    .pinfo .joinus .accordpane ol { padding: 0 0 0 30px; margin: 0; }
        .pinfo .joinus .accordpane ol li { list-style-type: decimal; font-size: 14px; color: #666; }
    .pinfo .joinus .accordpane h3.first { border-top: none; }

@media only screen and (max-width: 741px) {
    .pinfo .joinus { width: 100%; }
    .pinfo .hrinfo { width: 100%; padding: 1.6% 0; }
    .pinfo .joinus .accordpane h3 { font-size: 14px; }
    .pinfo .joinus .accordpane ol li { font-size: 12px; }
}

/*联系我们结束*/


/*新版公司介绍*/
.aboutimg { width: 100%; margin-bottom:60px; }
.about { width: 100%;}
    .about h2 { font-size: 24px; font-weight: 300; color: #333; line-height: 2em; padding-left: 10%; }
    .about .content { text-align: justify; width: 80%; margin: 0 auto; font-size: 14px; line-height: 1.8em; padding: 2% 0 2% 0; color: #333; }
    .about .about-values { width: 80%; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content:space-between;  align-content: center; padding-bottom:5%; }
        .about .about-values .about-item { width: 22%; flex: 0 1 auto; margin:1% 0;}
            
        .about .about-values  h3.txt_cn{ width: 100%; font-size: 24px; font-weight: 300; color: #333; line-height: 1.8em; text-transform:uppercase; }
            .about .about-values  h3.txt_en { width: 100%; font-size: 24px; font-family: Helvetica, sans-serif; font-weight: 300; color: #333; line-height: 1.8em; text-transform: uppercase; }
            .about .about-values  .about-content.txt_cn{ width: 100%; font-size: 16px; font-weight: 400; color: #333; line-height: 1.8em;  padding-top:5%;}
            .about .about-values  .about-content.txt_en { width: 100%; font-size: 16px; font-family: Helvetica, sans-serif; font-weight: 400; color: #333; line-height: 1.8em; padding-top: 5%; }
    .about .about-extra { width: 100%; margin: 0 auto; margin-top: 60px; }


@media only screen and (min-width: 1026px) and (max-width: 1400px) { }

@media only screen and (min-width: 742px) and (max-width: 1025px) {
}

@media only screen and (max-width: 741px) {
    .about h2 { padding-left: 0; }
    .about .about-values { width: 100%; }
        .about .about-values .about-item { width: 100%; }
        .about .content { width: 100%; }
    .about .about-extra { width: 100%; }
}


/*成员机构和签约联盟*/



.colla {width:80%; margin:0 auto; }
.leaguerlist { display: block; cursor: pointer; width: 100%; padding: 3% 0;margin: 0;  float: left; position: relative; }
    .leaguerlist .leagtitle { color: #666;  width: 100%; font-weight: 800; font-size: 24px; line-height: 1em;  padding-bottom:1.5em; }
        .leaguerlist .leagtitle a {  }
    .leaguerlist .leagtxt { text-align: justify; font-size: 14px; line-height: 1.8em; color: #888; padding:0 10px 10px 4%; width: 70%; box-sizing: border-box;float:left; }
    .leaguerlist .leaglogo2 { display: block; width: 30%; margin:0; float: left; padding: 0; }
        .leaguerlist .leaglogo2 img { width: 100%; }

@media only screen and (min-width: 1026px) and (max-width: 1400px) {

}

@media only screen and (max-width: 1025px) {

}

@media only screen and (max-width: 741px) {
    .colla { width: 100%; }
        .leaguerlist .leaglogo2 { width: 100%; float: left; height: auto; margin: 10px 0; }
            .leaguerlist .leaglogo2 img { width: 100%; }
        .leaguerlist .leagtxt { width: 100%; float: left; padding-top:2%; padding-left:10px; }
}

/*关于页结束*/

/*新闻*/

/*手机版的新闻按钮*/
.newsftr { display: block; float: right; height: 30px; width: 30px; color: #eee; font-size: 30px; line-height: 30px; text-align: center; margin-top: 15px; margin-bottom: 15px; margin-right: 3% }
    .newsftr:hover { color: #fff; }
    .newsftr.current { color: #fff !important; }
.prjftr { display: block; float: right; height: 30px; width: 30px; line-height: 30px; color: #eee; font-size: 30px; text-align: center; margin-top: 15px; margin-bottom: 15px; margin-right: 3% }
    .prjftr.current { color: #fff !important; }
    .prjftr:hover { color: #fff; }

.pinfo .news { display: block; width: 80%; position: relative; padding-bottom: 1.6%; float: right; }
.pinfo .timeline { display: block; width: 20%; font-size: 24px; float: right; text-align: right; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
    .pinfo .timeline a { display: block; width: 100%; height: 2em; font-weight: 300; line-height: 2em; color: #666; }
        .pinfo .timeline a.active, .pinfo .timeline a:hover { color: #002b96; }
/*普通新闻*/
.pinfo .news .item { display: block; cursor: pointer; width: 100%; padding: 2% 0; border-top: 1px solid #efefef; margin: 0; padding-right: 1%; float: left; position: relative; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }
    .pinfo .news .item img { display: block; width: 30%; margin-right: 1%; float: left; padding: 0; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }
    .pinfo .news .item.firstitem { border-top: none; padding-top: 1%; }
        .pinfo .news .item.firstitem img { }

    .pinfo .news .item:hover { background-color: #f9f9f9; }
    .pinfo .news .item h2 { color: #333; font-size: 20px; font-weight: 100; line-height: 1.5em; -webkit-font-smoothing: antialiased; }
    .pinfo .news .item h3 { color: #666; font-size: 14px; line-height: 2em; -webkit-font-smoothing: antialiased; font-weight: normal; font-style: italic; }
    .pinfo .news .item .txt { text-align: justify; color: #666; font-size: 14px; line-height: 2em; -webkit-font-smoothing: antialiased; font-weight: normal; }
    .pinfo .news .item .con { text-align: justify; display: none; color: #666; font-size: 14px; line-height: 2em; -webkit-font-smoothing: antialiased; font-weight: normal; padding-top: 0.5em; padding-bottom: 0.5em; }
    .pinfo .news .item.show img { width: 50%; }

    .pinfo .news .item.show .txt { display: none; }
    .pinfo .news .item.show .con { display: block; }
/*视频新闻*/
.pinfo .news .vitem { display: block; width: 100%; padding: 2% 0; border-top: 1px solid #efefef; margin: 0; padding-right: 1%; float: left; position: relative; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }
    .pinfo .news .vitem.firstitem { border-top: none; padding-top: 1%; }
    .pinfo .news .vitem:hover { background-color: #f9f9f9; }
    .pinfo .news .vitem video { display: block; width: 50%; margin-right: 1%; float: left; padding: 0; cursor: pointer; }
    .pinfo .news .vitem h2 { color: #333; font-size: 24px; line-height: 1.5em; -webkit-font-smoothing: antialiased; font-weight: normal; }
    .pinfo .news .vitem h3 { color: #666; font-size: 14px; line-height: 2em; -webkit-font-smoothing: antialiased; font-weight: normal; font-style: italic; }
    .pinfo .news .vitem .txt { color: #666; font-size: 14px; line-height: 2em; -webkit-font-smoothing: antialiased; font-weight: normal; }


/*专题新闻*/
.pinfo .news .special { display: block; cursor: pointer; width: 100%; padding: 2% 0; float: left; position: relative; outline: none; border-top: 1px solid #efefef; }
    .pinfo .news .special:hover { }
    .pinfo .news .special.firstitem { border-top: none; padding-top: 1%; }
    .pinfo .news .special img { width: 100%; }

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .pinfo .news .item h2 { font-size: 20px; }
}

@media only screen and (min-width: 742px) and (max-width: 1025px) {
    .pinfo .news { width: 85%; }
    .pinfo .timeline { width: 15%; font-size: 20px; }
    .pinfo .news .item h2 { line-height: 1.2em; font-size: 18px; }
}

@media only screen and (max-width: 741px) {
    .pinfo .news .item h2 { font-weight: 400 }
    .pinfo .news { width: 100%; }
    .pinfo .timeline { width: 100%; height: 0; padding-top: 0; overflow: hidden; font-size: 20px; }
        .pinfo .timeline.current { height: 4em; }
        .pinfo .timeline ul li { display: block; float: left; width: 25%; }
        .pinfo .timeline a { text-align: center; }
    .pinfo .news .special { padding: 3% 0; }
    .pinfo .news .item { padding: 3% 0; }
    .pinfo .news .vitem { padding: 3% 0; }
        .pinfo .news .item.firstitem, .pinfo .news .special.firstitem, .pinfo .news .vitem.firstitem { padding-top: 1%; }
    .pinfo .news .item img { width: 33%; float: right; margin-right: 0; margin-left: 1%; }
    .pinfo .news .item h2 { font-size: 16px; line-height: 1.5em; }
    .pinfo .news .item .txt { display: none; }
    .pinfo .news .item .con { display: none; }
    .pinfo .news .item.show h2 { display: block; }
    .pinfo .news .item.show img { width: 100%; margin: 0 0 2% 0; }
    .pinfo .news .item.show .con { display: block; width: 100%; }

    .pinfo .news .vitem video { width: 100%; margin: 0 0 2% 0; }
    .pinfo .news .vitem h2 { font-size: 16px; line-height: 1.5em; display: block; }
    .pinfo .news .vitem .txt { display: none; }
}


/*新闻结束*/

/*客户*/
.pinfo .clientnamelist { width: 30%; float: left; padding-right: 5%; margin-top: 5%; }
.pinfo .clientlogolist { width: 70%; float: right; margin-top: 4%; }
    .pinfo .clientlogolist .item { display: block; width: 20%; margin: 0 0 1.6% 0; float: left; padding: 0 2%; }
.pinfo .clientnamelist .accordpane { width: 100%; position: relative; }
    .pinfo .clientnamelist .accordpane > div { padding-bottom: 10px; }
    .pinfo .clientnamelist .accordpane h3 { position: relative; margin: 0;  font-size: 18px; line-height: 4em; cursor: pointer; color: #333; font-weight: 300; }
        .pinfo .clientnamelist .accordpane h3:hover { color: #000; }
    .pinfo .clientnamelist .accordpane ul { padding: 0 0 0 0; margin: 0; }
        .pinfo .clientnamelist .accordpane ul li { list-style-type: none; font-size: 14px; color: #666; line-height: 2em; }
    .pinfo .clientnamelist .accordpane h3.first { border-top: none; }

@media only screen and (max-width: 741px) {
    .pinfo .clientnamelist { width: 100%; padding-right: 0; margin-top: 2%; }
    .pinfo .clientlogolist { width: 100%; }
    .pinfo .clientnamelist .accordpane h3 { font-size: 18px; }
    .pinfo .clientnamelist .accordpane ul li { font-size: 14px; }
}
/*客户页结束*/


/* 清除浮动 */
.clear { clear: both !important; }
.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



/*项目类型页*/
.prjtypegrid { width: 100%; margin-top: 0.4%; margin-bottom: 0.4%; }
    .prjtypegrid.col5 > a { width: 19.84%; margin: 0.1% 0.2% 0.1% 0; position: relative; color: #333; float: left; overflow: hidden; }
        .prjtypegrid.col5 > a.gi5 { margin-right: 0; }

    .prjtypegrid.col3 { }
        .prjtypegrid.col3 > a { width: 33.2%; margin: 0.1% 0.2% 0.1% 0; position: relative; color: #333; float: left; overflow: hidden; }
            .prjtypegrid.col3 > a.gi3 { margin-right: 0; }

    .prjtypegrid > a img { width: 100%; height: auto; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
    .prjtypegrid > a i { width: 90%; border-left: 1px solid #ccc; color: #fff; display: block; text-align: left; font-size: 20px; height: 2em; font-weight: 100; line-height: 2em; padding: 0 0 0 0.5em; z-index: 11; position: absolute; left: 10%; bottom: 0; }
    .prjtypegrid > a i { background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6) ); /* Safari 5.1 - 6 */ background: -o-linear-gradient(bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6)); /* Opera 11.1 - 12*/ background: -moz-linear-gradient( bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); /* Firefox 3.6 - 15*/ background: linear-gradient(to bottom,rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); /* 标准的语法 */ }

        .prjtypegrid > a i small { font-size: 70%; }
    .prjtypegrid > a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
    .prjtypegrid > a:hover i { }


.prjtypeintro { width: 100%; padding-right: 50%; padding-top: 50px; padding-bottom: 50px; font-size: 14px; color: #444; line-height: 1.8em; text-align: justify; }




@media only screen and (min-width: 742px) and (max-width: 1400px) {
    .prjtypeintro { font-size: 14px; }
}

@media only screen and (max-width: 741px) {
    .prjtypegrid { padding-left: 0; padding-right: 0; margin-bottom: 80px; padding-top: 0px; }
        .prjtypegrid > a i { font-weight: 400 }
        .prjtypegrid.col5 > a, .prjtypegrid.col3 > a { width: 49%; margin: 0.5%; }
            .prjtypegrid.col5 > a.gi5 { margin-right: 0.5%; }
            .prjtypegrid.col3 > a.gi3 { margin-right: 0.5%; }

    .prjtypeintro { display: none; }
}

.hide {display:none;}

/*项目类型、专项服务和搜索结果页*/

.sitemap_bar {  width: 100%; display: block; position: fixed; top: 60px; z-index: 200; font-size: 16px; line-height: 60px;  background:rgba(255,255,255,0.9); }
    .sitemap_bar>a, .sitemap_bar>span{ display:inline-block;}
    .sitemap_bar > span { padding: 0 5px; color: #e1e1e1; }
    .sitemap_bar a { text-decoration: none; font-size: 16px; line-height: 60px; color:  #002b96; }
         .sitemap_bar a.curr { color: #333; }
        .sitemap_bar a:hover{ text-decoration:underline;}

        .prjtypebar { background-color: #f0f0f0; width: 100%; display: block; position: fixed; top: 60px; z-index: 20; }
    .prjtypebar .mobilegrid { display: block; width: 100%; height: 60px; font-size: 16px; line-height: 60px;  color:#333;}

    .prjtypebar .type__list { width: 100%; display: block; margin: 0 0 0 0;  }
        .prjtypebar .type__list li { display: inline-block; cursor:pointer; text-align: left; width: 15%; margin: 0.5em 1.6% 0 0; height: 2em; color: #666; line-height: 2em; font-size: 16px; border-bottom: 1px solid #ccc; }
            .prjtypebar .type__list li:first-child {  }
                .prjtypebar .type__list li.current, .prjtypebar .type__list li:hover { color: #000; font-weight:bold; border-bottom: 1px solid #000; }

@media only screen and (min-width: 742px) and (max-width: 1400px) {
    .prjtypebar .type__list li { font-size: 14px; }
}

@media only screen and (max-width: 741px) {
    .prjtypebar { /* height: 200px;*/ width: 100%; position: fixed; left: 0; top: 60px; z-index: 15; }
        .prjtypebar .mobilegrid { display: block; width: 100%; height: 60px; font-size: 16px; line-height: 60px; }
            .prjtypebar .mobilegrid span.showtypebtn { display: block; float: right; width: 36px; height: 60px; line-height: 60px; font-size: 24px; font-family: 'myicomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
                .prjtypebar .mobilegrid span.showtypebtn:before { content: "\f00b"; line-height: 60px; }
        .prjtypebar.listshow .mobilegrid span.showtypebtn:before { content: "\f009"; line-height: 60px; }

        .prjtypebar .mobilegrid span.selbtn { display: block; float: left; width: 200px; height: 60px; line-height: 60px; font-size: 18px; font-weight:bold;}


            .prjtypebar .mobilegrid span.selbtn:before { font-size: 18px; line-height: 60px; font-family: 'myicomoon'; speak: none; font-style: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107  "; }
        .prjtypebar.act .mobilegrid span.selbtn:before { font-size: 18px; line-height: 60px; font-family: 'myicomoon'; speak: none; font-style: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f106  "; }

        .prjtypebar .type__list { width: 100%; height: 0px; margin:0; display: block; overflow: hidden; -webkit-transition: height 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out; }
            .prjtypebar .type__list li { width: 49%; margin: 1em 0.5% 0 0.5%; font-size: 16px; height: 2em; line-height: 2em; }
                .prjtypebar .type__list li:first-child {  }
        .prjtypebar.act .type__list { height: 300px; }
    #flexcon.listshow > a { width: 100%; margin: 0; font-size: 16px; height: 48px; line-height: 48px; color: #333; border-bottom: 1px solid #f9f9f9; }
        #flexcon.listshow > a img { display: none !important; }
        #flexcon.listshow > a h3 { font-size: 16px; height: 48px; color: #333; background-color: #fff; line-height: 48px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
        #flexcon.listshow > a:hover h3 { color: #002b96; }

}

.prjgrid { width: 100%; margin-top: 0.2%; margin-bottom: 0.4%; }
    .prjgrid > a { width: 16.5%; position: relative; color: #333; margin: 0.1% 0.2% 0.1% 0; float: left; overflow: hidden; }
    .prjgrid > a.gi3 { width: 33.2%; margin: 0.1% 0.2% 0.1% 0; }
        .prjgrid > a img { width: 100%; height: auto; }
        .prjgrid > a i { color: #333; display: block; background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; text-align: left; width: 100%; font-size: 16px; height: 3em; line-height: 3em; padding: 0 5px 0 5px; z-index: 11; position: absolute; left: 0; bottom: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
            .prjgrid > a i small { font-size: 80%; color: #ddd; }
        .prjgrid > a span { display: none; width: 100%; height: 100%; z-index: 10; position: absolute; left: 0; bottom: 0; background-color: rgba(255,255,255,0.3); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
        .prjgrid > a:hover img { }
        .prjgrid > a:hover i { color: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
        .prjgrid > a:hover span { background-color: rgba(255,255,255,0); }

@media only screen and (min-width: 1401px) {
    .prjgrid > a.gi6 { margin-right: 0; }
    .prjgrid > a.gi3.gi3last { margin-right: 0; }
}

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .prjgrid > a { width: 19.5%; margin: 0.3% 0.6% 0.3% 0; }
        .prjgrid > a.gi3 { width: 32.9%; margin: 0.3% 0.6% 0.3% 0; }
        .prjgrid > a.gi3.gi3last { margin-right: 0; }
        .prjgrid > a.gi5 { margin-right: 0; }
        .prjgrid > a i { }
}

@media only screen and (min-width: 742px) and (max-width: 1025px) {
    .prjgrid > a { width: 24.7%; margin: 0.2% 0.4% 0.2% 0; }
        .prjgrid > a.gi3 { width: 32.9%; margin: 0.3% 0.6% 0.3% 0; }
    .prjgrid > a.gi3.gi3last { margin-right: 0; }
        .prjgrid > a.gi4 { margin-right: 0; }
        .prjgrid > a i { font-size: 14px; }
}

@media only screen and (max-width: 741px) {
    .prjgrid { padding-left: 0; padding-right: 0; margin-bottom: 80px; padding-top: 60px; }
        .prjgrid > a { width: 49%; margin: 0.5% 1% 0.5% 0; }
            .prjgrid > a.gi3 { width: 49%; margin: 0.5% 1% 0.5% 0; }
            .prjgrid > a i { color: #fff; background-color: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
            .prjgrid > a:hover i { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
        .prjgrid.listshow > a { width: 100%; margin: 0; font-size: 16px; height: 48px; line-height: 48px; color: #333; border-bottom: 1px solid #f9f9f9; }
            .prjgrid.listshow > a img { display: none; }
            .prjgrid.listshow > a span { display: none; }
            .prjgrid.listshow > a i { font-size: 16px; height: 48px; color: #333; background-color: #fff; line-height: 48px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
            .prjgrid.listshow > a:hover i { color: #002b96; }
            .prjgrid.listshow > a i:first-letter { }
}



.prjbar { height: 36px; width: 100%; display: block; background-color: #7c7186; margin-bottom: 5px; }
    .prjbar a { color: #fff; line-height: 36px; font-size: 24px; font-weight: 300; }
        .prjbar a:before { font-family: 'myicomoon'; speak: none; font-style: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f104"; }
.prjdetail { width: 100%; margin-bottom: 10px; margin-top:60px; position: relative; }
    .prjdetail .prjinfo h3 { font-size: 26px; font-weight: 300; color: #666; line-height: 2em; margin: 0 0 0 0; height: 2em; width: 100%; display: block; position: relative; }
    .prjdetail ul.prjtab { display: block; position:absolute; top:0; right:0; z-index:20; text-align: right; height: 64px; width: 40%; margin: 0 0 0 0; font-size: 14px; line-height: 64px; }
        .prjdetail ul.prjtab li { display: inline-block; height: 100%; padding: 0 0 0 1.5em; }
            .prjdetail ul.prjtab li a { color: #888; width: 100%; height: 100%; text-align: right; }
                .prjdetail ul.prjtab li a:hover, .prjdetail ul.prjtab li a:active, .prjdetail ul.prjtab li a.current { color: #002b96; }

    .prjdetail #thumb-pager { width: 100%; height: auto; text-align: left; margin-top: 2.5%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
        
        .prjdetail #thumb-pager a { display: block; width: 15.15%; margin-right:1.8%; margin-bottom: 1.8%; flex: 0 0 auto; align-items: center; flex-wrap: wrap; position: relative; }
            .prjdetail #thumb-pager a:nth-child(6n) { margin-right: 0; }
            .prjdetail #thumb-pager a:after { content: ''; display: block; padding-top: 100%;}

            .prjdetail #thumb-pager a img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; position: absolute; left: 0; top: 0; }
            .prjdetail #thumb-pager a.cycle-pager-active img { opacity: 1; }

        .prjdetail .prjinfo { width: 82.5%; float: left; min-height: 1000px; padding-bottom: 100px; position: relative; }

    .prjdetail .prjinfo .social_share{width:100%;height:30px;}

    .prjdetail .prjinfo .prjextra { width: 100%; color: #333; font-size: 18px; line-height: 2em; padding-top: 10px; padding-bottom: 10px; letter-spacing: 1px; }
                .prjdetail .prjinfo  .prjextra b { color: #444; font-weight: 400; }
                .prjdetail .prjinfo  .prjextra sup { }

                .prjdetail .prjinfo .prjextra #_area{color:#002b96; font-weight:bold; line-height:2em; display:block;}

            .prjdetail .prjinfo .prjcontent { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: justify; font-size: 16px; line-height: 2em; color: #5b5b5b; width: 100%; }
            .prjdetail .prjinfo .prjcontent h3 { font-size: 26px; font-weight: 300; color: #666; line-height: 60px; height: 60px; width: 100%; display: block; }


        .prjdetail .prjinfo .prjimgs { width: 100%; position: relative; text-align: center; }
            .prjdetail .prjinfo .prjimgs img { margin: 0 auto; }
            .prjdetail .prjinfo .prjimgs.cycle-slideshow img { position: absolute; top: 0; left: 0 }
            .prjdetail .prjinfo .prjimgs.cycle-slide img { position: absolute; top: 0; left: 0 }
            .prjdetail .prjinfo .prjimgs.my-slideshow img { position: absolute; top: 0; left: 0 }

            .prjdetail .prjinfo .prjvideo { width: 100%; padding-top: 10px; padding-bottom: 10px; }
            .prjdetail .prjinfo .prjvideo video { width: 100%; margin: 0; }

            .prjdetail .prjinfo .otherpic { width: 100%; margin-top: 40px; margin-bottom: 40px; }
                .prjdetail .prjinfo .otherpic img{margin:30px 0;}

            .prjdetail .prjinfo h3{font-size:18px;font-weight:bold; line-height:2em;height:2em; color:#333;}
            .prjdetail .prjinfo .allpic { width: 100%; margin-top: 20px; margin-bottom: 40px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
                .prjdetail .prjinfo .allpic > div { width: 15.15%; position: relative; padding-top: 15.15%; margin-right: 1.8%; margin-bottom: 1.8%; flex: 0 0 auto; align-items: center; flex-wrap: wrap; }
                    .prjdetail .prjinfo .allpic > div:nth-child(6n) { margin-right: 0; }
                    .prjdetail .prjinfo .allpic img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; position:absolute;left:0;top:0; }
 

                    .prjdetail .prjinfo .loading { width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top: 0; background-color: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }


    .prjdetail .prjsimilar { width: 12.5%; float: right; min-height: 1000px; }
        .prjdetail .prjsimilar h3 { font-size: 18px; font-weight: 300; color: #333; margin-top: 0px; line-height: 64px; height: 64px; width: 100%; border-bottom: 1px solid #bbb; display: block; }
            .prjdetail .prjsimilar h3 i{font-weight:bold; color:#002b96}
            .prjdetail .prjsimilar .simicon { width: 100%; margin-top: 0.4%; margin-bottom: 0.4%; padding-top: 10px; }
            .prjdetail .prjsimilar .simicon > a { width:100%; position: relative; color: #333; margin: 0; overflow: hidden; display:block;  padding-bottom:30px;}
                .prjdetail .prjsimilar .simicon > a1:after { content: ''; display: block; padding-top: 100%; }
                .prjdetail .prjsimilar .simicon > a img { width: 100%; height: 100%; object-fit: cover;  }
                .prjdetail .prjsimilar .simicon > a i { color: #333; display: block; text-align: left; width: 100%; font-size: 16px; height: 2em; line-height: 2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
                .prjdetail .prjsimilar .simicon > a small { color: #666; display: block; text-align: left; width: 100%; font-size: 14px; height: 1em; line-height: 1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
                .prjdetail .prjsimilar .simicon > a:hover { background-color: #f9f9f9; }
                    .prjdetail .prjsimilar .simicon > a:hover i { }
                    .prjdetail .prjsimilar .simicon > a:hover span { }


@media only screen and (max-width: 741px) {
    .prjdetail .prjinfo { min-height: 200px; padding-bottom: 10px; }
    .prjdetail { margin-top: 0; }
        .prjdetail .prjinfo { width: 100%; }
            .prjdetail .prjinfo .prjimgs { }
        .prjdetail .prjsimilar { width: 100%; float: left; clear: both; padding-bottom: 50px; }
            .prjdetail .prjsimilar .simicon > a { width: 48%;margin:1% }
}

.prjinfo .cycle-pager { width: 100%; overflow: hidden; height: 32px; text-align: center; }
    .prjinfo .cycle-pager span { font-size: 32px; width: 32px; height: 32px; line-height: 32px; display: inline-block; color: #ddd; }
        .prjinfo .cycle-pager span.cycle-pager-active { color: #444; }
    .prjinfo .cycle-pager > * { cursor: pointer; }
/* prev / next links */
.prjimgs .cycle-prev, .prjimgs .cycle-next { position: absolute; top: 0; width: 30%; z-index: 800; height: 100%; cursor: pointer; }
.prjimgs .cycle-prev { left: 0; }
.prjimgs .cycle-next { right: 0; }
    .prjimgs .cycle-prev i, .prjimgs .cycle-next i { font-family: 'myicomoon'; speak: none; font-style: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; color: #fff; font-size: 68px; line-height: 50px; margin-top: -25px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; text-shadow: 0 0 3px #000; }
.prjimgs .cycle-prev i { left: 20px; }
.prjimgs .cycle-next i { right: 20px; }
.prjimgs .cycle-prev i:before { content: "\f104"; }
.prjimgs .cycle-next i:before { content: "\f105"; }
.prjimgs .cycle-prev:hover i, .prjimgs .cycle-next:hover i { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

@media only screen and (max-width: 741px) {
    .prjimgs .cycle-prev, .prjimgs .cycle-next { display: none; }
}

/*项目类型、专项服务和搜索结果页结束*/


/*管理层*/
.p_admin_team { width: 100%; padding-top: 180px; background-color: #f3f3f3; padding-bottom: 180px; }
.p_admin_team .admin_team { margin-top: 60px; width: 100%; max-width: 1140px; margin: 0 auto; }

    .p_admin_team .admin_team .admin_type { width: 150px; height: 150px; background-color: #002b96; padding: 0; margin: 20px; vertical-align: middle; font-size: 32px; line-height: 150px; color: #fff; text-align: center; float: left; }
.lang-en-US .p_admin_team .admin_team .admin_type { font-size: 18px; line-height: 1.5em; padding: 48px 0; }

.p_admin_team .admin_team .admin_blank { width: 150px; height: 150px; padding: 0; margin: 20px; float: left; }
.p_admin_team .admin_team .admin_item1, .p_admin_team .admin_team .admin_item2, .p_admin_team .admin_team .admin_item3 { width: 150px; height: 150px; background-color: #fff; padding: 29px 0; margin: 20px; float: left; }

.p_admin_team .admin_team .admin_name { width: 100%; height: 46px; display: block; line-height: 46px; font-size: 16px; font-weight: bold; color: #333; border-bottom: 1px solid #ccc; text-align: center }
.p_admin_team .admin_team .admin_title { width: 100%; height: 46px; display: block; line-height: 1.5em; margin-top: 10px; font-size: 16px; font-weight: 400; color: #333; text-align: center }

@media only screen and (max-width: 741px) {
    .p_admin_team .admin_team .admin_blank { display: none; }

    .p_admin_team { padding-top: 60px;padding-bottom: 60px; }
        .p_admin_team .admin_team .admin_type, .p_admin_team .admin_team .admin_item1, .p_admin_team .admin_team .admin_item2, .p_admin_team .admin_team .admin_item3 { margin: 15px; }
}

.p_design_team { width: 100%; padding-top: 180px; padding-bottom: 100px; background: url(/img/designteambg.jpg) repeat-y;  background-size:100% auto; }

.about-first { width: 100%; height: calc(100vh - 240px); }
@media only screen and (max-width: 741px) {
    .about-first { width: 100%; height: 40vh; }
}

.about_bg { position: fixed; left: 0; top: 60px; bottom: 0; right: 0; margin: auto; z-index: -1; background-color: rgba(255, 255, 255, 0); will-change: transform; transform: scale(1.1) translate3d(0px, 60px, 0px); }
.about_front { }
.about_shiming { width: 100%; height: 180px; background-color: #404040; color: #fff; font-size: 24px; line-height: 2em; vertical-align: middle; align-items: center; display: flex; }
.about_timeline { width: 100%; box-sizing: border-box; min-height: 900px; background-color: #fff; font-size: 24px; line-height: 2em; display: relative; }
.span_big { font-size: 72px; line-height: 1em; font-family: Helvetica, sans-serif; font-weight: 400; }
.span_normal { font-size: 32px; line-height: 1em; font-family: Helvetica, sans-serif; font-weight: 400; }
.about_timeline td { text-align: center; }
.cendes_about_v { padding-top: 8%; }
    .cendes_about_v video { width: 100%; height: auto; }
.about_detail { background-color: #fff; width: 100%; min-height: 1000px; }
    .about_detail h2 { text-align: center; line-height: 2em; }
.about-fenge2 { width: 100%; position: relative; background-color: #eee; }
    .about-fenge2 img { width: 50%; height: auto; }
.about_fenge_menu { width: 50%; position: absolute; top: 0; right: 0; z-index: 1; padding-left: 5%; padding-top: 5%; }

    .about_fenge_menu h3 ._cn, .about-publications h3 ._cn { width: 100%; font-size: 24px; font-weight: 300; color: #333; line-height: 1em; text-transform: uppercase; }
    .about_fenge_menu h3 ._en, .about-publications h3 ._en { width: 100%; font-size: 24px; font-family: Helvetica, sans-serif; font-weight: 300; color: #333; line-height: 2em; text-transform: uppercase; }
.about_we_can_do { width: 60%; font-size: 16px; font-weight: 400; color: #333; line-height: 1.8em; padding-top: 1%; }
.about_fast_nav { width: 100%; display: block; padding-top: 5%; }
    .about_fast_nav ul { display: flex; flex-flow: row; flex-wrap: wrap; justify-content: space-between; }
    .about_fast_nav li { font-size: 20px; width: 30%; font-weight: 400; line-height:2.5em; color: #333; flex: 1 0 30%; height: 2.5em; color: #fff; display: flex; justify-content: left;  }
.about-publications { position: relative; padding-top: 5%; width: 100%; }

.about_cert { width: 100%; font-size: 24px; line-height: 2em; text-align: center; color: #333; }
    .about_cert img { width: 100%; height: auto; }

.about_tb td { font-size: 24px; line-height: 1em; }
.about_intro {font-size:24px; line-height:2em;}

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
    .about_fast_nav li { font-size: 18px; line-height: 2em;  height: 2em; }

    }


@media only screen and (max-width: 1025px) { .span_big { font-size: 48px; line-height: 1em; font-family: Helvetica, sans-serif; font-weight: 400; }
    .span_normal { font-size: 18px; line-height: 1em; font-family: Helvetica, sans-serif; font-weight: 400; }
    .about_tb td { font-size: 18px; line-height: 1.5em; }
    .about_intro { font-size: 18px; }
    .about_timeline { width: 100%; box-sizing: border-box; min-height: 800px;  }
    .about_shiming { padding-top: 15px; }
    .about-fenge2 img { width: 100%; }
    .about_fenge_menu { width: 100%; position: relative;  padding-left: 5%; padding-top: 5%; }
    .about_fast_nav li { font-size: 18px; line-height: 2em; height: 2em; }

     .about-publications h3 ._cn { font-size: 18px;  }
    .about-publications h3 ._en { font-size: 18px; }
    .about_cert { font-size: 18px; }
}



.sitemap_bar .sub_items{ display:inline-block; padding:0 2em 0 10px; line-height:60px; cursor:pointer;color:#444;}
    .sitemap_bar .sub_items:hover { color: #000; }
    .sitemap_bar .sub_items.active { color: #000; font-weight: bold; }

.sitemap_bar .sub_ul li { display: inline-block; padding: 0 2em 0 10px; line-height: 60px; cursor: pointer; color: #666; }
    .sitemap_bar .sub_ul li.active { color: #000; font-weight: bold; }

    .p_design_team[data-ext='1'] a[data-ext='1'] { display: block; }
.p_design_team[data-ext='1'] a:not([data-ext='1']) { display: none; }

.p_design_team[data-ext='3'] a[data-ext='3'] { display: block; }
.p_design_team[data-ext='3'] a:not([data-ext='3']) { display: none; }


.p_design_team a.hide { display: none !important; }