@font-face { font-family: 'SourceHanSansCN-Regular'; src: url("/fonts/SourceHanSansCN-Regular.otf"); }
@font-face { font-family: 'Helvetica_Neue_CE_35_Thin'; src: url("/fonts/Helvetica Neue CE 35 Thin.ttf"); }
@font-face { font-family: 'Helvetica_Neue_CE_55_Roman'; src: url("img/helvetica neue ce 55 roman.ttf"); }
.fn-clear { clear: both; width: 0px; height: 0px; font-size: 0px; }

.fn-0 { display: inline; margin: 0 0 40px 0; }

.fn-fl { float: left !important; }

.fn-fr { float: right !important; }

.fn-wra { width: 100% !important; }

.fn-mn { margin: 0 !important; }

.fn-c { width: 100%; height: 125px; float: left; }

.fn-mn { margin: 0 !important; }

html, body { background-color: #f4f4f4; }

a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }

select { height: 34px; line-height: 34px; padding: 0 6px; border: 1px solid #e5e5e5; }

.submit, .reset { color: #fff; display: inline; height: 26px; line-height: 22px; border: 1px solid #000; background-color: #333; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; cursor: pointer; }

#pg-header, #pg-banners, #pg-banner, #pg-content, #pg-footer { position: relative; display: inline; width: 100%; min-width: 1100px; float: left; }

#pg-head { z-index: 706; }

#pg-header { z-index: 705; }

#pg-banners { z-index: 703; }

#pg-banner { z-index: 703; }

#pg-fix { z-index: 703; }

#pg-content { z-index: 703; }

#pg-footer { z-index: 703; }

.ly-ct { margin: 0 auto; }

.ly-cts { margin: 0 160px; }

.ly-cti { margin: 0 15px; }

.ly-mi { position: relative; width: 100%; float: left; z-index: 400; }

#pg-opes { display: none; position: fixed; right: 20px; top: 25px; float: right; z-index: 710; }
#pg-opes .join { float: left; }
#pg-opes .join a { color: #fff; display: inline-block; width: 100px; height: 41px; line-height: 41px; margin-right:10px; float: left; text-align: center; background-color: #000; }
#pg-opes .navs { float: left; background-color: #fff; }
#pg-opes .navs a { display: inline-block; height: 50px; line-height: 50px; float: left; padding: 0 10px 0 15px; text-align: center; background-color: #fff; }
#pg-opes .navs a img { float: right; }
#pg-opes .navs a:hover { color: #f00; text-decoration: none; }
#pg-opes .navs a.closed .open { display: inline-block; float: right; }
#pg-opes .navs a.closed .close { display: none; }
#pg-opes .navs a.opend .open { display: none; }
#pg-opes .navs a.opend .close { display: inline-block; float: right; }
#pg-opes .search { float: left; }
#pg-opes .search a { color: #fff; display: inline-block; width: 50px; height: 50px; float: left; background-color: #d10800; }
#pg-opes .search a img { width: 50px; height: 50px; }

#pg-header .ui-m { position: absolute; top: 0; left: 0; width: 100%; float: left; background-color: #111; }
#pg-header .ui-h { position: relative; width: 100%; height: 36px; float: left; overflow: hidden; }
#pg-header .ui-h .line { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #fff; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; }
#pg-header .ui-h .kh { color: #eee; height: 36px; line-height: 36px; float: left; font-size: 12px; }
#pg-header .ui-h .list { float: right; }
#pg-header .ui-h .list ul { display: inline; float: right; margin: 7px 0 0 0; }
#pg-header .ui-h .list ul li { display: inline; float: right; margin: 0 0 0 20px; }
#pg-header .ui-h .list ul li a { color: #fff; font-size: 12px; }
#pg-header .ui-h .list ul li span { display: inline; width: 15px; height: 15px; float: left; margin: 2px 6px 0 0; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#pg-header .ui-h .list ul li span.ser { background: url("img/icons.png") no-repeat -50px 0; }
#pg-header .ui-h .list ul li span.bui { background: url("img/icons.png") no-repeat -50px -100px; }
#pg-header .ui-c { position: relative; width: 100%; float: left; padding: 10px 0; z-index: 30; }
#pg-header .ui-c .logo { float: left; padding: 5px 0; }
#pg-header .ui-c .logo a { display: inline-block; }
#pg-header .ui-c .logo a img { height: 50px; }
#pg-header .ui-c .others { float: right; }
#pg-header .ui-c .others .nav { clear: both; position: relative; float: right; z-index: 40; }
#pg-header .ui-c .others .nav ul { float: right; }
#pg-header .ui-c .others .nav ul li { position: relative; display: inline; width: 110px; float: left; z-index: 300; }
#pg-header .ui-c .others .nav ul li a.name { display: inline-block; position: relative; width: 100%; height: 60px; line-height: 60px; float: left; font-size: 14px; text-align: center; text-decoration: none; cursor: pointer; z-index: 200; }
#pg-header .ui-c .others .nav ul li a.name i { position: relative; top: -2px; display: inline-block; width: 7px; height: 7px; margin: 0 10px 0 0; background: url("img/ar2.gif") no-repeat 0 0; }
#pg-header .ui-c .others .nav ul li a.name:hover { text-decoration: underline; }
#pg-header .ui-c .others .nav ul li .item { display: none; clear: both; position: absolute; top: 60px; left: 0; width: 100%; float: left; padding: 12px 0; background-color: #111; z-index: 910; }
#pg-header .ui-c .others .nav ul li .item p { width: 100%; float: left; }
#pg-header .ui-c .others .nav ul li .item p a { color: #fff; display: block; height: 35px; line-height: 35px; text-align: center; padding: 0 10px; font-size: 12px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#pg-header .ui-c .others .nav ul li .item p a:hover { text-decoration: underline; }
#pg-header .ui-c .others .nav .logo { position: absolute; top: 10px; left: 50%; width: 130px; float: left; margin: 0 0 0 -65px; }
#pg-header .ui-c .others .nav .logo a { display: inline-block; float: left; }
#pg-header .ui-c .others .nav .logo a img { width: 100%; float: left; }
#pg-header .ui-c .menu { display: none; float: right; margin: 5px 0; }
#pg-header .ui-c .menu a { display: inline-block; }

#pg-header.pg-inx { position: absolute; top: 0; left: 0; }
#pg-header.pg-inx .ui-c .logo a .logo { display: inline-block; }
#pg-header.pg-inx .ui-c .nav ul li a { color: #fff; }

#pg-header.pg-oth { background-color: #111111; z-index: 730; }
#pg-header.pg-oth .ui-c .logo a .logo1 { display: none; }
#pg-header.pg-oth .ui-c .logo a .logo2 { display: inline-block; }
#pg-header.pg-oth .ui-c .nav ul li a { color: #fff; }

#pg-header.pg-nav .ui-h { display: none; }
#pg-header.pg-nav .ui-c { background-color: #0d1533; }

#pg-banner { width: 100%; float: left; background-repeat: no-repeat; background-position: center bottom; }
#pg-banner .ui-h { width: 100%; height: 410px; float: left; background: url("img/point.png") repeat 0 0; overflow: hidden; }
#pg-banner .ui-h .items { width: 300px; margin: 150px auto 0; text-align: center; background-color: rgba(25, 38, 73, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5F192649,endColorstr=#5F192649); }
#pg-banner .ui-h .items .cn { color: #fff; padding: 20px 0 0 0; font-size: 28px; }
#pg-banner .ui-h .items .en { color: #fff; padding: 0 0 20px 0; font-size: 16px; font-family: arial; }

#pg-banners { position: relative; display: inline; width: 100%; height: 100%; float: left; background-color: #000000; overflow: hidden; }
#pg-banners .ui-c { position: relative; width: 100%; height: 100%; float: left; z-index: 50; }
#pg-banners .ui-c .wras { position: relative; width: 100%; height: 100%; float: left; overflow: hidden; }
#pg-banners .ui-c .listimgs { position: relative; width: 100%; height: 100%; float: left; overflow: hidden; z-index: 400; }
#pg-banners .ui-c .listimgs #defaulktpic { position: relative; width: 100% !important; height: 100%; float: left; overflow: visible; z-index: 20; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#pg-banners .ui-c .listimgs #btn_prev, #pg-banners .ui-c .listimgs #btn_next { display: inline-block !important; position: absolute; top: 50%; width: 49px !important; height: 49px !important; margin: -25px 0 0; z-index: 888; }
#pg-banners .ui-c .listimgs #btn_prev { left: 20px; }
#pg-banners .ui-c .listimgs #btn_next { right: 20px; }
#pg-banners .ui-c .listimgs ul { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; overflow: visible; z-index: 500; }
#pg-banners .ui-c .listimgs ul li { position: absolute; left: 0; width: 100% !important; height: 100%; float: left; background-position: center bottom; background-size: cover; overflow: visible; }
#pg-banners .ui-c .listimgs ul li a { width: 100%; height: 100%; float: left; background-position: center bottom; background-size: cover; overflow: hidden; }
#pg-banners .ui-c .listimgs ul li a img { width: 100%; float: left; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#pg-banners .ui-c .listcirs { position: absolute; left: 30px; bottom: 30px; height: 6px; z-index: 500; }
#pg-banners .ui-c .listcirs a { display: block; width: 26px; height: 4px; float: left; margin: 0 2px; padding: 0; text-indent: -1000px; background-color: #ffffff; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -o-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#pg-banners .ui-c .listcirs a.on { background-color: #ff0000; }
#pg-banners .ui-f { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(16, 16, 16, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F101010,endColorstr=#2F101010); z-index: 50; }
#pg-banners .ui-f table { width: 90%; margin: 0 auto; }
#pg-banners .ui-f table tr td { width: 25%; }
#pg-banners .ui-f table tr td a { color: #fff; position: relative; display: block; padding: 20px; text-align: center; }
#pg-banners .ui-f table tr td a .pics { position: absolute; bottom: 75px; left: 0; display: block; height: 0px; overflow: hidden; }
#pg-banners .ui-f table tr td a .pics img { width: 100%; }
#pg-banners .ui-f table tr td a .info { display: block; height: 15px; line-height: 15px; padding: 10px 0; font-size: 14px; }
#pg-banners .ui-f table tr td a:hover { text-decoration: none; background-color: rgba(254, 254, 254, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6Ffefefe,endColorstr=#6Ffefefe); }
#pg-banners .ui-f table tr td a:hover .pics { display: inline-block; height: auto; padding: 10px; background-color: rgba(254, 254, 254, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6Ffefefe,endColorstr=#6Ffefefe); }
#pg-banners .ui-f table tr td a:hover .info { color: #f00; text-decoration: none; }

#pg-footer { width: 100%; float: left; }
#pg-footer .ui-c { color: #fff; width: 100%; float: left; padding: 40px 0 40px; font-size: 12px; background-color: #222; }
#pg-footer .ui-c .elogo { float: left; padding: 0 30px; }
#pg-footer .ui-c .list { display: inline; float: left; margin: 0 0 0 20px; }
#pg-footer .ui-c .list ul { float: left; }
#pg-footer .ui-c .list ul li { color: #eee; display: inline; width: 120px; float: left; padding: 0 16px 0 16px; border-left: 1px solid #111; font-size: 14px; }
#pg-footer .ui-c .list ul li a.name { color: #fff; display: inline-block; width: 100%; float: left; margin: 0 0 10px 0; padding: 3px 0; font-size: 14px; text-align: center; background-color: #111; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
#pg-footer .ui-c .list ul li p { width: 100%; float: left; padding: 1px 0 0; text-align: center; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#pg-footer .ui-c .list ul li p a { color: #eee; font-size: 12px; }
#pg-footer .ui-c .wxlogo { float: right; }
#pg-footer .ui-c .wxlogo img { width: 130px; float: left; }
#pg-footer .ui-f { color: #eee; width: 100%; float: left; padding: 12px 0; text-align: center; border-top: 1px solid #333; background-color: #222222; }
#pg-footer .ui-f .infos { font-size: 12px; }

#pg-maps { display: none; position: fixed; top: 0; right: 0; width: 340px; height: 0; background-color: rgba(175, 44, 35, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9Faf2c23,endColorstr=#9Faf2c23); overflow: hidden; z-index: 703; }
#pg-maps .ui-c { position: absolute; top: 120px; right: 0; width: 300px; float: right; padding: 0 20px; }
#pg-maps .ui-c .tis { color: #fff; display: inline; width: 100%; float: right; margin: 0 0 15px 0; font-size: 26px; font-weight: bold; }
#pg-maps .ui-c .nav { width: 100%; float: left; }
#pg-maps .ui-c .nav ul { width: 100%; float: left; }
#pg-maps .ui-c .nav ul li { color: #eee; display: inline; width: 100%; float: left; font-size: 14px; }
#pg-maps .ui-c .nav ul li a.name { color: #333; display: inline-block; width: 100%; float: left; margin: 0 0 10px 0; padding: 10px 0; font-size: 16px; text-align: center; background-color: #fff; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
#pg-maps .ui-c .nav ul li .item { display: none; }

#pg-shows { display: none; position: fixed; left: 0; width: 100%; height: 100%; float: left; background-color: rgba(16, 16, 16, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8F101010,endColorstr=#8F101010); z-index: 998; }
#pg-shows a.close { color: #fff; display: inline-block; position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; float: right; background: url("img/icons.png") no-repeat -50px -700px; }
#pg-shows a.close:hover { text-decoration: none; }
#pg-shows .mainpic { width: 100%; float: left; text-align: center; }
#pg-shows .mainpic table { width: 100%; }
#pg-shows .mainpic table tr td { padding: 20px; text-align: center; }

#pg-fix { width: 100%; float: left; border-bottom: 1px solid #e9e9e9; background-color: #fff; }
#pg-fix .ui-c { width: 100%; float: left; }
#pg-fix .ui-c .said { display: inline; float: left; margin: 26px 0 0 0; }
#pg-fix .ui-c .said p { color: #888; font-size: 14px; letter-spacing: 1px; }
#pg-fix .ui-c .said p.tit { color: #333; line-height: 45px; font-size: 32px; letter-spacing: 1px; }
#pg-fix .ui-c .list { float: right; }
#pg-fix .ui-c .list ul li { display: inline; float: left; margin: 0 0 0 -1px; padding: 0 14px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; text-align: center; }
#pg-fix .ui-c .list ul li a { display: inline-block; width: 100%; height: 82px; float: left; padding: 20px 0; }
#pg-fix .ui-c .list ul li a span { color: #333; width: 100%; float: left; margin: 2px 0; font-size: 14px; text-align: center; }
#pg-fix .ui-c .list ul li a span img { width: 50px; }
#pg-fix .ui-c .list ul li a:hover { text-decoration: none; }
#pg-fix .ui-c .list ul li.curr a { text-decoration: none; }
#pg-fix .ui-f { width: 100%; float: left; padding: 15px 0; border-top: 1px solid #e9e9e9; }
#pg-fix .ui-f .bok { display: none; width: 100%; float: left; }
#pg-fix .ui-f .bok ul { width: 100%; float: left; text-align: center; }
#pg-fix .ui-f .bok ul li { display: inline; float: left; margin: 0 25px 0 0; }
#pg-fix .ui-f .bok ul li a { color: #555; font-size: 14px; }

#pg-fixed-j { position: fixed; right: 5px; bottom: 5%; width: 50px; float: left; z-index: 920; }
#pg-fixed-j .ui-c { width: 100%; float: left; z-index: 30; }
#pg-fixed-j .ui-c .tit { display: none; width: 100%; height: 50px; float: left; background-color: #333; }
#pg-fixed-j .ui-c .tit h2 { color: #fff; width: 100%; line-height: 50px; float: left; font-size: 15px; text-align: center; }
#pg-fixed-j .ui-c .con { width: 100%; float: left; }
#pg-fixed-j .ui-c .con .list { width: 100%; float: left; }
#pg-fixed-j .ui-c .con .list ul { width: 100%; float: left; }
#pg-fixed-j .ui-c .con .list ul li { display: inline; width: 100%; float: left; background: url("img/icons.png") no-repeat right bottom; }
#pg-fixed-j .ui-c .con .list ul li .jl { display: none; }
#pg-fixed-j .ui-c .con .list ul li a.mobile { width: 50px; height: 50px; float: left; background: url("img/icons.png") no-repeat right 0; }
#pg-fixed-j .ui-c .con .list ul li a.qq { width: 50px; height: 50px; float: left; background: url("img/icons.png") no-repeat right -50px; }
#pg-fixed-j .ui-c .con .list ul li a.sina { width: 50px; height: 50px; float: left; background: url("img/icons.png") no-repeat right -100px; }
#pg-fixed-j .ui-c .con .coph { position: relative; width: 100%; float: left; }
#pg-fixed-j .ui-c .con .coph .code { display: none; position: absolute; bottom: 0; left: -210px; width: 200px; float: left; text-align: center; border: 1px solid #e8e8e8; }
#pg-fixed-j .ui-c .con .coph .code img { display: inline-block; width: 100%; float: left; }
#pg-fixed-j .ui-c .con .coph .mname { width: 100%; float: left; background: url("img/icons.png") no-repeat right bottom; }
#pg-fixed-j .ui-c .con .coph .mname a { display: inline-block; width: 100%; height: 50px; float: left; text-indent: -1000em; text-align: center; background: url("img/icons.png") no-repeat right -200px; }
#pg-fixed-j .ui-c .con .btop { display: inline; width: 50px; height: 50px; float: left; background: url("img/icons.png") no-repeat right bottom; }
#pg-fixed-j .ui-c .con .btop a { display: inline-block; width: 50px; height: 50px; float: left; background: url("img/icons.png") no-repeat right -250px; }
#pg-fixed-j .ui-f { position: absolute; top: 0; left: -25px; z-index: 20; }
#pg-fixed-j .ui-f a { width: 25px; height: 112px; float: left; text-indent: -10000em; }

#win_lomo { display: none; position: fixed; top: 0; left: 0; width: 100%; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 990; }

#win_show { display: none; position: fixed; top: 0; left: 0; width: 100%; text-align: center; z-index: 991; }
#win_show .ui-h { width: 100%; float: left; }
#win_show .ui-h a.close { color: #000; width: 45px; height: 44px; line-height: 44px; float: right; text-align: center; font-size: 18px; font-family: arial; background-color: #fff; }
#win_show .ui-h a.close:hover { text-decoration: none; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#win_show .ui-c { display: table; width: 100%; float: left; }
#win_show .ui-c .pics { display: table-cell; vertical-align: middle; }
#win_show .ui-c .pics img { max-width: 95%; max-height: 95%; border: 8px solid #fff; }
#win_show .ui-f { color: #fff; width: 100%; height: 44px; line-height: 44px; float: left; font-size: 18px; }
#win_show table { margin: 0 auto; }
#win_show table tr td { padding: 5px; background-color: #fff; }
#win_show table tr td .pic img { max-width: 700px; max-height: 600px; }
#win_show table tr td .info { color: #000; height: 30px; line-height: 30px; text-align: center; font-size: 14px; }

#win_qq { display: none; position: fixed; top: 50%; left: 50%; width: 200px; margin: -100px 0 0 -100px; text-align: center; z-index: 991; }
#win_qq ul { width: 100%; float: left; }
#win_qq ul li { display: inline; width: 100%; float: left; margin: 2px 0; background-color: #333; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }
#win_qq ul li a { color: #fff; display: inline-block; width: 100%; float: left; padding: 10px 0; font-family: arial; }

#win_search { display: none; position: fixed; top: 50%; left: 50%; width: 640px; float: left; margin: -50px 0 0 -335px; padding: 15px; border-bottom: 1px solid #e5e5e5; background-color: #fff; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; z-index: 990; }
#win_search .search { position: relative; float: left; }
#win_search .search form { float: left; }
#win_search .search form .text { color: #333; width: 520px; height: 35px; line-height: 35px; float: left; padding: 3px 10px 3px 10px; font-size: 14px; border: 1px solid #000; }
#win_search .search form .text:focus { color: #000; }
#win_search .search form .classic { position: absolute; top: 0; right: 95px; width: 70px; float: left; }
#win_search .search form .classic .tis { position: relative; width: 50px; height: 43px; line-height: 43px; float: left; padding: 0 10px; text-align: left; cursor: pointer; }
#win_search .search form .classic .tis .nms { width: 100%; height: 43px; line-height: 43px; float: left; font-size: 14px; }
#win_search .search form .classic .tis span.icon_3_2 { position: absolute; top: 20px; right: 14px; width: 9px; height: 5px; float: right; background: url("img/icons.png") no-repeat -100px -50px; }
#win_search .search form .classic ul { display: none; clear: both; position: absolute; top: 43px; left: -1px; width: 68px; float: left; border: 1px solid #ddd; border-top: 0 none; background-color: #fff; }
#win_search .search form .classic ul li { width: 100%; background-color: #fff; float: left; padding: 3px 0; text-align: center; cursor: pointer; }
#win_search .search form .cls ul { display: inline-block; }
#win_search .search form .submit { color: #fff; width: 80px; height: 43px; float: left; margin: 0 0 0 15px; border: 0 none; font-size: 16px; background-color: #000; }
#win_search .search .keys { clear: both; float: left; }
#win_search .search .keys a { color: #333; }

.none { display: block; height: 300px; line-height: 300px; text-align: center; }

.plc-page { width: 100%; float: left; padding: 40px 0; }
.plc-page table { margin: 0 auto; }
.plc-page table tr { width: auto; background: none; }
.plc-page table tr td { padding: 0 2px; border: 0 none; }
.plc-page table tr td a, .plc-page table tr td .unlink { display: inline-block; height: 34px; line-height: 34px; padding: 0 16px; border: 1px solid #444; background-color: #fff; }
.plc-page table tr td a:hover, .plc-page table tr td .unlink:hover { color: #fff; text-decoration: none; border: 1px solid #333; background-color: #333; }
.plc-page table tr td.normal .unlink { color: #fff; border: 1px solid #333; background-color: #333; }

.pt-top { display: inline; width: 100%; float: left; padding: 50px 0 0 0; }
.pt-top .classname { color: #333; width: 100%; float: left; font-size: 30px; font-weight: bold; -moz-text-shadow: 2px 2px 1px white; -webkit-text-shadow: 2px 2px 1px white; -o-text-shadow: 2px 2px 1px white; text-shadow: 2px 2px 1px white; }
.pt-top .line { display: inline; width: 100%; float: left; padding: 10px 0 20px 0; }
.pt-top .line i { width: 71px; height: 3px; float: left; background-color: #d10800; }
.pt-top .ops { color: #333; line-height: 55px; float: right; }
.pt-top .list { float: left; }
.pt-top .list ul { float: left; }
.pt-top .list ul li { display: inline; float: left; margin: 0 2px 0 0; }
.pt-top .list ul li a.oncname { color: #fff; display: inline-block; height: 42px; line-height: 42px; float: left; margin: 0 8px 0 0; padding: 0 20px; text-align: center; background-color: #192649; font-size: 14px; }
.pt-top .list ul li a.oncname:hover { color: #fff; background-color: #d10800; text-decoration: none; }
.pt-top .list ul li.current a.oncname { color: #fff; background-color: #d10800; }

.pt-tag { width: 100%; float: left; padding: 20px 0; background-color: #f4f4f4; }
.pt-tag .lists { width: 100%; float: left; }
.pt-tag .lists strong { height: 32px; line-height: 32px; float: left; }
.pt-tag .lists ul { float: left; }
.pt-tag .lists ul li { display: inline; float: left; margin: 0 15px 0 0; }
.pt-tag .lists ul li a { display: inline-block; line-height: 32px; float: left; }
.pt-tag .lists ul li.curr a { color: #e00; text-decoration: underline; }

.pt-sats { width: 100%; min-height: 400px; float: left; }
.pt-sats .ui-c { width: 100%; float: left; padding: 40px 0; }
.pt-sats .ui-c table tr td { padding: 10px; }
.pt-sats .ui-c .classic { width: 100%; height: 20px; margin: 0 0 40px 0; padding: 0 0 15px 0; border-bottom: 3px solid #ddd; }
.pt-sats .ui-c .classic .adds { float: left; font-size: 14px; }
.pt-sats .ui-c .classic .adds a { font-size: 14px; }
.pt-sats .ui-c .classic .adds a:hover { color: #333; }
.pt-sats .ui-c .classic .list { float: right; }
.pt-sats .ui-c .classic .list ul { float: left; }
.pt-sats .ui-c .classic .list ul li { display: inline; float: left; }
.pt-sats .ui-c .classic .list ul li a { display: inline-block; float: left; font-size: 14px; }
.pt-sats .ui-c .classic .list ul li i { display: inline; width: 1px; height: 15px; float: left; margin: 3px 12px 0; font-size: 0px; background-color: #ccc; }
.pt-sats .ui-c .classic .list ul li.current a { color: #333; }
.pt-sats .ui-c .classic .shares { float: right; }
.pt-sats .ui-c .classic .shares strong { line-height: 24px; float: left; font-weight: normal; }
.pt-sats .ui-c .classic .shares .share { width: 240px; }
.pt-sats .ui-c .newsshow { display: block; padding: 45px 35px; }
.pt-sats .ui-c .newsshow .tit { width: 100%; margin: 0 0 30px 0; }
.pt-sats .ui-c .newsshow .tit h1 { margin: 0 0 10px 0; font-size: 20px; text-align: center; }
.pt-sats .ui-c .newsshow .tit .ope { text-align: center; }
.pt-sats .ui-c .newsshow .tit .ope span { margin: 0 10px; }
.pt-sats .ui-c .newsshow .con { padding: 40px; }
.pt-sats .ui-c .newsshow .con img { max-width: 100% !important; }
.pt-sats .ui-c img { max-width: 90%; }

.pt-show { width: 100%; float: left; }
.pt-show .list1 { width: 100%; float: left; padding: 10px 0; }
.pt-show .list1 ul { width: 100%; float: left; }
.pt-show .list1 ul li { width: 100%; float: left; padding: 10px 0; border-bottom: 1px dotted #e5e5e5; }
.pt-show .list1 ul li a { display: inline-block; width: 100%; float: left; }
.pt-show .list1 ul li a .dates { color: #999; display: inline; float: right; font-size: 12px; }
.pt-show .list1 ul li a .title { display: block; margin: 0 150px 0 0; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.pt-show .list1 ul li a:hover .title { color: #d00; text-decoration: underline; }
.pt-show .list2 { width: 100%; float: left; padding: 10px 0; }
.pt-show .list2 ul { width: 100%; float: left; overflow: hidden; }
.pt-show .list2 ul li { display: inline; width: 25%; float: left; }
.pt-show .list2 ul li .items { display: block; padding: 8px; overflow: hidden; }
.pt-show .list2 ul li .items a { display: inline-block; width: 100%; float: left; background-color: #ffffff; -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); }
.pt-show .list2 ul li .items a span.pics { display: block; padding: 6px; overflow: hidden; }
.pt-show .list2 ul li .items a span.pics .pic { width: 100%; float: left; background-color: #000; overflow: hidden; }
.pt-show .list2 ul li .items a span.pics img { width: 100%; transition: all 0.6s; }
.pt-show .list2 ul li .items a span.tits { display: block; padding: 10px 10px 15px; font-size: 14px; text-align: center; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.pt-show .list2 ul li .items a:hover { text-decoration: none; }
.pt-show .list2 ul li .items a:hover span.pics .pic img { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; transform: scale(1.1); }
.pt-show .list3 { width: 100%; float: left; padding: 10px 0; }
.pt-show .list3 ul { width: 100%; float: left; }
.pt-show .list3 ul li { width: 100%; float: left; padding: 15px 0; border-bottom: 1px dotted #e5e5e5; }
.pt-show .list3 ul li .items { display: block; }
.pt-show .list3 ul li .items a .pics { width: 180px; float: left; margin: 0 25px 0 0; }
.pt-show .list3 ul li .items a .pics img { width: 100%; }
.pt-show .list3 ul li .items a .tits { display: block; font-size: 18px; font-weight: bold; }
.pt-show .list3 ul li .items a .smys { display: block; }
.pt-show .list4 { width: 100%; float: left; }
.pt-show .list4 ul { width: 100%; float: left; overflow: hidden; }
.pt-show .list4 ul li { display: inline; width: 25%; float: left; }
.pt-show .list4 ul li .item { display: block; padding: 10px; overflow: hidden; }
.pt-show .list4 ul li .item a { display: inline-block; width: 100%; float: left; }
.pt-show .list4 ul li .item a span.pic { display: block; margin: 0 0 6px; border: 1px solid #e9e9e9; background-color: #000; overflow: hidden; }
.pt-show .list4 ul li .item a span.pic img { width: 100%; transition: all 0.4s; }
.pt-show .list4 ul li .item a span.detail { display: block; height: 33px; padding: 25px 0; text-align: center; }
.pt-show .list4 ul li .item a span.detail b { color: #50402b; padding: 6px 20px; font-size: 14px; border: 1px solid #c8c2b7; font-weight: normal; }
.pt-show .list4 ul li .item a span.inf { display: block; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.pt-show .list4 ul li .item a span.inf2 { display: block; font-size: 16px; text-align: center; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.pt-show .list4 ul li .item a span.dates { color: #666; display: block; font-size: 12px; }
.pt-show .list4 ul li .item a span.csname { color: #666; display: block; font-size: 12px; text-transform: uppercase; }
.pt-show .list4 ul li .item a:hover { text-decoration: none; }
.pt-show .list4 ul li .item a:hover span.pic img { transform: scale(1.2); filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.pt-show .list5 { width: 100%; float: left; padding: 0 0 40px; }
.pt-show .list5 ul { width: 100%; float: left; overflow: hidden; }
.pt-show .list5 ul li { display: inline; width: 33.2%; float: left; }
.pt-show .list5 ul li .item { display: block; margin: 5px; padding: 10px; border: 1px solid #eee; background-color: #fff; overflow: hidden; }
.pt-show .list5 ul li .item a { display: inline-block; width: 100%; }
.pt-show .list5 ul li .item a .pics { display: block; margin: 0 0 6px; border: 1px solid #e9e9e9; background-color: #000; overflow: hidden; }
.pt-show .list5 ul li .item a .pics img { width: 100%; transition: all 0.4s; }
.pt-show .list5 ul li .item a .infs { display: block; }
.pt-show .list5 ul li .item a .infs .tit { display: block; font-size: 18px; }
.pt-show .list5 ul li .item a .infs .sms { color: #999; display: block; font-size: 14px; }
.pt-show .list5 ul li .item a:hover { text-decoration: none; }
.pt-show .list5 ul li .item a:hover * { text-decoration: none; }
.pt-show .list5 ul li .item a:hover .pics img { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; transform: scale(1.1); }
.pt-show .shownor { width: 100%; float: left; padding: 30px 0 40px; }
.pt-show .shownor .tit { display: block; padding: 0 0 10px 0; border-bottom: 1px solid #eee; text-align: center; }
.pt-show .shownor .tit h1 { font-size: 20px; }
.pt-show .shownor .tit .ope { display: block; text-align: center; }
.pt-show .shownor .tit .ope span { margin: 0 4px; font-size: 12px; }
.pt-show .shownor .con { display: block; padding: 20px 30px; }
.pt-show .shownor .boks { display: block; }
.pt-show .showdowns { width: 100%; float: left; padding: 30px 0 40px; }
.pt-show .showdowns .tit { display: block; padding: 0 0 10px 0; border-bottom: 1px solid #eee; text-align: center; }
.pt-show .showdowns .tit h1 { font-size: 24px; }
.pt-show .showdowns .con { display: block; padding: 20px 30px; }
.pt-show .showdowns .con .pics { width: 40%; padding: 0 30% 25px; }
.pt-show .showdowns .con .pics img { width: 100%; }
.pt-show .showdowns .con .infs { width: 40%; padding: 0 30% 0; }
.pt-show .showdowns .con .infs .infw { display: block; text-align: center; }
.pt-show .showdowns .con .infs .infw a { display: block; padding: 8px 0; border: 1px solid #e9e9e9; text-align: center; background-color: #eee; }
.pt-show .showdowns .con .infs .infw a:hover { color: #fff; text-decoration: none; background-color: #333; }
.pt-show .productsshow { width: 100%; float: left; }
.pt-show .productsshow .gd-1 { width: 100%; float: left; padding: 30px 0; border-top: 1px solid #e9e9e9; background-color: #f5f5f5; }
.pt-show .productsshow .gd-1 .aside { display: inline; width: 500px; float: left; border: 1px solid #eee; background-color: #fff; overflow: hidden; }
.pt-show .productsshow .gd-1 .aside .items { display: table; width: 460px; float: left; padding: 20px; }
.pt-show .productsshow .gd-1 .aside .items .item { display: table-cell; width: 460px; height: 460px; vertical-align: middle; }
.pt-show .productsshow .gd-1 .aside .items .item img { max-width: 100%; max-height: 100%; cursor: pointer; }
.pt-show .productsshow .gd-1 .articles { margin: 0 0 0 540px; }
.pt-show .productsshow .gd-1 .articles .tits { display: inline-block; width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #000; }
.pt-show .productsshow .gd-1 .articles .tits .tit { width: 100%; padding: 25px 0 0 0; font-size: 26px; font-weight: bold; }
.pt-show .productsshow .gd-1 .articles .tits .suy { font-size: 16px; padding: 20px 0; }
.pt-show .productsshow .gd-1 .articles .infs { display: inline-block; width: 100%; padding: 20px 0; }
.pt-show .productsshow .gd-1 .articles .list { display: inline-block; width: 100%; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; }
.pt-show .productsshow .gd-1 .articles .list ul { display: inline-block; width: 100%; padding: 10px 0; }
.pt-show .productsshow .gd-1 .articles .list ul li { display: inline-block; margin: 2px; }
.pt-show .productsshow .gd-1 .articles .list ul li a { display: table; width: 70px; height: 70px; text-align: center; border: 1px solid #eee; }
.pt-show .productsshow .gd-1 .articles .list ul li a .items { display: table-cell; padding: 5px; background-color: #fff; vertical-align: middle; }
.pt-show .productsshow .gd-1 .articles .list ul li a .items img { max-width: 60px; max-height: 60px; }
.pt-show .productsshow .gd-1 .articles .list ul li a:hover { border: 1px solid #333; }
.pt-show .productsshow .gd-1 .articles .list ul li.on a { border: 1px solid #333; }
.pt-show .productsshow .gd-1 .articles .pnlist { display: inline-block; width: 100%; padding: 15px 0 0; }
.pt-show .productsshow .gd-1 .articles .pnlist a { display: inline-block; margin: 0 15px 0 0; padding: 6px 15px; font-size: 14px; border: 1px solid #ddd; background-color: #fff; }
.pt-show .productsshow .gd-1 .articles .pnlist a:hover { color: #fff; border: 1px solid #e00; background-color: #e00; }
.pt-show .productsshow .gd-2 { width: 100%; float: left; padding: 40px 0 40px 0; background-color: #fff; }
.pt-show .productsshow .gd-2 .entit { color: #444; width: 100%; float: left; font-size: 28px; text-align: center; }
.pt-show .productsshow .gd-2 .tit { color: #333; width: 100%; float: left; text-align: center; font-size: 18px; }
.pt-show .productsshow .gd-2 .con { width: 100%; float: left; padding: 60px 0 0 0; }
.pt-show .productsshow .gd-3 { width: 100%; float: left; padding: 40px 0 60px 0; border-top: 1px solid #eee; background-color: #fff; }
.pt-show .productsshow .gd-3 .said { position: relative; display: inline; width: 100%; float: left; margin: 40px 0 40px 0; text-align: center; border-bottom: 1px solid #e5e5e5; }
.pt-show .productsshow .gd-3 .said span { color: #777; position: relative; top: 10px; display: inline-block; padding: 0 30px; font-size: 14px; background-color: #fff; }
.pt-show .productsshow .gd-3 .list { width: 100%; float: left; }
.pt-show .productsshow .gd-3 .list ul { width: 100%; float: left; }
.pt-show .productsshow .gd-3 .list ul li { width: 33.2%; float: left; }
.pt-show .productsshow .gd-3 .list ul li .items { display: block; padding: 10px; }
.pt-show .productsshow .gd-3 .list ul li .items a { position: relative; display: inline-block; width: 100%; }
.pt-show .productsshow .gd-3 .list ul li .items a .tis { display: none; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; background: url("img/icons.png") no-repeat -150px -600px; z-index: 80; }
.pt-show .productsshow .gd-3 .list ul li .items a .imgs { display: inline-block; width: 100%; background-color: #000; }
.pt-show .productsshow .gd-3 .list ul li .items a .imgs img { width: 100%; }
.pt-show .productsshow .gd-3 .list ul li .items a:hover .tis { display: inline-block; }
.pt-show .productsshow .gd-3 .list ul li .items a:hover .imgs img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.pt-show .productsshow .gd-3 .list ul li.end { margin: 0 0 10px 0; }
.pt-show .productsshow .gd-4 { width: 100%; float: left; padding: 40px 0; border-top: 1px solid #eee; background-color: #f4f4f4; }
.pt-show .productsshow .gd-4 .tits { display: inline; width: 100%; float: left; margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 18px; border-bottom: 1px solid #e5e5e5; }
.pt-show .productsshow .gd-4 .lists { width: 100%; float: left; }
.pt-show .productsshow .gd-4 .lists ul { width: 100%; float: left; }
.pt-show .productsshow .gd-4 .lists ul li { display: inline; width: 20%; float: left; cursor: pointer; }
.pt-show .productsshow .gd-4 .lists ul li .item { display: block; margin: 8px; }
.pt-show .productsshow .gd-4 .lists ul li .item a { display: inline-block; position: relative; width: 100%; overflow: hidden; }
.pt-show .productsshow .gd-4 .lists ul li .item a .pics { display: block; width: 100%; padding: 0 0 6px 0; }
.pt-show .productsshow .gd-4 .lists ul li .item a .pics img { position: relative; width: 100%; }
.pt-show .productsshow .gd-4 .lists ul li .item a .infs { display: block; text-align: center; font-size: 15px; }
.pt-show .message { width: 100%; float: left; }
.pt-show .message form { width: 100%; float: left; }
.pt-show .message form .tit { color: #333; display: inline; width: 98%; height: 40px; line-height: 40px; float: left; margin: 0 0 10px 0; padding: 0 0 0 2%; font-size: 14px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #f6f6f6; }
.pt-show .message form .sin { display: inline; width: 100%; float: left; margin: 0 0 15px 0; }
.pt-show .message form .lab { display: inline; width: 100px; height: 38px; line-height: 38px; float: left; margin: 0 10px 0 0; font-size: 14px; text-align: right; }
.pt-show .message form .lab i { color: #ff0000; margin: 0 2px 0 0; font-style: normal; }
.pt-show .message form .cons { width: 84%; float: left; }
.pt-show .message form .text, .pt-show .message form .textarea { width: 50%; float: left; padding: 8px 10px; border: 1px solid #e9e9e9; }
.pt-show .message form .text:focus, .pt-show .message form .textarea:focus { border: 1px solid #d8d8d8; }
.pt-show .message form .textarea { width: 80%; height: 70px; }
.pt-show .message form .text_m { width: 100px; text-align: center; }
.pt-show .message form img { height: 40px; }
.pt-show .message form .spe { color: red; }
.pt-show .message form .submit { width: 120px; height: 42px; line-height: 42px; font-size: 14px; }
.pt-show .message form .reset { color: #333; width: 120px; height: 42px; line-height: 42px; font-size: 14px; border: 1px solid #ddd; background-color: #e5e5e5; }
.pt-show .messageview { display: inline; width: 100%; min-height: 400px; float: left; border-top: 0 none; }
.pt-show .messageview ul { width: 100%; float: left; }
.pt-show .messageview ul li { display: block; margin: 0 0 10px 0; border: 1px solid #e5e5e5; background-color: #f8f8f8; }
.pt-show .messageview ul li .tit { padding: 10px 15px; border-bottom: 1px solid #e5e5e5; background-color: #ffffff; }
.pt-show .messageview ul li .tit .yesreply { color: #11b609; margin: 0 0 0 10px; }
.pt-show .messageview ul li .tit .noreply { color: #e00; margin: 0 0 0 10px; }
.pt-show .messageview ul li .con { padding: 15px 15px; }
.pt-show .messageview ul li .reply { margin: 0 15px; padding: 15px 0; border-top: 1px solid #e9e9e9; }
.pt-show .messageview ul li .reply .boks { color: #e00; font-size: 12px; }
.pt-show .messageview ul li .ops { padding: 5px 15px 10px; text-align: right; font-size: 12px; }
.pt-show .messageview ul li .ops span { color: #888; margin: 0 0 0 15px; }

.grid { position: relative; width: 100%; float: left; overflow: hidden; }
.grid.grid-b { padding: 0 0 40px 0; background-color: #f4f4f4; }
.grid.grid-c { padding: 30px 0 40px 0; background-color: #f4f4f4; }
.grid.grid-d { padding: 50px 0 40px 0; background-color: #f4f4f4; }

.ui-h0 { position: relative; top: -400px; display: inline; width: 100%; float: left; margin: 0 0 20px 0; text-align: center; }
.ui-h0 .cn { color: #000; line-height: 40px; font-size: 30px; font-weight: bold; text-align: center; }
.ui-h0 .en { color: #9b9b9b; font-size: 16px; text-align: center; }
.ui-h0 .more a { color: #eee; }

.ui-h1 { position: relative; top: -600px; display: inline; width: 100%; float: left; padding: 20px 0 20px; }
.ui-h1 .cn { color: #000; line-height: 40px; font-size: 30px; font-weight: bold; text-align: center; }
.ui-h1 .en { color: #9b9b9b; font-size: 16px; text-align: center; }
.ui-h1 .list { display: inline; width: 100%; float: left; margin: 15px 0 0; }
.ui-h1 .list ul { margin: 0 auto; text-align: center; }
.ui-h1 .list ul li { display: inline-block; margin: 0 2px; }
.ui-h1 .list ul li a { padding: 8px 14px; background-color: #f4f4f4; }
.ui-h1 .list ul li a:hover { color: #fff; text-decoration: none; background-color: #a21a2c; }

.pt-2 { position: relative; width: 100%; float: left; padding: 120px 0 0; z-index: 60; }
.pt-2 .ui-c { position: relative; width: 100%; float: left; z-index: 60; }
.pt-2 .ui-c .video { float: left; padding: 10px; border: 1px solid #e5e5e5; background-color: #fff; }
.pt-2 .ui-c .video a { position: relative; width: 540px; height: 340px; float: left; overflow: hidden; }
.pt-2 .ui-c .video a span.pic { width: 100%; float: left; }
.pt-2 .ui-c .video a span.pic img { width: 100%; float: left; }
.pt-2 .ui-c .about { padding: 20px 0 0 600px; }
.pt-2 .ui-c .about .info h3 { color: #333; font-size: 26px; }
.pt-2 .ui-c .about .info h2 { color: #333; width: 100%; float: left; padding: 0 0 10px 0; font-size: 20px; }
.pt-2 .ui-c .about .info h2 a { display: none; }
.pt-2 .ui-c .about .info p { color: #444; width: 100%; float: left; padding: 15px 0; font-size: 14px; }
.pt-2 .ui-c .about .info a.detail { color: #fff; width: 160px; height: 40px; line-height: 40px; float: left; font-size: 14px; text-align: center; background-color: #b91c22; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.pt-2 .ui-f { display: inline; width: 100%; float: right; margin: 40px 0 0 0; }
.pt-2 .ui-f .list { width: 100%; float: left; }
.pt-2 .ui-f .list ul { width: 100%; float: left; }
.pt-2 .ui-f .list ul li { position: relative; display: inline; width: 33%; float: left; }
.pt-2 .ui-f .list ul li .items { display: block; padding: 6px; background-color: #fff; }
.pt-2 .ui-f .list ul li .items a { display: block; height: 90px; padding: 30px; }
.pt-2 .ui-f .list ul li .items a span.pic { position: absolute; top: 0; right: 0; width: 100%; z-index: 9; }
.pt-2 .ui-f .list ul li .items a span.inf { color: #fff; display: inline-block; width: 100%; padding: 0 0 5px 0; font-size: 24px; }
.pt-2 .ui-f .list ul li .items a span.smy { color: #fff; display: inline-block; width: 100%; line-height: 22px; font-size: 14px; }
.pt-2 .ui-f .list ul li .items a:hover span.arr { display: inline-block; }
.pt-2 .ui-f .list ul li.li1 { width: 32%; }
.pt-2 .ui-f .list ul li.li2 { width: 32%; margin: 0 2%; }
.pt-2 .ui-f .list ul li.li3 { width: 32%; }
.pt-2 .ui-f .list ul li.current span.pic { top: -145px; }
.pt-2 .ui-f .list ul li.current span.arr { display: inline-block; }

.pt-3 { position: relative; width: 100%; height: 100%; float: left; }
.pt-3 .ui-c { width: 100%; height: 100%; float: left; }
.pt-3 .ui-c .slideshow { position: relative; width: 100%; float: left; }
.pt-3 .ui-c .slideshow .control { position: absolute; top: 50%; left: 42%; width: 90px; height: 100px; margin: -50px 0 0 -45px; z-index: 20; }
.pt-3 .ui-c .slideshow .control a { display: inline-block; width: 45px; height: 50px; line-height: 50px; text-indent: -10000em; text-align: center; }
.pt-3 .ui-c .slideshow .control a.cright { float: right; background: #b91c22 url("img/icons.png") no-repeat 0 -50px; -moz-border-radius: 0px 2px 2px 0px; -webkit-border-radius: 0px 2px 2px 0px; -o-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px; }
.pt-3 .ui-c .slideshow .control a.cleft { float: left; margin: 50px 0 0; background: #b91c22 url("img/icons.png") no-repeat 0 -100px; -moz-border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; -o-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px; }
.pt-3 .ui-c .slideshow .slideshow-left { position: relative; width: 42%; float: left; overflow: hidden; z-index: 10; }
.pt-3 .ui-c .slideshow .slideshow-left ul { position: relative; width: 100%; float: left; }
.pt-3 .ui-c .slideshow .slideshow-left ul li { display: table; width: 100%; height: 100%; float: left; }
.pt-3 .ui-c .slideshow .slideshow-left ul li .items { display: table-cell; width: 60%; padding: 0 20%; text-align: center; vertical-align: middle; }
.pt-3 .ui-c .slideshow .slideshow-left ul li .items .tit { color: #fff; display: block; font-size: 32px; font-family: arial; font-weight: bold; }
.pt-3 .ui-c .slideshow .slideshow-left ul li .items .smy { color: #fff; display: block; padding: 15px 0 20px; }
.pt-3 .ui-c .slideshow .slideshow-left ul li .items .mor { display: block; text-align: center; }
.pt-3 .ui-c .slideshow .slideshow-left ul li .items .mor a { color: #fff; display: inline-block; width: 146px; height: 38px; line-height: 38px; background-color: #b91c22; -moz-border-radius: 40px 40px 40px 40px; -webkit-border-radius: 40px 40px 40px 40px; -o-border-radius: 40px 40px 40px 40px; border-radius: 40px 40px 40px 40px; }
.pt-3 .ui-c .slideshow .slideshow-right { position: relative; width: 58%; float: right; overflow: hidden; z-index: 8; }
.pt-3 .ui-c .slideshow .slideshow-right ul { position: relative; width: 100%; float: right; }
.pt-3 .ui-c .slideshow .slideshow-right ul li { position: relative; width: 100%; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }

.pt-3-2 { position: relative; width: 100%; height: 100%; float: left; }
.pt-3-2 .ui-c { width: 100%; height: 100%; float: left; }
.pt-3-2 .ui-c .slideshow { position: relative; width: 100%; float: left; }
.pt-3-2 .ui-c .slideshow .control { position: absolute; top: 50%; left: 50%; width: 90px; height: 100px; margin: -50px 0 0 -50px; z-index: 20; }
.pt-3-2 .ui-c .slideshow .control a { display: inline-block; width: 45px; height: 50px; line-height: 50px; text-indent: -10000em; text-align: center; }
.pt-3-2 .ui-c .slideshow .control a.cright { float: left; background: #b91c22 url("img/icons.png") no-repeat 0 -50px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; -o-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; }
.pt-3-2 .ui-c .slideshow .control a.cleft { float: right; margin: 50px 0 0; background: #b91c22 url("img/icons.png") no-repeat 0 -100px; -moz-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; -o-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; }
.pt-3-2 .ui-c .slideshow .slideshow-left2 { position: relative; width: 100%; float: left; overflow: hidden; z-index: 10; }
.pt-3-2 .ui-c .slideshow .slideshow-left2 ul { position: relative; width: 100%; float: left; }
.pt-3-2 .ui-c .slideshow .slideshow-left2 ul li { display: table; width: 100%; height: 100%; float: left; }
.pt-3-2 .ui-c .slideshow .slideshow-left2 ul li .items { display: table-cell; padding: 15% 10% 10%; text-align: center; vertical-align: middle; }
.pt-3-2 .ui-c .slideshow .slideshow-left2 ul li .items .smy { color: #fff; display: block; line-height: 16px; font-size: 12px; }
.pt-3-2 .ui-c .slideshow .slideshow-right2 { position: relative; width: 100%; float: right; overflow: hidden; z-index: 8; }
.pt-3-2 .ui-c .slideshow .slideshow-right2 ul { position: relative; width: 100%; float: right; }
.pt-3-2 .ui-c .slideshow .slideshow-right2 ul li { position: relative; width: 100%; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
.pt-3-2 .ui-c .slideshow .slideshow-right2 ul li a { display: inline-block; position: absolute; top: 50%; left: 50%; width: 50%; height: 85px; margin: -42px 0 0 -25%; text-align: center; background-color: rgba(25, 37, 72, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6F192548,endColorstr=#6F192548); }
.pt-3-2 .ui-c .slideshow .slideshow-right2 ul li a .tit { color: #fff; display: block; padding: 17px 0 0 0; font-size: 18px; font-family: arial; font-weight: bold; }
.pt-3-2 .ui-c .slideshow .slideshow-right2 ul li a .mor { color: #fff; display: block; text-align: center; font-size: 12px; text-transform: uppercase; }

.pt-3-3 { width: 100%; float: left; }
.pt-3-3 .ui-c { position: relative; width: 100%; float: left; z-index: 20; }
.pt-3-3 .ui-c .lists { width: 90%; float: left; padding: 0 5% 60px; }
.pt-3-3 .ui-c .lists ul { width: 100%; float: left; }
.pt-3-3 .ui-c .lists ul li { position: relative; width: 25%; float: left; }
.pt-3-3 .ui-c .lists ul li .items { position: relative; display: block; padding: 5px; }
.pt-3-3 .ui-c .lists ul li .items .pics { display: block; padding: 5px; text-align: center; }
.pt-3-3 .ui-c .lists ul li .items .pics a { position: relative; display: inline-block; width: 235px; overflow: hidden; }
.pt-3-3 .ui-c .lists ul li .items .pics a .pic { width: 100%; float: left; }
.pt-3-3 .ui-c .lists ul li .items .pics a .pic img { width: 100%; }
.pt-3-3 .ui-c .lists ul li .items .pics a .inf { color: #333; position: absolute; left: 0; top: 50%; display: inline-block; width: 100%; height: 40px; line-height: 40px; margin: -60px 0 0 0; font-size: 15px; text-align: center; z-index: 2; }
.pt-3-3 .ui-c .lists ul li .items .pics a .jiah { position: absolute; top: 50%; left: 0; display: inline-block; width: 100%; margin: -10px 0 0 0; text-align: center; z-index: 2; }
.pt-3-3 .ui-c .lists ul li .items .pics a .inf2 { color: #999; position: absolute; left: 0; bottom: 50%; display: inline-block; width: 100%; margin: 0 0 -50px 0; font-size: 12px; text-align: center; font-family: arial; z-index: 2; }
.pt-3-3 .ui-c .lists ul li.li1 { top: -960px; }
.pt-3-3 .ui-c .lists ul li.li2 { top: -960px; }
.pt-3-3 .ui-c .lists ul li.li3 { top: -960px; }
.pt-3-3 .ui-c .lists ul li.li4 { top: -960px; }
.pt-3-3 .ui-c .lists ul li.li5 { top: -960px; }
.pt-3-3 .ui-c .lists ul li.li6 { top: -960px; }
.pt-3-3 .ui-c .lists ul li.li7 { top: -960px; }
.pt-3-3 .ui-c .lists ul li.li8 { top: -960px; }
.pt-3-3 .ui-f { position: relative; bottom: -1500px; width: 100%; float: left; text-align: center; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index: 10; }
.pt-3-3 .ui-f .sofa { position: absolute; bottom: 80px; left: 270px; width: 350px; height: 259px; }
.pt-3-3 .ui-f .sofa img { max-width: 100%; }
.pt-3-3 .ui-f .bgs { width: 100%; float: left; }
.pt-3-3 .ui-f .bgs img { max-width: 100%; }

.pt-4 { width: 100%; float: left; }
.pt-4 .ui-h { width: 240px; float: left; padding: 0 0 0 40px; background: url("img/section4bg.png") no-repeat 0 20px; }
.pt-4 .ui-h .cn { font-size: 36px; font-weight: bold; }
.pt-4 .ui-h .en { color: #666; font-size: 14px; }
.pt-4 .ui-h .list { margin: 30px 0 0; }
.pt-4 .ui-h .list ul li { width: 140px; padding: 10px 0; border-bottom: 1px solid #eee; }
.pt-4 .ui-c { margin: 0 0 0 290px; }
.pt-4 .ui-c ul { display: inline-block; width: 100%; margin: 10px 0 0; }
.pt-4 .ui-c ul li { display: inline-block; position: relative; float: left; }
.pt-4 .ui-c ul li.lifir { width: 37%; }
.pt-4 .ui-c ul li.lifir .items { display: block; margin: 10px; padding: 5px; background-color: rgba(254, 254, 254, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8Ffefefe,endColorstr=#8Ffefefe); }
.pt-4 .ui-c ul li.lifir .items a { position: relative; display: inline-block; width: 100%; }
.pt-4 .ui-c ul li.lifir .items a .pics { display: inline-block; width: 100%; margin: 0 0 15px 0; overflow: hidden; background-color: #000; }
.pt-4 .ui-c ul li.lifir .items a .pics img { width: 100%; transition: all 0.6s; }
.pt-4 .ui-c ul li.lifir .items a .title { color: #000; display: inline-block; width: 100%; font-size: 20px; font-family: "Helvetica_Neue_CE_35_Thin"; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.pt-4 .ui-c ul li.lifir .items a .dates { display: block; padding: 10px 0; font-size: 20px; font-family: "Helvetica_Neue_CE_35_Thin"; }
.pt-4 .ui-c ul li.lifir .items a .summary { color: #999; display: block; line-height: 22px; padding: 8px 0; font-size: 13px; }
.pt-4 .ui-c ul li.lifir .items a:hover { text-decoration: none; }
.pt-4 .ui-c ul li.lifir .items a:hover * { text-decoration: none; }
.pt-4 .ui-c ul li.lifir .items a:hover .pics img { transform: scale(1.2); filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.pt-4 .ui-c ul li.lifir .items a:hover .title { color: #000; }
.pt-4 .ui-c ul li.lifir .items a:hover .summary { color: #666; }
.pt-4 .ui-c ul li.lioth { width: 62%; float: right; padding: 15px 0; border-bottom: 1px dotted #ddd; }
.pt-4 .ui-c ul li.lioth .items .num { color: #444; display: inline-block; width: 90px; height: 68px; float: left; border-right: 1px dotted #ddd; }
.pt-4 .ui-c ul li.lioth .items .num .n1 { color: #333; font-size: 20px; text-align: center; font-family: "Helvetica_Neue_CE_35_Thin"; }
.pt-4 .ui-c ul li.lioth .items .num .n2 { margin: 0 0 0 3px; color: #aaa; font-size: 14px; text-align: center; font-family: "Helvetica_Neue_CE_35_Thin"; }
.pt-4 .ui-c ul li.lioth .items .info { margin: 0 0 0 110px; }
.pt-4 .ui-c ul li.lioth .items .info .tit { display: inline; width: 100%; margin: 8px 0; padding: 2px 0; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.pt-4 .ui-c ul li.lioth .items .info .tit a { color: #222; font-size: 18px; font-family: "Helvetica_Neue_CE_35_Thin"; }
.pt-4 .ui-c ul li.lioth .items .info .con { color: #aaa; width: 100%; height: 40px; line-height: 20px; font-size: 12px; overflow: hidden; font-family: "Helvetica_Neue_CE_35_Thin"; }

.pt-5 { position: relative; width: 100%; float: left; z-index: 350; }
.pt-5 .ui-h { position: relative; width: 100%; float: left; overflow: hidden; }
.pt-5 .ui-h .cn { color: #fff; display: block; font-size: 30px; text-align: center; }
.pt-5 .ui-h .said { color: #fff; font-size: 12px; text-align: center; }
.pt-5 .ui-h .en { color: #fff; display: block; font-size: 14px; text-align: center; font-style: italic; font-family: georgia; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.pt-5 .ui-h .list { margin: 0 auto; padding: 15px 0; }
.pt-5 .ui-h .list ul { text-align: center; }
.pt-5 .ui-h .list ul li { display: inline-block; margin: 0 5px; }
.pt-5 .ui-h .list ul li a { color: #fff; display: block; padding: 5px 15px; font-size: 14px; background-color: #b91c22; @incude br(4,4,4,4); overflow: hidden; }
.pt-5 .ui-h .list ul li a:hover { color: #fff; text-decoration: none; background-color: #a80b11; }
.pt-5 .ui-c { width: 100%; float: left; }
.pt-5 .ui-c .blockquote { width: 100%; float: left; overflow: hidden; }
.pt-5 .ui-c .blockquote .lis { position: relative; width: 100%; float: left; }
.pt-5 .ui-c .blockquote .lis ul { width: 100%; float: left; }
.pt-5 .ui-c .blockquote .lis ul li { display: inline; width: 16.6667%; float: left; }
.pt-5 .ui-c .blockquote .lis ul li .items { display: block; padding: 5px; }
.pt-5 .ui-c .blockquote .lis ul li .items a { position: relative; display: inline-block; position: relative; width: 100%; background-color: #000; overflow: hidden; }
.pt-5 .ui-c .blockquote .lis ul li .items .pic { display: inline-block; width: 100%; overflow: hidden; transition: all 0.6s; }
.pt-5 .ui-c .blockquote .lis ul li .items .pic img { position: relative; width: 100%; }
.pt-5 .ui-c .blockquote .lis ul li .items .info { color: #fff; position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: 56px; line-height: 56px; font-size: 14px; text-align: center; background: url("img/p-bg.png") repeat-x 0 0; }
.pt-5 .ui-c .blockquote .lis ul li .items:hover .pic { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; transform: scale(1.1); }
.pt-5 .ui-c .blockquote .lis ul li.li9 { display: none; }
.pt-5 .ui-f { width: 100%; float: left; padding: 10px 0 0; }
.pt-5 .ui-f a { color: #fff; display: block; margin: 0 5px; padding: 8px 0; text-align: center; background-color: #000; }

.pt-6 { width: 98%; float: left; padding: 110px 1% 0; }
.pt-6 .ui-c { position: relative; width: 100%; float: left; overflow: hidden; }
.pt-6 .ui-c .lists { width: 100%; float: left; }
.pt-6 .ui-c .lists ul { width: 100%; }
.pt-6 .ui-c .lists ul li { width: 48%; float: left; padding: 0 1%; }
.pt-6 .ui-c .lists ul li .items { position: relative; width: 100%; overflow: hidden; margin-bottom: 10%; }
.pt-6 .ui-c .lists ul li .items .item { display: block; width: 100%; height: 100%; overflow: hidden; }
.pt-6 .ui-c .lists ul li .items .item img.pic-scale { width: 100%; }
.pt-6 .ui-c .lists ul li .items .item .case-inner { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; border: 1px solid #fff; background-color: rgba(16, 16, 16, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1F101010,endColorstr=#1F101010); }
.pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center { display: table; width: 100%; height: 100%; float: left; }
.pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle { display: table-cell; vertical-align: middle; }
.pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-font1 { color: #fff; margin: 0 auto; text-align: center; font-size: 46px; }
.pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-font2 { color: #fff; margin: 0 auto; text-align: center; font-size: 30px; }
.pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-line { width: 60%; max-width: 275px; margin: 5% auto; border-top: 1px solid #ffffff; }
.pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-said { color: #fff; max-width: 360px; margin: 0 auto; padding: 0 15px; font-size: 13px; text-align: center; }
.pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-more { display: none; }
.pt-6 .ui-c .lists ul li .items .item a { display: inline-block; width: 100%; background-color: #000; }
.pt-6 .ui-c .lists ul li .items .item a:hover img.pic-scale { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.pt-6 .ui-c .lists ul li .items .item a:hover .case-inner { background-color: rgba(16, 16, 16, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F101010,endColorstr=#3F101010); }

.pt-7 { width: 100%; float: left; padding: 80px 0; }
.pt-7 .ui-h { width: 100%; float: left; }
.pt-7 .ui-h .tit { color: #fff; padding: 0 0 15px 0; font-size: 30px; }
.pt-7 .ui-h .tit span { color: #888; margin: 0 0 0 20px; font-size: 16px; }
.pt-7 .ui-h .lin { width: 100%; height: 1px; background-color: #444; }
.pt-7 .ui-h .lin b { position: relative; top: -1px; width: 126px; height: 2px; float: left; background-color: #f2cb62; }
.pt-7 .ui-c { width: 100%; float: left; overflow: hidden; }
.pt-7 .ui-c .tit { color: #ffe219; padding: 80px 0 0; font-size: 24px; }
.pt-7 .ui-c .inf { color: #989898; padding: 0 0 60px 0; font-size: 13px; }
.pt-7 .ui-c .info { position: relative; display: inline; width: 100%; float: left; margin: 0 0 40px 0; }
.pt-7 .ui-c .message { position: relative; width: 100%; float: right; }
.pt-7 .ui-c .message form { width: 100%; float: left; }
.pt-7 .ui-c .message form .sin { display: inline; width: 100%; float: left; margin: 4px 0; }
.pt-7 .ui-c .message form .sin .text { color: #a1a1a1; width: 96%; height: 40px; line-height: 40px; float: left; padding: 0 2%; border: 0 none; background-color: #222121; }
.pt-7 .ui-c .message form .sin .text_m { width: 200px; }
.pt-7 .ui-c .message form .sin .checkcode { float: left; padding: 5px; margin: 0 0 0 10px; background-color: #fff; }
.pt-7 .ui-c .message form .sin .submit { color: #222; width: 172px; height: 42px; float: left; border: 0 none; background-color: #ffe219; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; -o-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; }
.pt-7 .ui-c .message form .sin input::-webkit-input-placeholder { color: #444; }
.pt-7 .ui-c .message form .sin input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #444; }
.pt-7 .ui-c .message form .sin input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #444; }
.pt-7 .ui-c .message form .sin input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #444; }
.pt-7 .ui-c .message form .sin textarea::-webkit-input-placeholder { color: #444; }
.pt-7 .ui-c .message form .sin textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #444; }
.pt-7 .ui-c .message form .sin textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #444; }
.pt-7 .ui-c .message form .sin textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #444; }
.pt-7 .ui-c .message form .tis, .pt-7 .ui-c .message form .tis2 { width: 42%; float: left; }
.pt-7 .ui-c .message form .cos { width: 56%; float: right; }
.pt-7 .ui-c .message form .cos .textarea { color: #a1a1a1; width: 96%; height: 144px; line-height: 36px; float: left; padding: 0 2%; border: 0 none; background-color: #222121; }

.pt-foot { color: #ddd; position: absolute; bottom: 0; left: 0; width: 100%; padding: 14px 0; font-size: 12px; text-align: center; background-color: #000; }

#fp-nav { position: fixed; top: 50%; right: 20px; padding: 2px 2px 2px; z-index: 990; }
#fp-nav ul { width: 45px; float: right; }
#fp-nav ul li { clear: both; display: inline; width: 45px; float: left; margin: 5px 0; }
#fp-nav ul li a { display: inline-block; width: 30px; height: 2px; float: right; background-color: #fff; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; cursor: pointer; }
#fp-nav ul li a.active { width: 45px; background-color: #d10800; }

.section { position: relative; width: 100%; float: left; overflow: hidden; }

.section2 { background: url("img/section2.jpg") no-repeat center center; background-size: cover; }
.section2 .fp-tableCell { background: url("img/point.png") repeat 0 0; }

.section3 { background: #000 url("img/section3.jpg") no-repeat center 0; }

.section4 { background-color: #fff; }

.section5 { background: url("img/section5.jpg") no-repeat center center; background-size: cover; }

.section6 { background: url("img/section6.jpg") no-repeat center center; }

.section7 { background-color: #1a1a1a; }

.pt-2 .ui-c .video { position: relative; left: -960px; }
.pt-2 .ui-c .about { position: relative; right: -1280px; }
.pt-2 .ui-f .list ul li { position: relative; bottom: -640px; }

.pt-3 .ui-c .slideshow .control { top: -960px; }
.pt-3 .ui-c .slideshow .slideshow-left { left: -960px; }
.pt-3 .ui-c .slideshow .slideshow-right { right: -1280px; }

.pt-4 .ui-h { position: relative; left: -960px; }
.pt-4 .ui-c { position: relative; right: -1280px; }

.pt-5 .ui-h { top: -960px; }
.pt-5 .ui-c li { position: relative; }
.pt-5 .ui-c li.li1 { top: -960px; }
.pt-5 .ui-c li.li2 { top: -960px; }
.pt-5 .ui-c li.li3 { top: -960px; }
.pt-5 .ui-c li.li4 { top: -960px; }
.pt-5 .ui-c li.li5 { bottom: -960px; }
.pt-5 .ui-c li.li6 { bottom: -960px; }
.pt-5 .ui-c li.li7 { bottom: -960px; }
.pt-5 .ui-c li.li8 { bottom: -960px; }

.pt-6 li:nth-child(1) { position: relative; left: -1280px; }
.pt-6 li:nth-child(2) { position: relative; right: -1280px; }

.pt-7 .ui-h { position: relative; top: -960px; }
.pt-7 .ui-c { position: relative; bottom: -960px; }

@media only screen and (min-width: 0px) and (max-width: 639px) { #pg-header, #pg-banners, #pg-banner, #pg-content, #pg-footer { min-width: 320px; }
  .ly-ct { margin: 0 20px; }
  #pg-opes { display: inline-block; top: 8px; right: 8px; }
  #pg-opes .join { display: block; }
  #pg-opes .search { display: none; }
  #pg-opes .search a { width: 40px; height: 40px; background-size: 60%; }
  #pg-opes .navs a.closed, #pg-opes .navs a.opend { height: 40px; line-height: 40px; font-size: 12px; background-position: center center; background-size: 60%; }
  #pg-opes .navs a.closed img, #pg-opes .navs a.opend img { height: 40px; }
  #pg-opes .search a img { width: 40px; height: 40px; }
  #pg-maps { width: 100%; background-color: rgba(25, 38, 73, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F192649,endColorstr=#9F192649); }
  #pg-maps .ui-c { display: block; width: 84%; float: none; padding: 0 8%; }
  #pg-maps .ui-c .tis { text-align: center; }
  #pg-maps .ui-c .nav ul li a.name { padding: 6px 0 5px; font-size: 14px; }
  #pg-header { height: 56px; overflow: hidden; }
  #pg-header .ui-h { display: none; }
  #pg-header .ui-c .logo { position: relative; left: -10px; padding: 0; text-align: center; }
  #pg-header .ui-c .logo a img { height: 37px; }
  #pg-header .ui-c .others { display: none; }
  #pg-header .ui-c .menu { display: inline-block; float: right; margin: 0; }
  #pg-header .ui-c .menu a img { height: 40px; }
  #pg-banners .ui-c .listcirs { left: 0; right: 0; width: 100%; bottom: 20px; margin: 0; display: inline-block; text-align: center; }
  #pg-banners .ui-c .listcirs a { display: inline-block; width: 16px; height: 4px; float: none; margin: 0 2px; }
  #pg-banner { position: relative; height: 140px; background-size: cover; }
  #pg-banner .ui-h .items { width: 40%; margin: 40px auto 0; }
  #pg-banner .ui-h .items .cn { padding: 10px 0 0 0; font-size: 14px; }
  #pg-banner .ui-h .items .en { padding: 0 0 10px 0; font-size: 12px; }
  #pg-footer .ui-c { display: none; }
  #pg-footer .ui-f .infos { line-height: 20px; }
  #fp-nav { right: 0; }
  #fp-nav ul { width: 36px; }
  #fp-nav ul li { width: 36px; margin: 3px 0; }
  #fp-nav ul li a { width: 24px; }
  #fp-nav ul li a.active { width: 36px; }
  #pg-fixed-j { display: none; }
  .plc-page table tr td a, .plc-page table tr td .unlink { padding: 0 12px; font-size: 12px; }
  .ui-h0 .cn { font-size: 24px; font-weight: normal; }
  .ui-h0 .en { font-size: 12px; text-transform: uppercase; }
  .ui-h1 .cn { width: 100%; font-size: 24px; text-align: center; font-weight: normal; }
  .ui-h1 .en { font-size: 12px; text-transform: uppercase; }
  .ui-h1 .list { text-align: center; }
  .ui-h1 .list ul { float: none; margin: 0 auto; }
  .ui-h1 .list ul li a { padding: 5px 10px 4px; font-size: 13px; }
  .section2 { background: url("img/section2.jpg") no-repeat left center; background-size: cover; }
  .section2 .fp-tableCell { background: none; }
  .section3 { background: #000 url("img/section3.jpg") no-repeat 0 0; background-size: cover; }
  .pt-3 .ui-c .slideshow .slideshow-left{width:100%;}
  .section3 .control{display:none}
  .section6 { background-color: #fff; }
  .section6 .ly-ct { margin: 0; }
  .pt-2 { height: auto; padding: 80px 0; }
  .pt-2 .ui-c .video { width: 100%; padding: 0; border: 0 none; }
  .pt-2 .ui-c .video a { width: 100%; height: auto; }
  .pt-2 .ui-c .about { width: 100%; float: left; margin: 15px 0 0 0; padding: 0; }
  .pt-2 .ui-c .about .info h2 { padding: 0; }
  .pt-2 .ui-c .about .info h3 { display: none; }
  .pt-2 .ui-c .about .info a.detail { display: none; }
  .pt-2 .ui-f { display: none; }
  .pt-3-3 .ui-c .lists { width: 100%; padding: 0; }
  .pt-3-3 .ui-c .lists ul li { width: 50%; }
  .pt-3-3 .ui-c .lists ul li .items { padding: 0; }
  .pt-3-3 .ui-c .lists ul li .items .pics a { width: 100%; height: auto; padding: 0; }
  .pt-3-3 .ui-c .lists ul li .items .pics a .inf { margin: -50px 0 0 0; font-size: 14px; }
  .pt-3-3 .ui-c .lists ul li .items .pics a .jiah { margin: -10px 0 0 0; }
  .pt-3-3 .ui-c .lists ul li .items .pics a .inf2 { margin: 0 0 -40px 0; font-size: 12px; }
  .pt-3-3 .ui-f .sofa { left: 0; bottom: 30px; width: 100%; height: auto; text-align: center; }
  .pt-3-3 .ui-f .sofa img { width: 50%; max-width: 50%; }
  .pt-4 { padding: 50px 0 0; }
  .pt-4 .ui-h { width: 100%; padding: 0; background: none; }
  .pt-4 .ui-h .cn { display: block; text-align: center; font-size: 26px; font-weight: normal; }
  .pt-4 .ui-h .en { display: none; }
  .pt-4 .ui-h .list { margin: 0 auto; padding: 0; }
  .pt-4 .ui-h .list ul { text-align: center; }
  .pt-4 .ui-h .list ul li { display: inline-block; width: auto; margin: 0 5px; padding: 0; border-bottom: 0 none; }
  .pt-4 .ui-h .list ul li a { color: #fff; display: block; padding: 3px 8px; font-size: 12px; background-color: #b91c22; @incude br(4,4,4,4); overflow: hidden; }
  .pt-4 .ui-h .list ul li a:hover { color: #fff; text-decoration: none; background-color: #a80b11; }
  .pt-4 .ui-c { display: inline-block; width: 100%; margin: 0; }
  .pt-4 .ui-c ul li.lifir { display: none; }
  .pt-4 .ui-c ul li.lifir .items a:hover { text-decoration: none; }
  .pt-4 .ui-c ul li.lifir .items a:hover * { text-decoration: none; }
  .pt-4 .ui-c ul li.lifir .items a:hover .pics img { transform: scale(1.2); filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
  .pt-4 .ui-c ul li.lifir .items a:hover .title { color: #000; }
  .pt-4 .ui-c ul li.lifir .items a:hover .summary { color: #666; }
  .pt-4 .ui-c ul li.lioth { width: 100%; padding: 8px 0; }
  .pt-4 .ui-c ul li.lioth .items .num { width: 50px; }
  .pt-4 .ui-c ul li.lioth .items .info { margin: 0 0 0 60px; }
  .pt-4 .ui-c ul li.lioth .items .info .tit a { font-size: 14px; }
  .pt-4 .ui-c ul li.lioth .items .info .con { font-size: 12px; }
  .pt-5 { padding: 50px 0 0; }
  .pt-5 .ui-h .cn { font-size: 18px; }
  .pt-5 .ui-h .en { font-size: 10px; }
  .pt-5 .ui-h .said { display: none; font-size: 12px; }
  .pt-5 .ui-h .list ul li a { padding: 3px 8px; font-size: 12px; }
  .pt-5 .ui-c { width: 100%; margin: 0; }
  .pt-5 .ui-c .blockquote .lis ul li { width: 50%; margin: 0 0 5px 0; }
  .pt-5 .ui-c .blockquote .lis ul li .items { padding: 2px; }
  .pt-5 .ui-c .blockquote .lis ul li .items a { background: none; }
  .pt-5 .ui-c .blockquote .lis ul li .items a .pic { margin: 0 0 3px 0; }
  .pt-5 .ui-c .blockquote .lis ul li .items a .info { position: relative; height: auto; font-size: 12px; line-height: 20px; background: none; }
  .pt-5 .ui-c .blockquote .lis ul li.li7, .pt-5 .ui-c .blockquote .lis ul li.li8, .pt-5 .ui-c .blockquote .lis ul li.li9 { display: none; }
  .pt-6 { width: 100%; padding: 55px 0 0; }
  .pt-6 .ui-c .lists ul li { width: 94%; height: 100%; padding: 3%; overflow: hidden; }
  .pt-6 .ui-c .lists ul li .items { margin-bottom: 0; }
  .pt-6 .ui-c .lists ul li .items .item img.pic-scale { height: 60%; }
  .pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-font1 { font-size: 24px; }
  .pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-font2 { line-height: 16px; font-size: 14px; }
  .pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-line { margin: 12px auto; }
  .pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-said { font-size: 12px; line-height: 14px; }
  .pt-6 .ui-c .lists ul li .items .item .case-inner .case-inner-center .case-middle .case-more { color: #fff; display: block; font-size: 12px; text-align: center; }
  .pt-7 { padding: 20px 0; }
  .pt-7 .ui-h { display: none; }
  .pt-7 .ui-c .tit { padding: 20px 0 0 0; }
  .pt-7 .ui-c .inf { padding: 0 0 12px 0; }
  .pt-7 .ui-c .message form .sin { width: 100%; }
  .pt-7 .ui-c .message form .sin .text { height: 32px; line-height: 32px; font-size: 12px; }
  .pt-7 .ui-c .message form .sin .checkcode { padding: 4px; }
  .pt-7 .ui-c .message form .sin .checkcode img { height: 22px; }
  .pt-7 .ui-c .message form .sin .submit { display: block; height: 38px; float: none; margin: 0 auto; }
  .pt-7 .ui-c .message form .tis, .pt-7 .ui-c .message form .tis2 { width: 100%; }
  .pt-7 .ui-c .message form .cos { width: 100%; }
  .pt-7 .ui-c .message form .cos .textarea { height: 50px; font-size: 12px; }
  .pt-foot { padding: 10px 0; }
  .pt-top { margin: 0; padding: 30px 0 0; background-color: #f4f4f4; }
  .pt-top .classname { font-size: 18px; }
  .pt-top .line { padding: 5px 0 10px 0; }
  .pt-top .list ul li { margin: 4px 0; }
  .pt-top .list ul li a.oncname { height: 32px; line-height: 32px; padding: 0 10px; font-size: 12px; }
  .pt-tag .lists strong { height: 22px; line-height: 22px; }
  .pt-tag .lists ul { float: none; }
  .pt-tag .lists ul li a { height: 20px; line-height: 20px; font-size: 12px; }
  .pt-show .shownor * { font-size: 14px !important; line-height: 22px !important; }
  .pt-show .shownor img { max-width: 100%; }
  .pt-show .shownor .con { padding: 0; }
  .pt-show .list2 ul li { width: 50%; }
  .pt-show .list2 ul li .items { padding: 4px; }
  .pt-show .list2 ul li .items a .pic { margin: 0; }
  .pt-show .list2 ul li .items a .inf { text-align: center; }
  .pt-show .list4 ul li { width: 100%; }
  .pt-show .list4 ul li .item { padding: 4px; }
  .pt-show .list4 ul li .item a span.pic { margin: 0; }
  .pt-show .list4 ul li .item a span.inf { font-size: 14px; text-align: center; }
  .pt-show .list5 ul li { width: 100%; }
  .pt-show .list5 ul li .item { padding: 4px; }
  .pt-show .list5 ul li .item a .pics { margin: 0; }
  .pt-show .list5 ul li .item a .infs .tit { font-size: 14px; }
  .pt-show .list5 ul li .item a .infs .sms { font-size: 12px; }
  .pt-show .productsshow .gd-1 .aside { width: 100%; }
  .pt-show .productsshow .gd-1 .aside .items { width: 96%; padding: 2%; }
  .pt-show .productsshow .gd-1 .aside .items .item { width: 100%; height: 100%; }
  .pt-show .productsshow .gd-1 .aside .items .item img { width: 100%; }
  .pt-show .productsshow .gd-1 .articles { margin: 0; }
  .pt-show .productsshow .gd-4 .lists ul li { width: 50%; }
  .pt-show .productsshow .gd-4 .lists ul li .item a .infs { font-size: 12px; }
  .pt-show .showdowns .con .pics { width: 100%; padding: 0; }
  .pt-show .showdowns .con .infs { width: 100%; padding: 0; }
  .pt-show .showdowns .con .infs .infw { width: 100%; }
  .pt-show .message form .sin { margin: 0 0 5px 0; }
  .pt-show .message form .sin .lab { width: 60px; font-size: 12px; }
  .pt-show .message form .sin .cons { width: 70%; } }
@media only screen and (min-width: 640px) and (max-width: 1023px) { #pg-header, #pg-banners, #pg-banner, #pg-content, #pg-footer { min-width: 640px; }
  .ly-ct { margin: 0 20px; }
  #pg-header .ui-c .others .nav ul li { width: auto; padding: 0 6px; }
  #pg-header .ui-c .others .nav ul li a { font-size: 13px; }
  #pg-banner .ui-h { height: 300px; }
  #pg-banner .ui-h .items { width: 260px; margin: 90px auto 0; }
  #pg-banner .ui-h .items .cn { padding: 14px 0 0; font-size: 24px; }
  #pg-banner .ui-h .items .en { padding: 0 0 14px 0; font-size: 14px; }
  #pg-footer .ui-c .wxlogo { display: none; }
  .pt-show .list2 ul li { width: 33.2%; }
  .pt-show .list4 ul li { width: 33.2%; }
  .pt-show .productsshow .gd-1 .aside { width: 100%; }
  .pt-show .productsshow .gd-1 .aside .items { width: 96%; padding: 2%; }
  .pt-show .productsshow .gd-1 .aside .items .item { width: 100%; height: 100%; }
  .pt-show .productsshow .gd-1 .aside .items .item img { width: 100%; }
  .pt-show .productsshow .gd-1 .articles { margin: 0; }
  .pt-show .productsshow .gd-4 .lists ul li { width: 33%; }
  .pt-show .productsshow .gd-4 .lists ul li .item a .infs { font-size: 12px; }
  .web_sty .pt-2 { height: auto; padding: 50px 0; }
  .web_sty .pt-2 .ui-c { height: auto; }
  .web_sty .pt-2 .ui-c .video { width: 44%; padding: 0; border: 0 none; }
  .web_sty .pt-2 .ui-c .video a { display: block; width: 100%; height: auto; float: none; padding: 5px; }
  .web_sty .pt-2 .ui-c .about { width: 52%; float: right; padding: 0 0 0 0; }
  .web_sty .pt-2 .ui-c .about .info h2 { display: none; }
  .web_sty .pt-2 .ui-c .about .info h3 { display: none; }
  .web_sty .pt-4 { padding: 50px 0 0; }
  .web_sty .pt-4 .ui-h { width: 100%; padding: 0; background: none; }
  .web_sty .pt-4 .ui-h .cn { display: block; text-align: center; font-size: 26px; font-weight: normal; }
  .web_sty .pt-4 .ui-h .en { display: none; }
  .web_sty .pt-4 .ui-h .list { margin: 0 auto; padding: 0; }
  .web_sty .pt-4 .ui-h .list ul { text-align: center; }
  .web_sty .pt-4 .ui-h .list ul li { display: inline-block; width: auto; margin: 0 5px; padding: 0; border-bottom: 0 none; }
  .web_sty .pt-4 .ui-h .list ul li a { color: #fff; display: block; padding: 3px 8px; font-size: 12px; background-color: #b91c22; @incude br(4,4,4,4); overflow: hidden; }
  .web_sty .pt-4 .ui-h .list ul li a:hover { color: #fff; text-decoration: none; background-color: #a80b11; }
  .web_sty .pt-4 .ui-c { display: inline-block; width: 100%; margin: 0; }
  .web_sty .pt-4 .ui-c ul li.lifir { display: none; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover { text-decoration: none; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover * { text-decoration: none; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover .pics img { transform: scale(1.2); filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover .title { color: #000; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover .summary { color: #666; }
  .web_sty .pt-4 .ui-c ul li.lioth { width: 100%; padding: 8px 0; }
  .web_sty .pt-4 .ui-c ul li.lioth .items .num { width: 50px; }
  .web_sty .pt-4 .ui-c ul li.lioth .items .info { margin: 0 0 0 60px; }
  .web_sty .pt-4 .ui-c ul li.lioth .items .info .tit a { font-size: 14px; }
  .web_sty .pt-4 .ui-c ul li.lioth .items .info .con { font-size: 12px; }
  .web_sty .pt-5 .ui-c .blockquote .lis ul li { width: 33%; }
  .web_sty .pt-5 .ui-c .blockquote .lis ul li.li7, .web_sty .pt-5 .ui-c .blockquote .lis ul li.li8, .web_sty .pt-5 .ui-c .blockquote .lis ul li.li9 { display: none; }
  .web_sty .pt-6 .ui-c ul li { width: 48%; }
  .web_sty .pt-6 .ui-c ul li .items .item .case-inner .case-inner-center .case-middle .case-font1 { font-size: 30px; }
  .web_sty .pt-6 .ui-c ul li .items .item .case-inner .case-inner-center .case-middle .case-font2 { font-size: 20px; }
  .web_sty .pt-6 .ui-c ul li .items .item .case-inner .case-inner-center .case-middle .case-said { line-height: 18px; }
  .web_sty .pt-7 .ui-c ul li { width: 33.2%; }
  .web_sty .pt-7 .ui-c ul li.li7, .web_sty .pt-7 .ui-c ul li.li8 { display: none; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { #pg-header, #pg-banners, #pg-banner, #pg-content, #pg-footer { min-width: 1024px; }
  .ly-ct { margin: 0 20px; }
  #pg-header .ui-c .others .nav ul li { width: auto; padding: 0 6px; }
  #pg-header .ui-c .others .nav ul li a { font-size: 13px; }
  #pg-banner .ui-h { height: 300px; }
  #pg-banner .ui-h .items { width: 260px; margin: 90px auto 0; }
  #pg-banner .ui-h .items .cn { padding: 14px 0 0; font-size: 24px; }
  #pg-banner .ui-h .items .en { padding: 0 0 14px 0; font-size: 14px; }
  #pg-footer .ui-c .wxlogo { display: none; }
  .pt-show .list2 ul li { width: 33.2%; }
  .pt-show .list4 ul li { width: 33.2%; }
  .pt-show .productsshow .gd-1 .aside { width: 100%; }
  .pt-show .productsshow .gd-1 .aside .items { width: 96%; padding: 2%; }
  .pt-show .productsshow .gd-1 .aside .items .item { width: 100%; height: 100%; }
  .pt-show .productsshow .gd-1 .aside .items .item img { width: 100%; }
  .pt-show .productsshow .gd-1 .articles { margin: 0; }
  .pt-show .productsshow .gd-4 .lists ul li { width: 33%; }
  .pt-show .productsshow .gd-4 .lists ul li .item a .infs { font-size: 12px; }
  .web_sty .pt-2 { height: auto; padding: 50px 0; }
  .web_sty .pt-2 .ui-c { height: auto; }
  .web_sty .pt-2 .ui-c .video { width: 44%; padding: 0; border: 0 none; }
  .web_sty .pt-2 .ui-c .video a { display: block; width: 100%; height: auto; float: none; padding: 5px; }
  .web_sty .pt-2 .ui-c .about { width: 52%; float: right; padding: 0 0 0 0; }
  .web_sty .pt-2 .ui-c .about .info h2 { display: none; }
  .web_sty .pt-2 .ui-c .about .info h3 { display: none; }
  .web_sty .pt-4 { padding: 50px 0 0; }
  .web_sty .pt-4 .ui-h { width: 100%; padding: 0; background: none; }
  .web_sty .pt-4 .ui-h .cn { display: block; text-align: center; font-size: 26px; font-weight: normal; }
  .web_sty .pt-4 .ui-h .en { display: none; }
  .web_sty .pt-4 .ui-h .list { margin: 0 auto; padding: 0; }
  .web_sty .pt-4 .ui-h .list ul { text-align: center; }
  .web_sty .pt-4 .ui-h .list ul li { display: inline-block; width: auto; margin: 0 5px; padding: 0; border-bottom: 0 none; }
  .web_sty .pt-4 .ui-h .list ul li a { color: #fff; display: block; padding: 3px 8px; font-size: 12px; background-color: #b91c22; @incude br(4,4,4,4); overflow: hidden; }
  .web_sty .pt-4 .ui-h .list ul li a:hover { color: #fff; text-decoration: none; background-color: #a80b11; }
  .web_sty .pt-4 .ui-c { display: inline-block; width: 100%; margin: 0; }
  .web_sty .pt-4 .ui-c ul li.lifir { display: none; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover { text-decoration: none; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover * { text-decoration: none; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover .pics img { transform: scale(1.2); filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover .title { color: #000; }
  .web_sty .pt-4 .ui-c ul li.lifir .items a:hover .summary { color: #666; }
  .web_sty .pt-4 .ui-c ul li.lioth { width: 100%; padding: 8px 0; }
  .web_sty .pt-4 .ui-c ul li.lioth .items .num { width: 50px; }
  .web_sty .pt-4 .ui-c ul li.lioth .items .info { margin: 0 0 0 60px; }
  .web_sty .pt-4 .ui-c ul li.lioth .items .info .tit a { font-size: 14px; }
  .web_sty .pt-4 .ui-c ul li.lioth .items .info .con { font-size: 12px; }
  .web_sty .pt-5 .ui-c .blockquote .lis ul li { width: 33%; }
  .web_sty .pt-5 .ui-c .blockquote .lis ul li.li7, .web_sty .pt-5 .ui-c .blockquote .lis ul li.li8, .web_sty .pt-5 .ui-c .blockquote .lis ul li.li9 { display: none; }
  .web_sty .pt-6 .ui-c ul li { width: 48%; }
  .web_sty .pt-6 .ui-c ul li .items .item .case-inner .case-inner-center .case-middle .case-font1 { font-size: 30px; }
  .web_sty .pt-6 .ui-c ul li .items .item .case-inner .case-inner-center .case-middle .case-font2 { font-size: 20px; }
  .web_sty .pt-6 .ui-c ul li .items .item .case-inner .case-inner-center .case-middle .case-said { line-height: 18px; }
  .web_sty .pt-7 .ui-c ul li { width: 33.2%; }
  .web_sty .pt-7 .ui-c ul li.li7, .web_sty .pt-7 .ui-c ul li.li8 { display: none; } }
@media only screen and (min-width: 1280px) and (max-width: 1439px) { .ly-ct { width: 1200px; } }
@media only screen and (min-width: 1440px) and (max-width: 1679px) { .ly-ct { width: 1360px; } }
@media only screen and (min-width: 1680px) and (max-width: 1879px) { .ly-ct { width: 1600px; } }
@media only screen and (min-width: 1880px) { .ly-ct { width: 1700px; } }

/*# sourceMappingURL=style.css.map */
/*分页样式*/
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{display: inline-block;color: #000;padding: 0 12px;margin: 0 5px;line-height: 32px;background: #FFF;}
.pglist a:hover,.pglist span{background: #000;color:#FFF;}
.pglist a.page-num-current{background: #000;color:#FFF;}




.clear {
    clear: both;
}
.table {
    display: table; height:100%;
}
.pr{ position:relative;}

.miaodian{ position:absolute; z-index:222; bottom:173px;}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.llbox_1{ position:relative ;   }
.llbox{ padding:50px 0 0 0 ;}
.llbox .titles{ margin-bottom:50px;}
.llbox .wrap{position:relative;}
.llbox .llbox_1{ margin-bottom:50px;}
.llbox .llbox_left{  float:left; width:40%; position:relative; z-index:222}
.llbox .llbox_1_r .llbox_left{ float:right}
.llbox .llbox_left .llbox_left_img{ background-size:100% auto; height:100%; }
.llbox .llbox_left .llbox_left_img img{ width:100%; display:block;  }
.llbox .llbox_r{ float:right; ; width:60%; position:absolute; right:0; top:0; height:100%;background: #efefef;}
.llbox .llbox_1_r .llbox_r{ left:0; right:auto;}
.llbox .llbox_r .llbox_r_in{ padding: 0px  25px 0px 25px;}
.llbox .llbox_r .llbox_r_in p{ line-height:2; font-size:16px; color:#666666; margin-bottom:5px; }
.llbox .llbox_r .llbox_r_in font{ display:block; margin-bottom:20px;}
.llbox .llbox_r .llbox_r_in font img.d1{display:block}
.llbox .llbox_r .llbox_r_in font img.d2{display:none;}
.llbox .llbox_r .llbox_r_in span{ font-size:22px; font-weight:900; margin-bottom:20px; display:block; color:#333333}

.llbox .llbox_1_r .llbox_r .llbox_r_in{ padding:0 25px 0 25px;}
 

.llbox_left_pjlist ul {  }
.llbox_left_pjlist ul li{ line-height:124px; color:#fff; font-size:22px; text-align:center; float:left; width:33.33%; cursor:pointer;}
.llbox_left_pjlist ul li p{ border-bottom:#fff 1px solid;border-right:#fff 1px solid;}
.llbox_left_pjlist ul li:hover p span{ display:block;transform:rotateY(360deg);};
.llbox_left_pjlist ul li.li1 p{ border-right:none;}
.llbox_left_pjlist ul li.li2 p{ border-bottom:none;}



@media only screen and (min-width: 0px) and (max-width: 768px) {
    
    .llbox .llbox_left{ width:100%; }
.llbox .llbox_r{ width:auto; position:static;}
.llbox .llbox_r .llbox_r_in span{ font-size:18px;   margin-top:15px;}
.llbox .llbox_r .llbox_r_in p{ font-size:14px; }
.llbox .llbox_r .llbox_r_in font{ float:left;}
.llbox .llbox_r .llbox_r_in font img{ height:35px !important}
.llbox .llbox_1_r .llbox_r .llbox_r_in,.llbox .llbox_r .llbox_r_in{padding: 15px;}
.llbox .llbox_1{ margin-bottom:10px;}
.llbox{ padding-top:10px;}
.llbox .llbox_r .llbox_r_in p{ margin-bottom:0;}
.llbox .llbox_left .llbox_left_img video{ height:40vh !important;}
.llbox .llbox_r{width:auto;float:none}
    
}