/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@charset "utf-8";
/* CSS Document */

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

 @font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
/* project id 1272221 */
/* @font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/font_1272221_u8993c1i3l.eot');
  src: url('//at.alicdn.com/t/font_1272221_u8993c1i3l.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1272221_u8993c1i3l.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1272221_u8993c1i3l.woff') format('woff'),
  url('//at.alicdn.com/t/font_1272221_u8993c1i3l.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1272221_u8993c1i3l.svg#iconfont') format('svg');
}
 */
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/* for global 全局 */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-5ths {
    width: 20%;
}
@media (min-width : 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

body {
	background: #eeeded;
	color: #666;
	font-size: 16px;
}
a {
	color: #000;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	blr:expression(this.onFocus=this.blur());
}
a:focus{outline:none;text-decoration: none;color: #4e9aa7;}
a:hover {outline:none;text-decoration: none;color: #4e9aa7;}
li {list-style: none;}


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

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

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

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

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

/* font */
.text-12px{font-size: 12px}
.text-14px{font-size: 14px}
.text-16px{font-size: 16px}
.text-18px{font-size: 18px}
.text-20px{font-size: 20px}

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

/* header */
header{background: #fff;}
#headerbar{border: none;background-color: #fff;font-size: 0px;position: relative;border-radius: 0;padding-bottom: 0px;background: url(../img/bj1.png) no-repeat top;}
#headerhd{display: inline-block;vertical-align: middle;}

#headernav {width: 100%;position: relative;box-sizing:border-box;padding-top:80px;background: url(../img/bj2.png) no-repeat top;background-position: center 50px;}
#headernav .container{padding: 0;}
#headernav .logo{width: 33%; text-align: center;float: left;}
#headernav .logo:hover>a{background: rgba(0,0,0,0);}
#headernav ul{width: 67%; text-align: center;float: left;padding-left:4%;}
#headernav .li1 {display: inline-block;position: relative;float: none;height:100px;width: 11.11%;}
#headernav .h2 { margin: 0; padding: 0; }
#headernav .a1 {display: block;width: 100%;font-weight: normal; font-size: 18px;color:#fff;padding: 0px;line-height: 48px;position: absolute;top: 24px;left: 0;background: #4e9aa7;box-sizing: border-box;}
#headernav .a1:hover{color: #ffa500;background-color: #3d8896;}
#headernav .on1 .a1{color: #fff;background-color: #3d8896;}

#headernav #li-home {display: none}
.screen-desktop #headernav ul>li>a{font-size:16px;}
#headernav .ul1 {width: 100%; display: none;position: absolute;z-index: 1009;text-align: left;top: 70px;left:0;font-size: 0;background: #d7f6fb;padding-left: 0;}
#headernav .ul1 .li2 {width: 100%;display: block;position: relative;float: none;height: 48px;}
#headernav .ul1 .on2 {width: 100%;}
#headernav .a2 {display:block;font-size: 16px;color: #ffa500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px dashed #4e9aa7;height: 48px;line-height: 48px;text-align:center;}
#headernav .a2:hover{ background:#4e9aa7; }

#headernav .s-form {width: 224px;height: 36px;background: #fff;position: absolute;top: -60px;right: 10px;border: 1px solid #ccc;}
#headernav .from-control { height: 36px; line-height: 36px; float: left; _display: inline; width: 176px; padding: 8px 0 8px 10px; background: none; border: none;}
#headernav .s-form .btn-box { float: right; _display: inline; width: 42px; height: 36px;}
#headernav .s-form .btn { float: right; _display: inline; width: 42px; height: 36px; line-height: 36px; text-indent: 200%; overflow: hidden; border: none; background: url(../img/icons.png) 4px 6px no-repeat #4898a1; cursor: pointer;}

#m-headerbar { padding-top: 6px; padding-bottom: 6px; border: none; background-color: #938a8a; border-bottom: #d1d1d1; box-shadow: 0px 3px 5px 0px #d1d1d1; }
#m-headerhd { pointer-events: auto; }
#m-headerhd:hover { color: #5faecc; }
#m-headerbar .hdtitle-img {	width: auto; height: 40px; }
#m-headerbar .hdtitle-img img { width: auto; height: 100%; }
#m-headerbar .hdtitle-ch { font-size: 22px; font-weight: 700; line-height: 1.1; letter-spacing: 1px; padding-left: 10px; }
#m-headerbar .hdtitle-en { font-family: Georgia, "serif"; font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 1.1; padding-left: 10px; }
#m-headerbtn { position: absolute; top: 10px; right: 10px; color: #4e9aa7; text-shadow: none; background-color: #fff; border-color: #4e9aa7; }
#leftmenulayout { display: none; width: 100%; height: 100%; width: 100vw !important; height: 100vh !important; position: fixed; z-index: 999998; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .5; }
#leftmenulayout span { display: block; width: 40%; height: 100%; margin-left: 60%; color: #7d7d7d; font-size: 4rem; overflow: hidden; text-align: center; }
#leftmenu { display: none; width: 60%; height: 100% !important; width: 60vw; height: 100vh !important; background-color: #4e9aa7; border-right: 1px solid #333; position: fixed; z-index: 999999; box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem, rgba(0, 0, 0, .25) 0 .15rem .5rem; overflow-y: auto !important; }
#leftmenu>.items { display: block; width: 100%; border-bottom: 1px solid #d7f6fb; position: relative; }
#leftmenu>.items>a { margin: 0 15%; font-size: 15px; display: block; height: 55px; line-height: 55px; position: relative; color: #fff; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }
#leftmenu>.items>i { text-align: center; display: block; position: absolute; top: 0; right: 10px; color: #fff; height: 55px; width: 55px; font-size: 24px; line-height: 55px; }
#leftmenu>.items>.listplus { display: none; text-align: center; padding: 10px 0; }
#leftmenu>.items>.listplus>a { display: block; color: #fff; line-height: 26px; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }
/*
| ----------------------------------------------------------
| Glide styles
| ----------------------------------------------------------
| Here are slider styles
| banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.mainbanner{width: 100%;height:auto;font-size: 0px;position: relative;}
.mainbanner ul,.mainbanner ul li{ list-style: none; margin: 0; padding: 0; font-size: 0; display: block; }
.mainbanner ul li{ float: left; }
.slider { position: relative; width: 100%; height: auto; overflow: hidden; }
.slides { height: auto; /* Simple clear fix */ overflow: hidden; /**	* Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide { list-style: none; height: auto; float: left; clear: none; }
.arrowsWrapper{display:none;}
.slider:hover .arrowsWrapper{display:block}
.slider-arrow { position: absolute; display: block; margin-bottom: 0px; padding: 4%; text-decoration: none; text-align: center; opacity:1; }
.slider-arrow--right { bottom: 40%; right: 4%; background:url(../../images/right_jt.png) no-repeat center; background-size: 50%; }
.slider-arrow--left { bottom: 40%; left: 4%; background:url(../../images/left_jt.png) no-repeat center; background-size: 50%; }
.slider-nav {padding: 10px 0; border-radius:18px; position: absolute; bottom: 2%; text-align: center; }
.slider-nav__item { width: 15px; height: 15px; background: #fff; border: none; clear: none; display: inline-block; margin: 0 5px; border-radius: 50%; }
.slider-nav__item:first-child{margin-left: 10px;}
.slider-nav__item:last-child{margin-right: 10px;}
.screen-phone .slider-nav__item {width: 10px;height: 10px;}
.slider-nav__item:hover,.slider-nav__item--current { background: #4e9aa7;}
.bannner-title{width: auto;overflow: hidden;position: absolute;top: 10%;right:10%;text-align:center;}
.bannner-title img{width: 100%;height: auto;}
.screen-phone .bannner-title img{width: 80%;height: auto;}
.screen-tablet .bannner-title img{width: 80%;height: auto;}
.screen-desktop .bannner-title img{width: 90%;height: auto;}


.body-container{background: #fff;margin-top:15px;padding: 0 20px;margin-bottom:15px;}
.screen-phone .body-container{padding: 0 10px;margin-top:0;}


.thebreadcrumb{width: 100%;font-size: 12px;text-align: left;line-height:28px;padding-top: 15px;padding-bottom: 10px;color:#adadad;border-bottom:1px solid #eee;}
.thebreadcrumb a{color:#adadad;}
.breadcrumb > li:hover a{color: #4e9aa7;}
.breadcrumb{display:inline-block;margin:0;padding: 0;padding-left:10px;}
.breadcrumb i{font-size: 18px;}
.breadcrumb > li + li::before {padding-left:0; padding-right:5px;color: #ccc;content: ">";}
.about_bg { background-color: #f7f8f8;}

.titlestyle-main{display: block;width: 100%;text-align: center;margin-bottom:10px;}
.titlestyle-main .line{display: block;width: 100%;height: 30px;border-bottom:1px solid #eee;margin-top:10px;}
.titlestyle-main .line_d { width:57px; height:2px; border-top:#288b9c 3px solid;}
.titlestyle-main .maintitle { padding: 0px 25px; font-size: 16px; font-weight: bold; height: 30px; border-bottom: 1px solid #4e9aa7; display: block; float: left; }
.titlestyle-main .newstitle { height: auto; line-height: 60px; color: #000; text-align: center; width: 100%; padding: 0px 20px; font-size: 30px; font-weight: bold; }
.titlestyle-main .date { text-align: center; height: auto;font-size:12px; line-height: 40px; width: 100%; background: #e6e6e6; margin-top: 20px; }
.titlestyle-main .date a{color: #666;}
.titlestyle-main .subtitle{font-size: 20px; color: #000;font-weight:400; padding:5px 0;}
.titlestyle-main .xxtitle{font-size: 16px; color: #828181;}

.screen-phone .titlestyle-main .subtitle{font-size: 16px;color: #828181;text-transform:uppercase;}

.beautifulbtn1{ background-color: #fdd000; height: 50px; line-height: 50px; width: 180px; font-size: 14px; text-align: center; max-width: 100%; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; color: #fff !important; outline: none !important; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.beautifulbtn1::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #3f3b3a; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }

.beautifulbtn1:hover::before {-webkit-transform: scale(1,1);transform: scale(1,1);}
.lte-ie-8 .beautifulbtn1:hover {background: #3f3b3a;}
.screen-phone .beautifulbtn1{height: 40px;line-height: 40px;width: 120px;}

.contentbox img,.contentbox iframe,.contentbox iframe div{max-width: 100%;overflow: hidden;}

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


/*热点消息*/
.hotnews-total{background: #eeeded; padding: 15px 10px 0;}
.hotnews{margin: 15px 0 15px 0;}
.hotnews .container{position: relative; background: #faf2f2;}
.hotnews .title {width: 120px; text-align: right; font-size: 16px; color: #f00; line-height: 38px;position: absolute;top: 0;left: 0;font-weight: 700;}
.hotnews .title .img { display: block; float: left; margin-left: 30px; margin-top: 8px; }

.hotnews-list {width: 100%;padding-left:115px;}
.hotnews-list .tempWrap {width: 100% !important;height: 35px;overflow: hidden;}
/* ul 宽度交给 SuperSlide 插件按实测 li 宽度计算（一行排布），不再强制 100% 以免条目换行被裁剪 */
.hotnews-list .roll_row .roll__list {height: 35px;overflow: hidden;}
/* 加宽通知公告条目：用 !important 覆盖 SuperSlide 插件写入的行内宽度，并按可视区宽度取三分之一，保证 3 条可见且无缝循环 */
.hotnews-list .roll_row .roll__list li{width: 355px !important; height: auto;margin:0; padding: 0;padding-left:20px;background: rgba(0,0,0,0);line-height:40px;font-size:14px;float: left;box-sizing: border-box;}
@media (min-width: 768px) and (max-width: 1199px) {
    .hotnews-list .roll_row .roll__list li{width: 282px !important;}
}
@media (max-width: 767px) {
    .hotnews-list .roll_row .roll__list li{width: 211px !important;}
}
.hotnews-list .tempWrap li a{text-align: left; color: #000;font-weight:400;}


/* 主页新闻 */
.index-news{background: #eeeded;color: #666;font-size: 16px;}
.index-news .container{padding: 0;}
.index-news a{color: #333;font-size: 16px;}
.index-news .line{display: block; width: 100%;height: 2px;}
.index-news .newslist .title{line-height:45px;font-weight:bold;padding-left: 15px;background: #fff;}
.index-news .newslist ul{margin:0;padding: 20px; background: #fff;min-height:200px;}
.index-news .newslist ul li{position: relative;}
.index-news .newslist ul li span{display:inline-block; width:4px;height: 4px;background: #4e9aa7;position: absolute;
top: 50%;left: 0;margin-top:-2px;}
.index-news .newslist ul li a{display:block; width: 100%; padding-left:13px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:32px;color: #3c3c3c;}
.index-news .newslist ul li a:hover{color: #4e9aa7;}
.index-news .top{padding-bottom:30px;}
.index-news .center{background: url(../../images/bj4.png);height: 100px;text-align:center;position: relative;}
.index-news .center img{line-height:100px;position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.index-news .bottom{ padding-top: 30px; padding-bottom: 20px; }
/* top/bottom 行与 center 横幅左右对齐：抵消 ZUI 栅格 .row 的 -10px 外边距与列内边距 */
.index-news .row{margin-left:0;margin-right:0;}
.index-news .newslist:first-child{padding-left:0;}
.index-news .newslist:last-child{padding-right:0;}

/* 校园大视角 */
.school-view{background: #fff;padding-top:20px;padding-bottom:10px;}
.school-view .container{padding: 0;}
.school-view .top{position: relative;}
.school-view .top .title{display:block;width: 180px; line-height:50px;color: #4e9aa7;text-align: center; font-size: 16px;position:relative;left:50%;top:0;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);background: #fff;z-index:1;}
.school-view .top .line{height: 2px;width: 100%;background: #ccc;position:absolute;left:0;top:50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.school-view .bottom{color: #000;}
.school-view .bottom a{color: #000;font-weight:400;}
.school-view .bottom .roll-wrap .tempWrap{ width: 100% !important; height: 200px;}
.school-view .bottom .roll-wrap .control{z-index:9;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);color:#fff;}
.screen-phone .school-view .bottom .roll-wrap .control{display:block;}
.screen-tablet .school-view .bottom .roll-wrap .control{display:block;}
.school-view .bottom .roll_row .roll__list {padding:10px}
.school-view .bottom .roll_row .roll__list li{display: block; position: relative; font-size: 12px; line-height: 20px;background: #fff;width: 200px;height: auto;}
.school-view .bottom .roll_row .roll__list li>a{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.school-view .bottom .roll_row .roll__list li>a>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;}
.school-view .bottom .roll_row .roll__list li>a>div>img{ width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0;}
.school-view .bottom .roll_row .roll__list li>a>p{text-align:center;font-size:12px;line-height:20px;color: #000;}

/* 友情链接 */
.index-links{padding-top:20px;padding-bottom: 20px;}
.index-links .container>p { background: #4e9aa7; color: #fff; float: left; margin-left: 20px; padding: 0 10px;font-size: 12px; height: 30px; line-height: 30px;margin-bottom:0;}
.index-links .container>.link { width: 100%; height: auto; line-height: 30px; font-size: 12px; }
.index-links .container>.link>a { display: block;float: left;margin-left: 20px; padding: 0 10px; height: 30px; line-height: 30px; background: #fff;color: #666;}
.screen-phone .index-links .container>p{margin-top:10px;}
.screen-phone .index-links .container>.link>a{margin-top:10px;}
.index-links .container>.link>a:hover{color: #4e9aa7;}

/* 浮动弹窗 */
#floatimg{position: absolute;z-index:999999;}
.screen-phone #floatimg{display: none;}
.screen-tablet #floatimg{display: none;}
#closefloat{display: block;font-size:14px;line-height:20px;position: absolute;top: -20px;right:0;}
.screen-phone #closefloat{display: none;}
.screen-tablet #closefloat{display: none;}

/*底部*/
#footerbar .stats {display: flex;}

#footerbar {width: 100%;font-size: 16px;color: #666;padding-top: 40px;padding-bottom: 40px;background-color: #fff;position: relative;border-top:8px solid #4e9aa7;}
.screen-phone #footerbar{padding-top: 20px;padding-bottom: 20px;}
#footerbar .content1{display:inline-block;width: auto;margin:0 auto;overflow:hidden;position:relative;left:50%;top:0;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
#footerbar .foot-img{display:block;float: left;}
#footerbar .foot-img img{width: 100%;max-width:100%; height: auto;}
#footerbar .foot-content{float: left;padding-left:20px;padding-top:10px;}
.screen-phone #footerbar .foot-content{padding-left:10px;padding-right:10px;}
#footerbar .foot-content p{font-size:14px; line-height:25px;margin: 0;}
.screen-phone #footerbar .group-right{padding-top:20px;}
.screen-phone #footerbar .group-right>div{float: none;margin-right: 0;}
.screen-phone #footerbar{padding-top: 10px;padding-bottom: 0;}


#m-footer { border-top: 1px solid #ccc; background-color: #4e9aa7; }
#m-footer a { display: block; color: #fff; padding-top: 5px; padding-bottom: 5px; }

.lilian {   padding:0; margin-top:10px;}
.lilian ul { padding:0;}
.lilian ul li {width:240px; float:left;list-style: none; color:#000; font-weight:bold; font-size:16px;}
.lilian ul li  p { font-weight:normal; font-size:14px; color:#666; margin-top:10px;}


.screen-tablet .lilian ul li {width:220px; }
.screen-tablet .lilian ul li  p { font-weight:normal; font-size:14px; color:#666; margin-top:10px;}

/* 留言页 */
.from{display: block;padding-top:30px;padding-bottom:30px;}
.from .contact{display: block;width: 100%;background: #fdd000;padding:30px 10%;}
.from .bt1{background: #fdd000;padding: 0 20px 10px;}
.screen-phone .from{padding-top:10px;}
.screen-phone .from .contact{padding:20px 5%;}
.from .contact form{display: block;overflow: hidden;padding-top:10px;}
.from .contact input{display: block;width: 48%;height: 40px;padding:0 10px;outline: none;}
.from .contact input.fl{float: left;}
.from .contact input.fr{float: right;}
.from .contact textarea{display: block;width: 100%;height: 80px;padding: 10px; margin-top:60px;outline: none;resize: none;}
.from .contact .in_btn{display: block;width: 200px;height: 40px;border:none;background: #ff0000;color: #fff;}


/* ------------------------- list 列表页 --------------------------- */
/* list with cards style 卡片样式列表 */
/* 新闻列表页 */
.newslist1{font-size:12px;}
.newslist1 .pager{margin:0;}
.newslist1 ul{margin:0;padding: 0;}
.newslist1 ul li{line-height:40px;position: relative;padding: 0 0 0 20px;}
.screen-phone .newslist1 ul li{padding-left:0px;}
.newslist1 ul li .point{display:block; width: 2px;height: 2px;background: #999;position: absolute;top: 20px;}
.newslist1 ul li a{display:block;width: 100%; color: #333;padding-left:10px;padding-right:70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist1 ul li .date{color: #999;display:block;position: absolute;top: 0;right: 0;}
.newslist1 ul li:nth-child(5n+1) { margin-top: 15px; }
.newslist1 ul li:nth-child(5n) { padding-bottom: 15px; border-bottom: 1px dashed #a9a9a9; }


/*案例列表页*/
.caseliststyle1{margin-top:40px;padding-left: 10px;padding-right: 10px;}
.screen-phone .caseliststyle1{padding:0;}
.caseliststyle1 .item{display: block;width:100%;height: 100%; background-color: #fff;text-align: center;color: #555657;position: relative;}

.caseliststyle1 .col{padding-bottom: 10px;}

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

.caseliststyle1 .item .itemtitle{width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;line-height: 40px;margin: 0 5%;}
.caseliststyle1 .item:hover .itemtitle{color:#fdd000;}
.screen-phone .caseliststyle1 .item .itemtitle{font-size: 14px;}
.caseliststyle1 .item .itemcontent{width: 90%;height:100px;overflow:hidden;margin: 0 5%;margin-bottom: 30px;font-size:14px;line-height:24px;}
.caseliststyle1 .item_more .a_null{height:182px;}

/*产品列表页*/
.proliststyle1{margin-top:40px;padding-left: 10px;padding-right: 10px;}
.screen-phone .proliststyle1{padding:0;}
.proliststyle1 .item{display: block;width:100%;height: 100%; background-color: #fff;text-align: center;color: #555657;position: relative;}

.proliststyle1 .col{padding-bottom: 20px;}

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



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


/* title list style with pic in left 左边有图片的标题列表样式 */
.liststyle2 .items{width: 100%;padding: 14px 0;border-bottom: 1px dashed #dfdfdf;}
.liststyle2 .items>a{display: block;position: relative;}
.liststyle2 .items .news-img{display: block;width: 20%;float: left;overflow: hidden;position: relative;padding-top: 12%;}
.screen-phone .liststyle2 .items .news-img{width: 30%;padding-top: 20%;text-align: center;}
.liststyle2 .items .news-img>div{
	text-align: center;
	display: block;
	position: absolute;
	font-size: 0px;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items>a:hover .news-img>div{width: 120%;height: 120%;top:-10%;left: -10%;}
.liststyle2 .items .news-img>div>img{width: 100%;height: 100%;}
.liststyle2 .items .news-con{display: block;width: 75%;margin-left: 5%;float: left;}
.screen-phone .liststyle2 .items .news-con{display: block;width: 68%;margin-left: 2%;float: left;}
.liststyle2 .items .news-con p{width: 100%;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.liststyle2 .items .news-con .news-title{color: #333;font-size: 20px;font-weight: 700;}
.screen-phone .liststyle2 .items .news-con .news-title{color: #333;font-size: 16px;}
.liststyle2 .items .news-con .news-desc{color: #999;font-size: 14px;}
.liststyle2 .items .news-con .news-detailbtn{
	width: 108px;
	display: block;
	cursor: pointer;
	color: #666;
	height: 30px;
	float: left;
	line-height: 30px;
	text-align: center;
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items:hover .news-con .news-detailbtn,.device-mobile .liststyle2 .items .news-con .news-detailbtn{padding-right: 30px;}
.liststyle2 .items .news-con .news-detailbtn span{
	display: block;
	width: 0;
	color: #fff;
	background-color: #fdd000;
	box-shadow: 0px 0px 2px #fdd000;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items:hover .news-con .news-detailbtn span,.device-mobile .liststyle2 .items .news-con .news-detailbtn span{width: 30px;}
.liststyle2 .items .news-con .news-detailtime{
	width: 90px;
	display: block;
	color: #999;
	height: 30px;
	float: right;
	line-height: 30px;
	text-align: center;
	position: relative;
	background: #fff;
}
.liststyle2 .items:hover .news-con .news-title,.liststyle2 .items:hover .news-con .news-desc,.liststyle2 .items:hover .news-con .news-detailbtn,.liststyle2 .items:hover .news-con .news-detailtime{color: #fdd000;}



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

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


/* join 加入我们列表样式 */
.liststyle3{text-align: center;font-size: 0px;line-height: 0px;overflow: hidden;}
.liststyle3 p{margin: 0px;}
.liststyle3 .group-title{display: block;width: 100%;color: #333;font-size: 24px;line-height: 50px;}
.liststyle3 .item{display: block;width: 100%;color: #fff;background-color: #3f3b3a;position: relative;}
.liststyle3 .item.item-hd{background-color: #fdd000;}
.liststyle3 .item.item-2n{background-color: #534E4D;}
.liststyle3 .item.active{background-color: #f1f1f1;color: #333;}
.liststyle3 .item>span{display: inline-block;width:16.66667%;font-size: 16px;line-height: 40px;position: relative;}
.liststyle3 .item>span .morebtn{
	display:inline-block;
	font-size: 14px;
	line-height: 14px;
	background: #fdd000;
	margin: 0;
	color: #fff;
	padding:8px 15px 8px 20px;
	margin-bottom: 6px;
	cursor: pointer;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle3 .item>span .morebtn:hover{background: #fff;color: #666;}
.liststyle3 .item.active>span .morebtn:hover{background: #3f3b3a;color: #fff;}
.liststyle3 .item>span .morebtn .icon{
	display: inline-block;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle3 .item.active>span .morebtn .icon{transform: rotate(180deg)}
.liststyle3 .item.item-hd>span{font-size: 24px;line-height: 40px;}
.liststyle3 .item .items-main{display: none;width: 100%;color: #534E4D;background-color: #f1f1f1;font-size: 14px;line-height: normal;text-align: left;padding: 2% 4%;}
.screen-phone .liststyle3 .group-title{font-size: 16px;line-height: 42px;}
.screen-phone .liststyle3 .item>span{width: 25%;font-size: 14px;line-height: 30px;vertical-align: top;}
.screen-phone .liststyle3 .item.item-hd>span{font-size: 16px;line-height: 40px;}
.screen-phone .liststyle3 .item>span.xs-hidden{display: none;}
.screen-phone .liststyle3 .item>span .morebtn{display:inline-block;font-size: 12px;line-height: 12px;padding: 4px;}

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

/* developmentlist 发展历程时间轴列表样式 */
.liststyle5{width: 100%;height: 510px;overflow: hidden;position: relative;font-size: 0px;}
.liststyle5 .group-main{width: auto;height: 510px;white-space: nowrap;position: absolute;}
.liststyle5 .group-main .item{display: inline-block;width: 180px;height: 500px;margin: 5px;position: relative;vertical-align: top;}
.liststyle5 .group-main .item .maintitle{position: absolute;display: block;width: 100px;height: 100px;color: #fff;border-radius: 50%;background: #c8cac9;font-size: 18px;white-space: normal;padding: 12px;line-height: 1.2;text-align: center;top: 91px;left: 50%;margin-left: -50px;z-index: 3;behavior: url(style/PIE/PIE.htc);}
.liststyle5 .group-main .item .items-line{position: absolute;display:block;width: 4px;height: 50px;background: #c8cac9;top: 191px;left: 50%;margin-left: -2px;z-index: 2; }
.liststyle5 .group-main .item .items-arrow{position: absolute;display:block;width: 100%;height: 18px;top: 241px;overflow: visible;z-index: 1;}
.liststyle5 .group-main .item .items-arrow .arrowtop{
	position: relative;
	display: block;
	width: 100%;
	height: 9px;
	background: #c8cac9;
	-webkit-transform: skew(40deg);
	-moz-transform: skew(40deg);
	-o-transform: skew(40deg);
	-ms-transform: skew(40deg);
	transform: skew(40deg);
}
.liststyle5 .group-main .item .items-arrow .arrowbottom{
	position: relative;
	display: block;
	width: 100%;
	height: 9px;
	background: #c8cac9;
	-webkit-transform: skew(-40deg);
	-moz-transform: skew(-40deg);
	-o-transform: skew(-40deg);
	-ms-transform: skew(-40deg);
	transform: skew(-40deg);
}
.liststyle5 .group-main .item .items-circle{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	background: #fff;
	top: 245px;
	left: 50%;
	margin-left: -5px;
	border-radius: 50%;
	z-index: 2;
	behavior: url(style/PIE/PIE.htc);
}
.liststyle5 .group-main .item .subtitle{
	position: absolute;
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	top: 258px;
	left: 0;
	color: #c8cac9;
	z-index: 3;
	font-size: 40px;
	line-height: 50px;
}
.liststyle5 .group-main .item .items-main{
	position: absolute;
	display: block;
	width: 100%;
	height: 180px;
	overflow: hidden;
	top: 308px;
	left: 0;
	z-index: 3;
	font-size: 14px;
	line-height: 18px;
	white-space: normal;
}
.liststyle5 .group-main .item .items-main p{margin: 0;}
.liststyle5 .group-main .item.style .maintitle{top: 308px;}
.liststyle5 .group-main .item.style .items-line{top: 258px;}
.liststyle5 .group-main .item.style .subtitle{top: 191px;}
.liststyle5 .group-main .item.style .items-main{top: 12px;}
/* lightgallery 灯箱画廊样式 */
#lightGallery{}
#lightGallery>a.col{padding: 10px;font-size: 0;text-align: center;position: relative;}
#lightGallery>a.col .grouphd{padding-top: 70%;position: relative;}
#lightGallery>a.col .grouphd .grouphd-img{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;}
#lightGallery>a.col .grouphd .grouphd-img>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouphd .grouphd-img>img{width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouposter{display: none;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.5);top: 0;left: 0;}
#lightGallery>a.col:hover .grouposter{display: block;}
#lightGallery>a.col .grouposter>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouptitle{width: 100%;height: 36px;font-size: 14px;line-height: 36px;background-color: #fff;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#lightGallery>a.col:hover .grouptitle{background-color: #fdd000;color: #fff;}
/* casenav 选项卡导航 */
.casenav{width: 100%;background: #f1f1f1;font-size: 16px;text-align: center;line-height:28px;border-bottom: 1px solid #dedede;}
.casenav .casenav-nav{width: 100%;text-align: center;}
.casenav .casenav-nav>li{display: inline-block;position: relative;float: none;}
.casenav .casenav-nav>li.active{background: #fdd000;}
.casenav .casenav-nav>li.active a{color: #fff;}
.casenav .casenav-nav>li:hover a{color: #fdd000;}

/* page 翻页按钮 */
/* 分页 */
/* 外面盒子样式 */
.page_div { margin: 20px auto; color: #666; text-align: center; }

/* 页数按钮样式 */
.page_div button { display: inline-block; min-width: 30px; height: 24px; cursor: pointer; color: #666; font-size: 14px; line-height: 22px; background-color: #f9f9f9; border: 1px solid #dce0e0; text-align: center; margin: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#firstPage, #lastPage, #nextPage, #prePage { width: 50px; color: #4e9aa7; border: 1px solid #4e9aa7 }
#nextPage, #prePage { width: 70px }
.page_div .current, .page_div button:hover { background-color: #4e9aa7; border-color: #4e9aa7; color: #FFF !important; }

/* 页面数量 */
.totalPages { margin: 0 10px; font-size: 14px; }
.totalPages span, .totalSize span { color: #4e9aa7; margin: 0 5px; font-size: 14px; }

/*button禁用*/
.page_div button:disabled { opacity: .5; cursor: no-drop }
.totalNum, .totalList { font-size: 14px; }



/* detail 详情页 */
.content{font-size: 16px;width: 100%;margin: 0 auto;margin-top: 20px;padding-bottom:30px;border-bottom:1px solid #eeeded;margin-bottom:20px;}
.newstitle{display: block;width: 100%;font-size: 20px;font-weight: 700;line-height: 40px;text-align: center;color: #fdd000;}
.maincontent{font-size: 16px;width: 100%;max-width: 1200px;margin: 0 auto;padding: 10px 0;}
.screen-phone .newstitle{font-size: 18px;line-height: 30px;}

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

/* other 其它 */
/* leftnav 左侧小导航栏 */
.leftnav{display: block;width: 100%;background-color: #fff;margin-bottom: 20px;}
.screen-desktop .leftnav{width: 100%;}
.screen-phone .leftnav,.screen-tablet .leftnav{margin-left: auto;margin-right: auto;display: none; }
.leftnav .leftnav-m-ctrl{display: block;width: 100%;font-size: 18px;line-height: 58px;border-bottom: 1px solid #d1d1d1;background: #4e9aa7;color: #fff;text-align: center;cursor: pointer;}
.leftnav .leftnav-m-ctrl i{font-size:22px;line-height: 58px;}

.leftnav a{color: #666;}
.leftnav ul{padding: 0;margin: 0;}
.leftnav ul li{display: block;width: 100%;}
.leftnav ul li>a{display: block;width: 100%;font-size: 16px;color: #666;line-height: 54px;position: relative;text-align:center;background: #f0eeee;}
.leftnav ul li.active>a,.leftnav ul li:hover>a{background: #d7f6fb;}
.leftnav ul li>a>.icon{
	position: absolute;
	right: 22px;
	line-height: 48px;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.leftnav ul li.active>a>.icon{transform: rotate(180deg);}
.leftnav ul li +li{border-top: 1px solid #fff;}
.leftnav ul li .navplus{display: none;width: 100%;border-top: 1px solid #d1d1d1;}
.leftnav ul li.left-contact{width: 100%;height: 90px;font-size: 14px;line-height:16px;background: #333;padding: 20px 0;}
.leftnav ul li.left-contact div.left-tel{background: url(../../images/icon/tel1_03.png) no-repeat center;width: 60px;height: 50px;margin-left:5px;float: left;border-left:none;}
.leftnav ul li.left-contact div{float: left; color: #fff; padding: 5px;13px;border-left: 1px dotted #5c5c5c;}
.leftnav ul li.left-contact div p{}
.leftnav ul li .navplus a{
	display: block;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 0px;
	padding: 12px 20px;
	line-height: 16px;
	height: 40px;
	-webkit-transition: all 0.3s ease-in-out 0.05s;
	-moz-transition: all 0.3s ease-in-out 0.05s;
	-ms-transition: all 0.3s ease-in-out 0.05s;
	-o-transition: all 0.3s ease-in-out 0.05s;
}
.leftnav ul li .navplus a:hover,.leftnav ul li .navplus a.active{color: #fdd000;padding-left: 40px;}
/* rightnav 右侧悬浮导航 */
.rightnav {width: 52px;border: 1px solid #ccc;font-size: 0px;display: block;position: fixed;top: 50%;right: 0px;z-index: 999;}
.rightnav ul{margin: 0px;padding: 0px;}
.rightnav ul li{
	width: 52px;
	display: block;
	height: 52px;
	overflow: hidden;
	list-style: none;
	background-position: 0 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.rightnav ul li:hover{background-position: 0px -62px;}
.rightnav ul li + li {margin-top: 5px;}
.rightnav ul li a{display: block;width: 100%;height: 100%;}
.qq {background: url(../../images/QQ.png) no-repeat;}
.weixin {background: url(../../images/weixin.png) no-repeat;}
.weixin-logo {
	background: #fff;
	font-size: 12px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 127px;
	transform: rotate(720deg);
	-webkit-transition: ease-out .5s;
	-moz-transition: ease-out .5s;
	-ms-transition: ease-out .5s;
	-o-transition: ease-out .5s;
}
.weixin-logo>img{width: 100%;}
.weixin:hover .weixin-logo {
	width: 130px;
	height:auto;
	top: 0px;
	right: 52px;
	text-align: center;
	color: #000;
	transform: rotate(0deg);
}
.rightnav .liuyan {background: url(../../images/liuyan.png) no-repeat;}
.rightnav .gotop{background: url(../../images/gotop.png) no-repeat;}
/* detailcontent wenhua-imgbox 奥捷文化图片盒子 */
.wenhua-imgbox{
	width: 100%;
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari 和 Chrome */
	column-count:2;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px
}
.wenhua-imgbox img{
	display: inline-block;
	width:100%;
	height: auto;
	padding: 1px;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

/* 滚动插件css */
.roll-wrap:hover .control { display: block; }
.roll-wrap { position: relative; width: 100%; overflow: hidden; }
.roll-wrap .roll__list {padding:0;}
.roll_row .roll__list::before, .roll_row .roll__list::after { content: ""; display: table; line-height: 0; }
.roll_row .roll__list::after { clear: both; }
.roll_row .roll__list { width: 9999px; }
.roll_row .roll__list li { float: left; display: block; margin-right: 20px; width: 100%; height: 100px; line-height: 100px; font-weight: 700; font-size: 30px; color: #fff; background-color: #f90; box-sizing: border-box; }
.control { position: absolute; top: 30px; display: none; padding: 10px 5px; font-weight: 700; text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, .3); }
.control:hover { background-color: rgba(0, 0, 0, .5); }
.control.pre { left: 5px; }
.control.next { right: 5px; }
.roll_col { width: 100%; height: 200px; overflow: hidden; }
.roll_col .roll__list { width: 100%; }
.h600 { height: 600px; }
.roll_col li { display: block; height: 200px; line-height: 200px; font-size: 30px; font-weight: 700; text-align: center; color: #fff; background-color: #f90; }
.roll_col .li-2 { background-color: #09f; }
.roll_col .li-3 { background-color: #f09; }
.roll_col .li-4 { background-color: #0f9; }
.roll_col .control { top: 80px; }