@font-face {font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1563589361598'); /* IE9 */ src: url('../fonts/iconfont.eot?t=1563589361598#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAScAAsAAAAACbwAAARMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDTgqFaIRzATYCJAMcCxAABCAFhG0HgRQbbwhRVG9KZD8OyjFXE8OIsejlblERjBEexf/v8fD/++Pb59778M2kUZzu1cXEJMZfJzGUn4arTwIbk0IBQ+FQnjULOQdnYRcHpe0knSrdZHpYKu3B+ok/KO2B+G6un5v/cG/T2wNkvtt2LnOO1qDPcUAB7Q0USMBlUcKeQnS7LelhVu8T6DSLZLe5rEYCXBXSZYE4hhgKuPp8Sgo7tM465t4irqq06XJ6Cbhi/nx8lxSuJFUmXbvlaKkKFHwKJ+Sl/90O6Cj6+iI4P0TGGkAhLsTGTnGwLWtMW2fc2x1tBnRqJenTZNOeTPg/hsuZZNQ0Ilun/C9eN2ohyYqKqEm2buL3eGqzp1d1rn0alASfJ3kk2CdDSeb7qEeBXcCMCjT6Pb2YAtwnNgHJscZMtEJu6+soHW0HyaXmRE+3PxV8qVibaH7f98HyrrfVD/i22cxve99ZPvS1xlst8ljRbLKZJXEPPASpRBx93PdEeNQ73zb6sPeR8KRvtoezO5Mrl+bL+DyJLEfKS6Z5jpnBy2ZI5dMYTytPEB48kNvey8S3SG978EFufSd1u1tFUWK1SqPTNpX1kYV6UnksEx+ig+agCamxJt2L/fpkc9Cxkgh0cW91IW1H8Lq1+0hSeSBvxyeRFJMbqaGhQR8fIZ1ygqVHa4/00euarhSmO+kNTS9eecfOZNWuer552hFq9WMMUUWjpwaCWgeCxXOCW/+SpEiC/PynK1euWnnj4kUAk+MOHNM8z3ZKpWcgcBxPGuu6DzpbxSed/58YapQ9KNeb5oVmLqf2V/delUF/R5hfQQOTO+b5ZvmB4+/fjjA/OGhgOoxdOZ1eXG9OOMrqAyK94Fjcu+S4pS+9pZqIS44cb24s045Dv+0fUE0EXXiC+6WKlO6AiikVq0x04DVxh/dlLQzYN3nfvUc3AyaLOMgjxdOTBO7j+OV459dh4P+m/Ckf/Vv9jb6tK2Yv8Mn559pVwMeZm39h5n93kZf4b9jl1v+J9Dl3lZdR8jflsbF6rkDjIB++DN2fBsHfJzXoeX2OkdwVQuvTnyFpzEDWmkMX/BqodFkLtdY66LRa+cNdhnAcROnAKgMCQr/jkPR6BFm/m+iCfwaVUd+g1h8O0GlXBDyzy0Ig92IOUhiqCMVSAilZA60Esbs13AQZk47ivEaTJ4Mcj4pEYlxCsFkODZCr4wZ+EZOEMU3QHKsnysTHoE7HEkaO1UAljlNjbMyKj6fjPilOyeqBu004EAWDVAgKSxEQJZYBrR+MuYe+vwnEMNGhcCnrPlVlIA4PHZ2QKE5CDnS5zZBr3b6czFuEkQTD6MNFNA5Lj1CGCKSTayyCMf4sDUgJi6MuUTHKEs/96Ly2uPYd+u18CDpJz20iRY4SVdTRRKv3nBpCitOfTFKhFmRy0yDKgFlTYqJNTwr5vQU6BBWIYnk1a2pBC9jQuI5WNWXQUier54raFtSVXYoAAAAAAA==') format('woff2'), url('../fonts/iconfont.woff?t=1563589361598') format('woff'), url('../fonts/iconfont.ttf?t=1563589361598') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/iconfont.svg?t=1563589361598#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icontheearth2diqiu:before { content: "\e629"; } .iconjiantou11:before { content: "\e725"; } .iconjiantou12:before { content: "\e726"; } .iconjiantou_liebiaoshouqi_o:before { content: "\eb8a"; } .iconjiantou_liebiaozhankai_o:before { content: "\eb8b"; } .iconicon_diqiuyi:before { content: "\e61a"; } .child_nav{position: absolute;top:72px;left:0;width: 400px;background: #fff;opacity: 0;visibility: hidden;webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .header-container .Hnav li .child_nav li a{font-size: 16px;display: block;padding: 10px;line-height: 1;text-indent: 3px;} .header-container .Hnav li .child_nav li{border-bottom: 1px solid #eee} .header-container .Hnav li .child_nav li a:hover{background: #004e98;color:#fff;} .child_nav1{width: 103px;} .child_nav2{width: 130px;} .child_nav42{width: 103px;} .child_nav46{width: 103px;} .child_nav4{width: 103px;} .child_nav5{width: 103px;} .header-container .Hnav li:hover .child_nav{opacity: 1;visibility: visible;} .Hnav li:hover .child_nav{opacity: 1} .Hnav li:hover .child_nav a:hover{background: #004e98;} .product_child_nav{position: fixed;width: 100%;top:72px;left:0;background:#005699;display: flex;justify-content:center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;height: 0;overflow: hidden;opacity: 0;} .product_child_nav li img{width: 150px;display: block;margin: 0 auto;margin-bottom: 10px;} .header-container .Hnav li .product_child_nav li a{color:#fff;text-align: center;display: block;font-size: 14px;line-height: 1;padding:15px 25px} .product_child_nav li a span{display: block; } .header-container .Hnav li:hover .product_child_nav{opacity: 1;height: 164px;} .header-container .Hnav .product_child_nav li a:hover{background: #004882;color:#fff;} .banner-box{width:100%;overflow:hidden} .banner{width:100%} .swiper-container-banner{width:100%;position:relative} .banner-img{width:100%} .banner-words-box{position:absolute;width:100%;left:0;bottom:0;padding:0 0 70px 0} .banner-words{width:1280px;margin:0 auto;position:relative} .banner-words-left{float:left;overflow:hidden;color:#fff;margin-top:30px} .banner-words-left h6{font-size:36px;font-weight:700} .banner-words-left p{font-size:18px;margin:4px 0 0 0} .banner-words-right{position:absolute;right:0;top:20px} .banner-words-right h6{width:156px;height:50px;text-align:center;line-height:50px;font-size:13px;color:#fff;background-color:#005bb1;font-weight:400} .banner-words-right h6 i{width:22px;height:9px;background-repeat:no-repeat;display:inline-block;background-image:url(../images/banner_arrow.png);vertical-align:middle;margin:-2px 0 0 10px} .banner-words-right h6:hover{background-color:#003c75} .swiper-container-banner .swiper-slide{overflow:hidden;position:relative;} .swiper-container-banner .swiper-slide-video{ } .swiper-container-banner .swiper-slide video{width: 100%; margin-top: -15px; width: 100%;} .swiper-container-banner .swiper-slide img{width: 100%;} .swiper-container-banner .swiper-slide.swiper-slide-video{background: #000;} .swiper-container-banner .swiper-button-prev{left:40px;} .swiper-container-banner .swiper-button-next{right:40px;} .swiper-container-banner .swiper-button-next { position: absolute; top: 50%; width: 48px; height: 47px; margin-top: -24px; z-index: 10; cursor: pointer; background-position: right center; background-repeat: no-repeat; background-image: url(../images/96x47.png); background-size: cover; } .swiper-container-banner .swiper-button-prev { position: absolute; top: 50%; width: 48px; height: 47px; margin-top: -24px; z-index: 10; cursor: pointer; background-position: left center; background-repeat: no-repeat; background-image: url(../images/96x47.png); background-size: cover; } /*.swiper-container-banner .swiper-slide img{width:100%;object-fit:cover;transform:matrix(1.1,0,0,1.1,0,0);-webkit-transition:all .4s ease 1.2s;-moz-transition:all .4s ease 1.2s;-ms-transition:all .4s ease 1.2s;-o-transition:all .4s ease 1.2s;transition:all .4s ease 1.2s}*/ /*.swiper-container-banner .swiper-slide-active img{transition-delay:.4s!important;transform:matrix(1,0,0,1,0,0);-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-ms-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease}*/ .banner-focus-box{width:100%;overflow:hidden;background-color:#fff;padding:18px 0;margin-top: -62px;} .banner-focus{width:1280px;margin:0 auto;position:relative} .banner-focus .swiper-pagination{position:absolute;left:0;top:-9px} .banner-focus .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;margin:0 14px 0 0;background:#999;opacity:0.5} .banner-focus .swiper-pagination-bullet-active{opacity:1;background:#fff} .advantage-box{width:100%;height:100%;padding:0 0 80px 0;} .advantage{width:1280px;margin:0 auto} .black-title{width:100%;overflow:hidden;padding:50px 0 50px 0;text-align:center} .black-title p{font-size:22px;color:#02407b;position:relative;display:inline-block} .black-title p:before{content:"";position:absolute;left:0;bottom:50%;width:44px;height:1px;background:#02407b;margin-left:-60px} .black-title p:after{content:"";position:absolute;right:0;bottom:50%;width:44px;height:1px;background:#02407b;margin-right:-60px} .black-title h6{font-size:36px;color:#02407b;font-weight:700;margin-top:4px} .advantage-words{width:100%;overflow:hidden;display:flex;justify-content:space-between; } .advantage-words .about-video{width:48%} .advantage-words .about-video video{width:100%} .advantage-words .about-content{width:52%;background: #fff;padding:0 25px;} .advantage-words .about-content p{line-height:2;font-size:16px} .advantage-words .about-content h6{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;font-size:16px;margin-top:19px} .advantage-words .about-content h6 i{width:28px;height:9px;background-image:url(../images/product_arrow.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:-3px 0 0 10px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease} .advantage-words .about-content h6{width:156px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#fff;background-color:#005bb1;font-weight:400} .advantage-words .about-content h6 i{width:22px;height:9px;background-repeat:no-repeat;display:inline-block;background-image:url(../images/banner_arrow.png);vertical-align:middle;margin:-2px 0 0 10px} .banner-words-right h6:hover{background-color:#003c75} .classics-box{width:100%;position:relative;} .classics{width:100%;overflow:hidden} .white-title{width:100%;height:300px;text-align:center;background:url(../images/classics_bg.jpg) no-repeat;display: flex;align-items:center;flex-direction:column;justify-content:center;background-attachment: fixed;background-position: 50% 0%;-webkit-background-size: 100% 100%; background-size: 100% 100%;} .white-title p{font-size:22px;color:#fff;display:inline-block;position:relative} .white-title h6{font-size:36px;color:#fff;font-weight:700;margin-top:4px} .classics-piclist{width:94%;max-width: 1280px;margin: 0 auto;padding: 50px 0} .classics-piclist-top{width:100%;overflow:hidden} .classics-piclist-top li{height:337px;overflow:hidden;float:left;position:relative;z-index:1;cursor:pointer;} .classics-piclist-top li:nth-child(1){width:49.4%} .classics-piclist-top li:nth-child(2){width:24.2%;margin-left:1.1%} .classics-piclist-top li:nth-child(3){width:24.2%;margin-left:1.1%} .classics-piclist-top li:nth-child(4){width:24.1%;} .classics-piclist-top li:nth-child(5){width:24.1%;margin-left:1.2%} .classics-piclist-top li:nth-child(6){width:24.2%;margin-left:1.1%} .classics-piclist-top li:nth-child(7){width:24.2%;margin-left:1.1%} .classics-piclist-top li img{width: 100%;display: block;} .classics-piclist-pic{width:100%;overflow:hidden} .classics-piclist-pic img{width:100%;height:100%;object-fit:cover} .classics-piclist-title{position:absolute;bottom:24px;left:24px;z-index:2} .classics-piclist-title h6{display:inline-block;color:#fff;font-size:18px;padding:10px 0;border-bottom:1px solid #fff} .classics-piclist-shade{position:absolute;width:100%;height:0%;left:0;bottom:0;z-index:3;background-color:#fff;opacity:0;transition:all .6s ease-in-out} .classics-piclist-top li:hover .classics-piclist-shade{height:100%;opacity:1} .classics-piclist-st{width:100%;height:68px;line-height:68px;background-color:#004e98;color:#fff;font-size:20px;font-weight:700;text-align:center} .classics-piclist-sp{width:100%;overflow:hidden;height:270px;text-align:center} .classics-piclist-sp img{max-width:100%;max-height:100%;object-fit:cover} .classics-piclist-sl{width:100%;text-align:center;font-size:0;margin-top:32px} .classics-piclist-sl a{display:inline-block;width:154px;text-align:center;font-size:14px;color:#333} .classics-piclist-sl a:hover{color:#004e98} .classics-piclist-sl a:nth-child(1){border-right:1px solid #bababa} .classics-piclist-sl a:nth-child(1) i{display:inline-block;width:14px;height:14px;background-repeat:no-repeat;background-image:url(../images/classics_search.png);vertical-align:middle;margin:-2px 6px 0 0} .classics-piclist-sl a:nth-child(2) i{display:inline-block;width:14px;height:15px;background-repeat:no-repeat;background-image:url(../images/classics_link.png);vertical-align:middle;margin:-2px 6px 0 0} .classics-piclist-bottom{width:100%;overflow:hidden;margin-top:1.1%} .classics-piclist-bottom li{height:480px;overflow:hidden;float:left;position:relative;z-index:1;cursor:pointer;width:24.2%} .classics-piclist-bottom li:nth-child(n+2){margin-left:1.06%} .classics-piclist-bottom li:hover .classics-piclist-shade{height:100%;opacity:1} .serve-box{width:100%;overflow:hidden;background-color:#f2f2f2;} .serve{width:100%} .serve-piclist{width:100%;height:862px;background-repeat:no-repeat;background-image:url(../images/serve_bg.jpg);background-size:100% 100%} .serve-piclist-words{width:1280px;height:100%; margin:0 auto;display: flex;justify-content:center;align-items:center;} .serve-piclist-words ul{width: 100%;} .serve-piclist-words ul li{width:20%;height:500px;overflow:hidden;float:left;background-color:rgba(0,0,0,.3);position:relative;text-align:center;padding:0 28px;box-sizing:border-box;border:1px solid #52505c} .serve-piclist-words ul li:hover{background-color:rgba(0,0,0,.5)} .serve-piclist-seeay{width:100%;height:164px;overflow:hidden;transition:all .6s ease-in 0s;position:absolute;text-align:center;top:50%;left:0;margin-top:-82px} .serve-piclist-seeay h6{width:102px;height:102px;display:inline-block;border-radius:100%;border:1px solid #fff;text-align:center;overflow:hidden} .serve-piclist-seeay h6 i{background-repeat:no-repeat;display:inline-block} .serve-piclist-seeay hr{height:40px;width:1px;border:none;background-color:#fff;display:block;margin:0 auto;margin-top:-26px;transition:all .4s} .serve-piclist-seeay h5{font-size:18px;color:#fff;margin-top:10px} .serve-piclist-seeay p{font-size:14px;color:#fff;line-height:22px;width:80%;margin-left:10%;margin-top:14px;height:64px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical} .serve-piclist-words ul li:nth-child(1) h6 i{width:51px;height:60px;margin-top:22px;background-image:url(../images/serve_ic1.png)} .serve-piclist-words ul li:nth-child(2) h6 i{width:48px;height:54px;margin-top:24px;background-image:url(../images/serve_ic2.png)} .serve-piclist-words ul li:nth-child(3) h6 i{width:56px;height:47px;margin-top:27.5px;background-image:url(../images/serve_ic3.png)} .serve-piclist-words ul li:nth-child(4) h6 i{width:45px;height:46px;margin-top:28px;background-image:url(../images/serve_ic4.png)} .serve-piclist-words ul li:nth-child(5) h6 i{width:42px;height:53px;margin-top:24.5px;background-image:url(../images/serve_ic5.png)} .serve-piclist-words ul li:hover .serve-piclist-seeay{top:46%;height:252px} .serve-piclist-words ul li:hover .serve-piclist-seeay h6{border:1px solid #004e98;background-color:#004e98} .serve-piclist-words ul li:hover .serve-piclist-seeay hr{margin-top:-10px;transform:rotate(90deg)} .product-box{width:100%;overflow:hidden;position:relative;background-color:#f2f2f2} .product{width:100%} .product-num-box{position:absolute;top:12%;left:0;width:100%} .product-num{width:1280px;margin:0 auto} .product-num ul{width:100%} .product-num ul li{width:25%;float:left;height:254px;background-color:rgba(0,78,151,.9);text-align:center;color:#fff;overflow:hidden} .product-num ul li:nth-child(-n+3){border-right:1px solid rgba(255,255,255,.1)} .product-num ul li h6{font-size:18px;margin-top:72px} .product-num ul li h6 span{font-size:76px;font-weight:700;font-family:dincond} .product-num ul li p{font-size:16px} .product-words-box{width:100%;height:660px;margin-top:0;background-image:url(../images/product_bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:100% auto} .product-words{width:100%;position:relative;overflow:hidden} .product-words-essay{width:100%;margin-top:12%;text-align:center} .product-words-essay h4{font-size:36px;color:#fff;font-weight:700} .product-words-essay p{font-size:16px;color:#fff;width:50%;margin-left:25%;line-height:26px;margin-top:28px} .product-words-essay h6{font-size:16px;color:#fff;display:inline-block;margin-top:60px} .product-words-essay h6 i{width:28px;height:9px;background-image:url(../images/product_arrow.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:-3px 0 0 10px} .product-words-essay h6:hover{color:#004e98} .product-words-essay h6:hover i{background-image:url(../images/product_arrowh.png)} .message-box{width:100%;overflow:hidden;background: url(../images/news_bg2.jpg) fixed no-repeat center center;height:600px;-webkit-background-size: 100% 100%; background-size: 100% 100%;} .hd-tab {text-align: center;width: 100%;padding: 70px 0 40px 0} .hd-tab li{width:144px;height:42px;line-height:42px;text-align:center;border-radius:4px;border:solid 1px #e8e8e8;display: inline-block;*display: inline;*zoom:1; font-size:16px;color:#333;background:#fff;margin:0 5px;cursor:pointer} .hd-tab li.on,.hd-tab li:hover{background:#175bc0;border:solid 1px #175bc0;color:#fff} .message{width:94%;margin-left:3%} .message-wordslist{width:100%;margin-top:30px} .message-wordslist ul{width:100%;margin-left:-.66666666%} .message-wordslist ul li{width:23%;height:273px;float:left;margin-left:1.33333333%;padding:140px 20px 0 20px;position:relative;background-color:none;border: 1px solid #b9bcc0;overflow: hidden} .message-wordslist ul li .mask{background: rgba(0,0,0,.5);position: absolute;width: 100%;height: 100%;left:0;top:0;opacity: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .message-wordslist ul li .thumb{position: absolute;top:0;left:0;width: 100%;opacity: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .message-wordslist ul li:hover .thumb{opacity: 1} .message-wordslist ul li:hover .mask{opacity: 1} .message-wordslist ul li .bb{position: relative;z-index: 2;} .message-wordslist ul li h6{width:auto;height:110px;background-color:#fff;position:absolute;top:-20px;left:54px;color:#333;padding:0 18px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;z-index: 2;} .message-wordslist ul li h6 p{font-size:28px;text-align:right;margin-top:20px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} .message-wordslist ul li h6 span{display:block;text-align:right;font-size:16px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} .message-wordslist ul li h4{font-size:18px;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position: relative;z-index: 2;} .message-wordslist ul li h4:hover{text-decoration: underline;} .message-wordslist ul li h5{font-size:14px;color:#000;line-height:24px;margin-top:30px;height:96px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;position: relative;z-index: 2;} .message-wordslist ul li:hover h6{background: #175bc0;color:#fff;} .message-wordslist ul li:hover h4{color:#fff;} .message-wordslist ul li:hover h5{color:#fff;} /*首页关于我们*/ #profile_default{width:100%; height:auto; margin:0 0 0 0; padding:0; clear:both;} #profile_default .profile_default{width:100%; height:auto; margin:0; padding:0; clear:both; position:relative;} #profile_default .profile_default .profile_video{width:100%; height:auto; margin:0; padding:0; position:relative;} #profile_default .profile_default .profile_video img{width:100%; height:auto; border:0px;} #profile_default .profile_default .profile_mask{width:50%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; right:0px; top:0px; z-index:1;} #profile_default .profile_default .profile_canvas{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:3;} #profile_default .profile_default .profile_canvas:after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;} #profile_default .profile_default .profile_canvas .profile_left{width:50%; height:100%; float:left; display:none;} #profile_default .profile_default .profile_canvas .profile_right{width:50%; height:100%; float:right;} #profile_default .profile_default .profile_canvas .profile_right dl{margin:0 auto; padding:0; width:80%; position: relative;height:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:start; -ms-align-items:flex-start; -moz-align-items:flex-start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;} .ad_text{font-size: 20px;color:gold;} #profile_default .profile_default .profile_canvas .profile_right dl dt{margin:0; padding:0; float:none; width:100%;} #profile_default .profile_default .profile_canvas .profile_right dl dd{margin:0; padding:0; float:none; width:100%;} #profile_default .profile_default .profile_canvas .profile_right dl dt:nth-of-type(1){height:60px; overflow:hidden;} #profile_default .profile_default .profile_canvas .profile_right dl dt:nth-of-type(2){height:20px; overflow:hidden;} #profile_default .profile_default .profile_canvas .profile_right dl dd:nth-last-of-type(1){text-align:right;} #profile_default .profile_default .profile_canvas .profile_right .em{color:#FFF; font-size:24px; line-height:24px; position:relative; padding-bottom:5px; text-transform:uppercase;} #profile_default .profile_default .profile_canvas .profile_right .cm{color:#FFF; font-size:26px; line-height:26px; position:relative;} #profile_default .profile_default .profile_canvas .profile_right .cm:after{content:""; display:block; width:132px; height:2px; overflow:hidden; background-color:#FFF; position:absolute; left:0px; bottom:-20px;} #profile_default .profile_default .profile_canvas .profile_right .zzz{color:#FFF; font-size:16px; line-height:28px;} #profile_default .profile_default .profile_canvas .profile_right .zzz p{margin:0; padding:0;} #profile_default .profile_default .profile_canvas .profile_right a.button{margin:0; padding:0; width:150px; height:38px; line-height:38px; color:#FFF; font-size:14px; border:#005bb1 solid 1px; background-color:#005bb1; display:inline-block; text-align:center; text-transform:uppercase; white-space:nowrap; text-align:center; overflow:hidden;} #profile_default .profile_default .profile_canvas .profile_right a.button b{width:100%; height:100%; display:inline-block; text-align:center; font-weight:normal; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;} #profile_default .profile_default .profile_canvas .profile_right a.button b:nth-of-type(1){-webkit-transform:translateX(-100%); transform:translateX(-100%);} #profile_default .profile_default .profile_canvas .profile_right a.button b:nth-of-type(2){-webkit-transform:translateX(-100%); transform:translateX(-100%);} #profile_default .profile_default .profile_canvas .profile_right a.button:hover{} #profile_default .profile_default .profile_canvas .profile_right a.button:hover b:nth-of-type(1){-webkit-transform:translateX(0); transform:translateX(0);} #profile_default .profile_default .profile_canvas .profile_right a.button:hover b:nth-of-type(2){-webkit-transform:translateX(100%); transform:translateX(100%);} #profile_default .profile_default .profile_canvas .profile_left img{width:100%; height:auto; border:0px;} /*产品展示轮播*/ #room_default{width:100%; height:auto; margin:0; padding:0; clear:both;} #room_default .room_explain{width:100%; height:auto; margin:0 auto; padding:0; clear:both; background-color:#3a3635;} #room_default .room_explain .tab_switch{width:100%; height:auto; margin:0 auto; padding:0; clear:both;} #room_default .room_explain .tab_switch ul{margin:0; padding:0; list-style-type:none; width:100%; height:auto; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:space-around; -ms-justify-content:space-around; -moz-justify-content:space-around; -webkit-justify-content:space-around; justify-content:space-around; -webkit-box-align:center; -ms-align-items:center; -moz-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-orient:horizontal; -ms-flex-direction:row; -moz-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;} #room_default .room_explain .tab_switch ul li{margin:0; padding:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex:1;} #room_default .room_explain .tab_switch ul li a{margin:0; padding:0; display:block; text-align:center; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} #room_default .room_explain .tab_switch ul li a .ppp{width:100%; height:auto; overflow:hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-align-items:center; -moz-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;} #room_default .room_explain .tab_switch ul li a .ppp img{height:50px; width:auto; border:0px; margin:0 auto;} #room_default .room_explain .tab_switch ul li a .nnn{color:#FFF; font-size:14px; line-height:14px; width:100%; height:auto; margin:0; padding:10px 0px 10px 0px; overflow:hidden;} #room_default .room_explain .tab_switch ul li:not(:first-child) a{border-left:#FFF solid 1px;} #room_default .room_explain .swiper-container{width:1200px;margin: 0 auto; height:auto; position:relative;} #room_default .room_explain .swiper-container .swiper-wrapper{width:100%; height:auto; margin:0; padding:0; position:relative;} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide{ } #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide a{margin:0; padding:10px 0; width:100%; display:block; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide .ppp{width:100%; height:auto; overflow:hidden; text-align:center;} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide .ppp img{height:80px; width:auto; border:0px; margin:0 auto;transition:all .3s linear;} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide .ppp .img_wrap{width: 108px;height: 73px;overflow: hidden;margin: 0 auto} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide a:hover .ico_img1,#room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide a:hover .ico_img2{transform:translateY(-100%);} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide .nnn{color:#FFF; font-size:14px; line-height:14px; width:100%; height:auto; margin:0; padding:10px 0px 10px 0px; overflow:hidden; text-align:center;} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide a:hover{background: #004e98;} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide.on{} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide.on .nnn{color:#fff;} #room_default .room_explain .swiper-container .swiper-wrapper .swiper-slide.on a{background: #004e98;} #room_default .room_explain .swiper-container .swiper-button-next{opacity:0; width:17px; height:100%; margin-top:0px; background-image:none; text-align:center; position:absolute; right:0px; top:0px; bottom:0px; z-index:10; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-align-items:center; -moz-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;} #room_default .room_explain .swiper-container .swiper-button-next i{color:#FFF; display:inline-block; font-size:24px; line-height:24px;} #room_default .room_explain .swiper-container .swiper-button-prev{opacity:0; width:17px; height:100%; margin-top:0px; background-image:none; text-align:center; position:absolute; left:0px; top:0px; bottom:0px; z-index:10; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-align-items:center; -moz-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;} #room_default .room_explain .swiper-container .swiper-button-prev i{color:#FFF; display:inline-block; font-size:24px; line-height:24px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);} #room_default .room_content{width:100%; height:auto; margin:0 auto; padding:0; clear:both;min-height: 500px;background: #fafafa;} #room_default .room_content .tab_content{display:none; width:100%; height:auto; margin:0 auto; padding:0; clear:both;} #room_default .room_content .tab_content:nth-of-type(1){display:block;} #room_default .room_content .ppp_txt{width:100%; height:auto; margin:0; padding:0; position:relative;} #room_default .room_content .ppp_txt .ppp{width:100%; height:auto; margin:0; padding:0; position:relative;} #room_default .room_content .ppp_txt .ppp img{width:100%; height:auto; border:0px; -webkit-animation:fadeInLeft 0.5s ease-in-out 0s 1; animation:fadeInLeft 0.5s ease-in-out 0s 1;} #room_default .room_content .ppp_txt .txt{width:50%; height:100%; margin:0; padding:0; position:absolute; right:0px; top:0px; bottom:0px; -webkit-animation:fadeInUp 1s ease-in-out 0s 1; animation:fadeInUp 1s ease-in-out 0s 1;} #room_default .room_content .ppp_txt .txt dl{margin:0; padding:0; width:90%; height:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:start; -ms-align-items:flex-start; -moz-align-items:flex-start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;} #room_default .room_content .ppp_txt .txt dl dt{margin:0; padding:0; float:none;} #room_default .room_content .ppp_txt .txt dl dd{margin:0; padding:0; float:none;} #room_default .room_content .ppp_txt .txt dl dt:nth-of-type(1){height:20px; overflow:hidden;} #room_default .room_content .ppp_txt .txt dl dt:nth-of-type(2){height:40px; overflow:hidden;} #room_default .room_content .ppp_txt .txt .nnn{color:#FFF; font-size:32px; line-height:32px; padding-bottom:15px; border-bottom:#FFF solid 1px;} #room_default .room_content .ppp_txt .txt .uuu{color:#fff; font-size:24px; line-height:24px; padding-bottom:20px;} #room_default .room_content .ppp_txt .txt .uuu p{margin:0; padding:0;} #room_default .room_content .ppp_txt .txt .uuu p + p{padding-top:10px;} #room_default .room_content .ppp_txt .txt .zzz{color:#FFF; font-size:14px; line-height:22px;} #room_default .room_content .ppp_txt .txt .zzz p{margin:0; padding:0;} #room_default .room_content .ppp_txt .txt .zzz p + p{padding-top:5px;} #room_default .room_content .ppp_txt .txt a.button{margin:0; padding:0; width:150px; height:38px; line-height:38px; color:#FFF; font-size:14px; border:#005bb1 solid 1px; background-color:#005bb1; display:inline-block; text-align:center; text-transform:uppercase; white-space:nowrap; text-align:center; overflow:hidden;} #room_default .room_content .ppp_txt .txt a.button b{width:100%; height:100%; display:inline-block; text-align:center; font-weight:normal; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;} #room_default .room_content .ppp_txt .txt a.button b:nth-of-type(1){-webkit-transform:translateX(-100%); transform:translateX(-100%);} #room_default .room_content .ppp_txt .txt a.button b:nth-of-type(2){-webkit-transform:translateX(-100%); transform:translateX(-100%);} #room_default .room_content .ppp_txt .txt a.button:hover{} #room_default .room_content .ppp_txt .txt a.button:hover b:nth-of-type(1){-webkit-transform:translateX(0); transform:translateX(0);} #room_default .room_content .ppp_txt .txt a.button:hover b:nth-of-type(2){-webkit-transform:translateX(100%); transform:translateX(100%);} #room_default .room_content .ppp_txt .switch_2_prev{width:40px; height:40px; display:block; text-align:center; margin-top:-20px; position:absolute; left:0px; top:50%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-align-items:center; -moz-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1; cursor:pointer;} #room_default .room_content .ppp_txt .switch_2_prev i{color:#FFF; display:inline-block; font-size:48px; line-height:48px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);} #room_default .room_content .ppp_txt .switch_2_next{width:40px; height:40px; display:block; text-align:center; margin-top:-20px; position:absolute; right:0px; top:50%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-align-items:center; -moz-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1; cursor:pointer;} #room_default .room_content .ppp_txt .switch_2_next i{color:#FFF; display:inline-block; font-size:48px; line-height:48px;} /*临时*/ #room_default .room_content .tab_content .five_star{width: 1200px;margin: 0 auto;padding: 40px 0;display: flex;flex-wrap:wrap;justify-content:space-between;} #room_default .room_content .tab_content .five_star .five_star_one{background: #fff;width: 49%;box-shadow: 0 .025rem .25rem rgba(0,0,0,.075); -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;border-radius: 10px;} #room_default .room_content .tab_content .five_star .five_star_four{width: 49%;display: flex;justify-content:space-between;flex-wrap:wrap;} #room_default .room_content .tab_content .five_star .five_star_four .five_star_item{width: 48%;box-shadow: 0 .025rem .25rem rgba(0,0,0,.075);} #room_default .room_content .tab_content .five_star .five_star_four .five_star_item:nth-child(1){margin-bottom: 3%;} #room_default .room_content .tab_content .five_star .five_star_four .five_star_item:nth-child(2){margin-bottom: 3%;} #room_default .room_content .tab_content .five_star img{width: 100%;} #room_default .room_content .tab_content .five_star .title {text-align: center;background: #004e98;padding: 15px 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;position: relative;width: 279px;} #room_default .room_content .tab_content .five_star .five_star_one .title{margin-top: 43px;} #room_default .room_content .tab_content .five_star .five_star_one .title span{float: right;right: 20px;font-size: 18px;position: absolute;margin-top: 2px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;opacity: 0} #room_default .room_content .tab_content .five_star .five_star_four .title{width: 100%;} #room_default .room_content .tab_content .five_star .five_star_four .title span{float: right;right: 20px;font-size: 18px;position: absolute;margin-top: 2px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;opacity: 0} #room_default .room_content .tab_content .five_star .five_star_one:hover .title span{right: 10px;opacity:1;} #room_default .room_content .tab_content .five_star .five_star_item:hover .title span{right: 10px;opacity:1;} /*#room_default .room_content .tab_content .five_star .five_star_one:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);box-shadow: 0 .225rem .25rem rgba(0,0,0,.075);} #room_default .room_content .tab_content .five_star .five_star_item:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);box-shadow: 0 .225rem .25rem rgba(0,0,0,.075);}*/ #room_default .room_content .tab_content .five_star a{color:#fff;} #room_default .room_content .tab_content .five_star .five_star_four:hover{} .five_star_item{transition:color .25s;background:0 0;border:0;box-sizing:border-box;font-size:inherit;position:relative;vertical-align:middle;} .five_star_item a.pic{display: block;width: 278px;height: 277px;overflow: hidden;margin-top: 3px;position: relative;z-index: 1;margin-left: 2px;} .five_star_item a.pic img{width: 100%;} .five_star_item::after,.five_star_item::before{box-sizing:inherit;content:'';position:absolute;width:100%;height:100%} .five_star_item::after,.five_star_item::before{border:2px solid transparent;width:0;height:0} .five_star_item::before{top:0;left:0} .five_star_item::after{bottom:0;right:0} .five_star_item:hover{color:#004e98} .five_star_item:hover::after,.five_star_item:hover::before{width:100%;height:100%} .five_star_item:hover::before{border-top-color:#004e98;border-right-color:#004e98;transition:width .25s ease-out,height .25s ease-out .25s} .five_star_item:hover::after{border-bottom-color:#004e98;border-left-color:#004e98;transition:border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s} .five_star_item img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .five_star_item:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .four_star_item:nth-child(4n+4) { margin-right: 0; } .five_star_one{transition:color .25s;background:0 0;border:0;box-sizing:border-box;font-size:inherit;position:relative;vertical-align:middle;} .five_star_one a.pic{display: block;width: 583px;height: 583px;overflow: hidden;margin-top: 3px;} .five_star_one a.pic img{width: 100%;} .five_star_one::after,.five_star_one::before{box-sizing:inherit;content:'';position:absolute;width:100%;height:100%} .five_star_one::after,.five_star_one::before{border:2px solid transparent;width:0;height:0} .five_star_one::before{top:0;left:0} .five_star_one::after{bottom:0;right:0} .five_star_one:hover{color:#004e98} #room_default .room_content .tab_content .five_star .five_star_one .title {width: 100%;} .five_star_one:hover::after,.five_star_one:hover::before{width:100%;height:100%} .five_star_one:hover::before{border-top-color:#004e98;border-right-color:#004e98;transition:width .25s ease-out,height .25s ease-out .25s} .five_star_one:hover::after{border-bottom-color:#004e98;border-left-color:#004e98;transition:border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s} .five_star_one img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .five_star_one:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} /*end*/ /*four_star*/ #room_default .room_content .tab_content{padding: 60px 0 0 0;background: url("../images/bannerbg1.jpg") fixed no-repeat center center;height: 708px; position: relative} #room_default .room_content .modal{content:"";width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;top:0;left:0;z-index: 1;} .four_star{width: 1200px;margin: 0 auto;display: flex;flex-wrap:wrap;} .four_star_item{margin-right: 49px;margin-bottom: 49px;width: 263px;height: 263px;overflow: hidden;position: relative;border-radius: 10px 10px 10px 10px;box-shadow: 0 .025rem .25rem rgba(0,0,0,.075);z-index: 2;} .four_star_item.last{margin-right: 0;} .four_star_item .pic{height: 263px;width: 263px;overflow: hidden;background: #fff} .four_star_item img{width: 100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .four_star_item .title {position: absolute; bottom:-50px;left:0;height:40px;width: 100%;background: #004e98;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .four_star_item .title a{color:#fff;display: block;text-align: center;height: 100%;display: flex;align-items:center;justify-content:center;} /*.four_star_item .title span:before{content:"";width: 7px;height: 1px;background: #005bb1;position: absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .four_star_item .title span:after{content:"";width: 7px;height: 1px;background: #005bb1;position: absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}*/ /*.four_star_item:hover .title{opacity: 1}*/ /*.four_star_item:hover .title span{opacity: 1}*/ .four_star_item:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} /*.four_star_item:hover .title span:before{width: 120px;background: #005bb1;} .four_star_item:hover .title span:after{width: 120px;background: #005bb1;}*/ .four_star_item:hover .title{bottom: 0;} /*end*/ #room_default{width:100%; height:auto; margin:0; padding:0; clear:both; background-color:#FFF;} .explain_default{width:100%; height:auto; margin:0 auto; padding:0; clear:both; background-color:#3a3635;position: relative;overflow: hidden} .explain_default dl{margin:0 auto; padding:0; float:none; width:93%;margin: 0 auto; display:table;position: relative;z-index: 2;} .explain_default dl dt{margin:0; padding:0; display:table-row; float:none;} .explain_default dl dd{margin:0; padding:0; display:table-row; float:none;position: relative;} .explain_default .dd_l{color:#FFF; text-align:left; display:table-cell; vertical-align:middle;} .explain_default .dd_r{color:#FFF; text-align:right; display:table-cell; vertical-align:middle;} .explain_default .dd_l .cm{display:block; color:#fff; font-size:24px; line-height:24px; letter-spacing:2px; position:relative;} .explain_default .dd_l .cm::after{content:""; display:block; width:50px; height:1px; background-color:#fff; overflow:hidden; position:absolute; left:0px; bottom:-13px;} .explain_default .dd_l .em{display:block; color:#FFF; font-size:14px; line-height:14px; text-transform:uppercase; margin-top:25px;} .explain_default .dd_r a{display:inline-block; font-size:14px; line-height:14px; padding:9px 15px; color:#FFF; border:#005bb1 solid 1px; background-color:#005bb1; text-transform:uppercase; position:relative; z-index:3;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .explain_default .dd_r a:after{content:""; display:block; width:0px; height:100%; background-color:#005bb1; overflow:hidden; position:absolute; left:0px; top:0px; z-index:-1; -webkit-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; -o-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;} .explain_default .dd_r a:hover{color:#fff;background: #02407b;border-color:#02407b; } .explain_default dl dt:nth-of-type(1){height:30px; overflow:hidden;} .explain_default dl dt:nth-of-type(2){height:30px; overflow:hidden;} /*.explain_default:after{content:"";position: absolute;top:0;left:0px;background: #005bb1;width: 40%;height: 153px;z-index: 1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}*/ /*.explain_default:before{content:"";position: absolute;top:0;left:0px;background: #f60;width: 23%;height: 123px;z-index: 1;}*/ .ico-adtext{display: flex;text-align: center;justify-content:space-between;font-size: 18px;width: 85%;margin: 0 auto;} .ico-adtext img{width:80px;margin-bottom: 10px;} .related_links{width:auto; height:100%; margin:0 0 0 20px; padding:0; overflow:visible; } .related_links .xxx_button{width:auto; height:23px; padding: 20px 0;display:table;font-size: 16px;} .related_links .xxx_button .time{margin:0; padding:0; text-align:left; vertical-align:middle; display:table-cell;} .related_links .xxx_button .time:nth-of-type(1) i{color:#333; font-size:16px; line-height:16px; font-style:normal; font-weight:normal;} .related_links .xxx_button .time:nth-of-type(3){padding:5px 0px 0px 0px;} .related_links .xxx_button .time:nth-of-type(3) i{color:#333; font-size:26px; line-height:20px; font-style:normal; font-weight:normal; margin-left:-4px; } .related_links .xxx_button .time:nth-of-type(2){padding:0px 0px 0px 5px;} .related_links .xxx_button .time:nth-of-type(2) em{color:#333; font-size:14px; line-height:14px; font-weight: normal; font-style:normal;margin:0; padding:0;} .related_links .xxx_content{display:none; width:195px; height:auto; background-color:#fff; margin:0; padding:0; text-align:left; position:absolute; right:0; top:72px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} .related_links .xxx_content .xxx_section_1{width:100%; height:auto; margin:0; padding:15px 0px 20px 0px; clear:both; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} .related_links .xxx_content .xxx_section_1 .nnn{color:#000; font-size:18px; line-height:18px;} .related_links .xxx_content .xxx_section_2{width:100%; height:auto; margin:0; padding:0; clear:both; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} .related_links .xxx_content .xxx_section_2::after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;} .related_links .xxx_content .xxx_section_2 .xxx_left{width:28%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} .related_links .xxx_content .xxx_section_2 .xxx_right{width:100%; float:left; padding-left:0%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} .related_links .xxx_content .xxx_section_2 .xxx_left ul{margin:0; padding:10px 0px 0px 0px; list-style-type:none;} .related_links .xxx_content .xxx_section_2 .xxx_left ul li{margin:0px 0px 15px 0px; padding:0; float:none; line-height:20px; text-align:left;} .related_links .xxx_content .xxx_section_2 .xxx_left ul li a{color:#000; font-size:14px; line-height:14px; display:inline-block; max-width:95%;} .related_links .xxx_content .xxx_section_2 .xxx_left ul li.on a{font-weight:700;} .related_links .xxx_content .xxx_section_2 .xxx_right .xxx_tab_content{display:none; width:100%; height:auto; min-height:180px; margin:0; padding:0; clear:both;} .related_links .xxx_content .xxx_section_2 .xxx_right .xxx_tab_content:nth-of-type(1){display:block;} .related_links .xxx_content .xxx_section_2 .xxx_right ul{margin:0; padding:0 0px 0px 0px; list-style-type:none;} .related_links .xxx_content .xxx_section_2 .xxx_right ul li{margin:0px 0px 0 0px; padding:7.5px 0; padding-left: 7%; float:none; clear:both; line-height:20px; text-align:left;} .related_links .xxx_content .xxx_section_2 .xxx_right ul li:hover{background: #005699;} .related_links .xxx_content .xxx_section_2 .xxx_right ul li em{color:#3c3c3c; font-size:12px; line-height:14px; margin:0; padding:0; font-style:normal; display:inline-block; width:27%;} .related_links .xxx_content .xxx_section_2 .xxx_right ul li a{color:#000; font-size:12px; line-height:20px; margin:0; padding:0; display:inline-block; width:67%;} .related_links .xxx_content .xxx_section_2 .xxx_right ul li:hover a{color:#fff;} .related_links .xxx_content .xxx_section_3{width:100%; height:auto; margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; clear:both; border-top:#e0e0e0 solid 1px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} .related_links .xxx_content .xxx_section_3 a.close_related{color:#000; font-size:14px; line-height:14px;} .partner{display: none} .partner_list{width: 90%;margin: 0 auto;display: flex;flex-wrap:wrap;padding: 5% 0} .partner_list .partner_item{width: 25%;} .solution-wrap{width: 93%;margin:0 auto 50px auto} .solution-wrap .solution-item {margin-bottom: 40px;width: 1200px;margin: 0 auto} .solution-wrap .solution-item h4 {font-size: 18px;position: relative;padding-left: 10px;font-weight: bold;margin-bottom: 15px;} .solution-wrap .solution-item h4:after{width: 5px;height:20px;background: #005bb1;position: absolute;left:0;top:3px;content:"";} .solution-wrap .solution-item img{width: 100%;height: 200px;display: block;} .solution-wrap .solution-list {width: 100%;display: flex;justify-content:space-between;} .solution-wrap .solution-list .solution-pic{width: 24%;} .sultion-text{text-align: center;margin-top: 100px;} .sultion-text .title{font-size: 22px;color:#005bb1;margin-bottom: 20px;} .sultion-text .p1{width: 30%;margin: 0 auto;font-size: 16px;line-height: 1.8;margin-bottom: 20px;} .sultion-text .p2{font-size: 16px;margin-bottom: 80px;} .footer-nav{display: flex;flex:1;justify-content:space-between;padding-right: 50px;} .footer-nav-item{} .footer-nav-item h4{margin-bottom: 10px;} .footer-nav-item h4 a{font-size: 18px;color: #fff} .footer-nav-item ul li{margin-bottom: 10px;} .footer-nav-item ul li a{color:#aaa;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;font-size: 15px;} .footer-nav-item ul li a:hover,.footer-nav-item h4 a:hover{color: #fff} .footer-nav-item-last{width: 23%;} .footer-nav-item-last h4{font-size: 18px;} .footer-nav-item-last h4 span{font-family: "Georgia";margin-left: 20px; background: linear-gradient(to top, #fff579, white); -webkit-background-clip: text; color: transparent; font-weight: bold} ._m-ftform{display: flex;flex-wrap:wrap;justify-content:space-between;} .m-ftfix1{padding-top:43px;padding-bottom:20px} .m-ftt{margin-bottom:21px;font-size:20px;font-size:2rem;font-family:OpenSans-Bold,arial;text-transform:uppercase} .m-ftb1{float:left;padding-right:20px;width:29.16667%;-moz-box-sizing:border-box;box-sizing:border-box} .m-ftb2{float:left;padding-right:20px;width:37.33333%;-moz-box-sizing:border-box;box-sizing:border-box} .m-ftb3{overflow:hidden} .m-ftform .form-bd{overflow:hidden} .m-ftform .form-item{position:relative;margin-bottom:13px;padding-left:0;-moz-box-sizing:border-box;box-sizing:border-box;line-height:0;font-size:0;background-color:#fff} .m-ftform .form-item1{width:48%} .m-ftform .form-item2{width:100%} .m-ftform .form-item3{width:28.28784%} .m-ftform .form-item3 input{padding-left:10px} .m-ftform .form-item4{margin-left:3.22581%;width:28.28784%;border:1px solid #bfbfbf;height:30px;line-height:30px;text-align:center;overflow:hidden;padding-left:0} .m-ftform .form-item4 img{max-height:30px;vertical-align:middle} .m-ftform .form-item5{width:32.25806%} .m-ftform .form-text{width:100%;height:30px;padding-left:10px;padding-right:10px;line-height:30px;font-size:12px;color:#333;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;box-sizing:border-box;margin-top: 0;border: 0;} .m-ftform .form-text::-webkit-input-placeholder{color:#333;opacity:1} .m-ftform .form-text:-moz-placeholder{color:#333;opacity:1} .m-ftform .form-text::-moz-placeholder{color:#333;opacity:1} .m-ftform .form-text:-ms-input-placeholder{color:#333;opacity:1} .m-ftform .form-text2{line-height:30px;height:78px;-moz-box-sizing:border-box;box-sizing:border-box} .m-ftform .form-btn{width:100%;height:30px;font-size:14px; font-weight:700;color:#fff;background-color:#286bb4;cursor:pointer;border: none;} .m-ftfix2 .box-wp{padding-top:14px;padding-bottom:17px;border-top:1px solid #434346} .m-ftlnk{margin-top:0;overflow:hidden;font-size:0;letter-spacing:0;text-align:center} .m-ftlnk .list-item{display:inline-block;vertical-align:top;margin-right:30px;line-height:30px;font-size:14px;font-size:1.4rem} .pro-list-wrap{display: flex;flex-wrap:wrap;width: 1200px;margin:0 auto;padding: 50px 0} .pro-list-wrap .pro-list{margin-bottom: 32px;margin-right: 32px;width: 23%;} .pro-list-wrap .pro-list.last{margin-right: 0;} .pro-list-wrap .pro-list .pic{ overflow: hidden;border: 1px solid #eee;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .pro-list-wrap .pro-list .pic img{display: block;width: 100%;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;} .pro-list-wrap .pro-list .pic img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);} .pro-list-wrap .pro-list .title{padding: 10px;background: #fafafa;border: 1px solid #eee;border-top: none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;} .pro-list-wrap .pro-list:hover .pic{border-color: #004e98} .pro-list-wrap .pro-list:hover .title{border-color: #004e98;background: #004e98;color: #fff} .classics-piclist-bottom li{height:380px} .classics-piclist-sp{height:236px} .classics-box{padding:0 0 1080px 0} .classics-piclist{top:22%} .product-words-box{height:560px} .product-num-box{top:13%} .black-title{padding:70px 0 50px 0} .white-title{padding:70px 0 50px 0} .miniHeader{display: none;} @media (min-width: 1400px){ .header-container{width: 95%;padding: 0 3%} .header-container .Hnav{width: 57%} .header-container .Hnav li a{font-size: 14px;padding:0;min-width: 100px;text-align: center} .header-container .Hnav li .child_nav li a{text-align: left;font-size: 14px;} .alb2{display: none} .eyalb1{height: 119px;overflow: hidden;} } @media (min-width: 1920px){ .header-container{width: 80%;padding: 0 3%} .header-container .Hnav{width: 60%} .header-container .Hnav li a{font-size: 18px;padding:0;min-width: 104px;text-align: center} .header-container .Hnav li .child_nav li a{text-align: left;font-size: 16px;} } @media (max-width: 1440px){ .header-container{width: 95%;padding: 0 2%} .header-container .Hnav{width: 57%} .header-container .Hnav li a{font-size: 14px;padding:0;min-width: 100px;text-align: center} .header-container .Hnav li .child_nav li a{text-align: left;font-size: 14px;} .alb2{display: none} .eyalb1{height: 119px;overflow: hidden;} } @media (max-width: 1280px){ .header-container{width: 90%;} .header-container .Hnav li a{font-size: 14px;padding: 0;display: block;width: 100px;text-align: center;width: 79px;} .header-container .Hnav li .child_nav li a{font-size: 14px;width: 100%;} .child_nav1,.child_nav42,.child_nav4,.child_nav5{width: 79px;} /*.child_nav{visibility: visible;opacity: 1;}*/ .child_nav2 {width: 107px;} .Hnav .child_nav2 li a{text-align: left;} .related_links .xxx_button .time:nth-of-type(2) em,.Hsrch-box .text{font-size: 13px;} .banner-focus-box{margin-left: 42px;padding: 31px 0;} .ico-item{font-size: 14px;} #profile_default .profile_default .profile_canvas .profile_right .zzz{line-height: 2;} .profile_right .zzz p{font-size: 14px;} .profile_right .zzz p:nth-of-type(0){display: none} .profile_right .zzz p:nth-of-type(4){display: none} .profile_right .zzz p:nth-of-type(6){display: none} #profile_default .profile_default .profile_canvas .profile_right dl dt:nth-of-type(1){height: 50px;} #profile_default .profile_default .profile_canvas .profile_right dl dt:nth-of-type(2){height: 0} .banner-focus-box{margin-top: -84px;} } @media (max-width: 1024px){ .Header-wrapper{display: none;} .miniHeader{padding:15px;display: block;position: relative;} .miniHeader .logo img{width: 200px;} .miniHeader .icon_search{position: absolute;right:70px;top:17px;color:#999;font-size: 22px} .miniHeader .search_container{display:none;width: 95%;position: absolute;top:60px;right:10px;background: #fff;box-shadow: 0 0 5px 5px rgba(0,0,0,.05);height: 40px;z-index: 99;text-indent:12px;} #room_default .room_explain .swiper-container{width: 100%} .four_star{width: 90%;} .four_star_item{width: 100%;margin: 0;height: auto;padding-bottom: 39px;} .four_star_item .pic{width: 100%;height: auto} .four_star_item .title{bottom: 0;} .swiper-container-product .swiper-pagination{bottom: 50px;} #room_default .room_content .tab_content{padding-top: 15px;} .swiper-pagination2{text-align: center;} #room_default .room_content .tab_content{height: auto;padding-bottom: 30px;} .swiper-container-product .swiper-slide{margin-bottom: 20px;} #profile_default .profile_default .profile_canvas .profile_right{width: 100%;} #profile_default .profile_default .profile_canvas{position: static;} .profile_mask{display: none;} .profile_right{padding-top: 30px;} #profile_default .profile_default .profile_canvas .profile_right .em,#profile_default .profile_default .profile_canvas .profile_right .cm,#profile_default .profile_default .profile_canvas .profile_right .zzz{color:#000;} #profile_default .profile_default .profile_canvas .profile_right .cm:after{background: #000} #profile_default .profile_default .profile_canvas .profile_right .em{font-size: 18px} #profile_default .profile_default .profile_canvas .profile_right .cm{font-size: 23px;} #profile_default .profile_default .profile_canvas .profile_right .cm:after{width: 102px} #profile_default .profile_default .profile_canvas .profile_right dl{width: 90%;} #profile_default{padding-bottom: 30px;} .ico-adtext{width: 100%} .hd-tab{padding: 40px 0 40px 0;} .hd-tab li{width: 28%;font-size: 14px;} .message-wordslist ul li{width: 100%;margin-bottom: 40px;} .message-box{height: auto} .message-wordslist ul li .thumb{display: none;} .swiper-container-solution{width: 95%;margin-top: 10px;} .swiper-container-solution p{text-align: center;font-size: 18px;padding: 20px 0} .swiper-container-solution .pic {border-radius: 10px;overflow: hidden} .swiper-container-solution .swiper-pagination2{padding: 20px 0} .Footer-container{padding: 30px 0 0 0} .footer-nav-item{text-align: center} .footer-nav-item h4 a{font-size: 14px;} .footer-nav{width: 100%;padding-right: 0;flex-wrap:wrap;} .footer-nav-item{width: 30%;margin-bottom: 20px;} .Footer-wordsBoxR{flex-wrap:wrap;margin-left: 0;width: 95%;margin: 0 auto} .footer-nav-item-last{width: 100%;text-align: left;} .c_w_l, .c_w_r{padding-top: 30px;} .history .c_w_r{float:none;width:100%;padding:0;margin: 0 auto;width: 95%} .history .c_w_r li .time { font-size: 28px; color: #286bb4; line-height: 22px; padding-left: 10px; width: auto; text-align: left; border-left: 3px solid #286bb4; font-family: "Arial"; font-weight: normal; letter-spacing: -2px; margin-bottom: 20px; position: static; } .history .c_w_r li .bg { display: none;} .history .c_w_l{display: none} .c_w_l{border: none} .history .c_w_r li .time{border-right: none;} .qscp ul li{width: 48%} .qscp ul li .img{height: auto} .qscp ul li + li{margin-left: 1%} .qscp ul li .img{min-height: 200px;} .qscp ul li:nth-child(2n+1){margin-right:2%} .message-wordslist ul li h5{height: auto;font-size: 12px;margin-top: 9px;} .message-wordslist ul li h4{font-size: 15px;} .message-wordslist ul li{height: 179px;padding: 77px 20px 0 20px;} .message-wordslist ul li h6{height: 81px;padding: 0 18px;} .message-wordslist ul li h6 p{font-size: 18px;} .message-wordslist ul li h6 span{font-size: 16px;} .mobile-solution{width: 95%;margin: 0 auto;display: flex;justify-content:space-between;flex-wrap:wrap;margin-top: 30px;margin-bottom: 30px} .solution-item{width:100%;text-align: center;margin-bottom: 20px;display: flex;justify-content:space-between;flex-wrap:wrap} .solution-item a{display: block;width: 30%} .solution-item p{margin-bottom: 10px;} .solution-item img{width: 100%;border-radius: 10px;} .swiper-container-banner .swiper-button-prev{display: none} .swiper-container-banner .swiper-button-next{display: none} } @media (max-width: 414px){ .ico-adtext img{width: 60px} } @media (max-width: 320px){ .four_star_item .title a{font-size: 12px;padding: 0 5px;} .profile_right{padding-top: 20px;} #profile_default .profile_default .profile_canvas .profile_right .em{font-size: 16px} #profile_default .profile_default .profile_canvas .profile_right .cm{font-size: 20px;} .ico-adtext img{width: 60px;} #profile_default .profile_default .profile_canvas .profile_right a.button{width: 111px;font-size: 12px;} .explain_default .dd_r a{padding: 5px;font-size: 12px;} .explain_default .dd_l .cm{font-size: 18px;} .explain_default .dd_l .em{font-size: 12px;} .hd-tab{padding: 20px 0 20px 0;} .message-wordslist ul li h4{font-size: 16px;} .hd-tab li{width: 28%;font-size: 12px;} .message-wordslist ul li h5{margin-top: 10px;} .swiper-container-solution p{font-size: 16px;} }