@charset "UTF-8";
/*页头部分*/
.container {
	width:1200px;
	clear:both;
	margin:0 auto;
}




#zlight-nav,
#zlight-main-nav,
#zlight-mobile-nav,
#zlight-main-nav > li,
#zlight-main-nav > li > a{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
/*************
* WRAP
*************/
#zlight-nav{
	display: block;
	position: relative;
	width: 100%;
	z-index: 9999;
}
/*************
* MAIN NAV
*************/
#zlight-main-nav{
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	width: 1200px;
	margin: 0 auto!important;
	float: none!important;

}
/*************
* CLEAR
*************/
#zlight-main-nav:before,
#zlight-main-nav:after,
#zlight-nav:before,
#zlight-nav:after {
  display: table;
  content: " ";
}

#zlight-main-nav:after,
#zlight-nav:after {
  clear: both;
}
/*************
* LI & A
*************/

* SUBMENU
*************/
.zlight-submenu{
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;

	box-shadow: 0 1px 7px rgba(0,0,0,0.3);
	position: absolute;
	top: 100%;
	left: 0;
}
.zlight-submenu > li{
	float: none;
	position: relative;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.zlight-submenu > li > a{
	display: block;
	float: none;
	text-decoration: none;
	outline: none;

	text-transform: uppercase;
	padding: 10px 22px;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.zlight-submenu > li:first-child > a{
	border-top: none;
}
.zlight-submenu > li:last-child > a{
	border-bottom: none;
}
.zlight-submenu .zlight-submenu{
	top: 0;
	left: 100%;
}
/*************
* ICON
*************/
#zlight-main-nav i{
	padding: 0 5px;
}
/****************************
* MOBILE NAV
****************************/
#zlight-mobile-nav{
	display: none;
}
#zlight-mobile-nav > span{
	text-transform: uppercase;
	padding: 0 10px 0 20px;
	float: left;
}
#zlight-mobile-nav > .zlight-icon{
	float: right;
	padding: 0 20px 0 10px;
}
#zlight-mobile-nav > select{
	background: none;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;

	width: 100%;
	cursor: pointer;
}
#zlight-mobile-nav:before,
#zlight-mobile-nav:after {
  display: table;
  content: " ";
}
#zlight-mobile-nav:after {
  clear: both;
}





* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { color: #474747; margin: 0 auto; background: #ffffff; min-width: 320px; font-size: 12px; line-height: 24px; font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; }

a { color: #474747; text-decoration: none; outline: none; }

a:hover { color: #323233; }

button, input, select, textarea { font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; border: none; }

input { -webkit-appearance: none; outline: none; border-radius: 0; }

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

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

textarea { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i { font-style: normal; }

b { font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

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

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

input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

@font-face { font-family: 'helveticablack'; src: url("../font/helveticablack.eot"); src: url("../font/helveticablack.eot?#font-spider") format("embedded-opentype"), url("../font/helveticablack.woff") format("woff"), url("../font/helveticablack.ttf") format("truetype"), url("../font/helveticablack.svg") format("svg"); font-weight: normal; font-style: normal; }
.helveticablack { font-family: 'helveticablack'; }

@font-face { font-family: 'helveticalight'; src: url("../font/helveticalight.eot"); src: url("../font/helveticalight.eot?#font-spider") format("embedded-opentype"), url("../font/helveticalight.woff") format("woff"), url("../font/helveticalight.ttf") format("truetype"), url("../font/helveticalight.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helveticacyrillicbold'; src: url("../font/helveticacyrillicbold.eot"); src: url("../font/helveticacyrillicbold.eot?#font-spider") format("embedded-opentype"), url("../font/helveticacyrillicbold.woff") format("woff"), url("../font/helveticacyrillicbold.ttf") format("truetype"), url("../font/helveticacyrillicbold.svg") format("svg"); font-weight: normal; font-style: normal; }
.resource_title i { font-family: 'helveticalight'; }

.curture_top ul li .txt h4 i { font-family: 'helveticalight'; }

.curture_title i { font-family: 'helveticalight'; }
.about_title i{ font-family: 'helveticalight'; }
.curture_impressionwrap .tit li a i { font-family: 'helveticalight'; }
.list_aboutpage .data ul li em{ font-family: 'helveticalight'; }
.list_aboutpage .data ul li em b { font-family: 'helveticacyrillicbold'; }
.section_strength .list li em{ font-family: 'helveticacyrillicbold'; }
.section_strength .list li b{font-family: 'helveticalight'; }
.list_aboutpage .data .time{ font-family: 'helveticacyrillicbold'; }
.js_branch .item .txt h4 i{font-family: 'helveticalight'; }
.w_1230 { width: 100%; margin: 0 auto; max-width: 1200px; }

/*header1 css*/
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; transition: background 0.7s ease,height 0.7s ease; }

header .inner-wrapper { padding: 30px 50px 10px; position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; transition: all 0.3s ease 0s; }

header .inner-wrapper:before { content: ''; width: 100%; height: 70px; background-color: #fff; top: 0; left: 0; position: absolute; -webkit-transform: translateY(-70px); -moz-transform: translateY(-70px); -ms-transform: translateY(-70px); -o-transform: translateY(-70px); transform: translateY(-70px); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

header .inner-wrapper .logo { float: left; display: block; width: 138px; position: relative; }

header .inner-wrapper .logo a { display: block; width: 100%; transition: all 0.3s ease 0s; }

header .inner-wrapper .logo a img { width: 100%; height: auto; }

header .inner-wrapper .logo a img.dark-logo { display: block; }

header .inner-wrapper .logo a img.light-logo { display: none; }

header .inner-wrapper .logo.change-color a img.dark-logo { display: none; }

header .inner-wrapper .logo.change-color a img.light-logo { display: block; }

header .inner-wrapper .hamburger { display: block; float: right; position: relative; top: 13px; transition: top 0.3s ease 0s; }

header .inner-wrapper .hamburger button { float: left; display: block; border: none; width: 30px; height: 30px; font-size: 0; background: none; }

header .inner-wrapper .hamburger button span { width: 22px; height: 2px; background-color: #fff; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; top: 0px; left: 4px; }

header .inner-wrapper .hamburger button span ~ span { margin-top: 5px; }

header .inner-wrapper .hamburger button span:nth-child(2) { width: 22px; }

header .inner-wrapper .hamburger button:hover span:nth-child(2) { width: 0; transform: translateX(30px); }

header .inner-wrapper .hamburger button:hover span:nth-child(1) { transform: translateY(2px); }

header .inner-wrapper .hamburger button:hover span:nth-child(3) { transform: translateY(-2px); }

header .inner-wrapper .hamburger button.change-color span { background-color: #fff; }

header .inner-wrapper .hamburger button.active span { margin-top: 0; }

header .inner-wrapper .hamburger button.active span:nth-child(2) { width: 0; visibility: hidden; opacity: 0; transform: translateX(100%); }

header .inner-wrapper .hamburger button.active span:nth-child(1) { transform: rotate(50deg); }

header .inner-wrapper .hamburger button.active span:nth-child(3) { transform: rotate(-50deg) translate(3px, -2px); }

header .inner-wrapper .hamburger button.active:hover span { width: 22px; }

header.inverse .inner-wrapper .logo a img.light-logo { display: block; }

header.inverse .inner-wrapper .logo a img.dark-logo { display: none; }

header.inverse .inner-wrapper .hamburger button span { background-color: #fff; }

header .menu-items { opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1); -moz-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1); -ms-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1); -o-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1); transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1); }

header .menu-items.no-animation { -webkit-transition-duration: 0; transition-duration: 0; clip: initial; }

header.active .menu-items { opacity: 1; visibility: visible; }

header.active .logo { position: relative; }

header.active .logo:before { content: ""; display: block; position: absolute; background-color: #fff; width: 0; height: 100%; left: 0; top: 0; animation: logoAnimation 0.7s cubic-bezier(0.17, 0.67, 0.21, 1) 0.5s; overflow: hidden; }

header.active .logo a { animation: hideLogos 1s; }

.menu-items { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; }

.menu-items #menuAnimation { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.menu-items .links-container { display: table; height: 100%; width: 100%; }

.menu-items .links-container .vertical-center { display: table-cell; vertical-align: middle; width: 1%; text-align: center; }

.menu-items .links-container ul { list-style: none; display: inline; }

.menu-items .links-container ul li { margin: 25px auto; }

@keyframes logoAnimation { 0% { width: 0; left: 0; }
  50% { width: 100%; left: 0; }
  100% { left: 100%; } }
header .inner-wrapper .en { float: left; height: 30px; padding-left: 20px; line-height: 30px; font-size: 16px; color: #fff; text-transform: uppercase; }

.menu-items:hover a, .menu-items:hover a.active { opacity: 0.5; }

.menu-items a { text-decoration: none; display: inline-block; padding: 8px 0; position: relative; min-width: 200px; -webkit-transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); -moz-transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); -ms-transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); -o-transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); opacity: 0.5; }

.menu-items a.active { opacity: 1; }

.menu-items a span { color: #fff; -webkit-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1); -moz-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1); -ms-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1); -o-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1); transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1); }

.menu-items a span.big-text { display: block; font-size: 24px; line-height: 32px; position: relative; font-weight: 500; }

.menu-items a span.under-text { font-size: 14px; line-height: 24px; opacity: 0; position: absolute; width: 100%; left: 0; top: 50%; text-transform: uppercase; top: calc(50% - 12px); }

.menu-items a span.under-text span { font-size: 20px; vertical-align: middle; margin-left: 10px; }

.menu-items a:hover { opacity: 1; }

.menu-items a:hover.active { opacity: 1; }

.menu-items a:hover span.big-text { transform: translateY(-15px); }

.menu-items a:hover span.under-text { transform: translateY(15px); opacity: 0.5; }

header.smaller { height: 75px; background: #fff; border-bottom: 1px solid #ebebeb; }

header.smaller .inner-wrapper .hamburger button span { background: #777; }

header.smaller .en { color: #777; }

header.inverse.active .header_nav { visibility: hidden; opacity: 0; }

.headnav { position: absolute; left: 0; top: 0; width: 100%; height: 75px; text-align: center; visibility: hidden; opacity: 0; transition: all 0.5s; }

.headnav li { display: inline-block; padding: 0 30px; }

.headnav li a { display: block; position: relative; font-size: 14px; color: #333333; height: 35px; line-height: 35px; overflow: hidden; padding: 20px 0px; transition: all 0.3s ease 0s; }

.headnav li a:hover { color: #e83430; }

.headnav li a:after { position: absolute; right: 0; bottom: 20px; left: 0; border-bottom: 2px solid; content: ""; -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); }

.headnav li a:hover:after { transform: scaleX(1); }

header.smaller .inner-wrapper { padding: 9px 50px; }

header.smaller .inner-wrapper .hamburger { top: 13.5px; }

header.smaller .inner-wrapper .logo a img.light-logo { display: block; }

header.smaller .inner-wrapper .logo a img.dark-logo { display: none; }

header.smaller .headnav { opacity: 1; visibility: visible; }

header.inverse.active .headnav { visibility: hidden; opacity: 0; }

header.inverse.active .inner-wrapper .hamburger button span { background: #7f7f7f; }

header.inverse.active .inner-wrapper .en { color: #7f7f7f; }

/*header1 css end*/
/*鏂伴椈鍒楄〃椤甸潰*/
.list_newspage { background: url(../images/news_pagebg.jpg) no-repeat center top; padding-top: 73px; }

.inner_title { text-align: center; margin-bottom: 60px; }
.inner_title em { display: block; height: 50px; line-height: 50px; margin-bottom: 23px; font-size: 44px; color: #333333; }
.inner_title i { display: block; width: 30px; height: 3px; background: #0a7cd1; margin: 0 auto; }

.js_news { position: relative; margin-bottom: 53px; }
.js_news li { float: left; max-width: 390px; margin-right: 30px; }
.js_news li a { display: block; position: relative; }
.js_news li .img { display: block; padding-bottom: 60.51%; height: 0; width: 100%; position: relative; overflow: hidden; }
.js_news li .img:after { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; background: url(../images/newstxtbg.png) repeat; content: ""; }
.js_news li .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.js_news li .txt { position: absolute; left: 0; width: 100%; bottom: 0; line-height: 23px; padding: 20px 25px; box-sizing: border-box; font-size: 16px; color: #fff;  }
.js_news .prev, .js_news .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/news_arrow.png) no-repeat right top; width: 26px; height: 46px; transition: all 0.3s ease 0s; z-index: 999; }
.js_news .prev { left: -55px; }
.js_news .prev:hover { background-position: left top; }
.js_news .next { right: -55px; background-position: left bottom; }
.js_news .next:hover { background-position: right bottom; }
.js_news .next.swiper-button-disabled:hover { background-position: left bottom; }
.js_news .prev.swiper-button-disabled:hover { background-position: right top; }

.js_news .swiper-pagination { display: none; }

.menue { border-bottom: 1px solid #dfdddd; padding-bottom: 26px; margin-bottom: 56px; }
.menue li { margin: 0 12px; display: inline-block; }
.menue li a { display: block; line-height: 40px; height: 40px; padding: 0 23px; font-size: 16px; color: #333333; }
.menue .on a { border-radius: 20px; background: #0a7cd1; color: #fff; }

.list_newspic .news_item { float: left; width: 47.56%; margin-right: 4.88%; margin-bottom: 57px; }
.list_newspic .news_item .img { float: left; display: block; width: 48.89%; position: relative; height: 174px; overflow: hidden; }
.list_newspic .news_item .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; }
.js_news li .img em{transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; }
.list_newspic .news_item a:hover .img em,.js_news li a:hover .img em{ transform:scale(1.05);-webkit-transform:scale(1.05);}


.list_newspic .news_item .txt { float: left; width: 45.81%; margin-left: 5.3%; }
.list_newspic .news_item .txt h3 { line-height: 30px; max-height: 60px; overflow: hidden; margin-top: 5px; overflow: hidden; font-size: 18px; color: #333333; }
.list_newspic .news_item .txt h4 { margin-bottom: 19px; line-height: 24px; max-height: 48px; margin-top: 15px; font-size: 14px; color: #666666; overflow: hidden; }
.list_newspic .news_item .txt h5 { line-height: 24px; font-size: 12px; color: #555555; }
.list_newspic .news_item:nth-child(2n) { margin-right: 0; }

.page { font-size: 0; text-align: center; margin-bottom: 57px; }
.page a { display: inline-block; height: 36px; border: 1px solid #dcdcdc; line-height: 36px; margin: 0 5px 5px; padding: 0 14px; font-size: 14px; color: #444444; transition: all 0.3s ease 0s; }
.page .prev { margin-right: 55px; position: relative; padding: 0 18px; }
.page .prev:after { position: absolute; left: 85px; top: 0; margin-top: 19px; width: 48px; height: 1px; content: ""; background: #dfdfdf; }
.page .next { margin-left: 55px; position: relative; padding: 0 18px; }
.page .next:after { position: absolute; left: -54px; top: 0; margin-top: 19px; width: 48px; height: 1px; content: ""; background: #dfdfdf; }
.page .active, .page a:hover { background: #0a7cd1; color: #fff; border-color: #0a7cd1; }

.footer { width: 100%; background: #333333; padding-top: 90px; padding-bottom: 67px; }
.footer .footer_logo { float: left; width: 16.02%; width: 28.46%; display: block; }
.footer .footer_logo img { width: 100%; max-width: 197px; display: inline; }
.footer .footer_meun { float: left; width: 19.76%; width: 29.76%; }
.footer .footer_meun dt { line-height: 20px; margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #fff; }
.footer .footer_meun dd { max-width: 266px; }
.footer .footer_meun dd a { display: inline-block; margin-right: 26px; line-height: 30px; font-size: 14px; color: #bcbcbc; }
.footer .footer_contact { float: left; width: 32.03%; }
.footer .footer_contact dt { line-height: 20px; margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #fff; }
.footer .footer_contact dd { font-size: 14px; color: #bcbcbc; line-height: 30px; }
.footer .footer_ewm { width: 9.51%; text-align: right; float: left; }
.footer .footer_ewm img { width: 100%; max-width: 117px; }

.footer_bot { width: 100%; border-top: 1px solid #434343; padding: 26px 0 28px; line-height: 20px; background: #333333; font-size: 14px; color: #888787; }
.footer_bot .left { float: left; }
.footer_bot .right { float: right; }
.footer_bot .right a { color: #888787; }

/* list_aboutpage */
.list_aboutpage { background: url(../images/news_pagebg.jpg) no-repeat center top; padding-top: 73px; }
.list_aboutpage .data { position: relative; width: 100%; overflow: hidden; padding: 9.36% 4.96% 94px; background-position: center top;  background-repeat: no-repeat; box-sizing: border-box; background-attachment: fixed; }
.list_aboutpage .data .time { border: 1px solid #fff; height: 101px; margin-bottom: 491px; padding: 0 20px; width: 78px; padding-left: 20px; padding-top: 36px; }
.list_aboutpage .data .time i { display: block; line-height: 26px; font-size: 18px; color: #fff; text-transform: uppercase; }
.list_aboutpage .data .time b { display: block; line-height: 39px; font-size: 36px; color: #fff; }
.list_aboutpage .data ul li { display: inline-block; width: 25%; float: left; text-align: center; }
.list_aboutpage .data ul li em { display: block; line-height: 84px; height: 84px; overflow: hidden; }
.list_aboutpage .data ul li em b { font-size: 72px; color: #fff; }
.list_aboutpage .data ul li span { display: block; line-height: 44px; font-size: 15px; color: #fff; word-wrap: break-word; word-break: normal; }

.about_title { text-align: center; }
.about_title b { display: block; line-height: 1.42; font-size: 36px; color: #333333; }
.about_title i { display: block; line-height: 1.67; font-size: 18px; color: #999999; text-transform: uppercase; }

.about_intro { padding-top: 20px; }
.about_intro .txt1 { line-height: 30px; margin-top: 56px; margin-bottom: 46px; font-size: 14px; color: #666666; }
.about_intro .txt1 .left { float: left; width: 47.15%; margin-right: 4.89%; }
.about_intro .txt1 .right { float: left; width: 47.15%; margin-right: 0.81%; }
.about_intro .txt2 { line-height: 30px; padding-top: 49px; padding-bottom: 40px; font-size: 14px; color: #666666; }
.about_intro .txt2 p { margin-bottom: 20px; }

.about_honor { padding-bottom: 100px; padding-top: 70px; }
.list_aboutpage .data ul li em{font-size: 48px;color: #fff;}

.js_honor { position: relative; margin-top: 34px; }
.js_honor ul li { float: left; position: relative; }
.js_honor ul .img { padding-bottom: 134.69%; position: relative; width: 100%; overflow: hidden; }
.js_honor ul .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; background: url(../images/honor_itembg.jpg) no-repeat center center; background-size: contain; }
.js_honor ul .txt { position: absolute; left: 20.37%; right: 20.37%; top: 18%; }
.js_honor ul .txt h5 { margin-bottom: 40px; }
.js_honor ul .txt h5 b { display: block; margin-bottom: 14px; font-size: 14px; color: #555555; }
.js_honor ul .txt h5 i { display: block; width: 16px; height: 1px; background: #000000; }
.js_honor ul .txt h4 { line-height: 30px; font-size: 18px; color: #555555; }
.js_honor .prev, .js_honor .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/honor_arrow.png) no-repeat right top; width: 19px; height: 34.5px; transition: all 0.3s ease 0s; z-index: 999; }
.js_honor .prev { left: -55px; }
.js_honor .prev:hover { background-position: left top; }
.js_honor .next { right: -55px; background-position: left bottom; }
.js_honor .next:hover { background-position: right bottom; }
.js_honor .next.swiper-button-disabled:hover { background-position: left bottom; }
.js_honor .prev.swiper-button-disabled:hover { background-position: right top; }
.js_honor .swiper-pagination { display: none; }

.about_team { background: url(../images/team_bg.jpg) no-repeat center top; padding-top: 91px; padding-bottom: 70px; }
.about_team .about_title b { color: #fff; }
.about_team .about_title i { color: #999999; }

.js_team { position: relative; margin-top: 61px; }
.js_team li a:hover .txt { opacity: 1; visibility: visible; }
.js_team li .img { padding-bottom: 100%; width: 100%; overflow: hidden; position: relative; border-radius: 50%; }
.js_team li .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; }
.js_team li .txt { opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(232, 52, 40, 0.8); color: #fff; font-size: 18px; text-align: center; border-radius: 50%; }
.js_team li .txt span { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; }
.js_team .prev, .js_team .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/honor_arrow.png) no-repeat right top; width: 19px; height: 34.5px; transition: all 0.3s ease 0s; z-index: 999; }
.js_team .prev { left: -55px; }
.js_team .prev:hover { background-position: left top; }
.js_team .next { right: -55px; background-position: left bottom; }
.js_team .next:hover { background-position: right bottom; }
.js_team .next.swiper-button-disabled:hover { background-position: left bottom; }
.js_team .prev.swiper-button-disabled:hover { background-position: right top; }
.js_team .swiper-pagination { display: none; }

.about_contact { padding-top: 70px; }
.about_contact ul { padding: 39px 0; }
.about_contact ul li { border: 1px solid #ececec; float: left; margin-right: 2.44%; width: 31.7%; box-sizing: border-box; padding: 45px 3.17% 43px; height: 221px; }
.about_contact ul li p { font-size: 14px; color: #666666; line-height: 30px; }
.about_contact ul li h4 { font-size: 18px; font-weight: bold; color: #333333; margin-bottom: 17px; }
.about_contact ul li:nth-child(3n) { margin-right: 0; }
.about_contact ul li{margin-bottom:15px}

.about_branch .about_title b { font-size: 30px; color: #333333; }

.js_branch { margin-bottom: 71px; margin-top: 40px; }
.js_branch .tit { border: 1px solid #dfdddd; border-width: 1px 0; padding: 24px 0 26px; margin-bottom: 53px; }
.js_branch .tit li { display: inline-block; float: left; width: 8.33%; text-align: center; }
.js_branch .tit li a { display: block; height: 40px; line-height: 40px; font-size: 16px; color: #333333; border-radius: 19px; }
.js_branch .tit .on a, .js_branch .tit a:hover { background: #e83428; color: #fff; }
.js_branch .item .img { float: left; width: 47.64%; display: block; padding-bottom: 26.9%; position: relative; overflow: hidden; }
.js_branch .item .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.js_branch .item .txt { float: left; width: 43.5%; margin-left: 4.88%; }
.js_branch .item .txt h4 { margin-bottom: 43px; }
.js_branch .item .txt h4 b { display: block; line-height: 32px; font-size: 24px; color: #333333; }
.js_branch .item .txt h4 i { display: block; line-height: 19px; font-size: 12px; color: #333333; text-transform: uppercase; }
.js_branch .item .txt .detail { font-size: 14px; color: #666666; line-height: 30px; }

/*list_curturepage*/
.list_curturepage { background: url(../images/news_pagebg.jpg) no-repeat center top; padding-top: 73px; }

.curture_title { text-align: center; }
.curture_title b { display: block; line-height: 41px; text-transform: uppercase; font-size: 30px; color: #333333; }
.curture_title i { display: block; line-height: 31px; font-size: 18px; color: #999999; text-transform: uppercase; }

.curture_character { padding-bottom: 72px; }

.js_character { text-align: center; margin-top: 46px; position: relative; }
.js_character .img { position: relative; padding-bottom: 100%; width: 100%; border-radius: 50%; }
.js_character .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; }
.js_character .txt { margin-top: 14px; font-size: 18px; color: #333333; }
.js_character .prev, .js_character .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/curture_arrow.png) no-repeat right top; width: 31px; height: 56px; transition: all 0.3s ease 0s; z-index: 999; }
.js_character .prev { left: -61px; }
.js_character .prev:hover { background-position: left top; }
.js_character .next { right: -61px; background-position: left bottom; }
.js_character .next:hover { background-position: right bottom; }
.js_character .next.swiper-button-disabled:hover { background-position: left bottom; }
.js_character .prev.swiper-button-disabled:hover { background-position: right top; }
.js_character .swiper-pagination { display: none; }

.js_character li a { display: block; padding: 5px; }

.js_character .img:before { position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; content: ""; border-radius: 50%; transition: all 0.3s ease 0s; }

.js_character li a:hover .img:before { background: #e83428; }

.curture_top { margin-bottom: 64px; padding-top: 21px; }
.curture_top ul li { border: 1px solid #e7e7e7; background: #ffffff; text-align: center; padding-bottom: 45px; float: left; width: 22.93%; margin-right: 2.76%; box-sizing: border-box; transition: all 0.3s ease 0s; }
.curture_top ul li .img { position: relative; width: 50%; margin: 60px auto 30px; max-width: 139px; }
.curture_top ul li .img img { width: 100%; height: 100%; transition: all 0.3s ease 0s; }
.curture_top ul li .img .img1 { opacity: 0; visibility: hidden; }
.curture_top ul li .img .img2 { position: absolute; left: 0; top: 0; }
.curture_top ul li .txt h4 { margin-bottom: 13px; }
.curture_top ul li .txt h4 b { display: block; line-height: 30px; height: 30px; font-size: 24px; color: #333333; }
.curture_top ul li .txt h4 i { display: block; line-height: 19px; height: 19px; font-size: 14px; color: #999999; text-transform: uppercase; }
.curture_top ul li .txt .detail { line-height: 26px; font-size: 14px; color: #666666; height: 52px; overflow: hidden; }
.curture_top ul li:hover .img .img1 { opacity: 1; visibility: visible; }
.curture_top ul li:hover .img .img2 { opacity: 0; visibility: hidden; }
.curture_top ul li:hover { box-shadow: 2.5px 4.33px 49px 0px rgba(6, 0, 1, 0.1); }
.curture_top ul li:last-child { margin-right: 0; }

.js_curturetop .swiper-pagination { display: none; }

.curture_impressionwrap { padding-top: 34px; padding-bottom: 79px; }
.curture_impressionwrap .tit { float: left; width: 22.85%; border: 1px solid #e7e7e7; box-sizing: border-box; }
.curture_impressionwrap .tit li { border-bottom: 1px solid #e7e7e7; }
.curture_impressionwrap .tit li a { display: block; text-align: center; position: relative; padding: 38px 0 45px; height: 139px; box-sizing: border-box; transition: all 0.3s ease 0s; }
.curture_impressionwrap .tit li a:before { position: absolute; left: 0; width: 88px; height: 51px; content: ""; bottom: 0; transition: all 0.3s ease 0s; }
.curture_impressionwrap .tit li a:after { position: absolute; right: -14px; top: 60px; content: ""; width: 0; height: 0; border-top: 11px solid transparent; border-left: 14px solid #e83428; border-bottom: 11px solid transparent; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; }
.curture_impressionwrap .tit li a b { display: block; line-height: 35px; font-size: 24px; color: #333333; transition: all 0.3s ease 0s; }
.curture_impressionwrap .tit li a i { display: block; line-height: 23px; font-size: 14px; color: #999999; text-transform: uppercase; transition: all 0.3s ease 0s; }
.curture_impressionwrap .tit li:nth-child(1) a:before { background: url(../images/workplace_num1.png) no-repeat left bottom; }
.curture_impressionwrap .tit li:nth-child(1):hover a:before { background-position: left top; }
.curture_impressionwrap .tit li:nth-child(1).on a:before { background-position: left top; }
.curture_impressionwrap .tit li:nth-child(2) a:before { background: url(../images/workplace_num2.png) no-repeat left bottom; }
.curture_impressionwrap .tit li:nth-child(2):hover a:before { background-position: left top; }
.curture_impressionwrap .tit li:nth-child(2).on a:before { background-position: left top; }
.curture_impressionwrap .tit li:nth-child(3) a:before { background: url(../images/workplace_num3.png) no-repeat left bottom; }
.curture_impressionwrap .tit li:nth-child(3):hover a:before { background-position: left top; }
.curture_impressionwrap .tit li:nth-child(3).on a:before { background-position: left top; }
.curture_impressionwrap .tit li:nth-child(4) a:before { background: url(../images/workplace_num4.png) no-repeat left bottom; }
.curture_impressionwrap .tit li:nth-child(4):hover a:before { background-position: left top; }
.curture_impressionwrap .tit li:nth-child(4).on a:before { background-position: left top; }
.curture_impressionwrap .tit li:last-child { border-bottom: none; }
.curture_impressionwrap .tit .on a, .curture_impressionwrap .tit li:hover a { background-color: #e83428 !important; }
.curture_impressionwrap .tit .on a b, .curture_impressionwrap .tit li:hover a b { color: #fff; }
.curture_impressionwrap .tit .on a i, .curture_impressionwrap .tit li:hover a i { color: #fff; }
.curture_impressionwrap .tit .on a:after, .curture_impressionwrap .tit li:hover a:after { opacity: 1; visibility: visible; }
.curture_impressionwrap .cont { float: right; width: 74.47%; height: 561px; overflow: hidden; }

.js_impression { position: relative; overflow: hidden; }
.js_impression a { position: relative; display: block; }
.js_impression .img { position: relative; padding-bottom: 562px; width: 100%; }
.js_impression .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.js_impression .img:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 119px; content: ""; background: url(../images/impression_txtbg.png) repeat-x; }
.js_impression .txt { display: block; position: absolute; left: 0; width: 100%; bottom: 0; padding-bottom: 26px; line-height: 24px; }
.js_impression .txt span { font-size: 18px; color: #fff; padding: 0 6%; display: block; }
.js_impression .prev, .js_impression .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/impression_arrow.png) no-repeat left top; width: 56px; height: 82px; transition: all 0.3s ease 0s; z-index: 999; }
.js_impression .prev { left: 0px; }
.js_impression .next { right: 0px; background-position: right top; }
.js_impression .next.swiper-button-disabled { opacity: 0.6; }
.js_impression .prev.swiper-button-disabled { opacity: 0.6; }
.js_impression .swiper-pagination { display: none; }

.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e83428; }

/*font*/
.resource_title { text-align: center; }
.resource_title b { display: block; line-height: 41px; text-transform: uppercase; font-size: 30px; color: #333333; }
.resource_title i { display: block; line-height: 31px; font-size: 18px; color: #999999; text-transform: uppercase; }

.resource_welfare { margin-bottom: 88px; padding-top: 65px; }
.resource_welfare .txt { font-size: 14px; color: #666666; line-height: 2; text-align: center; max-width: 786px; width: 90%; margin: 26px auto 62px; }
.resource_welfare .img { text-align: center; }
.resource_welfare .img img { max-width: 563px; width: 100%; }

.list_resourcepage { background: url(../images/news_pagebg.jpg) no-repeat center top; padding-top: 73px; }

.resource_culture { padding-top: 16px; padding-bottom: 654px; background: url(../images/resource_topbg.png) no-repeat center bottom; }
.resource_culture .txt { padding-top: 27px; font-size: 14px; color: #666666; line-height: 28px; width: 51.22%; margin: 0 auto; max-width: 630px; text-align: center; }

.recurit_wrap table { width: 100%; border-collapse: collapse; background: #fff; margin-top: 45px; margin-bottom: 56px; }

.recurit_wrap table thead tr { background: #666666; color: #fff; font-weight: bold; font-size: 15px; }

.recurit_wrap table thead tr th { color: #fff; }

.recurit_wrap table tbody tr { border-bottom: 1px solid #ececec; }

.recurit_wrap table td, .recurit_wrap table th { text-align: left; color: #666666; font-size: 14px; }

.recurit_wrap table th { height: 57px; }

.recurit_wrap table td { height: 60px; }

.recurit_wrap table td { font-size: 15px; color: #555555; }

.recurit_wrap table a { color: #555555; display: block; font-size: 14px; }

.recurit_wrap table a:hover { text-decoration: underline; color: #eb4a4f; }

.recurit_wrap table td:nth-child(1), .recurit_wrap table th:nth-child(1) { width: 27%; padding-left: 3.82%; box-sizing: border-box; }

.recurit_wrap table td:nth-child(2), .recurit_wrap table th:nth-child(2) { width: 23.98%; text-align: center; }

.recurit_wrap table td:nth-child(3), .recurit_wrap table th:nth-child(3) { width: 18.37%; text-align: center; }

.recurit_wrap table td:nth-child(4), .recurit_wrap table th:nth-child(4) { width: 15.33%; text-align: center; }
.recurit_wrap table td:nth-child(5), .recurit_wrap table th:nth-child(5) { width: 15%; text-align: center; }

.recurit_wrap table td:nth-child(4) { font-size: 14px; }

.resource_train { background: url(../images/resource_bg2.jpg) no-repeat center top; padding-top: 106px; padding-bottom: 125px; }
.resource_train .resource_title b { color: #fcfdfd; }
.resource_train .resource_title i { color: #999999; }
.resource_train .txt { font-size: 14px; color: #fff; line-height: 2; width: 42.28%; margin: 0 auto; text-align: center; margin-top: 47px; margin-bottom: 84px; }

.js_train { width: 72.52%; margin: 0 auto; position: relative; }
.js_train li { float: left; text-align: center; }
.js_train li .bg { background: #fff; border-radius: 50%; width: 100%; height: 0; padding-bottom: 100%; text-align: center; position: relative; margin-bottom: 19px; }
.js_train li .bg:before{  position: absolute; left: 0;top: 0;right: 0;bottom: 0;content: ""; background: #fff; border: 5px solid #E83428;border-radius: 50%;  transform:scale(1.05); opacity: 0; visibility:hidden; 
transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s; }
.js_train li:hover .bg:before{  transform:scale(1);-webkit-transform:scale(1); opacity: 1; visibility:visible;}
.js_train li .bg em { display: block; width: 30.43%; margin: 0 auto 21px; }
.js_train li .bg em img { width: 100%; max-width: 70px; }
.js_train li .bg span b { display: block; margin-bottom: 4px; font-size: 24px; color: #333333; }
.js_train li .bg span i { display: block; text-transform: uppercase; font-size: 14px; color: #999999; }
.js_train li .wrap { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.js_train li .detail { font-size: 14px; color: #fff; line-height: 26px; overflow: hidden; }
.js_train .swiper-pagination { display: none; }

/* list_servicepage */
.list_servicepage { background: url(../images/news_pagebg.jpg) no-repeat center top; padding-top: 73px; }

.service_cont .service_itemdl { margin-bottom: 40px; background: #fff; }
.service_cont .service_itemdl a { display: block; width: 100%; background: #fff; }
.service_cont .service_itemdl dt { float: left; width: 50%; height: 362px; position: relative; overflow: hidden; }
.service_cont .service_itemdl dt em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s; }
.service_cont .service_itemdl a:hover dt em{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.service_cont .service_itemdl dd { float: left; margin-left: 3.66%; width: 43.25%; }
.service_cont .service_itemdl dd h3 { margin-bottom: 30px; margin-top: 64px; }
.service_cont .service_itemdl dd h3 b { display: block; line-height: 30px; height: 30px; margin-bottom: 16px; font-size: 24px; color: #333333; text-transform: uppercase;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s; }
.service_cont .service_itemdl dd h3 i { display: block; width: 23px; height: 2px; background: #0a7cd1; }
.service_cont .service_itemdl dd .txt { margin-bottom: 28px; font-size: 14px; color: #666666; line-height: 28px; max-height: 168px; overflow: hidden; }
.service_cont .service_itemdl dd .more { display: inline-block; height: 38px; line-height: 38px; border: 1px solid #d3d2d2; text-align: center; overflow: hidden; padding-left: 23px; padding-right: 25px; transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.service_cont .service_itemdl dd .more span { font-size: 14px; color: #666666; display: inline-block; margin-right: 12px; float: left;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s; }
.service_cont .service_itemdl dd .more i { background: url(../images/service_morearrow.png) no-repeat left center; width: 18px; height: 38px; display: inline-block; vertical-align: middle; float: left;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s; }
.service_cont .service_itemdl dd .more:hover{ border: 1px solid #0a7cd1; }
.service_cont .service_itemdl dd .more:hover span{ color: #0a7cd1;}
.service_cont .service_itemdl dd .more:hover i{  background-position: right center; transform:translateX(5px);-webkit-transform:translateX(5px); }
.service_cont .service_itemdl a:hover dd h3 b{color: #0a7cd1;}
.service_cont .service_itemdl:nth-child(2n) dt { float: right; }

/* cont_designerpage */
.cont_designerpage { background: url(../images/news_pagebg.jpg) no-repeat center top; padding-top: 28px; }

.location { font-size: 14px; color: #666666; line-height: 24px; padding-bottom: 39px; }
.location a { color: #666666; padding: 0 5px; }
.location i { padding-left: 5px; }
.location a:nth-child(1) { padding-left: 0; }

.designer_section1 .img { float: left; width: 25.94%; padding-bottom: 36%; position: relative; }
.designer_section1 .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 background-size: auto 100%; background-position: center center; background-repeat: no-repeat; }
.designer_section1 .txt { float: left; width: 53.62%; margin-left: 4.31%; }
.designer_section1 .txt h3 { margin-bottom: 39px; }
.designer_section1 .txt h3 b { display: block; line-height: 30px; margin-bottom: 12px; height: 30px; font-size: 28px; color: #333333; }
.designer_section1 .txt h3 i { display: block; margin-bottom: 15px; width: 26px; height: 2px; background: #e83428; }
.designer_section1 .txt h3 span { font-size: 16px; color: #333333; }
.designer_section1 .txt ul { color: #555555; font-size: 14px; }
.designer_section1 .txt ul li { line-height: 30px; margin-bottom: 14px; padding-left: 45px; position: relative; }
.designer_section1 .txt ul li:after { position: absolute; left: 0; top: 0; width: 45px; height: 30px; background: url(../images/designer_topicon.png) no-repeat; content: ""; }
.designer_section1 .txt ul .li1:after { background-position: left top; }
.designer_section1 .txt ul .li2:after { background-position: left -30px; }
.designer_section1 .txt ul .li3:after { background-position: left -60px; }
.designer_section1 .txt ul .li4:after { background-position: left -90px; }
.designer_section1 .txt ul .li5:after { background-position: left -120px; }

.designer_section2 { margin-top: 55px; }
.designer_section2 .txt { padding-top: 39px; font-size: 14px; color: #555555; line-height: 30px; }
.designer_section2 .txt p { margin-bottom: 38px; }
.designer_section2 .txt img { max-width: 100%; }

.designer_title { overflow: hidden; border-bottom: 1px solid #dfdddd; padding-bottom: 12px; }
.designer_title b { background: url(../images/work_numbg.png) no-repeat center center; display: block; float: left; width: 69px; height: 62px; line-height: 62px; font-size: 30px; color: #fff; text-align: center; }
.designer_title em { float: left; height: 62px; line-height: 62px; font-size: 24px; color: #333333; }
.designer_title i { float: left; height: 62px; line-height: 62px; padding-left: 13px; font-size: 18px; color: #d2d2d2; text-transform: uppercase; }

.designer_section3 { padding-top: 22px; }
.designer_section3 .designer_work { padding-top: 54px; }
.designer_section3 .designer_work dl { padding-bottom: 40px; }
.designer_section3 .designer_work dt { float: left; width: 59.51%; }
.designer_section3 .designer_work dt h3 { margin-bottom: 19px; overflow: hidden; height: 40px; line-height: 40px; }
.designer_section3 .designer_work dt h3 b { display: block; font-size: 36px; color: #e83428; position: relative; }
.designer_section3 .designer_work dt h3 b:after { position: absolute; left: 57px; width: 61px; height: 1px; background: #000000; content: ""; top: 50%; }
.designer_section3 .designer_work dt h4 { display: block; line-height: 30px; margin-bottom: 19px; font-size: 26px; color: #333333; }
.designer_section3 .designer_work dt .txt { font-size: 14px; color: #666666; line-height: 26px; }
.designer_section3 .designer_work dd { float: right; width: 36.59%; height: 0; padding-bottom: 19%; position: relative; }
.designer_section3 .designer_work dd em { display: block; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.designer_section4 { padding-top: 37px; }
.designer_section4 .txt { line-height: 30px; padding-top: 42px; padding-bottom: 70px; font-size: 14px; color: #555555; }

.designer_section3 .designer_work dl:nth-child(2n) dt { float: right; }

.designer_section3 .designer_work dl:nth-child(2n) dd { float: left; }

.designer_section3 .designer_work dl:nth-child(2n) dt h3 { text-align: right; }

.designer_section3 .designer_work dl:nth-child(2n) dt h3 b:after { left: auto; right: 64px; }

/* list_designerpage */
.list_designerpage { background: url(../images/news_pagebg.jpg) no-repeat center top; padding-bottom: 80px; }
.list_designerpage .menue { margin-bottom: 60px; padding-top: 24px; border-top: 1px solid #dfdddd; }
.list_designerpage .location { padding-top: 27px; padding-bottom: 13px; }

.designer_toptitle { margin-bottom: 28px; line-height: 32px; }
.designer_toptitle b { font-size: 30px; color: #333333; text-transform: uppercase; }
.designer_toptitle a { float: right; font-size: 14px; color: #333333; background: url(../images/back_icon.png) no-repeat left center; padding-left: 26px; }

.list_designerul li { text-align: center; float: left; width: 23.17%; margin-right: 2.44%; }
.list_designerul li .img { margin-bottom: 19px; position: relative; padding-bottom: 126.32%; width: 100%; position: relative; }
.list_designerul li .img em { display: block; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.list_designerul li .txt { font-size: 16px; color: #333333; }
.list_designerul li:nth-child(4n) { margin-right: 0; }

.list_designerul li:nth-child(2n) { margin-top: 37px; padding-top: 13px; }

.list_designerul li:nth-child(4n) { margin-top: 37px; padding-top: 13px; }

/* list_expertpage */
.expert_intro { background: url(../images/expert_topbg.jpg) no-repeat center top; padding-top: 100px; padding-bottom: 96px; background-size: cover; }
.expert_intro .img { float: left; width: 34.47%; position: relative; padding-bottom: 34.47%; height: 0; border-radius: 50%; }
.expert_intro .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; display: block; }
.expert_intro .txt { float: right; width: 60.24%; }
.expert_intro .txt .title { margin-bottom: 59px; }
.expert_intro .txt .title b { display: block; line-height: 44px; padding-bottom: 16px; font-size: 36px; color: #fff; }
.expert_intro .txt .title i { display: block; margin-bottom: 19px; width: 26px; height: 1px; background: #e83428; }
.expert_intro .txt .title span { font-size: 18px; color: #fff; }
.expert_intro .txt h4 { margin-bottom: 17px; font-size: 22px; color: #fff; }
.expert_intro .txt .detail { font-size: 14px; color: #ffffff; line-height: 28px; overflow:auto; height: 220px; padding-right: 5%; }

.expert_intro .txt .detail::-webkit-scrollbar-track { background-color: #e3e3e3; }
.expert_intro .txt .detail::-webkit-scrollbar { width: 16px; background-color: #e3e3e3; }
.expert_intro .txt .detail::-webkit-scrollbar-thumb { background-color: #e93429; }

.expert_prize { padding-top: 54px; padding-bottom: 83px; }
.expert_prize .title { margin-bottom: 43px; line-height: 37px; font-size: 30px; color: #333333; }

.js_prize .left { float: left; width: 35.77%; }
.js_prize .right { float: right; width: 54.15%; }
.js_prize .num { line-height: 36px; margin-bottom: 12px; }
.js_prize .num b { font-size: 36px; color: #e83428; position: relative; height: 36px; }
.js_prize .num b:after { position: absolute; left: 56px; top: 50%; content: ""; background: #000000; width: 60px; height: 1px; }
.js_prize h5 { font-size: 30px; color: #333333; line-height: 37px; margin-bottom: 17px; }
.js_prize .txt { font-size: 14px; color: #666666; line-height: 26px; }
.js_prize .txt p { margin-bottom: 26px; }
.js_prize .prev, .js_prize .next { width: 32px; height: 24px; border: 1px solid #c7c7c7; text-align: center; display: block; float: left; margin-right: 8px; background: url(../images/expert_arrow.png) no-repeat left top; }
.js_prize .prev:hover { background-position: left -26px; }
.js_prize .next { background-position: right top; }
.js_prize .next:hover { background-position: right -26px; }
.js_prize .prev.swiper-button-disabled:hover { background-position: left top; }
.js_prize .next.swiper-button-disabled:hover { background-position: right top; }
.js_prize .img { position: relative; width: 100%; height: 0; padding-bottom: 53.75%; margin-top: 33px; }
.js_prize .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.js_prize .bot_btn { margin-top: 17px; }
.js_prize .bot_btn .btn { float: left; width: 50%; }
.js_prize .bot_btn .swiper-pagination { position: static; width: 50%; text-align: center; float: left; margin-top: 8px; }
.js_prize .bot_btn .swiper-pagination-bullet { width: 11px; height: 11px; background: #c5c5c5; margin: 0 7px; }
.js_prize .bot_btn .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0a7cd1; }
.js_prize .swiper-button-disabled { opacity: 0.5; }

/*list_casepage*/
.list_casepage { background: url(../images/news_pagebg.jpg) no-repeat center top; padding-top: 72px; min-height: 400px; }
.list_casepage .menue { font-size: 0; padding-top: 24px; border-top: 1px solid #dfdddd; margin-top: 50px; }



.case_menu { text-align: center; font-size: 0; padding-bottom:50px; }
.case_menu li { display: inline-block; margin: 0 35px; }
.case_menu li a { display: inline-block; height: 25px; padding: 0px 0 15px; line-height: 25px; font-size: 18px; color: #333333; position: relative; }
.case_menu li a:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; content: ""; }

.case_menu li.on a:after { background: #0a7cd1; }

.js_case a { display: block; position: relative; }
.js_case a:hover .txt { opacity: 1; visibility: visible; }
.js_case a:hover:after { opacity: 1; visibility: visible; }
.js_case a:hover .img img { transform: scale(1.05); }
.js_case a:after { opacity: 0; visibility: hidden; position: absolute; left: 0; bottom: 0; width: 100%; height: 119px; content: ""; background: url(../images/impression_txtbg.png) repeat-x center bottom; transition: all 0.3s ease 0s; }
.js_case a .img { overflow: hidden; }
.js_case a .img img { transition: all 0.3s ease 0s; }
.js_case a .txt { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 21px; z-index: 2; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; }
.js_case a .txt span { display: block; padding: 0 5.13%; font-size: 18px; color: #fff; }
.js_case .img { position: relative; }

.list_filedpage { padding-top: 27px; }
.list_filedpage .location { padding-bottom: 13px; }
.list_filedpage .designer_toptitle { margin-bottom: 6px; }
.list_filedpage .menue { margin-top: 28px; margin-bottom: 48px; }

.hidden_case { position: relative; margin: 0 auto; max-width: 1230px; width: 100%; }
.hidden_case .close_btn { position: absolute; right: -43px; top: 0; width: 32px; height: 32px; display: block; background: url(../images/hidden_closeicon.png) no-repeat center top; z-index: 999; transition: transform 0.3s ease 0s; }
.hidden_case .close_btn:hover { background-position: center bottom; transform: rotate(180deg); }

.hidden_bot { position: absolute; left: 0; bottom: 26px; width: 100%; z-index: 9999; }
.hidden_bot .swiper-pagination { width: 65.37%; float: left; }
.hidden_bot .swiper-pagination-bullet { width: 11px; height: 11px; margin: 0 7.5px; }
.hidden_bot .arrow { float: right; width: 34.63%; height: 25px; position: relative; text-align: right; padding-right: 2%; box-sizing: border-box; }
.hidden_bot .arrow .prev, .hidden_bot .arrow .next { display: inline-block; width: 13px; height: 25px; background: url(../images/hidden_arrow.png) no-repeat left top; }
.hidden_bot .arrow .prev { margin-right: 26px; }
.hidden_bot .arrow .prev:hover { background-position: left bottom; }
.hidden_bot .arrow .next { background-position: right top; }
.hidden_bot .arrow .next:hover { background-position: right bottom; }

.hidden_case { height: 608px; font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif; background: #fff; }

.hidden_mask { display: block; }

.js_hiddencase { float: left; margin: 72px 3.78% 0px; width: 57.72%; overflow: hidden; background: #fff; }

.hidden_case .txt { float: left; background: #f6f5f5; width: 34.72%; padding-top: 71px; padding-bottom: 73px; height: 608px; box-sizing: border-box; padding-left: 3%; padding-right: 4%; }
.hidden_case .txt .title { padding-bottom: 20px; line-height: 24px; font-size: 24px; color: #333333; }
.hidden_case .txt .detail { font-size: 14px; color: #666666; line-height: 30px; }
.hidden_case .txt .detail{ overflow: auto; height:386px; padding-right: 40px;}
.hidden_case .txt .detail::-webkit-scrollbar-track { background-color: #e3e3e3; }
.hidden_case .txt .detail::-webkit-scrollbar { width: 16px; background-color: #e3e3e3; }
.hidden_case .txt .detail::-webkit-scrollbar-thumb { background-color: #e93429; }
.hidden_case .txt .detail p { margin-bottom: 30px; }

.js_hiddencase li .img { position: relative; width: 100%; position: relative; height: 382px; }
.js_hiddencase li .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;
 background-position: center center;
background-size: contain;
background-repeat: no-repeat; }


/*popup*/
.cd-popup2 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }

.cd-popup2.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-popup-container2 { position: relative; top: 50%; 
   
     -webkit-transform: translateY(-50%) scale(1.2); transform: translateY(-50%) scale(1.2); 
     -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.is-visible .cd-popup-container2 { -webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1); }

.overflow { overflow: hidden; }

.cd-popup2 { overflow-y: auto; overflow-x: hidden; }

/*popup end*/
/*banner*/
.banner li { position: relative; }
.banner li .img { position: relative; padding-bottom: 100vh; height: 0; }
.banner li .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: center center; background-size: cover; }
.banner .txt { position: absolute; left: 100px; top: 50%; height: 252px; margin-top: -126px; max-width: 480px; width: 50%; }
.banner .txt1 { line-height: 40px; margin-bottom: 24px; }
.banner .txt1 span { display: block; font-size: 36px; color: #fff; }
.banner .txt2 { line-height: 50px; margin-top: 15px; }
.banner .txt2 span { display: block; font-size: 30px; color: #fff; }
.banner .txt3 { line-height: 24px; }
.banner .txt3 span { display: block; font-size: 12px; color: #fff; text-transform: uppercase; }
.banner .swiper-button-prev, .banner .swiper-button-next { display: none; }
.banner .swiper-pagination { position: absolute; left: auto; right: 56px; top: 50%; width: 9px; }
.banner .swiper-pagination .swiper-pagination-bullet { border: 1px solid #fff; opacity: 1; background: none; position: relative; width: 9px; height: 9px; margin: 8px 0px; overflow: hidden; }
.banner .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left: 0; width: 100%; background: #c9161e; top: 0; height: 100%; content: ""; border-radius: 50%; transform: translateY(100%); transition: all 0.3s ease 0s; }
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { transform: translateY(0); }

.banner li a .img em:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background: rgba(3, 3, 3, 0.3); }

.banner .line { height: 1px !important; overflow: hidden; }

.banner .line span { position: relative; display: block; float: left; width: 42px; height: 1px; line-height: 1; z-index: 9999; font-size: 0; overflow: hidden; background: none; }

.banner .line span:before { position: absolute; left: 50%; top: 0px; content: ""; width: 0; height: 1px; overflow: hidden; background: white; }

.banner .swiper-slide-active .line span:before { width: 100%; left: 0; transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }

.banner .txt1 { height: 50px; overflow: hidden; }

.banner .txt1 span { transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateX(-100%); }

.banner .swiper-slide-active .txt1 span { transform: translateX(0); }

.banner .txt2 { max-height: 96px; overflow: hidden; }

.banner .txt2 span { transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateX(-100%); }

.banner .swiper-slide-active .txt2 span { transform: translateX(0); }

.banner .txt3 { max-height: 41px; overflow: hidden; }

.banner .txt3 span { transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; transform: translateX(-100%); }

.banner .swiper-slide-active .txt3 span { transform: translateX(0); }

.banner .swiper-slide-active .img em { animation: scaleUpDown 1.2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@keyframes scaleUpDown { from { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
.mouse { position: absolute; left: 50%; bottom: 5%; text-align: center; width: 80px; text-align: center; margin-left: -40px; z-index: 999; }
.mouse:hover em { background-position: center bottom; }
.mouse:hover span { color: #e83428; }
.mouse em { display: block; margin: 0 auto 12px; background: url(../images/mouse.png) no-repeat center top; width: 24px; height: 38px; animation: 1s linear 0s normal none infinite running myfirst; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; }
.mouse span { display: block; font-size: 12px; color: #d1d0d0; line-height: 24px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; }

@keyframes myfirst { 0% { transform: translateY(-5px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(-5px); } }
/*index css*/
.section2 { overflow: hidden; }

.index_title { margin-bottom: 80px; margin-top: 70px; height: 130px; }
.index_title .en { position: relative; display: block; margin-left: -105px; position: relative; line-height: 1; font-size: 180px; color: #f7f7f7; text-transform: uppercase; font-family: 'helveticablack'; }
.index_title .en b { display: block; transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateX(-100%); }
.index_title .cn { display: block; height: 68px; line-height: 68px; margin-bottom: 14px; margin-top: -129px; position: relative; font-size: 44px; color: #333333; }
.index_title .cn b { display: inline-block; transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transform: translateY(-20px); opacity: 0; }
.index_title .line { position: relative; display: block; width: 30px; height: 3px; background: #e83428; overflow: hidden; }
.index_title .line:after { content: ""; display: block; width: 30px; height: 3px; position: absolute; left: 0; top: 0; background-color: #c5c5c5; transform-origin: 0 0; transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transform: scaleX(0); }

.index_title .cn b:nth-child(2n+1) { transform: translateY(20px); }

.index_title .cn b:first-child { margin-left: 0; }

.active .index_title .en b { transform: translateX(0); }

.active .index_title .cn b:nth-child(2n+1) { transform: translateY(0); }

.active .index_title .cn b:nth-child(1) { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.active .index_title .cn b { transform: translateY(0); opacity: 1; }

.js_secnews { position: relative; margin-bottom: 30px; }
.js_secnews li { float: left; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.js_secnews a { display: block; }
.js_secnews a:hover .txt h4 { color: #000; }
.js_secnews .img { width: 100%; position: relative; padding-bottom: 60.53%; overflow: hidden; }
.js_secnews .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.js_secnews .txt { padding: 29px 7.63% 24px; }
.js_secnews .txt h4 { line-height: 34px; height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #444444; transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.js_secnews .txt h5 { line-height: 26px; margin-bottom: 11px; font-size: 12px; color: #555555; }
.js_secnews .txt .detail { font-size: 14px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.js_secnews .prev, .js_secnews .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/curture_arrow.png) no-repeat right top; width: 31px; height: 56px; transition: all 0.3s ease 0s; z-index: 999; }
.js_secnews .prev { left: -61px; }
.js_secnews .prev:hover { background-position: left top; }
.js_secnews .next { right: -61px; background-position: left bottom; }
.js_secnews .next:hover { background-position: right bottom; }
.js_secnews .next.swiper-button-disabled:hover { background-position: left bottom; }
.js_secnews .prev.swiper-button-disabled:hover { background-position: right top; }
.js_secnews .swiper-pagination { display: none; }

/*scroll*/
.js_secnews li a:hover .img em { transform: scale(1.05); }

.js_secnews li:hover { transform: translate3d(0, -2px, 0); }

.js_secnews li::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f0f0eb; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

.active .js_secnews li::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }

.active .js_secnews li:nth-child(2n)::before { transform-origin: center top; }

.js_secnews li a { display: block; background-color: #fff; overflow: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

.js_secnews li:nth-child(2n) a { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.active .js_secnews li a { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; }

.section2 .index_title { margin-bottom: 110px; }

/*scroll*/
.common_more { margin: 0 auto; display: block; position: relative; width: 292px; height: 64px; border: 1px solid #d3d2d2; line-height: 64px; text-align: center; font-size: 18px; color: #333333; overflow: hidden; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

.common_more:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f0f0eb; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

.active .common_more:before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }

.common_more span.span1 { height: 64px; width: 100%; display: block; background: #fff url(../images/commonmore_arrow.png) no-repeat 110% center; transform: translateY(-100%); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.6s, color 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

.active .common_more span.span1 { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.common_more:hover span.span1 { background: #fff url(../images/commonmore_arrow.png) no-repeat 90% center; color: #0a7cd1; }

.common_more:hover { border-color: #0a7cd1; }

/* section3 */
.section3 { overflow: hidden; }

.section3 .index_title { margin-bottom: 100px; }

.js_secexpert { position: relative; }
.js_secexpert li { text-align: center; }
.js_secexpert .img { position: relative; width: 77.5%; height: 0; padding-bottom: 77.5%; margin: 0 auto; overflow: hidden; border-radius: 50%; }
.js_secexpert .img:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background: #fff; content: ""; z-index: 1; transition: all 0.3s ease 0s; }
.js_secexpert .img em { display: block; position: absolute; left: 0; top: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; top: 10px; right: 10px; bottom: 10px; left: 10px; z-index: 2; }
.js_secexpert .txt { line-height: 36px; margin-top: 15px; }
.js_secexpert .txt span { font-size: 24px; color: #333333; }
.js_secexpert .prev, .js_secexpert .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/curture_arrow.png) no-repeat right top; width: 31px; height: 56px; transition: all 0.3s ease 0s; z-index: 999; }
.js_secexpert .prev { left: -61px; }
.js_secexpert .prev:hover { background-position: left top; }
.js_secexpert .next { right: -61px; background-position: left bottom; }
.js_secexpert .next:hover { background-position: right bottom; }
.js_secexpert .next.swiper-button-disabled:hover { background-position: left bottom; }
.js_secexpert .prev.swiper-button-disabled:hover { background-position: right top; }
.js_secexpert .swiper-pagination { display: none; }

.js_secexpert li a:hover .img:after { background: #e83428; }

.section3 { padding-bottom: 131px; }

.section_strength { background-size: cover; background-position: center 0px; background-repeat: no-repeat; background-attachment: fixed; }
.section_strength .mask { background: rgba(7, 7, 7, 0.6); color: #fff; padding-bottom: 138px; padding-top: 192px; text-align: center; }
.section_strength .title { line-height: 46px; margin-bottom: 20px; }
.section_strength .title span { font-size: 44px; color: #ffffff; }
.section_strength .txt { font-size: 14px; color: #ffffff; line-height: 30px; margin-bottom: 57px; }
.section_strength .txt p { opacity: 0; transform: translateY(10px); }
.section_strength .list { text-align: center; font-size: 0; padding: 0 2%; }
.section_strength .list li { display: inline-block; width: 25%; float: left; }
.section_strength .list li b { display: block; line-height: 80px; font-size: 48px; }
.section_strength .list li em { font-size: 72px; color: #ffffff; }
.section_strength .list li span { display: block; line-height: 22px; padding: 2.5px 0 12.5px; font-size: 15px; color: #fff; }

.section_strength .title { opacity: 0; transform: perspective(800px) translateY(20px); }

.section_strength .txt p { opacity: 0; transform: perspective(800px) translateY(20px); }

.section_strength .list li { opacity: 0; transform: perspective(800px) translateY(20px); }

.section_strength.active .title { opacity: 1; transform: perspective(800px) translateY(0px); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }

.section_strength.active .txt p { opacity: 1; transform: perspective(800px) translateY(0px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.section_strength.active .txt p:nth-child(2) { transition-delay: 0.15s; }

.section_strength.active .txt p:nth-child(3) { transition-delay: 0.3s; }

.section_strength.active .list li { opacity: 1; transform: perspective(800px) translateY(0px); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }

.section_strength.active .list li:nth-child(2) { transition-delay: 0.7s; }

.section_strength.active .list li:nth-child(3) { transition-delay: 0.9s; }

.section_strength.active .list li:nth-child(4) { transition-delay: 1.1s; }

.section_design { padding-bottom: 110px; }
.section_design .index_title { margin-bottom: 85px; margin-top: 80px; }
.section_design .sec_designtxt { font-size: 14px; color: #666666; line-height: 30px; margin-bottom: 63px; }

.js_secdesign { position: relative; }
.js_secdesign li { float: left; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.js_secdesign li:hover { transform: scale(1.05); }
.js_secdesign a:hover .img em { transform: scale(1.05); }
.js_secdesign .img { position: relative; width: 100%; padding-bottom: 53.85%; overflow: hidden; }
.js_secdesign .img:after { position: absolute; left: 0; bottom: 0; width: 100%; content: ""; background: url(../images/newstxtbg.png) repeat-x center bottom; height: 100%; }
.js_secdesign .img em { display: block; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.js_secdesign .txt { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 21px; line-height: 24px; }
.js_secdesign .txt span { display: block; padding: 0 5.13%; font-size: 18px; color: #fff; }
.js_secdesign .prev, .js_secdesign .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/curture_arrow.png) no-repeat right top; width: 31px; height: 56px; transition: all 0.3s ease 0s; z-index: 999; }
.js_secdesign .prev { left: -61px; }
.js_secdesign .prev:hover { background-position: left top; }
.js_secdesign .next { right: -61px; background-position: left bottom; }
.js_secdesign .next:hover { background-position: right bottom; }
.js_secdesign .next.swiper-button-disabled:hover { background-position: left bottom; }
.js_secdesign .prev.swiper-button-disabled:hover { background-position: right top; }
.js_secdesign .swiper-pagination { display: none; }

.section_design .sec_designtxt { opacity: 0; transform: perspective(800px) translateY(20px); }

.section_design.active .sec_designtxt { opacity: 1; transform: perspective(800px) translateY(0px); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }

.section_last .idea { text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center top; }
.section_last .idea .mask { background: rgba(7, 7, 7, 0.6); color: #fff; padding-bottom: 150px; padding-top: 162px; text-align: center; }
.section_last .idea .title { line-height: 46px; font-size: 44px; color: #fff; margin-bottom: 32px; }
.section_last .idea .txt { line-height: 30px; font-size: 14px; color: #fff; }
.section_last .wrap { padding-top: 33px; padding-bottom: 40px; position: relative; }
.section_last .wrap .left { float: left; width: 50%; }
.section_last .wrap .left h4 { font-size: 18px; font-weight: bold; color: #333333; line-height: 32px; }
.section_last .wrap .left p { font-size: 14px; color: #888888; line-height: 25px; }
.section_last .search { float: right; margin-top: 10px; width: 30%; border: 1px solid #dedede; height: 42px; position: relative; box-sizing: border-box; }
.section_last .search .text { float: left; background: #fff; font-size: 14px; color: #222; height: 20px; line-height: 20px; padding: 10px; width: 70%; }
.section_last .search .btn { float: right; margin-top: -1px; background: #e83428 url(../images/search_icon.png) no-repeat center center; width: 48px; height: 42px; }

.section_last .idea .title { height: 46px; overflow: hidden; }

.section_last .idea .title span { display: block; transform: translate(0, -50px); opacity: 0; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }

.section_last.active .idea .title span { transform: translate(0, 0px); opacity: 1; }

.section_last .idea .txt p { height: 30px; overflow: hidden; }

.section_last .idea .txt p span { display: block; transform: translate(0, -50px); opacity: 0; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }

.section_last.active .idea .txt p span { transform: translate(0, 0px); opacity: 1; }

.section_last .wrap .left { opacity: 0; }

.section_last .search { opacity: 0; }

.section_last.active .wrap .left { opacity: 1; }

.section_last.active .search { opacity: 1; }

/*index css end*/
/*header*/
.header2 { width: 100%; background: #fff; }
.header2 .w_1230 { position: relative; height: 103px; width: 90%; margin: 0 auto; max-width: 1230px; }
.header2 .logo { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 56px; width: 138px; }
.header2 .en { font-size: 16px; color: #333333; }
.header2 .en { display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); height: 30px; line-height: 30px; }
.header2 .search_btn { display: block; position: absolute; right: 47px; top: 50%; transform: translateY(-50%); height: 30px; line-height: 30px; }
.header2 .search_btn i { font-size: 18px; }
.header2 .header_nav { text-align: center; font-size: 0; padding-left: 58px; }
.header2 .header_nav li { display: inline-block; }
.header2 .header_nav li a { display: block; color: #333333; font-size: 15px; padding: 40px 28px; height: 23px; line-height: 23px; }
.header2 .nav_btn { position: absolute; right: 93px; top: 50%; transform: translateY(-50%); display: inline-block; width: 22px; height: 16px; padding: 7px 4px; opacity: 0; visibility: hidden; }
.header2 .nav_btn span { display: block; width: 22px; height: 2px; background: #555555; }
.header2 .nav_btn:after, .header2 .nav_btn:before { position: absolute; left: 4px; top: 14px; width: 22px; height: 2px; background: #555555; content: ""; }
.header2 .nav_btn:before { top: 21px; }

/*about_history*/
.about_history { background: #ededed url(../images/history_bg.jpg) no-repeat center top; padding-top: 70px; padding-bottom: 130px; }

.about_history #carousel { position: relative; margin-top: 35px;padding: 0 73px; }
.about_history #carousel .flex-viewport {  }
.about_history #carousel .flex-prev, .about_history #carousel .flex-next { position: absolute; top: 71px; background: url(../images/history_arrow.png) no-repeat left top; width: 16px; height: 32px; text-indent: -999em; transition: all 0.3s ease 0s; z-index: 999; }
.about_history #carousel .flex-prev { left: 0px; }
.about_history #carousel .flex-prev:hover { background-position: right top; }
.about_history #carousel .flex-next { right: 0px; background-position: left bottom; }
.about_history #carousel .flex-next:hover { background-position: right bottom; }

.about_history #slider { position: relative; height: 386px; overflow: hidden; }
.about_history #slider .flex-direction-nav { position: absolute; left: 4.08%; font-size: 0; bottom: 45px; z-index: 999; }
.about_history #slider .flex-direction-nav li { display: inline-block; margin-right: 8px; }
.about_history #slider .flex-direction-nav .flex-prev, .about_history #slider .flex-direction-nav .flex-next { display: block; color: #fff; font-size: 14px; width: 90px; height: 36px; line-height: 36px; text-align: center; background: url(../images/history_arrow2.png) no-repeat left center; text-indent: -999em; transition: all 0.3s ease 0s; }
.about_history #slider .flex-direction-nav .flex-prev:hover, .about_history #slider .flex-direction-nav .flex-next:hover { opacity: 0.8; }
.about_history #slider .flex-direction-nav .flex-next { background-position: right center; }
.about_history #slider .txt { float: right; width: 52.2%; height: 386px; background: url(../images/history_contbg1.jpg) no-repeat center center; overflow: hidden; background-size: 100% 100%; }
.about_history #slider .txt .wrap { padding: 40px 5.45% 40px 7.79%; }
.about_history #slider .txt .title { margin-bottom: 31px; }
.about_history #slider .txt .title span { display: inline-block; line-height: 50px; height: 50px; font-size: 24px; color: #e83428; border-bottom: 2px solid #e83428; }
.about_history #slider .txt .detail { font-size: 14px; color: #666666; line-height: 30px; height: 160px; overflow: hidden; overflow-y: auto; }
.about_history #slider .img { float: right; width: 47.8%; height: 386px; background: url(../images/history_contbg2.jpg) no-repeat center center; overflow: hidden; background-size: 100% 100%; }
.about_history #slider .img .wrap { position: relative; overflow: hidden; width: 95.5%; height: 92.75%; margin: 2.4% auto 0; }
.about_history #slider .img .wrap em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }

/*scrollbar*/
.about_history #slider .txt .detail::-webkit-scrollbar-track { background-color: #333333; }

.about_history #slider .txt .detail::-webkit-scrollbar { width: 4px; background-color: #333333; }

.about_history #slider .txt .detail::-webkit-scrollbar-thumb { background-color: #e93429; }

.about_history #carousel { position: relative; height: 108px; overflow: hidden; margin-bottom: 63px; }
.about_history #carousel:before { position: absolute; left: 0; top: 37px; width: 100%; height: 1px; content: ""; background: #dad9d9; z-index: 0; }
.about_history #carousel li { float: left; width: 183px; text-align: center; }
.about_history #carousel li a { display: block; position: relative; }
.about_history #carousel li i { display: block; width: 34px; height: 47px; margin: 0px auto 23px; position: relative; z-index: 1; background: url(../images/history_timeicon2.png) no-repeat center center; }
.about_history #carousel li span { display: block; font-size: 22px; color: #333333; line-height: 28px; height: 28px; }
.about_history #carousel li.flex-active-slide i { background: url(../images/history_timeicon1.png) no-repeat center center; }
.about_history #carousel li.flex-active-slide span { color: #e93429; }

/*popup*/
.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444; }

.hidden_search .btn { display: block; background: url(../images/search_icon2.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em; }

.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }

.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; transition: 0.5s; }

.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }

.hidden_search .close_btn:before { transform-origin: left bottom; transform: rotate(45deg); }

.hidden_search .close_btn:after { transform-origin: left top; transform: rotate(-45deg); top: 25px; }

.hidden_search .close_btn:hover { transform: rotate(360deg); }

.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #c70019; }

.pop .cd-popup-close { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; transition: 0.5s; }

.pop .cd-popup-close:after, .pop .cd-popup-close:before { background: #cccccc; width: 20px; height: 3px; display: block; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }

.pop .cd-popup-close:before { transform-origin: left bottom; transform: rotate(45deg); }

.pop .cd-popup-close:after { transform-origin: left top; transform: rotate(-45deg); top: 25px; }

.pop .cd-popup-close:hover { transform: rotate(360deg); }

.pop .cd-popup-close:hover:after, .pop .cd-popup-close:hover:before { background: #c70019; }

.hidden_search.on { display: block; }

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }

.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.is-visible .cd-popup-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.post_article { padding-bottom: 50px; margin: 0 auto; }

.post_article .wrap:after { position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #dbdbdb; content: ""; }

.post_article .post_header { padding-bottom: 30px; }

.post_article .post_header .title { text-align: center; font-size: 20px; font-weight: bold; color: #4c4c4c; margin-bottom: 23px; line-height: 32px; }

.post_article .post_header .meta { line-height: 20px; height: 20px; overflow: hidden; border: 1px solid #dbdbdb; border-width: 1px 0; padding: 15px 0; }

.post_article .post_header .meta .left { float: left; text-align: center; width: 100%; }

.post_article .post_header .meta .left span { font-size: 12px; color: #808080; margin-right: 5px; }

.post_article .post_header .meta .right { float: right; font-size: 12px; color: #808080; }

.post_article .post_cont { font-size: 14px; color: #4c4c4c; line-height: 32px; margin-bottom: 60px; }
.post_article .post_cont table{ width: 100%!important; margin: 0 auto!important;}

.post_article .post_cont img { max-width: 100%; height: auto; }

.post_article .turnpage li { line-height: 32px; overflow: hidden; height: 32px; }

.post_article .turnpage a { font-size: 14px; color: #333333; font-weight: bold; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.post_article .turnpage a span { color: #4c4c4c; font-weight: normal; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.post_article .turnpage a:hover { color: #c60015; }

.post_article .turnpage a:hover span { color: #c60015; }

.post_article .post_header .meta .right .bdsharebuttonbox { height: 16px; line-height: 16px; }

.post_article .post_header .meta .right .bdshare-button-style2-16 span { float: left; }

.post_article .post_header .meta .right .bdshare-button-style2-16 a { width: 20px; height: 20px; line-height: 20px; margin: 0px 0px 0px 6px; padding-left: 0; background: url(../images/share_icon2.png) no-repeat; }

.post_article .post_header .meta .right .bdshare-button-style2-16 a.bds_tsina { background-position: -26px center; }

.post_article .post_header .meta .right .bdshare-button-style2-16 a.bds_tqq { background-position: right center; }

/*test*/
.c-block_wrap { background-color: #1d1d1b; overflow: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

.o-section-scroll.is-active .is-show .c-block_wrap { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; }

.c-block::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f0f0eb; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

.o-section-scroll.is-active .is-show .c-block::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }

.o-grid_item:nth-child(3n+1) .c-block_wrap { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.o-grid_item:nth-child(3n+1) .c-block::before { -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; }

/*test end*/
.js_secdesign li a { background-color: #1d1d1b; overflow: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

.js_secdesign li:nth-child(2n) a { transform: translateY(-100%); }

.active .js_secdesign li a { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; }

.js_secdesign li a { display: block; }

.js_secdesign li::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f0f0eb; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

.js_secdesign li:nth-child(2n)::before { transform-origin: center top; }

.active .js_secdesign li::before { transform: scaleY(1); }

/*test*/
/*test clip*/
.js_secexpert .img em { transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; -webkit-clip-path: circle(0% at 50% 50%); clip-path: circle(0% at 50% 50%); transform-origin: 0% 0%; }

.js_secexpert li:nth-child(2) .img em { -webkit-transition-delay: 0.8s; }

.js_secexpert li:nth-child(3) .img em { -webkit-transition-delay: 1.2s; }

.js_secexpert .img em { -webkit-clip-path: circle(0% at 50% 50%); clip-path: circle(0% at 50% 50%); }

.active .js_secexpert .img em { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); }

.js_secexpert li a { display: block; padding-bottom: 30px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.js_secexpert .txt { display: inline-block; transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53); transform: translateY(-20px); opacity: 0; }

.active .js_secexpert .txt { transform: translateY(0); opacity: 1; }

.active .js_secexpert .txt { transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s, opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s; }

.expert_list li a:hover { transform: scale(1.05) translate3d(0px, -30px, 0px); }

.active .js_secexpert .txt a:hover span { color: #3b78bb; -webkit-transform: translate3d(0px, 10px, 0px); }

.js_secexpert li a:hover { transform: scale(1.05) translate3d(0px, 20px, 0px); }

.inner_header { position: relative; z-index: 1000; background: #fff; height: 103px; }

.inner_header .inner-wrapper .hamburger button span { background: #333333; }

.search_icon { float: left; height: 30px; padding-left: 20px; line-height: 30px; font-size: 16px; color: #333; text-transform: uppercase; }
.search_icon i { font-size: 18px; }

.inner_header .inner-wrapper .en { color: #333; }

.inner_header .headnav { opacity: 1; visibility: visible; height: 103px; }

.inner_header .headnav li a { padding: 34px 0; }

.inner_header .inner-wrapper { padding-top: 24px; padding-bottom: 24px; }
/*search_item*/
.list_newspic .search_item {float: none;width: 100%;margin-right: 0;margin-bottom: 35px;}
.list_newspic .search_item .txt {float: none; width: 100%; margin-left: 0%; }

/*返回顶部*/
.back_topbtn { width: 50px; height: 50px; position: fixed; right: 10px; bottom: 50px; display: block; background: #fff; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.04), 0 1px 6px 0 rgba(0, 0, 0, 0.03); border-radius: 2px; -webkit-transform: translate3d(0px, 100px, 0px); transform: translate3d(0px, 100px, 0px); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0, 1, 1) 0s; transition: transform 0.5s cubic-bezier(0, 0, 1, 1) 0s; z-index: 999; }
.back_topbtn span { width: 48px; height: 48px; text-align: center; text-indent: -999em; display: block; border: 1px solid #e5e5e5; background: url(../images/backtop.png) no-repeat center center; }

.back_topbtnshow { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0, 1, 1) 0s; transition: transform 0.5s cubic-bezier(0, 0, 1, 1) 0s; }

.back_topbtn:hover { background: #fafafa; }


/*20171130xg修改专家团队*/
.js_expertteam{position: relative; margin-top: 61px;}
.js_expertteam li a{display: block; float: left; width: 16%; margin-right: 5%; margin-bottom: 60px; position: relative;  }
.js_expertteam li a .img{ position: relative; padding-bottom: 100%;width: 100%;height: 0; border-radius: 50%;}
.js_expertteam li a .img em{ position: absolute;left: 0;top: 0;width: 100%;height: 100%; display: block;border-radius: 50%; background-position: center center; background-repeat: no-repeat;  background-size: cover;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;  }
.js_expertteam li a .txt{ opacity: 0; visibility: hidden;  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(232, 52, 40, 0.8); color: #fff; font-size: 18px; text-align: center; border-radius: 50%; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; }
.js_expertteam li a .txt span{ display: block; position: absolute; left: 0; top: 50%; margin-top: -10px;transform: translateY(-60%);-webkit-transform: translateY(-60%); text-align: center; width: 100%;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; }
.js_expertteam li a:nth-child(5n){margin-right: 0;}
.js_expertteam li a:hover .txt { opacity: 1; visibility: visible;transform:scale(1); -webkit-transform:scale(1); }
.js_expertteam li a:hover .txt span{  transform: translateY(-50%);-webkit-transform: translateY(-50%); margin-top: 0; }
.js_expertteam .prev, .js_expertteam .next { position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);background: url(../images/honor_arrow.png) no-repeat right top; width: 19px; height: 34.5px; transition: all 0.3s ease 0s; z-index: 999; }
.js_expertteam .prev { left: -55px; }
.js_expertteam .prev:hover { background-position: left top; }
.js_expertteam .next { right: -55px; background-position: left bottom; }
.js_expertteam .next:hover { background-position: right bottom; }
.js_expertteam .next.swiper-button-disabled:hover { background-position: left bottom; }
.js_expertteam .prev.swiper-button-disabled:hover { background-position: right top; }
.js_expertteam .swiper-pagination { display: none; }
/*20171130xg修改专家团队 end*/

.js_historyimg{ width: 100%; }
.js_historyimg li{ position: relative; width: 100%; padding-bottom:360px; height: 0; overflow: hidden;}

/*加载更多*/
.page2{text-align: center;font-size: 0; padding: 30px 0 50px;}
.page2 a{ display: inline-block; height: 36px; border: 1px solid #dcdcdc; line-height: 36px; margin: 0 5px 5px; padding: 0 45px; font-size: 14px; color: #444444; transition: all 0.3s ease 0s;}
.page2 a:hover{background: #e83428; color: #fff; border-color: #e83428;  }


/*20171208xg*/
.js_case{ padding-bottom: 32px;}
#tiles li{ float: left; width: 31.71%; margin-bottom: 30px; margin-right: 2.43%;}
#tiles li .img{position: relative; padding-bottom: 60%; width: 100%; height: 0;  }
#tiles li .img em{ position: absolute; left: 0;top: 0;width: 100%; height: 100%; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#tiles li:nth-child(3n){ margin-right: 0;}

/*2018110*/
.footer_bot .left span{margin-right: 16px;}
.footer_bot .left a{ color: #888787; }
.footer_bot .left a:hover{ color: #fff;}
.select { height: 28px; border: 1px solid #9a9a9a; background: #fff; position: relative; z-index: 999; width: 215px;}
.select:after { content: ''; display: block; -webkit-transition: -webkit-transform .3s ease-out, top .3s ease-out; transition: transform .3s ease-out, top .3s ease-out; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #333333; position: absolute; right: 13px; top: 50%; margin-top: -3.5px; }
.select p { padding: 0 10px; line-height: 28px; cursor: pointer; font-size: 14px; color: #656565; }
.select ul { list-style-type: none; border: 1px solid transparent; width: 100%; overflow-y: auto; position: absolute; bottom: 28px; left: 0; height: 0; margin-left: -1px; }
.select ul li { padding: 0 10px; line-height: 28px; cursor: pointer; font-size: 13px; color: #666666; }
.select ul li a{ color: #656565;}
.select ul li:hover { background-color: #fafafa; }
.select ul li.selected { background-color: #fafafa; }
.select.open ul { height: 84px; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; border-color: #cccccc; -webkit-transition: max-height .2s linear; transition: max-height .2s linear; background-color: #fff; }
.select.open:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s linear; transition: all .3s linear; }

.footer .footer_logo a{ display: block;  }
.footer .footer_logo .footer_logo1{ margin-bottom: 25px;}
.footer .footer_logo .footer_logo1 img{  max-width: 168px;}
.footer .footer_logo .footer_logo2 img{  max-width: 186px;}
/*2018110*/


/*20181226xg*/
.list_resource_notice{margin-bottom: 94px; background-size: 100%; background-position: center; background-repeat: no-repeat;  }
.list_resource_notice a{ display: block; position: relative; overflow: hidden;}
.list_resource_notice a:after{position: absolute; left: 0;top: 0;right: 0;bottom: 0; background: rgba(0,0,0,0.55); content: ""; }
.list_resource_notice a .txt{ position: absolute; z-index: 2; left: 0;top: 50%; height: 135px;margin-top: -67.5px;  width: 100%;text-align: center; transition:all 0.3s ease 0s;-webkit-ransition:all 0.3s ease 0s; }
.list_resource_notice a .txt h3{ line-height: 1.4;font-size: 30px;color: #fff; }
.list_resource_notice a .txt h4{ line-height: 1.56; text-transform: uppercase;font-size: 18px;color: #fff;  }
.list_resource_notice a .txt h5{  width: 30px;height: 24px;line-height: 24px; margin: 42px auto 0px;
    background: url(../images/recurit_noticearrow.png) no-repeat center; }
.list_resource_notice a:hover{  }

.list_resource_notice a .img{ position: relative; overflow: hidden; padding-bottom: 350px;height: 0; }
.list_resource_notice a .img em{ display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; transition:all 0.3s ease 0s;-webkit-ransition:all 0.3s ease 0s; }
.list_resource_notice a:hover .img em{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.list_resource_notice a:hover .txt{ transform:translateY(5px);  -webkit-transform:translateY(5px);}


.list_noticepage{ }
.list_noticepage .list_notice{ margin-bottom: 40px; }
.list_noticepage .list_notice li{border-bottom: 1px solid #ececec; }
.list_noticepage .list_notice li a{display: block;overflow: hidden; line-height: 24px; padding: 18px 0; transition:all 0.3s ease 0s;-webkit-ransition:all 0.3s ease 0s;  }
.list_noticepage .list_notice li em{float: left;  display: block;font-size: 14px;color: #555555;width: 70%; transition:all 0.3s ease 0s;-webkit-ransition:all 0.3s ease 0s; }
.list_noticepage .list_notice li span{float: left;display: block;width: 30%; font-size: 14px;color: #555555; width: 30%; text-align: right;}
.list_noticepage .list_notice li a:hover{  transform:translateX(5px); -webkit-transform:translateX(5px);}
.list_noticepage .list_notice li a:hover em{color: #e83428;}
/*20181226xg end*/
/* 20191209 */
.pc_fixed{position: fixed;left: 1.4%;top: 125px;z-index: 999;}
.pc_fixed img{width: 200px;}
/* 20191209 */
@media only screen and (max-width: 1440px) { .js_historytop .img { background: #fff; }
  .js_historytop .txt { background: #fff; } }
@media only screen and (max-width: 1200px) { .headnav { display: none; }
  header .inner-wrapper, header.smaller .inner-wrapper { padding-left: 2%; padding-right: 2%; }
  .js_news .prev, .js_news .next { display: none; }
  .js_news .swiper-pagination { display: block; position: static; margin-top: 5px; }
  .js_team .prev, .js_team .next { display: none; }
  .js_team .swiper-pagination { display: block; position: static; margin-top: 30px; }
  .js_team .swiper-pagination-bullet { margin: 0 5px; }
  .js_honor .prev, .js_honor .next { display: none; }
  .js_honor .swiper-pagination { display: block; position: static; margin-top: 30px; }
  .about_intro .txt1 .left, .about_intro .txt1 .right { float: none; width: 100%; margin-right: 0; margin-left: 0; }
  .about_intro .txt1 .left { margin-bottom: 15border-bottom: 1px solid #ddd;
padding-bottom: 35px;px; }
  .list_aboutpage .data ul li { width: 50%; margin-bottom: 15px; }
  .list_aboutpage .data ul li em { line-height: 60px; }
  .list_aboutpage .data ul li em b { font-size: 56px; }
  .list_aboutpage .data { padding-bottom: 0; }
  .js_character .prev, .js_character .next { display: none; }
  .js_character .swiper-pagination { display: block; position: static; margin-top: 15px; }
  .service_cont .service_itemdl dd h3 { margin-top: 25px; }
  .js_secnews .prev, .js_secnews .next, .js_secexpert .prev, .js_secexpert .next, .js_secdesign .prev, .js_secdesign .next { display: none; }
  .js_secnews .swiper-pagination, .js_secexpert .swiper-pagination, .js_secdesign .swiper-pagination { display: block; position: static; margin-top: 5px; }
  .js_secnews .swiper-pagination .swiper-pagination-bullet, .js_secexpert .swiper-pagination .swiper-pagination-bullet, .js_secdesign .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } }
@media only screen and (max-width: 1120px) {
.footer_bot { padding: 20px 0; }
.footer_bot .left, .footer_bot .right { width: 100%; float: none; text-align: center; }
/*2018110*/
.select{ margin: 15px auto 0; }
}







@media only screen and (max-width: 991px) { .menu-items a span.under-text { display: none; }
  .menu-items a:hover span.big-text { transform: translateY(0px); }
  .menu-items .links-container ul li { margin: 0; }
  .menu-items a span.big-text { font-size: 20px; }
  /*header css*/
  .index_title { margin-top: 52.5px; height: 97.5px; }
  .section2 .index_title { margin-bottom: 82.5px; }
  .index_title .en { font-size: 135px; margin-left: -78.75px; }
  .index_title .cn { height: 51px; line-height: 51px; font-size: 33px; margin-top: -96.75px; margin-bottom: 10.5px; }
  .js_secnews .txt { padding: 21.75px 5.72% 18px; }
  .section3 { padding-bottom: 97.5px; }
  .section3 .index_title { margin-bottom: 75px; }
  .js_secexpert li a { padding-bottom: 22.5px; }
  .section_strength .mask { padding-bottom: 103.5px; padding-top: 144px; }
  .section_design .index_title { margin-bottom: 63.75px; margin-top: 60px; }
  .section_design { padding-bottom: 82.5px; }
  .section_design .sec_designtxt { margin-bottom: 47.25px; }
  .section_last .idea .mask { padding-bottom: 112.5px; padding-top: 121.5px; }
  .section_last .idea .title { line-height: 1.05; font-size: 33px; margin-bottom: 24px; }
  .footer { padding: 20px 0; }
  .footer .footer_logo, .footer .footer_nav, .footer .footer_contact, .footer .footer_ewm { width: 100%; float: none; text-align: center; margin-bottom: 20px; }
  .footer .footer_nav dd { max-width: 100%; }
  .footer .footer_ewm { text-align: center; margin-bottom: 0; }
  .footer .footer_contact dt, .footer .footer_nav dt { margin-bottom: 5px; }

  /*list_newspage*/
  .list_newspage { padding-top: 30px; }
  .inner_title { margin-bottom: 20px; }
  .inner_title em { font-size: 32px; margin-bottom: 10px; }
  .js_news { margin-bottom: 23px; }
  .menue { margin-bottom: 20px; }
  .list_newspic .news_item .img, .list_newspic .news_item .txt { float: none; width: 100%; margin-left: 0; }
  .list_newspic .news_item .txt h4 { margin-bottom: 10px; margin-top: 5px; }
  .list_newspic .news_item .txt h3 { font-size: 16px; line-height: 22px; max-height: 44px; }
  /*list_aboutpage*/
  .list_aboutpage .data{ background-attachment: scroll;}
  .about_intro .txt2 { padding-bottom: 20px; }
  .about_team { padding-top: 40px; padding-bottom: 40px; }
  .about_honor { padding-bottom: 40px; }
  .about_contact { padding-top: 30px; }
  .js_branch { margin-top: 30px; margin-bottom: 30px; }
  .js_branch .tit { padding: 12px 0; margin-bottom: 12px; }
  .js_branch .tit li { width: 16.66%; }
  .js_branch .item .txt h4 { margin-bottom: 8px; }
  .list_aboutpage .data ul li { width: 50%; float: left; }
  .list_aboutpage .data ul li em b { font-size: 36px; }
  .list_aboutpage .data ul li span { height: 40px; line-height: 20px; font-size: 13px; }
  .about_title b { font-size: 27px; }
  .about_title i { font-size: 14px; }
  .about_intro .txt1 { margin-top: 15px; }
  .list_aboutpage .data .time { position: static; margin-left: 4.96%; margin-top: 9.36%; margin-bottom: 15%; }
  .list_aboutpage .data ul { position: static; }
  .about_branch .about_title b{ font-size: 22.5px;}
  .js_branch {margin-bottom: 53.25px;margin-top: 30px;}
  /*list_curturepage*/
  .js_curturetop .swiper-pagination { display: block; position: static; margin-top: 0px; }
  .curture_top ul li { width: 49%; margin-right: 2%; margin-bottom: 15px; }
  .curture_top ul li:nth-child(2n) { margin-right: 0; }
  .curture_impressionwrap .tit, .curture_impressionwrap .cont { float: none; width: 100%; }
  .curture_impressionwrap .tit li a { height: 100px; padding: 15px 0; }
  .js_impression .img { padding-bottom: 61.35%; }
  .js_impression .prev, .js_impression .next { display: none; }
  .js_impression .swiper-pagination { display: block; position: static; margin-top: 15px; }
  /* list_resourcepage */
  .js_train { width: 100%; }
  .resource_train { padding: 35px 0; }
  .js_train li .bg span b { font-size: 16px; }
  .resource_train .txt { width: 100%; margin-top: 25px; margin-bottom: 25px; }
  .designer_section3 .designer_work dt { float: none; width: 100%; }
  .designer_section3 .designer_work dd { float: none; width: 100%; margin-left: 0; }
  .designer_section3 .designer_work dd { padding-bottom: 53.33%; margin-top: 15px; }
  .designer_section1 .txt { float: none; width: 100%; margin-left: 0; }
  .designer_section1 .img { float: none; width: 100%; max-width: 332px; margin: 0 auto; padding-bottom: 126.51%; margin-bottom: 25px; }
  /*list_casepage*/
  .list_casepage .menue li { width: auto; }
  .list_casepage .menue li a { padding: 0 10px; }
  .section_last .wrap .left { float: none; width: 100%; }
  .section_last .search { float: none; width: 100%; }
  .section_strength .list li { width: 50%; }
  .section_strength .list li b { height: 60px; line-height: 60px; }
  .section_strength .list li em { font-size: 54px; }
  .section_strength .list li span { height: 44px; }
  .post_article .post_header .meta { height: auto; }
  .post_article .post_header .meta .left, .post_article .post_header .meta .right { float: none; width: 100%; }
  .post_article .post_header .meta .left { margin-bottom: 10px; }
  .about_history { padding-top: 52.5px; padding-bottom: 97.5px; }
  .about_history #carousel { margin-bottom: 47.25px; margin-top: 26.25px; }
  .about_history #carousel li span { font-size: 18px; }
  .about_history #slider .img .wrap { margin: 3.8% auto; }
  .about_history #slider .txt .title { margin-bottom: 23.25px; }
  .about_history #slider .txt .title span { line-height: 37.5px; height: 37.5px; font-size: 18px; }
  .list_aboutpage { padding-top: 54.75px; }
  .inner_title { margin-bottom: 45px; }
  .about_intro { padding-top: 15px; }
  .about_title b { font-size: 27px; }
  .about_intro .txt2 { padding-top: 36.75px; padding-bottom: 30px; }
  .about_honor { padding-bottom: 75px; padding-top: 52.5px; }
  .js_honor { margin-top: 25.5px; }
  .about_team { padding-top: 68.25px; padding-bottom: 98.25px; }
  .js_team { margin-top: 45.75px; }
  .about_contact { padding-top: 52.5px; }
  .about_contact ul li { padding: 33.75px 2.38% 32.25px; }
  .about_contact ul li h4 { margin-bottom: 12.75px; }
  .js_branch { margin-bottom: 53.25px; margin-top: 30px; }
  .js_branch .tit { padding: 18px 0 19.5px; margin-bottom: 39.75px; }
  .cd-popup-container2 { top: 0; }
  .is-visible .cd-popup-container2 { transform: translateY(0%) scale(1); }
  .hidden_case { height: auto; }
  .js_hiddencase { float: none; margin: 0px; width: 100%; }
  .js_hiddencase li .img { width: 100%; }
  .hidden_case .txt { float: none; margin: 0px; width: 100%; }
  .hidden_bot .swiper-pagination { display: none; }
  .hidden_bot { position: static; height: 45px; background: #f6f5f5; }
  .hidden_case .txt { height: auto; padding-top: 53.25px; padding-bottom: 54.75px; }
  /* list_about_expert */
  .expert_intro { padding-top: 75px; padding-bottom: 72px; }
  .expert_intro .txt .title b { line-height: 33px; padding-bottom: 12px; font-size: 27px; }
  .expert_intro .txt .title i { margin-bottom: 14.25px; }
  .expert_intro .txt .title { margin-bottom: 44.25px; }
  .expert_intro .txt h4 { margin-bottom: 12.75px; }
  .js_prize .left, .js_prize .right { float: none; width: 100%; }
  /*.list_resourcepage*/
  .list_resourcepage { padding-top: 54.75px; }
  .resource_culture { padding-top: 12px; background-size: contain; padding-bottom: 40%; }
  .resource_culture .txt { width: 90%; padding-top: 20.25px; }
  .resource_title b { font-size: 22.5px; line-height: 30.75px; }
  .resource_title i { line-height: 23.25px; font-size: 14px; }
  .resource_train { padding-top: 79.5px; padding-bottom: 93.75px; }
  .resource_train .txt { width: 90%; margin-top: 35.25px; margin-bottom: 63px; }
  .resource_welfare { margin-bottom: 66px; padding-top: 48.75px; }
  .resource_welfare .txt { margin-top: 19.5px; margin-bottom: 46.5px; }
  .recurit_wrap table { margin-top: 33.75px; margin-bottom: 42px; }
  .page { margin-bottom: 42.75px; }
  /*.list_curturepage*/
  .list_curturepage { padding-top: 54.75px; }
  .curture_impressionwrap .cont { height: auto; }
  .curture_top { margin-bottom: 48px; padding-top: 15.75px; }
  .curture_title b { line-height: 30.75px; font-size: 22.5px; }
  .curture_title i { line-height: 1.72; }
  .curture_impressionwrap { padding-top: 25.5px; padding-bottom: 59.25px; }
  .js_character { margin-top: 34.5px; }
  .curture_character { padding-bottom: 54px; }
  .inner_title em { font-size: 33px; }
  /*.list_casepage*/
  .list_casepage { padding-top: 54px; }
  .list_casepage .menue { margin-top: 37.5px; padding-top: 18px; }
  .js_case a .txt, .js_case a:after { opacity: 1; visibility: visible; }
  /*list_filedpage*/
  .designer_toptitle b { font-size: 22.5px; }
  .list_filedpage .menue { margin-top: 21px; margin-bottom: 36px; }
  .section_strength{ background-attachment: scroll; }
  .section_last .idea .txt p{ height: auto;}
  .hidden_case .txt .detail { padding-right: 0px;}
.hidden_case .txt .detail::-webkit-scrollbar-track { background-color: #e3e3e3; }
.hidden_case .txt .detail::-webkit-scrollbar { width: 4px; background-color: #e3e3e3; }
.hidden_case .txt .detail::-webkit-scrollbar-thumb { background-color: #e93429; }





/*20171128xg*/
.hidden_case .close_btn{ background-size: 16px auto; right: 10px;top: 10px; width: 16px;height: 16px;  padding: 0 5px;
    background-position: center bottom;}
.hidden_case .close_btn:hover{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}
/*加载更多*/
.page2{ padding: 22.5px 0 37.5px;}
.page{margin-bottom: 30px;}
.list_resource_notice a .img{padding-bottom: 60%;}
.list_resource_notice{ margin-bottom: 30px;}


   }
@media only screen and (max-width: 778px) { .menue li { margin: 0; }
  .menue li a { padding: 0 10px; }
  .index_title { margin-top: 42px; height: 78px; }
  .section2 .index_title { margin-bottom: 66px; }
  .index_title .en { font-size: 108px; margin-left: -63px; }
  .index_title .cn { height: 40.8px; line-height: 40.8px; font-size: 26.4px; margin-top: -77.4px; margin-bottom: 8.4px; }
  .js_secnews .txt { padding: 17.4px 4.58% 14.4px; }
  .section3 .index_title { margin-bottom: 60px; }
  .js_secexpert li a { padding-bottom: 18px; }
  .section_strength .mask { padding-bottom: 82.8px; padding-top: 115.2px; }
  .section_strength .list li b { height: 48px; line-height: 48px; }
  .section_strength .list li em { font-size: 43.2px; }
  .section_strength .list li span { height: 35.2px; }
  .section_strength .title span { font-size: 33px; }
  .section_design .index_title { margin-bottom: 51px; margin-top: 48px; }
  .section_design { padding-bottom: 66px; }
  .section_design .sec_designtxt { margin-bottom: 37.8px; }
  .section_last .idea .mask { padding-bottom: 90px; padding-top: 97.2px; }
  .section_last .idea .title { font-size: 26.4px; margin-bottom: 19.2px; }
  /*list_newspage*/
  .about_contact ul li { float: none; width: 100%; margin-bottom: 15px; height: auto; padding: 15px 2%; }
  .list_newspic .news_item { float: none; width: 100%; margin-bottom: 20px; }
  .list_newspic .news_item .img { padding-bottom: 60.84%; height: 0; margin-bottom: 10px; }
  .js_news li .txt { padding: 10px 10px; font-size: 14px; }
  .js_branch .item .img { float: none; width: 100%; padding-bottom: 56.48%; }
  .js_branch .item .txt { float: none; width: 100%; margin-left: 0; margin-top: 10px; }
  .curture_top ul li { float: none; width: 100%; margin-right: 0; }
  .js_train { width: 80%; }
  /*list_resourcepage*/
  .recurit_wrap table, .recurit_wrap table thead, .recurit_wrap table tbody, .recurit_wrap table th, .recurit_wrap table td, .recurit_wrap table tr { display: block; }
  .recurit_wrap table td:nth-of-type(1), .recurit_wrap table td:nth-of-type(2), .recurit_wrap table td:nth-of-type(3), .recurit_wrap table td:nth-of-type(4),.recurit_wrap table td:nth-of-type(5) { width: 100%; padding-left: 120px; box-sizing: border-box; text-align: left; }
  .recurit_wrap table th:nth-of-type(1) { background: #007aff; color: #fff; }
  .recurit_wrap table tr { margin-bottom: 8px; }
  .recurit_wrap table thead tr { position: absolute; top: -9999px; left: -9999px; }
  .recurit_wrap table tr { border: 1px solid #ccc; }
  .recurit_wrap table td { border: none; border-bottom: 1px solid #eee; position: relative; height: 40px; line-height: 40px; text-align: left; }
  .recurit_wrap table td:before { position: absolute; top: 0px; left: 6px; text-align: left; white-space: nowrap; font-weight: bold; text-transform: uppercase; }
  .recurit_wrap table a { display: block; }
  .recurit_wrap table td:nth-of-type(1):before { content: "招聘岗位"; }
  .recurit_wrap table td:nth-of-type(2):before { content: "学历"; }
  .recurit_wrap table td:nth-of-type(3):before { content: "工作地点"; }
  .recurit_wrap table td:nth-of-type(5):before { content: "发布时间"; }
    .recurit_wrap table td:nth-of-type(4):before { content: "职位申请"; }
  .service_cont .service_itemdl dt, .service_cont .service_itemdl dd, .service_cont .service_itemdl:nth-child(2n) dt { width: 100%; float: none; margin-left: 0; }
  .service_cont .service_itemdl dt { height: 0; padding-bottom: 58.86%; }
  /* list_designerpage */
  .list_designerul li { margin-right: 2.44%; width: 48.78%; }
  .list_designerul li:nth-child(2n), .list_designerul li:nth-child(4n) { margin-right: 0; }
  .banner .txt { display: none; }
  .about_honor { padding-top: 25px; }
  .about_history #slider { height: auto; }
  .about_history #slider .img { float: none; width: 100%; height: auto; background: none; }
  .about_history #slider .img .wrap { margin: 0; }

  .about_history #slider .txt { float: none; width: 100%; background: none; }
  .about_history #slider .txt .wrap { padding: 24px 4.67%; }
  .about_history { padding-top: 42px; padding-bottom: 78px; }
  .about_history #carousel { margin-bottom: 37.8px; margin-top: 21px; }
  .about_history #carousel li span { font-size: 18px; }
  .about_history #slider .txt .title { margin-bottom: 18.6px; }
  .about_history #slider .txt .title span { line-height: 30px; height: 30px; font-size: 16px; }
  .about_history #slider .flex-direction-nav { position: static; margin-left: 4.67%; }
  .about_history #slider .txt { height: auto; }
  .list_aboutpage { padding-top: 43.8px; }
  .inner_title { margin-bottom: 36px; }
  .about_intro { padding-top: 12px; }
  .about_title b { font-size: 21.6px; }
  .about_intro .txt2 { padding-top: 29.4px; padding-bottom: 24px; }
  .about_honor { padding-bottom: 60px; padding-top: 42px; }
  .js_honor { margin-top: 20.4px; }
  .about_team { padding-top: 54.6px; padding-bottom: 78.6px; }
  .js_team { margin-top: 36.6px; }
  .about_contact { padding-top: 42px; }
  .about_contact ul li { padding: 27px 2.38% 25.8px; }
  .about_contact ul li h4 { margin-bottom: 10.2px; }
  .js_branch { margin-bottom: 42.6px; margin-top: 24px; }
  .js_branch .tit { padding: 14.4px 0 15.6px; margin-bottom: 31.8px; }
   .about_branch .about_title b{ font-size: 18px;}
  .js_branch {margin-bottom: 42.6px;margin-top: 24px;}
  /* list_about_expert */
  .expert_intro { padding-top: 60px; padding-bottom: 57.6px; }
  .expert_intro .txt .title b { line-height: 26.4px; padding-bottom: 9.6px; font-size: 21.6px; }
  .expert_intro .txt .title i { margin-bottom: 11.4px; }
  .expert_intro .txt .title { margin-bottom: 35.4px; }
  .expert_intro .txt h4 { margin-bottom: 10.2px; font-size: 16px; }
  /*.list_resourcepage*/
  .list_resourcepage { padding-top: 43.8px; }
  .resource_culture { padding-top: 9.6px; }
  .resource_culture .txt { width: 90%; padding-top: 16.2px; }
  .resource_title b { font-size: 18px; line-height: 24.6px; }
  .resource_title i { line-height: 18.6px; }
  .resource_train { padding-top: 63.6px; padding-bottom: 75px; }
  .resource_train .txt { margin-top: 28.2px; margin-bottom: 50.4px; }
  .resource_welfare { margin-bottom: 52.8px; padding-top: 39px; }
  .resource_welfare .txt { margin-top: 15.6px; margin-bottom: 37.2px; }
  .recurit_wrap table { margin-top: 27px; margin-bottom: 33.6px; }
  /*.page*/
  .page a { display: none; }
  .page .active, .page .prev, .page .next { display: inline-block; }
  .page .prev { margin-right: 45px; }
  .page .next { margin-left: 45px; }
  .page .prev:after, .page .next:after { width: 40px; }
  .page .next:after { left: -47px; }
  .page { margin-bottom: 34.2px; }
  /*.list_curturepage*/
  .list_curturepage { padding-top: 43.8px; }
  .curture_top { margin-bottom: 38.4px; padding-top: 12.6px; }
  .curture_title b { line-height: 24.6px; font-size: 18px; }
  .curture_impressionwrap { padding-top: 20.4px; padding-bottom: 47.4px; }
  .js_character { margin-top: 27.6px; }
  .curture_character { padding-bottom: 43.2px; }
  .curture_impressionwrap .tit li a b { font-size: 18px; }
  .js_character .txt { font-size: 16px; }
  .inner_title em { font-size: 26.4px; }
  /*.list_casepage*/
  .list_casepage { padding-top: 43.2px; }
  .list_casepage .menue { margin-top: 30px; padding-top: 14.4px; }
  /*list_filedpage*/
  .designer_toptitle b { font-size: 18px; }
  .list_filedpage .menue { margin-top: 16.8px; margin-bottom: 28.8px; }
  /*加载更多*/
.page2{ padding: 18px 0 30px;}
.js_case a .txt span{ font-size: 14px;    line-height: 1.2;}
.js_case a .txt{ }
/*20191209*/
.pc_fixed img{width: 100px;}
}
@media only screen and (max-width: 480px) { .index_title { margin-top: 31.5px; height: 58.5px; }
  .section2 .index_title { margin-bottom: 49.5px; }
  .index_title .en { font-size: 81px; margin-left: -47.25px; }
  .index_title .cn { height: 30.6px; line-height: 30.6px; font-size: 19.8px; margin-top: -58.05px; margin-bottom: 6.3px; }
  .js_secnews .txt { padding: 13.05px 3.44% 10.8px; }
  .common_more { height: 48px; line-height: 48px; }
  .common_more span.span1 { height: 48px; }
  .section3 .index_title { margin-bottom: 45px; }
  .js_secexpert li a { padding-bottom: 13.5px; }
  .section3 { padding-bottom: 58.5px; }
  .js_secexpert .txt { line-height: 27px; margin-top: 11.25px; }
  .js_secexpert .txt span { font-size: 18px; }
  .js_secexpert .img { padding-bottom: 80%; width: 80%; margin: 0 auto; }
  .section_strength .mask { padding-bottom: 62.1px; padding-top: 86.4px; }
  .section_strength .title { line-height: 34.5px; margin-bottom: 15px; }
  .section_strength .txt { margin-bottom: 42.75px; }
  .section_strength .title span { font-size: 26.4px; }
  .section_strength .list li { width: 100%; }
  .section_strength .list li b { height: 36px; line-height: 36px; }
  .section_strength .list li em { font-size: 32.4px; }
  .section_strength .list li span { height: 26.4px; }
  .section_strength .txt { line-height: 24px; }
  .section_design .index_title { margin-bottom: 38.25px; margin-top: 36px; }
  .section_design { padding-bottom: 38.25px; }
  .section_design .sec_designtxt { margin-bottom: 28.35px; }
  .section_last .idea .mask { padding-bottom: 67.5px; padding-top: 72.9px; }
  .section_last .idea .title { font-size: 20px; margin-bottom: 14.4px; }
  .about_history #slider .txt .wrap { padding: 18px 3.5%; }
  .about_history { padding-top: 31.5px; padding-bottom: 58.5px; }
  .about_history #carousel { margin-bottom: 28.35px; margin-top: 15.75px; }
  .about_history #carousel li span { font-size: 13.5px; }
  .about_history #slider .flex-direction-nav { margin-left: 3.5%; }
  .list_aboutpage { padding-top: 32.85px; }
  .inner_title { margin-bottom: 27px; }
  .about_intro { padding-top: 9px; }
  .about_title b { font-size: 16.2px; }
.js_branch {margin-bottom: 31.95px;margin-top: 18px;}
  .about_intro .txt2 { padding-top: 22.05px; padding-bottom: 18px; }
  .about_honor { padding-bottom: 45px; padding-top: 31.5px; }
  .js_honor { margin-top: 15.3px; }
  .about_team { padding-top: 40.95px; padding-bottom: 58.95px; }
  .js_team { margin-top: 27.45px; }
  .about_contact { padding-top: 31.5px; }
  .about_contact ul li { padding: 20.25px 2.38% 19.35px; }
  .about_contact ul li h4 { margin-bottom: 7.65px; }
  .js_branch { margin-bottom: 31.95px; margin-top: 18px; }
  .js_branch .tit { padding: 10.8px 0 11.7px; margin-bottom: 23.85px; }
  .js_train { width: 70%; }
  #tiles li { width: 100% !important; position: static !important; left: 0 !important; margin-bottom: 25px; }
  /* list_about_expert */
  .expert_intro { padding-top: 45px; padding-bottom: 43.2px; }
  .expert_intro .txt .title b { line-height:22px; padding-bottom: 7.2px; font-size: 20px; padding-top: 6px; }
  .expert_intro .txt .title i { margin-bottom: 8.55px; }
  .expert_intro .txt .title { margin-bottom: 26.55px; }
  .expert_intro .txt h4 { margin-bottom: 7.65px; font-size: 14px; }
  .expert_intro .img { width: 80%; padding-bottom: 80%; float: none; margin: 0 auto; }
  .expert_intro .txt{float: none; width: 100%; }
  .expert_intro .txt .detail{ height: auto;padding-right: 0;}
  .expert_prize{ padding-top: 40px;padding-bottom: 40px;}
  .expert_prize .title{   margin-bottom: 25px; line-height: 28px;font-size: 20px;}



  /*.list_resourcepage*/
  .list_resourcepage { padding-top: 32.85px; }
  .resource_culture { padding-top: 7.2px; }
  .resource_culture .txt { width: 90%; padding-top: 12.15px; }
  .resource_title i { line-height: 13.95px; }
  .resource_train { padding-top: 47.7px; padding-bottom: 56.25px; }
  .resource_train .txt { margin-top: 21.15px; margin-bottom: 37.8px; }
  .resource_welfare { margin-bottom: 39.6px; padding-top: 29.25px; }
  .resource_welfare .txt { margin-top: 11.7px; margin-bottom: 27.9px; }
  .recurit_wrap table { margin-top: 20.25px; margin-bottom: 25.2px; }
  .resource_welfare .img { width: 70%; margin: 0 auto; }
  .page { margin-bottom: 25.65px; }
  /*.list_curturepage*/
  .list_curturepage { padding-top: 32.85px; }
  .curture_top { margin-bottom: 28.8px; padding-top: 9.45px; }
  .curture_title b { line-height: 18.45px; font-size: 18px; }
  .curture_impressionwrap { padding-top: 15.3px; padding-bottom: 35.55px; }
  .js_character { margin-top: 20.7px; }
  .curture_character { padding-bottom: 32.4px; }
  .js_impression .txt span { font-size: 14px; }
  .curture_title i { font-size: 14px; }
  .js_impression .txt { padding-bottom: 8.55px; }
  .inner_title em { font-size: 20px; }
  /*.list_casepage*/
  .list_casepage { padding-top: 32.4px; }
  .list_casepage .menue { margin-top: 22.5px; padding-top: 10.8px; }
  .case_menu li a, .js_case a .txt span { font-size: 16px; }
  .menue li a { font-size: 14px; }
  /*list_filedpage*/
  .list_filedpage .menue { margin-top: 12.6px; margin-bottom: 21.6px; }
.section_strength .list li b{font-size: 18px;}
.about_history #carousel{ display: none;}
.about_history .slider{ padding-top: 15px;}
.case_menu li{ margin: 0 14px;}

  /*加载更多*/
.page2{ padding: 13.5px 0 22.5px;}
/*20171208xg*/
  #tiles li{ margin-right: 0;}
  /* 480 end */
   }

/*# sourceMappingURL=common.css.map */