@charset "utf-8";

/* CSS Document */
.place_share { right: 132px; top: 38%; }
.opacity { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=80)'; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .80s; -o-transition-duration: .80s; transition-duration: .80s }
a:hover .opacity { opacity: 1; filter: alpha(opacity=100); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)'; }

/**/
.contianer { width: 1200px; margin: 0 auto }
.contianer_per { width: 85%; margin: 0 auto }

/**/
.top_nav { height: 27px; background: #303030; overflow-y: hidden }
.top_nav .contianer_per { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; height: 27px; }
.top_nav .contianer_per .city { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; flex: 1.5 }
.top_nav .contianer_per .city h1 { font-size: 14px; color: #fff; line-height: 27px; font-weight: normal; margin-right: 10px; }
.top_nav .contianer_per .city ul { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center }
.top_nav .contianer_per .city ul li { flex: 1 }
.top_nav .contianer_per .city ul li a { display: block; font-size: 14px; color: #fff; line-height: 27px; padding: 0 5px; }
.top_nav .contianer_per .city ul li a:hover { background: #565656; }
.top_nav .contianer_per .city h2 { }
.top_nav .contianer_per .city h2 a { display: block; padding: 0 5px; }
.top_nav .contianer_per .city h2 a i { font-size: 14px; color: #fff; line-height: 42px; }
.top_nav .contianer_per .city h2 a:hover { background: #565656; }
.top_nav .contianer_per .tel { display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; color: #fff; flex: 1; }
.top_nav .contianer_per .tel i { font-size: 20px; line-height: 27px; margin-right: 8px; margin-top: 3px; }
.top_nav .contianer_per .tel h1 { font-weight: 700; font-size: 18px; color: #fff; }

/**/
.pace_face { background: #fff; height: 729px; position: relative }
.pace_face .tt { text-align: center; position: absolute; width: 100%; z-index: 999; top: 30px; }
.pace_face .tt img { width: auto; margin: 0 auto }
.pace_face .lockdown { width: 100%; position: absolute; top: 70px; left: 0; height: 571px; z-index: 2; overflow-y: hidden }
.pace_face .lockdown .lock { width: 100%; overflow: hidden; height: 598px }
.pace_face .shader_menu { background: #dedee4; width: 100%; height: 179px; position: absolute; top: 549px; left: 0; padding-top: 92px; z-index: 1; }

/**/
.videopalyer { margin-bottom: 13px; }
.videopalyer .contianer { padding: 76px 0 0 0 }

/**/
.enlarge { text-align: center; padding-bottom: 35px; }
.engtitle { font-family: Times New Roman; font-size: 35px; line-height: 40px; text-transform: uppercase }
.cntitle { font-weight: 300; font-size: 30px; letter-spacing: 5px; line-height: 45px; }
.videopalyer .plays { text-align: center; position: relative }
.videopalyer .plays img { width: 100%; }
.videopalyer .plays .floatbutton { top: 40%; left: 0; width: 100%; position: absolute }
.videopalyer .plays .floatbutton img { margin: 0 auto; width: 120px; cursor: pointer }
.videopalyer .am-modal-dialog { width: 75%; }

/**/
.hos_intro { padding-top: 15px; }
.hos_intro .contianer { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start }
.hos_intro .contianer .left { }
.hos_intro .contianer .left .tt { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; margin: 5px 0 15px 0 }
.hos_intro .contianer .left .tt h1 { font-family: Times New Roman; font-size: 30px; line-height: 40px; }
.hos_intro .contianer .left .tt h2 { font-weight: 300; font-size: 22px; letter-spacing: 5px; line-height: 29px; }
.hos_intro .contianer .left .tt h3 { font-weight: 300; font-size: 16px; line-height: 23px; }
.hos_intro .contianer .left .tt h4 { font-weight: normal }
.hos_intro .contianer .left .tt h4 a { display: block; font-size: 14px; line-height: 32px; background: #371e50; color: #fff; padding: 0 40px; -webkit-transition: all .5s ease-in-out; -moz-transition: all ease-in-out .5s; transition: all .5s ease-in-out; }
.hos_intro .contianer .left .tt h4 a:hover { background: #9169a5; color: #fff }
.hos_intro .contianer .left .intro { }
.hos_intro .contianer .left .intro img { width: 100% }
.hos_intro .contianer .right { width: 346px; height: 481px; position: relative; background-position: 0 -11px; background-repeat: no-repeat; }
.hos_intro .contianer .right .tip { position: absolute; width: 100%; bottom: 0; left: 0; height: 181px; background: #20152b; text-align: center; padding-top: 20px; }
.hos_intro .contianer .right .tip h1 { color: #fff; line-height: 30px; font-weight: normal; font-family: Times New Roman; }
.hos_intro .contianer .right .tip h2 { color: #fff; line-height: 30px; font-weight: normal; }
.hos_intro .contianer .right .tip h3 { color: #9169a5; font-size: 18px; line-height: 47px; font-weight: 100 }
.hos_intro .contianer .right .tip .button { width: 35%; margin: 0 auto; line-height: 180%; display: block }
.hos_intro .contianer .right .tip .button a { display: block; background: #ffffff; color: #000; -webkit-transition: all .5s ease-in-out; -moz-transition: all ease-in-out .5s; transition: all .5s ease-in-out; }
.hos_intro .contianer .right .tip .button a:hover { background: #9169a5; color: #fff; }

/**/
.samples { }
.samples .contianer { }
.samples .contianer .tt { padding: 74px 0 35px 0; text-align: center }
.samples .modelbg { height: 573px; }

/**/
.appreciation { }
.appreciation .contianer { position: relative }
.appreciation .contianer .tt { padding: 74px 0 10px 0; text-align: center }

/**/
.experts { }
.experts .contianer { text-align: center }
.experts .contianer .tt { text-align: center; padding: 0 0 35px 0 }
.experts .bgc { background-position: top center; background-repeat: no-repeat; background-size: cover; text-align: center; margin-bottom: 33px; height: 540px }
.experts .seesmore { text-align: center }
.experts .seesmore a { width: 200px; margin: 0 auto; display: block; background: #3f1d59; color: #fff; line-height: 180%; -webkit-transition: all .5s ease-in-out; -moz-transition: all ease-in-out .5s; transition: all .5s ease-in-out; }
.experts .seesmore a:hover { background: #9169a5; color: #fff; }

/**/
.brand_info { }
.brand_info .contianer { }
.brand_info .contianer .tt { text-align: center; padding: 74px 0 35px 0 }
.brand_info .seesmore { text-align: center; margin: 0 0 35px 0 }
.brand_info .seesmore a { width: 200px; margin: 0 auto; display: block; background: #3f1d59; color: #fff; line-height: 180%; -webkit-transition: all .5s ease-in-out; -moz-transition: all ease-in-out .5s; transition: all .5s ease-in-out; }
.brand_info .seesmore a:hover { background: #9169a5; color: #fff; }

/**/
.footarea { background-position: top center; background-repeat: no-repeat; background-size: cover }
.footarea .contianer { }
.footarea .contianer .logo { text-align: center; margin: 0 auto; padding: 64px 0 40px 0 }
.footarea .contianer .logo img { margin: 0 auto 18px auto }
.footarea .contianer .logo ul { display: flex; flex-flow: row nowrap; justify-content: center }
.footarea .contianer .logo li { border-right: 1px solid #333; color: #333; font-size: 19px; padding: 0 20px; line-height: 17px; font-weight: 700; }
.footarea .contianer .logo li:last-child { border-right: none }
.footarea .contianer .spanner { width: 861px; position: relative; height: 219px; background: url(../images/trans_wihite.png); margin: 0 auto 95px auto }
.footarea .contianer .spanner .ll, .footarea .contianer .spanner .rr { position: absolute }
.footarea .contianer .spanner .ll { left: -24px; top: 150px }
.footarea .contianer .spanner .rr { right: -20px; top: -33px; }
.footarea .contianer .spanner .inner { }
.footarea .contianer .spanner .inner .stamps { padding: 33px 0 26px 0 }
.footarea .contianer .spanner .inner .stamps ul { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.footarea .contianer .spanner .inner .stamps li:first-child { margin: 0 51px 0 0 }
.footarea .contianer .spanner .inner .stamps li img { width: 90px; height: 90px; }
.footarea .contianer .spanner .inner .fonts { text-align: center }
.footarea .contianer .spanner .inner .fonts h1 { color: #000020; font-size: 18px; font-weight: 300 }
.footarea .contianer .spanner .inner .fonts h2 { color: #464646; font-size: 14px; text-transform: uppercase; font-weight: 100 }
.footarea .contianer .footage { display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-start }
.footarea .contianer .footage ul { flex: 1; height: 160px; padding: 20px; }
.footarea .contianer .footage ul:nth-child(1) { background: url(../images/trans_wihite.png) }
.footarea .contianer .footage ul:nth-child(3) { background: url(../images/trans_wihite.png) }
.footarea .contianer .footage ul:nth-child(2) { background: url(../images/trans_wihite2.png) }
.footarea .contianer .footage ul:nth-child(4) { background: url(../images/trans_wihite2.png) }
.footarea .contianer .footage h1 { font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; }
.footarea .contianer .footage li { list-style: none; }
.footarea .contianer .footage li  a { display: block; font-size: 14px; line-height: 180%; color: #000 }
.footarea .contianer .footage li  a:hover { color: #52286a }

/**/
.footarea .lenth { background: #52286a; }
.footarea .lenth .contianer { text-align: center; position: relative; padding: 20px }
.footarea .lenth .contianer h1 { color: #fff; font-size: 18px; }
.footarea .lenth .contianer h2 { color: #fff; font-size: 18px; }
.footarea .lenth .contianer .subchoose { position: absolute; left: 0; top: 35%; }
.footarea .lenth .contianer .subchoose a { background: #fff; color: #000; padding: 2px 4px; font-size: 14px; }
.footarea .lenth .contianer .subchoose a:hover { background: #9169a5; color: #fff; }
.footarea .lenth .contianer .am-dropdown-content { width: 350px; padding: 5px }
.footarea .lenth .contianer .am-dropdown-content .gs { list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start }
.footarea .lenth .contianer .am-dropdown-content  .gs li { width: 20%; }
.footarea .lenth .contianer .am-dropdown-content  .gs li a { display: block; text-align: center; color: #000; font-size: 15px; }
.footarea .lenth .contianer .am-dropdown-content  .gs li:nth-child(odd) a { background: #f6f5f5 }
.footarea .lenth .contianer .am-dropdown-content  .gs li:nth-child(even) a { background: #ebebeb }
.footarea .lenth .contianer .am-dropdown-content  .gs li a:hover { background: #52286a; color: #fff; }

/**/
.footarea .basements { background: #1a1a1a; position: relative; width: 100%; padding: 15px 0; height: 58px; overflow: hidden }
.footarea .basements .tt { text-align: center; }
.footarea .basements .tt img { margin: 0 auto }
.footarea .basements .rightspan { position: absolute; right: 50px; top: 31%; color: #666666; }

/**/
.samples .tab { width: 100% }
.samples .tab .tab-cont { margin-bottom: 27px; }
.samples .tab .tab-cont__wrap { width: 1200px; margin: 0 auto }
.samples .tab .tab-cont__wrap li { position: relative; height: 573px }
.samples .tab .tab-cont__wrap li .face { width: 441px; height: 405px; background: url(../images/kuang.png) left top no-repeat; top: 76px; position: absolute; }
.samples .tab .tab-cont__wrap li .face h1 { color: #5e4576; font-size: 100px; margin: 76px 0 25px 50px; font-family: Times New Roman; line-height: 56px; }
.samples .tab .tab-cont__wrap li .face h2 { color: #9760bd; font-size: 30px; margin: 0 0 30px 50px; line-height: 31px; font-weight: 100; }
.samples .tab .tab-cont__wrap li .face .note { margin: 0 0 0 50px }
.samples .tab .tab-cont__wrap li .face .note p { color: #68487c; font-size: 16px; }
.samples .tab .tab-cont__wrap li .avatar { position: absolute; right: 0; }
.samples .tab .tab-cont__wrap li .avatar img { }
.samples .sec_choose { width: 900px; margin: 0 auto; padding-bottom: 30px; border-bottom: 3px solid #d2d2d2; position: relative }
.samples .sec_choose .unit { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; }
.samples .sec_choose .unit a { flex: 1; margin: 0 5px 0 0; height: 173px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; position: relative; background: #f6f6f7; }
.samples .sec_choose .unit a:last-child { margin: 0 }
.samples .sec_choose .unit a .shader { background: url(../images/trans_black.png); position: absolute; width: 100%; height: 100%; }
.samples .sec_choose .unit .item-cur .shader { display: none; }
.samples .sec_choose .unit a .left { width: 50%; background-position: 0% 0%; background-repeat: no-repeat; background-size: cover; height: 173px; }
.samples .sec_choose .unit a .right { width: 50%; height: 173px; color: #333333 }
.samples .sec_choose .unit a .right h1 { font-size: 18px; font-weight: 700; margin: 50px 0 0 15px; line-height: 30px; }
.samples .sec_choose .unit a .right h2 { font-size: 14px; margin: 0 10px; font-weight: normal; line-height: 20px; }
.samples .sec_choose .unit .item { position: relative }
.samples .sec_choose .unit .item .flobar { height: 3px; background: #d2d2d2; overflow: hidden; width: 100%; top: 203px; position: absolute; }
.samples .sec_choose .unit .item-cur .flobar { height: 3px; background: #3f1d59; overflow: hidden; width: 100%; top: 203px; position: absolute }
.samples .sec_choose .morefunc { width: 65px; background: #6852ab; height: 173px; top: 0; right: -75px; position: absolute }
.samples .sec_choose .morefunc a { display: flex; height: 173px; width: 100%; justify-content: center; align-items: center }
.samples .sec_choose .morefunc a img { }

/*Fonts*/
.bg_end_01 { width: 383px; height: 90px; background: url('../images/css_sprites _fn.png') -545px -10px; }
.bg_end_02 { background: url('../images/css_sprites _fn.png') no-repeat -10px -365px; width: 310px; height: 84px; }
.bg_end_03 { width: 405px; height: 40px; background: url('../images/css_sprites _fn.png') -545px -120px; }
.bg_end_06 { width: 515px; height: 99px; background: url('../images/css_sprites _fn.png') -10px -10px; }
.bg_end_05 { width: 341px; height: 95px; background: url('../images/css_sprites _fn.png') -10px -129px; }
.bg_end_07 { background: url('../images/css_sprites _fn.png') no-repeat -17px -248px; width: 480px; height: 85px; }

/**/
.mc { margin: 0 auto }

/**/
.ie_jump { position: absolute; left: 0; height: 100%; width: 100%; background: #dd514c; z-index: 999 }
.ie_jump .ins { padding: 20% 0 0 0 }
.ie_jump { color: #fff; }
.ie_jump a { color: #F5FB20 }

/*go to top button*/
.index .am-gotop-fixed { bottom: 30%; width: 50px; background: none; }
.index .am-gotop-fixed a { display: block; width: 50px; height: 50px; border-radius: 90px; text-align: center; line-height: 50px; background: #e4e4e4; margin-bottom: 15px; cursor: pointer }
.index .am-gotop-fixed a:hover { background: #a44894 }
.index .am-gotop-fixed a:hover i { color: #fff; }
.index .am-gotop-fixed a i { font-size: 30px; line-height: 170%; margin: 0 auto; color: #333; }
/**/
.doc_new_raw { width: 1290px; margin: 0 auto; display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-items: stretch; height: 230px; margin-bottom: 40px; }
.doc_new_raw .left_space { width: 300px;background: #d8d8e2; text-align: center;margin-right: 15px }
.doc_new_raw .left_space h1 {color: #141414;font-size: 35px;line-height: 319%;}
.doc_new_raw .left_space h2 {height: 2px;overflow-y: hidden;width: 45px;margin: 0 auto;background: #000;margin-bottom: 27px;}
.doc_new_raw .left_space h3 {color: #3f1d59;font-size: 22px;line-height: 120%;font-weight:  100;}
.doc_new_raw .right_space { width: 975px; }
.index .doc_new_raw .right_space .swiper-container { margin: 0; padding: 0 }
.index .doc_new_raw .right_space .swiper-container .swiper-slide { width: 100%; height: 230px; background-size: cover; background-repeat: no-repeat; background-position:  center center ; cursor: pointer;}