@charset "UTF-8";
@media all {
a, a:hover, .font-color-a a, .font-color-a a:hover, .font-color, .font-color-hover:hover, .font-color-a a, .font-color-a a:hover, .font-color-a-hover a:hover, .font-color-before:before, .font-color-hover-before:hover:before, .font-color-after:after, .font-color-hover-after:hover:after { color:#0f78f2 }
.border-color, .btn-primary, .btn-primary:hover, .border-color-a a, .border-color-a a:hover, .border-color-hover:hover, .border-color-before:before, .border-color-hover-before:hover:before, .border-color-after:after, .border-color-hover-after:hover:after { border-color:#ff6700 }
.bg-color, .btn-primary, .btn-primary:hover, .bg-color-a a, .bg-color-a a:hover, .bg-color-hover:hover, .bg-color-before:before, .bg-color-hover-before:hover:before, .bg-color-after:after, .bg-color-hover-after:hover:after { background-color:#0f78f2 }
.bg-color-h a { color:#ff6700 }
.bg-color-h a:hover { background-color:#ff6700; color:#fff }
.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active, .owl-pagination-active-bg-color .owl-pagination .owl-page.active span { background-color:#ff6700!important }
.btn-bg:hover, .tem-btn-1, .tem-btn-2, .tem-btn-3, .tem-btn-4, .tem-btn-5, .tem-btn-6, .tem-btn-7, .tem-btn-8, .tem-btn-9 { color:#ff6700 }
.btn-bg, .btn-primary, .btn-primary:hover, .tem-btn-1, .tem-btn-2, .tem-btn-3, .tem-btn-4, .tem-btn-5, .tem-btn-6, .tem-btn-7, .tem-btn-8, .tem-btn-9, .tem01-page .pagination>.active>a, .tem01-page .pagination>.active>span, .tem01-page .pagination>.active>a:hover, .tem01-page .pagination>.active>span:hover, .tem01-page .pagination>.active>a:focus, .tem01-page .pagination>.active>span:focus { border-color:#ff6700 }
.btn-bg, .btn-primary, .btn-primary:hover, .btn-bg:hover, .tem-btn-3:before, .tem-btn-4:before, .tem-btn-5:before, .tem-btn-6:before, .tem-btn-7:before, .tem-btn-7:after, .tem-btn-8:before, .tem-btn-8:after, .tem-btn-9:before, .tem-btn-9:after, .tem01-page .pagination>.active>a, .tem01-page .pagination>.active>span, .tem01-page .pagination>.active>a:hover, .tem01-page .pagination>.active>span:hover, .tem01-page .pagination>.active>a:focus, .tem01-page .pagination>.active>span:focus { background-color:#ff6700 }
.tem-btn-1, .tem-btn-2 { background:-webkit-linear-gradient(left, #ff6700, #ff6700) no-repeat; background:linear-gradient(to right, #ff6700, #ff6700) no-repeat }
.owl-dot-AH-bg-color .owl-dot.active span, .owl-dot-AH-bg-color .owl-dot:hover span, .bg-color-active-span .active span { background-color:#ff6700!important }
:root { --main-color:#ff6700;
--rgb-color:255, 103, 0;
}
.tem01-copyright { background-color:rgba(0, 0, 0, 0.9); padding:10px 0; }
.tem01-copyright .copyright { color:#999; font-size:12px; line-height:30px; }
.tem01-copyright .share-to { text-align:right; }
.tem01-copyright .share-to a { margin:0 2px; display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border-radius:50%; border-style:solid; border-width:1px; font-size:16px; }
.tem21-about .box { width:50%; padding:60px 0; display:inline-block }
.tem21-about .text { color:#212121 }
.tem21-about .text .title { font-size:40px; color:#212121 }
.tem21-about .text .description { padding:30px 0 40px; font-size:18px; color:#424242 }
.tem21-about .border, .tem21-about .border .add-module { clear:both }
.tem21-about .border [func-id="1"] { border:1px solid #424242; border-radius:5px; margin:0 40px 40px 0; text-align:center; padding:30px 10px; color:#424242; width:40%; float:left }
.tem21-about .SmallFun .title { font-size:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.tem21-about .SmallFun .short { font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.tem04-bread { background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100% }
.tem04-bread img { width:100% }
.tem04-bread-ms-box { position:absolute; left:50%; width:100%; bottom:15px }
.tem04-bread-ms { min-height:300px; max-height:500px; margin-bottom:15px }
.tem04-bread-ms .bread-box { margin-bottom:20px; margin-top:20% }
.tem04-bread-ms .bread-box .tem01-location { text-align:right }
.tem04-bread-ms .bread-box .tem01-location, .tem04-bread-ms .bread-box .tem01-location a, .tem04-bread-ms .bread-box .tem01-location a:focus, .tem04-bread-ms .bread-box .tem01-location a:hover, .tem04-bread-ms .bread-box .tem01-location span { color:#f8f8f8!important }
.tem03-menu-tab .list-menu { float:right; max-width:30%; font-size:20px; color:#333; display:none }
.tem03-menu-tab .list-menu1 { float:none!important; max-width:100%!important; width:100%!important; text-align:left!important }
.tem03-menu-tab .list-menu:hover { opacity:.7 }
.tem03-menu-tab { width:100%; padding:10px 0; margin:10px 0 30px }
.tem03-menu-tab .title-box { width:100%; overflow:hidden; padding:15px 0; margin:0 0 20px }
.tem03-menu-tab h3 { margin:0; font-size:22px; color:#444; max-width:100% }
.tem03-menu-tab .menu-group { position:relative; margin:0 auto; text-align:center }
.tem03-menu-tab .menu-group .menu-default { display:inline-block; border:none; box-shadow:none; margin-right:5px }
.tem03-menu-tab .menu-group .menu_first { border:none; border-radius:0; position:relative; z-index:4; cursor:pointer; background:0 0 }
.tem03-menu-tab .menu-group .menu_first .caret { position:absolute; top:50%; right:10px; margin-top:-2px }
.tem03-menu-tab .menu-group .menu_first .menu-title { color:#999; font-size:14px; position:relative; transition:all .3s ease-out 0s;
padding:10px 30px 10px 0 }
.tem03-menu-tab .menu-group .menu_first.bg-color .menu-title { color:#666 }
.tem03-menu-tab .menu-group .menu_first.bg-color .menu-title::before {
width:30px
}
.tem03-menu-tab .menu-group .menu_first .menu-title::before {
content:"";
position:absolute;
bottom:0;
left:0;
background-color:#b2b2b2;
height:1px;
transition:all .6s cubic-bezier(0.215, .61, .355, 1) 0s;
width:0
}
.tem03-menu-tab .menu-group .menu_first .menu-title::after {
content:"/";
position:absolute;
right:-10px;
color:#c8c8c8;
font-size:12px;
top:10px
}
.tem03-menu-tab .menu-group .menu-default .menu-title:hover { color:#666 }
.tem03-menu-tab .menu-group .menu-default .menu-title:hover::before {
width:30px
}
.tem03-menu-tab .menu-group .menu_first span.icon { color:#8e8e8e; display:none }
.tem03-menu-tab .menu-default>.menu_first+.menu-collapse>.menu-body { border-top:none }
.tem03-menu-tab .menu-group .menu-default .menu_second { position:absolute; z-index:5; display:none }
.tem03-menu-tab .menu-body { padding:0; box-shadow:0 5px 10px rgba(0, 0, 0, .1); margin-top:5px }
.tem03-menu-tab .menu-body li { background:#fff }
.tem03-menu-tab .menu-body li a { padding:12px 15px; display:block; transition:all .3s ease-in 0s;
font-size:13px; color:#aaa; position:relative }
.tem03-menu-tab .menu-body li a::before {
content:"";
position:absolute;
bottom:8px;
left:15px;
background-color:#b2b2b2;
height:1px;
transition:all .6s cubic-bezier(0.215, .61, .355, 1) 0s;
width:0
}
.tem03-menu-tab .menu-body li a:hover { color:#333 }
.tem03-menu-tab .menu-body li a:hover::before {
width:30px
}
.tem03-menu-tab .menu-default { border-radius:0 }
.tem01-bread { background-color:#f8f8f8; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; position:relative; margin-bottom:0; margin-top:100px;}
.tem01-bread img { width:100% }
.tem01-bread-ms-box { position:absolute; bottom:10px; left:50% }
.tem01-bread-ms { min-height:300px; margin-bottom:15px }
.tem01-bread-ms .bread-box { margin-bottom:20px; margin-top:230px }
.tem01-bread-ms .bread-box .category-name { color:#f8f8f8 }
.tem01-bread-ms .bread-box .category-name h1 { color:#f8f8f8!important; margin:0; font-size:30px; font-weight:300; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.tem01-bread-ms .bread-box .tem01-location, .tem01-bread-ms .bread-box .tem01-location a, .tem01-bread-ms .bread-box .tem01-location a:focus, .tem01-bread-ms .bread-box .tem01-location a:hover, .tem01-bread-ms .bread-box .tem01-location span { color:#f8f8f8!important }
.tem01-bread-ms .tem01-location[module-style=color] { color:#fff }
.tem01-bread-ms .tem01-location[module-style=color] a, .tem01-bread-ms .tem01-location[module-style=color] a:focus, .tem01-bread-ms .tem01-location[module-style=color] a:hover, .tem01-bread-ms .tem01-location[module-style=color] span { color:inherit }
.tem29-service .content-section { padding:0 }
.tem29-service .box { margin-bottom:80px }
.tem29-service ul { counter-reset:li; position:relative; color:#FFF }
.tem29-service ul li { position:relative }
.tem29-service ul li::before {
content:counter(li, decimal-leading-zero);
counter-increment:li;
font-size:90px;
right:0;
opacity:0;
z-index:3;
position:absolute;
font-weight:700;
font-family:arial;
bottom:-105px;
transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s
}
.tem29-service ul li:hover::before {
opacity:.3
}
.tem29-service ul .service-li { position:relative; width:100%; z-index:2; transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
padding-bottom:44px; padding-top:20px }
.tem29-service ul .service-li::before {
content:"";
position:absolute;
top:0;
left:0;
transition:all .3s ease-out 0s;
z-index:-1;
width:100%;
height:100%
}
.tem29-service ul .service-li:hover::before {
top:0;
background:#2F2F2F
}
.tem29-service ul .service-li:hover { transform:translateY(44px) }
.tem29-service ul .service-li a { color:#fff }
.tem29-service ul .service-li .icon { color:#fff; width:100%; text-align:center; font-size:50px; margin:10px 0 }
.tem29-service ul .service-li .title { opacity:.93; font-size:16px; line-height:40px; height:40px; padding:0 10px; overflow:hidden; text-align:center }
.tem29-service ul .service-li .description { text-align:center; opacity:.6; height:20px; overflow:hidden }
.tem54-service .col-sm-6:nth-of-type(4) {
clear:both
}
.tem54-service .tem09-list-title { padding-top:40px }
.tem54-service.full-screen-spacing .tem09-list-title { padding-left:3% }
.tem54-service .tem09-list-title .title { font-size:40px }
.tem54-service .tem09-list-title .subtitle { font-size:13px; color:#999; line-height:20px }
.tem54-service .item { width:100%; border-color:rgba(255, 255, 255, .12) }
.tem54-service .item a { position:relative; width:100%; height:100%; display:block; border:1px solid; border-color:inherit; color:#fff; z-index:1; padding:50px 40px; border-left:none }
.tem54-service .col-xs-6:nth-of-type(2) .item a {
border-left:1px solid;
border-bottom:none;
border-color:inherit
}
.tem54-service .col-xs-6:nth-of-type(3) .item a {
border-bottom:none
}
.tem54-service .col-xs-6:nth-of-type(5) .item a {
border-left:1px solid;
border-color:inherit
}
.tem54-service .item a::after {
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
z-index:-1;
opacity:0;
transition:all .36s ease 0s;
border-radius:4px
}
.tem54-service .col-xs-6:nth-of-type(2) .item a {
z-index:5
}
.tem54-service .col-xs-6:nth-of-type(3) .item a {
z-index:6
}
.tem54-service .col-xs-6:nth-of-type(5) .item a, .tem54-service .col-xs-6:nth-of-type(6) .item a {
z-index:4
}
.tem54-service .col-xs-6:nth-of-type(7) .item a {
z-index:5
}
.tem54-service .item a:hover::after {
width:calc(100% + 20px);
height:calc(100% + 20px);
left:-10px;
top:-10px;
opacity:1
}
.tem54-service .item a .icon { width:40px; height:40px; line-height:40px; border:1px solid; border-radius:50%; text-align:center; position:absolute; border-color:inherit; opacity:.8; font-size:16px }
.tem54-service .item a .title { padding-left:50px; height:40px; line-height:40px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.tem54-service .item a .description { color:inherit; opacity:.62; margin-top:15px; padding-top:10px; position:relative; line-height:22px; white-space:nowrap; overflow:hidden }
.tem54-service .item a .description::before {
width:42px;
content:"";
position:absolute;
left:0;
top:0;
height:1px;
border-top:1px solid;
border-color:inherit;
opacity:.4;
transition:all .7s ease 0s
}
.tem54-service .item a:hover .description::before {
width:100%
}
.tem36-service { width:100%; height:auto; background-color:#333 }
.tem36-service .swiper-container { width:100%; height:auto; color:#eee }
.tem36-service .swiper-slide { text-align:center; font-size:18px; border:1px solid rgba(255, 255, 255, .2); padding:50px 0 }
.tem36-service .swiper-slide a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2 }
.tem36-service .swiper-slide .icon { font-size:40px; opacity:.98; transition:.5s
}
.tem36-service .swiper-slide .goods { width:100%; position:relative; transition:.5s
}
.tem36-service .swiper-slide .goods .goods_txt { padding:20px; padding-bottom:0 }
.tem36-service .swiper-slide .goods .goods_txt .title { font-size:16px; font-weight:400; height:44px; margin:15px 0; line-height:22px; overflow:hidden; text-transform:uppercase; opacity:.95; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
.tem36-service .swiper-slide .goods .goods_txt .description { font-size:14px; margin:10px 0; overflow:hidden; height:50px; line-height:25px; opacity:.8; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
.tem36-service .swiper-slide:hover { background-color:rgba(0, 0, 0, .5); box-shadow:0 0 3px rgba(0, 0, 0, .5); transition:.5s;
-webkit-transform:scale(0.96); -moz-transform:scale(0.96); transform:scale(0.96); color:#fff }
.tem36-service .swiper-slide:hover .goods { -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); transform:translateY(-20px) }
.tem36-service .swiper-pagination-bullet { opacity:.5 }
.tem36-service .swiper-pagination-bullet-active { background-color:#fff; opacity:.8 }
.maindetail .tem10-list-title, .mainlist .tem10-list-title { text-align:left; padding:15px 0 }
.maindetail .tem10-list-title .title-header, .mainlist .tem10-list-title .title-header { float:left }
.maindetail .tem10-list-title .title, .mainlist .tem10-list-title .title { position:relative; transition:all .6s ease-in-out 0s;
padding-left:40px }
.maindetail .tem10-list-title .title::before, .mainlist .tem10-list-title .title::before {
content:"";
width:30px;
height:1px;
border-left:30px solid;
border-color:inherit;
position:absolute;
top:50%;
left:0;
transition:all .6s ease-in-out 0s;
opacity:1
}
.maindetail .tem10-list-title .subtitle, .mainlist .tem10-list-title .subtitle { color:#aaa; line-height:30px }
.maindetail .tem10-list-title .more, .mainlist .tem10-list-title .more { float:right }
.maindetail .tem10-list-title .more a, .mainlist .tem10-list-title .more a { margin-left:5px; padding:18px 15px 0; font-size:13px; display:block; color:#aaa }
.maindetail .tem10-list-title .more:hover a, .mainlist .tem10-list-title .more:hover a { color:#333 }
.maindetail .tem11-list-title, .mainlist .tem11-list-title { text-align:center; width:100%; overflow:hidden; margin:15px 0; border-bottom:1px solid #eee }
.maindetail .tem11-list-title .title-header, .mainlist .tem11-list-title .title-header { width:100%; position:relative }
.maindetail .tem11-list-title .subtitle, .mainlist .tem11-list-title .subtitle { width:100%; text-align:center; margin:10px 0; display:inline-block; position:relative; color:#999 }
.maindetail .tem11-list-title .subtitle::before, .mainlist .tem11-list-title .subtitle::before {
position:absolute;
content:"";
width:50px;
height:2px;
background-color:#333;
left:50%;
bottom:-10px;
margin-left:-25px
}
.tem40-banner { width:100% }
.tem40-banner .con { width:100%; height:100vh; border-color:#fff; color:#fff; position:relative }
.tem40-banner .tem40_banner_con { width:100%; height:100vh; position:relative; overflow:hidden; border-color:inherit }
.tem40-banner .swiper-slide { text-align:center; font-size:18px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center }
.tem40-banner .swiper-slide .img_con { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:50% 50% }
.tem40-banner .swiper-slide .img_con a { display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:10 }
.tem40-banner .swiper-slide .img_con .text { position:absolute; bottom:50%; left:50%; transform:translateX(-50%); font-size:20px; letter-spacing:.1em; width:80%; margin-bottom:130px }
.tem40-banner .swiper-slide .img_con .text .subtitle, .tem40-banner .swiper-slide .img_con .text .title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.tem40-banner .txt_editor { position:absolute; top:50%; left:50%; z-index:8; text-align:center; transform:translate(-50%, -50%); white-space:nowrap; pointer-events:none }
.designer-body .tem40-banner .txt_editor { pointer-events:auto }
.tem40-banner .txt_editor .title { margin:0; font-size:80px; line-height:1; margin-bottom:.3em; letter-spacing:.1em; font-weight:700 }
.tem40-banner .txt_editor .subtitle { margin:0; font-size:30px; line-height:1; letter-spacing:.1em; font-weight:700 }
.tem40-banner .con .left, .tem40-banner .con .right { width:20%; height:100%; z-index:10; position:absolute; top:0; opacity:.5 }
.tem40-banner .con .left { left:0; cursor:url(/templates/public4/assets/images/banner_40_left.png) 33 29, auto }
.tem40-banner .con .right { right:0; cursor:url(/templates/public4/assets/images/banner_40_right.png) 33 29, auto }
.tem40-banner .con .swiper_btn { position:absolute; bottom:60px; left:50%; z-index:12; font-size:18px; width:36px; height:36px; line-height:34px; text-align:center; margin-left:-20px; border:1px solid; border-radius:50%; cursor:pointer; opacity:.5; transition:opacity .3s ease-in-out
}
.tem40-banner .con .swiper_btn:hover { opacity:1 }
.tem08-service-box { border:1px solid #ebebeb; background:#fff; position:relative; margin-bottom:60px; transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
padding:30px 10px }
.tem08-service-box:hover { box-shadow:6px 8px 24px 0 rgba(32, 47, 57, .2); transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px) }
.tem08-service-icon { position:absolute; left:3%; top:-35px; width:70px; height:70px; border-radius:50%; text-align:center; color:#fff; font-size:36px; line-height:70px }
.tem08-service-desc { padding:0 4% 0 18%; width:100% }
.tem08-service-desc h5 { height:30px; overflow:hidden; line-height:30px }
.tem08-service-desc h5 a { font-size:18px; color:#333; transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s
}
.tem08-service-desc p { font-size:14px; opacity:.5; line-height:22px; height:105px; overflow:hidden }
.tem16-service img { width:100% }
.tem16-service .service-li a { color:#333 }
.tem16-service .service-li .icon { font-size:36px; width:80px; height:80px; border-radius:50%; border:1px solid; line-height:80px; text-align:center; margin:0 auto; transition:all 250ms ease-in 0s }
.tem16-service .title { font-size:14px; margin:10px 0 40px; text-align:center; overflow:hidden; line-height:25px; max-height:25px; font-weight:500; transition:all 250ms ease-in 0s }
.tem16-service .service-li .icon:hover { color:#fff; box-shadow:0 0 0 8px rgba(230, 61, 61, .3) }
.tem16-service .service-btn { width:100%; text-align:center }
.tem16-service .border-color-hover { font-size:14px; border:1px solid #ccc; padding:15px 80px; color:#666; margin:20px 0; display:inline-block }
.tem16-service .border-color-hover:hover { color:#fff }
.tem07-service-box { max-width:99%; padding:12% 10%; margin-left:0; margin-right:0; position:relative; text-align:center; margin-bottom:15px }
.tem07-service-box::before {
left:0;
top:0
}
.tem07-service-box::after {
right:0;
bottom:0
}
.tem07-service-box::after, .tem07-service-box::before {
border:1px solid #ddd;
border-color:inherit;
content:"";
width:calc(100% - 2px);
height:calc(100% - 2px);
transition:all .33s ease 0s;
-moz-transition:all .33s ease 0s;
-ms-transition:all .33s ease 0s;
-o-transition:all .33s ease 0s;
-webkit-transition:all .33s ease 0s;
pointer-events:none;
position:absolute
}
.tem07-service-box.hover::after, .tem07-service-box.hover::before, .tem07-service-box:hover::after, .tem07-service-box:hover::before {
width:100%;
height:100%
}
.tem07-service-top { position:relative; transition:all .33s ease 0s
}
.tem07-service-box:hover .tem07-service-top { transform:translateY(-9px) }
.tem07-service-icon { font-size:40px; text-align:center }
.tem07-service-title { width:100%; display:block; margin:0 auto }
.tem07-service-title h5 { font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.tem07-service-title h5 a { color:#333 }
.tem07-service-box .divider { max-width:100%; width:50px; text-align:center; height:2px; margin:13px auto; transition:all .33s ease 0s;
-moz-transition:all .33s ease 0s;
-webkit-transition:all .33s ease 0s;
-o-transition:all .33s ease 0s;
-ms-transition:all .33s ease 0s
}
.tem07-service-box:hover .divider { width:80% }
.tem07-service-desc { font-size:14px; opacity:.7; text-align:center; line-height:26px; max-height:52px; font-weight:400; transition:all .33s ease 0s;
-moz-transition:all .33s ease 0s;
-webkit-transition:all .33s ease 0s;
-o-transition:all .33s ease 0s;
-ms-transition:all .33s ease 0s;
overflow:hidden }
.tem07-service-box:hover .tem07-service-desc { transform:translateY(9px) }
.tem42-banner { width:100% }
.tem42-banner.content-middle { text-align:center }
.tem42-banner.content-left { text-align:left }
.tem42-banner.content-right { text-align:right }
.tem42-banner .tem42-banner-con { width:100%; height:100vh; position:relative; overflow:hidden; color:#fff }
.tem42-banner .swiper-slide { font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; position:relative }
.tem42-banner .swiper-slide:after { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .3) }
.tem42-banner .swiper-slide img { width:100%; height:100%; object-fit:cover }
.tem42-banner .text { position:absolute; top:50%; left:10%; width:80%; transform:translateY(-50%); z-index:4 }
.tem42-banner .text .title { font-weight:900; font-size:60px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative }
.tem42-banner .text .description { padding-top:70px; font-size:20px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; position:relative; text-overflow:ellipsis }
.tem42-banner .text .description:after { content:""; position:absolute; top:35px; left:50%; border-radius:50%; border:2px solid }
.tem42-banner .bor_a { position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:1 }
.tem42-banner .text .description, .tem42-banner .text .title { transition:1.5s cubic-bezier(.165, .84, .44, 1) }
.tem42-banner .swiper-slide.swiper-slide-active.pr .text .title { transform:translateY(0px); opacity:1; transition-delay:.6s
}
.tem42-banner .swiper-slide.swiper-slide-active.pr .text .description { transform:translateY(0px); opacity:1; transition-delay:.8s
}
.tem42-banner .swiper-slide.swiper-slide-active.ne .text .title { transform:translateY(0px); opacity:1; transition-delay:1s }
.tem42-banner .swiper-slide.swiper-slide-active.ne .text .description { transform:translateY(0px); opacity:1; transition-delay:.8s
}
.tem42-banner .swiper-slide.swiper-slide-next .text .title { transform:translateY(100px); transition-delay:.4s;
opacity:0 }
.tem42-banner .swiper-slide.swiper-slide-next .text .description { transform:translateY(100px); transition-delay:.2s;
opacity:0 }
.tem42-banner .swiper-slide.swiper-slide-prev .text .title { transform:translateY(-100px); transition-delay:0s; opacity:0 }
.tem42-banner .swiper-slide.swiper-slide-prev .text .description { transform:translateY(-100px); transition-delay:.2s;
opacity:0 }
.tem42-banner .swiper-pagination_box { width:70vh; height:2px; position:absolute; transform:rotate(90deg); transform-origin:left bottom; top:15vh; left:20px; z-index:2; border-color:#fff }
.tem42-banner .swiper-container-horizontal .swiper-pagination-progress { width:100%; height:100%; transition:0s; background:0 0; border-color:inherit; top:0; left:0 }
.tem42-banner .swiper-container-horizontal .swiper-pagination-progress:after { content:""; display:block; width:100%; height:0; border-top:2px solid; opacity:.25; border-color:inherit }
.tem42-banner .swiper-pagination-progress .swiper-pagination-progressbar { z-index:4; background:0 0; height:0; border-top:2px solid; border-color:inherit }
.tem42-banner .swiper-pagination_box .btn-grid { position:absolute; top:-14px; display:block; left:100%; width:30px; height:30px; border:15px solid; border-radius:50%; border-color:inherit; color:inherit }
.tem42-banner .swiper-pagination_box .btn-grid .white { position:absolute; top:50%; left:50%; margin-top:-6.2px; margin-left:-6px }
.tem42-banner .swiper-pagination_box .btn-grid .svg_fill { fill:#000 }
.tem42-banner .swiper_btn { position:absolute; bottom:60px; left:50%; z-index:12; font-size:18px; width:36px; height:36px; line-height:34px; text-align:center; margin-left:-18px; border:1px solid; border-radius:50%; cursor:pointer; opacity:.5; transition:opacity .3s ease-in-out
}
.tem42-banner .swiper_btn:hover { opacity:1 }
#zwzy { height:0px; }
.clear:after { content:'\20'; display:block; height:0; clear:both; visibility:hidden; }
.yb_conct { position:fixed; z-index:9999999; top:200px; right:-127px; cursor:pointer; transition:all .3s ease;
}
.yb_bar ul li { width:180px; height:53px; font:16px/53px 'Microsoft YaHei'; color:#fff; text-indent:54px; margin-bottom:3px; border-radius:3px; transition:all .5s ease;
overflow:hidden; }
.yb_bar .yb_top { background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0; }
.yb_bar .yb_phone { background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { text-indent:0; background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px; }
.hd_qr { padding:0 29px 25px 29px; }
.yb_QQ a { display:block; text-indent:54px; width:100%; height:100%; color:#fff!important; }
.yb_QQ a:hover { display:block; text-indent:54px; width:100%; height:100%; color:#fff!important; }
.tem54-service .item a .description { white-space: normal!important; }
.livechat-girl a:hover { color:#fff; }
}
.copyright { width:100%; }
.copyright p { display:inline-block; }
.footerright { display: inline-block; width: 40%; float: right; text-align: right; }
.cndns-right { position:fixed; right:1px; top:30%; z-index:99; margin-top:-100px; border:1px solid #e0e0e0; background:#f1f1f1; opacity:.9; filter:alpha(opacity=9) }
.cndns-right i { font-style:normal!important }
.cndns-right-meau { position:relative }
.cndns-right-btn { position:relative; display:block; width:75px; height:80px; border-top:1px solid #e0e0e0; text-align:center; text-decoration:none }
.cndns-right-btn:hover { background:#fff }
.cndns-right-btn span { color:#ff6700; font-size:28px!important; line-height:52px }
.cndns-right-btn sup { position:absolute; top:-12px; left:-12px; display:block; height:24px; min-width:24px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#ff6700; color:#fff; text-align:center; line-height:24px }
.cndns-right-btn p { margin:0; padding-top:0; padding-bottom:10px; color:#333; text-decoration:none; font-size:12px; line-height:18px }
.cndns-right-meau:hover .cndns-right-btn p { display:block; text-decoration:none }
.meau-car .cndns-right-btn { margin-bottom:20px; border-color:#ff6700; text-decoration:none }
.meau-car .cndns-right-meau:hover .cndns-right-btn { background-color:#ff6700; text-decoration:none }
.meau-car .cndns-right-meau:hover .cndns-right-btn span { display:block; color:#fff; text-decoration:none }
.meau-code .sev-t img { margin:0; padding:0; width:134px; height:134px }
.meau-car .cndns-right-btn span { color:#ff6700 }
.meau-top .cndns-right-btn span { padding-top:10px; font-size:24px!important; line-height:38px }
.meau-top .cndns-right-btn i { display:block; color:#333; font-size:12px }
.cndns-right-box { position:absolute; top:-15px; right:62px; display:none; padding-right:25px }
.cndns-right-box .box-border { position:relative; overflow:hidden; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; padding:20px; border:1px solid #f1f1f1; border-top:4px solid #425cbb; background-color:#fff; -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .15); -moz-box-shadow:0 3px 8px rgba(0, 0, 0, .15); box-shadow:0 3px 8px rgba(0, 0, 0, .15) }
.cndns-right-box .box-border .sev-t span { float:left; display:block; margin-right:20px; color:#d3d3d3; font-size:42px; line-height:56px }
.cndns-right-box .box-border .sev-t p { float:left; margin:0; padding:0; color:#ff6700; font-size:22px; line-height:28px }
.cndns-right-box .box-border .sev-t p i { display:block; color:#888; font-style:normal!important; font-size:14px }
.cndns-right-box .box-border .sev-b { margin-top:15px; padding-top:15px; border-top:1px solid #e4e4e4 }
.cndns-right-box .box-border .sev-b h4 { padding-bottom:15px; color:#666; font-weight:400; font-size:14px }
.cndns-right-box .box-border .sev-b ul { margin:0; padding:0; list-style:none }
.cndns-right-box .box-border .sev-b li { float:left; width:50% }
.cndns-right-box .box-border .sev-b li a { display:inline-block; padding-left:43px; background:url(../images/zxqq.png) no-repeat left 3px; color:#888; font-size:14px; line-height:36px }
.cndns-right-box .box-border .sev-b li a:hover { color:#ff6700; }
.meau-sev .cndns-right-box .box-border { width:300px }
.meau-contact .cndns-right-box .box-border { width:230px }
.cndns-right-meau:hover .cndns-right-box { display:block }
.meau-code .cndns-right-box { top:inherit; bottom:-35px }
.meau-code .cndns-right-box .box-border { width:156px; text-align:center }
.meau-code .cndns-right-box .box-border i { display:block; color:#666; font-size:14px; line-height:22px }
.meau-code .cndns-right-box .box-border .arrow-right { top:inherit; bottom:50px }
.meau-zs .cndns-right-btn { margin-top:80px; border-color:#ff6700; background-color:#ff6700; color:#fff }
.meau-zs .cndns-right-btn span { color:#fff }
.meau-zs .cndns-right-btn p { color:#fff }
.sev-t { overflow:hidden }
.xgcase { width:18%; display: inline-block; }
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
 .footer-fix {
display:none;
}
 .tem64-news .img_con .img_box .text .pro_price .month {
font-size: 16px;
}
 .tem09-positioning-language {
height: 60vh!important;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 991px) {
.tem21-about .border [func-id="1"] {
margin:0 20px 20px 0
}
.tem21-about .text .title {
font-size:30px
}
.tem21-about .text .description {
font-size:16px;
line-height:25px;
padding:20px 0 30px
}
.tem40-banner .con .left, .tem40-banner .con .right {
z-index:-1
}
.tem40-banner .con .swiper_btn {
opacity:1
}
}
.tem54-service .col-sm-6:nth-of-type(n) {
clear:none
}
.tem54-service .col-sm-6:nth-of-type(3) {
clear:none
}
.tem54-service .col-sm-6:nth-of-type(4) .item a, .tem54-service .col-sm-6:nth-of-type(6) .item a {
border-left:none
}
.tem54-service .item a { border-left:1px solid; border-color:inherit }
@media (max-width: 767px) {
.tem01-copyright .copyright, .tem01-copyright .share-to {
text-align:center;
line-height:20px;
}
.tem21-about .box {
padding:4% 0
}
.tem21-about .text .title {
font-size:24px
}
.tem21-about .text .description {
font-size:15px;
padding:3% 0 4%
}
.tem21-about .border [func-id="1"] {
margin:0 3% 3% 0;
padding:10px;
border-radius:3px;
width:45%
}
.tem21-about .border [func-id="1"]:nth-of-type(2n) {
margin-right:0
}
.tem21-about .SmallFun .title {
font-size:22px
}
.tem21-about .SmallFun .short {
font-size:14px
}
.tem03-menu-tab {
margin-bottom:0
}
.tem03-menu-tab h3 {
max-width:70%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
float:left;
display:inline-block
}
.tem03-menu-tab .menu-group {
display:none
}
.tem03-menu-tab .list-menu {
display:block;
text-align:right;
width:100%;
float:none
}
.tem03-menu-tab .menu-group .menu-default {
width:100%;
text-align:left
}
.tem03-menu-tab .menu-group .menu-default .menu_second {
position:static
}
.tem03-menu-tab .menu-group .menu_first .menu-title {
padding:10px 10px 15px 0;
display:inline-block
}
.tem03-menu-tab .menu-group .menu_first .menu-title::before {
width:20px;
bottom:8px
}
.tem03-menu-tab .menu-group .menu_first .menu-title::after {
opacity:0
}
.tem03-menu-tab .menu-group .menu_first {
padding:0
}
.tem03-menu-tab .menu-body {
box-shadow:0 0 6px rgba(0, 0, 0, .1)
}
.tem03-menu-tab .menu-group .menu_first span.icon {
display:inline-block
}
.tem03-menu-tab .title-box {
margin:0
}
.tem03-menu-tab .list-menu1 span {
width:40px;
height:40px;
line-height:40px;
text-align:center;
background:#666;
border-radius:50%;
color:#fff;
display:inline-block;
margin-bottom:5px
}
.tem01-bread-ms {
min-height:auto;
max-height:none
}
.tem01-bread-ms .bread-box {
margin-bottom:10px;
margin-top:20%
}
.tem01-bread .tem01-bread-ms-box {
bottom:0
}
.tem01-bread .tem01-bread-ms {
margin-bottom:0
}
.tem01-bread-ms .bread-box .tem01-location {
text-align:left
}
.tem01-bread .bread-box .col-md-5 {
display:none
}
.tem29-service ul .service-li .title {
line-height:40px!important
}
.tem54-service {
padding:20px 0!important
}
.tem54-service .tem09-list-title .title {
font-size:30px
}
.tem54-service .item a .title {
line-height:40px!important
}
.maindetail .tem11-list-title .subtitle, .mainlist .tem11-list-title .subtitle {
margin:0 0 10px
}
.tem08-service .col-xs-12 {
width:100%;
padding:0
}
.tem08-service .text-center {
padding:0 15px
}
.tem08-service-icon {
width:50px;
height:50px;
line-height:50px;
top:-25px;
font-size:26px
}
.tem08-service-icon span {
font-size:26px;
line-height:50px
}
.tem08-service-box {
margin:20px 0;
padding:20px 10px 10px
}
.tem08-service-desc h5 {
line-height:22px;
height:auto
}
.tem08-service-desc h5 a {
font-size:16px
}
.tem08-service-desc {
padding:10px;
text-align:center
}
.tem08-service-desc p {
height:auto
}
.tem08-service .mt5b {
margin-top:8%
}
.tem16-service .service-li a {
color:#333
}
.tem16-service .service-li .icon {
font-size:36px;
width:80px;
height:80px;
border-radius:50%;
border:1px solid;
line-height:80px;
text-align:center;
margin:0 auto;
transition:all 250ms ease-in 0s
}
.tem16-service .title {
font-size:14px;
margin:10px 0 40px;
text-align:center;
overflow:hidden;
line-height:25px;
max-height:25px;
font-weight:500;
transition:all 250ms ease-in 0s
}
.tem16-service .service-li .icon:hover {
color:#fff;
box-shadow:0 0 0 8px rgba(230, 61, 61, .3)
}
.tem16-service .service-btn {
width:100%;
text-align:center
}
.tem16-service .border-color-hover {
font-size:14px;
border:1px solid #ccc;
padding:15px 80px;
color:#666;
margin:20px 0;
display:inline-block
}
.tem16-service .border-color-hover:hover {
color:#fff
}
.tem07-service-box {
max-width:100%
}
.tem07-service-box h2 {
font-size:26px
}
.tem07-service-icon {
font-size:30px
}
 #zwzy {
height:50px;
}
 .yb_conct {
display:none;
}
 .livechat-girl.animated {
 display:none;
 top: 50%;
 right: 20px;
}
 .footerright {
display: none;
width: 40%;
float: right;
text-align: right;
}
 .xgcase {
width:49%;
display: inline-block;
}
.tem42-banner .tem42-banner-con {
height:auto
}
.tem42-banner .swiper-pagination_box {
display:none
}
.tem42-banner .text {
width:70%;
left:15%;
top:50%
}
.tem42-banner .text .title {
font-size:20px
}
.tem42-banner .text .description {
font-size:16px;
padding-top:40px;
max-height:100px;
line-height:20px
}
.tem42-banner .text .description:after {
top:20px
}
.tem42-banner .swiper_btn {
bottom:20px;
width:30px;
height:30px;
margin-left:-15px;
line-height:28px;
opacity:1
}
}
@media (max-width:480px) {
.tem21-about .container {
background:rgba(255, 255, 255, .3)
}
.tem21-about .box {
width:100%
}
.tem01-bread-ms .col-xs-6 {
width:100%
}
.tem01-bread-ms .bread-box h1 {
font-size:24px
}
.tem54-service .tem09-list-title .title {
font-size:24px
}
.tem54-service .item a {
padding:30px 20px
}
.tem54-service .col-lg-6, .tem54-service .col-xs-6 {
width:100%;
padding:0
}
.tem54-service .tem09-list-title {
padding:0 0 30px
}
.tem54-service .col-xs-6:nth-of-type(2) .item a {
z-index:7
}
.tem54-service .col-xs-6:nth-of-type(3) .item a {
z-index:6
}
.tem54-service .col-xs-6:nth-of-type(5) .item a {
z-index:5
}
.tem54-service .col-xs-6:nth-of-type(6) .item a {
z-index:4
}
.tem54-service .col-xs-6:nth-of-type(7) .item a {
z-index:3
}
.tem54-service .item a .description {
white-space:normal
}
.tem54-service .col-xs-6:nth-of-type(n) .item a {
border:1px solid!important;
border-color:inherit!important;
border-bottom:none!important
}
.tem54-service .col-xs-6:nth-of-type(7) .item a {
border-bottom:1px solid!important;
border-color:inherit!important
}
.tem54-service.full-screen-spacing .tem09-list-title {
padding-left:3%;
padding-bottom:20px
}
.tem29-service ul .service-li .icon {
font-size:30px;
margin:0
}
.tem29-service ul .service-li .title {
font-size:14px
}
.tem29-service ul .service-li {
padding:10px 0 30px
}
.tem29-service ul li::before {
bottom:-60px;
font-size:45px
}
.tem29-service ul li:hover .service-li {
transform:translateY(30px)
}
}
@media (max-width:360px) {
.tem21-about .text .title {
font-size:20px
}
.tem21-about .text .description {
font-size:14px
}
.tem21-about .SmallFun .title {
font-size:18px
}
.tem21-about .SmallFun .short {
font-size:12px
}
.tem01-bread-ms .bread-box h1 {
font-size:20px
}
.tem02-bread {
background-color:#f8f8f8;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:100% 100%
}
.tem02-bread img {
width:100%
}
.tem02-bread-ms {
margin-bottom:60px;
min-height:300px;
max-height:500px;
position:relative
}
.tem02-bread-ms .bread-box {
width:100%;
color:#333;
position:absolute;
bottom:-40px
}
.tem02-bread-ms .bread-box h1 {
margin:0;
padding:8px 0;
font-size:20px;
font-weight:200;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.tem02-bread-ms .bread-box .tem01-location, .tem02-bread-ms .bread-box .tem01-location a, .tem02-bread-ms .bread-box .tem01-location a:focus, .tem02-bread-ms .bread-box .tem01-location a:hover, .tem02-bread-ms .bread-box .tem01-location span {
color:#333
}
.tem02-bread-ms .tem02-bread-ms-box {
position:absolute;
height:50px;
line-height:50px;
bottom:0;
left:50%;
width:100%
}
.tem02-bread-ms .tem02-bread-ms-box .tem01-location {
margin:0;
line-height:50px;
max-height:50px;
height:50px
}
.tem02-bread-ms .bread-box .tem02-bread-ms-box h1 {
margin:0;
height:50px;
line-height:50px;
padding:0
}
.tem02-bread-ms .tem01-location[module-style=color] {
color:#fff
}
.tem02-bread-ms .tem01-location[module-style=color] a, .tem02-bread-ms .tem01-location[module-style=color] a:focus, .tem02-bread-ms .tem01-location[module-style=color] a:hover, .tem02-bread-ms .tem01-location[module-style=color] span {
color:inherit
}
.tem54-service .tem09-list-title .title {
font-size:18px
}
.tem29-service ul li {
width:100%
}
}
 @media(orientation:portrait) {
.tem40-banner .txt_editor .title {
font-size:40px
}
.tem40-banner .txt_editor .subtitle {
font-size:18px
}
.tem40-banner .swiper-slide .img_con .text {
font-size:16px;
width:100%
}
}
.tem64-header { position: fixed; width: 100%; top:0; left: 0; z-index: 99; color: #fff; }
.tem64-header.show-full .container { padding:0; }
.tem64-header .container { border-color:inherit; }
.tem64-header .tem64-header_meng { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.2); z-index: -1; display: none; }
.tem64-header .tem64_bg { background-color: rgba(0, 0, 0, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; z-index: -1; transition: 0.3s; }
.tem64-header .tem64_con { position: relative; border-bottom: 1px solid; border-color: rgba(155, 155, 155, 0.2); }
.tem64-header .logo { height: 70px; width: 300px; padding: 10px 0; padding-left: 30px; float: left; transition: 0.3s; }
.tem64-header .logo img { height: 100%; max-width: 100%; }
.tem64-header .switch { width: 70px; height: 70px; overflow: hidden; float: right; border-left: 1px solid; border-color: inherit; position: relative; cursor: pointer; z-index: 11; transition: 0.3s; }
.tem64-header .switch .close_switch { font-size: 26px; font-weight: 900; line-height: 70px; text-align: center; position: absolute; left: 100%; transition: 0.2s; }
.tem64-header .switch .toggle { position: absolute; top: 0; right: 24px; bottom: 0; margin: auto; width: 46px; height: 12px; overflow: hidden; transition: 0.2s; }
.tem64-header .switch .toggle .icon-wrap { display: block; height: 2px; position: absolute; right: 0; width: 30px; border-bottom: 2px solid; }
.tem64-header .switch .toggle .icon-wrap:nth-child(1) {
top: 0;
right: -6px;
}
.tem64-header .switch .toggle .icon-wrap:nth-child(2) {
top: 50%;
margin-top: -1px;
right: -10px;
}
.tem64-header .switch .toggle .icon-wrap:nth-child(3) {
bottom: 0;;
right: -6px;
}
.tem64-header .switch:hover .toggle .icon-wrap:nth-child(1) {
top: 0;
right: -6px;
 -webkit-animation: tem64_header_switch .8s linear infinite;
-moz-animation: tem64_header_switch .8s linear infinite;
animation: tem64_header_switch .8s linear infinite;
}
.tem64-header .switch:hover .toggle .icon-wrap:nth-child(2) {
top: 50%;
margin-top: -1px;
right: -10px;
 -webkit-animation: tem64_header_switch 1.2s ease-in infinite;
-moz-animation: tem64_header_switch 1.2s ease-in infinite;
animation: tem64_header_switch 1.2s ease-in infinite;
}
.tem64-header .switch:hover .toggle .icon-wrap:nth-child(3) {
bottom: 0;;
right: -6px;
 -webkit-animation: tem64_header_switch .6s ease-out infinite;
-moz-animation: tem64_header_switch .6s ease-out infinite;
animation: tem64_header_switch .6s ease-out infinite;
}
@-webkit-keyframes tem64_header_switch { 0% {
-webkit-transform: translateX(0px);
}
50% {
-webkit-transform: translateX(4px);
}
0% {
-webkit-transform: translateX(0px);
}
}
@-moz-keyframes tem64_header_switch { 0% {
-moz-transform: translateX(0px);
}
50% {
-moz-transform: translateX(4px);
}
0% {
-moz-transform: translateX(0px);
}
}
@keyframes tem64_header_switch { 0% {
transform: translateX(0px);
}
50% {
transform: translateX(4px);
}
0% {
transform: translateX(0px);
}
}
.tem64-header .All_content { margin-left: 300px; margin-right: 80px; padding: 5px 0; height: 70px; line-height: 60px; transition: 0.3s; }
.tem64-header .categoryBar .tem64_categoryBar { background-color:rgba(0, 0, 0, 0.9); position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; display: none; display: none; }
.tem64-header .categoryBar { width: 500px; position: relative; float: right; }
.tem64-header .categoryBar.padd { padding: 0 20px; }
.tem64-header .categoryBar.padd .swiper-button-next, .tem64-header .categoryBar.padd .swiper-button-prev { display: block; }
.tem64-header .categoryBar .swiper-wrapper { height: auto; }
.tem64-header .categoryBar .swiper-slide { width: auto; }
.tem64-header .categoryBar .categoryBar_hide { width: 100%; height: 60px; position: relative; }
.tem64-header .categoryBar .swiper-container { position: absolute; width: 100%; top: 0; left: 0; height: 100%; overflow: initial; }
.tem64-header .categoryBar.padd .swiper-container { overflow: hidden; }
.tem64-header .categoryBar .txt { position: relative; transition: 0.2s; height: 60px; padding: 0 10px; }
.tem64-header .categoryBar .txt a { color:inherit; }
.tem64-header .categoryBar .txt .description { transition: 0.5s; line-height:inherit!important; }
.tem64-header .categoryBar ._ul { position: absolute; left: 0; top: 100%; min-width: 160px; font-size: 12px; -webkit-animation: tem64_header_dong 0.3s; -moz-animation: tem64_header_dong 0.3s; animation: tem64_header_dong 0.3s; display: none; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); color: #fff; }
.tem64-header .categoryBar ._ul ._ul { top: 0; left: 100%; }
.tem64-header .categoryBar .swiper-slide.txt:last-child ._ul ._ul { right:100%; left: auto; }
.tem64-header .categoryBar.padd .swiper-slide.txt:last-child { margin-right: 90px; }
.tem64-header .categoryBar ._ul .txt { height: auto; line-height: 20px; padding: 10px; }
.tem64-header .categoryBar .txt.next { padding-right: 30px; }
.tem64-header .categoryBar .txt .icon_span { position: absolute; right: 10px; top: 50%; margin-top: -7px; }
@-webkit-keyframes tem64_header_dong { 0% {
-webkit-transform: translateY(30px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes tem64_header_dong { 0% {
-moz-transform: translateY(30px);
opacity: 0;
}
100% {
-moz-transform: translateY(0);
opacity: 1;
}
}
@keyframes tem64_header_dong { 0% {
transform: translateY(30px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.tem64-header .swiper-button-next, .tem64-header .swiper-button-prev { background: none; font-size: 20px; width: 20px; height: 100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; display: block; font-weight: 400; margin: 0; pointer-events: auto; top: 0px; left: 0; display: none; z-index: 5; background-color: rgba(0, 0, 0, 0.04); }
.tem64-header .swiper-button-next>span, .tem64-header .swiper-button-prev>span { line-height: inherit; width: 100%; height: 100%; text-align: center; display: block; }
.tem64-header .swiper-button-next { right: 0; left: auto; }
.tem64-header .swiper-button-prev { }
.tem64-header .tem64_con .switch.active .toggle { right: 150%; }
.tem64-header .tem64_con .switch.active .close_switch { left: 20px; }
.tem64-header .icon { float: right; font-size: 12px; position: relative; z-index: 9; margin-left: 10px; }
.tem64-header .icon a { color: inherit; }
.tem64-header .icon .icons { float: right; margin-left: 10px; cursor: pointer; position: relative; }
.tem64-header .icon .language { display:none; width:160px; position:absolute; right:2px; top:100%; text-align:left; padding:5px 0; z-index:8; box-shadow:0 0 5px rgba(0, 0, 0, 0.4); line-height:100%; -webkit-animation: tem64_header_dong 0.3s; -moz-animation: tem64_header_dong 0.3s; animation: tem64_header_dong 0.3s; }
.tem64-header .icon .language li a { width:100%; height:100%; display:block; padding:6px 14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.tem64-header .icon .language li a img { width:20px; height:20px; margin-right:6px }
.tem64-header .icon .search2_form { position:absolute; right:0; top:100%; border-style:solid; border-width:2px; z-index:10; display:none; width:250px; color:#666; height:40px; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); line-height: initial; -webkit-animation: tem64_header_dong 0.3s; -moz-animation: tem64_header_dong 0.3s; animation: tem64_header_dong 0.3s; }
.tem64-header .icon .search2_form input { padding:6px 10px; border:0; outline:0; width:calc(100% - 80px); float:left; height:100% }
.tem64-header .icon .search2_form>button { font-size:16px; background:rgba(0, 0, 0, 0.1); border:0; color:#fff; float:left; height:100%; width:40px; display:block }
.tem64-header .icon .search2_form .searchbox { font-size:16px; color:#fff; line-height:34px; height:100%; text-align:center; float:left; width:40px; display:block }
.tem64-header .icon .shopping_cart { padding-right: 8px; }
.tem64-header .icon .shopping_cart i { position:absolute; display:block; right:-4px; top:12px; width:14px; height:14px; border-radius:50%; text-align:center; font-size:12px; color:#fff; font-style:normal; line-height:14px }
.tem64-header .icon .person { background-color:#fff; position:absolute; right:0; top:100%; border:1px solid rgba(0, 0, 0, .15); z-index:8; display:none; line-height: initial; line-height: 30px; -webkit-animation: tem64_header_dong 0.3s; -moz-animation: tem64_header_dong 0.3s; animation: tem64_header_dong 0.3s; }
.tem64-header .icon .person li a { width:100%; height:100%; display:block; padding:4px 14px; color:#666 }
@media (min-width: 992px) {
.tem64-header.show-middle .logo {
padding-left:0;
}
.tem64-header .icon .language li a:hover {
background-color:rgba(0, 0, 0, 0.08);
color:#000;
font-weight:900
}
.tem64-header .icon .person li:hover {
background-color:rgba(0, 0, 0, 0.1)
}
.tem64-header .categoryBar ._ul .txt:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.tem64-header .swiper-button-next>span:hover, .tem64-header .swiper-button-prev>span:hover {
color: #fff;
}
.tem64-header .categoryBar .swiper-wrapper>.txt {
visibility: hidden;
opacity: 0;
transform: translateY(-30px);
transition: opacity .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s;
}
.tem64-header .categoryBar .swiper-wrapper>.txt.animations {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.tem64-header .All_content .categoryBar.padd .swiper-button-next, .tem64-header .All_content .categoryBar.padd .swiper-button-prev {
visibility: hidden;
transform: translateY(-30px);
transition: opacity .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s;
}
.tem64-header .All_content.active .categoryBar.padd .swiper-button-next, .tem64-header .All_content.active .categoryBar.padd .swiper-button-prev {
visibility: visible;
transform: translateY(0px);
}
.tem64-header .All_content .icon {
opacity: 0;
transform: translateY(-30px);
transition: opacity .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s;
}
.tem64-header .All_content.active .icon {
opacity: 1;
transform: translateY(0px);
}
.tem64-header .tem64_con.tem64-header_donghua {
}
.tem64-header .tem64_con.tem64-header_donghua .logo {
height: 60px;
padding: 5px 0 5px 30px;
}
.tem64-header.show-middle .tem64_con.tem64-header_donghua .logo {
padding-left:0;
}
.tem64-header .tem64_con.tem64-header_donghua .switch {
height: 60px;
line-height: 60px;
}
.tem64-header .tem64_con.tem64-header_donghua .switch .close_switch {
line-height: 60px;
}
.tem64-header .tem64_con.tem64-header_donghua .All_content {
padding: 0;
height: 60px;
}
.tem64-header .tem64_con.tem64-header_donghua .tem64_bg {
opacity: 1;
}
}
@media (max-width: 992px) {
.tem64-header .container {
padding:0;
}
.tem64-header .logo {
height: 50px;
padding: 6px 0 6px 10px;
width: auto;
}
.tem64-header .icon {
margin: 0;
margin-right: 10px;
}
.tem64-header .icon .shopping_cart, .tem64-header .icon .loginBar {
display: none;
}
.tem64-header .icon .search2_form {
width: 210px;
}
.tem64-header .switch {
height: 50px;
width: 50px;
}
.tem64-header .switch .toggle {
right: 12px;
}
.tem64-header .tem64_con .switch.active .close_switch {
left: 12px;
}
.tem64-header .categoryBar .txt.next {
padding-right: 35px;
}
.tem64-header .categoryBar .txt .icon_span {
right: 15px;
font-size: 14px;
}
.tem64-header .switch .close_switch {
line-height: 50px;
}
.tem64-header .All_content {
margin: 0;
float:right;
line-height: 50px;
padding: 0;
height: 50px;
}
.tem64-header .All_content .categoryBar {
position: absolute;
left: -100px;
top: 100%;
width: 100%;
transition:0.3s;
opacity: 0;
visibility: hidden;
font-size: 12px;
}
.tem64-header .All_content.active .categoryBar {
left: 0;
opacity: 1;
visibility: visible;
}
.tem64-header .categoryBar .tem64_categoryBar {
display: block;
}
.tem64-header .tem64_bg {
opacity: 1;
}
.tem64-header .categoryBar .categoryBar_hide {
height: 50px;
}
.tem64-header .categoryBar .txt {
height: 50px;
}
}
.tem34-list-title .text { width: 200%; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-end; text-align: center; }
.tem34-list-title .text .title { width: 50%; z-index: 2; transform: translateX(-100%) translateY(-10px); -moz-transform: translateX(-100%) translateY(-10px); -webkit-transform: translateX(-100%) translateY(-10px); }
.tem34-list-title .text .subtitle { width: 50%; color: #f7f7f7; }
.tem34-list-title .description { line-height: 170%; text-align: center; color:#666; }
@media (max-width: 768px) {
.tem34-list-title .container, .tem34-list-title.full-screen-spacing .container.full-screen {
padding-left: 3%!important;
padding-right: 3%!important;
}
.tem34-list-title .text .subtitle, .tem34-list-title .text .subtitle p, .tem34-list-title .text .subtitle span {
font-size: 3rem!important;
}
.tem34-list-title .text .subtitle {
line-height: 150%!important;
}
.tem34-list-title .text .title, .tem34-list-title .text .title p, .tem34-list-title .text .title span {
font-size: 16px!important;
}
.tem34-list-title .text .title {
padding: 0;
}
._tem34-title {
margin-bottom: 15px;
}
}
@media (max-width: 480px) {
.tem34-list-title .text {
width: 100%;
}
.tem34-list-title .text .title {
transform: translate(0);
-moz-transform: translate(0);
-webkit-transform: translate(0);
width: 100%;
}
.tem34-list-title .text .subtitle {
width: 100%;
}
.tem34-list-title .text .subtitle, .tem34-list-title .text .subtitle p, .tem34-list-title .text .subtitle span {
font-size: 2rem!important;
}
.tem34-list-title .description {
margin-top: 5px;
}
}
.tem52-contact .from-box { width:100%; }
.tem52-contact .contact-form { width:100%; margin:0 0 30px; padding:20px 0; display:inline-block; }
.tem52-contact .form-group { width:100%; border-color:#cfcfcf; color:#222; }
.tem52-contact .form-group .form-control { height:50px; border-radius:0; border:none; border-bottom:1px solid; border-color:inherit; border-radius:2px; padding:15px 0; box-shadow:none; width:100%; background:none; }
.tem52-contact .form-group[module-style="border-color color background-color"] .form-control { color:inherit; border-color:inherit; background:none; background:inherit; }
.tem52-contact .form-group .form-control::-moz-placeholder {
color:inherit;
opacity:.7;
}
.tem52-contact .form-group .form-control:-ms-input-placeholder {
color:inherit;
opacity:.7;
}
.tem52-contact .form-group .form-control::-webkit-input-placeholder {
color:inherit;
opacity:.7;
}
.tem52-contact .form-group textarea.form-control { height:150px; }
.tem52-contact .form-group .form-control option { padding:5px 10px; }
.tem52-contact .more { padding:0 15px; margin-top:20px; text-align: center; }
.tem52-contact .btn { overflow:hidden; padding:10px 25px; border-radius:0; font-size:16px; transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
}
.tem52-contact .btn:hover { box-shadow:none; color:#000!important; }
.tem52-contact .btn::before {
content:"";
background:#252a33;
left:0;
top:0;
bottom:0;
right:0;
position:absolute;
z-index:-1;
transition:all 0.4s ease-out 0s;
opacity:0;
transform:scaleY(0);
}
.tem52-contact .yzmbox { position:relative; }
.tem52-contact .yzmbox a { width:50px; height:25px; margin:5px; position:absolute; top:5px; right:3px; }
.tem52-contact .yzmbox a img { width:100%; height:100%; }
.tem52-contact .checkbox-name { float:left; color:#666; font-size:14px; padding:10px 0; }
.tem52-contact .checkbox-option { padding:10px 0; border-bottom:1px solid #cfcfcf; }
.tem52-contact .form-group[module-style="border-color color background-color"] .checkbox-name { background:inherit; border-color:inherit; color:inherit; }
.tem52-contact .form-group[module-style="border-color color background-color"] .checkbox-option { background:inherit; border-color:inherit; }
.tem52-contact .form-group[module-style="border-color color background-color"] .checkbox-option label { color:inherit; opacity:.8; }
.tem52-contact .contact-form label { font-weight:normal; ; padding-left:15px; color:#999; }
.tem52-contact .contact-form .col-xs-6:nth-of-type(2n+1) {
clear:both;
}
.tem52-contact .help-block { right:30px; top:7px; -z-index:2; }
.tem52-contact .has-error .form-control-feedback, .tem52-contact .has-success .form-control-feedback { top:14px; }
.tem52-contact .yzmbox .help-block { right:85px; }
.tem52-contact .yzmbox.has-error .form-control-feedback, .tem52-contact .yzmbox.has-success .form-control-feedback { right:55px; }
.tem52-contact .tem34-title .text .subtitle { color:#efefef; }
@media (min-width:768px) {
 .box52 {
width: 40%;
 margin: 2px 30%;
}
}
@media (max-width:768px) {
.tem52-contact .container, .tem52-contact.full-screen-spacing .container.full-screen {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem52-contact .from-box {
width:100%;
}
.tem52-contact .contact-form {
margin:0;
padding:0;
}
.tem52-contact .btn {
font-size:14px;
padding:10px 20px;
}
.tem52-contact .more {
margin-top:10px;
padding:0;
}
.tem52-contact .form-group {
margin-bottom:10px;
}
.tem52-contact .form-group .form-control {
height:36px;
padding:5px 0;
}
}
@media (max-width:480px) {
.tem52-contact .col-xs-6 {
width:100%;
}
.tem52-contact .form-group textarea.form-control {
height:80px;
}
.tem52-contact .description {
margin:10px 0;
}
}
/*tem12-button*/
.tem12-button [template-module="1"] { text-align:center; }
.tem12-button [template-module="1"] [func-id="1"] { display:inline-block; }
.tem12-button .about-box { border:1px solid #e1e1e1; border-radius:0px; margin:7px; transition:all .0.3s ease-out 0s;
overflow:hidden; color:#898989; }
.tem12-button .button-box { line-height:40px; display:inline-block; transition:all 0.3s ease-out 0s; position:relative; color:inherit; height:40px; padding:0  30px; }
.tem12-button [module-style="border-color color"] { color:#898989; }
.tem12-button [module-style="border-color color"] .button-box { color:inherit; }
.tem12-button .button-box::after {
content:attr(data-title);
position:absolute;
transform:translateY(100%);
top:0;
left:0;
width:100%;
color:inherit;
opacity: .3;
}
.tem12-button .button-box:hover { transform:translateY(-100%); }
.tem12-button .about-box:hover { box-shadow:0 8px 30px rgba(161, 161, 161, 0.2); }
@media (max-width:767px) {
.tem12-button .button-box {
padding:0 20px;
}
}
/* tem18-news */
.tem18-news .column { color:#333; }
.tem18-news .tem18-news_icons { color:#999; font-size:14px; margin:15px 0 5px; }
.tem18-news .tem18-news_date { opacity:0.6; font-size:12px; margin:15px 0; font-family:"HELVETICANEUELTPRO-THEX", Arial; }
.tem18-news h3 { font-size:16px; font-weight:normal; height:44px; line-height:22px; margin:15px 0 5px; overflow:hidden; text-overflow:ellipsis; }
.tem18-news h3.title { border-bottom:1px solid rgba(121, 121, 121, 0.15); font-size:16px; font-weight:normal; margin:5px 0 0; padding:5px 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tem18-news h3.title a { color:inherit; opacity:0.8; }
.tem18-news .col-lg-4:hover h3.title a { opacity:1; }
.tem18-news .separator { margin-bottom:20px; }
.tem18-news .separator::before, .tem18-news .separator::after {
transition-duration:0.5s;
background-color:rgba(121, 121, 121, 0.6);
content:"";
width:15px;
height:1px;
position:absolute;
left:0;
top:43px;
}
.tem18-news .separator::after {
left:15px;
}
.tem18-news .column:hover .separator::before, .tem18-news .col-lg-4:hover .separator::before, .tem18-news .column:hover .separator::after, .tem18-news .col-lg-4:hover .separator::after {
background-color:rgba(121, 121, 121, 0.8);
width:96%;
}
.tem18-news .tem18-news_text { position:relative; }
.tem18-news .tem18-desc { height:50px; overflow:hidden; line-height:25px; font-size:12px; margin-bottom:20px; }
.tem18-news .tem18-news_desc { opacity:0.8; height:50px; overflow:hidden; line-height:25px; font-size:14px; }
.tem18-news .tem18-news_read { padding:10px 0; text-transform:uppercase; font-size:12px; }
.tem18-new-li { margin-bottom:15px; }
.tem18-new-li .tem18-new-text { position:relative; }
.tem18-new-li .tem18-new-text h3 { font-size:16px; font-weight:normal; height:auto; height:44px; line-height:22px; margin:5px 0; overflow:hidden; text-overflow:ellipsis; }
.tem18-new-li .tem18-new-time { opacity:0.6; font-size:12px; margin-top:5px; }
@media (max-width: 768px) {
.tem18-news .container, .tem18-news.full-screen-spacing .container.full-screen {
padding-left: 3%!important;
padding-right: 3%!important
}
}
@media (max-width:480px) {
.tem18-news .column, .tem18-news .col-xs-6 {
width:100%;
}
.tem18-news h3 {
height:auto;
}
.tem18-news .tem18-desc, .tem18-news .tem18-news_desc {
height:auto;
max-height:500px;
}
}
/* tem05-certified */
.tem05-certified .interval { padding:0 5px; }
.tem05-certified .col-xs-6 { padding:0 10px; margin:7px 0; }
.tem05-certified .images { border:1px solid rgba(121, 121, 121, 0.25); position:relative; padding-top:60%; transition:all 0.3s ease-in 0s; }
.tem05-certified .col-xs-6:hover .images { border-color:rgba(121, 121, 121, 0.5); }
.tem05-certified .images img { position:absolute; left:0; top:0; width:100%; height:100%; }
.tem05-certified .title { font-size:12px; color:#333; width:100%; text-align:center; line-height:35px; height:35px; overflow:hidden; }
.tem05-certified .certified_add .col-lg-2:nth-of-type(6n+1), .tem05-certified .certified_add .col-lg-3:nth-of-type(4n+1), .tem05-certified .certified_add .col-lg-4:nth-of-type(3n+1), .tem05-certified .certified_add .col-lg-6:nth-of-type(2n+1) {
clear:both;
}
.tem05-certified .certified_add .images { position:static; padding:0; }
.tem05-certified .certified_add .images img { position:static; height:auto; width:auto; max-width:100%; display:block; margin:0 auto; }
@media (max-width:480px) {
.tem05-certified .col-xs-6 {
padding:0 5px;
}
}
.tem09-positioning-language { width:100%; height:100vh; }
.tem09-positioning-language .container { height:100%; }
.tem09-positioning-language .con { width:100%; height:100%; position:relative; overflow:hidden; display:flex; justify-content:center; align-items:center; padding:120px 0; }
.tem09-positioning-language .con .img_box { width:100%; height:100%; position:absolute; top:0; left:0; }
.tem09-positioning-language .con .img_box .box { width:50%; display:block; height:100%; position:absolute; top:0; left:0 }
.tem09-positioning-language .con .img_box .box:nth-child(2) {
left:auto;
right:0;
}
.tem09-positioning-language .con .img_box .box .img { width:100%; height:100%; }
.tem09-positioning-language .con .img_box .box .img img { object-fit:cover; width:100%; height:100% }
.tem09-positioning-language .text { width:80%; text-align:center; overflow:hidden; position:relative; z-index:2; max-height:100%; }
.tem09-positioning-language .text .txt { padding:40px; position:relative; transform:translateX(-100%); }
.tem09-positioning-language .text .txt .txt_bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; display:block; z-index:-1; }
.tem09-positioning-language .text .txt.dong { animation:tem09_positioning_language_lr 1.0s ease 0s both; }
.tem09-positioning-language .text .txt:after { content:""; position:absolute; display:block; top:0; left:0; width:100%; height:100%; background-color:#000; transform:translateX(0); }
.tem09-positioning-language .text .txt.dong:after { animation:tem09_positioning_language_lr02 1.0s ease 1s both; }
@keyframes tem09_positioning_language_lr { 0% {
transform:translateX(-100%);
}
100% {
transform:translateX(0);
}
}
@keyframes tem09_positioning_language_lr02 { 0% {
transform:translateX(0);
}
100% {
transform:translateX(100%);
}
}
.tem09-positioning-language .text .title { margin-bottom:25px; }
.tem09-positioning-language .down { position:absolute; bottom:40px; left:50%; width:22px; height:34px; margin-left:-11px; opacity:.9; cursor:pointer; transition:.3s;
user-select:none; color:#fff; }
.tem09-positioning-language .down>span { display:block; position:absolute; top:4px; line-height:28px; height:28px; text-transform:uppercase; transition:.5s;
padding:0 4px }
.tem09-positioning-language .down>span:after { content:""; position:absolute; top:13px; height:2px; border-top:2px solid; width:0; transition:.3s
}
.tem09-positioning-language .down:hover { opacity:1; }
.tem09-positioning-language .down:hover>span:after { width:100% }
.tem09-positioning-language .down:hover .left { margin-right:10px }
.tem09-positioning-language .down:hover .right { margin-left:10px }
.tem09-positioning-language .down .left { right:100%; margin-right:5px; letter-spacing:-0.5px; }
.tem09-positioning-language .down .left:after { right:0; }
.tem09-positioning-language .down .right { left:100%; margin-left:5px; letter-spacing:1px; }
.tem09-positioning-language .down .right:after { left:0; }
.tem09-positioning-language .down .scrolldownhoney { width:100%; height:100%; z-index:4; border:2px solid; border-radius:30px; text-align:center; }
.tem09-positioning-language .down .scrolldownhoney svg { width:10px; height:25px; }
.tem09-positioning-language .down .scrolldownhoney svg .circle { animation-duration:1.5s; animation-name:tem09_positioning_language_scrolldownhoney; animation-iteration-count:infinite; fill:currentColor; }
.tem09-positioning-language .down .scrolldownhoney svg .circle2 { animation-delay:0.75s; }
@keyframes tem09_positioning_language_scrolldownhoney { 0% {
opacity:0;
transform:translate(0, -8px);
}
50% {
opacity:1;
transform:translate(0, 0);
}
100% {
opacity:0;
transform:translate(0, 8px);
}
}
@media (max-width:768px) {
.tem09-positioning-language .container {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem09-positioning-language.full-screen-spacing .container.full-screen {
padding-left: 0!important;
padding-right: 0!important
}
.tem09-positioning-language {
height:auto;
}
.tem09-positioning-language .text .title {
margin-bottom:14px;
}
.tem09-positioning-language .text .title span {
font-size:20px!important;
font-weight:bold;
}
.tem09-positioning-language .text .description span {
font-size:12px!important
}
}
.tem68-service { background-color: #f5f5f5; }
.tem68-service .wrap, .tem68-service .wrap .col-xs-6 { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.tem68-service .wrap .item { margin:15px 0; }
.tem68-service .wrap .icon, .tem68-service .wrap .box .title { width: 100%; }
.tem68-service .wrap .text .title { font-size: 30px; font-weight: 700; color:#444; position: relative; padding-bottom: 10px; }
.tem68-service .wrap .text .title::after {
position: absolute;
content: "";
left:0;
bottom:0;
border-color: inherit;;
width: 30px;
height: 2px;
border-top:2px solid;
border-color: inherit;
}
.tem68-service .wrap .text .description { margin-top: 20px; color:#999; line-height: 180%; }
.tem68-service .wrap .icon { font-size:40px; }
.tem68-service .wrap .box { background: #fff; padding: 10%; border-radius: 6px; transition: .35s ease;
color:#444; width: 100%; }
.tem68-service .wrap .box .title { font-size:16px; margin: 20px 0 40px; line-height: 170%; color:inherit; }
.tem68-service .wrap .box .more { font-size:24px; color:inherit; opacity: .7; position: absolute; bottom:10%; }
.tem68-service .wrap .box2 { color:#fff; background-size: cover; }
.tem68-service .wrap .box2 .title { margin: 0 0 20px; color:inherit; }
.tem68-service .wrap .box2 .more { color:inherit; }
@media (min-width: 769px) {
.tem68-service .wrap .box:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .05);
transform: translateY(-5px);
}
}
@media (max-width: 768px) {
.tem68-service .container, .tem68-service.full-screen-spacing .item2 {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem68-service.full-screen-spacing .container.full-screen {
padding-left: 0!important;
padding-right: 0!important
}
.tem68-service .wrap .box {
padding: 5%;
}
.tem68-service .wrap .icon {
font-size: 26px;
}
.tem68-service .wrap .box .more {
font-size:20px;
}
.tem68-service .wrap .box .title {
margin:10px 0 30px;
}
.tem68-service .wrap .box .more {
bottom:5%;
}
}
@media (max-width: 360px) {
.tem68-service .wrap .item {
width: 100%;
margin:8px 0;
}
.tem68-service .wrap .text .description {
margin-top: 10px;
}
.tem68-service .wrap .box2 .title {
margin:0 0 25px;
}
}
/*tem10-title*/
.tem10-title { text-align:left; }
.tem10-title .title-header { float:left; }
.tem10-title .title { position:relative; transition:all 0.6s ease-in-out 0s; padding-left:40px; border-color:#666; }
.tem10-title .title::before {
position:absolute;
content:"";
width:30px;
border-top:1px solid;
border-color:inherit;
height:1px;
top:50%;
left:0;
transition:all 0.6s ease-in-out 0s;
opacity:1;
}
.tem10-title .subtitle { font-size:13px; color:#aaa; line-height:30px; }
.tem10-title .more { float:right; }
.tem10-title .more a { margin-left:5px; padding:18px 15px 0 15px; font-size:13px; display:block; color:#aaa; }
.tem10-title .more:hover a { color:#333; }
@media (max-width: 768px) {
.tem10-title .tem10-list-title {
padding-left: 2%!important;
padding-right: 2%!important;
}
.tem10-title.full-screen-spacing .full-screen .tem10-list-title {
padding-left: 3%!important;
padding-right: 3%!important;
}
}
/*tem10-list-title*/
.mainlist .tem10-list-title, .maindetail .tem10-list-title { text-align:left; padding:15px 0; }
.mainlist .tem10-list-title .title-header, .maindetail .tem10-list-title .title-header { float:left; }
.mainlist .tem10-list-title .title, .maindetail .tem10-list-title .title { position:relative; transition:all 0.6s ease-in-out 0s; padding-left:40px; }
.mainlist .tem10-list-title .title::before, .maindetail .tem10-list-title .title::before {
content:"";
width:30px;
height:1px;
border-left:30px solid;
border-color:inherit;
position:absolute;
top:50%;
left:0;
transition:all 0.6s ease-in-out 0s;
opacity:1;
}
.mainlist .tem10-list-title .subtitle, .maindetail .tem10-list-title .subtitle { color:#aaa; line-height:30px; }
.mainlist .tem10-list-title .more, .maindetail .tem10-list-title .more { float:right; }
.mainlist .tem10-list-title .more a, .maindetail .tem10-list-title .more a { margin-left:5px; padding:18px 15px 0 15px; font-size:13px; display:block; color:#aaa; }
.mainlist .tem10-list-title .more:hover a, .maindetail .tem10-list-title .more:hover a { color:#333; }
.tem47-banner { width:100%; }
.tem47-banner.content-middle { text-align:center; }
.tem47-banner.content-left { text-align:left; }
.tem47-banner.content-right { text-align:right; }
.tem47-banner .tem47-banner-con { width:100%; position:relative; overflow:hidden; color:#fff; height:100vh }
.tem47-banner .swiper-slide { height:100%; font-size:18px; position:relative; }
.tem47-banner .swiper-slide img { width:100%; height:100%; object-fit:cover; max-width:none; min-width:none; }
.tem47-banner .tem47-banner-con .swiper-pagination-bullet { background:none; border:5px solid; width:0; height:0; margin:0 6px; }
.tem47-banner .pagination_box { position:absolute; left:10%; bottom:0; width:80%; }
.tem47-banner .pagination_box .swiper-pagination { width:100%; text-align:inherit; bottom:50px; }
.tem47-banner .progress_bar { width:0; height:0; border-bottom:4px solid; position:absolute; bottom:0; left:0; z-index:9; opacity:.6; }
.tem47-banner .progress_bar.active { width:100%; transition:cubic-bezier(1, 1, 0, 0) 6s; }
.tem47-banner .text { position:absolute; left:10%; width:80%; top:50%; transform:translateY(-50%); z-index:6; }
.tem47-banner .text .title { font-size:48px; line-height:1; margin:0; margin-bottom:20px; text-align:inherit; font-weight:bold; }
.tem47-banner .text .description { font-size:20px; text-align:inherit; margin:0; }
.tem47-banner .text .btn { display:inline-block; width:260px; font-size:18px; padding:11px 18px; text-align:inherit; border:2px solid; color:inherit; margin:60px 0; position:relative; }
.tem47-banner .text .btn .right_span { font-size:24px; position:absolute; right:10px; top:13px; }
.tem47-banner .text .btn .bg_a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.2); opacity:0; transition:.3s;
}
.tem47-banner .text .btn:hover .bg_a { opacity:1; }
.tem47-banner .text .span_txt { opacity:0.8; }
.tem47-banner .swiper-slide img { transition: all 10s ease; transform:scale(1); }
.tem47-banner .swiper-slide.swiper-slide-active img { transform:scale(1.1); }
.tem47-banner .text .title { transform:translate(60px); opacity:0; transition:1s 0.5s; }
.tem47-banner .text .description { transform:translate(60px); opacity:0; transition:1s 0.6s; }
.tem47-banner .text .btn { transform:translate(60px); opacity:0; transition:1s .7s;
}
.tem47-banner .swiper-slide-active .text .title, .tem47-banner .swiper-slide-active .text .description, .tem47-banner .swiper-slide-active .text .btn { transform:translate(0px); opacity:1; }
@media (max-width: 750px) {
.tem47-banner .text .title {
font-size:32px;
margin-bottom:10px;
}
.tem47-banner .text .description {
font-size:18px;
}
.tem47-banner .text .btn {
width:auto;
font-size:12px;
margin:0;
margin-top:20px;
padding:8px 14px;
padding-right:30px;
}
.tem47-banner .text .btn .right_span {
font-size:16px;
right:10px;
top:7px;
}
.tem47-banner .tem47-banner-con {
height:auto;
}
.tem47-banner .pagination_box .swiper-pagination {
bottom:10px;
}
.tem47-banner .tem47-banner-con .swiper-pagination-bullet {
border-width:3px;
margin:0 4px;
}
}
.tem50-banner { width:100%; }
.tem50-banner.content-middle { text-align:center; }
.tem50-banner.content-left { text-align:left; }
.tem50-banner.content-right { text-align:right; }
.tem50-banner .tem50-banner-con { width:100%; height:100vh; position:relative; overflow:hidden; color:#fff; position:relative; }
.tem50-banner .swiper-slide { background:#fff; }
.tem50-banner .swiper-slide img { width:100%; height:100%; object-fit:cover; max-width:none; }
.tem50-banner .swiper_btn { width:50px; height:50px; position:absolute; bottom:30px; left:50%; z-index:8; font-size:34px; text-align:center; cursor:pointer; transform:translate(-50%, 0); animation:tem50_banner_dong .7s linear infinite alternate;
line-height:50px; }
@keyframes tem50_banner_dong { 0% {
transform:translate(-50%, 0);
opacity: 0.2;
}
100% {
transform:translate(-50%, 10px);
opacity: 1;
}
}
.tem50-banner .text_con { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; cursor:pointer; }
.tem50-banner .text_con .text { position:absolute; top:50%; left:0; width:100%; padding:0 20%; pointer-events:none; z-index:-1; margin-top:-40px; }
.tem50-banner .text_con .text a { display:block; color:inherit; width:100%; }
.tem50-banner .text_con .text .title { font-size:8vh; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transform:translateY(50px); transition:.5s;
opacity:0; line-height:80px; }
.tem50-banner .text_con .text .description { margin-top:20vh; transition:.5s;
opacity:0; }
.tem50-banner .text_con .text.active { pointer-events:auto; z-index:1; }
.tem50-banner .text_con .text.active .title { opacity:1; transform:translateY(0px); transition:.8s .5s;
}
.tem50-banner .text_con .text.active .description { opacity:1; transition:.5s .5s;
}
.tem50-banner .swiper_pagination { position:absolute; top:50%; left:0; z-index:8; width:20%; margin-top:-20px; }
.tem50-banner .swiper_pagination .xian { height:40px; position:absolute; left:0; top:0; width:50px; }
.tem50-banner .swiper_pagination .xian:after { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:74%; border-bottom:2px solid; }
.tem50-banner .swiper_pagination ul { width:100%; position:absolute; top:0; left:0; padding-left:50px; padding-right:10px; text-align:left; font-size:12px; font-weight:700; transition:.8s;
}
.tem50-banner .swiper_pagination ul li { width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; opacity:0.4; transition:1s; }
.tem50-banner .swiper_pagination ul li.active { opacity:1; }
@media (max-width: 992px) {
.tem50-banner .tem50-banner-con {
height:auto;
}
.tem50-banner .swiper_pagination {
display:none;
}
.tem50-banner .swiper_btn {
display:none;
}
.tem50-banner .text_con .text {
margin-top:0;
top:50%;
transform:translateY(-50%);
}
.tem50-banner .text_con .text .title {
line-height:1;
font-size:6vh;
transform:translateY(30px);
}
.tem50-banner .text_con .text .description {
margin-top:50px;
}
}
@media (max-width: 500px) {
.tem50-banner .text_con .text {
padding:0 14%;
}
.tem50-banner .text_con .text .title {
transform:translateY(10px);
font-size:4vh;
}
.tem50-banner .text_con .text .description {
margin-top:20px;
font-size:12px;
line-height:18px;
height:36px;
overflow:hidden;
}
}
.tem48-banner { width: 100%; background-size:cover; background-position:center; }
.tem48-banner a { color:inherit; }
.tem48-banner .con { width:100%; height:100vh; color:#fff; position:relative; overflow:hidden; }
.tem48-banner .hotspot { position:absolute; display:block; border:solid 2px; margin:0 auto; width:50px; height:50px; padding:0; line-height:50px; left:15%; transform:translateX(-50%); z-index:15; bottom:20%; border-radius:50%; background:0; cursor:pointer; text-align:center; outline:none; font-size:30px; }
.tem48-banner .con .con_swiper { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; }
.tem48-banner .con .con_swiper .left { width:30%; height:100%; position:relative; z-index:5; display:flex; justify-content: center; align-items: center; padding:0 20px; float:left; transform:translateY(-100%); }
.tem48-banner .con .con_swiper .left_bg { display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; }
.tem48-banner .con .con_swiper .right { width:70%; height:100%; position:absolute; transform:translateY(100%); top:0; right:0; z-index:8; }
.tem48-banner .con .con_swiper .right .right_box { width:100%; height:100%; padding:20px; }
.tem48-banner .con .con_swiper .right .right_box img { width:100%; height:100%; object-fit:contain; }
.tem48-banner .con .text { text-align:center; margin-top:-120px; width:100%; }
.tem48-banner .con .text .title { margin:0; margin-top:30px; text-transform: initial; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tem48-banner .con .text .description { margin:15px 40px 0 40px; line-height:28px; font-size:16px; max-height:84px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.tem48-banner .con .text>a { margin-top:30px; display:block; font-weight:700; line-height:30px; font-size:16px; }
.tem48-banner .circle_box { width:56px; height:56px; margin:0 auto; text-align:center; position:relative; }
.tem48-banner .circle_text { position:absolute; left:0; width:100%; font-size:12px; bottom:14px; }
.tem48-banner .circle { transform:rotate(-90deg); }
.tem48-banner .timer--circle.circle-ghost { stroke:currentColor; opacity:0.25; }
.tem48-banner .timer--circle.circle-progress { stroke:currentColor; }
.tem48-banner .timer--circle { fill:transparent; stroke-width:2px; stroke-dasharray:190; }
@keyframes tem48-banner-preloader-circular-reveal { 0% {
stroke-dashoffset:190
}
100% {
stroke-dashoffset:0
}
}
.tem48-banner .con .con_swiper.active .timer--circle.circle-progress { animation:tem48-banner-preloader-circular-reveal 12s }
.tem48-banner .con .con_swiper.active { opacity:1; visibility:visible; }
@media (min-width: 800px) {
.tem48-banner .con .con_swiper.active .left {
transform:translateY(0);
transition:1s;
}
.tem48-banner .con .con_swiper.active .right {
transform:translateY(0);
transition:1s;
}
.tem48-banner .con .con_swiper.active_2 {
opacity:1;
}
.tem48-banner .con .con_swiper.active_2 .left {
transform:translateY(100%);
transition:1s;
}
.tem48-banner .con .con_swiper.active_2 .right {
transform:translateY(-100%);
transition:1s;
}
}
@media (max-width: 800px) {
.tem48-banner .con .con_swiper {
transform:translateY(-100%);
opacity:1;
}
.tem48-banner .con .con_swiper.active {
transform:translateY(0);
transition:1s;
}
.tem48-banner .con .con_swiper.active_2 {
transform:translateY(100%);
transition:1s;
}
.tem48-banner .con .con_swiper .left {
transform:translateY(0);
width:100%;
height:auto;
position:initial;
float:none;
display:block;
padding-top:20px;
}
.tem48-banner .con .con_swiper .left_bg {
height:100vh;
}
.tem48-banner .con .text {
margin-top:0px;
}
.tem48-banner .con .con_swiper .right {
transform:translateY(0);
height:auto;
position:relative;
height:auto;
margin:auto;
}
.tem48-banner .con .con_swiper .right .right_box {
padding:0;
width:100%;
overflow:hidden;
height:30vh
}
.tem48-banner .con .con_swiper .right .right_box img {
object-fit:initial;
width:auto;
height:auto;
margin:auto;
display:block;
max-height:100%;
max-width:100%;
}
.tem48-banner .hotspot {
left:50%;
bottom:20px;
}
}
/*tem40-service*/
.tem40-service .box { text-align:center; margin:10px 0; }
.tem40-service .box .icon { font-size:45px; color:#fff; border-radius:50%; border:4px solid; width:100px; height:100px; line-height:100px; text-align:center; -o-transition:all 0.6s linear 0s; -ms-transition:all 0.6s linear 0s; -moz-transition:all 0.6s linear 0s; -webkit-transition:all 0.6s linear 0s; transition:all 0.6s linear 0s; margin:0 auto; border-color:auto; }
.tem40-service .box:hover .icon { border-color:#fff; box-shadow:0 0 8px rgba(255, 255, 255, 0.5); }
.tem40-service .box .title { color:#333; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.tem40-service .box .title a { color:inherit; }
.tem40-service .box .title a:hover, .tem40-service .box .title a:focus { text-decoration:none; }
.tem40-service .box .short { color:#888; font-size:14px; margin:10px 0 5px; opacity:0.8; }
.tem40-service .col-lg-2:nth-of-type(6n+1) {
clear:both;
}
.tem40-service .col-lg-3:nth-of-type(4n+1) {
clear:both;
}
.tem40-service .col-lg-4:nth-of-type(3n+1) {
clear:both;
}
.tem40-service .col-lg-6:nth-of-type(2n+1) {
clear:both;
}
@media (max-width:991px) {
.tem40-service .col-lg-2 {
width:33.3333%;
}
.tem40-service .col-lg-2:nth-of-type(n)锛�.tem40-service .col-lg-4:nth-of-type(n) {
clear:none;
}
.tem40-service .col-lg-2:nth-of-type(3n+1), .tem40-service .col-lg-4:nth-of-type(3n+1) {
clear:both;
}
}
@media (max-width: 768px) {
.tem40-service .container {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem40-service.full-screen-spacing .container.full-screen {
padding-left: 0!important;
padding-right: 0!important
}
}
@media (max-width:480px) {
.tem40-service .col-xs-6, .tem40-service .col-xs-4 {
width:50%;
}
.tem40-service .col-xs-6:nth-of-type(n), .tem40-service .col-xs-4:nth-of-type(n) {
clear:none;
}
.tem40-service .col-xs-6:nth-of-type(2n+1), .tem40-service .col-xs-4:nth-of-type(2n+1) {
clear:both;
}
.tem40-service .box .icon {
font-size: 30px;
height:80px;
width:80px;
line-height:80px;
border:0;
}
.tem40-service .box .short {
font-size: 13px;
line-height: 26px;
}
}
/*tem11-service*/
.tem11-service { text-align:left; }
.tem11-service.content-right .flexBoxStem { -webkit-flex-direction:row-reverse; -moz-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; }
.tem11-service .flexBoxStem.mt35 { width:100%; }
.tem11-service .short { font-size:14px; text-transform:uppercase; letter-spacing:2.5px; }
.tem11-service h2, .tem11-service .h2 { font-weight:400; margin:15px 0; color:#333; }
.tem11-service .desc { color:#999; font-size:14px; }
.tem11-service .service-box { display:inline-block; width:100%; padding:20px 0; transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; }
.tem11-service h5, .tem11-service .h5 { font-size:22px; height:30px; line-height:30px; overflow:hidden; margin:0; }
.tem11-service h5 a, .tem11-service .h5 a { color:#333; }
.tem11-service .service-desc { font-size:14px; margin:8px 0; line-height:22px; font-weight:normal; max-height:66px; overflow:hidden; opacity:.5; }
.tem11-service .icon { font-size:60px; }
.tem11-service .text { margin-bottom:15px; }
.tem11-service .irregular-images { width:100%; height:auto; }
.tem11-service .irregular-images img { width:100%; height:auto; }
@media (max-width:768px) {
.tem11-service .container {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem11-service.full-screen-spacing .col-md-12 {
padding-left: 4%!important;
padding-right: 4%!important
}
.tem11-service.full-screen-spacing .container.full-screen {
padding-left: 0!important;
padding-right: 0!important
}
.tem11-service .icon {
font-size: 40px;
line-height: 60px;
}
.tem11-service .service-box {
padding:10px 0;
}
.tem11-service .text {
margin-bottom: 0;
}
.tem11-service .service-desc {
margin:0 0 8px;
}
}
/* tem120-service */
.tem120-service .tf_ { color:#fff; }
.tem120-service a { color:inherit; }
.tem120-service .items { position:relative; z-index:11; }
.tem120-service .swiper-slide img { width:100%; max-width:100%; }
.tem120-service .items .swiper-slide:before, .tem120-service .carousel-nav span, .tem120-service .items .image, .tem120-service .items .image img, .tem120-service .items .text { transition:all 1s cubic-bezier(.165, .84, .44, 1); }
.tem120-service { padding-top:100px; }
.tem120-service ul { list-style:none; margin-bottom:0; padding-left:0; }
.tem120-service .container { position:relative; padding:0; padding-bottom:10%; }
.tem120-service .bgBlock { width:36%; height:100%; position:absolute; bottom:0; left:14%; box-shadow:0 0 50px rgba(0, 0, 0, .2); }
.tem120-service .titleBar { font-size:50px; font-weight:bold; line-height:2; position:relative; z-index:9; padding-left:70px; transform:translateY(90px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.tem120-service .titleBar .bg-color { width:25px; height:5px; display:block; float:left; margin:48px 13px 0 0; }
.tem120-service .image { width:50%; padding:0 20px 0 70px; }
.tem120-service .text { width:50%; height:100%; position:absolute; top:0; right:0; }
.tem120-service .text .box { width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.tem120-service .text .title { font-size:18px; padding-bottom:20px; }
.tem120-service .text .description { height:56px; opacity:.66; line-height:2; overflow-y:hidden; }
.tem120-service .bgBlock, .tem120-service .carousel-nav span { transform:translateX(36px); }
.tem120-service .carousel-nav { position:relative; z-index:2; padding-top:34px; }
.tem120-service .carousel-nav span { margin:0 -2px; opacity:.5; cursor:pointer; width:60px; height:60px; line-height:60px; font-size:30px; display:inline-block; border-top:1px solid rgba(204, 204, 204, .2); }
.tem120-service .items .swiper-slide { position:relative; }
.tem120-service .items .swiper-slide::before {
width:0;
height:1px;
display:block;
background-color:rgba(204, 204, 204, .8);
position:absolute;
left:20px;
top:20px;
font-size:30px;
opacity:.8;
font-family:"HELVETICANEUELTPRO-THEX", Arial;
}
.tem120-service .swiper-slide { padding-top:90px; }
.tem120-service .swiper-slide:nth-child(1):before {
content:"01";
}
.tem120-service .swiper-slide:nth-child(2):before {
content:"02";
}
.tem120-service .swiper-slide:nth-child(3):before {
content:"03";
}
.tem120-service .swiper-slide:nth-child(4):before {
content:"04";
}
.tem120-service .swiper-slide:nth-child(5):before {
content:"05";
}
.tem120-service .swiper-slide:nth-child(6):before {
content:"06";
}
.tem120-service .swiper-slide:nth-child(7):before {
content:"07";
}
.tem120-service .swiper-slide:nth-child(8):before {
content:"08";
}
.tem120-service .swiper-slide:nth-child(9):before {
content:"09";
}
.tem120-service .swiper-slide:nth-child(10):before {
content:"10";
}
@media(max-width:991px) {
.tem120-service .bgBlock, .tem120-service .carousel-nav span {
transform:translateX(12px);
}
.tem120-service .image {
padding-left:20px;
}
}
@media(min-width:769px) {
.tem120-service .container {
padding-bottom: 0;
}
.tem120-service .carousel-nav {
padding-top: 0;
}
.tem120-service .carousel-nav span:hover {
opacity:1;
}
.tem120-service .items .swiper-slide:hover:before {
width:38px;
height:1px;
background-color:rgba(204, 204, 204, .4);
}
.tem120-service .items:hover .swiper-slide .image, .tem120-service .items:hover .swiper-slide .text {
transform:translateY(-15px);
}
.tem120-service .items:hover .swiper-slide .image img {
box-shadow:0 0 15px rgba(0, 0, 0, .2);
}
}
@media(max-width:768px) {
.tem120-service {
padding: 20px 0!important;
}
.tem120-service .image {
padding-right:0;
}
.tem120-service .titleBar {
font-size:30px;
}
.tem120-service .titleBar .bg-color {
margin-top:30px;
height:4px;
}
}
@media(max-width:540px) {
.tem120-service .titleBar {
transform:translateY(0);
padding-left:20px;
}
.tem120-service .swiper-slide {
padding-top:0;
}
.tem120-service .bgBlock {
display:none;
}
.tem120-service .image {
width:100%;
padding:0 20px;
}
.tem120-service .text {
width:100%;
padding:0 20px;
position:relative;
}
.tem120-service .text .box {
width:100%;
padding:20px 0;
margin:auto;
position:relative;
transform:translate(0, 0);
top:0;
left:0;
}
.tem120-service .bgBlock, .tem120-service .carousel-nav span {
transform:translateX(0);
}
.tem120-service .text .description {
height:auto;
overflow-y:visible;
}
.tem120-service .text .title {
padding-bottom: 10px;
}
}
/* tem194-irregular */
.tem194-irregular .mainBox { width:100% !important; float:none !important; }
.tem194-irregular .text { padding:0 5% 0 0; }
.tem194-irregular .titleBar .title { font-size:40px; padding:2% 0; line-height:1; }
.tem194-irregular .titleBar .description { font-size:16px; padding:2% 0; color:#666; line-height:2; }
.tem194-irregular .text .items { padding:2% 0; }
.tem194-irregular .text .item { padding-bottom:10px; }
.tem194-irregular .text .item .wow { border:1px solid #FFF; background-color:rgba(255, 255, 255, .5); border-radius:6px; }
.tem194-irregular .text .item a { padding:5% 10%; display:flex; display:-webkit-flex; line-height:30px; }
.tem194-irregular .text .item a em { font-size:16px; color:#666; float:left; padding-left:5%; font-style:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.tem194-irregular .text .item a span { font-size:30px; float:left; }
.tem194-irregular .image a { display:block; }
.tem194-irregular .image img { max-width:100%; margin:auto; display:block; }
@media(orientation:landscape) {
.tem194-irregular .text {
position:absolute;
top:50%;
transform:translateY(-50%);
}
.tem194-irregular.content-left .image {
float:right;
}
.tem194-irregular.content-left .text {
left:0;
}
.tem194-irregular.content-right .image {
float:left;
}
.tem194-irregular.content-right .text {
right:0;
}
.tem194-irregular .mainBox, .tem194-irregular .text {
padding:0;
}
/* 2鍒� */
.tem194-irregular .col-sm-6 .text, .tem194-irregular .col-sm-6 .image {
width:50%;
}
.tem194-irregular .col-sm-6 .text .item {
width:50%;
float:left;
padding-right:10px;
}
/* 3鍒� */
.tem194-irregular .col-sm-4 .text {
width:33.333%;
}
.tem194-irregular .col-sm-4 .image {
width:66.666%;
}
/* 4鍒� */
.tem194-irregular .col-sm-3 .text {
width:25%;
}
.tem194-irregular .col-sm-3 .image {
width:75%;
}
/* 6鍒� */
.tem194-irregular .col-sm-2 .text {
width:16.666%;
}
.tem194-irregular .col-sm-2 .image {
width:83.334%;
}
}
@media (max-width:768px) {
.tem194-irregular {
padding-left:0!important;
}
.tem194-irregular .box {
padding-left: 2%;
padding-right: 2%;
}
.tem194-irregular.full-screen-spacing .box {
padding-left: 0;
padding-right: 0;
}
.tem194-irregular .mainBox {
padding:0;
}
.tem194-irregular .text {
padding:0 3%;
}
.tem194-irregular .container {
padding-left: 2%!important;
padding-right: 2%!important
}
.tem194-irregular.full-screen-spacing .container, .tem194-irregular .mainBox {
padding-left: 0!important;
padding-right: 0!important
}
}
.tem04-business-advantage { padding:80px 0 }
.tem04-business-advantage .subtitle { font-size:30px; color:#232323; text-align:center; margin-bottom:60px }
.tem04-business-advantage .col-lg-6 { padding:0 }
.tem04-business-advantage .left .left_item { width:100%; float:right }
.tem04-business-advantage .left .left_num1 { padding-right:30% }
.tem04-business-advantage .left .left_num2 { padding-right:18% }
.tem04-business-advantage .left .left_num3 { padding-right:6% }
.tem04-business-advantage .right .right_item { width:100%; float:left }
.tem04-business-advantage .right .right_num1 { padding-left:30% }
.tem04-business-advantage .right .right_num2 { padding-left:18% }
.tem04-business-advantage .right .right_num3 { padding-left:6% }
.tem04-business-advantage .service-box { width:100%; position:relative; color:#232323 }
.tem04-business-advantage .service-box .images { position:absolute; top:0; right:0; width:80px; height:80px; text-align:center; background-color:#fff; color:inherit; border-radius:50%; transition:all .5s ease-in-out 0s;
overflow: hidden; }
.tem04-business-advantage .service-box:hover .images { transform:translateY(10px) }
.tem04-business-advantage .service-box .images img { width: 100%; }
.tem04-business-advantage .left .left_num2 .service-box .text { padding-left:12% }
.tem04-business-advantage .right .right_num2 .service-box .text { padding-right:12% }
.tem04-business-advantage .left .left_num3 .service-box .text { padding-left:24% }
.tem04-business-advantage .right .right_num3 .service-box .text { padding-right:24% }
.tem04-business-advantage .service-box .text { color:#232323; padding:30px 100px 30px 0; text-align:right; transition:all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s
}
.tem04-business-advantage .service-box:hover .text { transform:translateY(-10px) }
.tem04-business-advantage .service-box .text .title { color:inherit; font-size:16px; line-height:160%; margin-bottom:10px }
.tem04-business-advantage .service-box .text .description { color:inherit; opacity:.6; font-size:13px; line-height:170% }
.tem04-business-advantage .right .service-box .images { left:0; right:auto }
.tem04-business-advantage .right .service-box .text { text-align:left; padding:30px 0 30px 100px }
.tem04-business-advantage .more { width:100%; margin-top:50px; text-align:center }
.tem04-business-advantage .more a { box-shadow:0 8px 20px 0 rgba(0, 0, 0, 0.1); border-radius:30px; border:1px solid; border-color:#fff; color:#232323; font-size:12px; transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
background:#fff; padding:18px 45px; font-weight:600 }
.tem04-business-advantage .more a:hover { box-shadow:none }
@media(max-width:768px) {
.tem04-business-advantage .container {
padding-left: 2%!important;
padding-right: 2%!important
}
.tem04-business-advantage.full-screen-spacing .container.full-screen {
padding-left: 0!important;
padding-right: 0!important
}
.tem04-business-advantage {
padding:20px 0!important
}
.tem04-business-advantage .subtitle {
font-size:20px!important
}
.tem04-business-advantage .left .left_item {
padding-right:0
}
.tem04-business-advantage .right .right_item {
padding-left:0
}
.tem04-business-advantage .left .left_num1 .service-box .text, .tem04-business-advantage .left .left_num2 .service-box .text, .tem04-business-advantage .left .left_num3 .service-box .text {
padding-left:10%
}
.tem04-business-advantage .right .right_num1 .service-box .text, .tem04-business-advantage .right .right_num2 .service-box .text, .tem04-business-advantage .right .right_num3 .service-box .text {
padding-right:10%
}
.tem04-business-advantage .service-box .text .title {
font-weight:normal;
margin-bottom:5px
}
}
@media(max-width:480px) {
.tem04-business-advantage {
padding:20px 0!important
}
.tem04-business-advantage .subtitle {
font-size:16px!important;
margin-bottom:20px
}
.tem04-business-advantage .service-box .images {
width:60px;
height:60px;
left:0
}
.tem04-business-advantage .service-box .text {
padding:10px 0 10px 80px!important;
text-align:left
}
.tem04-business-advantage .more {
margin-top:30px
}
.tem04-business-advantage .more a {
padding:12px 40px
}
}
@media(max-width:360px) {
.tem04-business-advantage .subtitle {
font-size:16px
}
.tem04-business-advantage .more {
margin-top:20px
}
.tem04-business-advantage .more a {
padding:10px 35px
}
.tem04-business-advantage .service-box .text .title {
font-size:12px
}
.tem04-business-advantage .service-box .images {
width:50px;
height:50px;
}
.tem04-business-advantage .service-box .text {
padding:10px 0 10px 70px!important
}
}
.tem332-irregular.content-left .item { flex-direction: row; }
.tem332-irregular img { max-width:100%; }
.tem332-irregular .item { display:flex; display:-webkit-flex; align-items:center; width: 80%; margin:0 auto; padding: 0!important; }
.tem332-irregular.full-screen-spacing .item { width: 100%; }
.tem332-irregular .text { width:50%; padding: 0 5%; }
.tem332-irregular .title { font-size:20px; }
.tem332-irregular .description {
padding:.5vw 0 2.5vw; line-height: 160%; }
.tem332-irregular a.btn { position: relative; padding: 0; }
.tem332-irregular a.btn:hover { background: none; }
.tem332-irregular a.btn:hover:before, .tem332-irregular a.btn:hover:after { transform:scale3d(1, 1, 1); }
.tem332-irregular a.btn:hover:after { transition-delay:.25s
}
.tem332-irregular a.btn:hover:before { transition-delay:0s }
.tem332-irregular a.btn:hover span:before, .tem332-irregular a.btn:hover span:after { transform:scale3d(1, 1, 1) }
.tem332-irregular a.btn:hover span:after { transition-delay:.25s
}
.tem332-irregular a.btn:hover span:before { transition-delay:0s }
.tem332-irregular a.btn:after, .tem332-irregular a.btn:before { content:""; position:absolute; top:0; width:1px; height:100%; background:transparent; transform:scale3d(1, 0, 1); transition:transform .25s cubic-bezier(1, 0.53, 0.79, 0.68), background .75s cubic-bezier(1, 0.53, 0.79, 0.68);
border-right:1px solid; border-color:inherit; }
.tem332-irregular a.btn:before { left:0; transform-origin:0 0; transition-delay:.25s
}
.tem332-irregular a.btn:after { right:0; transform-origin:50% 0 }
.tem332-irregular a.btn span { padding:12px 40px; display:block; width:100%; height:100%; border-color:inherit; }
.tem332-irregular a.btn span:after, .tem332-irregular a.btn span:before { content:""; position:absolute; left:0; width:100%; height:1px; transform:scale3d(0, 1, 1); transition:transform .25s cubic-bezier(1, 0.53, 0.79, 0.68), background .75s cubic-bezier(1, 0.53, 0.79, 0.68);
border-top:1px solid; border-color:inherit; }
.tem332-irregular a.btn span:before { top:0; transform-origin:0 50%; transition-delay:.25s
}
.tem332-irregular a.btn span:after { bottom:0; transform-origin:0 50%; transition-delay:0s }
.tem332-irregular.content-right .item { flex-direction:row-reverse; }
@media(max-width:991px) {
.tem332-irregular a.btn span {
padding: 8px 18px;
}
}
@media(max-width:768px) {
.tem332-irregular a.btn span {
font-size: 12px;
padding: 6px 12px;
}
.tem332-irregular .item {
width: 100%;
flex-wrap: wrap;
}
.tem332-irregular .container, .tem332-irregular.full-screen-spacing .container.full-screen {
padding: 0 3%!important;
}
.tem332-irregular .description {
font-weight: normal;
}
.tem332-irregular .image, .tem332-irregular .text {
max-width: 100%;
padding: 1vw 0;
width: 100%;
}
}
@media(max-width:320px) {
.tem332-irregular .text, .tem332-irregular .image {
max-width: 100%;
margin:8px 0;
}
.tem332-irregular .item {
flex-wrap: wrap;
}
}
.tem355-irregular { padding:10vw 0; background-position:center; background-repeat:no-repeat; background-size:cover; }
.tem355-irregular.content-middle { text-align:center; }
.tem355-irregular.content-right { text-align:right; }
.tem355-irregular .text { display:inline-block; text-align:left; color:#FFF; position:relative; float:none; }
@media(min-width:768px) {
.tem355-irregular .title {
padding-bottom:20px;
}
.tem355-irregular .text {
padding:50px 0 50px 120px;
}
.tem355-irregular .text:before {
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:80px;
border:8px solid;
border-color:inherit;
}
}
.tem10-guide-language {
transition:all .8s ease;
-o-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-webkit-transition:all .8s ease; position: relative; }
.tem10-guide-language.STop { transform:scale(0.9); -o-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -webkit-transform:scale(0.9); }
.tem10-guide-language.STop .move_bg { opacity: 1; -o-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
transition:all .8s ease;
-webkit-transition:all .8s ease;
}
.tem10-guide-language .move_bg { position: absolute; left:0; top:0; width:100%; height:100%; opacity: 0; -o-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
transition:all .8s ease;
-webkit-transition:all .8s ease;
}
.tem10-guide-language .text { width:70%; color:#fff; text-align:center; margin:0 auto; }
.tem10-guide-language .text .title { font-size: 34px; line-height: 45px; color:inherit; padding:0 50px; }
.tem10-guide-language .text .description { padding:30px 0; font-size: 20px; color:rgba(255, 255, 255, .6); }
.tem10-guide-language .text .more { text-align:center; }
.tem10-guide-language .text .more a { padding:20px 45px; border-radius:50px; font-weight: 600; background:rgba(0, 0, 0, .6); font-size: 14px; border:none; }
@media (max-width:768px) {
.tem10-guide-language .container {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem10-guide-language.full-screen-spacing .container.full-screen {
padding-left: 0!important;
padding-right: 0!important
}
.tem10-guide-language .text {
width:90%;
}
.tem10-guide-language .text .title {
font-size:24px;
line-height: 36px;
padding:0 30px;
}
.tem10-guide-language .text .more a {
padding:16px 32px;
font-weight: 300;
}
}
@media (max-width:480px) {
.tem10-guide-language {
padding:30px 0 !important;
}
.tem10-guide-language .text {
width:100%;
padding:0 15px;
}
.tem10-guide-language .text .title {
font-size:18px;
line-height: 30px;
padding:0;
}
.tem10-guide-language .text .description {
font-size: 14px;
padding:20px 0;
}
.tem10-guide-language .text .more a {
padding:10px 26px;
font-size: 12px;
}
}
/*tem05-title*/
.tem05-title { text-align:center; }
.tem05-title .subtitle { font-size:13px; line-height:30px; color:#888; }
.tem05-title .more { display:none; }
.tem05-title.tem11-title .subtitle::after {
position: absolute;
content: "";
border-bottom: 1px solid;
border-color:inherit;
width: 100%;
left:0;
bottom:-10px;
opacity: .2;
}
@media (max-width: 768px) {
.tem05-title .tem05-list-title {
padding-left: 2%!important;
padding-right: 2%!important;
}
.tem05-title.full-screen-spacing .full-screen .tem05-list-title {
padding-left: 3%!important;
padding-right: 3%!important;
}
}
/*tem05-list-title*/
.mainlist .tem05-list-title, .maindetail .tem05-list-title { text-align:center; padding:15px 0; }
.mainlist .tem05-list-title .subtitle, .maindetail .tem05-list-title .subtitle { line-height:30px; color:#888; }
.mainlist .tem05-list-title .more, .maindetail .tem05-list-title .more { display:none; }
.tem61-service { padding:80px 0 }
.tem61-service .subtitle { font-size:30px; color:#232323; text-align:center; margin-bottom:60px }
.tem61-service .col-lg-6 { padding:0 }
.tem61-service .left .left_item { width:100%; float:right }
.tem61-service .left .left_num1 { padding-right:30% }
.tem61-service .left .left_num2 { padding-right:18% }
.tem61-service .left .left_num3 { padding-right:6% }
.tem61-service .right .right_item { width:100%; float:left }
.tem61-service .right .right_num1 { padding-left:30% }
.tem61-service .right .right_num2 { padding-left:18% }
.tem61-service .right .right_num3 { padding-left:6% }
.tem61-service .service-box { width:100%; position:relative; color:#232323 }
.tem61-service .service-box .icon { position:absolute; top:0; right:0; width:80px; height:80px; line-height:80px; text-align:center; font-size:20px; background-color:#fff; color:inherit; border-radius:50%; transition:all .5s ease-in-out 0s
}
.tem61-service .service-box:hover .icon { transform:translateY(10px) }
.tem61-service .service-box .icon span { line-height:80px }
.tem61-service .left .left_num2 .service-box .text { padding-left:12% }
.tem61-service .right .right_num2 .service-box .text { padding-right:12% }
.tem61-service .left .left_num3 .service-box .text { padding-left:24% }
.tem61-service .right .right_num3 .service-box .text { padding-right:24% }
.tem61-service .service-box .text { color:#232323; padding:30px 100px 30px 0; text-align:right; transition:all .3s ease-out 0s;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s
}
.tem61-service .service-box:hover .text { transform:translateY(-10px) }
.tem61-service .service-box .text .title { color:inherit; font-weight:600; line-height:160%; margin-bottom:10px }
.tem61-service .service-box .text .description { color:inherit; opacity:.6; font-size:12px; line-height:170% }
.tem61-service .right .service-box .icon { left:0; right:auto }
.tem61-service .right .service-box .text { text-align:left; padding:30px 0 30px 100px }
.tem61-service .more { width:100%; margin-top:50px; text-align:center }
.tem61-service .more a { box-shadow:0 8px 20px 0 rgba(0, 0, 0, 0.1); border-radius:30px; border:1px solid; border-color:#fff; color:#232323; font-size:12px; transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
background:#fff; padding:18px 45px; font-weight:600 }
.tem61-service .more a:hover { box-shadow:none }
@media(max-width:768px) {
.tem61-service {
padding:20px 0!important
}
.tem61-service .subtitle {
font-size:20px!important
}
.tem61-service .left .left_item {
padding-right:0
}
.tem61-service .right .right_item {
padding-left:0
}
.tem61-service .left .left_num1 .service-box .text, .tem61-service .left .left_num2 .service-box .text, .tem61-service .left .left_num3 .service-box .text {
padding-left:10%
}
.tem61-service .right .right_num1 .service-box .text, .tem61-service .right .right_num2 .service-box .text, .tem61-service .right .right_num3 .service-box .text {
padding-right:10%
}
.tem61-service .service-box .text .title {
font-weight:normal;
margin-bottom:5px
}
}
@media(max-width:480px) {
.tem61-service {
padding:20px 0!important
}
.tem61-service .subtitle {
font-size:16px!important;
margin-bottom:20px
}
.tem61-service .service-box .icon {
width:60px;
height:60px;
line-height:60px;
left:0
}
.tem61-service .service-box .icon span {
line-height:60px
}
.tem61-service .service-box .text {
padding:10px 0 10px 80px!important;
text-align:left
}
.tem61-service .more {
margin-top:30px
}
.tem61-service .more a {
padding:12px 40px
}
}
@media(max-width:360px) {
.tem61-service .subtitle {
font-size:16px
}
.tem61-service .more {
margin-top:20px
}
.tem61-service .more a {
padding:10px 35px
}
.tem61-service .service-box .text .title {
font-size:12px
}
.tem61-service .service-box .icon {
width:50px;
height:50px;
line-height:50px
}
.tem61-service .service-box .icon span {
line-height:50px
}
.tem61-service .service-box .text {
padding:10px 0 10px 70px!important
}
}
.tem207-irregular { width:100% }
.tem207-irregular .title-header { width:100%; text-align:center }
.tem207-irregular .title-header .title { font-size:20px; color:#fff; margin-bottom:10px }
.tem207-irregular .title-header .description { color:#6f6f6f; font-size:14px; line-height:24px; width:65%; margin:0 auto 25px; display:block }
.tem207-irregular .bottom_img { width:100% }
.tem207-irregular .bottom_img img { max-width:100%; margin:0 auto; display:block }
.tem207-irregular .item { margin:80px auto 60px; float:none; text-align:center }
.tem207-irregular .item .col-lg-2:nth-of-type(6n+1), .tem207-irregular .item .col-lg-3:nth-of-type(4n+1), .tem207-irregular .item .col-lg-4:nth-of-type(3n+1), .tem207-irregular .item .col-lg-6:nth-of-type(2n+1) {
clear:both
}
.tem207-irregular .item .col-lg-3 img { max-width:100%; margin-bottom:20px }
.tem207-irregular .item .col-lg-3 .title { width:100%; text-align:center; font-size:12px; line-height:12px; font-weight:500; color:#6f6f6f; margin-bottom:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
@media(max-width:991px) {
.tem207-irregular {
padding-top:100px!important
}
.tem207-irregular .item {
width:80%
}
}
@media(max-width:767px) {
.tem207-irregular {
padding-top:80px!important
}
.tem207-irregular .item {
width:60%;
margin:6px auto
}
.tem207-irregular .item .col-xs-6:nth-of-type(n) {
clear:none
}
.tem207-irregular .item .col-xs-6:nth-of-type(2n+1) {
clear:both
}
}
@media(max-width:480px) {
.tem207-irregular {
padding-top:60px!important
}
.tem207-irregular .item {
width:80%;
margin:40px auto 30px
}
.tem207-irregular .title-header .title {
font-size:18px
}
.tem207-irregular .item .col-lg-3 img {
margin-bottom:10px
}
}
@media(max-width:360px) {
.tem207-irregular {
padding-top:40px!important
}
.tem207-irregular .item {
width:80%;
margin:40px auto 30px
}
.tem207-irregular .title-header .title {
font-size:16px
}
.tem207-irregular .title-header .description {
font-size:12px;
line-height:20px
}
}
@media (max-width: 768px) {
.tem207-irregular .container, .tem207-irregular.full-screen-spacing .title-header {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem207-irregular.full-screen-spacing .container {
padding-left: 0!important;
padding-right: 0!important
}
}
.tem85-service { padding:2% 0; }
.tem85-service .item { padding:1vw!important; }
.tem85-service .box { border-color:#fb4f45; }
.tem85-service .title { padding:6px 30px; }
.tem85-service .description {
transition:.5s; border:20px solid; border-color:inherit; border-top:none; border-bottom:none; padding:6px 10px 2px; }
.tem85-service .description section { transition:1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.tem85-service.content-left .description { border-right:none; }
.tem85-service.content-left .item:hover .description { border-left-width:10px; padding-right:20px; }
.tem85-service.content-left .item[style*="hidden"] .description {
border-left-width:0;
}
.tem85-service.content-left .item[style*="hidden"] .description section {
transform:translateX(-100%);
}
.tem85-service.content-right .description { border-left:none; }
.tem85-service.content-right .item:hover .description { border-right-width:10px; padding-left:20px; }
.tem85-service.content-right .item[style*="hidden"] .description {
border-right-width:0;
}
.tem85-service.content-right .item[style*="hidden"] .description section {
transform:translateX(100%);
}
.tem85-service.content-right { text-align:right; }
.tem06-category_description .item * { transition: all .6s linear;
}
.tem06-category_description .item a, .tem06-category_description .item { padding: 15px; z-index: 1; }
.tem06-category_description .item .container { padding: 0; }
.tem06-category_description .item a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; }
.tem06-category_description .item a .box { width: 100%; height: 100%; }
.tem06-category_description .item .block { padding: 45px 35px; border-radius: 6px; overflow: hidden; position: relative; text-decoration: none !important; }
.tem06-category_description .item .block:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .2); }
.tem06-category_description .item .bgimg { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; background-color: #38CEA8; }
.tem06-category_description .item .bgimg .box { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.tem06-category_description .item .text { color: #FFF; text-decoration: none; }
.tem06-category_description .item .text .title { font-size: 30px; line-height: 1; padding-bottom: 10px; font-weight: bold; }
.tem06-category_description .item .text .description { line-height: 2; }
body.designer-body .tem06-category_description .item a { z-index: -1; }
@media (max-width: 768px) {
.tem06-category_description .container, .tem06-category_description.full-screen-spacing .container.full-screen {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem06-category_description .item .block {
padding:8%;
}
}
.tem264-irregular { padding:5% 0; }
.tem264-irregular .item { padding-left:0!important; padding-right:0!important; }
.tem264-irregular .container { display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:center; }
.tem264-irregular .container .item:nth-child(2n) {
margin:0 -1px;
}
.tem264-irregular .title_ { padding:30px 0 20px; color:#FFF; }
.tem264-irregular .description_ { padding:20px; border:1px solid #EEE; border-top-width:0; }
.tem264-irregular .description_ section, .tem264-irregular .description_ ul { border:none; border-color:inherit; padding-bottom:10px; }
.tem264-irregular .description_ li { padding:10px; border-bottom:1px solid; border-color:inherit; }
.tem264-irregular .description_ ul li:last-child { border-bottom:none; }
.tem264-irregular .morea { display:block; padding:10px; border-radius:4px; border:1px solid; border-color:inherit; }
.tem264-irregular .morea:hover { color:#FFF; border-color:transparent!important; }
@media(max-width:768px) {
.tem264-irregular .box {
margin-top:0!important;
}
.tem264-irregular .container {
padding-left:3%!important;
padding-right:3%!important
}
.tem264-irregular.full-screen-spacing .container {
padding-left: 0!important;
padding-right: 0!important
}
}
.tem76-service { padding:2% 0; background-color:#FFF; text-align:center; background-color:#F9F9F9; }
.tem76-service a { display:block; height:100%; overflow:hidden; position:relative; color:#333; background-color:#FFF; padding:60px 30px; border-radius:10px; box-shadow:0 10px 30px rgba(0, 0, 0, .05); }
.tem76-service a .bg { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:.5s;
border-radius:inherit; }
.tem76-service a:hover { color:#FFF!important; }
.tem76-service a:hover .bg, .tem76-service a:hover .descr { opacity:1; }
.tem76-service a:hover .icon { color:inherit; }
.tem76-service .icon { color:var(--main-color); font-size:50px; }
.tem76-service .item { padding:.5vw!important;
}
.tem76-service .titl { font-size:16px; font-weight:bold; padding:10px 0 5px; font-weight:bold; }
.tem76-service .descr { opacity:.6; }
.tem76-service .box { position:relative; z-index:1; }
@media(max-width:768px) {
.tem76-service a {
color:#FFF!important;
border-radius:0;
}
.tem76-service a .bg {
opacity:1;
}
.tem76-service a .icon {
color:inherit;
}
}
/* .mainlist .tem23-list-title */
.mainlist .tem23-list-title { padding-left: 0!important; padding-right: 0!important; }
/* tem23-title */
.tem23-title p { padding:0; margin:0; }
.tem23-title .subtitle { background-color:#FFF; color:#333; padding:.5em .3em; line-height:1 !important; font-size:10px; letter-spacing:0.3em; display:inline-block; box-shadow:0 5px 10px rgba(11, 11, 11, 0.1); font-size:12px; }
.tem23-title .title { font-size:42px; line-height:1 !important; padding:.4em 0 .2em; }
.tem23-title .description { font-size:16px; line-height:1.5 !important; letter-spacing:.11em; color:#CCC; }
.content-left .tem23-title { text-align:left; }
.content-middle .tem23-title { text-align:center; }
.content-right .tem23-title { text-align:right; }
@media (max-width: 768px) {
.tem23-title {
padding-left: 2%!important;
padding-right: 2%!important;
}
.full-screen-spacing .full-screen .tem23-title {
padding-left: 3%!important;
padding-right: 3%!important;
}
}
/*tem10-button*/
.tem10-button { text-align:center; }
.tem10-button .button-box { font-size:14px; color:#fff; border:none; padding:10px 60px; border-radius:0; }
.tem10-button .button-box .icon { display:inline-block; color:#fff; font-size:14px; line-height:25px; }
@media (max-width:767px) {
.tem10-button .button-box {
font-size:12px;
width:60%;
padding:0;
height:40px;
line-height:40px;
}
.tem10-button .button-box .icon {
line-height:40px;
}
}
.tem27-guide-language { position:relative; text-align:center; }
.tem27-guide-language.content-left .text { margin: 0; }
.tem27-guide-language.content-right .text { float: right; }
.tem27-guide-language .text { width: 100%; border-color:#fff; color:#fff; text-align: center; margin:auto; }
.tem27-guide-language .text .short { margin:auto; text-align: center; padding:8px 16px; color:#000; display: inline-block; background-color:#fff; font-weight: 500; font-size:16px; max-width: 80%; }
.tem27-guide-language .text .title { border-color:inherit; width: 100%; padding: 8% 5%; position: relative; z-index: -1; transform: translateY(-20px); -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px); }
.tem27-guide-language .text .title::before {
position: absolute;
content: "";
left:0;
top:0;
width: 100%;
height: 100%;
z-index: -1;
border:2px solid;
border-color:inherit;
}
.tem27-guide-language .text .description { width: 100%; padding-top: 20px; position: relative; border-color:inherit; color:#999; }
.tem27-guide-language .text .description::before {
position: absolute;
content: "";
left:50%;
top:0;
width: 20px;
z-index: -1;
border-top:4px solid;
border-color:inherit;
transform: translateX(-50%);
}
@media (max-width: 768px) {
.tem27-guide-language .container, .tem27-guide-language.full-screen-spacing .container.full-screen {
padding-left: 3%!important;
padding-right: 3%!important
}
}
@media (max-width: 480px) {
.tem27-guide-language .text {
width: 100%!important;
}
.tem27-guide-language .text .title {
transform: translateY(-14px);
， -moz-transform: translateY(-14px);
-webkit-transform: translateY(-14px);
}
.tem27-guide-language .text .title::before {
border-width: 1px;
}
.tem27-guide-language .text .short {
padding: 5px 12px;
font-size: 14px;
}
.tem27-guide-language .text .description {
padding-top: 15px;
}
}
.tem26-footer { }
.tem26-footer .col-lg-2:nth-of-type(6n+1), .tem26-footer .col-lg-3:nth-of-type(4n+1), .tem26-footer .col-lg-4:nth-of-type(3n+1), .tem26-footer .col-lg-6:nth-of-type(2n+1) {
clear: both;
}
.tem26-footer .col-xs-6 { margin:10px 0; }
.tem26-footer .title-header { margin-bottom: 10%; }
.tem26-footer .title-header .subtitle { font-size: 12px; letter-spacing: 25px; color:#333; font-size: 10px; margin-bottom: 30px; padding-left:85px; }
.tem26-footer .title-header .title { color:#333333; font-weight: 300; font-size: 40px; position: relative; border-color:#979797; padding-left:85px; }
.tem26-footer .title-header .title::after {
position: absolute;
content: "";
border-top:1px solid;
width: 65px;
height: 1px;
border-color:inherit;
left:0;
top:50%;
}
.tem26-footer .item { color:#4D4D4D; }
.tem26-footer .icon { width: 100%; text-align: center; color:inherit; margin-bottom: 18px; font-size: 30px; opacity: .8; }
.tem26-footer .text { text-align: center; }
.tem26-footer .text .title { font-size: 12px; letter-spacing: 1.5px; font-size: 12px; color:inherit; opacity: .7; }
.tem26-footer .text .description { color:inherit; letter-spacing: 1px; line-height: 20px; font-size: 13px; }
.tem26-footer .sitemap-link { color:#333; text-align: center; }
@media(max-width: 768px) {
.tem26-footer .container, .tem26-footer.full-screen-spacing .container.full-screen {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem26-footer .title-header {
margin-bottom: 20px;
}
.tem26-footer .title-header .title {
padding-left: 50px;
}
.tem26-footer .title-header .title::after {
width: 30px;
}
.tem26-footer .title-header .subtitle {
letter-spacing: 4px;
padding-left: 50px;
margin-bottom: 10px;
font-size: 12px !important;
}
.tem26-footer .text .title {
font-size: 12px!important;
}
.tem26-footer .col-xs-6:nth-of-type(n) {
width: 50%;
clear: none;
}
.tem26-footer .col-xs-6:nth-of-type(2n+1) {
clear: both;
}
.tem26-footer .title-header .subtitle {
padding-left: 0;
}
.tem26-footer .title-header .title::after {
color:inherit;
}
.tem26-footer .col-xs-6:nth-of-type(n) {
clear: none;
}
 .tem26-footer .col-xs-6:nth-of-type(2n+1) {
clear: both;
}
}
@media (max-width: 360px) {
.tem26-footer .col-xs-6:nth-of-type(n) {
width: 100%;
}
.tem26-footer .title-header .subtitle {
margin-bottom: 8px;
}
.tem26-footer .icon {
font-size: 24px;
margin-bottom: 8px;
}
.tem26-footer .text, .tem26-footer .icon {
text-align: center;
}
/*.tem26-footer{display: none;}*/
}
.tem08-development-path .col-lg-2:nth-of-type(6n+1), .tem08-development-path .col-lg-3:nth-of-type(4n+1), .tem08-development-path .col-lg-4:nth-of-type(3n+1), .tem08-development-path .col-lg-6:nth-of-type(2n+1) {
clear:both;
}
.tem08-development-path .tem08-list-title { text-align:center; margin:10px 0 30px; }
.tem08-development-path .tem08-list-title .title { font-size:28px; color:#323232; }
.tem08-development-path .wrap { counter-reset:div; overflow:hidden; }
.tem08-development-path .col-xs-6 { position:relative; border-color:#dcdcdc; padding:0; margin:20px 0; }
.tem08-development-path .col-xs-6::before {
position:absolute;
content:counter(div, decimal-leading-zero);
counter-increment:div;
color:#666;
z-index:1;
left:0;
top:0;
width:60px;
height:60px;
line-height:60px;
text-align:center;
z-index:6;
font-family:"HELVETICANEUELTPRO-THEX", Arial;
font-size:18px;
border-radius:50%;
transition:all .4s linear 0s;
}
.tem08-development-path .col-xs-6:hover::before {
color:#fff!important;
}
.tem08-development-path .col-xs-6::after {
content:"";
position:absolute;
top:30px;
left:68px;
width: calc(100% - 78px);
height:1px;
border-top:1px solid;
border-color:inherit;
z-index:3;
}
.tem08-development-path .border_HR { position:relative; left:0; top:0; width:60px; border-radius:50%; height:60px; z-index:5; overflow:hidden; }
.tem08-development-path .border_HR::before {
content:"";
position:absolute;
width:100%;
height:0;
left:0;
top:60px;
-o-transition:all 0.4s ease-out 0s;
-moz-transition:all 0.4s ease-out 0s;
-ms-transition:all 0.4s ease-out 0s;
-webkit-transition:all 0.4s ease-out 0s;
transition:all 0.4s ease-out 0s;
}
.tem08-development-path .col-xs-6:hover .border_HR::before {
height:100%;
top:0;
}
.tem08-development-path .wrap .text { position:relative; top:-60px; z-index:4; margin-bottom:-60px; }
.tem08-development-path .border { border:1px solid; border-color:inherit; width:60px; height:60px; border-radius:50%; position:relative; background:#fff; z-index:4; }
.tem08-development-path .text .title { font-size:14px; line-height:24px; color:#646464; margin-top:25px; padding-top:15px; position:relative; width:80%; overflow:hidden; }
.tem08-development-path .text .title::before {
content:"";
position:absolute;
width:20px;
border-top:1px solid #a0a0a0;
height:1px;
left:0;
top:0;
transition:all .4s linear 0s;
}
.tem08-development-path .col-xs-6:hover .text .title::before {
border-color:inherit;
width:100%;
}
@media (max-width:991px) {
.tem08-development-path .col-lg-2, .tem08-development-path .col-lg-3 {
width:33.3333%;
}
.tem08-development-path .col-lg-2:nth-of-type(n), .tem08-development-path .col-lg-3:nth-of-type(n) {
clear:none;
}
.tem08-development-path .col-lg-2:nth-of-type(3n+1), .tem08-development-path .col-lg-3:nth-of-type(3n+1) {
clear:both;
}
}
@media (max-width:768px) {
.tem08-development-path .container, .tem08-development-path.full-screen-spacing .container.full-screen {
padding-left: 2%!important;
padding-right: 2%!important
}
}
@media (max-width:640px) {
.tem08-development-path .col-xs-6 {
width:50%;
margin:10px 0;
}
.tem08-development-path .col-xs-6:nth-of-type(n) {
clear:none;
width:50%;
}
.tem08-development-path .col-xs-6:nth-of-type(2n+1) {
clear:both;
}
.tem08-development-path .tem08-list-title .title {
font-size:20px;
}
.tem08-development-path .tem08-list-title {
margin:10px 0;
}
}
@media (max-width:360px) {
.tem08-development-path .col-xs-6 {
width:100%;
}
.tem08-development-path .col-xs-6:nth-of-type(n) {
clear:none;
}
.tem08-development-path .col-xs-6::before {
font-size:15px;
height:50px;
width:50px;
line-height:50px;
}
.tem08-development-path .col-xs-6::after {
left:58px;
width: calc(100% - 58px);
}
.tem08-development-path .border_HR::before {
top:50px;
}
.tem08-development-path .border_HR, .tem08-development-path .border {
width:50px;
height:50px;
}
.tem08-development-path .wrap .text {
top:-50px;
}
.tem08-development-path .text .title {
height:auto;
margin-top:10px;
padding-top:10px;
}
}
.tem100-service { background-color:#0b1723; }
.tem100-service .flexBoxWrap { align-items: center; }
.tem100-service.content-right .flexBoxWrap { flex-direction: row-reverse; align-items: center; }
.tem100-service .con, .tem100-service .items { padding: 0!important; overflow: hidden; }
.tem100-service .left { display: flex; display: -webkit-flex; flex-direction: row-reverse; flex-wrap: wrap; position: relative; z-index: 1; }
.designer-body .tem100-service .item1 { padding: 50px 0; }
.tem100-service .item1 { padding: 0!important; }
.tem100-service .item { width: 100%; height: 100%; display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; padding: 120px 0; transition: .8s;
-moz-transition: .8s;
-webkit-transition: .8s;
}
.tem100-service .item .image { position: absolute; left:0; top:0; bottom:0; right: 0; z-index: -1; background-position: center; background-size: cover; transition: .8s;
-moz-transition: .8s;
-webkit-transition: .8s;
}
.tem100-service .item .icon { text-align:center; padding: 25px 0; width: 80%; transition: .4s;
display: flex; display: -webkit-flex; align-items: center; margin:auto; }
.tem100-service .item ._icon { font-size: 2rem; margin-right: 12%; }
.tem100-service .item .text { text-align: left; color:#fff; }
.tem100-service .item .title { font-size: 16px; }
.tem100-service .item .description { margin-top: 10px; opacity: .8; }
.tem100-service .txt { padding: 0 7%; color:#fff; }
.tem100-service .right .title { font-size: 2.25rem; position: relative; z-index: 1; padding-bottom: 20px; transition: .4s ease-out .1s;
-moz-transition: .4s ease-out .1s;
-webkit-transition: .4s ease-out .1s;
}
.tem100-service .right .title::before {
position: absolute;
content: "";
width:15%;
left:-20%;
bottom:0;
border-bottom: 1px solid;
border-color: inherit;
z-index: -1;
transition: .3s ease-out .1s;
-moz-transition: .3s ease-out .1s;
-webkit-transition: .3s ease-out .1s;
}
.tem100-service .right .description { line-height: 180%; padding-left: 10%; margin-top: 30px; color:#aaa; }
.tem100-service.content-left .right .description { padding: 0; }
.tem100-service.content-left .txt { text-align: right; }
.tem100-service.content-left .right .title::before {
right:-15%;
left:auto;
}
@media (min-width: 769px) {
.tem100-service .con:hover .image {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.tem100-service .item .icon:hover {
transform: translateY(-10px);
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
.tem100-service .right:hover .title {
transform: translateX(20px);
-moz-transform: translateX(20px);
-webkit-transform: translateX(20px);
}
.tem100-service.content-left .right:hover .title {
transform: translateX(-20px);
transform: translateX(-20px);
transform: translateX(-20px);
}
.tem100-service .right:hover .title::before {
width: 18%;
}
}
@media (max-width: 768px) {
.tem100-service .container, .tem100-service.full-screen-spacing .container.full-screen {
padding-left: 0!important;
padding-right: 0!important;
}
.tem100-service .txt {
padding: 15px 3%;
}
.tem100-service.content-left .txt {
text-align: left;
}
.tem100-service .right .title {
padding-bottom: 10px;
}
.tem100-service .right .description {
padding: 0;
margin: 0;
}
.tem100-service .right .title::before {
left:-3%;
width:8%;
}
.tem100-service .item .icon {
padding: 10px;
}
}
@media (max-width: 480px) {
.tem100-service .item {
padding: 20px 0;
}
.tem100-service .item .icon {
width: 100%;
padding: 3% 5%;
}
.tem100-service .item ._icon {
margin-right: 5%;
}
.tem100-service.content-left .txt {
text-align: left;
}
.tem100-service .right .title::before {
opacity: 0;
}
.tem100-service .right .description {
margin-top: 0;
}
}
@media (max-width: 360px) {
.tem100-service .items {
width: 50%;
}
}
.tem84-service .wrap { counter-reset: div; }
.tem84-service .item { color:#333; position: relative; z-index: 1; float:right; }
.tem84-service .wrap .item::before {
position: absolute;
content: counter(div, decimal-leading-zero);
counter-increment: div;
left:0;
top:0;
color:#fff;
z-index: 2;
font-family:HELVETICANEUELTPRO-THEX, Arial;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
left:15px;
font-size: 20px;
font-weight: 700;
}
.tem84-service .item .box { color:inherit; text-align:left; margin-bottom:80px; position:relative; color:inherit; display: block;  -moz-transition:all .4s ease-in 0s;
 -webkit-transition:all .4s ease-in 0s;
 transition:all .4s ease-in 0s;
}
.tem84-service .item .box::before {
position:absolute;
content:"\ec00";
right:0;
top:3px;
font-size:30px;
opacity:.2;
font-family:'icomoon' !important;
color:inherit;
transform: rotate(180deg);
right:calc(100% + 30px);
}
.tem84-service .item span.bg-color { width:40px; height: 40px; border-radius: 50%; display: block; position: absolute; left:0; top:0; }
.tem84-service .item .box .title { padding-left: 55px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin:0 0 15px; height:40px; line-height: 40px!important; font-size: 16px; width: calc(100% - 40px); }
.tem84-service .item:last-child .box::before {
opacity: 0!important;
}
 @media(min-width:1200px) {
/*头尾换成向下箭头*/
.tem84-service .col-lg-2:nth-of-type(6n) .box::before, .tem84-service .col-lg-3:nth-of-type(4n) .box::before, .tem84-service .col-lg-4:nth-of-type(3n) .box::before, .tem84-service .col-lg-2_4:nth-of-type(5n) .box::before, .tem84-service .col-lg-6:nth-of-type(2n) .box::before, .tem84-service .col-lg-12:nth-of-type(n) .box::before {
content:"\ec02";
}
/*单数行左浮动，双数行右浮动*/
.tem84-service .col-lg-6:nth-child(4n+1), .tem84-service .col-lg-6:nth-child(4n+2), .tem84-service .col-lg-2_4:nth-child(10n+1), .tem84-service .col-lg-2_4:nth-child(10n+2), .tem84-service .col-lg-2_4:nth-child(10n+3), .tem84-service .col-lg-2_4:nth-child(10n+4), .tem84-service .col-lg-2_4:nth-child(10n+5), .tem84-service .col-lg-4:nth-child(6n+1), .tem84-service .col-lg-4:nth-child(6n+2), .tem84-service .col-lg-4:nth-child(6n+3), .tem84-service .col-lg-3:nth-child(8n+1), .tem84-service .col-lg-3:nth-child(8n+2), .tem84-service .col-lg-3:nth-child(8n+3), .tem84-service .col-lg-3:nth-child(8n+4), .tem84-service .col-lg-2:nth-child(12n+1), .tem84-service .col-lg-2:nth-child(12n+2), .tem84-service .col-lg-2:nth-child(12n+3), .tem84-service .col-lg-2:nth-child(12n+4), .tem84-service .col-lg-2:nth-child(12n+5), .tem84-service .col-lg-2:nth-child(12n+6) {
float:left;
}
 .tem84-service .col-lg-2:nth-child(6n+1), .tem84-service .col-lg-3:nth-child(4n+1), .tem84-service .col-lg-4:nth-child(3n+1), .tem84-service .col-lg-2_4:nth-child(5n+1), .tem84-service .col-lg-6:nth-child(2n+1) {
clear:both;
}

/*单排右箭头，双排左箭头*/
.tem84-service .col-lg-6:nth-child(4n+1) .box::before, .tem84-service .col-lg-6:nth-child(4n+2) .box::before, .tem84-service .col-lg-2_4:nth-child(10n+1) .box::before, .tem84-service .col-lg-2_4:nth-child(10n+2) .box::before, .tem84-service .col-lg-2_4:nth-child(10n+3) .box::before, .tem84-service .col-lg-2_4:nth-child(10n+4) .box::before, .tem84-service .col-lg-2_4:nth-child(10n+5) .box::before, .tem84-service .col-lg-4:nth-child(6n+1) .box::before, .tem84-service .col-lg-4:nth-child(6n+2) .box::before, .tem84-service .col-lg-4:nth-child(6n+3) .box::before, .tem84-service .col-lg-3:nth-child(8n+1) .box::before, .tem84-service .col-lg-3:nth-child(8n+2) .box::before, .tem84-service .col-lg-3:nth-child(8n+3) .box::before, .tem84-service .col-lg-3:nth-child(8n+4) .box::before, .tem84-service .col-lg-2:nth-child(12n+1) .box::before, .tem84-service .col-lg-2:nth-child(12n+2) .box::before, .tem84-service .col-lg-2:nth-child(12n+3) .box::before, .tem84-service .col-lg-2:nth-child(12n+4) .box::before, .tem84-service .col-lg-2:nth-child(12n+5) .box::before, .tem84-service .col-lg-2:nth-child(12n+6) .box::before {
transform: rotate(0);
right:0;
}
/*转角箭头*/
.tem84-service .col-lg-12:nth-child(n) .box::before, .tem84-service .col-lg-6:nth-child(2n) .box::before, .tem84-service .col-lg-2_4:nth-child(5n) .box::before, .tem84-service .col-lg-4:nth-child(3n) .box::before, .tem84-service .col-lg-3:nth-child(4n) .box::before, .tem84-service .col-lg-2:nth-child(6n) .box::before {
transform: translateY(100%);
right:calc(100% - 35px);
height:100%;
}
}
@media(min-width:992px) and (max-width:1199px) {
/*头尾换成向下箭头*/
.tem84-service .col-md-2:nth-of-type(6n) .box::before, .tem84-service .col-md-3:nth-of-type(4n) .box::before, .tem84-service .col-md-4:nth-of-type(3n) .box::before, .tem84-service .col-md-2_4:nth-of-type(5n) .box::before, .tem84-service .col-md-6:nth-of-type(2n) .box::before, .tem84-service .col-md-12:nth-of-type(n) .box::before {
content:"\ec02";
}
/*单数行左浮动，双数行右浮动*/
.tem84-service .col-md-6:nth-child(4n+1), .tem84-service .col-md-6:nth-child(4n+2), .tem84-service .col-md-2_4:nth-child(10n+1), .tem84-service .col-md-2_4:nth-child(10n+2), .tem84-service .col-md-2_4:nth-child(10n+3), .tem84-service .col-md-2_4:nth-child(10n+4), .tem84-service .col-md-2_4:nth-child(10n+5), .tem84-service .col-md-4:nth-child(6n+1), .tem84-service .col-md-4:nth-child(6n+2), .tem84-service .col-md-4:nth-child(6n+3), .tem84-service .col-md-3:nth-child(8n+1), .tem84-service .col-md-3:nth-child(8n+2), .tem84-service .col-md-3:nth-child(8n+3), .tem84-service .col-md-3:nth-child(8n+4), .tem84-service .col-md-2:nth-child(12n+1), .tem84-service .col-md-2:nth-child(12n+2), .tem84-service .col-md-2:nth-child(12n+3), .tem84-service .col-md-2:nth-child(12n+4), .tem84-service .col-md-2:nth-child(12n+5), .tem84-service .col-md-2:nth-child(12n+6) {
float:left;
}
 .tem84-service .col-md-2:nth-child(6n+1), .tem84-service .col-md-3:nth-child(4n+1), .tem84-service .col-md-4:nth-child(3n+1), .tem84-service .col-md-2_4:nth-child(5n+1), .tem84-service .col-md-6:nth-child(2n+1) {
clear:both;
}

/*单排右箭头，双排左箭头*/
.tem84-service .col-md-6:nth-child(4n+1) .box::before, .tem84-service .col-md-6:nth-child(4n+2) .box::before, .tem84-service .col-md-2_4:nth-child(10n+1) .box::before, .tem84-service .col-md-2_4:nth-child(10n+2) .box::before, .tem84-service .col-md-2_4:nth-child(10n+3) .box::before, .tem84-service .col-md-2_4:nth-child(10n+4) .box::before, .tem84-service .col-md-2_4:nth-child(10n+5) .box::before, .tem84-service .col-md-4:nth-child(6n+1) .box::before, .tem84-service .col-md-4:nth-child(6n+2) .box::before, .tem84-service .col-md-4:nth-child(6n+3) .box::before, .tem84-service .col-md-3:nth-child(8n+1) .box::before, .tem84-service .col-md-3:nth-child(8n+2) .box::before, .tem84-service .col-md-3:nth-child(8n+3) .box::before, .tem84-service .col-md-3:nth-child(8n+4) .box::before, .tem84-service .col-md-2:nth-child(12n+1) .box::before, .tem84-service .col-md-2:nth-child(12n+2) .box::before, .tem84-service .col-md-2:nth-child(12n+3) .box::before, .tem84-service .col-md-2:nth-child(12n+4) .box::before, .tem84-service .col-md-2:nth-child(12n+5) .box::before, .tem84-service .col-md-2:nth-child(12n+6) .box::before {
transform: rotate(0);
right:0;
}
/*转角箭头*/
.tem84-service .col-md-12:nth-child(n) .box::before, .tem84-service .col-md-6:nth-child(2n) .box::before, .tem84-service .col-md-2_4:nth-child(5n) .box::before, .tem84-service .col-md-4:nth-child(3n) .box::before, .tem84-service .col-md-3:nth-child(4n) .box::before, .tem84-service .col-md-2:nth-child(6n) .box::before {
transform: translateY(100%);
right:calc(100% - 35px);
height:100%;
}
}
@media(min-width:768px) and (max-width:991px) {

/*头尾换成向下箭头*/
.tem84-service .col-sm-2:nth-of-type(6n) .box::before, .tem84-service .col-sm-3:nth-of-type(4n) .box::before, .tem84-service .col-sm-4:nth-of-type(3n) .box::before, .tem84-service .col-sm-2_4:nth-of-type(5n) .box::before, .tem84-service .col-sm-6:nth-of-type(2n) .box::before, .tem84-service .col-sm-12:nth-of-type(n) .box::before {
content:"\ec02";
}
/*单数行左浮动，双数行右浮动*/
.tem84-service .col-sm-6:nth-child(4n+1), .tem84-service .col-sm-6:nth-child(4n+2), .tem84-service .col-sm-2_4:nth-child(10n+1), .tem84-service .col-sm-2_4:nth-child(10n+2), .tem84-service .col-sm-2_4:nth-child(10n+3), .tem84-service .col-sm-2_4:nth-child(10n+4), .tem84-service .col-sm-2_4:nth-child(10n+5), .tem84-service .col-sm-4:nth-child(6n+1), .tem84-service .col-sm-4:nth-child(6n+2), .tem84-service .col-sm-4:nth-child(6n+3), .tem84-service .col-sm-3:nth-child(8n+1), .tem84-service .col-sm-3:nth-child(8n+2), .tem84-service .col-sm-3:nth-child(8n+3), .tem84-service .col-sm-3:nth-child(8n+4), .tem84-service .col-sm-2:nth-child(12n+1), .tem84-service .col-sm-2:nth-child(12n+2), .tem84-service .col-sm-2:nth-child(12n+3), .tem84-service .col-sm-2:nth-child(12n+4), .tem84-service .col-sm-2:nth-child(12n+5), .tem84-service .col-sm-2:nth-child(12n+6) {
float:left;
}
 .tem84-service .col-sm-2:nth-child(6n+1), .tem84-service .col-sm-3:nth-child(4n+1), .tem84-service .col-sm-4:nth-child(3n+1), .tem84-service .col-sm-2_4:nth-child(5n+1), .tem84-service .col-sm-6:nth-child(2n+1) {
clear:both;
}

/*单排右箭头，双排左箭头*/
.tem84-service .col-sm-6:nth-child(4n+1) .box::before, .tem84-service .col-sm-6:nth-child(4n+2) .box::before, .tem84-service .col-sm-2_4:nth-child(10n+1) .box::before, .tem84-service .col-sm-2_4:nth-child(10n+2) .box::before, .tem84-service .col-sm-2_4:nth-child(10n+3) .box::before, .tem84-service .col-sm-2_4:nth-child(10n+4) .box::before, .tem84-service .col-sm-2_4:nth-child(10n+5) .box::before, .tem84-service .col-sm-4:nth-child(6n+1) .box::before, .tem84-service .col-sm-4:nth-child(6n+2) .box::before, .tem84-service .col-sm-4:nth-child(6n+3) .box::before, .tem84-service .col-sm-3:nth-child(8n+1) .box::before, .tem84-service .col-sm-3:nth-child(8n+2) .box::before, .tem84-service .col-sm-3:nth-child(8n+3) .box::before, .tem84-service .col-sm-3:nth-child(8n+4) .box::before, .tem84-service .col-sm-2:nth-child(12n+1) .box::before, .tem84-service .col-sm-2:nth-child(12n+2) .box::before, .tem84-service .col-sm-2:nth-child(12n+3) .box::before, .tem84-service .col-sm-2:nth-child(12n+4) .box::before, .tem84-service .col-sm-2:nth-child(12n+5) .box::before, .tem84-service .col-sm-2:nth-child(12n+6) .box::before {
transform: rotate(0);
right:0;
}
/*转角箭头*/
.tem84-service .col-sm-12:nth-child(n) .box::before, .tem84-service .col-sm-6:nth-child(2n) .box::before, .tem84-service .col-sm-2_4:nth-child(5n) .box::before, .tem84-service .col-sm-4:nth-child(3n) .box::before, .tem84-service .col-sm-3:nth-child(4n) .box::before, .tem84-service .col-sm-2:nth-child(6n) .box::before {
transform: translateY(100%);
right:calc(100% - 35px);
height:100%;
}
}
@media(max-width:767px) {
.tem84-service .container, .tem84-service.full-screen-spacing .container.full-screen {
padding-left: 3%!important;
padding-right: 3%!important;
}
.tem84-service .wrap .item::before {
left:3%;
}
.tem84-service .item .box::before {
font-size: 20px;
}
.tem84-service .wrap .item::before {
font-size: 18px;
}
/*头尾换成向下箭头*/
.tem84-service .col-xs-2:nth-of-type(6n) .box::before, .tem84-service .col-xs-3:nth-of-type(4n) .box::before, .tem84-service .col-xs-4:nth-of-type(3n) .box::before, .tem84-service .col-xs-2_4:nth-of-type(5n) .box::before, .tem84-service .col-xs-6:nth-of-type(2n) .box::before, .tem84-service .col-xs-12:nth-of-type(n) .box::before {
content:"\ec02";
}
/*单数行左浮动，双数行右浮动*/
.tem84-service .col-xs-6:nth-child(4n+1), .tem84-service .col-xs-6:nth-child(4n+2), .tem84-service .col-xs-2_4:nth-child(10n+1), .tem84-service .col-xs-2_4:nth-child(10n+2), .tem84-service .col-xs-2_4:nth-child(10n+3), .tem84-service .col-xs-2_4:nth-child(10n+4), .tem84-service .col-xs-2_4:nth-child(10n+5), .tem84-service .col-xs-4:nth-child(6n+1), .tem84-service .col-xs-4:nth-child(6n+2), .tem84-service .col-xs-4:nth-child(6n+3), .tem84-service .col-xs-3:nth-child(8n+1), .tem84-service .col-xs-3:nth-child(8n+2), .tem84-service .col-xs-3:nth-child(8n+3), .tem84-service .col-xs-3:nth-child(8n+4), .tem84-service .col-xs-2:nth-child(12n+1), .tem84-service .col-xs-2:nth-child(12n+2), .tem84-service .col-xs-2:nth-child(12n+3), .tem84-service .col-xs-2:nth-child(12n+4), .tem84-service .col-xs-2:nth-child(12n+5), .tem84-service .col-xs-2:nth-child(12n+6) {
float:left;
}
 .tem84-service .col-xs-2:nth-child(6n+1), .tem84-service .col-xs-3:nth-child(4n+1), .tem84-service .col-xs-4:nth-child(3n+1), .tem84-service .col-xs-2_4:nth-child(5n+1), .tem84-service .col-xs-6:nth-child(2n+1) {
clear:both;
}
/*单排右箭头，双排左箭头*/
.tem84-service .col-xs-6:nth-child(4n+1) .box::before, .tem84-service .col-xs-6:nth-child(4n+2) .box::before, .tem84-service .col-xs-2_4:nth-child(10n+1) .box::before, .tem84-service .col-xs-2_4:nth-child(10n+2) .box::before, .tem84-service .col-xs-2_4:nth-child(10n+3) .box::before, .tem84-service .col-xs-2_4:nth-child(10n+4) .box::before, .tem84-service .col-xs-2_4:nth-child(10n+5) .box::before, .tem84-service .col-xs-4:nth-child(6n+1) .box::before, .tem84-service .col-xs-4:nth-child(6n+2) .box::before, .tem84-service .col-xs-4:nth-child(6n+3) .box::before, .tem84-service .col-xs-3:nth-child(8n+1) .box::before, .tem84-service .col-xs-3:nth-child(8n+2) .box::before, .tem84-service .col-xs-3:nth-child(8n+3) .box::before, .tem84-service .col-xs-3:nth-child(8n+4) .box::before, .tem84-service .col-xs-2:nth-child(12n+1) .box::before, .tem84-service .col-xs-2:nth-child(12n+2) .box::before, .tem84-service .col-xs-2:nth-child(12n+3) .box::before, .tem84-service .col-xs-2:nth-child(12n+4) .box::before, .tem84-service .col-xs-2:nth-child(12n+5) .box::before, .tem84-service .col-xs-2:nth-child(12n+6) .box::before {
transform: rotate(0);
right:0;
}
/*转角箭头*/
.tem84-service .col-xs-12:nth-child(n) .box::before, .tem84-service .col-xs-6:nth-child(2n) .box::before, .tem84-service .col-xs-2_4:nth-child(5n) .box::before, .tem84-service .col-xs-4:nth-child(3n) .box::before, .tem84-service .col-xs-3:nth-child(4n) .box::before, .tem84-service .col-xs-2:nth-child(6n) .box::before {
transform: translateY(100%);
right:calc(100% - 35px);
height:100%;
}
}
@media (max-width: 320px) {
.tem84-service .item {
width: 50%!important;
}
.tem84-service .wrap .item::before, .tem84-service .item span.bg-color {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 13px;
font-weight: 500;
}
.tem84-service .wrap .item::before {
left:;
}
.tem84-service .item .box {
margin-bottom: 60px;
}
.tem84-service .item .box .title {
height: 30px;
line-height: 30px!important;
padding-left: 40px;
font-size: 14px;
width: calc(100% - 30px);
}
.tem84-service .item .box::before {
right:calc(100% + 10px);
}
}
.tem05-category_description { width:100% }
.tem05-category_description .title-header { width:100%; text-align:center; margin-bottom:70px }
.tem05-category_description .title-header .title { font-size:18px; color:#232323; margin-bottom:10px; line-height:24px }
.tem05-category_description .title-header .description { color:#6f6f6f; font-size:14px; line-height:24px; width:75%; margin:0 auto 25px; display:block }
.tem05-category_description .col-xs-6 { margin-top:15px; margin-bottom:15px }
.tem05-category_description .item { widows:100%; border:1px solid #ededed; box-shadow:0 0 12px rgba(0, 0, 0, .1); text-align:center; height:180px; overflow:hidden; padding-top:55px; -o-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-ms-transition:.2s ease-in-out;
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out
}
.tem05-category_description .item:hover { padding-top:25px }
.tem05-category_description .item .subtitle { font-size:25px; line-height:27px; font-weight:300; margin-bottom:5px }
.tem05-category_description .item .title { font-size:14px; color:#232323; margin-bottom:5px }
.tem05-category_description .item .description { padding:0 20px; color:#6f6f6f; line-height:24px; opacity:0; max-height:72px; overflow:hidden; -o-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-ms-transition:.2s ease-in-out;
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out
}
.tem05-category_description .item:hover .description { opacity:1 }
@media (max-width: 768px) {
.tem05-category_description .container, .tem05-category_description.full-screen-spacing .title {
padding-left: 3%!important;
padding-right: 3%!important
}
.tem05-category_description.full-screen-spacing .container.full-screen {
padding-left: 0!important;
padding-right: 0!important
}
.tem05-category_description .item .subtitle {
font-size: 18px!important;
}
}
@media(max-width:480px) {
.tem05-category_description .col-xs-6 {
width:100%;
margin:10px 0;
}
.tem05-category_description .item {
height: auto;
padding:5% 3%;
}
.tem05-category_description .item .description {
opacity:1;
max-height: 500px
}
.tem05-category_description .item {
padding-top:30px
}
.tem05-category_description .title-header {
margin-bottom:30px
}
.tem05-category_description .title-header .description {
width: 100%;
margin:0;
}
.tem05-category_description .title-header {
margin-bottom: 20px;
}
}
@media(max-width:360px) {
.tem05-category_description .item .subtitle {
font-size:18px;
line-height:24px
}
.tem05-category_description .item .description {
font-size:12px
}
}
.tem256-irregular .scrollBox { overflow:hidden; }
.tem256-irregular ul { display:flex; display:-webkit-flex; position:relative; }
.tem256-irregular a { display:block; color:inherit; height:100%; background-color:#F7F7F7; }
.tem256-irregular li { padding:3px; }
.tem256-irregular img { width:100%; }
.tem256-irregular .text { padding:5%; }
.tem256-irregular .title { font-size:16px; }
.tem256-irregular .description { font-size:13px; line-height:1.5; opacity:.6; }
.tem256-irregular.content-right { text-align:right; }
.tem256-irregular.content-middle { text-align:center; }
@media(max-width:1299px) {
.tem256-irregular li {
padding:2px;
}
}
@media(max-width:768px) {
.tem256-irregular li {
padding:1px;
}
.tem256-irregular .container {
padding-left:3%!important;
padding-right:3%!important
}
.tem256-irregular.full-screen-spacing .container {
padding-left: 0!important;
padding-right: 0!important
}
}
/*tem54-service*/
.tem54-service .col-xs-6 { padding:0; }
.tem54-service .col-sm-6:nth-of-type(4) {
clear:both;
}
.tem54-service .tem09-list-title { padding-top:40px; }
.tem54-service.full-screen-spacing .tem09-list-title { padding-left: 3%; }
.tem54-service .tem09-list-title .title { font-size:40px; ; }
.tem54-service .tem09-list-title .subtitle { font-size:13px; color:#999; line-height:20px; }
.tem54-service .item { width:100%; border-color:rgba(255, 255, 255, 0.12); }
.tem54-service .item a { position:relative; width:100%; height:100%; display:block; border:1px solid; border-color:inherit; color:#fff; z-index:1; padding:50px 40px; }
.tem54-service .item a { border-left:none; }
.tem54-service .col-xs-6:nth-of-type(2) .item a {
border-left:1px solid;
border-bottom:none;
border-color:inherit;
}
.tem54-service .col-xs-6:nth-of-type(3) .item a {
border-bottom:none;
}
.tem54-service .col-xs-6:nth-of-type(5) .item a {
border-left:1px solid;
border-color:inherit;
}
.tem54-service .item a::after {
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
z-index:-1;
opacity:0;
transition:all 0.36s ease 0s;
border-radius:4px;
}
.tem54-service .col-xs-6:nth-of-type(2) .item a {
z-index:5;
}
.tem54-service .col-xs-6:nth-of-type(3) .item a {
z-index:6;
}
.tem54-service .col-xs-6:nth-of-type(5) .item a {
z-index:4;
}
.tem54-service .col-xs-6:nth-of-type(6) .item a {
z-index:4;
}
.tem54-service .col-xs-6:nth-of-type(7) .item a {
z-index:5;
}
.tem54-service .item a:hover::after {
width:calc(100% + 20px);
height:calc(100% + 20px);
left:-10px;
top:-10px;
opacity:1;
}
.tem54-service .item a .icon { width:40px; height:40px; line-height:40px; border:1px solid; border-radius:50%; text-align:center; position:absolute; border-color:inherit; opacity:.8; font-size:16px; }
.tem54-service .item a .title { padding-left:50px; font-size:14px; height:40px; line-height:40px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.tem54-service .item a .description { color:inherit; opacity:.62; clear:both; margin-top:15px; padding-top:10px; position:relative; line-height:22px; white-space:nowrap; overflow:hidden; }
.tem54-service .item a .description::before {
width:42px;
content:"";
position:absolute;
left:0;
top:0;
height:1px;
border-top:1px solid;
border-color:inherit;
opacity:.4;
transition:all 0.7s ease 0s;
}
.tem54-service .item a:hover .description::before {
width:100%;
}
@media (max-width:991px) {
.tem54-service .col-sm-6:nth-of-type(n) {
clear:none;
}
.tem54-service .col-sm-6:nth-of-type(3) {
clear:both;
}
.tem54-service .col-sm-6:nth-of-type(4) .item a, .tem54-service .col-sm-6:nth-of-type(6) .item a {
border-left:none;
}
.tem54-service .item a {
border-left:1px solid;
border-color:inherit;
}
}
@media (max-width:768px) {
.tem54-service .container, .tem54-service.full-screen-spacing .container.full-screen {
padding-left: 2%!important;
padding-right: 2%!important
}
.tem54-service .tem09-list-title .title {
font-size:30px;
}
.tem54-service .item a .title {
line-height: 40px!important;
}
}
@media (max-width:480px) {
.tem54-service .tem09-list-title .title {
font-size:24px;
}
.tem54-service .item a {
padding:30px 20px;
}
.tem54-service .col-xs-6, .tem54-service .col-lg-6 {
width:100%;
padding:0;
}
.tem54-service .tem09-list-title {
padding:0 0 30px;
}
.tem54-service .col-xs-6:nth-of-type(2) .item a {
z-index:7;
}
.tem54-service .col-xs-6:nth-of-type(3) .item a {
z-index:6;
}
.tem54-service .col-xs-6:nth-of-type(5) .item a {
z-index:5;
}
.tem54-service .col-xs-6:nth-of-type(6) .item a {
z-index:4;
}
.tem54-service .col-xs-6:nth-of-type(7) .item a {
z-index:3;
}
.tem54-service .item a .description {
white-space:normal;
}
.tem54-service .col-xs-6:nth-of-type(n) .item a {
border:1px solid!important;
border-color:inherit!important;
border-bottom:none!important;
}
.tem54-service .col-xs-6:nth-of-type(7) .item a {
border-bottom:1px solid!important;
border-color:inherit!important;
}
.tem54-service.full-screen-spacing .tem09-list-title {
padding-left: 3%;
padding-bottom: 20px;
}
}
@media (max-width:360px) {
.tem54-service .tem09-list-title .title {
font-size:18px;
}
}
.tem314-irregular { padding:2% 0; }
.tem314-irregular a { display:block; height:100%; }
.tem314-irregular img { width:200%; display:block; opacity:0; max-width:200%!important; }
.tem314-irregular .item { padding:0!important; }
.tem314-irregular .box { overflow:hidden; position:relative; height:100%; }
.tem314-irregular .box:before { content:""; opacity:.5; transition:.5s;
position:absolute; width:100%; height:100%; display:block; top:0; left:0; background:-webkit-linear-gradient(45deg, transparent, #FFF); background:-o-linear-gradient(45deg, transparent, #FFF); background:-moz-linear-gradient(45deg, transparent, #FFF); background:linear-gradient(45deg, transparent, #FFF); }
.tem314-irregular .image, .tem314-irregular .text { position:absolute; left:0; width:100%; height:50%; z-index:1; }
.tem314-irregular .image {; background-position:center; background-size:cover; transition:.5s;
}
.tem314-irregular .text {; padding:20px; display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:center; align-content:center; }
.tem314-irregular .title { width:100%; font-size:16px; font-weight:bold; }
.tem314-irregular .description { width:100%; }
.tem314-irregular.content-middle { text-align:center; }
.tem314-irregular.content-right { text-align:right; }
.tem314-irregular .item:nth-child(odd) .image {
top:0;
}
.tem314-irregular .item:nth-child(odd) .text {
bottom:0;
}
.tem314-irregular .item:nth-child(even) .image {
bottom:0;
}
.tem314-irregular .item:nth-child(even) .text {
top:0;
}
.tem314-irregular .item:nth-child(even) .text:before {
transform:scaleX(-1);
}
@media(min-width:769px) {
.tem314-irregular a:hover .box:before {
opacity:.5;
}
.tem314-irregular .box:before {
opacity:.8;
}
.tem314-irregular .item:nth-child(odd) a:hover .image {
transform:scale(.95) translateY(2.5%);
}
.tem314-irregular .item:nth-child(even) a:hover .image {
transform:scale(.95) translateY(-2.5%);
}
}
@media(max-width:767px) {
.tem314-irregular .col-xs-12.item {
padding:.5vw!important;
}
.tem314-irregular .col-xs-12.item:nth-child(even) .image {
bottom:inherit;
top:0;
}
.tem314-irregular .col-xs-12.item:nth-child(even) .text {
top:inherit;
bottom:0;
}
.tem314-irregular .col-xs-12.item:nth-child(even) .text:before {
transform:scaleX(1);
}
}
@media(min-width:768px) {
.tem314-irregular .col-sm-12.item {
padding:.5vw!important;
}
.tem314-irregular .col-sm-12.item:nth-child(even) .image {
bottom:inherit;
top:0;
}
.tem314-irregular .col-sm-12.item:nth-child(even) .text {
top:inherit;
bottom:0;
}
.tem314-irregular .col-sm-12.item:nth-child(even) .text:before {
transform:scaleX(1);
}
}
@media(min-width:992px) {
.tem314-irregular .col-md-12.item {
padding:.5vw!important;
}
.tem314-irregular .col-md-12.item:nth-child(even) .image {
bottom:inherit;
top:0;
}
.tem314-irregular .col-md-12.item:nth-child(even) .text {
top:inherit;
bottom:0;
}
.tem314-irregular .col-md-12.item:nth-child(even) .text:before {
transform:scaleX(1);
}
}
@media(min-width:1200px) {
.tem314-irregular .col-lg-12.item {
padding:.5vw!important;
}
.tem314-irregular .col-lg-12.item:nth-child(even) .image {
bottom:inherit;
top:0;
}
.tem314-irregular .col-lg-12.item:nth-child(even) .text {
top:inherit;
bottom:0;
}
.tem314-irregular .col-lg-12.item:nth-child(even) .text:before {
transform:scaleX(1);
}
}
.tem30-pro .pro-desc { font-size:14px; color:#777; width:50%; margin:0 auto; display:block; line-height:22px }
.tem30-pro h2 { padding:0 15px }
.tem30-pro .pro-box { padding:30px 0 20px }
.tem30-pro .offer-left { margin-bottom:30px; transition:all .4s linear 0s
}
.tem30-pro .offer-left:hover { box-shadow:3px 10px 20px rgba(0, 0, 0, .3); transform:translate(0, -10px) }
.tem30-pro .offer-left-img { height:360px; border-bottom:1px solid #ddd }
.tem30-pro .offer-left a { width:100%; height:100% }
.tem30-pro .offer-left img { width:100%; height:100%; display:block }
.tem30-pro .offer-left-text { width:100%; background:#fff; padding:30px 20px; font-size:14px; color:#333 }
.tem30-pro .offer-left-text span { float:left; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.tem30-pro .icon { cursor:pointer }
.tem30-pro .pro_price { height:25px; color:#666; padding:3px 0; background:0 0; text-transform:uppercase; font-family:arial }
.tem30-pro .pro_price span { width:auto; height:25px; line-height:25px; display:inline-block }
.tem30-pro .mod_price i { margin-right:3px; font-family:arial; font-weight:300; font-style:normal; font-size:12px }
.tem30-pro .price_new { font-size:18px; font-weight:700; margin-right:8px }
.tem30-pro .price_origin { color:#333; opacity:.53; font-size:12px }
.tem30-pro .price_origin del { font-weight:300 }
@media (max-width:767px) {
.tem30-pro h2 {
padding:0 10px;
margin:5px 0
}
.tem30-pro .pro-box {
padding:10px 0
}
.tem30-pro .offer-left {
margin:5px 0
}
.tem30-pro .offer-left-img {
height:auto
}
.tem30-pro .pro-desc {
width:100%;
padding:0 10px
}
.tem30-pro .offer-left-text {
padding:10px
}
}
/* tem42-banner */
.tem42-banner { width:100%; }
.tem42-banner.content-middle { text-align:center; }
.tem42-banner.content-left { text-align:left; }
.tem42-banner.content-right { text-align:right; }
.tem42-banner .tem42-banner-con { width:100%; height:100vh; position:relative; overflow:hidden; color:#fff; }
.tem42-banner .swiper-slide { font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; position:relative; }
.tem42-banner .swiper-slide:after { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); }
.tem42-banner .swiper-slide img { width:100%; height:100%; object-fit:cover; }
.tem42-banner .text { position:absolute; top:50%; left:10%; width:80%; transform:translateY(-50%); z-index:4; }
.tem42-banner .text .title { font-weight:900; font-size:60px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; }
.tem42-banner .text .description { padding-top:70px; font-size:20px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; position:relative; text-overflow:ellipsis; }
.tem42-banner .text .description:after { content:""; position:absolute; top:35px; left:50%; border-radius:50%; border:2px solid; }
.tem42-banner .bor_a { position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:1; }
.tem42-banner .text .title, .tem42-banner .text .description { transition:1.5s cubic-bezier(.165, .84, .44, 1); }
.tem42-banner .swiper-slide.swiper-slide-active.pr .text .title { transform:translateY(0px); opacity:1; transition-delay:0.6s; }
.tem42-banner .swiper-slide.swiper-slide-active.pr .text .description { transform:translateY(0px); opacity:1; transition-delay:0.8s; }
.tem42-banner .swiper-slide.swiper-slide-active.ne .text .title { transform:translateY(0px); opacity:1; transition-delay:1s; }
.tem42-banner .swiper-slide.swiper-slide-active.ne .text .description { transform:translateY(0px); opacity:1; transition-delay:0.8s; }
.tem42-banner .swiper-slide.swiper-slide-next .text .title { transform:translateY(100px); transition-delay:0.4s; opacity:0; }
.tem42-banner .swiper-slide.swiper-slide-next .text .description { transform:translateY(100px); transition-delay:0.2s; opacity:0; }
.tem42-banner .swiper-slide.swiper-slide-prev .text .title { transform:translateY(-100px); transition-delay:0s; opacity:0; }
.tem42-banner .swiper-slide.swiper-slide-prev .text .description { transform:translateY(-100px); transition-delay:0.2s; opacity:0; }
.tem42-banner .swiper-pagination_box { width:70vh; height:2px; position:absolute; top:0; left:0; transform:rotate(90deg); transform-origin:left bottom; top:15vh; left:20px; z-index:2; border-color:#fff; }
.tem42-banner .swiper-container-horizontal .swiper-pagination-progress { width:100%; height:100%; transition:0s; background:none; border-color:inherit; top:0; left:0; }
.tem42-banner .swiper-container-horizontal .swiper-pagination-progress:after { content:""; display:block; width:100%; height:0; border-top:2px solid; opacity:0.25; border-color:inherit; }
.tem42-banner .swiper-pagination-progress .swiper-pagination-progressbar { z-index:4; background:none; height:0; border-top:2px solid; border-color:inherit; }
.tem42-banner .swiper-pagination_box .btn-grid { position:absolute; top:-14px; display:block; left:100%; width:30px; height:30px; border:15px solid; border-radius:50%; border-color:inherit; color:inherit; }
.tem42-banner .swiper-pagination_box .btn-grid .white { position:absolute; top:50%; left:50%; margin-top:-6.2px; margin-left:-6px; }
.tem42-banner .swiper-pagination_box .btn-grid .svg_fill { fill:#000; }
.tem42-banner .swiper_btn { position:absolute; bottom:60px; left:50%; z-index:12; font-size:18px; width:36px; height:36px; line-height:34px; text-align:center; margin-left:-18px; border:1px solid; border-radius:50%; cursor:pointer; opacity:.5; transition:opacity 0.3s ease-in-out; }
.tem42-banner .swiper_btn:hover { opacity:1; }
@media (max-width:768px) {
.tem42-banner .tem42-banner-con {
height:auto;
}
.tem42-banner .swiper-pagination_box {
display:none;
}
.tem42-banner .text {
width:70%;
left:15%;
top:50%;
}
.tem42-banner .text .title {
font-size:20px;
}
.tem42-banner .text .description {
font-size:16px;
padding-top:40px;
max-height:100px;
line-height:20px;
}
.tem42-banner .text .description:after {
top:20px;
}
.tem42-banner .swiper_btn {
bottom:20px;
width:30px;
height:30px;
margin-left:-15px;
line-height:28px;
opacity:1;
}
}
.tem53-service .col-lg-6 { padding:0 }
.tem53-service .item { position:relative }
.tem53-service .item::before {
content:"";
position:absolute;
width:30px;
height:1px;
background:rgba(255, 255, 255);
left:calc(150% - 20px);
top:50%;
opacity:0;
margin-left:-15px;
z-index:2;
transition:all .6s ease-out 0s
}
.tem53-service .item:hover::before {
opacity:1;
left:calc(150% - 60px)
}
.tem53-service .item::after {
content:"";
position:absolute;
height:30px;
width:1px;
background:rgba(255, 255, 255);
left:calc(150% - 20px);
top:80px;
opacity:0;
z-index:2;
transition:all .6s ease-out 0s
}
.tem53-service .item:hover::after {
opacity:1;
left:calc(150% - 60px);
top:50px
}
.tem53-service .item a { color:#fff; position:relative; z-index:1; height:130px; width:100%; display:block }
.tem53-service .item a::after {
position:absolute;
content:"";
width:0;
left:0;
top:0;
height:100%;
z-index:-2;
transition:all .6s ease 0s;
opacity:.8
}
.tem53-service .item a:hover::after {
width:150%
}
.tem53-service .item .L-icon { position:absolute; right:50%; top:0; height:100%; width:130px; font-size:40px; text-align:center; line-height:130px }
.tem53-service .item .L-icon>div { position:relative; width:100%; height:100%; z-index:1 }
.tem53-service .item .L-icon>div::after {
position:absolute;
content:"";
width:0;
height:0;
transition:all .6s ease 0s;
left:50%;
top:50%;
z-index:-1;
opacity:.8
}
.tem53-service .item a:hover .L-icon>div::after {
transform:rotate(180deg);
width:100%;
height:100%;
left:0;
top:0
}
.tem53-service .item .text { width:45%; float:right }
.tem53-service .item .text .title { font-size:16px; padding:55px 0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .35s ease 0s;
transition:all .3s ease-in 0s
}
.tem53-service .item a:hover .title { padding-top:30px; font-size:22px }
.tem53-service .item a:hover .text .title::after {
width:40px
}
.tem53-service .item .text .description { opacity:0; font-size:14px; line-height:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .3s ease-in 0s
}
.tem53-service .item a:hover .description { opacity:1 }
@media (max-width:768px) {
.tem53-service, .tem53-service .col-lg-6 {
padding:0!important
}
.tem53-service .item:hover::before {
opacity:1;
left:calc(150% - 20px)
}
.tem53-service .item:hover::after {
opacity:1;
left:calc(150% - 20px);
top:80px
}
.tem53-service .item .text {
width:calc(100% - 110px);
padding-right:10px
}
.tem53-service .item .text .title {
padding:27px 0 5px;
font-size:15px
}
.tem53-service .item a:hover .title {
padding-top:27px;
font-size:15px
}
.tem53-service .item .text .description {
opacity:1;
font-size:13px
}
.tem53-service .item a {
height:100px
}
.tem53-service .item .L-icon {
height:100px;
line-height:100px;
width:100px;
font-size:30px;
left:0
}
}
.tem239-irregular { background-color:#EFF3F8; padding:5% 0; }
.tem239-irregular img { max-width:100%; display:inline-block; }
.tem239-irregular .box { border-radius:6px; background-color:#FFF; overflow:hidden; }
.tem239-irregular .description { border-color:rgba(0, 0, 0, .06); padding-top:5%; }
.tem239-irregular .description section, .tem239-irregular .description ul, .tem239-irregular .description li { border-color:inherit; }
.tem239-irregular .description li { position:relative; overflow:hidden; padding:10px 0; }
.tem239-irregular .description li p { position:relative; z-index:1; }
.tem239-irregular .description li:before { content:""; width:100%; height:0; border-top:100vh solid; border-color:inherit; bottom:-1px; left:0; display:block; position:absolute; }
.tem239-irregular .description ul li:nth-child(even):before {
opacity:.3;
}
.tem239-irregular .title { padding:5% 0; }
.tem239-irregular .button_ { background-color:red; color:#FFF; }
.tem239-irregular .button_ a { color:inherit; padding:20px 0; display:block; }
.tem239-irregular .button_ a:after { content:"\e111"; padding-left:10px; vertical-align:middle; }
.tem239-irregular [template-edit], .tem239-irregular [module-edit] { border:0; }
@media(min-width:769px) {
.tem239-irregular .items {
display:flex;
display:-webkit-flex;
align-items:center;
-webkit-align-items:center;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}
.tem239-irregular .item.col-sm-4 {
width:33.333%!important;
padding:0;
}
.tem239-irregular .item.col-sm-4:nth-child(3n+2) {
position:relative;
z-index:1;
}
.tem239-irregular .item.col-sm-4:nth-child(3n+1) .box {
border-top-right-radius:0;
border-bottom-right-radius:0;
}
.tem239-irregular .item.col-sm-4:nth-child(3n+3) .box {
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.tem239-irregular .item.col-sm-4:nth-child(3n+2) .box {
box-shadow:0 0 30px rgba(0, 0, 0, .2);
}
.tem239-irregular .item.col-sm-4:nth-child(3n+2) figure {
padding:30px 0;
}
.tem239-irregular .item.col-sm-4 .description_ {
margin:30% 0 25%;
}
}
@media(max-width:768px) {
.tem239-irregular .item {
padding:1%!important;
}
.tem239-irregular .items {
padding-left: 1%;
padding-right: 1%
}
.tem239-irregular.full-screen-spacing .item, .tem239-irregular.full-screen-spacing .items {
padding-left: 0!important;
padding-right: 0!important
}
}
}
@media(max-width:768px) {
.tem239-irregular .item {
padding:1%!important;
}
.tem239-irregular .items {
padding-left: 1%;
padding-right: 1%
}
.tem239-irregular.full-screen-spacing .item, .tem239-irregular.full-screen-spacing .items {
padding-left: 0!important;
padding-right: 0!important
}
}
/*tem11-title*/
.tem11-title { text-align:center; width:100%; overflow:hidden; }
.tem11-title .title-section { position:relative; }
.tem11-title .title-section::before {
position:absolute;
content:"";
background:#eee;
width:100%;
height:1px;
left:0;
bottom:0;
}
.tem11-title .title-header { width:100%; position:relative; }
.tem11-title .subtitle { font-size:13px; width:100%; text-align:center; margin:10px 0; position:relative; color:#999; min-height:20px; border-color:#333; }
.tem11-title .subtitle::before {
position:absolute;
content:"";
width:50px;
height:2px;
border-bottom:2px solid;
border-color:inherit;
left:50%;
bottom:-10px;
margin-left:-25px;
}
@media (max-width: 768px) {
.tem11-title .tem11-list-title {
padding-left: 2%!important;
padding-right: 2%!important;
}
.tem11-title.full-screen-spacing .full-screen .tem11-list-title {
padding-left: 3%!important;
padding-right: 3%!important;
}
}
/*tem11-list-title*/
.mainlist .tem11-list-title, .maindetail .tem11-list-title { text-align:center; width:100%; overflow:hidden; margin:15px 0; border-bottom:1px solid #eee; }
.mainlist .tem11-list-title .title-header, .maindetail .tem11-list-title .title-header { width:100%; position:relative; }
.mainlist .tem11-list-title .subtitle, .maindetail .tem11-list-title .subtitle { width:100%; text-align:center; margin:10px 0; display:inline-block; position:relative; color:#999; }
.mainlist .tem11-list-title .subtitle::before, .maindetail .tem11-list-title .subtitle::before {
position:absolute;
content:"";
width:50px;
height:2px;
background-color:#333;
left:50%;
bottom:-10px;
margin-left:-25px;
}
@media (max-width:768px) {
.mainlist .tem11-list-title .subtitle, .maindetail .tem11-list-title .subtitle {
margin:0 0 10px;
}
}
.tem53-banner.content-middle { text-align:center; }
.tem53-banner.content-left { text-align:left; }
.tem53-banner.content-right { text-align:right; }
.tem53-banner { width:100%; }
.tem53-banner .con { width:100%; height:100vh }
.tem53-banner .tem53_banner_con { color:#fff; width:100%; position:relative; overflow:hidden; height:100%; }
.tem53-banner .swiper-slide { font-size:18px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; opacity:1!important; position:relative; }
.tem53-banner .swiper-slide .img { width:100%; height:100%; position:absolute; transform:translateX(10%); transition:all 2s cubic-bezier(0.2, 0.8, 0.5, 1); opacity:0; display:flex; justify-content:center; align-items:center; left:0; top:0; }
.tem53-banner .swiper-slide .img img { max-width:100%; max-height:100%; }
.tem53-banner .swiper-slide .img a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.tem53-banner .swiper-slide.swiper-slide-active .img { opacity:1; transition-delay:.6s;
transform:translateX(0); }
.tem53-banner .swiper-slide .text { position:relative; width:75%; padding:20px 0; }
.tem53-banner .swiper-slide.swiper-slide-active .text { opacity:1; }
.tem53-banner .swiper-slide .text .title { font-size:80px; margin-bottom:25px; line-height:1.2; font-weight:bold; max-height:2.4em; overflow:hidden; }
.tem53-banner .swiper-slide .text .description { font-size:18px; line-height:24px; opacity:0.9; max-height:100px; }
.tem53-banner .swiper-slide .text .btn_box { position:relative; }
.tem53-banner .swiper-slide .text .btn_a { position:relative; display:inline-block; margin-top:50px; font-size:10px; color:#333; background-color:#fff; padding:17px 50px; border-radius:100px; letter-spacing:1px; font-weight:bold; cursor:pointer; }
.tem53-banner .swiper-slide .text .title, .tem53-banner .swiper-slide .text .description, .tem53-banner .swiper-slide .text .btn_box { transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); opacity:0; transform:translateY(100px); }
.tem53-banner .swiper-slide.swiper-slide-active .text .title, .tem53-banner .swiper-slide.swiper-slide-active .text .description, .tem53-banner .swiper-slide.swiper-slide-active .text .btn_box { transform:translateY(0); opacity:1; }
.tem53-banner .swiper-slide.swiper-slide-active .text .title { transition-delay:.6s
}
.tem53-banner .swiper-slide.swiper-slide-active .text .description { transition-delay:.9s
}
.tem53-banner .swiper-slide.swiper-slide-active .text .btn_box { transition-delay:1.2s }
.tem53-banner .tem53_banner_con .left, .tem53-banner .tem53_banner_con .right { z-index:10; position:absolute; top:50%; margin-top:-30px; cursor:pointer; width:60px; height:60px; }
.tem53-banner .tem53_banner_con .left { left:10px; }
.tem53-banner .tem53_banner_con .right { right:10px; }
.tem53-banner .left .left_l, .tem53-banner .right .right_r { position:absolute; display:block; width:60%; height:0; border-bottom:1px solid; top:50%; transition:.4s
}
.tem53-banner .left .left_l:after, .tem53-banner .right .right_r:after { content:""; display:block; position:absolute; width:9px; height:9px; border:1px solid; border-top:none; border-right:none; top:0; margin-top:-4px; }
.tem53-banner .left .left_l:after { left:0; transform:rotate(45deg); }
.tem53-banner .right .right_r:after { right:0; transform:rotate(-135deg); }
.tem53-banner .left .left_l { left:30%; }
.tem53-banner .right .right_r { right:30%; }
.tem53-banner .left:hover .left_l { left:15%; }
.tem53-banner .right:hover .right_r { right:15%; }
.tem53-banner .tem53_banner_con .swiper-pagination { width:20px; left:auto; right:80px; bottom:50%; transform:translateY(50%); line-height:20px; text-align:center; font-size:12px; }
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet { margin:0; width:auto; height:auto; background:none!important; margin-bottom:30px; position:relative; display:block; width:20px; height:20px; opacity:1 }
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet span { opacity:.5; letter-spacing:1px; }
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { opacity:1 }
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet:after { content:""; display:block; position:absolute; top:25px; height:20px; border-left:1px solid; width:0; left:50%; opacity:.5; }
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet:last-child { margin-bottom:0; }
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet:last-child:after { display:none; }
.tem53-banner .xia_box { position:absolute; left:50%; bottom:0; z-index:2; width:60px; margin-left:-30px; height:60px; cursor:pointer; overflow:hidden; }
.tem53-banner .xia { position:absolute; top:10px; left:0; width:100%; height:100%; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.tem53-banner .xia_box:hover .xia { top:20px; }
.tem53-banner .xia:before { content:""; position:absolute; left:50%; bottom:0; border-left:2px solid; height:100%; margin-left:-1px; }
.tem53-banner .xia .after { position:absolute; width:100%; text-align:center; font-size:50px; top:-25px; }
@media(min-width:768px) {
.tem53-banner .swiper-slide .text .btn_a:hover {
background-color:#000!important;
transition-delay:0s;
color:inherit;
}
}
@media(max-width:768px) {
.tem53-banner .xia_box {
height:50px;
}
.tem53-banner .swiper-wrapper {
display:flex;
justify-content:center;
align-items:center;
}
.tem53-banner .swiper-slide .text {
width:96%;
position:absolute;
padding:0;
padding-right:50px;
pointer-events:none;
}
.tem53-banner .swiper-slide .text .btn_box {
display:none;
}
.tem53-banner .tem53_banner_con .left, .tem53-banner .tem53_banner_con .right {
display:none;
}
.tem53-banner .swiper-slide .text .title {
max-height:none;
font-size:16px;
margin-bottom:10px;
}
.tem53-banner .swiper-slide .text .description {
max-height:none;
font-size:13px;
}
.tem53-banner .con {
height:auto;
}
.tem53-banner .tem53_banner_con .swiper-pagination {
right:20px;
}
.tem53-banner .swiper-slide .text .btn_a {
padding:10px 25px;
margin-top:10%;
}
.tem53-banner .swiper-slide .img {
padding:5%;
height:auto;
position:relative;
}
}
.tem89-pro ul { list-style:none; margin:0; padding:0; }
.tem89-pro .navBar { background-color:#000; }
.tem89-pro .navBar ul { padding:2% 0; text-align:center; border-color:#222; color:#FFF; }
.tem89-pro .navBar span { padding:0 24px; line-height:34px; display:inline-block; position:relative; cursor:pointer; white-space:nowrap; z-index:1; }
.tem89-pro .navBar a { color:inherit!important; text-decoration:none!important; }
.tem89-pro .navBar li { border-color:inherit; margin:3px; display:inline-block; position:relative; }
.tem89-pro .navBar li:before, .tem89-pro .navBar li:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:17px solid; border-radius:30px; border-color:inherit; opacity:0; transition:.5s;
}
.tem89-pro .navBar li:after { transform:translateY(10px); -webkit-filter:blur(10px); -moz-filter:blur(10px); -ms-filter:blur(10px); -o-filter:blur(10px); filter:blur(10px); }
.tem89-pro .navBar li:hover:before, .tem89-pro .navBar .active:before { opacity:1; }
.tem89-pro .navBar li:hover:after, .tem89-pro .navBar .active:after { opacity:.5; }
.tem89-pro .navBar li:hover, .tem89-pro .navBar .active, .tem89-pro .items { color:#FFF; }
.tem89-pro .items ul { padding:4% 0; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:stretch; margin:0 -8px; }
.tem89-pro .items li { padding:0 8px; transition:.5s;
}
.tem89-pro .items a { height:100%; padding-bottom:80px; color:inherit; position:relative; display:block; transition:.5s;
}
.tem89-pro .items img { width:100%; opacity:0; }
.tem89-pro .items .wow { height:100%; }
.tem89-pro .items .image { background-size:cover; background-position:center; background-repeat:no-repeat; height:100%; transition:.2s;
}
.tem89-pro .items .text { padding:30px 0; position:absolute; bottom:0; left:0; width:100%; transition:.2s;
}
.tem89-pro .items .title { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.tem89-pro .items .description { display:none; }
.tem89-pro.content-middle .items { text-align:center; }
.tem89-pro.content-right .items { text-align:right; }
.tem89-pro .items li.OFF { transform:scale(0); width:0; padding:0!important; margin:0; opacity:0; flex:none; }
[template-layout="2"] .tem89-pro .navBar li:last-child, [template-layout="3"] .tem89-pro .navBar li:last-child { display:none; }
.tem89-pro > .container { width:100%; padding:0 !important; }
.tem89-pro .full-screen .container { width:100%; }
@media(min-width:769px) {
.tem89-pro .items .text {
opacity:.5;
}
.tem89-pro .items a:hover .image {
opacity:.6;
transform:translateY(-10px);
}
.tem89-pro .items a:hover .text {
opacity:1;
}
}
@media(max-width:768px) {
.tem89-pro .items .text {
padding:15px 0;
}
.tem89-pro .items ul {
margin:0 -1%;
padding-bottom:0;
}
.tem89-pro .items a {
padding-bottom:50px;
}
.tem89-pro .main {
padding-left: 2%!important;
padding-right: 2%!important
}
.tem89-pro.full-screen-spacing .main {
padding-left: 0!important;
padding-right: 0!important
}
}
.tem64-news { width:100%; background-color:#333 }
.tem64-news ._ul { width:100%; padding-top:65px; padding-right:65px; font-family:"微软雅黑"; color:#fff }
.tem64-news ._ul>li { padding:10px 20px; cursor:pointer; font-size:12px }
.tem64-news ._ul>li:last-child { border:none }
.tem64-news ._ul>li.active { background-color:rgba(0, 0, 0, .2) }
.tem64-news ._ul>li.active:before { width:20px }
.tem64-news ._ul>li:before { content:""; margin-right:5px; display:inline-block; width:0; height:0; vertical-align:middle; border-bottom:1px solid; transition:.3s
}
.tem64-news ._ul>li:hover { background-color:rgba(0, 0, 0, .2) }
.tem64-news ._ul>li:hover:before { width:20px }
.tem64-news .swiper-container { width:100%; color:#666 }
.tem64-news .menu { min-width:100px; width:60%; max-width:320px }
.tem64-news .content { width:100% }
.tem64-news .menu-button { position:absolute; top:0; left:0; padding:15px 0; cursor:pointer; -webkit-transition:.3s;
transition:.3s;
border-color:#fff; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); transform:scale(0.6) }
.tem64-news .menu-button .bar:nth-of-type(1) {
margin-top:0
}
.tem64-news .menu-button .bar:nth-of-type(3) {
margin-bottom:0
}
.tem64-news .bar { position:relative; display:block; width:50px; height:5px; margin:10px auto; border-radius:10px; -webkit-transition:.3s;
transition:.3s;
border-bottom:5px solid; border-color:inherit }
.tem64-news .menu-button:hover .bar:nth-of-type(1) {
-webkit-transform:translateY(1.5px) rotate(-4.5deg);
-ms-transform:translateY(1.5px) rotate(-4.5deg);
transform:translateY(1.5px) rotate(-4.5deg)
}
.tem64-news .menu-button:hover .bar:nth-of-type(2) {
opacity:.9
}
.tem64-news .menu-button:hover .bar:nth-of-type(3) {
-webkit-transform:translateY(-1.5px) rotate(4.5deg);
-ms-transform:translateY(-1.5px) rotate(4.5deg);
transform:translateY(-1.5px) rotate(4.5deg)
}
.tem64-news .cross .bar:nth-of-type(1) {
-webkit-transform:translateY(15px) rotate(-45deg);
-ms-transform:translateY(15px) rotate(-45deg);
transform:translateY(15px) rotate(-45deg)
}
.tem64-news .cross .bar:nth-of-type(2) {
opacity:0
}
.tem64-news .cross .bar:nth-of-type(3) {
-webkit-transform:translateY(-15px) rotate(45deg);
-ms-transform:translateY(-15px) rotate(45deg);
transform:translateY(-15px) rotate(45deg)
}
.tem64-news .cross:hover .bar:nth-of-type(1) {
-webkit-transform:translateY(13.5px) rotate(-40.5deg);
-ms-transform:translateY(13.5px) rotate(-40.5deg);
transform:translateY(13.5px) rotate(-40.5deg)
}
.tem64-news .cross:hover .bar:nth-of-type(2) {
opacity:.1
}
.tem64-news .cross:hover .bar:nth-of-type(3) {
-webkit-transform:translateY(-13.5px) rotate(40.5deg);
-ms-transform:translateY(-13.5px) rotate(40.5deg);
transform:translateY(-13.5px) rotate(40.5deg)
}
.tem64-news .img_con { padding-top:65px; display:none }
.tem64-news .img_con.active { display:block }
.tem64-news .img_con .slide_img { width:33.33333%; float:left; position:relative; padding:8px; -webkit-animation:tem64-news_img .5s;
-moz-animation:tem64-news_img .5s;
animation:tem64-news_img .5s
}
.tem64-news .img_con .slide_img a { color:inherit }
.tem64-news .img_con .img_box { overflow:hidden; padding-top:80%; position:relative }
.tem64-news .img_con .img_box .img { width:100%; background-size:100% 100%; height:100%; position:absolute; top:0; left:0; transition:all .45s cubic-bezier(.215, .61, .355, 1)
}
.tem64-news .img_con .img_box .text { width:100%; position:absolute; bottom:-70px; left:0; height:70px; padding:15px; line-height:20px; transition:all .45s cubic-bezier(.215, .61, .355, 1)
}
.tem64-news .img_con .img_box .text .text_before { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-color:#fff }
.tem64-news .img_con .img_box .text .pro_price, .tem64-news .img_con .img_box .text .text_txt { float:left; position:relative; z-index:2 }
.tem64-news .img_con .img_box .text .text_txt>p { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; z-index:4 }
.tem64-news .img_con .img_box .text .text_txt { width:60% }
.tem64-news .img_con .img_box .text .subtitle { font-size:12px; opacity:.5 }
.tem64-news .img_con .img_box .text .pro_price { padding-left:10px; text-align:right; width:40%; font-size:12px }
.tem64-news .img_con .img_box .text .pro_price .news_date { font-family:HELVETICANEUELTPRO-THEX, Arial; line-height:22px }
.tem64-news .img_con .img_box .text .pro_price .month { font-size:28px }
.tem64-news .img_con .img_box .text .pro_price .years { opacity:.8 }
@media(min-width:993px) {
.tem64-news .img_con .slide_img>a:hover .img {
-webkit-transform:translateY(-35px);
-moz-transform:translateY(-35px);
transform:translateY(-35px)
}
.tem64-news .img_con .slide_img>a:hover .text {
bottom:0
}
.tem64-news .img_con .slide_img>a:hover .img_box {
box-shadow:0 6px 10px 5px rgba(0, 0, 0, .08)
}
}
@media(max-width:992px) {
.tem64-news ._ul {
padding-right:20%
}
.tem64-news .img_con .slide_img {
width:50%
}
.tem64-news .img_con .slide_img .img {
height:calc(100% - 70px)
}
.tem64-news .img_con .slide_img .text {
position:relative;
top:0
}
.tem64-news .img_con .img_box .text .pro_price .month {
font-size:20px
}
}
@media (max-width:768px) {
.tem64-news {
padding:20px 0!important
}
.tem64-news .menu-button {
padding:0
}
.tem64-news .img_con .slide_img {
padding:8px 0
}
.tem64-news .img_con {
padding-top:45px
}
}
@media(max-width:600px) {
.tem64-news .img_con .slide_img {
width:100%
}
}
@-webkit-keyframes tem64-news_img { 0% {
-webkit-transform:translateY(-50px) scale(0.5);
opacity:0
}
100% {
-webkit-transform:translateY(0px) scale(1);
opacity:1
}
}
@-moz-keyframes tem64-news_img { 0% {
-moz-transform:translateY(-50px) scale(0.5);
opacity:0
}
100% {
-moz-transform:translateY(0px) scale(1);
opacity:1
}
}
@keyframes tem64-news_img { 0% {
transform:translateY(-50px) scale(0.5);
opacity:0
}
100% {
transform:translateY(0px) scale(1);
opacity:1
}
}
/*表单弹窗*/
/* Morph Button: Default Styles */

.morph-button { position: relative; display: block; margin: 0 auto; }
.morph-button > button { position: relative; padding: 0 1em; border: none; background-color: #e85657; color: #f9f6e5; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; line-height: 80px; overflow: hidden; }
.morph-button.open > button { pointer-events: none; }
.morph-content { pointer-events: none; }
.morph-button.open .morph-content { pointer-events: auto; }
/* Common styles for overlay and modal type (fixed morph) */
.morph-button-fixed, .morph-button-fixed .morph-content { width: 300px; height: 80px; }
.morph-button-fixed > button { z-index: 1000; width: 100%; height: 100%; -webkit-transition: opacity 0.1s 0.5s; transition: opacity 0.1s 0.5s; }
.morph-button-fixed.open > button { opacity: 0; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; }
.morph-button-fixed .morph-content { position: fixed; z-index: 900; opacity: 0; -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }
.morph-button-fixed.open .morph-content { opacity: 1; }
.morph-button-fixed .morph-content > div { visibility: hidden; height: 0; opacity: 0; -webkit-transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s; transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s; }
.morph-button-fixed.open .morph-content > div { visibility: visible; height: auto; opacity: 1; -webkit-transition: opacity 0.3s 0.5s; transition: opacity 0.3s 0.5s; }
.morph-button-fixed.active > button { z-index: 2000; }
.morph-button-fixed.active .morph-content { z-index: 1900; }
/* Transitions for overlay button and sidebar button */
.morph-button-overlay .morph-content, .morph-button-sidebar .morph-content { -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; }
.morph-button-overlay.open .morph-content, .morph-button-sidebar.open .morph-content { -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; }
/* Morph Button Style: Overlay */
.morph-button.morph-button-overlay { margin: 50px auto; }
.morph-button-overlay .morph-content { overflow: hidden; background: #e85657; }
.morph-button-overlay.open .morph-content { top: 0 !important; left: 0 !important; width: 100%; height: 100%; }

/* Morph Button Style: Modal */
.morph-button-modal::before {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 800;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.5s;
 transition: opacity 0.5s;
 pointer-events: none;
}
 .morph-button-modal.open::before {
 opacity: 1;
 pointer-events: auto;
}
 .morph-button-modal.active::before {
 z-index: 1800;
}
.morph-button-modal .morph-content { overflow: hidden; -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }
.morph-button-modal.open .morph-content { top: 50% !important; left: 50% !important; margin: -210px 0 0 -300px; width: 600px; height: 420px; -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }
/* Colors and sizes for individual modals */
.morph-button.morph-button-modal-1 { float: left; }
.morph-button.morph-button-modal-2, .morph-button.morph-button-modal-3 { display: none; margin: 10px 15px; }
.morph-button-modal-1 > button, .morph-button-modal-1 .morph-content { background-color: #553445; }
.morph-button-modal-2 > button, .morph-button-modal-2 .morph-content, .morph-button-modal-3 > button, .morph-button-modal-3 .morph-content { background-color: #fef0e3; color: #e75854; }
.morph-button-modal-4 { display: inline-block; }
.morph-button-modal-4 > button, .morph-button-modal-4 .morph-content { background-color: #faf1e0; color: #553445; }
.morph-button-modal-4 > button span, .morph-button-modal-4 .morph-clone { padding-left: 10px; color: #286f81; }
.morph-button-modal-4 .morph-clone { position: absolute; right: 34px; bottom: 30px; z-index: 100; letter-spacing: 1px; font-weight: 700; -webkit-transition: bottom 0.4s 0.1s, right 0.4s 0.1s; transition: bottom 0.4s 0.1s, right 0.4s 0.1s; }
.morph-button-modal-4.open .morph-clone, .no-js .morph-button-modal-4 .morph-clone { right: 10px; bottom: 10px; }
 .morph-button-modal-1::before {
 background: rgba(240, 221, 204, 0.7);
}
.morph-button-modal-2.open .morph-content { margin: -210px 0 0 -170px; width: 340px; height: 420px; }
.morph-button-modal-3.open .morph-content { margin: -255px 0 0 -210px; width: 420px; height: 510px; }
.morph-button-modal-3.open .morph-content > div { height: 420px; }
.morph-button-modal-2.open .morph-content > div, .morph-button-modal-3.open .morph-content > div { -webkit-transition: opacity 0.3s 0.3s; transition: opacity 0.3s 0.3s; }
.morph-button-modal-4.open .morph-content { margin: -200px 0 0 -320px; width: 640px; height: 400px; }
/* Morph Button Style: In the content flow */
.morph-button-inflow { overflow: hidden; max-width: 100%; height: 70px; }
.morph-button-inflow > button { width: 100%; line-height: 70px; }
.morph-button-inflow .morph-content { position: absolute; top: 0; left: 0; width: 100%; }
.morph-button-inflow .morph-content .morph-clone { padding: 0; font-weight: 700; font-size: 1.5em; line-height: 70px; }
/* Colors and sizes for individual in flow buttons */
.morph-button-inflow-1 { width: 600px; margin: 2em auto; -webkit-transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.morph-button-inflow-1 > button span { visibility: hidden; }
.morph-button-inflow-1 .morph-content .morph-clone { color: #f9f6e5; background: #e85657; }
.morph-button-inflow-2 { position: absolute; top: 50%; left: 50%; width: 220px; background-color: #fef0e3; -webkit-transition: height 0.3s, width 0.3s, -webkit-transform 0.3s; transition: height 0.3s, width 0.3s, transform 0.3s; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.morph-button-inflow-2 > button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; color: #e75854; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.morph-button-inflow-2.open > button { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.morph-button-inflow-2 .morph-content { width: 260px; height: 200px; }
.morph-button-inflow-2.open { width: 260px; }
/* Morph Button Style: Sidebar */
.morph-button-sidebar, .morph-button-sidebar .morph-content { width: 60px; height: 60px; }
.morph-button-sidebar { position: fixed; bottom: 50px; left: 50px; }
.morph-button-sidebar > button { line-height: 60px; font-size: 1.6em; padding: 0; }
.morph-button-sidebar .morph-content { background: #e85657; }
.morph-button-sidebar.open .morph-content { top: 0 !important; left: 0 !important; width: 300px; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; }
/* Let's add some nice easing for all cases */
.morph-button .morph-content, .morph-button.open .morph-content, .morph-button-modal-4 .morph-clone { -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
/* Helper classes */
.noscroll { overflow: hidden; }
.morph-button-overlay.scroll .morph-content { overflow-y: scroll; }
.morph-button-sidebar.scroll .morph-content { overflow: auto; }
/* No JS fallback: let's hide the button and show the content */
.no-js .morph-button > button { display: none; }
.no-js .morph-button { margin: 10px 0; float: none; }
.no-js .morph-button, .no-js .morph-button .morph-content, .no-js .morph-button .morph-content > div { position: relative; width: auto; height: auto; opacity: 1; visibility: visible; top: auto; left: auto; -webkit-transform: none; transform: none; pointer-events: auto; }
.no-js .morph-button .morph-content .icon-close1 { display: none; }
.no-js .morph-button-sidebar { width: 300px; position: fixed; top: 0; left: 0; margin: 0; height: 100%; background: #e85657; overflow: auto; }
.no-transition { -webkit-transition: none !important; transition: none !important; }

/* Media Queries */

@media screen and (max-width: 600px) {
 .morph-button-modal.open .morph-content {
 top: 0% !important;
 left: 0% !important;
 margin: 0;
 width: 100%;
 height: 100%;
 overflow-y: scroll;
 -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
 transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
}
}
 @media screen and (max-width: 400px) {
 .morph-button-fixed,  .morph-button-fixed .morph-content {
 width: 200px;
 height: 80px;
}
 .morph-button-fixed > button {
 font-size: 75%;
}
 .morph-button-sidebar > button {
 font-size: 1.6em;
}
 .morph-button-inflow .morph-content .morph-clone {
 font-size: 0.9em;
}
 .morph-button-modal-4,  .morph-button-modal-4 .morph-content {
 width: 220px;
 height: 120px;
}
 .morph-button-modal-4 > button {
 font-size: 100%;
 line-height: 50px;
}
 .morph-button-modal-4 > button span {
 display: block;
}
 .morph-button-modal-4 .morph-clone {
 right: 83px;
 bottom: 26px;
}
 .morph-button-sidebar,  .morph-button-sidebar .morph-content {
 width: 100% !important;
 height: 60px !important;
}
 .morph-button-sidebar {
 bottom: 0px;
 left: 0px;
}
 .morph-button-sidebar.open .morph-content {
 height: 100% !important;
}
}
.icon-close1 { z-index: 100; display: block; overflow: hidden; width: 3em; height: 3em; text-align: center; line-height: 3; cursor: pointer; }
.icon:before { position: relative; display: block; width: 100%; height: 100%; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-camera:before { content: "\e017"; }
.icon-server:before { content: "\e022"; }
.icon-heart:before { content: "\e024"; }
.icon-zoom-in:before { content: "\e037"; }
.icon-microphone:before { content: "\e048"; }
.icon-cloud:before { content: "\e066"; }
.icon-user:before { content: "\e074"; }
.icon-briefcase:before { content: "\e075"; }
.icon-globe:before { content: "\e078"; }
 .icon-cog::before {
 content: "\e600";
}
 .icon-close1::before {
 content: "\e902";
}
 .icon-play::before {
 content: "\e602";
}
 .icon-pause::before {
 content: "\e603";
}
.icon-close1 { position: absolute; top: 20px; right: 20px; }
.icon-close1:hover { color: #a50a05; }
/* Styles for dummy content */

/* Style for overlay */

.content-style-overlay { padding: 100px 50px; text-align: center; }
.content-style-overlay h2 { margin: 0 0 1em 0; padding: 0; font-weight: 300; font-size: 3em; }
.content-style-overlay p { margin: 0 auto; padding: 10px 0; max-width: 700px; text-align: justify; font-weight: 300; font-size: 1.5em; }
.content-style-overlay .icon-close1 { border: 2px solid #f9e1c9; border-radius: 50%; line-height: 2.8; }
.content-style-overlay .icon-close1:hover { border-color: #a50a05; }
/* Style for text modal */
.content-style-text { padding: 60px; text-align: left; }
.content-style-text h2 { margin: 0 0 0.5em 0; font-weight: 300; font-size: 1.85em; }
.content-style-text p { color: rgba(255, 255, 255, 0.5); font-weight: 300; font-size: 1.15em; line-height: 1.4; }
.content-style-text label { padding: 10px; color: #f9e1c9; font-weight: bold; }
.content-style-text .icon-close1 { top: 0; right: 0; color: rgba(0, 0, 0, 0.2); }
.content-style-text .icon-close1:hover { color: #f9e1c9; }
/* Style for form modal */
.content-style-form { position: relative; text-align: left; }
.content-style-form h2 { margin: 0; padding: 0.4em 0 0.3em; text-align: center; font-weight: 300; font-size: 3.5em; }
.content-style-form form { padding: 10px 30px; }
.content-style-form form p { margin: 0 0 5px 0; font-size: 0.7em; }
.content-style-form label { display: block; padding: 10px 0 0; color: #d5bba4; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
.content-style-form input[type="text"], .content-style-form input[type="password"] { padding: 10px; width: 100%; border: 2px solid #ebd3bd; background: transparent; color: #b09a86; font-weight: 300; font-size: 2.2em; }
.content-style-form input[type="text"]:focus, .content-style-form input[type="password"]:focus { border-color: #e75854; color: #e75854; }
.content-style-form input:focus { outline: 0; }
.tijiao { display: block; margin-top: 2.5em; padding: 1.5em; width: 100%; border: none; background: #e75854; color: #f9f6e5; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; font-size: 1.25em; }
.content-style-form .icon-close1 { top: 0; right: 0; color: #ebd3bd; font-size: 100%; }
.content-style-form .icon-close1:hover { color: #e75854; }
.js .content-style-form-1 h2, .js .content-style-form-1 p, .js .content-style-form-1 .icon-close1 { opacity: 0; -webkit-transition: opacity 0.2s 0.35s, -webkit-transform 0.2s 0.35s; transition: opacity 0.2s 0.35s, transform 0.2s 0.35s; -webkit-transform: scale(0.85); transform: scale(0.85); }
.content-style-form-1 p:first-child { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
 .content-style-form-1 p:nth-child(2) {
 -webkit-transition-delay: 0.45s;
 transition-delay: 0.45s;
}
 .content-style-form-1 p:nth-child(3) {
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.morph-button.open .content-style-form-1 h2, .morph-button.open .content-style-form-1 p, .morph-button.open .content-style-form-1 .icon-close1 { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.js .content-style-form-2 h2, .js .content-style-form-2 p, .js .content-style-form-2 .icon-close1 { opacity: 0; -webkit-transition: opacity 0.2s 0.3s, -webkit-transform 0.2s 0.3s; transition: opacity 0.2s 0.3s, transform 0.2s 0.3s; -webkit-transform: translateY(50px); transform: translateY(50px); }
.content-style-form-2 p:first-child { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
 .content-style-form-2 p:nth-child(2) {
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}
 .content-style-form-2 p:nth-child(3) {
 -webkit-transition-delay: 0.45s;
 transition-delay: 0.45s;
}
 .content-style-form-2 p:nth-child(4) {
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.morph-button.open .content-style-form-2 h2, .morph-button.open .content-style-form-2 p, .morph-button.open .content-style-form-2 .icon-close1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.content-style-form-4 form { padding: 30px; background: #fff; color: #ccb096; font-size: 1.5em; -webkit-perspective: 1000px; perspective: 1000px; }
.content-style-form-4 input[type="text"] { border: none; background-color: #f0f0f0; }
.content-style-form-4 form button { background: #ba997b; }
.content-style-form-4 form button:focus, .content-style-form-4 form button:hover { background: #a9896d; }
.js .content-style-form-4 p { opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: rotateX(-45deg); transform: rotateX(-45deg); -webkit-transform-origin: center top; transform-origin: center top; }
.morph-button.open .content-style-form-4 p { opacity: 1; -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: opacity 0.4s 0.2s, transform 0.4s 0.2s; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
 .morph-button.open .content-style-form-4 p:nth-child(2) {
 -webkit-transition-delay: 0.35s;
 transition-delay: 0.35s;
}
.content-style-social { padding: 30px; text-align: left; }
.morph-button-inflow-2 > button svg { display: inline-block; padding-right: 10px; width: 20px; height: 20px; vertical-align: -5%; }
.morph-button-inflow-2 > button svg path { fill: #e75854; }
.content-style-social a { display: block; padding: 0.5em 0; color: #67c2d4; vertical-align: middle; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 0.8em; line-height: 32px; }
.js .content-style-social a { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(100%); transform: translateX(100%); }
.content-style-social a:hover { color: #e75854; }
.content-style-social a:hover svg path { fill: #e75854; }
.content-style-social a svg { display: inline-block; padding-right: 10px; vertical-align: middle; -webkit-backface-visibility: hidden; }
.morph-button-inflow.open .content-style-social a { -webkit-transform: translateX(0); transform: translateX(0); }
 .morph-button-inflow.open .content-style-social a:nth-child(2) {
 -webkit-transition-delay: 0.05s;
 transition-delay: 0.05s;
}
 .morph-button-inflow.open .content-style-social a:nth-child(3) {
 -webkit-transition-delay: 0.1s;
 transition-delay: 0.1s;
}
.content-style-video { text-align: left; }
.video-mockup { width: 640px; height: 360px; max-width: 100%; background: url(../img/rated.png) no-repeat center center; background-size: 100%; }
.content-style-video .icon-close1, .content-style-video .icon-pause { color: #286f81; }
.content-style-video .icon-close1 { top: 0; right: 0; }
.content-style-video .icon-close1:hover { color: rgba(0, 0, 0, 0.4); }
.controls { bottom: 0px; left: 0px; width: 100%; }
.js .controls { position: absolute; }
.controls span { display: inline-block; }
.content-style-video .icon-pause { overflow: hidden; width: 2.5em; height: 2.5em; text-align: center; line-height: 2.5; cursor: pointer; vertical-align: bottom; }
.content-style-video span.time { color: #286f81; letter-spacing: 1px; font-weight: 700; line-height: 40px; }
 .controls::after {
 content: '';
 position: absolute;
 height: 7px;
 left: 100px;
 right: 70px;
 bottom: 16px;
 background: #aaa;
}
.content-style-sidebar h2 { font-weight: 300; font-size: 2em; padding: 0.75em 0 0.75em 1em; margin: 0; color: #bb4445; }
.content-style-sidebar .icon-close1 { top: 0; right: 0; font-size: 0.85em; }
.content-style-sidebar ul { list-style: none; margin: 0; padding: 0; }
.content-style-sidebar ul li a { display: block; padding: 12px 20px; color: #faf1e0; font-weight: 400; font-size: 1.05em; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); }
.content-style-sidebar ul li:last-child a { box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); }
.content-style-sidebar ul li a:hover { background: rgba(0, 0, 0, 0.1); box-shadow: none; }
 .content-style-sidebar ul .icon::before {
 display: inline-block;
 width: auto;
 margin-right: 20px;
 font-size: 1.5em;
 vertical-align: -10%;
 color: rgba(0, 0, 0, 0.2);
}
 @media screen and (max-width: 770px) {
 .qidiankefu {
 display:none;
}
 .content-style-overlay {
 font-size: 75%;
}
 .content-style-overlay .icon-close1 {
 top: 5px;
 right: 5px;
}
.tem01-bread { background-color:#f8f8f8; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; position:relative; margin-bottom:0; margin-top:0px;}
}