@charset "utf-8";

.align-center { text-align: center !important; }
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }
.left { float: left !important; }
.right { float: right !important; }
.relative { position: relative; }
.hidden { display: none; }
.inline-block { display: inline-block; }
.white { color: #fff !important; }
.black { color: #111 !important; }
.color { color: #e41919 !important; }
.image-fullwidth img { width: 100%; }
.stick-fixed { position: fixed !important; top: 0; left: 0; }
.round { -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; }

::-moz-selection { color: #fff; background: #000; }
::-webkit-selection { color: #fff; background: #000; }
::selection { color: #fff; background: #000; }
.animate, .animate * { -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.no-animate, .no-animate * { -webkit-transition: 0 none !important; -moz-transition: 0 none !important; -ms-transition: 0 none !important; -o-transition: 0 none !important; transition: 0 none !important; }
.shadow { -webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15); -moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15); box-shadow: 0px 3px 50px rgba(0, 0, 0, .15); }
.white-shadow { -webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2); -moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2); box-shadow: 0px 0px 200px rgba(255, 255, 255, .2); }
.clearlist, .clearlist li { list-style: none; padding: 0; margin: 0; background: none; }

.clear { clear: both; }
.full-wrapper { margin: 0 2%; }
.container-fluid { max-width: 1170px; margin: 0 auto; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll; -ms-overflow-style: scrollbar; }
html, body { background: #fafafa; height: 100%; -webkit-font-smoothing: antialiased; margin: 0; font-family: Arial, "Microsoft Yahei"; font-size: 14px; line-height: 1.5; }
.page { overflow: hidden; }
.body-masked { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff url(../images/loader.gif) no-repeat center center; z-index: 100000; }

.mask-delay { -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; animation-delay: 0.75s; }
.mask-speed { -webkit-animation-duration: 0.25s !important; -moz-animation-duration: 0.25s !important; animation-duration: 0.25s !important; }
iframe { border: none; }
a, b, div, ul, li, p { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-outline-: none; list-style: none; padding: 0; margin: 0; text-decoration: none; }
a { color: #000; }
a:focus,
a:active { -moz-outline: none; outline: none; }
embed, object, video { max-width: 100%; height: auto; }



/* ==============================
   Page loader
   ============================== */


.page-loader { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 100000; }

.loader { width: 60px; height: 60px; background: url("loading.gif"); position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; font-size: 10px; text-indent: -12345px;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 100001; }

@-webkit-keyframes spinner {
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes spinner {
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes spinner { 0%;
{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spinner {
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}



/* ==============================
   其他
   ============================== */

h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1.4; font-weight: 400; padding: 0; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h6 { font-weight: 700; }
ul, ol { margin: 0 0 1.5em 0; }
.icon-quote { width: 72px; height: 70px; background: url(icon_yh.png) no-repeat; display: block; margin: 30px auto; display: none; }
blockquote { padding: 0; border: none; background: none; font-style: normal; line-height: 1.7; color: #777; }
blockquote p { margin-bottom: 1em; font-size: 15px; font-weight: 300; font-style: normal; line-height: 2; padding-top: 20px; }
blockquote footer { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }
dl dt { margin-bottom: 5px; }
dl dd { margin-bottom: 15px; }
pre { background-color: #f9f9f9; border-color: #ddd; }
hr { background-color: rgba(255,255,255, .08); }
hr.white { border-color: rgba(255,255,255, .35); background: rgba(255,255,255, .35); }
hr.black { border-color: rgba(0,0,0, .85); background: rgba(0,0,0, .85); }
.uppercase { text-transform: uppercase; letter-spacing: 1px; }
.font-alt { font-family: Dosis, arial, sans-serif; text-transform: uppercase; letter-spacing: 0.2em; }
.serif { font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; }
.normal { font-weight: normal; }
.strong { font-weight: 700 !important; }
.lead { margin: 1em 0 2em 0; font-size: 140%; line-height: 1.6; }


/* ==============================
   Forms fields
   ============================== */

.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select { display: inline-block; height: 27px; vertical-align: middle; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #777; border: 1px solid rgba(0,0,0, .1); padding-left: 7px; padding-right: 7px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.form select { font-size: 12px; }
.form select[multiple] { height: auto; }
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="number"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="password"]:hover,
.form input[type="date"]:hover,
.form input[type="color"]:hover,
.form select:hover { border-color: rgba(0,0,0, .2); }
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form input[type="date"]:focus,
.form input[type="color"]:focus,
.form select:focus { color: #111; border-color: rgba(0,0,0, .7); -webkit-box-shadow: 0 0 3px rgba(0,0,0, .3); -moz-box-shadow: 0 0 3px rgba(0,0,0, .3); box-shadow: 0 0 3px rgba(0,0,0, .3); outline: none; }
.form input[type="text"].input-lg,
.form input[type="email"].input-lg,
.form input[type="number"].input-lg,
.form input[type="url"].input-lg,
.form input[type="search"].input-lg,
.form input[type="tel"].input-lg,
.form input[type="password"].input-lg,
.form input[type="date"].input-lg,
.form input[type="color"].input-lg,
.form select.input-lg { height: 46px; padding-left: 15px; padding-right: 15px; font-size: 13px; }
.form input[type="text"].input-md,
.form input[type="email"].input-md,
.form input[type="number"].input-md,
.form input[type="url"].input-md,
.form input[type="search"].input-md,
.form input[type="tel"].input-md,
.form input[type="password"].input-md,
.form input[type="date"].input-md,
.form input[type="color"].input-md,
.form select.input-md { height: 37px; padding-left: 13px; padding-right: 13px; font-size: 12px; }
.form input[type="text"].input-sm,
.form input[type="email"].input-sm,
.form input[type="number"].input-sm,
.form input[type="url"].input-sm,
.form input[type="search"].input-sm,
.form input[type="tel"].input-sm,
.form input[type="password"].input-sm,
.form input[type="date"].input-sm,
.form input[type="color"].input-sm,
.form select.input-sm { height: 31px; padding-left: 10px; padding-right: 10px; }
.form textarea { font-size: 12px; font-weight: 400; text-transform: uppercase !important; letter-spacing: 1px; color: #777; border-color: rgba(0,0,0, .1); outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.form textarea:hover { border-color: rgba(0,0,0, .2); }
.form textarea:focus { color: #111; border-color: rgba(0,0,0, .7); -webkit-box-shadow: 0 0 3px rgba(21,21,21, .3); -moz-box-shadow: 0 0 3px rgba(21,21,21, .3); box-shadow: 0 0 3px rgba(21,21,21, .3); }

.form .form-group { margin-bottom: 10px; }

.form input.error { border-color: #e41919; }
.form div.error { margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(228,25,25, .75); color: #fff; }
.form div.success { margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(50,178,95, .75); color: #fff; }

.form-tip { font-size: 11px; color: #aaa; }
.form-tip .fa { font-size: 12px; }


/* ==============================
   Home sections
   ============================== */

.home-section { width: 100%; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.home-content { display: table; width: 100%; height: 100%; text-align: center; }


/* Home content */

.home-content { position: relative; }
.home-text { display: table-cell; height: 100%; vertical-align: middle; }

/* Scroll down icon */

@-webkit-keyframes scroll-down-anim {
	0% { bottom: 2px; }
	50% { bottom: 7px; }
	100% { bottom: 2px; }
}

@-moz-keyframes scroll-down-anim {
	0% { bottom: 2px; }
	50% { bottom: 7px; }
	100% { bottom: 2px; }
}

@keyframes scroll-down-anim {
	0% { bottom: 2px; }
	50% { bottom: 7px; }
	100% { bottom: 2px; }
}

.scroll-down { width: 40px; height: 40px; margin-left: -20px; position: absolute; bottom: 20px; left: 50%; text-align: center; text-decoration: none; -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.scroll-down:before { display: block; content: ""; width: 20px; height: 20px; margin: 0 0 0 -10px; position: absolute; bottom: 0; left: 50%; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); z-index: 1; }

.scroll-down:hover:before { opacity: .6; }


.scroll-down-icon { display: block; width: 10px; height: 10px; margin-left: -5px; position: absolute; left: 50%; bottom: 4px; color: #111; font-size: 15px; -webkit-animation: scroll-down-anim 1s infinite; -moz-animation: scroll-down-anim 1s infinite; -o-animation: scroll-down-anim 1s infinite; animation: scroll-down-anim 1s infinite; z-index: 2; }



/* ==============================
   Sections styles
   ============================== */

/*
 * Common
 */

.page-section,
.small-section { width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0; }
.small-section { padding: 70px 0; }
.small-title { padding: 0; margin: 0 0 30px 0; text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: 0.3em; }
.section-icon { margin-bottom: 7px; text-align: center; font-size: 32px; }
.small-title .serif { text-transform: none; font-weight: 400; }
.small-title.white { color: #fff; }
.bg-scroll { background-attachment: scroll !important; }
.bg-pattern { background-repeat: repeat; background-size: auto; }
.bg-pattern-over:before,
.bg-pattern-over .YTPOverlay:after { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: repeat; background-size: auto; background-image: url(../images/pattern-bg-2.png); }
.bg-gray { background-color: #f4f4f4; }
.bg-gray-lighter { background-color: #f8f8f8; }
.bg-dark,
.bg-dark-lighter,
.bg-dark-alfa-30,
.bg-dark-alfa-50,
.bg-dark-alfa-70,
.bg-dark-alfa-90,
.bg-dark-alfa,
.bg-color,
.bg-color-lighter,
.bg-color-alfa-30,
.bg-color-alfa-50,
.bg-color-alfa-70,
.bg-color-alfa-90,
.bg-color-alfa { color: #fff; }
.bg-dark a,
.bg-dark-lighter a,
.bg-dark-alfa-30 a,
.bg-dark-alfa-50 a,
.bg-dark-alfa-70 a,
.bg-dark-alfa-90 a,
.bg-dark-alfa a,
.bg-color a,
.bg-colorlighter a,
.bg-color-alfa-30 a,
.bg-color-alfa-50 a,
.bg-color-alfa-70 a,
.bg-color-alfa-90 a,
.bg-color-alfa a { color: rgba(255,255,255, .8); padding-bottom: 3px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }

.bg-dark a:hover,
.bg-dark-lighter a:hover,
.bg-dark-alfa-30 a:hover,
.bg-dark-alfa-50 a:hover,
.bg-dark-alfa-70 a:hover,
.bg-dark-alfa-90 a:hover,
.bg-dark-alfa a:hover,
.bg-color a:hover,
.bg-color-lighter a:hover,
.bg-color-alfa-30 a:hover,
.bg-color-alfa-50 a:hover,
.bg-color-alfa-70 a:hover,
.bg-color-alfa-90 a:hover,
.bg-color-alfa a:hover { color: rgba(255,255,255, 1); text-decoration: none; }

.bg-color .text,
.bg-color-lighter .text,
.bg-color-alfa-30 .text,
.bg-color-alfa-50 .text,
.bg-color-alfa-70 .text,
.bg-color-alfa-90 .text,
.bg-color-alfa .text,
.bg-color .section-text,
.bg-color-lighter .section-text,
.bg-color-alfa-30 .section-text,
.bg-color-alfa-50 .section-text,
.bg-color-alfa-70 .section-text,
.bg-color-alfa-90 .section-text,
.bg-color-alfa .section-text { color: rgba(255,255,255, .75); }

.bg-color .white,
.bg-color-lighter .whitet,
.bg-color-alfa-30 .white,
.bg-color-alfa-50 .white,
.bg-color-alfa-70 .white,
.bg-color-alfa-90 .white,
.bg-color-alfa .white { color: #fff; }


.bg-dark { background-color: #111; }
.bg-dark-lighter { background-color: #252525; }
.bg-dark-alfa:before,
.bg-dark-alfa .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17,17,17, .97); }
.bg-dark-alfa-30:before,
.bg-dark-alfa-30 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .3); }
.bg-dark-alfa-50:before,
.bg-dark-alfa-50 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .5); }
.bg-dark-alfa-70:before,
.bg-dark-alfa-70 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17,17,17, .7); }
.bg-dark-alfa-90:before,
.bg-dark-alfa-90 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(3,3,3, .9); }
.bg-light-alfa:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .97); }
.bg-light-alfa-30:before,
.bg-light-alfa-30 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .30); }
.bg-light-alfa-50:before,
.bg-light-alfa-50 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .50); }
.bg-light-alfa-70:before,
.bg-light-alfa-70 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .7); }
.bg-light-alfa-90:before,
.bg-light-alfa-90 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .9); }
.bg-color { background-color: #e41919; }
.bg-colort-alfa:before,
.bg-colort-alfa .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .97; }
.bg-color-alfa-30:before,
.bg-color-alfa-30 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .3; }
.bg-color-alfa-50:before,
.bg-color-alfa-50 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .5; }
.bg-color-alfa-70:before,
.bg-color-alfa-70 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .7; }
.bg-color-alfa-90:before,
.bg-color-alfa-90 .YTPOverlay:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .9; }

.bg-orange { background-color: #f47631 !important; }
.bg-yellow { background-color: #ffce02 !important; }
.bg-cyan { background-color: #27c5c3 !important; }
.bg-green { background-color: #58bf44 !important; }
.bg-blue { background-color: #43a5de !important; }
.bg-purple { background-color: #375acc !important; }
.bg-red { background-color: #e13939 !important; }

.section-title { margin-bottom: 15px; font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.4; }
.section-more { margin-top: 7px; color: #999; font-size: 11px; font-weight: 400; letter-spacing: 0.4em; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.section-more:hover { text-decoration: none; color: #000; }
.section-more .fa { font-size: 12px; }

.section-heading { margin-bottom: 15px; font-size: 24px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.3; }
.section-line { width: 55px; height: 1px; margin: 30px auto; background: #111; }
.section-text { font-size: 15px; font-weight: 300; color: #777; line-height: 1.7; }
.section-text blockquote { margin-top: -5px; }
.section-bot-image { margin: 140px 0 -140px; text-align: center; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }

/* Breadcrumbs */

.mod-breadcrumbs { margin-top: -5px; font-size: 11px; font-weight: 400; letter-spacing: 0.4em; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.mod-breadcrumbs span { opacity: .65; }
.mod-breadcrumbs a { text-decoration: none; }
.mod-breadcrumbs a:hover { text-decoration: none; }
.mod-breadcrumbs .fa { font-size: 12px; }
.mod-breadcrumbs-mini { text-align: left; }

.home-bot-image { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; }

.fixed-height-large,
.fixed-height-medium,
.fixed-height-small { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fixed-height-large { min-height: 800px; }
.fixed-height-medium { min-height: 700px; }
.fixed-height-small { min-height: 600px; }


/*
 * Split section
 */

.split-section { width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.split-section-headings { width: 38.2%; float: left; position: relative; overflow: hidden; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.ssh-table { width: 100%; display: table; }
.ssh-cell { display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: middle; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.split-section-content { width: 61.8%; float: right; min-height: 300px; position: relative; overflow: hidden; background: rgba(255,255,255, .97); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


/* Hover state */
.no-mobile .team-item:hover .team-item-image:after { background: rgba(255,255,255, .93); }
.no-mobile .team-item:hover .team-item-detail { opacity: 1; }
.no-mobile .team-item:hover .team-item-descr { color: #111; }
.no-mobile .team-social-links a:hover { color: rgba(0,0,0, .75); }

/* Mobile touch */
.team-item.js-active .team-item-image:after { background: rgba(255,255,255, .93); }
.team-item.js-active .team-item-detail { opacity: 1; }
.team-item.js-active .team-item-descr { color: #111; }
.team-item.js-active .team-social-links a:hover { color: rgba(0,0,0, .75); }


/*
 * Owl Carousel
 */

.owl-carousel { overflow: hidden; }
.owl-buttons { position: static; }
.owl-prev,
.owl-next { opacity: 0; display: block; position: absolute; top: 50%; margin-top: -50px; width: 105px; height: 105px; line-height: 105px; font-size: 16px; text-align: center; color: #111; z-index: 6; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.owl-prev { left: -50px; }
.owl-next { right: -50px; }
.fa-angle-left { background: url(icon_slLeft.png) no-repeat center; width: 10px; height: 10px; display: inline-block; }
.fa-angle-right { background: url(icon_slRight.png) no-repeat center; width: 10px; height: 10px; display: inline-block; }
.owl-prev:before,
.owl-next:before { content: ""; display: block; width: 66%; height: 66%; position: absolute; top: 17px; left: 0; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.owl-next:before { left: auto; right: 0; }
.owl-prev .fa,
.owl-next .fa { position: relative; }
.owl-prev:hover,
.owl-next:hover { -webkit-transition: 0 none !important; -moz-transition: 0 none !important; -ms-transition: 0 none !important; -o-transition: 0 none !important; transition: 0 none !important; }
.owl-prev:hover:before,
.owl-next:hover:before { opacity: 0.87; }
.owl-prev:active:before,
.owl-next:active:before { opacity: 0.6; }
.owl-carousel:hover .owl-prev { opacity: 1; left: -35px; }
.owl-carousel:hover .owl-next { opacity: 1; right: -35px; }
.owl-pagination { display: block; width: 100%; position: absolute; bottom: 30px; left: 0; text-align: center; }
.owl-page { display: inline-block; padding: 6px 4px; position: relative; }
.owl-page span { width: 6px; height: 6px; display: block; background: rgba(255,255,255, .7); position: relative; z-index: 1000 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.owl-page:hover span { background: rgba(255,255,255, 1); }
.owl-page.active span { background: transparent; bordeR: 1px solid rgba(255,255,255, .8); -webkit-transform: scale(1.3333333); -moz-transform: scale(1.3333333); -o-transform: scale(1.3333333); -ms-transform: scale(1.3333333); transform: scale(1.3333333); }

.item-carousel .owl-prev { left: -125px; }
.item-carousel .owl-next { right: -125px; }
section:hover .item-carousel.owl-carousel .owl-prev { opacity: 1; left: -80px; }
section:hover .item-carousel.owl-carousel .owl-next { opacity: 1; right: -80px; }

.item-carousel { margin-bottom: -50px; padding-bottom: 50px; }
.item-carousel .owl-pagination { bottom: 0; }

.work-full-slider .owl-pagination,
.content-slider .owl-pagination { bottom: 15px; }

.single-carousel,
.small-item-carousel { margin-bottom: 35px; }
.single-carousel .owl-pagination,
.small-item-carousel .owl-pagination { position: relative; left: 0; top: 35px; margin: 0; }
.single-carousel.black .owl-page span,
.small-item-carousel.black .owl-page span { background: rgba(0,0,0, .15); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.single-carousel.black .owl-page:hover span,
.small-item-carousel.black .owl-page:hover span { background: rgba(0,0,0, .4); }
.single-carousel.black .owl-page.active span,
.small-item-carousel.black .owl-page.active span { background: rgba(0,0,0, .4); }

.single-carousel.black .owl-prev,
.single-carousel.black .owl-next,
.small-item-carousel.black .owl-prev,
.small-item-carousel.black .owl-next { color: rgba(0,0,0, .2); text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.single-carousel.black .owl-prev:hover,
.single-carousel.black .owl-next:hover,
.small-item-carousel.black .owl-prev:hover,
.small-item-carousel.black .owl-next:hover { color: rgba(0,0,0, .35); }
.single-carousel .owl-prev,
.small-item-carousel .owl-prev { left: -125px; }
.single-carousel .owl-next,
.small-item-carousel .owl-next { right: -125px; }
section:hover .single-carousel .owl-prev,
section:hover .small-item-carousel .owl-prev { opacity: 1; left: -80px; }
section:hover .single-carousel .owl-next,
section:hover .small-item-carousel .owl-next { opacity: 1; right: -80px; }

.black-arrows .owl-prev,
.black-arrows .owl-next { color: #fff; }
.black-arrows .owl-prev:before,
.black-arrows .owl-next:before { background: rgba(0,0,0, 1); }

.logo { position: absolute; z-index: 999; width: 180px; height: 95px; background: url(slogo.png) no-repeat; left: 10px; top: 10px; }
.js-height-full { height: 730px; }
.iconsbox { width: 100%; height: 180px; margin: 2% 0; }
.iconsbox ul { margin: 0 0 0 10%; }
.iconsbox .icons li { width: 30%; margin: 4px 2px; text-align: center; float: left; }
.iconsbox .icons li img { width: 88px; height: 88px; display: block; margin: 0 auto; }
.iconsbox .icons li h3 { font-size: 16px; margin-top: 18px; font-weight: normal!important; height: 16px; color: #444444; line-height: 100%; }
.iconsbox .icons li p { font-size: 14px; margin: auto; margin-top: 10px; height: 14px; line-height: 140%; color: #999999; padding-top: 10px; width: 160px; text-align: center; }
.testimonial { padding-bottom: 50px; font-size: 13px; }
.testimonial-author { border: 1px solid #fff; width: 50px; margin: auto; }
.setionTitle_hotcmd { margin: 30px auto; width: 195px; height: 59px; text-align: center; font-size: 32px;}
.pic-display ul { padding: 0; }
.pic-display ul li { background: #fff; width: 23%; margin-left: 1.7%; float: left; margin-right: 0; margin-bottom: 30px; padding-bottom: 20px; box-shadow: 1px 1px 20px rgba(0,0,0,0.05); border: 1px solid #f2f2f2; }
.pic-display ul li > a { width: 100%; display: block; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); }
.pic-display ul li > a:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.pic-display ul li > a:hover p { background: url(icon_price.png) no-repeat right center #ec6628; }
.pic-display ul li > a img { display: block; width: 100%; }
.pic-display ul li img.notallowed { cursor: not-allowed; }
.pic-display ul li h3 { margin-left: 10px; color: #000; font-size: 18px; font weight:normal!important; margin-top: 15px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; }
.pic-display ul li h4 { font-size: 14px; margin-left: 10px; color: #999; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; margin-top: 8px; }
.pic-display ul li > a p { background: url(icon_price.png) no-repeat right center #000; color: #fff; line-height: 2.4; padding-left: 10px; -webkit-transition: background-color 0.3s ease-in-out; }
.pic-display ul li > div { background: url(top1Line.jpg) no-repeat; margin-left: 10px; padding-top: 30px; }
.pic-display ul li > div > a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #fff; border: 1px solid #f2f2f2; cursor: pointer; font-size: 13px; }
.pic-display ul li > div > a:hover, .pic-display ul li > div > a:active { background: #ec6628; color: #fff; border-color: #fff; }
.setionTitle_hotNews { margin: 30px auto; width: 196px; height: 62px; text-align: center; font-size: 32px;}

.pic-news { margin: auto; }
.pic-news ul li { background: #fff; width: 23%; margin-left: 1%; float: left; margin-right: 0; margin-bottom: 30px; padding-bottom: 20px; box-shadow: 1px 1px 20px rgba(0,0,0,0.05); border: 1px solid #f2f2f2; display: table}
.pic-news ul li > a { height: 150px; display: table-cell;vertical-align: middle; overflow: hidden; float: left; position: relative; cursor: pointer; -webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); }
.pic-news ul li > a i { position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; background: url(icon_news.png) no-repeat; }
.pic-news ul li > a img { display: block; width: 100%; }
.pic-news ul li > a:hover { opacity: .85; }
.pic-news ul li h3 { font-family: "dincond-boldregular",arial; font-size: 24px; margin-left: 15px; margin-top: 10px; }
.pic-news ul li h4 { height: 40px; margin-left: 15px; margin-top: 10px; background: url(top2Line.png) no-repeat; display: block; padding-top: 20px; font-size: 14px; width: 320px;}
.pic-news ul li > div { height: 40px; padding-top: 20px; padding-left: 15px; }
.pic-news ul li > div > a { padding: 5px 30px; background: #fff; border: 1px solid #f2f2f2; cursor: pointer; font-size: 13px; }
.pic-news ul li > div > a:hover, .pic-news ul li > div > a:active { background: #ec6628; color: #fff; border-color: #ec6628; }
.btn_newsMore { display: block; background: url(btn_newsMore.png) no-repeat center #fff; width: 1134px; margin: 30px auto; height: 66px; border: 1px solid #f2f2f2; cursor: pointer; box-shadow: 1px 1px 20px rgba(0,0,0,0.05); }
.btn_newsMore:hover, .btn_newsMore:active { background: url(btn_newsMoreW.png) no-repeat center #ec6628; }

.styleList ul li { display: none; position: relative; }
.styleList ul li.selected { display: block; }
.styleList ul li img{width:100%;}
.styleTxt { position: absolute; background: rgba(255,255,255,0.8); left: 10%; top: 10%; width: 320px; padding: 20px; }
.styleTxt > h3 { font-size: 30px; background: url(icon_style1.png) no-repeat left center; padding-left: 46px; }
.styleTxt > p { font-size: 14px; padding-top: 10px; line-height: 2; }

.styleOpt > a { width: 44px; height: 44px; display: inline-block; cursor: pointer; margin-top: 20px; }
.styleOpt > a:hover { background-position: bottom; }
.btn_syLeft { background: url(btn_cutPicStyleL.png) no-repeat top; }
.btn_syRight { background: url(btn_cutPicStyleR.png) no-repeat top; margin-left: 1px; }
.setionTitle_Fme { margin: 30px auto; width: 195px; height: 65px; text-align: center; font-size: 32px; }
.companyTxt { line-height: 2; padding-bottom: 40px; }

.bg_footer { clear: both; background: url(bg_footer.jpg) no-repeat center; color: #fff; padding: 90px 0; text-align: center; margin-top: 50px; }
.bg_footer .nav { font-size: 12px; }
.bg_footer .nav > a { margin: 0 30px; font-size: 16px; color: #fff!important; }
.bg_footer .baseInfo { padding-top: 80px; }
.bg_footer .baseInfo > span { margin: 0 28px; padding-left: 38px; line-height: 30px; display: inline-block; color:white!important; }
.bg_footer .baseInfo > span:first-child { background: url(i_add.png) no-repeat left center; }
.bg_footer .baseInfo > span:first-child + span { background: url(i_phone.png) no-repeat left center; }
.bg_footer .baseInfo > span:first-child + span + span { background: url(i_mail.png) no-repeat left center; }
.bg_footer .copyInfo { padding-top: 20px; }

.fixedTree { position: fixed; right: 0; bottom: 100px; z-index: 990; }
.fixedTree > a { width: 40px; height: 40px; display: block; margin-bottom: 1px; cursor: pointer; }
.fixedTree > a:hover { opacity: 0.8; }
.fixedTree .icon_qq { background: url(icon_qq.png) no-repeat center #000; }
.fixedTree .icon_2weim { background: url(icon_2weim.png) no-repeat center #000; }
.fixedTree .icon_yuyue { background: url(icon_yuyue.png) no-repeat center #000; }
.fixedTree .icon_goTop { background: url(icon_goTop.png) no-repeat center #000; }


/*detail*/
.topLogo { height: 80px; border-bottom: 1px solid #e0e0e0; box-shadow: 1px 1px 3px rgba(0,0,0,0.08); }
.topLogo > div { background: #fff; padding: 5px 10px; height: 70px; }
.cbanner { clear: both; width: 100%; height: 300px; background: url(cbanner.jpg) no-repeat center top; background-attachment: fixed; }
.cmain { width: 1180px; margin: auto; padding-top: 60px; }
.cmain .cleft { width: 760px; float: left; }
.wapShowDisplay { display: none; }
.datailBanner { padding-top: 40px; }
.dlbox { padding-top: 50px; clear: both; }
.dlbox > .dlTitle { font-size: 20px; font-weight: bold; padding-bottom: 22px; border-bottom: 1px solid #e0e0e0; margin-bottom: 22px; }
.detailName > h3 { font-size: 24px; font-weight: bold; }
.detailName > p { margin-top: 10px; padding-left: 15px; background: url(icon_nowadd.png) no-repeat left center; }
.detailName > p > a { margin-left: 40px; color: #ec6628!important; cursor: pointer; }
.gyInfo .price > span { font-size: 24px; color: #ff3464; }
.gyInfo .txt { padding-top: 20px; }
.gyIconList li { float: left; text-align: center; padding: 20px 50px; }
.fuiclist { width: 100%; }
.fuiclist li { float: left; width: 50%; }
.fuiclist li > p { padding-left: 20px; background: url(icon_g.png) no-repeat center left; }
.fjlist .result { padding: 20px 0px; }
.fjlist .result li { width: 360px; height: auto; margin-right: 30px; display: inline-block; position: relative; margin-bottom: 10px; border: 1px solid #f2f2f2; }
.fjlist .result li img { width: 100%; height: auto; max-height: 270px; position: relative; }
.fjlist .result li img.pointer { cursor: pointer; }
.fjlist .result li:nth-child(2n+1) { float: left; }
.fjlist .result li:nth-child(2n) { margin-right: 0px; float: right; }
.fjlist .result li .mask-black { position: absolute; min-width: 110px; height: 40px; line-height: 40px; background: #e7667c; right: 0px; top: 150px; color: white; text-align: center; }
.fjlist .result li .mask-black b { font-size: 18px; color: white; }
.fjlist .result li .mask-black span { font-size: 14px; }
.fjlist .result li article { padding: 20px 10px; background: #fff; }
.fjlist .result li article h3 { font-size: 20px; margin-bottom: 10px; line-height: 100%; font-size: 15px; }
.fjlist .result li article p { line-height: normal; font-size: 13px; margin-bottom: 10px; }
.fjlist .result li article p.text-muted { color: #a5a5a5; }
.fjlist .result li article p span.type,
.fjlist .result li article p span.light,
.fjlist .result li article p span.area + span,
.fjlist .result li article p span.date + span { margin-right: 6px; }
.fjlist .result li article p span.light { margin-right: 27px; }
.fjlist .result li article .labelicons span.label { padding: 6px 4px; color: #808080; border-radius: 3px; border: 1px solid #808080; min-width: 30px; font-size: 14px; line-height: 100%; margin-right: 8px; display: inline-block; text-align: center; }
/*筛选*/
.screening ul span.line { width: 1px; height: 12px; background: #e0e2e3; top: 18px; margin-left: 10px; }
.color-theme { color: #ec6628; }
.fa-caret-down { display: inline-block; width: 14px; height: 14px; background: url(icon_select1.png) no-repeat; vertical-align: middle; }
.fa-sort-amount-asc { display: inline-block; width: 14px; height: 14px; background: url(priceDown.png) no-repeat; vertical-align: middle; }
.fa-sort-amount-desc { display: inline-block; width: 14px; height: 14px; background: url(priceOn.png) no-repeat; vertical-align: middle; }
div.screening > ul > li { cursor: pointer; }
div.outterselectbox.fixed { padding-top: 91px; }
div.outterselectbox.fixed > h5 { position: fixed; top: 0px; width: 750px; z-index: 9; }
div.outterselectbox > .screenbox,
.screenbox > div.item > ul.bar > li,
.screenbox > div.item > ul.bar { width: 100%; }
div.outterselectbox.fixed > .screenbox { position: fixed; top: 43px; z-index: 9; width: 750px; }
.screenbox > div.item.morebar.active { display: block; width: 100%; }
.screenbox > div.item.morebar { height: 293px; width: 750px; overflow: hidden !important; position: relative; }
.screenbox > div.item > ul.bar { padding-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
section.screenbox { height: 50px; }
section.screenbox ul.bar li div { float: right; margin-right: 40%; margin-top: 15px; }
section.screenbox ul.bar.onlybar li div { float: right; margin-right: 20px; margin-top: 15px; }
.morebar ul li div { z-index: -1; }
div.screening > ul.fourpart > li { font-size: 16px; }
div.pageFoot { font-size: 13px; width: 100%; clear: both; padding-top: 40px; padding-bottom: 50px; }
div.pageFoot > span, div.pageFoot > a { display: inline-block; padding: 5px 8px; margin: 0 5px; }
div.pageFoot .cur { color: #ec6628; }
div.pageFoot > a { cursor: pointer; }
div.pageFoot > .prev, div.pageFoot > .next { border: 1px solid #ec6628; border-radius: 3px; padding: 5px 20px; }
div.pageFoot > .prev span, div.pageFoot > .next span { padding: 5px 20px; }
div.pageFoot > .prev span { background: url(bg_pagePrev.png) no-repeat left center; }
div.pageFoot > .next span { background: url(bg_pageNext.png) no-repeat right center; }
.cright { float: right; width: 380px; }
.rDTitle { font-size: 20px; font-weight: bold; padding-bottom: 20px; }
.rDrmdList li { padding: 20px 0; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.rDrmdList li img { float: left; }
.rDrmdList li h3, .rDrmdList li h4, .rDrmdList li span { font-size: 14px; width: 220px; float: right; }
.rDrmdList li h3 { font-size: 15px; }
.rDrmdList li h4 { color: #808080; padding-top: 10px; }
.rDrmdList li span { font-size: 16px; padding-top: 10px; color: #ff3464; }



/*news*/
#newsList { width:850px; margin:auto;}
#newsList > p > a{ display:inline-block; padding:4px 20px; border:1px solid #999; color:#999; background:#fff; margin-right:15px; border-radius:2px; cursor:pointer;}
#newsList > p > a.selected { border:1px solid #ec6628; color: #ec6628;}
#newsList > ul > li { clear:both; border-bottom:1px solid #e0e0e0; padding:80px 0 50px 0; }
#newsList > ul > li > a img{ width:300px; height:150px; }
#newsList > ul > li > a { float:left; }
#newsList > ul > li > div{ width:520px;  float:right;}
#newsList > ul > li > div h3 { font-weight:bold;}
#newsList > ul > li > div h4 { color:#999; background:url(icon_nwsdate.png) no-repeat -4px center; padding-left:20px; margin-top:8px;}
#newsList > ul > li > div p { color:#999; padding-top:30px; height:96px; }
#newsList > ul > li > div > div { padding:0 10px; background:#f8fbfc; height:48px; line-height:48px;}
#newsList > ul > li > div > div span { color:#999; float:left; display:inline-block; background:url(icon_share.png)no-repeat left center; padding-left:20px; }
#newsList > ul > li > div > div a { float:right; color:#ec6628; }
.newContent { padding-top:60px; }
.newContent .newTitle { font-size:24px; font-weight:bold;}
.newContent .newsTime { background:url(icon_nwsdate.png) no-repeat -4px center; padding-left:20px; color:#999; margin-top:10px; line-height:30px;}
.txtBox {  padding-top:50px; min-height:200px;}
.txtBox img{ max-width:100%;}




@media screen and (min-width: 300px) and (max-width: 1199px) {
	html, body { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
	.owl-pagination { bottom: 5px; }
	.page-section { padding: 0 10px; }
	.logo { background-size: 60%; }
	.js-height-full { height: 200px; }
	.owl-prev, .owl-next { display: none; }
	.iconsbox ul { margin-left: 2%; }
	.iconsbox .icons li { width: 31%; }
	.iconsbox .icons li h3 { font-size: 14px; }
	.iconsbox .icons li img { width: 60px; height: 60px; }
	.testimonial { padding: 15px 0; }
	.testimonial > p { font-size: 11px; line-height: 16px; }
	.icon-quote { width: 41px; height: 40px; background: url(icon_yh.png) no-repeat center bottom; background-size: 41px 40px; margin: 10px auto; }
	.pic-display ul li { width: 100%; margin: 0; margin-bottom: 10px; }
	.pic-display ul li h3 { font-size: 14px; }
	.pic-display ul li h4 { font-size: 12px; }
	.pic-display ul li > div > a, pic-news ul li > div > a { font-size: 15px; }
	.pic-display ul li > a p, .pic-display ul li > a:hover p { background-size: 24px 15px; }
	.pic-news, .pic-news ul li, .pic-news ul li > a img { width: 100%; display: block; margin: 0; }
	.pic-news ul li { margin-bottom: 10px; }
	.pic-news ul li > a i { width: 15px; height: 15px; background-size: 15px 15px; }
	.btn_newsMore, .btn_newsMore:hover { width: 100%; height: 40px; background-size: 70px 14px; }
	.setionTitle_hotcmd, .setionTitle_hotNews, .setionTitle_Fme { background: none; height: 30px; width: auto; text-indent: 0; color: #000; text-align: center; font-size: 24px; font-weight: bold; }
	.styleTxt { width: auto; background: none; }
	.styleTxt h3 { font-size: 13px; padding: 0 5px; line-height: 1.8; background: none; background: rgba(0,0,0,0.7); color: #fff; }
	.styleTxt > p { display: none; }
	.styleOpt > a { width: 30px; height: 30px; background-size: 30px 60px; }
	.companyTxt { line-height: 1.5; font-size: 11px; }
	.companyTxt > img { width: 120px; }
	.bg_footer .baseInfo, .bg_footer .copyInfo { font-size: 12px; }
	.bg_footer .baseInfo > span:first-child, .bg_footer .baseInfo > span:first-child + span, .bg_footer .baseInfo > span:first-child + span + span { background-size: 18px 18px; padding-left: 20px; }
	.bg_footer { padding: 20px 0; line-height: 1.8; }
	.bg_footer .baseInfo { padding-top: 20px; line-height: 1.8; }
	.fixedTree > a { width: 28px; height: 28px; }
	.fixedTree .icon_qq { background-size: 28px 28px; }
	.fixedTree .icon_2weim { background-size: 28px 28px; }
	.fixedTree .icon_yuyue { background-size: 28px 28px; }
	.fixedTree .icon_goTop { background-size: 28px 28px; }

	.topLogo { height: 60px; }
	.topLogo > div { background: #fff; padding: 5px 10px; height: 50px; }
	.topLogo > div img { height: 50px; }
	.cmain { width: auto; padding: 0 10px; }
	.cmain .cleft,.cmain .cright { width: 100%; }
	.datailBanner, .detailName, .cbanner, .cright>.rDTitle, .cright>.rDrmdList{ display: none; }
	.cmain .cright #map { margin-top:0!important; width:100%!important;}
	.wapShowDisplay { display: block; }
	.fjlist .result li { width: 100%; height: auto; margin-right: 0; margin-bottom: 10px; border: 1px solid #f2f2f2; }
	.fjlist .result li img { width: 100%; height: auto; max-height: none; }
	.disBtm { background: #fff; padding: 20px; box-shadow: 1px 1px 12px rgba(0,0,0,0.1); }
	.disBtm > p > span { color: #ff3464; font-size: 18px; }
	.gyInfo .price { display: none; }
	.gyIconList li { float: left; text-align: center; width: 25%; padding: 10px 0; }
	.dlbox { padding-top: 30px; }
	.dlbox > .dlTitle { font-size: 16px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; }
	.gyInfo .txt { padding: 0 10px; }
	.mapDtl { padding-top: 20px; }
	.addTxt { padding-left: 20px; height: 30px; line-height: 30px; background: url(icon_nowadd.png) no-repeat 8px center #fff; }
	div.pageFoot > .prev, div.pageFoot > .next { padding: 5px 10px; }

	#newsList { width:100%; padding-top:20px;}
	#newsList > ul > li { padding:20px 0;}
	#newsList > ul > li > a img{ width:100%; height:auto}
	#newsList > ul > li > a { float:none; }
	#newsList > ul > li > div{ width:100%;  float:none;}
	#newsList > ul > li > div p { padding:10px 0; height:auto;}

	.txtBox img{ max-width:100%;}

	.bg_footer .nav > a {
		margin: 0 0.4rem;
		font-size: 0.8rem;
		color: #fff!important;
	}

	.iconsbox .icons li p { width: 100px;}
	.fjlist2 li{
		width: 100%!important;
		margin: 5px 0!important;
	}
	.fjlist2 li img{
		width: 100%!important;
	}
}


@font-face { font-family: 'dincond-boldregular'; src: url('../fonts/dincondBold.eot'); src: url('../fonts/dincondBold.eot?#iefix') format('embedded-opentype'), url('../fonts/dincondBold.woff') format('woff'), url('../fonts/dincondBold.ttf') format('truetype'), url('../fonts/dincondBold.svg#dincond-boldregular') format('svg'); font-weight: normal; font-style: normal; }


.mt80 { margin-top: 80px; }
/*map地图*/
.fixedMap { position:fixed; z-index:9999; width:802px; height:402px; left:50%; margin-left:-400px; top:50%; margin-top:-200px; background:#fff; display:none; }
.btn_mpclose { position:absolute; z-index:9999; right:10px; top:10px; width:50px; height:50px; background:url(images/btn_mpClose.png) no-repeat; cursor:pointer;}


.fjlist2 { padding: 20px 0px; }
.fjlist2 li { width: 240px; height: auto; margin-left:16px; display: inline-block; position: relative; margin-bottom: 10px; border: 1px solid #f2f2f2; float:left; }
.fjlist2 li:first-child { margin:0;}
.fjlist2 li img { width: 100%; height: auto; max-height: 270px; position: relative; }
.fjlist2 li img.pointer { cursor: pointer; }
.fjlist2 li .mask-black { position: absolute; min-width: 110px; height: 40px; line-height: 40px; background: #e7667c; right: 0px; top: 100px; color: white; text-align: center; }
.fjlist2 li .mask-black b { font-size: 18px; color: white; }
.fjlist2 li .mask-black span { font-size: 14px; }
.fjlist2 li article { padding: 10px; background: #fff; line-height:1.4;}
.fjlist2 li article h3 { font-size: 20px; margin-bottom: 5px; line-height: 100%; font-size: 15px; }
.fjlist2 li article p { line-height: normal; font-size: 13px; margin-bottom: 5px;color: #a5a5a5; }



.rmls {
width:800px; padding:20px ;

}
.rmls ul {
list-style:none; 
}
    .rmls ul li {
        text-align:center;
    float:left;
    padding :10px;
    border:1px solid #ccc;
    margin:10px;
    }      
        
  .rmls ul li:hover,  .rmls ul li.rmls_on {
    text-align:center;
    float:left;
    padding :10px;
    border:1px solid #f8a40d;
    margin:10px;
    cursor:pointer;
    }


.rmls2 {
width:800px; padding:20px ;

}
.rmls2 ul {
list-style:none; 
}
    .rmls2 ul li {
    text-align:center;
    padding :10px;
    border:1px solid #ccc;
    margin:10px;
    display:none;
    }


.bookDetail {
    width:800px; padding:20px ;
}   

.bookDetail ul li { float:left;
    width:150px; padding:10px ;    border:1px solid #ccc;  margin:10px;

}           




/*预约看房DIV*/
.orderLbox { display: none; z-index: 9999; width: 360px; position: fixed; border: 3px solid #f3f3f3; top: 27%; margin-top: -100px; left: 50%; margin-left: -180px; background: rgba(255,255,255,0.98); border-radius: 2px; padding: 15px 15px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.orderLbox .form-group { width: 100%; height: 20px; text-align: center; vertical-align: middle; padding-top: 15px; margin-bottom: 15px; }
.orderLbox .form-group label { float: left; width: 24%; height: 34px; text-align: right; padding-top: 7px; }
.orderLbox .form-group label span.required { color: red; padding-top: 2px; }
.orderLbox .form-group div.col { width: 70%; margin-left: 60px; }
.orderLbox .form-group div.col input { width: 200px; float: right; border-radius: 1px; height: 34px; border: 2px solid #069bc0; border-radius: 4px; text-indent: 10px; background-color:#d9ebef; }
.orderLbox .form-group div.col select { width: 204px; height: 38px; border: 2px solid #069bc0; float: right; background-color:#d9ebef; padding: 1px; font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; -webkit-appearance: none; border-radius: 4px; }
.orderLbox .form-group div.col select option { height: 50px; }
form.orderLbox h3 { text-align: center; line-height: 100%; margin-bottom: 10px; margin-top: 30px; /*font-family: "Microsoft Yahei";*/ /*  font-size: 14px;*/ font-size: 18px; line-height: 100%; color: #444; }
form.orderLbox h3 b { color: #444; font-size: 24px; }
.orderLbox .radioselect { vertical-align: middle; }
.orderLbox .radioselect div { width: 28%; float: left; margin-right: 0px; height: 34px; padding-top: 7px; }
.orderLbox .radioselect div:last-child { text-align: left; }
.orderLbox .radioselect div input,
.orderLbox .radioselect div span { text-align: center; padding-left: 0px; }
.orderLbox .radioselect div:last-child { padding-right: -30px; }
.orderLbox .btn { width: 150px; height: 30px; border-radius: 3px; text-align: center; font-size: 16px; color: white; display: inline-block; cursor: pointer; margin-top: 10px; padding-top: 9px; /*  vertical-align: middle;*/ margin-left: -100px; margin-bottom: 25px; }
.orderLbox .btn.btn-theme { background: #f9690e; }
.orderLbox .close { width: 32px; height: 32px; background: #aaaaaa; color: white; line-height: 32px; text-align: center; cursor: pointer; position: absolute; right: 20px; top: 20px; border-radius: 50%; font-size: 18px; }
.orderLbox .close i { width: 16px; height: 16px; font-style: normal; }
.CSTel { font-size:32px; font-weight:bold; padding-bottom:20px; color:#f9690e; }
.bookDetail ul li { float: left; width: 100px; padding: 10px; border: 1px solid #ccc; margin: 10px; }
.icon_showKF { background:url(icon_showKF.png) no-repeat 10px center; padding-left:45px!important; }
.icon_showVR { background:url(icon_showVR.png) no-repeat 10px center; padding-left:45px!important; }
.icon_showYD { background:url(icon_showYD.png) no-repeat 10px center; padding-left:45px!important;}
.icon_showUS { background:url(icon_showUS.png) no-repeat 10px center; padding-left:45px!important;}
.bg_black { position:fixed; left:0; top:0; width:100%; height:100%; z-index:998; background:#000; opacity:0.5;}