/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

			body{background:#fff;color:#333;font-size:24px;font-family: CenturyGothic, 'Microsoft YaHei', Consolas, Monaco, monospace, SimHei, SimSun;}
			.Shell {min-width:1008px;max-width:1200px;margin:0 auto;}
			.Shadow {
				-moz-box-shadow: 0 2px 2px #eee;
				-webkit-box-shadow: 0 2px 2px #eee;
				box-shadow: 0 2px 2px #eee;
				/* For IE 8 */
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
				/* For IE 5.5 - 7 */
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
			}

			#YS{clear:both;min-width:1008px;max-width:100%;margin:0 auto;background-color:#fff;}
				#Top{position:relative;z-index:99999;min-width:1008px;max-width:100%;height:120px;background:transparent;transition: all 1s;background-color:#fff;}
				#Top .Shell{position:relative;text-align:left;height:100%;background-color:#fff;}
				#Top.Shadow{background:#fff;right:0;}
				.Logo{z-index:1;position:absolute;top:0px;left:0px;width:320px;height:120px;margin:0 auto;}
				.Title{display:none;}
				/* 语言 */
				.Langage{z-index:2;position:absolute;top:15px;right:20px;}
				.Langage a{display:inline-block;font-size:16px;color:#333;text-decoration:none;padding:0 10px;line-height:1em;border-left:1px solid #333;border-right:1px solid #333;}
				.Langage a:first-child{border-left:none;}
				.Langage a:last-child{border-right:none;}
				.Langage a:hover{color:#292150;text-decoration:underline;}
				/* 导航 */
				.Nav{z-index:3;position:absolute;top:60px;bottom:0px;left:320px;right:0px;}
				.Nav ul{position:absolute;bottom:1px;display:block;width:100%;margin:0;padding:0;list-style:none;text-align:right;}
				.Nav ul li{display:inline-block;margin:0;padding:0;text-align:center;}
				.Nav ul li a{display:block;text-transform:uppercase;margin:0;padding:0 10px 28px 10px;color:#333;font-size:14px;font-weight:100;text-decoration:none;line-height:1em;border-bottom:2px solid transparent;}
				.Nav ul li a:hover{color:#292150;border-bottom:2px solid #292150;font-weight:700;}
			#YZ{clear:both;min-width:1008px;max-width:100%;margin:0 auto;}
				/* 视频 */
				.videobox{position:relative;text-align:center;width:100%;background:#b89054;overflow:hidden;margin-top:-120px;}
				.videoup{position:absolute;z-index:99900;width:100%;top:50%;/*margin-top:-275px;*/margin-top:-179px;}
				.videoup h3{display:block;font-size:58px;color:#fff;font-weight:700;padding:90px 0 0 0;margin:0;}
				.videoup div{display:block;font-size:42px;color:#fff;font-weight:100;padding:6px 0 0 0;letter-spacing:4px;}
				.videoup a.aBox{margin:100px 0 0 0;color:#fff;border:2px solid #fff;z-index:99999;}
				.videoup a.aBox:hover{background:#fff;color:#292150;}
				.videoBG video{clear:both;width:120%;margin:-150px -10% 0 -10%;opacity:1;z-index:-11;}
				/* 横幅 */
				.bannerBox{position:relative;text-align:center;width:100%;height:300px;background:#383f45 url(/content/images/bannerBG.jpg) center center no-repeat;overflow:hidden;}
				.bannerInfo{position:absolute;top:50%;width:100%;margin-top:-50px;}
				.bannerInfo h3{display:block;font-size:42px;color:#fff;font-weight:100;padding:0;margin:0;text-transform:uppercase;}
				.bannerInfo div{display:block;font-size:24px;color:#fff;font-weight:100;padding:6px 0 0 0;letter-spacing:1px;font-style:italic;}
				.bannerInfo p{margin:0;}
				/* 位置 */
				.Site{position:relative;z-index:9;max-width:1200px;width:100%;padding-bottom:18px;background:transparent;margin:-40px 0 0 0;text-align:center;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
				.Site div.SiteInfo{min-height:80px;line-height:80px;text-indent:1em;text-align:left;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;background:#fff;}
				.Site *{text-decoration:none;color:#333;font-size:16px;}
				.Site a:hover{text-decoration:underline;}
				.Site div.Jiao{width:30px;height:19px;margin:0 auto;background:transparent url(/content/images/siteBG.png) center bottom no-repeat;}
				/* 首页关于 */
				.HomeAbout{clear:both;text-align:center;background:#fff;}
				.BT{font-size:46px;font-weight:100;}
				.BT span{font-weight:700;text-transform:uppercase;}
				.aBox{clear:both;display:inline-block;margin:50px auto;border:2px solid #7083be;color:#7083be;padding:7px 36px;text-decoration:none;}
				.aBox:hover{border:2px solid #292150;background:#292150;color:#fff;}
				/*  */
				.H3W1{min-width:1008px;max-width:100%;background:#465e9e;color:#fff;min-height:640px;}
				.H3W1 hr{width:45px;border-top:3px solid #fff;margin:20px 0;}
				.H3W1 a{font-size:14px;color:#fff;text-decoration:none;}
				.H3W1 a:hover{text-decoration:underline;}
				.HomePartners{position:relative;background:#465e9e url(/content/images/HomePartners.jpg) left center no-repeat;color:#fff;width:50%;height:100%;min-height:640px;float:left;}
				.HomePartnersBox{position:absolute;top:50%;right:0;height:0;width:333px;margin:0 80px 0 0;}
				.HomePartnersInfo{margin:-30% 0 0 0;}
				.HomePartnersInfo h3{margin:0;font-size:42px;}
				.HomePartnersInfo div{font-size:14px;padding:0 0 10px 0;}
				.HomeProfession{position:relative;background:#768791 url(/content/images/HomeProfession.jpg) right center no-repeat;color:#fff;width:50%;height:50%;min-height:320px;float:right;}
				.HomeProfessionBox{position:absolute;top:50%;left:0;height:0;width:333px;margin:0 0 0 80px;}
				.HomeProfessionInfo{margin:-30% 0 0 0;}
				.HomeProfessionInfo h3{margin:0;font-size:42px;}
				.HomeProfessionInfo div{font-size:14px;padding:0 0 10px 0;}
				.HomeContact{position:relative;background:#302c47 url(/content/images/HomeContact.jpg) right center no-repeat;color:#fff;width:50%;height:50%;min-height:320px;float:right;}
				.HomeContactBox{position:absolute;top:50%;left:0;height:0;width:333px;margin:0 0 0 80px;}
				.HomeContactInfo{margin:-30% 0 0 0;}
				.HomeContactInfo h3{margin:0;font-size:42px;}
				.HomeContactInfo div{font-size:14px;padding:0 0 10px 0;}
				/* 首页新闻 */
				.HomeNews{clear:both;padding:0 0 50px 0;background:#fff;}
				.HomeNews h3{text-align:center;}
				.HomeNews ul{display:block;width:100%;margin:0;padding:0;list-style:none;background:#fff;opacity:1;}
				.HomeNews ul li{display:block;float:left;width:33.33%;height236px;text-align:center;}
				.HomeNews ul li a{display:block;color:#656565;text-decoration:none;font-size:20px;font-weight:100;}
				.HomeNews ul li a strong{display:block;margin:0 auto;width:80%;font-size:42px;font-weight:700;text-align:left;line-height:1.6;color:#b3b3b3;}
				.HomeNews ul li a time	{display:block;margin:0 auto;width:80%;text-align:left;line-height:2;}
				.HomeNews ul li a span	{display:block;margin:0 auto;width:80%;height:48px;text-align:left;line-height:1.2;overflow:hidden;text-overflow:ellipsis;}
				.HomeNews ul li a i		{display:block;margin:0 auto;width:80%;height:15px;margin-top:26px;background:url(/content/images/homenewsJT.png) left 0 no-repeat;}
				.HomeNews ul li a:hover *{color:#2a2251;}
				.HomeNews ul li a:hover i{background-position:left -18px;}
				/* about us */
				.pageAbout{width:95%;margin:0 auto;padding:60px 0;text-align:justify;}
				.aboutBox{padding:2em 0;margin:0 auto;border-bottom:1px solid #f1f1f1;}
				.aboutBox:last-child{border-bottom:none;}
				.aboutTitle{margin:0 auto 0.5em auto;line-height:1.2em;}
				.aboutImgLeft{float:left;padding-right:1em;width:350px;height:350px;}
				.aboutImgRight{float:right;padding-left:1em;width:350px;height:350px;}
				.aboutInfo{margin:0 auto 0.5em auto;font-size:18px;font-weight:100;line-height:2em;}
				/* Profession */
				.pageProfession{width:95%;margin:0 auto;padding:60px 0;text-align:center;}
				.pageProfessionCharacteristic{padding:0 0 60px 0;}
				.ProfessionTop{display:inline-block;display:block;float:left;width:25%;margin:0;padding:0;text-align:center;min-height:324px;}
				.ProfessionTopImg{width:80%;height:92px;text-align:center;margin:0 auto;}
				.ProfessionTopImg img{width:92px;height:92px;}
				.ProfessionTopTitle{width:80%;line-height:1.2em;min-height:2.6em;padding:0;margin:0 auto 0.5em auto;font-size:18px;font-weight:700;}
				.ProfessionTopInfo{width:80%;height:12em;overflow:hidden;margin:0 auto 0.5em auto;font-size:14px;font-weight:100;line-height:1.5em;text-align:left;color:#888;}
				.pageProfessionMore{text-align:justify;}
				.ProfessionMoreBox{padding:0 0 80px 0;font-size:18px;color:#666;}
				.ProfessionMoreBox h4{margin:0 auto 0.5em auto;line-height:1.2em;}
				.ProfessionMoreBox blockquote{border-left:10px solid #29224E;padding:2em 3em;margin:0;background:#eee;}
				/* News */
				.pageNews{width:95%;margin:0 auto;padding:60px 0;text-align:center;}
				.newsBox{padding:2em 0;margin:0 auto;text-align:justify;}
				.newsImg{float:left;width:36%;}
				.newsImg img{float:left;width:350px;height:208px;}
				.newsText{position:relative;float:right;width:64%;}
				.newsTitle{width:590px;margin:0;padding:1em 0 8px 0;line-height:1.2em;min-height:2.6em;font-size:20px;font-weight:700;overflow:hidden;}
				.newsTitle a{color:#000;text-decoration:none;}
				.newsTitle a:hover{color:#2a2251;text-decoration:underline;}
				.newsDate{position:absolute;top:1em;right:0;width:128px;height:2em;overflow:hidden;margin:0;font-size:20px;font-weight:100;text-align:right;}
				.newsInfo{margin:0 0 0 0;font-size:16px;font-weight:100;line-height:1.5em;}
				/* 翻页 */
				.pageIndex{clear:both;display:inline-block;padding:16px 0;margin:0 auto;}
				.pageIndex *{text-decoration:none;color:#333;line-height:32px;height:32px;margin:0;padding:0;font-size:1rem;}
				.pageIndex .ddd{display:none;}
				.pageIndex div{display:block;float:left;padding:0;margin:0 1.5em;line-height:32px;height:32px;}
				.pageIndex ul{padding:0;margin:0;text-align:center;background:none;}
				.pageIndex ul li{display:inline-block;padding:0;margin:0 1.5em;width:auto;height:32px;}
				.pageIndex ul li a{display:inline-block;padding:0;margin:0;height:32px;}
				.pageIndex ul li a:hover{color:#2a2251;}
				/* Partners */
				.pagePartners{width:95%;margin:0 auto;padding:60px 0;text-align:center;}
				.PartnersBox{padding:0 0 80px 0;font-size:18px;color:#666;text-align:justify;line-height:2em;}
				.PartnersBox h4{margin:0 auto 0.5em auto;line-height:1.2em;}
				/* Contact Us */
				.pageContactUs{width:95%;margin:0 auto;padding:60px 0;text-align:center;}
				.pageContactUsTop{padding:0 0 60px 0;}
				.ContactUsTop{display:inline-block;width:30%;margin:0;padding:0;text-align:center;}
				.ContactUsTopImg{width:80%;height:92px;text-align:center;margin:0 auto;}
				.ContactUsTopImg img{width:92px;height:92px;}
				.ContactUsTopTitle{width:80%;height:1.2em;min-height:1.2em;padding: 1em 0 0 0;margin:0 auto 0.5em auto;font-size:24px;font-weight:700;}
				.ContactUsTopInfo{width:80%;overflow:hidden;margin:0 auto 0.5em auto;font-size:18px;font-weight:100;line-height:1.5em;color:#888;}
				.pageContactUsMore{text-align:center;}
				.ContactUsMoreBox{width:48%;height:8em;overflow:hidden;float:left;padding:0 0 10px 0;margin:0 1% 10px 1%;font-size:18px;color:#666;}
				.ContactUsMoreBox h4{width:80%;margin:0 auto 0.5em auto;text-align:left;line-height:1.2em;}
				.ContactUsMoreBox div{width:80%;margin:0 auto;text-align:left;}

			#YJ{clear:both;min-width:1008px;max-width:100%;margin:0 auto;background:#29224e;color:#fff;font-size:14px;}
				.YJAffiliates{text-align:center;padding:14px 0;}
				.YJAffiliates h3{display:inline;font-weight:100;margin:0;font-size:14px;}
				.YJAffiliates div{display:inline;line-height:1.2em;}
				.YJAffiliates ul{display:inline;list-style:none;padding:0;margin:0;}
				.YJAffiliates ul li{display:inline-block;padding:0 14px;}
				.YJAffiliates ul li a{text-decoration:none;color:#fff;}
				.YJAffiliates ul li a:hover{text-decoration:underline;}
				.YJContact{padding:30px 0;border-top:1px solid #4f496f;}
				.YJContact p{position:relative;width:33.33%;float:left;min-height:68px;}
				.YJContact p *{display:block;}
				.YJContact p i{z-index:2;position:absolute;top:0;width:68px;height:68px;border-right:1px solid #4f496f;}
				.icon_address{background:url(/content/images/icon_address.png) center top no-repeat;}
				.icon_email{background:url(/content/images/icon_email.png) center top no-repeat;}
				.icon_tel{background:url(/content/images/icon_tel.png) center top no-repeat;}
				.YJContact p span{margin:0 28px 0 82px;}
				.YJCopyright{background:#090909;color:#b0b0b0;text-align:center;padding:16px;}
				.YJCopyright a{color:#b0b0b0;text-decoration:none;}



@font-face {
  font-family: 'CenturyGothic';
  src: url('/content/font/GOTHICB.TTF');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'CenturyGothic';
  src: url('/content/font/GOTHIC.TTF');
  font-weight: 100;
  font-style: normal;
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
.eMapIframe{width:100%;height:638px;border:none;margin:-77px 0 0 0;}
			#Y{min-width:1260px;}
			.videoBG{min-height:320px;}