@charset "utf-8";
@import url(common.css);
/* CSS Document */
* { margin: 0; padding: 0; }
body, header, footer, section, div, span, p, img, a, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, em, i, b, u, del, menu, nav, fieldset, legend, article, aside, details, figcaption, hgroup, pre, code, form, blackquote, th, td, tr, hr, table, figure, button, input, textarea { padding: 0; margin: 0; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { background: #fff; padding: 0; width: 100%; margin: 0 auto; font-size: 14px; line-height: 20px; color: #333; font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma,arial,"Hiragino Sans GB", "\5B8B\4F53"; overflow-x: hidden; }
input, textarea { -webkit-user-select: auto !important; user-select: auto !important; }
:focus { outline: none; }
img { vertical-align: middle; border: 0 none; max-width: 100%; }
ul, li, ol { list-style: none; }
a { text-decoration: none; color: inherit; }
section { display: block; margin: 0 auto; }
header, footer { margin: 0 auto; width: 100%; }
em, i { font-style: normal; }
button, input { border: 0 none; }
u, del { text-decoration: none; }
input[type="submin"], input[type="text"], input[type="button"], input[type="password"], button { -webkit-appearance: none; outline: none; }
h1, h2, h3, em { font-style: normal; font-weight: normal; }
.hide { display: none; }
.fl { float: left; }
.fr { float: right; }
a { text-decoration: none; }
.backg { background: #f4f6f8; }
.divc { margin: 0 auto; width: 1200px; }
.over { overflow: hidden; }
u, del { text-decoration: none; }
button { cursor: pointer; }
.graybg { background: #f5f5f5; }
/*about css*/
.aboutbanner { height: 300px; background: url(../images/aboutbanner.jpg) no-repeat center 0; }
.sectionpage { overflow: hidden; }
.title-h1 { padding: 40px 0; text-align: center; }
.title-h1 h1 { font-size: 24px; line-height: 40px; color: #000; }
.title-h1 p { color: #999; font-size: 14px; text-transform: uppercase; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; }
.title-h1 h1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, -50px, 0px); -moz-transform: translate3d(0px, -50px, 0px); -o-transform: translate3d(0px, -50px, 0px); -ms-transform: translate3d(0px, -50px, 0px); transform: translate3d(0px, -50px, 0px); -webkit-transition: all 0.8s ease-in-out 0.2s; -moz-transition: all 0.8s ease-in-out 0.2s; -o-transition: all 0.8s ease-in-out 0.2s; -ms-transition: all 0.8s ease-in-out 0.2s; transition: all 0.8s ease-in-out 0.2s; }
.title-h1 p { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.8s ease-in-out 0.2s; -moz-transition: all 0.8s ease-in-out 0.2s; -o-transition: all 0.8s ease-in-out 0.2s; -ms-transition: all 0.8s ease-in-out 0.2s; transition: all 0.8s ease-in-out 0.2s; }
.sectionpage.is-visible .title-h1 h1, .sectionpage.is-visible .title-h1 p { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.about_content { color: #666; line-height: 30px; padding: 0 0 30px 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; transition-delay: 0.8s; }
.about_content p { padding: 0 0 30px 0; }
.sectionpage.is-visible .about_content { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }

.historyLoop { padding: 0 0 60px 0; width: 1100px; margin: 40px auto 0 auto; border-top: 1px dashed #1d97d6; position: relative; }
.historyLoop .hd { position: absolute; z-index: 100; top: 50%; left: 0; width: 100%; margin-top: -60px; display: none; }
.historyLoop .hd .prev, .historyLoop .hd .next { display: block; width: 60px; height: 60px; overflow: hidden; background: rgba(3,110,184,.6); background: #099aff\9; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; font-size: 40px; font-family: "simsun"; line-height: 60px; text-align: center; color: #fff; position: relative; behavior: url(PIE.htc); }
.historyLoop .hd a:hover { background: rgba(3,110,184,1); background: #036eb8\9; }
.historyLoop .hd .prev { float: left; margin-left: -80px; }
.historyLoop .hd .next { float: right; margin-right: -80px; }
.historyLoop .bd { width: 1200px; margin: -40px 0 0 -50px; }
.historyLoop .bd ul { overflow: hidden; zoom: 1; }
.historyLoop li { float: left; width: 80px; margin: 0 46px; overflow: hidden; }
.historyLoop li .datetime { display: block; width: 80px; height: 80px; background: #036eb8; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 22px; color: #fff; line-height: 80px; text-align: center; position: relative; behavior: url(PIE.htc); }
.historyLoop li .text { width: 20px; margin: 0 auto; color: #666; padding: 20px 0 0 0; line-height: 14px; }
.historyLoop:hover .hd { display: block; }

.culture { color: #fff; font-size: 16px; line-height: 30px; }
.culture1 { float: left; width: 660px; height: 390px; padding: 10px 0 0 35px; background: url(../images/culture1.jpg) no-repeat 0 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(-50px, 0px, 0px); -moz-transform: translate3d(-50px, 0px, 0px); -o-transform: translate3d(-50px, 0px, 0px); -ms-transform: translate3d(-50px, 0px, 0px); transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; transition-delay: 1s; }
.culture2 { float: right; width: 410px; height: 290px; padding: 110px 0 0 90px; background: url(../images/culture2.jpg) no-repeat 0 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(50px, 0px, 0px); -moz-transform: translate3d(50px, 0px, 0px); -o-transform: translate3d(50px, 0px, 0px); -ms-transform: translate3d(50px, 0px, 0px); transform: translate3d(50px, 0px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; transition-delay: 1s; }
.culture h1 { margin-top: 30px; }
.culture1 p { margin: 20px 0 0 30px; }
.culture2 p { margin: 15px 0 0 60px; }
.sectionpage.is-visible .culture1, .sectionpage.is-visible .culture2 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.team ul { margin-left: -12px; padding-bottom: 50px; }
.team li { float: left; width: 230px; height: 230px; margin: 0 0 8px 12px; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; }
.sectionpage.is-visible .team li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.team li:nth-child(1) { transition-delay: 0.5s; }
.team li:nth-child(2) { transition-delay: 0.7s; }
.team li:nth-child(3) { transition-delay: 0.9s; }
.team li:nth-child(4) { transition-delay: 1.1s; }
.team li:nth-child(5) { transition-delay: 1.3s; }
.team li:nth-child(6) { transition-delay: 1.5s; }
.team li:nth-child(7) { transition-delay: 1.7s; }
.team li:nth-child(8) { transition-delay: 1.9s; }
.team li:nth-child(9) { transition-delay: 2.1s; }
.team li:nth-child(10) { transition-delay: 2.3s; }
.team li:nth-child(11) { transition-delay: 2.5s; }
.team li:nth-child(12) { transition-delay: 2.7s; }
.team li:nth-child(13) { transition-delay: 2.9s; }
.team li:nth-child(14) { transition-delay: 3.1s; }
.team li:nth-child(15) { transition-delay: 3.3s; }
.team li:nth-child(16) { transition-delay: 3.5s; }
.team li:nth-child(17) { transition-delay: 3.7s; }
.team li:nth-child(18) { transition-delay: 3.9s; }
.team li:nth-child(19) { transition-delay: 4.1s; }
.team li:nth-child(20) { transition-delay: 4.3s; }
.team li:nth-child(21) { transition-delay: 4.5s; }
.team li:nth-child(22) { transition-delay: 4.7s; }
.team li:nth-child(23) { transition-delay: 4.9s; }
.team li:nth-child(24) { transition-delay: 5.1s; }
.team li:nth-child(25) { transition-delay: 5.3s; }
.team li:nth-child(26) { transition-delay: 5.5s; }
.team li:nth-child(27) { transition-delay: 5.7s; }
.team li:nth-child(28) { transition-delay: 5.9s; }
.team li:nth-child(29) { transition-delay: 6.1s; }
.team li:nth-child(30) { transition-delay: 6.3s; }
.team li:nth-child(31) { transition-delay: 6.5s; }
.team li:nth-child(32) { transition-delay: 6.7s; }
.team li:nth-child(33) { transition-delay: 6.9s; }
.team li:nth-child(34) { transition-delay: 7.1s; }
.team li:nth-child(35) { transition-delay: 7.3s; }
.team li:nth-child(36) { transition-delay: 7.5s; }
.team li:nth-child(37) { transition-delay: 7.7s; }
.team li:nth-child(38) { transition-delay: 7.9s; }
.team li:nth-child(39) { transition-delay: 8.1s; }
.team li:nth-child(40) { transition-delay: 8.3s; }
.team li:nth-child(41) { transition-delay: 8.5s; }
.team li:nth-child(42) { transition-delay: 8.7s; }
.team li:nth-child(43) { transition-delay: 8.9s; }
.team li:nth-child(44) { transition-delay: 9.1s; }
.team li:nth-child(45) { transition-delay: 9.3s; }
.team li:nth-child(46) { transition-delay: 9.5s; }
.team li:nth-child(47) { transition-delay: 9.7s; }
.team li:nth-child(48) { transition-delay: 9.9s; }
.team li:nth-child(49) { transition-delay: 9.1s; }
.team li:nth-child(50) { transition-delay: 9.3s; }
.team li .tr { width: 0; height: 100%; background: #000; position: absolute; top: 0; left: 50%; filter: alpha(opacity=0); -moz-filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.team li:hover .tr { width: 100%; left: 0; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.team li .view { width: 100%; color: #fff; position: absolute; top: 60px; left: 0; }
.team li i { display: block; width: 50px; height: 50px; margin: 0 auto; background: url(../images/view.png) no-repeat 0 0; filter: alpha(opacity=0); -moz-filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -khtml-opacity: 0; opacity: 0; transform: translateY(60px); transition: all 0.5s ease 0s; }
.team li:hover i { filter: alpha(opacity=100); -moz-filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -khtml-opacity: 1; opacity: 1; transform: translateY(0px); transition-delay: 0.5s; }
.team li p { font-size: 15px; margin-top: 15px; filter: alpha(opacity=0); -moz-filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -khtml-opacity: 0; opacity: 0; text-align: center; line-height: 25px; transition: all 0.5s ease 0s; }
.team li:hover p { filter: alpha(opacity=100); -moz-filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -khtml-opacity: 1; opacity: 1; transition-delay: 0.7s; }
.activity { padding: 0 0 100px 0; }
.activityloop { width: 800px; height: 800px; position: relative; }
.activityloop .hd { position: absolute; z-index: 100; top: 50%; left: 0; width: 100%; margin-top: -30px; }
.activityloop .hd .prev, .activityloop .hd .next { display: block; width: 30px; height: 60px; overflow: hidden; cursor: pointer; }
.activityloop .hd .prev { float: left; margin-left: -50px; background: url(../images/left_arrow2.png) no-repeat 0 0; }
.activityloop .hd .next { float: right; margin-right: -50px; background: url(../images/right_arrow2.png) no-repeat 0 0; }
.activityloop .hd .prev:hover { background: url(../images/left_arrow3.png) no-repeat 0 0; }
.activityloop .hd .next:hover { background: url(../images/right_arrow3.png) no-repeat 0 0; }
.activityloop .bd ul { overflow: hidden; zoom: 1; }
.activityloop li { float: left; width: 800px; height: 800px; overflow: hidden; }
.activityloop li img { width: 100%; height: 100%; }
.activity_content { width: 800px; margin: 0 auto; padding: 30px 0; line-height: 25px; font-size: 14px; }
.video { width: 800px; height: 600px; margin: 0 auto; }
.video video { width: 100%; height: 100%; }
.video_content { padding: 50px 0 100px 0; line-height: 25px; font-size: 14px; }
.witness_content { padding: 0 0 100px 0; }
.witness_content p { padding: 10px 0; }
.honorLoop { padding: 0 0 30px 0; margin-top: -10px; position: relative; }
.honorLoop .hd { position: absolute; z-index: 100; top: 50%; left: 0; width: 100%; margin-top: -50px; }
.honorLoop .hd .prev, .honorLoop .hd .next { display: block; width: 60px; height: 60px; overflow: hidden; background: rgba(3,110,184,.6); background: #099aff\9; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer; font-size: 40px; font-family: "simsun"; line-height: 60px; text-align: center; color: #fff; position: relative; behavior: url(PIE.htc); }
.honorLoop .hd a:hover { background: rgba(3,110,184,1); background: #036eb8\9; }
.honorLoop .hd .prev { float: left; margin-left: -50px; }
.honorLoop .hd .next { float: right; margin-right: -50px; }
.honorLoop .bd { position: relative; z-index: 110; width: 1150px; margin: 0 auto; }
.honorLoop .bd ul { overflow: hidden; zoom: 1; }
.honorLoop li { float: left; width: 200px; height: 300px; background: #fff; margin: 10px 15px 20px 15px; -webkit-box-shadow: 3px 3px 10px #999; -moz-box-shadow: 3px 3px 10px #999); box-shadow: 3px 3px 10px #999; overflow: hidden; }
.honorLoop li img { width: 100%; height: 100%; }
.contact { background: url(../images/mapbg.jpg) no-repeat center 0; }
.contactus { background: rgba(0,0,0,0.7); background: url(../images/trbg1.png) repeat 0 0\9; color: #fff; }
.contactus .title-h1 h1, .contactus .title-h1 p { color: #fff; }
.contactway li { float: left; width: 200px; padding: 0 20px 40px 20px; text-align: center; font-size: 13px; line-height: 24px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; }
.sectionpage.is-visible .contactway li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.contactway .addressli { transition-delay: 0.3s; }
.contactway .telli { transition-delay: 0.5s; }
.contactway .emailli { transition-delay: 0.7s; }
.contactway .weixinli { transition-delay: 0.9s; }
.contactway .wechatli { transition-delay: 1.1s; }
.contactway li .icon { display: block; width: 50px; height: 50px; margin: 0 auto 10px auto; }
.contactway .addressli .icon { background: url(../images/icon.png) no-repeat 0 -56px; }
.contactway .telli .icon { background: url(../images/icon.png) no-repeat 0 -106px; }
.contactway .emailli .icon { background: url(../images/icon.png) no-repeat 0 -156px; }
.contactway .weixinli .icon { background: url(../images/icon.png) no-repeat 0 -206px; }
.contactway .wechatli .icon { background: url(../images/icon.png) no-repeat 0 -256px; }
.contactway li h2 { font-size: 16px; font-weight: normal; line-height: 40px; }
.area_contact .title-h1 { padding: 0; }
.area_contact .title-h1 h1 { font-size: 18px; }
.area_contact ul { padding: 50px 0 55px 0; margin-left: -12px; }
.area_contact li { float: left; margin: 20px 0 0 12px; background: #fff; position: relative; width: 210px; height: 230px; padding: 50px 10px 0 10px; font-size: 13px; color: #454545; line-height: 20px; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; }
.sectionpage.is-visible .area_contact li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.area_contact li:nth-child(1) { transition-delay: 0.5s; }
.area_contact li:nth-child(2) { transition-delay: 0.7s; }
.area_contact li:nth-child(3) { transition-delay: 0.9s; }
.area_contact li:nth-child(4) { transition-delay: 1.1s; }
.area_contact li:nth-child(5) { transition-delay: 1.3s; }
.area_contact li:nth-child(6) { transition-delay: 1.5s; }
.area_contact li:nth-child(7) { transition-delay: 1.7s; }
.area_contact li:nth-child(8) { transition-delay: 1.9s; }
.area_contact li:nth-child(9) { transition-delay: 2.1s; }
.area_contact li:nth-child(10) { transition-delay: 2.3s; }
.area_contact li .headshot { position: absolute; top: -40px; left: 50%; margin-left: -40px; width: 80px; height: 80px; background: #eaeaea; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; behavior: url(PIE.htc); }
.area_contact li .headshot img { width: 100%; height: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0; behavior: url(PIE.htc); }
.area_contact li h3, .area_contact li h4 { overflow: hidden; text-align: center; font-weight: normal; }
.area_contact li h3 { font-size: 18px; height: 40px; line-height: 40px; }
.area_contact li h4 { font-size: 16px; height: 25px; line-height: 25px; }
.area_contact li p { padding: 10px 0 0 0; }
.area_contact li .area { padding: 10px 0 0 0; zoom: 1; }
.area_contact li .area:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.area_contact li .area span { float: left; width: 70px; }
.area_contact li .area .t { float: left; width: 140px; }
/*brand css*/
.brandbanner { height: 300px; background: url(../images/brandbanner.jpg) no-repeat center 0; }
.inside_tab { text-align: center; padding: 40px 0; }
.inside_tab a { display: inline-block; margin: 0 25px; width: 200px; height: 48px; line-height: 48px; border: 1px solid #ddd; text-align: center; background: #fff; color: #444; font-size: 16px; }
.inside_tab a.current, .inside_tab a:hover { background: #036eb8; border: 1px solid #036eb8; color: #fff; }
.brand { position: relative; width: 700px; height: 300px; margin: 0 auto; }
.brand li { position: absolute; width: 116px; height: 116px; color: #fff; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,-50px,0px); -moz-transform: translate3d(0,-50px,0px); -o-transform: translate3d(0,-50px,0px); -ms-transform: translate3d(0,-50px,0px); transform: translate3d(0,-50px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; }
.brand li div { width: 100%; height: 100%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.brand li div span { display: block; padding: 46px 0; width: 100%; height: 24px; line-height: 24px; text-align: center; font-size: 20px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.brand .li3 div span { padding: 34px 0; height: 48px; }
.brand .li1 { top: 25px; left: 25px; }
.brand .li2 { top: 115px; left: 115px; }
.brand .li3 { top: 25px; left: 205px; }
.brand .li4 { top: 115px; left: 295px; }
.brand .li5 { top: 25px; left: 385px; }
.brand .li6 { top: 115px; left: 475px; }
.brand .li7 { top: 25px; left: 565px; }
.brand .li1 div { background: #803cd9; }
.brand .li2 div { background: #3574e6; }
.brand .li3 div { background: #cc62c6; }
.brand .li4 div { background: #3ac2ce; }
.brand .li5 div { background: #2cbf51; }
.brand .li6 div { background: #ffa626; }
.brand .li7 div { background: #f15246; }
.sectionpage.is-visible .brand li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.brand .li1 { transition-delay: 0.5s; }
.brand .li2 { transition-delay: 0.8s; }
.brand .li3 { transition-delay: 1.1s; }
.brand .li4 { transition-delay: 1.4s; }
.brand .li5 { transition-delay: 1.7s; }
.brand .li6 { transition-delay: 2s; }
.brand .li7 { transition-delay: 2.3s; }
.core_value li { float: left; padding: 0 2.5%; width: 28%; text-align: center; }
.core_value li h1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.7s ease-in-out 0.2s; -moz-transition: all 0.7s ease-in-out 0.2s; -o-transition: all 0.7s ease-in-out 0.2s; -ms-transition: all 0.7s ease-in-out 0.2s; transition: all 0.7s ease-in-out 0.2s; }
.core_value li h2 { padding: 25px 0 10px 0; font-size: 16px; color: #444; font-weight: normal; line-height: 25px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.7s ease-in-out 0.2s; -moz-transition: all 0.7s ease-in-out 0.2s; -o-transition: all 0.7s ease-in-out 0.2s; -ms-transition: all 0.7s ease-in-out 0.2s; transition: all 0.7s ease-in-out 0.2s; transition-delay: 0.7s; }
.core_value li .txt { font-size: 14px; line-height: 25px; color: #666; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.7s ease-in-out 0.2s; -moz-transition: all 0.7s ease-in-out 0.2s; -o-transition: all 0.7s ease-in-out 0.2s; -ms-transition: all 0.7s ease-in-out 0.2s; transition: all 0.7s ease-in-out 0.2s; transition-delay: 1s; }
.sectionpage.is-visible .core_value li h1, .sectionpage.is-visible .core_value li h2, .sectionpage.is-visible .core_value li .txt { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }

.title-h2 { margin: 40px auto; width: 200px; height: 50px; border: 1px solid #ddd; text-align: center; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; }
.title-h2 h1 { position: absolute; top: 50%; left: -5px; width: 210px; margin-top: -12px; background: #fff; font-size: 20px; line-height: 24px; color: #333; }
.sectionpage.is-visible .title-h2 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.prettily { padding-bottom: 30px; }
.prettily li { padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid #ddd; zoom: 1; overflow: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,-50px,0px); -moz-transform: translate3d(0,-50px,0px); -o-transform: translate3d(0,-50px,0px); -ms-transform: translate3d(0,-50px,0px); transform: translate3d(0,-50px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; }
.prettily li:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
.sectionpage.is-visible .prettily li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.prettily li:nth-child(1) { transition-delay: 0.5s; }
.prettily li:nth-child(2) { transition-delay: 0.7s; }
.prettily li:nth-child(3) { transition-delay: 0.9s; }
.prettily li:nth-child(4) { transition-delay: 1.1s; }
.prettily li:nth-child(5) { transition-delay: 1.3s; }
.prettily li:nth-child(6) { transition-delay: 1.5s; }
.prettily li .img { float: left; width: 400px; }
.prettily li .img img { width: 400px; height: 150px; }
.prettily li .text { float: right; width: 760px; font-size: 14px; line-height: 25px; color: #666; }
.prettily li .text h1 { font-size: 18px; color: #333; font-weight: normal; line-height: 30px; margin: 0 0 10px 0; }
.technology { padding: 0 0 50px 0; }
.technology .title { font-size: 24px; text-align: center; line-height: normal; padding: 0 0 30px 0; }
.technology .img { text-align: center; padding: 0 0 30px 0; }
.technology .tit { font-size: 14px; color: #444; line-height: 30px; }
.endorsed li { float: left; width: 360px; margin: 10px 0 0 160px; font-size: 14px; color: #666; line-height: 25px; text-align: center; }
.endorsed li .pic img { height: 250px; }
.endorsed li h2 { font-size: 16px; color: #444; line-height: 40px; margin: 5px 0 0 0; font-weight: normal; }
.brandculture { margin-top: -30px; }
.brand1 { padding: 0 0 40px 0; }
.brand1 li { float: left; width: 200px; padding: 0 20px; text-align: center; }
.brand1 li .cycle { width: 100px; height: 100px; margin: 0 auto; position: relative; }
.brand1 li .cycle .c1 { width: 92px; height: 46px; border: 4px solid #f5cd1f; border-bottom: 0; -webkit-border-radius: 50px 50px 0 0; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, -20px, 0px); -moz-transform: translate3d(0px, -20px, 0px); -o-transform: translate3d(0px, -20px, 0px); -ms-transform: translate3d(0px, -20px, 0px); transform: translate3d(0px, -20px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; transition-delay: 1s; position: relative; behavior: url(PIE.htc); }
.brand1 li .cycle .c2 { width: 92px; height: 46px; border: 4px solid #eaeaea; border-top: 0; -webkit-border-radius: 0 0 50px 50px; -moz-border-radius: 0 0 50px 50px; border-radius: 0 0 50px 50px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 20px, 0px); -moz-transform: translate3d(0px, 20px, 0px); -o-transform: translate3d(0px, 20px, 0px); -ms-transform: translate3d(0px, 20px, 0px); transform: translate3d(0px, 20px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; transition-delay: 1s; position: relative; behavior: url(PIE.htc); }
.brand1 li .cycle .t { position: absolute; top: 50%; left: 0; margin-top: -15px; width: 100%; line-height: 30px; font-size: 16px; color: #333; text-align: center; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; transition-delay: 1.2s; }
.brand1 .brand_txt { padding: 10px 0 0 0; font-size: 14px; color: #666; line-height: 25px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); -moz-transform: translate3d(0px, 50px, 0px); -o-transform: translate3d(0px, 50px, 0px); -ms-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; transition-delay: 1.5s; }
.sectionpage.is-visible .brand1 li .cycle .c1, .sectionpage.is-visible .brand1 li .cycle .c2, .sectionpage.is-visible .brand1 .brand_txt { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.sectionpage.is-visible .brand1 li .cycle .t { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.vision { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.6s linear 0.2s; -moz-transition: all 0.6s linear 0.2s; -o-transition: all 0.6s linear 0.2s; -ms-transition: all 0.6s linear 0.2s; transition: all 0.6s linear 0.2s; transition-delay: 1.8s; }
.sectionpage.is-visible .vision { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.brand2 { width: 1000px; margin: 0 auto; padding: 0 0 100px 0; font-size: 14px; color: #444; line-height: 30px; }
.brand2 .img { float: left; width: 380px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(-50px,50px,0px); -moz-transform: translate3d(-50px,0px,0px); -o-transform: translate3d(-50px,0px,0px); -ms-transform: translate3d(-50px,0px,0px); transform: translate3d(-50px,0px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; transition-delay: 1s; }
.brand2 .txt { float: right; width: 570px; margin: 20px 0 0 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(50px,0px,0px); -moz-transform: translate3d(50px,0px,0px); -o-transform: translate3d(50px,0px,0px); -ms-transform: translate3d(50px,0px,0px); transform: translate3d(50px,0px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; transition-delay: 1s; }
.sectionpage.is-visible .brand2 .img, .sectionpage.is-visible .brand2 .txt { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.deeds { padding-bottom: 50px; }
.deeds .con ul { margin-left: -25px; }
.deeds .con li { width: 280px; height: 280px; float: left; margin: 0 0 40px 25px; position: relative; overflow: hidden; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,-50px,0px); -moz-transform: translate3d(0,-50px,0px); -o-transform: translate3d(0,-50px,0px); -ms-transform: translate3d(0,-50px,0px); transform: translate3d(0,-50px,0px); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; }
.deeds .con li img { width: 280px; height: 280px; }
.deeds .txt { width: 260px; padding: 0 10px; height: 40px; background: rgba(0,0,0,0.6); background: url(../images/trbg2.png) repeat 0 0\9; position: absolute; left: 0; bottom: 0; color: #fff; }
.deeds .txt h3 { font-size: 14px; font-weight: normal; height: 40px; text-align: center; line-height: 40px; overflow: hidden; }
.deeds .txt .description { padding: 5px 0 0 0; font-size: 12px; line-height: 21px; height: 210px; overflow: hidden; }
.sectionpage.deeds.is-visible .con ul li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.deeds .con li:nth-child(1) { transition-delay: 0.5s; }
.deeds .con li:nth-child(2) { transition-delay: 0.7s; }
.deeds .con li:nth-child(3) { transition-delay: 0.9s; }
.deeds .con li:nth-child(4) { transition-delay: 1.1s; }
.deeds .con li:nth-child(5) { transition-delay: 1.3s; }
.deeds .con li:nth-child(6) { transition-delay: 1.5s; }
.deeds .con li:nth-child(7) { transition-delay: 1.7s; }
.deeds .con li:nth-child(8) { transition-delay: 1.9s; }
.deeds .con li:nth-child(9) { transition-delay: 2.1s; }
.deeds .con li:nth-child(10) { transition-delay: 2.3s; }
.deeds .con li:nth-child(11) { transition-delay: 2.5s; }
.deeds .con li:nth-child(12) { transition-delay: 2.7s; }
/*product css*/
.productbanner { height: 300px; background: url(../images/productbanner.jpg) no-repeat center 0; }
.product ul { margin-left: -52px; }
.product li { float: left; margin: 20px 0 50px 52px; width: 260px; background: #fff; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; position: relative; behavior: url(PIE.htc); }
.product li:hover { -webkit-box-shadow: 0 10px 20px #bbb; -moz-box-shadow: 0 10px 20px #bbb; -o-box-shadow: 0 10px 20px #bbb; -ms-box-shadow: 0 10px 20px #bbb; box-shadow: 0 10px 20px #bbb; -webkit-transform: translate3d(0px, -10px, 0px); -moz-transform: translate3d(0px, -10px, 0px); -o-transform: translate3d(0px, -10px, 0px); -ms-transform: translate3d(0px, -10px, 0px); transform: translate3d(0px, -10px, 0px); position: relative; behavior: url(PIE.htc); }
.product li a { display: block; }
.product li .img { width: 260px; height: 260px; }
.product li .img img { width: 100%; height: 100%; }
.product li h3 { font-size: 14px; color: #333; font-weight: normal; line-height: 60px; height: 60px; text-align: center; overflow: hidden; }
.product .pages { padding: 0 0 60px 0; }
.product-details { padding: 0 0 120px 0; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; visibility: visible; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.border { border: 1px solid #ddd; background: #fff; overflow: hidden; }
.product-infor { margin: 0 0 30px 0; padding: 30px; }
.product-img { float: left; width: 500px; }
.picBtnLeft { width: 500px; position: relative; overflow: hidden; zoom: 1; }
.picBtnLeft .bd { width: 500px; height: 500px; position: relative; }
.picBtnLeft .bd li { position: relative; zoom: 1; }
.picBtnLeft .bd img { width: 500px; height: 500px; }
.picBtnLeft .hd ul li { float: left; width: 80px; height: 80px; margin: 10px 0 0 20px; padding: 5px; border: 1px solid #ddd; }
.picBtnLeft .hd ul li.on { border: 1px solid #036eb8; }
.picBtnLeft .hd ul li img { width: 100%; height: 100%; cursor: pointer; }
.product-text { float: right; width: 600px; }
.product-text .product_name { font-size: 24px; color: #333; line-height: 45px; }
.product-text h2 { font-size: 16px; color: #036eb8; font-weight: normal; line-height: 50px; }
.product-text .feature { font-size: 14px; color: #333; line-height: 50px; }
.product_introduction .tit { background: #539ccf; height: 60px; line-height: 60px; padding: 0 30px; font-size: 18px; color: #fff; }
.product_introduction .content { padding: 50px 70px; }
/*experience css*/
.experiencebanner { height: 300px; background: url(../images/experiencebanner.jpg) no-repeat center 0; }
.mien { width: 890px; height: 640px; margin: 0 auto; position: relative; }
.mien li { position: absolute; width: 140px; height: 140px; overflow: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.6s linear 0.2s; -moz-transition: all 0.6s linear 0.2s; -o-transition: all 0.6s linear 0.2s; -ms-transition: all 0.6s linear 0.2s; transition: all 0.6s linear 0.2s; }
.sectionpage.is-visible .mien li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.mien li img { width: 100%; height: 100%; }
.mien .li1 { top: 150px; left: 300px; width: 290px; height: 290px; }
.mien .li2 { top: 0; left: 300px; }
.mien .li3 { top: 0; left: 450px; }
.mien .li4 { top: 150px; left: 0; }
.mien .li5 { top: 150px; left: 150px; }
.mien .li6 { top: 300px; left: 0; }
.mien .li7 { top: 300px; left: 150px; }
.mien .li8 { top: 150px; left: 600px; }
.mien .li9 { top: 150px; left: 750px; }
.mien .li10 { top: 300px; left: 600px; }
.mien .li11 { top: 300px; left: 750px; }
.mien .li12 { top: 450px; left: 300px; }
.mien .li13 { top: 450px; left: 450px; }
.store1:hover img, .mien li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.storeloop { width: 600px; height: 600px; position: relative; }
.storeloop .hd { position: absolute; z-index: 100; top: 50%; left: 0; width: 100%; margin-top: -30px; }
.storeloop .hd .prev, .storeloop .hd .next { display: block; width: 30px; height: 60px; overflow: hidden; cursor: pointer; }
.storeloop .hd .prev { float: left; margin-left: 20px; background: url(../images/left_arrow.png) no-repeat 0 0; }
.storeloop .hd .next { float: right; margin-right: 20px; background: url(../images/right_arrow.png) no-repeat 0 0; }
.storeloop .bd ul { overflow: hidden; zoom: 1; }
.storeloop li { float: left; width: 600px; height: 600px; overflow: hidden; }
.storeloop li img { width: 100%; height: 100%; }
.store_text { padding: 15px 25px; line-height: 25px; font-size: 14px; }
.store_text h1 { font-size: 16px; color: #333; font-weight: normal; line-height: 25px; margin: 0 0 10px 0; }
.construction ul { margin-left: -60px; padding: 0 0 10px 0; }
.construction li { float: left; margin: 0 0 40px 60px; width: 360px; height: 270px; background: #fff; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,-50px,0px); -moz-transform: translate3d(0,-50px,0px); -o-transform: translate3d(0,-50px,0px); -ms-transform: translate3d(0,-50px,0px); transform: translate3d(0,-50px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; }
.sectionpage.is-visible .construction li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.construction li:nth-child(1) { transition-delay: 0.5s; }
.construction li:nth-child(2) { transition-delay: 0.7s; }
.construction li:nth-child(3) { transition-delay: 0.9s; }
.construction li:nth-child(4) { transition-delay: 1.1s; }
.construction li:nth-child(5) { transition-delay: 1.3s; }
.construction li:nth-child(6) { transition-delay: 1.5s; }
.construction li:nth-child(7) { transition-delay: 1.7s; }
.construction li:nth-child(8) { transition-delay: 1.9s; }
.construction li:nth-child(9) { transition-delay: 2.1s; }
.construction li:nth-child(10) { transition-delay: 2.3s; }
.construction li:nth-child(11) { transition-delay: 2.5s; }
.construction li:nth-child(12) { transition-delay: 2.7s; }
.construction li:nth-child(13) { transition-delay: 2.9s; }
.construction li:nth-child(14) { transition-delay: 3.1s; }
.construction li:nth-child(15) { transition-delay: 3.3s; }
.construction li:nth-child(16) { transition-delay: 3.5s; }
.construction li:nth-child(17) { transition-delay: 3.7s; }
.construction li:nth-child(18) { transition-delay: 3.9s; }
.construction li a, .witness li a { display: block; }
.construction li img { width: 360px; height: 270px; }
.construction li .play { position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -25px; width: 49px; height: 49px; background: url(../images/play.png) no-repeat 0 0; }
.construction li .boutique_name { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.6); background: url(../images/trbg2.png) repeat 0 0\9; padding: 10px 0; font-size: 14px; color: #fff; text-align: center; }
.witness ul { margin-left: -25px; padding: 0 0 20px 0; }
.witness li { float: left; margin: 0 0 40px 25px; width: 280px; height: 280px; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,50px,0px); -moz-transform: translate3d(0,50px,0px); -o-transform: translate3d(0,50px,0px); -ms-transform: translate3d(0,50px,0px); transform: translate3d(0,50px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; }
.sectionpage.is-visible .witness li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.witness li:nth-child(1) { transition-delay: 0.5s; }
.witness li:nth-child(2) { transition-delay: 0.7s; }
.witness li:nth-child(3) { transition-delay: 0.9s; }
.witness li:nth-child(4) { transition-delay: 1.1s; }
.witness li:nth-child(5) { transition-delay: 1.3s; }
.witness li:nth-child(6) { transition-delay: 1.5s; }
.witness li:nth-child(7) { transition-delay: 1.7s; }
.witness li:nth-child(8) { transition-delay: 1.9s; }
.witness li:nth-child(9) { transition-delay: 2.1s; }
.witness li:nth-child(10) { transition-delay: 2.3s; }
.witness li:nth-child(11) { transition-delay: 2.5s; }
.witness li:nth-child(12) { transition-delay: 2.7s; }
.witness li:nth-child(13) { transition-delay: 2.9s; }
.witness li:nth-child(14) { transition-delay: 3.1s; }
.witness li:nth-child(15) { transition-delay: 3.3s; }
.witness li:nth-child(16) { transition-delay: 3.5s; }
.witness li img { width: 100%; height: 100%; }
.witness li .trbg { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); background: url(../images/trbg2.png) repeat 0 0\9; }
.witness li:hover .trbg { background: rgba(0,0,0,.7); background: url(../images/trbg1.png) repeat 0 0\9; }
.witness li .witness_title { position: absolute; z-index: 3; top: 50%; left: 50%; margin-left: -100px; margin-top: -30px; background: url(../images/witness_txt.png) no-repeat 0 0; width: 200px; height: 60px; line-height: 60px; overflow: hidden; font-size: 14px; color: #fff; text-align: center; }
/*joinus css*/
.joinbanner { height: 300px; background: url(../images/joinbanner.jpg) no-repeat center 0; }
.join_advantage .title-h1 { padding-top: 0; }
.joinys .box { width: 1200px; margin: 0 auto 50px auto; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,50px,0px); -moz-transform: translate3d(0,50px,0px); -o-transform: translate3d(0,50px,0px); -ms-transform: translate3d(0,50px,0px); transform: translate3d(0,50px,0px); -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; transition-delay: 0.5s; }
.sectionpage.is-visible .joinys .box { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.joinys .box ul.items { margin: 0 auto; }
.joinys .box ul.items li { width: 160px; height: 230px; margin: 0 68px; background: url(../images/bg_yellow.jpg) no-repeat 0px 230px; overflow: hidden; display: inline-block; }
.joinys .box ul.items li i { display: block; position: relative; margin: 0 auto; margin-top: 20px; height: 100px; width: 100px; }
.joinys .box ul.items li.li1 i { background: url(../images/words.png) no-repeat -200px 0px; }
.joinys .box ul.items li.li2 i { background: url(../images/words.png) no-repeat -400px 0px; }
.joinys .box ul.items li.li3 i { background: url(../images/words.png) no-repeat -200px -100px; }
.joinys .box ul.items li.li4 i { background: url(../images/words.png) no-repeat -400px -100px; }
.joinys .box ul.items li u { display: block; position: absolute; width: 100px; height: 100px; margin: 20px 0 0 30px; background: url(../images/words.png) no-repeat 0px 0px; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
.joinys .box ul.items li u.cl { clip: rect(0px,100px,-10px,50px); }
.joinys.active .box ul.items li u.cl { clip: rect(0px,100px,100px,50px); }
.joinys .box ul.items li u.cr { clip: rect(100px,50px,100px,0px); }
.joinys.active .box ul.items li u.cr { clip: rect(0px,50px,100px,0px); }
.joinys .box ul.items li strong { display: block; margin-top: 15px; font-size: 16px; font-weight: normal; color: #333; text-align: center; }
.joinys .box ul.items li p { position: relative; top: 230px; color: #fff; font-size: 13px; width: 130px; margin: 0 auto; line-height: 20px; height: 80px; overflow: hidden; }
.joinys .box ul.items li:hover { background-position: 0px 0px; -webkit-transition: all .5s ease-in-out .3s; -moz-transition: all .5s ease-in-out .3s; -ms-transition: all .5s ease-in-out .3s; -o-transition: all .5s ease-in-out .3s; transition: all .5s ease-in-out .3s; }
.joinys .box ul.items li:hover i { -webkit-transition: all .5s ease-in-out .4s; -moz-transition: all .5s ease-in-out .4s; -ms-transition: all .5s ease-in-out .4s; -o-transition: all .5s ease-in-out .4s; transition: all .5s ease-in-out .4s; }
.joinys .box ul.items li.li1:hover i { background: url(../images/words.png) no-repeat -100px 0px; }
.joinys .box ul.items li.li2:hover i { background: url(../images/words.png) no-repeat -300px 0px; }
.joinys .box ul.items li.li3:hover i { background: url(../images/words.png) no-repeat -100px -100px; }
.joinys .box ul.items li.li4:hover i { background: url(../images/words.png) no-repeat -300px -100px; }
.joinys .box ul.items li:hover u.cl { clip: rect(0px,100px,-10px,50px); }
.joinys .box ul.items li:hover u.cr { clip: rect(100px,50px,100px,0px); }
.joinys .box ul.items li:hover strong { color: #fff; margin-top: -15px; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
.joinys .box ul.items li:hover p { top: 10px; -webkit-transition: all .3s ease-in-out .5s; -moz-transition: all .3s ease-in-out .5s; -ms-transition: all .3s ease-in-out .5s; -o-transition: all .3s ease-in-out .5s; transition: all .3s ease-in-out .5s; }

.join_service ul { padding: 0 0 60px 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,50px,0px); -moz-transform: translate3d(0,50px,0px); -o-transform: translate3d(0,50px,0px); -ms-transform: translate3d(0,50px,0px); transform: translate3d(0,50px,0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; }
.sectionpage.is-visible .join_service ul { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.join_service li { float: left; margin: 0 70px 0 20px; width: 150px; height: 100px; background: #036eb8; border: 5px solid #7cb1d6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; text-align: center; padding: 30px 0 20px 0; color: #fff; font-size: 14px; line-height: 25px; position: relative; behavior: url(PIE.htc); }
.join_service li h1 { line-height: 35px; margin: 0 0 7px 0; font-size: 18px; font-weight: normal; }
.join_service .li2, .join_service .li4 { margin-top: 230px; }
.join_service .li1 span, .join_service .li3 span { position: absolute; top: 130px; left: 130px; width: 132px; height: 132px; background: url(../images/line1.png) no-repeat 0 0; }
.join_service .li2 span, .join_service .li4 span { position: absolute; bottom: 100px; left: 149px; width: 146px; height: 146px; background: url(../images/line2.png) no-repeat 0 0; }
.join_service .li5 { margin-right: 0; }
.join_conditions { width: 800px; margin: 0 auto; padding: 0 0 40px 0; }
.join_conditions ul { margin-top: -20px; }
.join_conditions li { font-size: 14px; color: #444; line-height: 40px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,50px,0px); -moz-transform: translate3d(0,50px,0px); -o-transform: translate3d(0,50px,0px); -ms-transform: translate3d(0,50px,0px); transform: translate3d(0,50px,0px); -webkit-transition: all 0.6s ease-in-out 0.2s; -moz-transition: all 0.6s ease-in-out 0.2s; -o-transition: all 0.6s ease-in-out 0.2s; -ms-transition: all 0.6s ease-in-out 0.2s; transition: all 0.6s ease-in-out 0.2s; }
.join_conditions li span { font-size: 18px; color: #e0121c; }
.sectionpage.is-visible .join_conditions li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.join_conditions li:nth-child(1) { transition-delay: 0.4s; }
.join_conditions li:nth-child(2) { transition-delay: 0.8s; }
.join_conditions li:nth-child(3) { transition-delay: 1.2s; }
.join_conditions li:nth-child(4) { transition-delay: 1.6s; }
.join_conditions li:nth-child(5) { transition-delay: 2.0s; }
.join_conditions li:nth-child(6) { transition-delay: 2.4s; }
.join_conditions li:nth-child(7) { transition-delay: 2.8s; }
.join_conditions li:nth-child(8) { transition-delay: 3.2s; }
.join_conditions li:nth-child(9) { transition-delay: 3.6s; }
.join_conditions li:nth-child(10) { transition-delay: 4.0s; }
.join_process ul { padding-bottom: 20px; }
.join_process li { float: left; width: 380px; padding: 0 20px 0 0; margin: 0 0 40px 0; height: 75px; font-size: 14px; color: #444; line-height: 25px; overflow: hidden; zoom: 1; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(50px,0px,0px); -moz-transform: translate3d(50px,0px,0px); -o-transform: translate3d(50px,0px,0px); -ms-transform: translate3d(50px,0px,0px); transform: translate3d(50px,0px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; }
.join_process li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.join_process li span { float: left; display: block; margin: 0 20px 17px 0; width: 50px; height: 58px; font-size: 22px; color: #036eb8; text-align: center; line-height: 58px; position: relative; background: url(../images/fk.png) no-repeat 0 0; }
.sectionpage.is-visible .join_process li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.join_process li:nth-child(1) { transition-delay: 0.4s; }
.join_process li:nth-child(2) { transition-delay: 0.8s; }
.join_process li:nth-child(3) { transition-delay: 1.2s; }
.join_process li:nth-child(4) { transition-delay: 1.6s; }
.join_process li:nth-child(5) { transition-delay: 2.0s; }
.join_process li:nth-child(6) { transition-delay: 2.4s; }
.join_process li:nth-child(7) { transition-delay: 2.8s; }
.join_process li:nth-child(8) { transition-delay: 3.2s; }
.join_process li:nth-child(9) { transition-delay: 3.6s; }
.join_process li:nth-child(10) { transition-delay: 4.0s; }
/*dealer_list css*/
.dealer_area .title-h1 { padding-top: 0; }
.dealer_area .title-h1 h1 span { color: #e0121c; }
.dealer_area .title-h1 h1 span em { font-size: 36px; font-style: normal; }
.area_map { width: 1000px; margin: 0 auto; overflow: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.5s linear 0.2s; -moz-transition: all 0.5s linear 0.2s; -o-transition: all 0.5s linear 0.2s; -ms-transition: all 0.5s linear 0.2s; transition: all 0.5s linear 0.2s; }
.sectionpage.is-visible .area_map { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.dealerlist { padding-bottom: 100px; }
.dealerlist .list { margin: 0 0 20px 0; border: 1px solid #ddd; padding: 25px 0 0 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px,50px,0px); -moz-transform: translate3d(0px,50px,0px); -o-transform: translate3d(0px,50px,0px); -ms-transform: translate3d(0px,50px,0px); transform: translate3d(0px,50px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; }
.dealerlist .list h1 { font-size: 18px; color: #333; line-height: 25px; font-weight: normal; margin: 0 0 10px 0; padding: 0 30px; }
.dealerlist .list ul { margin-left: -1px; }
.dealerlist .list li { float: left; width: 538px; padding: 0 30px; border-left: 1px solid #ddd; margin: 0 0 25px 0; font-size: 13px; color: #666; line-height: 25px; }
.dealerlist .list li h2 { margin: 0 0 5px 0; font-size: 14px; color: #333; font-weight: normal; }
.sectionpage.is-visible .dealerlist .list { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.dealerlist .list:nth-child(1) { transition-delay: 0.4s; }
.dealerlist .list:nth-child(2) { transition-delay: 0.8s; }
.dealerlist .list:nth-child(3) { transition-delay: 1.2s; }
.dealerlist .list:nth-child(4) { transition-delay: 1.6s; }
.dealerlist .list:nth-child(5) { transition-delay: 2.0s; }
.dealerlist .list:nth-child(6) { transition-delay: 2.4s; }
.dealerlist .list:nth-child(7) { transition-delay: 2.8s; }
.dealerlist .list:nth-child(8) { transition-delay: 3.2s; }
.dealerlist .list:nth-child(9) { transition-delay: 3.6s; }
.dealerlist .list:nth-child(10) { transition-delay: 4.0s; }
.dealerlist .list:nth-child(11) { transition-delay: 4.4s; }
.dealerlist .list:nth-child(12) { transition-delay: 4.8s; }
.dealerlist .list:nth-child(13) { transition-delay: 5.2s; }
.dealerlist .list:nth-child(14) { transition-delay: 5.6s; }
.dealerlist .list:nth-child(15) { transition-delay: 6.0s; }
.dealerlist .list:nth-child(16) { transition-delay: 6.4s; }
.dealerlist .list:nth-child(17) { transition-delay: 6.8s; }
.dealerlist .list:nth-child(18) { transition-delay: 7.2s; }
.dealerlist .list:nth-child(19) { transition-delay: 7.6s; }
.dealerlist .list:nth-child(20) { transition-delay: 8.0s; }
.dealerlist .list:nth-child(21) { transition-delay: 8.4s; }
.dealerlist .list:nth-child(22) { transition-delay: 8.8s; }
.dealerlist .list:nth-child(23) { transition-delay: 9.2s; }
.dealerlist .list:nth-child(24) { transition-delay: 9.6s; }
.dealerlist .list:nth-child(25) { transition-delay: 10.0s; }
.dealerlist .list:nth-child(26) { transition-delay: 10.4s; }
.dealerlist .list:nth-child(27) { transition-delay: 10.8s; }
.dealerlist .list:nth-child(28) { transition-delay: 11.2s; }
.dealerlist .list:nth-child(29) { transition-delay: 11.6s; }
.dealerlist .list:nth-child(30) { transition-delay: 12.0s; }
.dealer-video { padding-bottom: 50px; }
.dealer-video li { margin-bottom: 50px; }
.dealer-video .pages { padding: 0; }
/*join css*/
.join_contact .title-h1 { padding-top: 0; }
.leader { width: 230px; margin: 0 auto; padding: 20px 0; background: #54a0ec; text-align: center; color: #fefefe; font-size: 14px; line-height: 36px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px,-50px,0px); -moz-transform: translate3d(0px,-50px,0px); -o-transform: translate3d(0px,-50px,0px); -ms-transform: translate3d(0px,-50px,0px); transform: translate3d(0px,-50px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; transition-delay: 0.4s; }
.leader h1 { font-size: 18px; font-weight: normal; }
.sectionpage.is-visible .leader { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.join_contact ul { margin-left: -25px; }
.join_contact li { float: left; width: 250px; margin: 30px 0 0 25px; padding: 10px 15px 0 15px; height: 190px; background: #a4d315; font-size: 13px; line-height: 20px; color: #fff; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0px,50px,0px); -moz-transform: translate3d(0px,50px,0px); -o-transform: translate3d(0px,50px,0px); -ms-transform: translate3d(0px,50px,0px); transform: translate3d(0px,50px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; }
.join_contact .li1, .join_contact .li5 { background: #a4d315; }
.join_contact .li2, .join_contact .li6 { background: #fdbb33; }
.join_contact .li3, .join_contact .li7 { background: #5bbbb0; }
.join_contact .li4, .join_contact .li8 { background: #fea89b; }
.sectionpage.is-visible.join_contact li { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.join_contact li:nth-child(1) { transition-delay: 0.8s; }
.join_contact li:nth-child(2) { transition-delay: 1.0s; }
.join_contact li:nth-child(3) { transition-delay: 1.2s; }
.join_contact li:nth-child(4) { transition-delay: 1.4s; }
.join_contact li:nth-child(5) { transition-delay: 1.6s; }
.join_contact li:nth-child(6) { transition-delay: 1.8s; }
.join_contact li:nth-child(7) { transition-delay: 2.0s; }
.join_contact li:nth-child(8) { transition-delay: 2.2s; }
.join_contact li:nth-child(9) { transition-delay: 2.4s; }
.join_contact li:nth-child(10) { transition-delay: 2.6s; }
.join_contact li:nth-child(11) { transition-delay: 2.8s; }
.join_contact li:nth-child(12) { transition-delay: 3.0s; }
.join_contact li h3 { font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-weight: normal; }
.join_contact li p { padding: 10px 0 0 0; }
.join_contact li .area { padding: 10px 0 0 0; zoom: 1; }
.join_contact li .area:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.join_contact li .area span { float: left; width: 70px; }
.join_contact li .area .t { float: left; width: 180px; }
.join_message { padding: 0 0 100px 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,50px,0px); -moz-transform: translate3d(0,50px,0px); -o-transform: translate3d(0,50px,0px); -ms-transform: translate3d(0,50px,0px); transform: translate3d(0,50px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; transition-delay: 0.6s; }
.sectionpage.is-visible .join_message { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.join_message li { margin: 0 0 30px 0; }
.join_message .inputs { float: left; width: 350px; height: 20px; background: #eaeaea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 15px; margin: 0 30px 0 0; }
.join_message .mr0 { margin-right: 0; }
.join_message .inputs input { border: 0; display: block; width: 100%; height: 20px; background: none; color: #333; }
.join_message .textarea { padding: 5px 15px; background: #eaeaea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.join_message .textarea textarea { width: 100%; height: 140px; border: 0; background: none; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma,arial,"Hiragino Sans GB", "\5B8B\4F53"; }
.join_message .btnli { padding: 20px 0 0 0; }
.join_message .btnli button, .join_message .btnli a, .join_message .btnli input { display: block; margin: 0 auto; width: 200px; height: 50px; line-height: 50px; background: #036eb8; border: 0; font-size: 16px; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; cursor: pointer; }
.join_message .btnli button:hover, .join_message .btnli a:hover, .join_message .btnli input:hover { background: #045b97; }
/*news css*/
.newsbanner { height: 200px; background: url(../images/newsbanner.jpg) no-repeat center 0; }
.news { padding: 0 0 20px 0; }
.website { margin: 20px 0 25px 0; background: url(../images/icon.png) no-repeat -38px -30px; line-height: 25px; padding-left: 30px; font-size: 14px; color: #666; }
.website a { color: #666; }
.website span, .website a:hover { color: #036eb8; }
.content_wsn { background: #f6f6f6; margin: 0 0 20px 0; padding: 0 30px 0 0; zoom: 1; overflow: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translate3d(0,-50px,0px); -moz-transform: translate3d(0,-50px,0px); -o-transform: translate3d(0,-50px,0px); -ms-transform: translate3d(0,-50px,0px); transform: translate3d(0,-50px,0px); -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; }
.sectionpage.is-visible .content_wsn { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0px,0px); -moz-transform: translate3d(0,0px,0px); -o-transform: translate3d(0,0px,0px); -ms-transform: translate3d(0,0px,0px); transform: translate3d(0,0px,0px); }
.content_wsn:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
.content_wsn:nth-child(1) { transition-delay: 0.5s; }
.content_wsn:nth-child(2) { transition-delay: 0.7s; }
.content_wsn:nth-child(3) { transition-delay: 0.9s; }
.content_wsn:nth-child(4) { transition-delay: 1.1s; }
.content_wsn:nth-child(5) { transition-delay: 1.3s; }
.content_wsn:nth-child(6) { transition-delay: 1.5s; }
.content_wsn:nth-child(7) { transition-delay: 1.7s; }
.content_wsn:nth-child(8) { transition-delay: 1.9s; }
.content_wsn:nth-child(9) { transition-delay: 2.1s; }
.content_wsn:nth-child(10) { transition-delay: 2.3s; }
.content_wsn:hover { background: #efefef; }
.content_wsn .date { float: left; padding: 20px 25px 0 25px; background: #036eb8; width: 100px; height: 150px; text-align: center; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.content_wsn .date h1 { line-height: 55px; font-size: 48px; font-weight: normal; }
.content_wsn .date h2 { font-size: 16px; line-height: 35px; height: 40px; font-weight: normal; border-bottom: 1px solid #fff; }
.content_wsn .date p { font-size: 16px; line-height: 50px; }
.content_wsn .date-rig { float: right; width: 990px; padding: 20px 0 0 0; }
.content_wsn .date-rig h1 { font-size: 16px; color: #333; font-weight: normal; line-height: 25px; height: 25px; overflow: hidden; }
.content_wsn .date-rig h1 a { color: #333; }
.content_wsn .date-rig h1 a:hover { color: #036eb8; }
.content_wsn .date-rig .description { margin: 10px 0 5px 0; font-size: 14px; color: #666; line-height: 26px; height: 52px; overflow: hidden; }
.content_wsn .date-rig .detail { text-align: right; }
.content_wsn .date-rig .detail a { display: inline-block; padding: 0 20px; line-height: 38px; border: 1px solid #036eb8; color: #036eb8; }
.content_wsn .date-rig .detail a:hover { background: #036eb8; color: #fff; }
/*newsdetails css*/
.newsdetails { overflow: hidden; }
.contentil { padding: 0 0 70px 0; background: #fff; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; visibility: visible; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.newstitle { font-size: 20px; color: #333; line-height: 30px; font-weight: normal; text-align: center; }
.label-de { border-bottom: 1px solid #ddd; line-height: 50px; color: #666; height: 70px; text-align: center; }
.newscontent { line-height: 30px; padding: 30px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ddd; }
.newscontent img { max-width: 100%; }
.newspage { position: relative; color: #666; line-height: 40px; }
.newspage a { color: #666; -webkit-transition: all 0.3s ease-in-out 0.1s; -moz-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s; }
.newspage a:hover { color: #036eb8; }
.newspage .backlist { position: absolute; top: 10px; right: 0; }
.newspage .backlist a { font-size: 14px; display: inline-block; padding: 0 20px; line-height: 38px; border: 1px solid #036eb8; color: #036eb8; }
.newspage .backlist a:hover { background: #036eb8; color: #fff; }
.newspage .backlist span { font-size: 16px; font-weight: 700; font-family: "simsun"; margin: 0 10px 0 0; }
/*popup css*/
.mien li { cursor: pointer; }
.popup { display: none; position: fixed; z-index: 10010; top: 50%; left: 50%; margin-top: -300px; margin-left: -400px; width: 800px; background: #fff; }
.overloay { display: none; position: fixed; z-index: 10000; background: rgba(0,0,0,.4); background: url(../images/trbg2.png) repeat 0 0\9; top: 0; left: 0; width: 100%; height: 100%; }
.popup .base { position: relative; width: 800px; left: 50%; height: 500px; margin-left: -400px; }
.base_left { position: absolute; width: 60px; height: 500px; text-align: center; cursor: pointer; }
.jiantou_left { position: absolute; padding: 0px; top: 50%; margin-top: -40px; left: 0; width: 60px; height: 80px; display: block; background: url(../images/left_arrow2.png) no-repeat center center; }
.jiantou_left:hover { background-image: url(../images/left_arrow3.png); }
.base_right { position: absolute; width: 60px; height: 500px; text-align: center; right: 0px; cursor: pointer; }
.jiantou_right { position: absolute; left: 0px; top: 50%; margin-top: -40px; left: 0; width: 60px; height: 80px; display: block; background: url(../images/right_arrow2.png) no-repeat center center; }
.jiantou_right:hover { background-image: url(../images/right_arrow3.png); }
.popup .content { height: 500px; width: 680px; position: absolute; left: 60px; background-repeat: no-repeat; background-position: 50%; background-size: contain; overflow: hidden; }
.toggle { position: absolute; display: none; top: 500px; width: 100%; height: 30px; line-height: 30px; }
.toggle .list { font-size: 14px; color: #666; width: 98px; cursor: pointer; background: white; }
.toggle .list span { display: block; position: absolute; left: 66px; top: 3px; width: 19px; height: 19px; }
.bottle { position: absolute; width: 100%; top: 600px; overflow: hidden; height: 0px; }
.bottle ul { margin: 0px; position: absolute; height: 100px; padding: 0px; display: flex; width: 10000px; }
#list_shot { height: 100px; width: 880px; position: absolute; left: 59px; overflow: hidden; }
.bottle .l { display: block; position: absolute; left: 13px; top: 41px; width: 19px; height: 19px; background: url(../images/slider.png) no-repeat -22px -205px; cursor: pointer; }
.bottle .r { display: block; position: absolute; left: 769px; top: 41px; width: 19px; height: 19px; background: url(../images/slider.png) no-repeat 6px -205px; cursor: pointer; }
.bottle ul li { text-decoration: none; float: left; height: 100px; margin: 0px 5px; position: relative; left: 0px; transition: left 0.5s; border: 1px solid #e6e6e6; cursor: pointer; }
.bottle ul li:hover { border: 1px solid red; }
.popup .store_text { padding: 20px 30px; line-height: 25px; font-size: 14px; }
.popup .store_text h1 { font-size: 16px; color: #333; font-weight: normal; line-height: 25px; margin: 0 0 10px 0; }
/**分页**/
.pages { padding: 30px 0; text-align: center; }
.pages a, .pages span { font-family: "simsun"; display: inline-block; padding: 0 10px; height: 28px; margin: 0 5px; border: 1px solid #ddd; color: #333; font-size: 14px; cursor: pointer; line-height: 28px; -webkit-transition: all 0.5s ease-in-out 0.1s; -moz-transition: all 0.5s ease-in-out 0.1s; -o-transition: all 0.5s ease-in-out 0.1s; -ms-transition: all 0.5s ease-in-out 0.1s; transition: all 0.5s ease-in-out 0.1s; }
.pages span, .pages a:hover { border: 1px solid #036eb8; color: #036eb8; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes fadeInTop {
    0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInTop {
    0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeInBottom {
    0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInBottom {
    0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@media screen and (max-width:1300px) {
    .w1200 { width: 1100px; }
    .title-h1 { padding: 30px 0; }
    .title-h1 h1 { font-size: 22px; }
    .historyLoop { width: 1000px; }
    .historyLoop .bd { margin-left: -37px; width: 1000px; }
    .historyLoop li { margin: 0 37px 0 37px; }
    .culture { font-size: 15px; }
    .culture1 { height: 365px; padding: 0 0 0 30px; width: 600px; }
    .culture h1 { margin-top: 25px; }
    .culture2 { height: 265px; padding: 100px 0 0 45px; width: 410px; }
    .team li { height: 210px; width: 210px; }
    .team li p { font-size: 14px; }
    .honorLoop .bd { width: 1050px; }
    .honorLoop li { height: 270px; width: 180px; }
    .contactway li { font-size: 12px; line-height: 22px; padding: 0 10px 30px; }
    .area_contact li { width: 190px; font-size: 12px; }
    .area_contact li h3 { font-size: 16px; height: 30px; line-height: 30px; }
    .area_contact li h4 { font-size: 14px; }
    .area_contact li .area .t { width: 120px; }
    .prettily li .text { width: 670px; }
    .brand1 li { width: 180px; }
    .deeds .con ul { margin-left: -15px; }
    .deeds .con li { height: 263px; margin: 0 0 30px 15px; width: 263px; }
    .deeds .txt { width: 243px; }
    .inside_tab a { width: 160px; height: 45px; line-height: 45px; margin: 0 20px; font-size: 15px; }
    .website { font-size: 13px; margin: 10px 0 15px; }
    .product ul { margin-left: -32px; }
    .product li { margin: 10px 0 40px 32px; width: 250px; }
    .product li .img { width: 250px; height: 250px; }
    .product li h3 { font-size: 13px; line-height: 50px; height: 50px; }
    .product-details { padding-bottom: 80px; }
    .product-infor { margin: 0 0 20px; padding: 20px; }
    .product-img { width: 450px; }
    .picBtnLeft { width: 450px; }
    .picBtnLeft .bd { width: 450px; height: 450px; }
    .picBtnLeft .bd img { width: 450px; height: 450px; }
    .picBtnLeft .hd ul li { width: 75px; height: 75px; }
    .product-text { width: 570px; }
    .product-text .product_name { font-size: 20px; line-height: 40px; }
    .product-text h2 { font-size: 15px; }
    .product-text .feature { font-size: 13px; line-height: 40px; }
    .product_introduction .tit { font-size: 16px; height: 50px; line-height: 50px; padding: 0 25px; }
    .product_introduction .conten { padding: 30px 40px; }
    .construction ul { margin-left: -40px; }
    .construction li { margin: 0 0 30px 40px; width: 340px; height: 255px; }
    .witness li { width: 255px; height: 255px; }
    .joinys .box { width: 1100px; margin: 0 auto 30px auto; }
    .joinys .box ul.items li { margin: 0 55px; }
    .joinys .box ul.items li strong { font-size: 15px; }
    .joinys .box ul.items li p { font-size: 12px; }
    .join_service li { margin: 0 60px 0 10px; font-size: 13px; }
    .join_process li { width: 340px; font-size: 13px; }
    .dealer_area .title-h1 h1 span em { font-size: 32px; }
    .dealerlist { padding-bottom: 50px; }
    .dealerlist .list li { width: 488px; }
    .join_contact ul { margin-left: -15px; }
    .join_contact li { width: 233px; margin-left: 15px; }
    .join_contact li .area .t { width: 160px; }
    .join_message { padding-bottom: 70px; }
    .join_message .inputs { width: 316px; }
    .content_wsn .date-rig { width: 890px; }
    .content_wsn .date-rig h1 { font-size: 15px; }
    .content_wsn .date-rig .description { font-size: 13px; }
    .content_wsn .date-rig .detail a { font-size: 13px; line-height: 35px; padding: 0 15px; }
    .newscontent { line-height: 26px; }
    .newstitle { font-size: 18px; }
    .label-de { height: 60px; }
    .newspage { line-height: 35px; }
}

@media screen and (max-width:1200px) {
    body { font-size: 13px; }
    .w1200 { width: 1000px; }
    .about_content { font-size: 13px; line-height: 26px; }
    .historyLoop { width: 900px; }
    .historyLoop .bd { margin-left: -28px; width: 900px; }
    .historyLoop li { margin: 0 29px 0 28px; }
    .culture { font-size: 14px; }
    .culture1 { height: 325px; padding: 0 0 0 30px; width: 535px; }
    .culture h1 { margin-top: 20px; }
    .culture1 p { margin: 15px 0 0 20px; }
    .culture2 { height: 245px; padding: 80px 0 0 40px; width: 370px; }
    .inside_tab a { width: 140px; height: 42px; line-height: 42px; font-size: 14px; }
    .team li { height: 190px; width: 190px; }
    .team li p { font-size: 13px; margin-top: 5px; }
    .team li i { width: 40px; height: 40px; background-size: contain; }
    .honorLoop .bd { width: 950px; }
    .honorLoop li { height: 240px; width: 160px; }
    .contactway li { width: 180px; }
    .contactway li h2 { font-size: 15px; }
    .area_contact li { width: 170px; }
    .area_contact li .area .t { width: 100px; }
    .brand li div span { font-size: 18px; }
    .prettily li .text { width: 580px; font-size: 13px; }
    .prettily li .text h1 { font-size: 16px; margin: 0 0 5px; }
    .endorsed li { margin-left: 100px; font-size: 13px; line-height: 22px; }
    .title-h2 { margin: 30px auto; width: 160px; height: 45px; }
    .title-h2 h1 { left: -5px; width: 170px; margin-top: -10px; font-size: 16px; line-height: 20px; }
    .brand1 li { width: 160px; }
    .brand1 li .cycle { width: 90px; height: 90px; }
    .brand1 li .cycle .c1 { width: 84px; height: 42px; border: 3px solid #f5cd1f; border-bottom: 0; border-radius: 45px 45px 0 0; }
    .brand1 li .cycle .c2 { width: 84px; height: 42px; border: 3px solid #eaeaea; border-top: 0; border-radius: 0 0 45px 45px; }
    .brand1 li .cycle .t { font-size: 15px; }
    .brand1 .brand_txt { font-size: 13px; line-height: 25px; }
    .deeds .con li { width: 238px; height: 238px; }
    .deeds .txt { width: 218px; }
    .deeds .txt .description { padding: 0; line-height: 20px; height: 180px; }
    .product ul { margin-left: -29px; }
    .product li { margin: 10px 0 30px 29px; width: 225px; }
    .product li .img { width: 225px; height: 225px; }
    .product li h3 { font-size: 12px; }
    .product-text { width: 450px; }
    .product_introduction .content { padding: 30px 40px; }
    .construction ul { margin-left: -33px; }
    .construction li { margin: 0 0 30px 33px; width: 300px; height: 225px; }
    .witness li { width: 230px; height: 230px; }
    .construction li .boutique_name { font-size: 13px; }
    .witness li .witness_title { margin-left: -85px; margin-top: -25px; background: url(../images/witness_txt2.png) no-repeat 0 0; width: 170px; height: 50px; line-height: 50px; font-size: 13px; }
    .joinys .box { width: 1000px; }
    .joinys .box ul.items li { margin: 0 40px; }
    .join_service li { float: left; margin: 0 40px 0 30px; width: 120px; height: 90px; padding: 20px 0 10px 0; line-height: 20px; }
    .join_service li h1 { line-height: 30px; margin: 0 0 5px 0; font-size: 15px; }
    .join_service .li2, .join_service .li4 { margin-top: 200px; }
    .join_service .li1 span, .join_service .li3 span { top: 105px; left: 105px; }
    .join_service .li2 span, .join_service .li4 span { bottom: 100px; left: 109px; }
    .join_process li { font-size: 12px; width: 313px; }
    .area_map { width: 900px; }
    .dealerlist .list li { width: 438px; font-size: 12px; }
    .dealerlist .list h1 { font-size: 16px; }
    .leader { font-size: 13px; line-height: 30px; }
    .leader h1 { font-size: 16px; }
    .join_contact li { width: 208px; height: 210px; font-size: 12px; }
    .join_contact li h3 { font-size: 16px; }
    .join_contact li .area { padding: 5px 0 0 0; }
    .join_contact li .area .t { width: 135px; }
    .join_message { padding-bottom: 50px; }
    .join_message .inputs { width: 283px; }
    .join_message .btnli button, .join_message .btnli a, .join_message .btnli input { width: 180px; height: 45px; line-height: 45px; font-size: 14px; }
    .content_wsn .date { height: 135px; padding: 15px 15px 0; }
    .content_wsn .date h1 { font-size: 40px; line-height: 50px; }
    .content_wsn .date h2 { font-size: 16px; }
    .content_wsn .date p { font-size: 14px; line-height: 40px; }
    .content_wsn .date-rig { width: 820px; padding-top: 15px; }
    .content_wsn .date-rig h1 { font-size: 14px; }
    .content_wsn .date-rig .description { font-size: 12px; height: 45px; line-height: 23px; margin: 8px 0 5px 0; }
    .content_wsn .date-rig .detail a { font-size: 12px; line-height: 32px; }
}

@media screen and (max-width:1050px) {
    body { font-size: 12px; }
    .w1200 { width: 950px; }
    .aboutbanner, .brandbanner, .productbanner, .experiencebanner, .joinbanner { height: 250px; background-size: cover; background-position: center center; }
    .title-h1 { padding: 25px 0; }
    .title-h1 h1 { font-size: 20px; line-height: 30px; }
    .title-h1 p { font-size: 12px; }
    .about_content { font-size: 12px; line-height: 24px; }
    .historyLoop { width: 800px; }
    .historyLoop .bd { margin-left: -30px; width: 800px; }
    .historyLoop li { margin: 0 29px 0 29px; width: 65px; }
    .historyLoop li .datetime { width: 65px; height: 65px; font-size: 17px; line-height: 65px; }
    .culture { font-size: 13px; }
    .culture1 { height: 310px; padding: 0 0 0 20px; width: 520px; }
    .culture h1 { margin-top: 20px; }
    .culture1 p { margin: 15px 0 0 20px; }
    .culture2 { height: 260px; padding: 50px 0 0 40px; width: 348px; }
    .team li { height: 180px; width: 180px; }
    .team li p { font-size: 13px; }
    .honorLoop .bd { width: 850px; }
    .honorLoop li { height: 210px; width: 140px; }
    .honorLoop .hd .prev { margin-left: -10px; }
    .honorLoop .hd .next { margin-right: -10px; }
    .honorLoop .hd .prev, .honorLoop .hd .next { width: 50px; height: 50px; font-size: 30px; line-height: 50px; }
    .contactway li { width: 165px; }
    .area_contact li { width: 155px; }
    .area_contact li .area .t { width: 85px; }
    .core_value li .txt { font-size: 13px; }
    .prettily li .text { font-size: 12px; width: 520px; }
    .prettily li .text h1 { font-size: 15px; }
    .endorsed li { font-size: 12px; }
    .endorsed li h2 { font-size: 15px; }
    .brand1 li { padding: 0 10px; }
    .brand1 .brand_txt { font-size: 12px; line-height: 22px; }
    .brand2 { width: 900px; font-size: 13px; }
    .brand2 .txt { width: 480px; }
    .w1200.deeds { width: 900px; }
    .deeds .con ul { margin-left: -25px; }
    .deeds .con li { width: 280px; height: 280px; margin-left: 25px; }
    .deeds .txt { width: 260px; }
    .deeds .txt .description { font-size: 13px; line-height: 21px; height: 210px; padding: 5px 0 0 0; }
    .product ul { margin-left: -30px; }
    .product li { margin: 15px 0 40px 55px; width: 260px; }
    .product li .img { height: 260px; width: 260px; }
    .product-text { width: 420px; }
    .product-text .product_name { font-size: 18px; }
    .construction li { height: 218px; width: 290px; }
    .witness li { width: 215px; height: 215px; }
    .joinys .box { width: 950px; }
    .joinys .box ul.items li { margin: 0 35px; }
    .join_service li { margin-left: 20px; }
    .join_process li { width: 290px; }
    .dealerlist .list li { width: 413px; }
    .join_contact li { width: 193px; }
    .join_contact li .area .t { width: 120px; }
    .join_message .inputs { width: 266px; }
    .content_wsn .date-rig { width: 770px; }
}