<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*
	2014.08.26
	version 1.0
*/

@charset "utf-8";


/*-----------------
	Global style 
-------------------*/
.font-face { font-family: 'GOTHIC','å¾®è½¯é›…é»‘'; }
.clear:after{ display: block; content: ""; height: 1px; visibility: hidden; clear: both; }
body { font-size: 14px; min-width: 1000px; }
a { color: #999; }
a:hover { color: #666; }

/*-- Loading --*/
.ui-loading { background:url(../images/loading.gif) no-repeat center center; }
.hide{display:none;}
/*-- Margin style --*/
.m-t10 { margin-top: 10px; }
.m-t20 { margin-top: 20px; }
.m-t30 { margin-top: 30px; }
.m-t40 { margin-top: 40px; }
.m-t50 { margin-top: 50px; }
.m-t60 { margin-top: 60px; }
.m-t70 { margin-top: 70px; }
.m-t90 { margin-top: 90px; }

/*-- Icon --*/
.ui-icon { display: inline-block; position: absolute; background: url(../images/icon.png) no-repeat; }
.ui-icon1 { display: inline-block; position: absolute; background: url(../images/icon1.png) no-repeat; }

/*-- Align --*/
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/*-- Article --*/
.article { line-height: 1.8; color: #fff; }
.article img { margin: 10px 0; }

/*-- Title --*/
.section-header h1 { font-size: 18px; color: #fff; text-align: center; font-weight: normal; }

/*-----------------
	Content style 
-------------------*/
.bg-loading { top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; }
.bg-loading img { position: absolute; top: 50%; left: 50%; margin: -436px 0 0 -952px; }
#wrapper { padding-bottom: 50px; }
#container { margin-top: 50px; }


/** Index **/
.index-des { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -225px; width: 450px; height: 60px; color: #000; text-align: center; }
.index-des p { position: relative; left: -40%; font-size: 16px;  opacity: 0; visibility: hidden; }
.index-des p.index-des-en { position: relative; left: 30%; font-size: 14px; }
.index-cont { position: absolute; top: 50%; left: 50%; margin: -80px 0 0 -115px; width: 230px; height: 160px; text-align: center; }
.index-cont a { position: relative; top: 20%; visibility: hidden; opacity: 0; }
.index-cont p { position: relative; top: 30%; visibility: hidden; opacity: 0; margin: 20px 0 30px; text-transform: uppercase; }
.index-cont h5 { position: relative; top: 40%; visibility: hidden; opacity: 0; font-size: 16px; font-weight: bold; color: #000; }
.index-cont h5 span { margin: 0 8px; }
.index-icon { bottom: 80px; left: 0; width: 100%; height: 10px; text-align: center; }
.index-icon span { margin: 0 20px; display: inline-block; width: 7px; height: 7px; background: #b1b1b1; border-radius: 50%; border: solid 1px transparent; 
cursor: pointer; }
.index-icon span.active { width: 7px; height: 7px; border: solid 1px #fe1212; background: none; }


.container { position: relative; width: 100%; min-height: 300px; background: #fbf9f9; overflow: hidden; }
.container.wrapper{ height: 100% !important; overflow: visible; background: #f8f8f9; padding-bottom: 94px; padding-top: 77px; }
.banner section { top: 0; left: 0; width: 100%; height: 100%; }
.banner section a { display: block; width: 100%; height: 100%; }
.banner section.banner-item,.banner section.projectinfo-item { display: none; }
.content { top: 50%; right: 0; margin-top: -105px; width: 510px; height: 210px; }
.content .content-top { position: relative; padding: 0px 25px; height: 50px; background: #000; overflow: hidden; }
.content .content-top ul { position: absolute; }
.content .content-top ul li { position: relative; padding: 10px 0; height: 30px; line-height: 30px; }
.content-box { padding-top: 40px; height: 120px; }
.content-box-bg { top: 0; left: 0; width: 100%; height: 160px; background: #000; opacity: .7; filter: alpha(opacity=70); }
.content-company,.content-service { float: left; margin-left: 25px;  width: 220px; }
.content-company h4,.content-service h4 { margin-bottom: 10px; color: #fff; }
.content-company a,.content-service-info a { line-height: 1.8; color: #999; }
.content-company a:hover, .content-service-info a:hover { color: #fff; }
.content-service-icon { position: absolute; top: 2px; right: 0; width: 100%; text-align: right; }
.content-service-icon a { margin-left: 10px; display: inline-block; background: url(../images/icon.png) no-repeat; width: 10px; height: 15px; }
.content-service-icon a.prev { background-position: 0 -40px; }
.content-service-icon a.next { background-position: -40px -39px; }
.content-service-icon a:hover.prev { background-position: -80px -40px; }
.content-service-icon a:hover.next { background-position: -120px -39px; }
.content-service-info { position: relative; width: 220px; height: 63px; overflow: hidden; }
.content-service-info ul { position: absolute; }
.content-service-info ul li { position: relative; width: 220px; height: 63px; }

/** Header **/
.header { z-index: 120; }
.header-top { background: url(../images/header-top-bg.jpg) no-repeat center top; width: 100%; height: 4px; }
.header-cont { padding: 8px 115px; }
.header-ver { color: #999; }
.header-ver a { display: inline-block; width: 70px; height: 45px; line-height: 45px; background: #e7463c; font-size: 14px; color: #fff; text-align: center; margin-top:5px; }
.nav ul li { float: left; }
.nav ul li a { padding: 27px 20px; height: 55px; line-height: 55px; font-size: 14px; color: #000; }
.nav ul li a em { position: absolute; top: 43px; left: 50%; margin-left: -25px; display: inline-block; width: 0px; height: 2px; background: #e7463c; 
 transition: all .3s ease; }
.nav ul li a:hover em,.nav ul li.active a em,.nav ul li.li-active a em { width: 50px; }
.nav ul li div { position: absolute; display: none; top: 53px; left:10px; width: 170px;  z-index: 20; }
.nav ul li ul li { float: none; background-color:#fff; border-bottom:1px #efefef solid}
.nav ul li ul li a { padding: 0; font-size: 12px; line-height:30px;  text-align:center; color:#666; padding-left:15px;}
.nav ul li ul li a:hover,.nav ul li ul li.current a { color: #f60000; }
.menu-bg { display: none; top: 70px; width: 100%; height: 40px; background: #fff; z-index: 10; }

/** Project List **/
.project { min-height: 633px; background: #333; }
.project section { display: none; width: 33.3333%; height: 100%; overflow: hidden; }
.project section a { display: block; width: 100%; height: 100%; color: #fff;/* transition: all .3s ease;*/ }
.project section p { position: relative; top: 50%; left: 45%; width: 100%; color: #fff; z-index: 10; text-transform: uppercase; }
.project section p.project-en { margin-top: 6px; font-size: 14px; font-weight: bold; transition: all .4s ease; }
.project section p.project-cn { font-size: 16px; transition: all .3s ease; }
.project section div.project-bg { position: absolute; top: 0; left: 0; background: #000; opacity: .6; filter: alpha(opacity=60);
 width: 100%; height: 100%; z-index: 1; transition: all .3s ease; }
.project section a em { position: relative; margin-top: 10px; top: 50%; left: 45%; display: block; width: 50px; height: 2px; background: #fff; overflow: hidden;
 z-index: 10; transition: all .5s ease; }
.project section a:hover { text-decoration: none; }
.project section a:hover div.project-bg { opacity: .5; filter: alpha(opacity=50); }
/*.project section a:hover p.project-cn { top: 45%; }
.project section a:hover p.project-en { top: 45%; }
.project section a:hover em { top: 45%; }*/

.inner { position: relative; height: 100%; }
.productlist-banner section { top: 0; left: 0; width: 100%; height: 100%; }
.pb-bg { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #000; opacity: .7; filter: alpha(opacity=70); z-index: 1; }
.pb-info { position: absolute; top: 55%; left: 50%; visibility: hidden; margin: -100px 0 0 -280px; width: 560px; height: 200px; text-align: center;
 z-index: 10; transition: all .5s ease-in; }
.pb-info-show { top: 50%; visibility: visible; }
.pb-info em { display: inline-block; width: 18px; height: 4px; background: #fff; }
.pb-info .pb-cn { margin-top: 20px; font-size: 22px; color: #fff; }
.pb-info .pb-en { margin-top: 10px; font-size: 18px; color: #fff; text-transform: uppercase; }
.pb-info .pb-des { margin-top: 40px; width: 560px; color: #b7b7b7; line-height: 1.8; }
.pb-info p{color:#fff; line-height:24px;}
.productlist-link { display: none; padding: 0 115px; height: 46px; line-height: 42px; background: #0b0b0b; }
.productlist-link a { position: relative; margin-right: 50px; font-size: 16px; color: #fff;  }
.productlist-link a.active ,.productlist-link a:hover{ border-bottom: 2px solid #fff;}
.productlist-link a.active em,.productlist-link a:hover em  { 
	position: absolute; top: 22px; left: 0; display: block; width: 46px; height: 2px; background: #fff;
	
	 }
.productlist-item { position: absolute; width: 100%; display: block; width: 33.3333%; overflow: hidden; }
.productlist-item0,.productlist-item1 { left: 0; height: 50%; }
.productlist-item1 { top: 50%; }
.productlist-item2,.productlist-item3 { top: 0; height: 100%; }
.productlist-item2 { left: 33.3333%; }
.productlist-item3 { right: 0; }
.productlist-item1:before,.productlist-item2:before,.productlist-item3:before { position: absolute; top: 0; left: 0; content: ""; background: #fff; z-index: 2; }
.productlist-item1:before { width: 100%; height: 4px; }
.productlist-item2:before,.productlist-item3:before { width: 4px; height: 100%; }
.productlist-item .pi-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; visibility: hidden; opacity: 0; filter:alpha(opacity=0);
 transition: all .5s ease; z-index: 1; }
.productlist-item p { width:230px; display: block; position: absolute; padding-bottom: 8px; top: 60%; left: 50%; margin: -18px 0 0 -115px; display: inline-block; font-size: 18px; color: #000;
 text-align: center; z-index: 10; visibility: hidden; opacity: 1; filter: alpha(opacity=100); transition: all .5s ease .2s; background:url(../images/vol-title-bg.png) no-repeat center; height:34px; }
.productlist-item:hover .pi-bg { visibility: visible; opacity: .5; filter: alpha(opacity=50); }
.productlist-item:hover p { top: 50%; visibility: visible; opacity: 1; filter: alpha(opacity=100); font-weight:normal; }

.arrow a { top: 50%; margin-top: -26px; width: 37px; height: 52px; font: bold 18px/1 'å®‹ä½“'; line-height:52px; text-align: center; background: #fff; color: #4e4e4e; opacity: .8; filter: alpha(opacity=80); }
.arrow a:hover { text-decoration: none; }
.arrow a.prev { left: 30px; }
.arrow a.next { right: 30px; }
.arrow a.prev1,.arrow a.next1 { padding: 0 10px; width: 36px; text-align: center; color: #000; background-color: #fff; background-image: none;  }
.arrow a.prev1 { left: 30px; }
.arrow a.next1 { right: 30px; }
.more { top: 0; left: 0px; display: block; width: 140px; height: 42px; line-height: 42px; text-align: center; background: #fff; font-size: 14px; }
.btn-back { position:absolute;top: 45px; right: 50px; display: block; width: 50px; height:50px; z-index:100;  }

.more a { display: block; height: 42px; line-height: 42px; text-align: center; color: #666; }
.more a:hover { text-decoration: none; }
.more a em { margin-left: 20px; font: 14px/1 'å®‹ä½“'; }
.buy-btn { top: 45px; left: 0px; display: block; width: 140px; height: 42px; line-height: 42px; text-align: center; background: #f60000; font-size: 14px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.buy-btn a { display: block; height: 42px; line-height: 42px; text-align: center; color: #fff; }
.buy-btn a:hover { text-decoration: none; }
.buy-btn a em { margin-left: 20px; font: 14px/1 'å®‹ä½“'; }
.buy-btn a span{ display: inline-block; width: 16px; height: 14px; background: url(../images/btn_car.png); margin-right: 15px; }

.projectinfo-icon { bottom: 50px; left: 0; width: 100%; height: 10px; text-align: center; }
.projectinfo-icon span { margin: 0 20px; display: inline-block; width: 7px; height: 7px; background: #b1b1b1; border-radius: 50%; border: solid 1px transparent; 
cursor: pointer; }
.projectinfo-icon span.active { width: 7px; height: 7px; border: solid 1px #fe1212; background: none; }
.projectinfo-cont { top: 0; left: -385px; padding: 0 25px; width: 335px; height: 100%; }
.projectinfo-cont .projectinfo-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .9; z-index: 1; }
a.projectinfo-btn-close { top: 15px; right: 10px; width: 13px; height: 13px; background-position: 0 0; z-index: 2; }
.projectinfo-des { position: relative; height: 90%; overflow: hidden; z-index: 2; }
.projectinfo-pic { margin-top: 45px; }
.projectinfo-cont h4 { position: relative; padding: 20px 0 0 30px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #333; }
.projectinfo-cont h4 em { left: 0; width: 19px; height: 19px; background-position: -40px 0; }
.projectinfo-cont h4 span { margin-left: 8px; font-size: 14px; font-weight: normal; color: #999; }
.projectinfo-info { padding-left: 30px; margin-top: 20px; }
.projectinfo-info p { line-height: 1.8; color: #666; }

/** Governance **/
.governance-banner-icon { display: none; }
.governance-item { margin-bottom: 15px; }
.governance-item time { margin: 0 10px 0 0; display: inline-block; width: 60px; height: 22px; line-height: 22px; font-size: 14px; color: #999; text-align: center; background: #f5f4f4; }
.governance-item a { font-size: 14px; color: #666; }
.governance-item a:hover { color: #000; }

/** Ecofresh **/
.ecofresh-banner { position: relative; width: 100%; height: 316px; overflow: hidden; }
.ecofresh-banner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*.ecofresh-banner img { position: absolute; top: 50%; left: 50%; margin: -237px 0 0 -960px; width: 1920px; height: 474px; }*/
.ecofresh-product { min-width: 1000px; }
.ec-what,.ec-advantage { text-align: center; } 
.ec-what h4,.ec-advantage h4 { font-size: 16px; color: #000; font-weight: bold; }
.ec-what h4 em.ec-advantage h4 em { text-transform: uppercase; }
.ec-logo{margin-bottom:10px;}
.ec-info { margin: 30px auto 0; width: 665px; font-size: 14px; }
.ec-info p { line-height: 1.8; color: #333; }
.ec-info p strong { color: #000; }
.ec-process div { min-width: 175px; }
.ec-process-one { position: relative; padding-right: 20px; width: 235px; }
.ec-process-one:before,.ec-process-two:before { position: absolute; content: ""; top: 40px; right: -1px; width: 1px; height: 200px; background: #d9dbdc; }
.ec-process-two { position: relative; padding: 0 56px; width: 302px; }
.ec-process-three { padding-left: 43px; width: 288px; }
.ec-process p { margin-top: 10px; font-size: 14px; color: #000; line-height: 1.5; }
.ec-process strong{font-weight: normal;}
.ec-advantage-box{width:906px; margin:0 auto; color:#666;}
.ec-advantage-item { margin: 40px 31px 0; width: 150px; }
.ec-advantage-item-first { margin-left: 0; }
.ec-advantage-item-last { margin-right: 0; }
.ec-advantage-item em { position: relative; margin: 0 auto; display: block; width: 83px; height: 83px; }
.ec-advantage-item em.ec-advantage-icon1 { background-position: 0 0; }
.ec-advantage-item em.ec-advantage-icon2 { background-position: -85px 0; }
.ec-advantage-item em.ec-advantage-icon3 { background-position: -170px 0; }
.ec-advantage-item em.ec-advantage-icon4 { background-position: -255px 0; }
.ec-advantage-item em.ec-advantage-icon5 { background-position: 0 -85px; }
.ec-advantage-item p.ec-advantage-en { margin-top: 15px; font-size: 14px; font-weight: bold; }
.ec-advantage-item p.ec-advantage-cn { margin-top: 5px; font-size: 14px; font-weight: bold; }
.ec-advantage-item p.ec-advantage-des { margin-top: 5px; font-size: 14px; }
.ep-item { width: 50%; }
.ep-item img { width: 100%; }
.ep-item a { display: block; transition: all .3s ease; }
.ep-item .ep-item-pic { min-height: 289px; }
.ep-item .ep-item-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .5; z-index: 1; transition: all .3s ease; }
.ep-item a .ep-item-info span.ui-icon1 { position: relative; margin: 0 auto; display: block; width: 75px; height: 75px; transition: all .2s ease; }
.ep-item span.ep-item-brand { background-position: -85px -85px; }
.ep-item span.ep-item-shirt { background-position: -170px -85px; }
.ep-item .ep-item-info { top: 50%; margin-top: -68px; width: 232px; height: 136px; z-index: 10; }
.ep-item .ep-item-info0 { right: 180px; }
.ep-item .ep-item-info1 { left: 180px; }
.ep-item p { font-size: 18px; color: #fff; text-align: center; text-transform: uppercase; }
.ep-item a .ep-item-info p.ep-item-cn { margin: 15px 0 5px; transition: all .3s ease; }
.ep-item a .ep-item-info p.ep-item-en { transition: all .4s ease; }
.ep-item a:hover .ep-item-info span { transform: translateY(-40px); }
.ep-item a:hover .ep-item-info p.ep-item-cn  { transform: translateY(-30px); }
.ep-item a:hover .ep-item-info p.ep-item-en  { transform: translateY(-20px); }
.ep-item a:hover .ep-item-bg { opacity: .7; }

.et-btn{width:650px; margin-left:auto; margin-right:auto;}
.et-btn a { position: relative; float: left; padding-bottom: 10px; font-size: 14px; color: #000; padding-right: 10px; padding-left:10px; }
.et-btn a:before { position: absolute; top: 0; left: 0; content: ""; width: 1px; height: 16px; background: #000; overflow: hidden; }
.et-btn a:first-child:before { width: 0; }
.et-btn a.et-btn-tab1 { }
.et-btn a.et-btn-tab2 { }
.et-btn a.et-btn-tab3 { }
.et-btn a.et-btn-tab-active{color:#999;}
.et-btn a em { position: absolute; bottom: 0; display: block; width: 0px; height: 2px; background: #e7463c; transition: all .3s ease; }
.et-btn a:hover em,.et-btn a.et-btn-tab-active em { width: 30px; }
.et-btn a.et-btn-tab1 em { left: 50%; margin-left: -15px; }
.et-btn a.et-btn-tab2 em { left: 174px; }
.et-btn a.et-btn-tab3 em { left: 255px; }

.ecofresh-table { padding-bottom: 30px; }
.ecofresh-table h4 { font-size: 18px; text-transform: uppercase; color: #000; text-align: center; }
.et-box .et-item { display: none; }
.et-box table { width: 1000px; text-align: center; }
.et-box table tr td { padding: 10px 0; line-height: 20px; color: #858484; vertical-align: middle; text-transform: uppercase; }
.et-box table thead tr td { padding: 0; height: 48px; line-height: 48px; font-size: 16px; color: #fff; }
.et-box table tr td.eq-item-td-odd { background: #f8f7f8; }
.et-box table tr td.eq-item-td-even { background: #f4f3f4; }
.et-box table tr td.et-item-td1 { background: #eac6e2; }
.et-box table tr td.et-item-td2 { background: #a0dde6; }
.et-box table tr td.et-item-td3 { background: #d6e49a; }
.et-box table tr td.et-item-td4 { background: #89be6b; }

/** Profile **/
.inner-pic,.inner-cont,.join-pic { position: absolute; top: 0; width: 50%; height: 100%; background: #fdfcfc; overflow: hidden; }
.inner-pic { left: 0; overflow: hidden; background: none; }
.inner-pic a.contact-btn,.join-pic a { display: block; width: 100%; height: 100%; }
.inner-cont { right: 0; }
.inner-cont-title { margin: 60px 0 0 40px; font-size: 18px; font-weight: bold; }
.inner-cont-title em { margin-left: 0px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; }
.inner-cont .inner-info { padding: 0px 0 0 40px; width: 560px; height: 70%; overflow: hidden; }
/*.inner-cont .inner-info em { display: block; width: 16px; height: 2px; background: #000; }*/
.inner-cont .inner-info h5 { margin: 5px 0 20px; font-size: 20px; color: #000; text-transform: uppercase; font-weight: bold; }
.inner-cont .inner-info h5 span { display: block; font-weight: normal; line-height: 32px; }
.inner-cont .inner-info p { line-height: 22px; color: #666; }
.profile-info { height: 70%; overflow: hidden; }
.team-info { display: none; }

/** Certification **/
.certification-info h4 { font-size: 14px; color: #000; }
.certification-info h4 span { margin-right: 10px; font-size: 32px; color: #cb0000; }
.certification-info h4 i { position: relative; margin-right: 10px; width: 25px; height: 25px; background-position: -280px 0; }
.certification-info em.certification-line { margin-left:6px; margin-top: 4px; display: block; width: 14px; height: 2px; font-weight: bold; background: #cb0000; overflow: hidden; }
.certification-link { margin-top: 40px; }
.certification-link a { margin: 10px 0 0 0; display: block; color: #666; }
.certification-link a:hover { text-decoration: none; font-weight: bold; color: #000; }

/** News **/
.news-banner,.news-pic-item { top: 0; left: 0; width: 100%; height: 100%; }
.news-pic-item { display: none; }
.news-pic-item:first-child { display: block; }
.news-pic-item a { display: block; width: 100%; height: 100%; cursor: default; }
.news-banner-icon { position: absolute; bottom: 30px; width: 100%; text-align: center; }
.news-banner-icon span { display: inline-block; margin: 0 15px; width: 7px; height: 7px; background: #fff; border-radius: 50%; cursor: pointer; }
.news-banner-icon span.active { background: none; width: 6px; height: 6px; border: solid 1px #fff; }
.news { top: 0; right: 0; width: 50%; height: 100%; background: #fdfcfc; }
.news-cont { padding: 0 50px; height: 100%; }
.news .news-item { margin-bottom: 15px; position:relative;}
.news .news-item time { position:relative; z-index:10;float: left; margin-right: 15px; width: 65px; height: 22px; line-height: 20px; text-align: center; font-size: 14px; color: #6a6a6a; background: #f5f4f4; }
.news .news-item a {position:10px; float: left; width: 415px; font-size: 14px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news .news-item em{ position: absolute; left: 65px; top: 0; display: block; background: #e7463c; width: 0px; height: 22px; transition: width .5s ease; z-index: 0;}
.news .news-item a:hover em{ width:445px;}
.news .news-item a:hover p,.news .news-item a:hover{color:#eee; }
.news .news-item p { line-height: 22px; color: #7f7f7f;  position:relative;z-index:9px;}
.news .news-item-top { margin-bottom: 15px; }
.news .news-item-top a:hover p{color:#222;}
.news .news-item-top time { margin-right: 0; display: block; width: 65px; height: 65px; font-size: 14px; color: #fff; background: #e7463c; text-align: center; }
.news .news-item-top time span { margin-top: 13px; display: block; font-size: 20px; }
.news .news-item-top .ni-info { padding: 10px 15px 0; width: 415px; height: 55px; background: #f5f4f4; color: #333; }
.news .news-item-top .ni-info p { margin-top: 0; line-height: 20px; }
.news .news-item-top .ni-info .ni-title { font-size: 14px; color: #e21616; }
.news .news-item-top .ni-info .ni-des { height: 20px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }

/** Newsinfo **/
.newsinfo-info { margin-top: 30px; height: 580px; overflow: hidden; }
.newsinfo { top: 0; right: 0; width: 50%; height: 100%; background: #fff; }
.newsinfo .newsinfo-wrap { padding: 0 50px; }
.newsinfo time { display: block; font-size: 24px; color: #7f7f7f; }
.newsinfo h5 { margin-top: 5px; font-size: 16px; color: #000; }
.newsinfo em { margin-top: 10px; display: block; width: 16px; height: 2px; background: #000; background-image: none;  overflow: hidden; }
.newsinfo-cont { width: 510px; height: 70%; overflow: hidden; }
.newsinfo-cont p,.newsinfo-cont1 p { line-height: 1.8; color: #000; }
.newsinfo-cont1 { width: 510px; height: 70%; overflow: hidden; }
.page { margin-top: 50px; }
.page a { position: relative; margin: 0 5px; display: inline-block; width: 19px; height: 17px; line-height: 17px; color: #666; text-align: center; }
.page a.active,.page a:hover,.page a.current { color: #e7463c; }
.page a.prev,.page a.next { position: relative; padding: 0; background: url(../images/icon.png) no-repeat; text-indent: -9999px; background-color: #fff; }
.page a.prev { margin-right: 5px; background-position: -320px 0; }
.page a.next { margin-left: 5px; background-position: -341px 0; }
.page a.prev:hover,.page a.next:hover { background-color: #e7463c; }
.page a.prev:hover { background-position: -320px -23px; }
.page a.next:hover { background-position: -341px -23px; }

/** Recruit **/
.recruit-item { margin-top: 55px; width: 510px; }
.recruit-item:first-child { margin-top: 0; }
.ri-title { margin: 0 0 25px 0; font-size: 18px; font-weight: bold; }
.ri-title em { margin-left: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; }
.ri-cont-item { width: 230px; }
.ri-cont-item:first-child { margin-right: 30px; }
.inner-cont .ri-cont-item p { margin-top: 15px; font-size: 14px; color: #666; text-align:justify; display:block; width:230px;
      text-justify:distribute-all-lines;/*ie6-8*/
      text-align-last:justify;/* ie9*/
      -moz-text-align-last:justify;/*ff*/
      -webkit-text-align-last:justify;/*chrome 20+*/ }
.ri-cont-item-top dl { float: left; margin-left: 25px; width: 65px; text-align: center; }
.ri-cont-item-top dl dt em { position: relative; display: block; width: 65px; height: 65px; }
.ri-cont-item-top dl dt em.creative-icon { background-position: -255px -85px; }
.ri-cont-item-top dl dt em.talent-icon { background-position: 0 -170px; }
.ri-cont-item-top dl dt em.develop-icon { background-position: -85px -170px; }
.ri-cont-item-top dl dt em.chance-icon { background-position: -170px -170px; }
.ri-cont-item-top dl dd { margin-top: 10px; font-size: 14px; color: #666; }
.recruit-item table { width: 510px; font-size: 14px; color: #666; border-collapse: collapse; }
.recruit-item table tr { height: 34px; line-height: 34px; text-indent: 10px; }
.recruit-item table tr.ri-tr-odd { background: #f5f4f4; }
.recruit-item table tr td{margin-bottom:5px;}
.recruit-item table tr td a:hover{color:#222; }

/** Application **/
.inner-cont .application-info { margin-top: 30px; width: 620px; }
.inner-cont .application-info ul li { float: left; margin-top: 20px; width: 285px; }
.inner-cont .application-info ul li label { float: left; display: inline-block; width: 80px; height: 25px; line-height: 25px; color: #666; }
.inner-cont .application-info ul li input { text-indent: 10px; width: 171px; height: 23px; line-height: 23px; color: #999; border: solid 1px #a9a9a9; }
.inner-cont .application-info ul li input.input-active,.inner-cont .application-info ul li.application-info-add textarea.textarea-active { border: solid 1px #f9a9a4; }
.inner-cont .application-info ul li.application-info-odd label { width: 110px; }
.inner-cont .application-info ul li.application-info-add { width: 570px; }
.inner-cont .application-info ul li.application-info-add textarea { padding: 10px; width: 468px; height: 50px; color: #666; border: solid 1px #a9a9a9; }
.inner-cont .application-info ul li.application-info-add label { }
.inner-cont .application-info ul li.application-info-add p { margin-left: 80px; }
.inner-cont .application-info ul li.application-info-captcha { margin-top: 20px; }
.inner-cont .application-info ul li.application-info-captcha label { height: 35px; line-height: 35px; }
.inner-cont .application-info ul li.application-info-captcha input { width: 91px; height: 31px; }
.inner-cont .application-info ul li.application-info-btn { margin-top: 10px; width: 570px; }
.inner-cont .application-info ul li.application-info-btn input { text-indent: 0; width: 70px; height: 30px; text-align: center; border: 0; font-size: 14px; color: #fff; border-radius: 15px; }
.inner-cont .application-info ul li.application-info-btn input.submit { margin: 0 20px 0 80px; background: #e7463c; }
.inner-cont .application-info ul li.application-info-btn input.reset { background: #c2c2c2; }
.inner-cont .application-info ul li.application-info-btn input.submit:hover { background: #cd271d; }
.inner-cont .application-info ul li.application-info-btn input.reset:hover { background: #656464; }

/** Contact **/
.contact-info { margin-top: 50px; }
.contact-info ul li { margin-bottom: 20px; width: 510px;  color: #666; }
.contact-info ul li a { font-size: 14px; font-weight: bold; color: #000; }
.contact-info ul li div { display: none; margin-top: 15px; padding-bottom: 10px; border-bottom: solid 1px #b7b7b7; }

.contact-info ul li:last-child div { border-bottom: none; }
.contact-info ul li div p { position: relative; margin-bottom: 15px; height: 22px; line-height: 22px; font-size: 14px; text-indent: 20px; }
.contact-info ul li div p span { position: relative; z-index: 10; transition: color .5s ease; }
.inner-cont .contact-info ul li div p em { position: absolute; left: 0; top: 0; display: block; background: #e7463c; width: 4px; height: 22px; transition: width .5s ease; z-index: 0; }
.inner-cont .contact-info ul li div p:hover em { width: 100%; }
.inner-cont .contact-info ul li div p:hover span { color: #fff; }

.certification .contact-info ul li div{display:block;}
.certification .contact-info ul li a{ color:#666; font-weight:normal;}
.certification .contact-info ul li a{}
.inner-cont .contact-info ul li div p:hover a{color:#fff;}


/** Cloth **/
.cloth-banner { position: relative; width: 100%; height: 316px; overflow: hidden; }
.cloth-banner img { position: absolute; top: 50%; left: 50%; margin: -270px 0 0 -960px; width: 1920px; height: 540px; }
.cloth-menu { margin-right: 5px; padding: 40px 0 10px; text-align: right; }
.cloth-menu a { position: relative; margin-left: 60px; font-size: 14px; color: #000; }
.cloth-menu a:hover { text-decoration: none; }
.cloth-menu a em { transition: all .3s ease-in; width: 0; }
.cloth-menu a:hover em,.cloth-menu a.active em { position: absolute; top: 20px; left: 5px; width: 17px; height: 2px; background: #e7463c; }
.cloth-box .cloth-item { float: left; margin: 10px 5px 0; width: 288px; height: 406px; border: solid 1px #dad9d9; }
.cloth-cont .page { margin-right: 5px; padding-bottom: 30px; text-align: right; }

/** Pop **/
.alpha,.alpha1 { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .9; filter: alpha(opacity=90); z-index: 9998; }
.pop { position: absolute; display: none; top: 80px; left: 50%; margin: 0 0 0 -465px; width: 930px; height: 400px; z-index: 9999; }

.pop a.pop-close,.pop1 a.pop1-close { top: 0; right: 0; width: 18px; height: 18px; background-position: -80px 0; }

.pop a.prev-btn,.pop a.next-btn { position: absolute; display: block; top: 50%; margin-top: -20px; width: 22px; height: 40px; text-indent: -9999px; }
.pop a.next-btn { right: -40px; background-position: -160px 0; }
.pop a.prev-btn { left: -40px; background-position: -120px 0; }

.pop a:hover { text-decoration: none; }
.pop a.prev-btn:hover { background-position: -200px 0; }
.pop a.next-btn:hover { background-position: -240px 0; }

.pop1 a.prev-btn,.pop1 a.next-btn { position: absolute; display: block; top: 50%; margin-top: -20px; width: 22px; height: 40px; text-indent: -9999px; }
.pop1 a.prev-btn { left: 0; background-position: -120px 0; }
.pop1 a.next-btn { right: 0; background-position: -160px 0; }
.pop1 a:hover { text-decoration: none; }
.pop1 a.prev-btn:hover { background-position: -200px 0; }
.pop1 a.next-btn:hover { background-position: -240px 0; }
.pop1 { position: absolute; display: none; top:90px;; left: 50%; z-index: 9999; }
.pop1 .pop1-cont { padding: 35px 80px 0; min-width: 200px; min-height: 200px; }
.pop1 .pop1-cont img { /*width: 340px; height: 500px;*/ max-width:700px; }
.pop1 .pop1-cont p { margin-bottom: 20px; color: #000; text-align: center; font-size:18px;}

.pop-title h4 { text-align: center; font-size: 16px; font-weight: bold; color: #000; }
.pop-title time { display: block; margin-top: 10px; font-size: 14px; color: #666; text-align: center; }
.pop-info { width: 930px; height: 400px; overflow: hidden; }
.pop-info p { line-height: 1.8; color: #666; }


/** Showdialog **/
.showdialog { position: fixed; display: none; top: 50%; left: 70%; margin: -55px 0 0 -220px; width: 440px; height: 110px; background: #f2eeee; z-index:300;}
.showdialog .showdialog-close { position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: url(../images/icon.png) no-repeat 0 -40px; }
.showdialog-info p { font-size: 14px; color: #666; line-height: 110px; text-align: center; }
.dialogBg{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000;opacity: .5; filter: alpha(opacity=50); z-index:200; display:none;}
/** Footer **/
footer { display: none; height: 40px; line-height: 40px; background: #fff; overflow: hidden; bottom:0px; width:100%; }
.index footer { background: #fff; position:fixed; z-index:100 }
.footer-cont { padding: 0 115px; vertical-align: middle; color: #666; }
.footer-link,.footer-link a,.footer-info a { margin-right: 3px; color: #666; }
.footer-link p { float: right; margin-left: 3px; line-height: 40px; }
.footer-link p span { font-weight: bold; }
.footer-info { text-transform: uppercase; }




.sidebar {display: none;right: 20px;bottom: 70px;z-index: 10;width: 36px;}
.sidebar .top{display:block; width:36px; height:29px; background:url(../images/back-to-top.jpg);}
.pop1-img { text-align: center; }

.sumaart{display:none;}
/* introduction */
.intorduction{ background-color: #f8f8f9; }
.form-search-wrapper{ background-color: #eee; min-width: 1000px; }
.form-search-wrapper .search{ min-width: 1000px; max-width: 1200px; margin: auto; padding-top: 25px; padding-bottom:60px; }
.form-search-wrapper .form-search-item{ position: relative; float: left; margin-right: 36px; }
.form-search-wrapper .form-search-item .select{ width: 189px; height: 34px; font-size: 14px; color: #666; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form-search-wrapper .form-search-item .select{ background-color: #fff; cursor: pointer; }
.form-search-wrapper .form-search-item .select p{ margin: 0 20px; font-size: 14px; color: #666; line-height: 34px; background: url(../images/ico_01.png) no-repeat right center; background-size: 7px 6px; }

.form-search-wrapper .form-search-item .option{ position: absolute; width: 100%; height: auto; z-index: 9999; display: none; }
.form-search-wrapper .form-search-item .option-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: -200; }
.form-search-wrapper .form-search-item .option-info{ padding-bottom: 60px; }
.form-search-wrapper .form-search-item .option-info p{ font-size: 14px; color: #000; padding-top: 15px; text-align: center; cursor: pointer; text-transform: uppercase; }
.form-search-wrapper .form-search-item .option-info p:hover{ color: #ff6666; }

.form-search-wrapper .form-search-item .form-search-info{ width: 189px; height: 34px; background-color: #fff; }
.form-search-wrapper .form-search-item .form-search-info .number{ display: block; width: 145px; height: 34px; margin: auto; font-size: 14px; color: #666; border: none; padding: 0; }

.form-search-wrapper .form-search-btn input{ width: 85px; height: 35px; border: none; padding: 0; margin: 0; color: #fff; font-size: 14px; } 
.form-search-wrapper .form-search-submit input{ background-color: #f25852; }
.form-search-wrapper .form-search-reset input{ background-color: #c3c3c3; }

.form-search-wrapper .form-search-submit input:hover{ background-color: #e04640; }
.form-search-wrapper .form-search-reset input:hover{ background-color: #b5b4b4; }

.search-list{ min-width: 1000px; margin:auto; padding-top: 48px; }
.search-list.width-area{ max-width: 1569px; }
.search-list.maini{ max-width: 1647px; }
.width-area section{ margin-left: 23px; }
.maini section{ margin-left: 69px; }
.search-list section article{ float: left; /*margin-right: 69px;*/ width: 16.66666666%; margin-bottom: 52px; cursor: pointer; }
.search-list.maini section article a{ position: relative; display: block; margin-right: 69px; }
.search-list.maini section article img{ /*width: 194px; height: 233px;*/ width: 100%; height: auto; }
.search-list.width-area section figure img{ /*width: 130px; height: 77px;*/ width: 100%; height: auto; }
.search-list section .last-item{ margin-right: 0; }

.search-list section article .pic-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; filter: alpha(opacity=90); -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; }
.search-list section article .versition{ position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -8px; text-transform: uppercase; font-size: 14px; color: #000; }
.search-list section article .versition i{ display: block; width: 12px; height: 1px; background-color: #000; margin: 8px auto 0; }
.search-list section article .border-show{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.search-list section article .border{ margin: 11px 8px; height: 91%; border: 2px solid #f25852; }
.search-list section article .state{  filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.search-list section article:hover .pic-bg{ filter: alpha(opacity=90); -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; }
.search-list section article:hover .versition{ filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
.search-list section article:hover .border-show{ filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }

.pager{ width: 273px; margin: -4px auto 0; }
.pager ul,.pager .btn{ float: left; }
.pager .btn{ text-transform: uppercase; }
.pager ul{margin-left: 35px; }
.pager ul li{ float: left; margin-right: 35px; }
.pager ul li.on,.pager .btn:hover,.pager ul li:hover{ color: #ff6666; }
.pager .btn,.pager ul li{ color: #666; font-size: 14px; cursor: pointer; }

.search-list figure{ float: left; width: 10%; /*margin-right: 23px;*/ margin-bottom: 30px; cursor: pointer; } 
.search-list figure a{ display: block; margin-right: 23px; }
.search-list figure a p{ text-align: center; color: #000; font-size: 14px; font-family: "GOTHIC"; font-weight: bold; margin-top: 15px; }
.search-list figure a .bg{ position: relative; }
.search-list figure a .bg-bor{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; }
.search-list figure a:hover .bg-bor{ border: 2px solid #f25852; }
.text-center {text-align: center;}
.alert-img {padding: 0px 50px; margin-top: 70px;}
.alert-content{padding: 20px 50px 0px 50px;}
.alert-content span{ color: #000; margin-top: 20px; margin-bottom: 15px; font-weight: bold; padding-right: 10px; }
.alert-content p{ font-size: 14px; color: #666; margin-bottom: 5px; }
.search-nofound{text-align: center; color:#777;}
.search-nofound .font-red{color: #f25852;}
.search-nofound p {margin-bottom: 8px;}
.search-info {color: #777; margin-bottom: 60px;}
.search-info-title {margin-bottom: 10px; float: left;}
.search-info-title2 {float: left;margin-right: 20px;}
.search-info-row{float: left; margin-right: 10px;}
.cart-search-title {height: 34px;}
.cart-search-box{padding-top: 10px !important; padding-bottom: 45px !important;}
.cart-search-box .page{margin-top: 10px;}
.clear {clear: both;}</pre></body></html>